/* CSS Document */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,a,big, em,font,strong,tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, img{border:0px; padding:0px; margin:0px;}
ul{list-style:none;}
li{list-style:none; color:#333;}
body,td,th,select,input,textarea,ul,li,dl,dd,dt{ font-size:14px;font-family: Verdana, Arial, Helvetica, sans-serif !important; color:#333; margin:0px; padding:0px;} 
img{ border:none; padding:0px; margin:0;display: block;}
a:link{color:#333;text-decoration: none;}
a:visited{ text-decoration: none;}
a:hover { text-decoration: none;}
html{ height:100%; }
body{ height:100%;line-height: 22px;padding:0px; margin:0; background-color:#fff;}

.header{ width:100%; height:auto;padding:10px 0;}
.headerL{ text-align:left;}
.headerL img{ height:48px;}
.headerR{ text-align:right; width:60%;}
.headerR ul li { font-size:16px; position:relative;}
.headerR ul li span{ display:block; width:100%; height:3px; background-color:#fff; margin-top:5px;}
.headerR ul li a{ color:#333;}
.headerR ul li a:hover{ color:#004274;}
.headerR ul li a:hover span{background-color:#004274;}
.headerR ul li a.tv{color:#004274;}
.headerR ul li a.tv span{background-color:#004274;}

.hsubb{display:none;height: auto;top: 30px;left:-68px;width: 200px;position: absolute;z-index: 9999;border-radius:5px;background: rgba(0,66,116,0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00427497, endcolorstr=#00427497);}
.hsubb dl dt{zoom: 1;height: 40px;line-height: 40px; width: 100%;margin: 0; padding:0 10px; box-sizing:border-box; text-align:center; color:#fff;}
.hsubb dl dt:hover{ background-color:#fff; color:#004274; cursor:pointer;}
.headerR ul li:hover .hsubb{ display:block;}



.benner{ width:100%; height:auto; overflow:hidden; position:relative;}
.benner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:150px;}
.benner .swiper-pagination-bullet{border-radius:0;width: 30px;height: 4px;}

.benpro{ width:100%; height:auto; overflow:hidden; position:absolute; z-index:99; bottom:30px;}
.benpro ul li { width:25%; background-color:#fff;border-radius:4px; padding:0 15px; box-sizing:border-box; height:80px; overflow:hidden; margin-right:1%;}
.benpro ul li.tv{ width:60px;line-height:17px; text-align:center; box-sizing:border-box; padding:0 20px;}
.benproL{ font-size:16px;flex:1;}
.benproL h3{ font-size:14px; overflow:hidden;text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
	}
.benproL p{ font-size:12px; color:#616166; margin-top:5px; overflow:hidden;text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
	}
.benproR{ text-align:right; padding-left:10px;}
.benpro ul li a{ color:#333;}
.benpro ul li a:hover{ color:#004274;}
.benpro ul li img{ height:58px;}


.product{ width:100%; height:auto; overflow:hidden; padding:40px 0; background:url(../image/product_bg.png) no-repeat center;}
.productit{ width:100%; height:auto; overflow:hidden; font-size:32px; line-height:35px; color:#C2C2CC; text-align:center;text-transform:uppercase;}
.productib{width:100%; height:auto; overflow:hidden; font-size:30px; line-height:35px;text-align:center; font-weight:bold; position:relative; z-index:2; top:-12px;}
.productib span{ display:block;background: linear-gradient(90deg, rgba(0,66,116,0) 0%, #004274 52%, rgba(0,66,116,0) 100%); width:120px;height:3px; text-align:center; margin:auto; margin-top:10px;}
.productul{ width:100%; height:auto; overflow:hidden; margin-top:30px;}

.productul .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0px;}
.productul .swiper-pagination-bullet{border-radius:0;width: 30px;height: 4px;}
 


.productulli{ width:100%; height:auto; overflow:hidden; background-color:#fff; position:relative;}
.productullic{ padding:50px; height:370px; box-sizing:border-box;}
.productullicpic{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.productullicpic img{ height:50px; width:auto;}
.productullicpit{ width:100%; height:auto; overflow:hidden; font-size:16px; font-weight:bold; line-height:50px;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;}
.productullicpit span { display:block; width:30px; height:3px; background-color:#E1E1E5;}
.productullicpib{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#616166; margin:40px 0; height:44px; text-align:justify;
-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:2;
}
.productullicpim{width:100%; height:auto; overflow:hidden; font-size:14px; color:#004274;}

.productullicfd{padding:50px; width:100%; height:370px; overflow:hidden; position:absolute; z-index:2; top:0; left:0; background:url(../image/productullicfd_1.png) no-repeat center; box-sizing:border-box;}

.productul .swiper-slide:nth-child(1) .productullicfd{background:url(../image/productullicfd_1lz.jpg) no-repeat center;}
.productul .swiper-slide:nth-child(2) .productullicfd{background:url(../image/productullicfd_1jgq.jpg) no-repeat center;}
.productul .swiper-slide:nth-child(3) .productullicfd{background:url(../image/productullicfd_1dzkz.jpg) no-repeat center;}
.productul .swiper-slide:nth-child(4) .productullicfd{background:url(../image/productullicfd_1jx.jpg) no-repeat center;}
.productul .swiper-slide:nth-child(5) .productullicfd{background:url(../image/productullicfd_1dzcpfw.jpg) no-repeat center;}

.productullicfdpic{ width:100%; height:auto; overflow:hidden; position:absolute; z-index:2; left:0; top:0; display:none;}
.productullicfdpic img{ height:100%;}

.productullicfdt{ width:100%; height:auto; overflow:hidden; font-size:16px; font-weight:bold; line-height:50px; color:#fff;}
.productullicfdt span { display:block; width:30px; height:3px; background-color:#fff;}
.productullicfdb{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#fff; margin:20px 0; height:44px; text-align:justify;
-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:2;
}
.productullicfdm{width:100%; height:auto; overflow:hidden; font-size:14px; color:#fff;}
.productullicfdm a{ color:#fff;}
.productullicfdm a:hover{ color:#fff;}

.productullicfdul{ width:100%; height:auto; overflow:hidden; border-top:1px solid #fff; margin-top:20px;}
.productullicfdul ul li { width:48%; height:auto; overflow:hidden; height:22px; color:#fff; margin-right:4%; margin-top:10px; float:left;-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:1;
}
.productullicfdul ul li:nth-child(2n){ margin-right:0;}
.productullicfdul ul li a{ color:#fff;}
.productullicfdul ul li a:hover{ color:#fff; text-decoration:underline;}

.productulli:hover .productullicfdpic{ display:block;}



.applic{ width:100%; height:auto; overflow:hidden; background:url(../image/applic.png) no-repeat center; padding:40px 0;}
.productit.app{ color:#C2C2CC;}
.productib.app{color:#fff;}
.productib.app span{background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #FFFFFF 52%, rgba(255,255,255,0) 100%);}

.applicul{ width:100%; height:auto; overflow:hidden;}
.applicul ul li { width:88px; height: auto; float: left;}
.applicul ul li .appliculL{ width: 68px; height: 68px; text-align: center; margin: auto;}
.applicul ul li .appliculLb{font-size:16px; color: #fff; margin-top: 5px; text-align: center;}

.applicul ul dd{ width:14%; box-sizing: border-box; background-color: #fff; height:1px; padding: 0 20px; margin-top: 35px;}

.applicul ul li .appliculL img{ height:48px; margin:auto;}
.applicul ul li .appliculL.tv{background:rgba(255,255,255,0.2);box-sizing:border-box;border-radius:50%;}

.appliculc{ width:100%; height:auto; overflow:hidden; padding:40px 0 70px 0; color:#fff; display:none;}
.appliculc.tv{ display:block;}
.appliculctit{width:100%; height: auto; overflow: hidden; font-size: 22px; font-weight: bold; line-height: 30px;}
.appliculctit span{width:40px; height:3px; background-color: #fff; display: block;margin-top:30px;}
.appliculcbit{width:50%; height: 78px;margin:30px 0; text-align: justify; line-height:26px; -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:3;
}
.appliculcm{width: auto; height: auto; overflow: hidden; padding-top: 30px;}
.appliculcm a{color: #004274; background-color: #fff; padding:0 20px; box-sizing: border-box; line-height: 35px;border-radius: 80px }
.appliculcm a:hover{color: #004274;}
.appliculcm a span{padding-left: 10px;}

.inews{ width:100%; height:auto; overflow:hidden; background:url(../image/inews_bg.png) no-repeat center; padding:40px 0;}
.inewsL{ text-align:left; padding-right:5%; box-sizing:border-box; margin-top:30px;}
.productit.Le{ text-align:left;}
.productib.le{ text-align:left;}
.productib.le span { text-align:left;margin: unset;margin-top: 10px;}
@font-face {
  font-family: 'iconfontrjt';  /* Project id 3791731 */
  src: url('../font/font_3791731_onkst1go4b.woff2') format('woff2'),
       url('../font/font_3791731_onkst1go4b.woff') format('woff'),
       url('../font/font_3791731_onkst1go4b.ttf') format('truetype');
}
.iconfontrjt {
    font-family: "iconfontrjt" !important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: -4px !important;
}

.inewsLm{width: auto; height: auto; overflow: hidden; margin-top:160px;}
.inewsLm a{color: #fff; background-color: #004274; padding:0 20px; box-sizing: border-box; line-height: 35px;border-radius: 80px }
.inewsLm a:hover{color:#fff;}
.inewsLm a span{padding-left:10px;}

.inewsR{ text-align:right;flex:1; box-sizing:border-box; overflow:hidden;}
.inewsRb{ width:100%; height: auto; overflow:hidden; padding-bottom:30px;}
.inewsRbpic{ width:100%; height:auto; overflow:hidden;}
.inewsRbpic img{ width:100%; max-height:250px;transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
 
.inewsRbpic img:hover{transform:scale(1.2); -webkit-transition:scale(1.2); -moz-transition:scale(1.2);}

.inewsRbpid{ line-height:30px; padding:0 10px; border:1px solid #D9D9D9; color:#616166; float:left; margin-top:15px;}
.inewsRbpit{ width:100%; height:30px; line-height:30px; font-weight:bold; font-size:16px; text-align:justify; margin-top:10px; float:left;
	-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:1;
}
.inewsRbpit a{ color:#333;}
.inewsRbpit a:hover{ color:#004274;}
.inewsRbpib{ width:100%; height:44px; line-height:22px; text-align:justify; margin-top:5px; float:left;
	-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:2;
}
.inewsRbm{ height:auto; overflow:hidden; color:#004274; float:left; margin-top:20px;}
.inewsRbm a{color:#004274;}
.inewsRbm a:hover{color:#004274;}

.inewsR .swiper-container-horizontal>.swiper-scrollbar{ width:100%; height:1px; left:0; bottom:0;}
.inewsR .swiper-scrollbar-drag{background: rgba(0, 66, 116, .5);}

.iabout{ width:100%; height:auto; overflow:hidden; padding:40px 0;}
.iaboutc{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.iaboutcL{ width:50%; height:auto; overflow:hidden; float:left;}
.iaboutcL img{ width:100%; max-height:450px;}
.iaboutcR{ width:53%; height:auto; overflow:hidden; position:relative; z-index:2; top:0;left:-50px; padding:50px;background: #FFFFFF;
box-shadow: 4px 4px 20px 0px rgba(39,39,41,0.2); box-sizing:border-box;margin-right: -40px;}
.iaboutcRt{ width:100%; height:30px; line-height:30px; font-size:22px; font-weight:bold; float:left;margin-bottom:20px;}
.iaboutcRt span { display:block; width:40px; height:3px; background-color:#004274; margin-top:20px;}
.iaboutcRc{ width:100%; height:150px; margin-top:30px; margin-bottom:30px; float:left; clear:both; line-height:25px; text-align:justify;-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:6;
}
.iaboutcRm{ float:left;}
.iaboutcRm a{border: 1px solid #004274;color: #004274;padding: 0 20px;box-sizing: border-box;line-height: 35px;border-radius: 80px;}

.footer{ width:100%; height:auto; overflow:hidden; background-color:#272729; padding-top:30px;}
.footerul{ width:100%; height:auto; overflow:hidden;}
.footerulL{ flex:1;}
.footerulR{ text-align:center; margin-left:10%;}
.footerulR span { display:block; line-height:35px; color:#C2C2CC;}
.footerulR img{ width:100px;}
.footerulL ul li{ color:#fff;}
.footerulLt{ width:100%;font-size:16px;}
.footerulLt span { display:block; width:30px; height:2px; background-color:#fff; margin-top:15px;}
.footerulLb{ width:100%; height:auto; overflow:hidden; margin-top:15px;}
.footerulLb dl dd{ width:100%; height:auto; overflow:hidden; line-height:28px; color:#C2C2CC;}
.footerulLb dl dd a{ color:#C2C2CC;}
.footerulLb dl dd a:hover{ color:#fff;}

.foot{ width:100%; height:auto; overflow:hidden; border-top:1px solid #616166; margin-top:20px; line-height:45px; color:#C2C2CC; text-align:center;}
.foot a {color:#C2C2CC;}

.aproduct{ width:100%; height:auto; overflow:hidden;}
.aproduct img{ width:100%;}
.aproductc{ width:100%; height:auto; overflow:hidden; padding:30px 0; background-color:#f8f8f8;}
.aproductc.tv{ background:none;}
.aproductcL{ float:left; width:20%; height:auto; overflow:hidden;}
.aproductcL ul li { width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.aproductcL ul li a{ width:100%; height: auto; overflow:hidden; padding:0 20px; box-sizing:border-box; background-color:#fff; line-height:50px; color:#333;}
.aproductcL ul li a:hover{background-color:#004274; color:#fff;}
.aproductcL ul li a.tv{background-color:#004274; color:#fff;}
.aproductcL ul li a span{ flex:1;height:50px;-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:1;
}
.aproductcL ul li a span1 img{ height:25px;}
.aproductcL ul li a span2{ display:none;}
.aproductcL ul li a span2 img{ height:25px;}

.aproductcL ul li a:hover span1{ display:none;}
.aproductcL ul li a:hover span2{ display:block;}
.aproductcL ul li a.tv span1{ display:none;}
.aproductcL ul li a.tv span2{ display:block;}


.aproductcR{ float:right; width:80%; height:auto; overflow:hidden;}
.aproductcR ul{ overflow:hidden;}
.aproductcR ul li { float:left; width:47%; height:auto; overflow:hidden; margin-bottom:30px; margin-left:3%; background-color:#fff; padding:20px; box-sizing:border-box; border-bottom:2px solid #fff;}
.aproductcR ul li:hover{ border-bottom:2px solid #004274;}
.aproductcRL{ text-align:left; flex:1;}
.aproductcRLt{ font-size:16px; font-weight:bold; height:30px; line-height:30px;-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:1;
}
.aproductcRLt a{ color:#333;}
.aproductcRLt a:hover{ color:#004274;}
.aproductcRLb{color:#616166; margin:20px 0; height:100px; line-height:25px; overflow:hidden;-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:4; }
.aproductcRLb p{ height:25px;line-height:25px;-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:1;
}
.aproductcRLm{ float:left;}
.aproductcRLm a{ padding:0 20px; line-height:35px; height:35px; color:#333; border:1px solid #ccc;-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:1;
}
.aproductcRLm a:hover{ background-color:#004274; color:#fff;border:1px solid #004274;}
.aproductcRR{ text-align:right; margin-left:20px; flex:1;}
.aproductcRR img{ width:100%;}


.productinfo{ width:100%; height:auto; overflow:hidden;}
.productinfoL{ width:30%; height:auto; overflow:hidden;}
.productinfoL .swiper-slide{border:1px solid #D9D9D9; box-sizing:border-box;padding:5px; }
.productinfoL .swiper-slide img{ width:100% !important;margin:auto; text-align:center; max-height:250px;}

.productinfoL ul li{ width:23.5%; height:80px; overflow:hidden; margin-right:2%; border:1px solid #D9D9D9; box-sizing:border-box; float:left; padding:5px;}
.productinfoL ul li.tv{ border:1px solid #004274;}
.productinfoL ul li:nth-child(4){ margin-right:0;}
.productinfoL ul li img{ height:80px;}
.productinfoLb{ width:100%; height:auto; overflow:hidden; border:1px solid #D9D9D9; box-sizing:border-box; padding:10px; margin-bottom:10px; display:none;}
.productinfoLbpic{ width:100%; height:330px; overflow:hidden;}
.productinfoLb.tv{ display:block;}
.productinfoLbpic img{ height:330px;}

.productinfoR{ width:67%; height:auto; overflow:hidden;}
.productinfoRt{ width:100%; height:auto; overflow:hidden; line-height:25px; font-size:18px; font-weight:bold;text-align:justify;}
.productinfoRt span { display:block; width:40px; height:3px; background-color:#004274; margin-top:20px;}
.productinfoRb{ width:100%; height:184px; overflow:hidden; text-align:justify; line-height:25px; margin-top:20px;
-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:7;
}

.productinde{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.productinde ul{ background-color:#F7F7FA;}
.productinde ul li{ width:25%; border-bottom:2px solid #F7F7FA; line-height:40px; text-align:center;}
.productinde ul li.tv{border-bottom:2px solid #004274; color:#004274; font-weight:bold;}
.productindeb{ width:100%; height:auto; overflow:hidden; text-align:justify;border-top:2px solid #004274;padding-top: 15px;}
.productindeb.tv{ display:block;}
.productindebt{ width:100%; height:auto; overflow:hidden; font-size:16px; font-weight:bold;}
.productindebb{ width:100%; height:auto; overflow:hidden; padding:10px 0; text-align:justify; line-height:25px;}
.productindebb img { max-width:80%; width:auto !important; height:auto !important; display:table; margin:auto;}

.productindebb table { border-collapse:collapse!important;width:100%!important; margin:auto !important;}
.productindebb table td { width:auto;border: 1px solid #ccc!important;text-align: center!important; height:auto;vertical-align:center!important; padding:5px 10px !important; line-height:22px !important; color:#333 !important; font-weight:normal !important;word-break: break-all;}
.productindebb table td p{text-indent:0em !important;}
 

.application{ width:100%; height:auto; overflow:hidden;}
.application ul li { width:100%; height:auto; overflow:hidden; margin-bottom:30px; background-color:#F5F5FA;}
.applicationL{ float:left; width:30%; height:auto; overflow:hidden;}
.applicationL img{ width:100%; max-height:300px;}
.applicationR{ width:70%; height:auto; overflow:hidden; padding:0 40px; box-sizing:border-box;}

.applicationRt{ width:100%; height:auto; overflow:hidden; line-height:25px; font-size:18px; font-weight:bold;text-align:justify;}
.applicationRt a{ color:#333;}
.applicationRt a:hover{ color:#004274;}

.applicationRb{ width:100%; height:75px; overflow:hidden; text-align:justify; line-height:25px; margin-top:20px; margin-bottom:20px;
-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:3;
}
.applicationRm{ float:left;}
.applicationRm a{ padding:0 20px; line-height:35px; height:35px; color:#333; border:1px solid #C2C2CC;-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:1;
}
.applicationRm a:hover{ background-color:#004274; color:#fff;border:1px solid #004274;}

.newsinfo{ width:100%; height:auto; overflow:hidden;}
.newsinfot{ width:100%; height:auto; overflow:hidden;line-height:25px; font-size:18px; font-weight:bold; text-align:center;}
.newsinfot span { display:block; color:#919199; font-weight:normal; font-size:14px; margin-top:5px;}
.newsinfob{ padding:10px 0; text-align:justify; line-height:26px;}
.newsinfob p{ line-height:28px;}
.newsinfob img{ width:auto; max-width:80%; height:auto; padding:10px 0; display:table; margin:auto;}

.news{ width:100%; height:auto; overflow:hidden;}
.news ul li { width:100%; height:auto; overflow:hidden; border-top:1px solid #F0F0F5; padding-top:20px; margin-bottom:20px;}
.newsL{ float:left; width:75%; height:auto; overflow:hidden; padding-right:40px; box-sizing:border-box;}
.newsLd{ float:left; padding:0 10px; line-height:30px; border:1px solid #ccc;margin-bottom:20px;}
.newsLt{ width:100%; height:auto; overflow:hidden; line-height:25px; font-size:16px; font-weight:bold; margin-top:20px; margin-bottom:10px;}
.newsLt a{ color:#333;}
.newsLt a:hover{ color:#004274;}
.newsLb{ width:100%; height:50px; overflow:hidden; text-align:justify; line-height:25px; margin-bottom:20px;
-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:2;
}
.newsLm{ float:left;}
.newsLm a{ padding:0 20px; line-height:35px; height:35px; color:#333; background-color:#F0F0F5;-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:1;
}
.newsLm a:hover{ background-color:#004274; color:#fff;}
.newsR{ width:25%; height:auto; overflow:hidden; float:right;}
.newsR img{ width:100%; max-height:200px;}

.news ul li:nth-child(1){ background-color:#F5F5F5;border-top:none;padding-top:0px;}
.news ul li:nth-child(1) .newsL{ width:60%;padding:0 40px;}
.news ul li:nth-child(1) .newsL .newsLt span { display:block; width:40px; height:2px; background-color:#004274; margin-top:20px;}
.news ul li:nth-child(1) .newsR{ width:40%;}
.news ul li:nth-child(1) .newsR img{ width:100%; max-height:400px; padding:0px;}


.tech{ width:100%; height:auto; overflow:hidden;}
.tech ul li { width:100%; height:auto; overflow:hidden; background-color:#fff; border:1px solid #D9D9D9; box-sizing:border-box; width:18.4%; margin-right:2%; padding:40px; cursor:pointer;}
.tech ul li:nth-child(5){ margin-right:0;}
.tech ul li span { text-align:center;}
.tech ul li span1{ display:none;}
.tech ul li h3{ font-size:18px; font-weight:bold; line-height:25px; text-align:center; margin-top:20px; height:44px;}
.tech ul li img{ height:58px; margin:auto;}
.tech ul li.tv{ background:url(../image/tech_bg.png) no-repeat center; color:#fff;}
.tech ul li:nth-child(1).tv{background:url(../image/tech_bgwqbdt.png) no-repeat center;}
.tech ul li:nth-child(2).tv{background:url(../image/tech_bgfxx.png) no-repeat center;}
.tech ul li:nth-child(3).tv{background:url(../image/tech_bggxfd.png) no-repeat center;}
.tech ul li:nth-child(4).tv{background:url(../image/tech_bgjmdz.png) no-repeat center;}
.tech ul li:nth-child(5).tv{background:url(../image/tech_bg.png) no-repeat center;}


.tech ul li.tv span1{ display:block;}
.tech ul li.tv span{ display:none;}
.techb{ width:100%; height:auto; overflow:hidden; margin-top:30px; display:none;}
.techb.tv{ display:block;}
.techbc{ background-color:#fff;}
.techbcL{ float:left; padding:0 40px; box-sizing:border-box;flex:1;}
.techbcLt{ font-size:18px; font-weight:bold; line-height:25px;}
.techbcLt span { display:block; width:40px; height:3px; background-color:#004274; margin-top:20px;}
.techbcLtb{ width:100%; height:150px; overflow:hidden; text-align:justify; line-height:25px; margin-top:20px;
-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:6;
}
.techbcR{ float:right; text-align:right;}
.techbcR img{ height:330px;}

.contact{ width:100%; height:auto; overflow:hidden;}
.contacttop{ width:100%; height:auto; overflow:hidden; margin-top:30px; background:url(../image/content_1.png) no-repeat center; margin-bottom:40px;}
.contacttopL{ text-align:left;}
.contacttopL img{ height:480px;}
.contacttopR{ height: auto; flex:1; color:#fff; padding:0 50px; box-sizing:border-box;}
.contacttopRt{ font-size:22px; font-weight:bold; line-height:30px;}
.contacttopRt span { display:block; width:40px; height:2px; background-color:#fff; margin-top:20px;}
.contacttopRb{ width:100%; height:auto; overflow:hidden;}
.contacttopRb ul li { width:100%; height:auto; overflow:hidden; margin-top:40px;}
.contacttopRbL{ text-align:left; padding-right:20px;}
.contacttopRbL img{ height:45px;}
.contacttopRbR{ text-align:left; font-size:16px; font-weight:bold; color:#fff; flex:1;}
.contacttopRbR span { display:block; font-size:14px; font-weight:normal;}


.coninput{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.coninput ul li { float:left; width:32%; height:auto; overflow:hidden; margin-right:2%; margin-bottom:20px;}
.coninput ul li:nth-child(3n){ margin-right:0;}
.coninput ul li input{ width:100%; height:35px; line-height:35px; background-color:#fff; padding-left:15px; box-sizing:border-box; outline:0; border:none;}
.coninput ul li.tv{ width:100%;margin-right:0;}
.coninput ul li.tv textarea{ width:100%; height: auto; line-height:25px; background-color:#fff; padding-left:15px; box-sizing:border-box; outline:0; border:none;}
.coninput ul li.sub{ width:100%; margin-top:10px;margin-right:0; text-align:center;}
.coninput ul li.sub input{ width:120px; height:40px; line-height:40px;background: #004274; color:#fff; padding-left:0;border-radius:4px;}

.profile{ width:100%; height:auto; overflow:hidden;}
.profilet{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.profiletL{ flex:1; padding-right:0px; box-sizing:border-box;}
.profiletLt{ font-size:22px; line-height:30px; font-weight:bold;}
.profiletLt span{ display:block; width:40px; height:3px; background-color:#004274; margin-top:20px;}
.profiletLb{ line-height:25px; height: auto; overflow:hidden; margin-top:15px; text-align:justify;}
.profiletLb img{ padding:10px 0 0 10px;}
.profiletLd{ width:100%; height:auto; overflow:hidden; margin-top:40px;background: #FFFFFF;box-shadow: 4px 4px 20px 0px rgba(187,187,192,0.6);border-radius: 4px 4px 4px 4px; padding:30px 0;}
.profiletLd ul li { width:25%; float:left; text-align:center;}
.profiletLd ul li img{ height:25px; padding-right:10px;}
.profiletLd ul li span{ line-height:25px; font-size:20px; font-weight:bold; text-align:left;}
.profiletLd ul li span e{ font-size:12px; font-weight:normal; color:#272729;}
.profiletLd ul li span1{ display:block; font-size:12px; color:#919199; font-weight:normal; line-height:22px;}

.profiletR{ text-align:right;}
.profiletR img{ height:520px;}

.cultu{ width:100%; height:auto; overflow:hidden; padding:40px 0;}
.cultul{ height:auto; overflow:hidden; margin-top:30px;}
.cultul ul li{ position:relative; width:33.33%; margin-right:3%; box-sizing:border-box; height: auto;}
.cultul ul li:nth-child(3n){ margin-right:0;}
.cultul ul li img{ width:100%; height:auto; overflow:hidden;} 
.cultulpf{ width:100%; height:auto; overflow:hidden; position:absolute; z-index:2; left:0; bottom:40px; padding:0 40px; box-sizing:border-box; color:#fff;}
.cultulpft{ font-size:20px; font-weight:bold; line-height:30px;}
.cultulpft span { display:block; width:30px; height:3px; background-color:#fff; margin-top:10px;}
.cultulpfb{ line-height:25px; height:75px;text-align:justify; margin-top:20px;-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:3;
}

.distr{ width:100%; height:auto; overflow:hidden;}
.distr ul { margin:30px 0;}
.distr ul li {width:33.33%; margin-right:3%; box-sizing:border-box; height: auto; background:#F7F7FA; border-bottom:2px solid #F7F7FA; padding:30px 40px;}
.distr ul li:nth-child(3n){ margin-right:0;}
.distrt{ font-size:40px; font-weight:bold; line-height:45px;color: rgba(0,66,116,0.2);}
.distrb{ font-size:18px; font-weight:bold; line-height:25px; height:25px; margin:50px 0 30px 0;
	-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:1;
}
.distrc{line-height:25px; height:75px; text-align:justify; color:#616166;
	-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:3;
}
.distr ul li:hover{border-bottom:2px solid #004274; color:#004274;}
.distr ul li:hover .distrt{color:#004274;}
.distr ul li:hover .distrc{color:#004274;}



.path{ width:100%; height:auto; overflow:hidden; background:url(../image/path_bg.png) no-repeat center; padding:40px 0;}
.pathul{ width:100%; height:auto; overflow:hidden; margin-top:30px; color:#fff;}

.pathulli{ width:100%; height: auto;text-align:center; line-height:45px; cursor:pointer;}

.pathulc{ width:100%; height:auto; overflow:hidden; background-color:#fff; margin-bottom:30px;}
.pathulcL{ text-align:left;}
.pathulcL img{ height:370px; width:auto;}
.pathulcR{ padding:0 50px; box-sizing:border-box; color:#333;flex:1;}
.pathulcRt{ font-size:22px; line-height:30px; font-weight:bold;}
.pathulcRb{ margin-top:20px;}
.pathulcRb p{ line-height:35px;}


.pathul .mySwiper .swiper-slide {opacity: 0.7; border-top:1px solid #fff;}
.pathul .mySwiper .swiper-slide-thumb-active {opacity: 1; font-weight:bold; font-size:16px;}


.job{ width:100%; height:auto; overflow:hidden; padding-top:40px;}
.job ul{ margin-top:20px;}
.job ul li { width:32%; height:auto; overflow:hidden; float:left; margin-right:2%; margin-bottom:20px; background-color:#F7F7FA; border-bottom:2px solid #F7F7FA; padding:30px; box-sizing:border-box;}
.job ul li:nth-child(3n){ margin-right:0;}
.jobt{ width:100%; line-height:30px; font-size:16px; border-bottom:1px solid #E1E1E5; font-weight:bold;}
.jobb{line-height:25px; height:200px; text-align:justify; color:#616166; margin-top:10px;
	-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
   overflow-y: scroll;
}
.jobb p:nth-child(1){ font-weight:bold; color:#333;}
.job ul li:hover{border-bottom:2px solid #004274;}

.honors{width:100%; height:auto; overflow:hidden;padding-top:20px;}
.honors ul li {width:18.4%; height:180px; overflow:hidden; float:left; margin-right:2%; margin-top:20px; margin-bottom:10px; box-sizing:border-box; border:1px solid #ccc;}
.honors ul li:nth-child(5n){ margin-right:0;}
.honors ul li img{ height:180px;}

.case{ width:100%; height:auto; overflow:hidden; padding:30px 0 0 0;}
.caseul{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.caseul .swiper-slide{ border:1px solid #ccc; padding:5px; box-sizing:border-box;}
.caseul .swiper-slide img { height:130px; margin:auto; text-align:center; width:auto;}


.headerR ld{ display:none;}
.numtop{ display:none;}
.swiper-container22{ display:none;}
.productitm{ display:none;}
.wapnews{ display: none;}
.casem{ display:none;}


@media screen and (min-width:0px) and (max-width:800px){

.productullicfdpic{display:block;}  
.productullicfdul ul li{ width:100%; margin-top:5px;}
.aproduct img{width: auto;height:150px;transform: translateX(-75px);}
.headerL img{ height:40px;}
.headerR ul { display:none;}
.headerR ld{ width:30px; height:auto; display:block; float:right;}
.headerR ld dd{ width:100%; height:2px; background-color:#004274; margin-bottom:7px; margin-top:2px;}

.numtop { position: absolute; top:60px; width:100%;right:0px; z-index:999; background:rgba(255,255,255,0.9); display:none;}
.numtop ul li { width:100%; text-align:center !important; line-height:40px; height: auto;} 
.numtoptit{ width:100%; height:auto; overflow:hidden; padding:0 3%; box-sizing:border-box;border-bottom:1px solid #ccc;}
.numtoptitL{ text-align:left;}
.numtoptitR{ text-align:right;flex:1;}
.numtoptitL a{line-height:40px; color:#333;}
.numtoptitL a:hover{color:#333;}

.numbot{ width:100%; height:auto; overflow:hidden; background-color:#004274; display:none;}
.numbot dl dd{ width:100%; height:auto; overflow:hidden; line-height:35px;border-bottom:1px solid #ccc;padding:0 3%; box-sizing:border-box; text-align:left;}
.numbot dl dd a {line-height:35px; color:#fff;}
.numbot dl dd a:hover {color:#fff;}

@font-face {
  font-family: 'iconfontx'; 
  src: url('//at.alicdn.com/t/c/font_3765525_3ei69j7qoyq.woff2?t=1668160912489') format('woff2'),
       url('//at.alicdn.com/t/c/font_3765525_3ei69j7qoyq.woff?t=1668160912489') format('woff'),
       url('//at.alicdn.com/t/c/font_3765525_3ei69j7qoyq.ttf?t=1668160912489') format('truetype');
}

.iconfontx {
    font-family: "iconfontx" !important;
    font-size: .22rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: 0px !important;
    display: block;
}
.benpro{ position:inherit; bottom:0;margin-top:10px;}
.benpro ul{ display:inherit;}
.benpro ul li{ width:100%; float:left;padding:0; margin-right:0; height:auto; margin-bottom:10px;}
.benpro ul li img{ height:40px;}
.benner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ display:none;}

.product{ padding:20px 0;}
.productit{ font-size:22px;}
.productib{ font-size:22px; line-height:22px;}
.productul{ margin-top:10px;}
.swiper-container2{ display:none;}
.swiper-container22{ display:block;}

.inews{ padding:20px 0 0 0;}
.inews .box{ display:inherit;}
.inewsL{ margin-top:0; padding-right:0;}
.inewsL .productit{ display:none;}
.productitm{ display:block;width: 100%;height: auto;overflow: hidden;font-size: 22px;line-height:30px;color: #C2C2CC;text-align: center;text-transform: uppercase;}

.productib.le{ text-align:center;}
.productib.le span{ margin:auto; margin-top:10px;}
.inewsLm{ display:none !important;}
.swiper-container3{ display:none;}

.wapnews{ width:100%; height:auto; overflow:hidden; margin-top:10px; display:block;}
.wapnews ul li { width:100%; height:auto; overflow:hidden; margin-bottom:15px;}
.wapnewspic{ width:100%; height:auto; overflow:hidden;}
.wapnewspic img{ width:100%;}
.inewsRbm{ margin-top:10px;}
.iabout{ padding:20px 0;}
.iaboutc{ display:inherit !important; margin-top:10px;}
.iaboutcL{ width:100%; height:auto;}
.iaboutcL img{ height:auto;}
.iaboutcR{ width:100%; position:inherit; padding:20px 0 0 10px;}
.iaboutcRc{ margin:15px 0;}
.footerul{ display:none !important;} 
.footer{ padding-top:0px;}
.foot{ margin-top:0;border-top:none; line-height:26px; padding:10px 0;}

.aproductcL{ width:100%;}
.aproductcL ul li{ width:48%; margin-right:4%; float:left;}
.aproductcL ul li:nth-child(2n){ margin-right:0;}
.aproductcR{ width:100%;}
.aproductcR ul li{ width:100%; margin-bottom: 20px;margin-left: 0%; padding: 10px; display:inherit !important;}
.aproductcRLb{margin:10px 0;}
.aproductcRL{ width:100%;}
.aproductcRR{ width:100%; margin-left:0;}
.aproductcRR img{ padding-top:15px;}

.aproductc{ padding:15px 0;}
.productinfo{ display:inherit !important;}
.productinfoL{ width:100%;}
.productinfoL .swiper-slide img{ width:100% !important; height:auto !important; max-height:none;}
.productinfoR{ width:100%; height:auto;}
.productinfoRt{ margin-top:20px;}
.productinfoRb{ height:auto;}

.tech ul{ display:inherit !important;}
.tech ul li { width:100%; margin-right:0; margin-bottom:10px; padding:5px; width:48%; float:left; margin-right:4%;}
.tech ul li:nth-child(2n){ margin-right:0;}
.techb{ margin-top:0;}
.techbc{ display:inherit !important;}
.techbcL { padding:0;}
.techbcR{ width:100%; margin-top:15px;}
.techbcR img{ width:100%; height:auto;}
.techbcLtb{ height:auto;}
.newsLm{ margin-top:15px;}
.tech ul li.tv{ background:#004274 !important;}
.tech ul li h3{ font-size:16px; margin-top:0px; height:25px; overflow:hidden;}
.tech ul li img{ height:40px;}

.news ul li{ display:inherit;}
.newsL{ width:100%; height:auto; float:left;} 
.newsR{ width:100%; height:auto; margin-top:15px;}
.news ul li:nth-child(1) .newsL{ width:100%; padding:15px; box-sizing:border-box;}
.news ul li:nth-child(1) .newsR{ width:100%;} 
.newsLb{margin-bottom:0;} 
.newsinfob img{ width:auto; max-width:100% !important; height:auto !important;}

.profilet { margin-top:10px; display:inherit;}
.profiletL{ width:100%;}
.profiletLb img{ width:100% !important; height:auto !important; padding-left:0; padding-bottom:10px;}
.profiletLb p{ line-height:26px !important;}
.caseul{ margin-top:10px;}
.swiper-case{ display:none;}
.casem{ display:block;}
.casem ul li{ width:48%; height:auto; overflow:hidden; margin-bottom:20px; margin-right:4%; border:1px solid #ccc; box-sizing:border-box; float:left; padding:5px 0;}
.casem ul li:nth-child(2n){ margin-right:0;}
.casem ul li img{ height:100px;}
.case{padding: 10px 0 0 0;}
.cultu{ padding:0px 0;}
.cultul{ margin-top:10px;}
.cultul ul { display:inherit;}
.cultul ul li{ width:100%; margin-bottom:15px;}
.cultulpf{ padding:0 20px;}
.cultulpf{ bottom:20px;}
.cultulpfb{ height:auto;}
.job{ padding-top:10px;}
.job ul{ margin-top:10px;}
.job ul li{ width:100%; height:auto;padding: 20px;}
.jobb{ height:auto;overflow-y: auto;}

.contacttop{ margin-top:10px; display:inherit !important; margin-bottom:20px;}
.contacttopL{ float:left;}
.contacttopL img{ width:100%; height:auto; padding-bottom:20px;}
.contacttopR{ width:100%; padding:20px; box-sizing:border-box;}
.contacttopRt{ padding-top:20px;}
.contacttopRb ul li{ margin-top:25px;}
.coninput{ margin-top:10px;}
.coninput ul li{ width:100%;}

.applic{ padding:20px 0;}
.appliculc{ padding:20px 0 20px 0}
.appliculcbit{ width:100%;margin-bottom: 0px;}
.appliculcm{ padding-top:20px;}
.applicul ul{ display:inherit;}
.applicul ul dd{ display:none;}
.applicul ul li{ width:50%;}

.distr ul{ display:inherit; margin:10px 0;}
.distr ul li{ width:100%; padding:20px; margin-bottom:20px;}
.distrb{margin:20px 0 20px 0;}

.xjquy ul {
    display: inline;
}
.xjquy ul li{
     width: 100% !important;
     height: auto;
     margin-right: 0 !important;
}

}
.xjquy{
    margin: 20px 0 20px 0;
}
.xjquy ul li{
    padding: 20px; 
    box-sizing: border-box;
    background-color: #fff;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.xjquy ul li:nth-child(3){
    margin-right: 0;
}
.xjquyt{
     font-size: 16px;
     font-weight: bold;
}
.xjquyt span {
    display: block;
     width:40px;
     height:3px;
     background-color: #004274;margin-top:6px;
}
.xjquy ul li p{ margin-top:10px;}
.xjquy ul li p span{ color:#9f9fa7; }
.xjquy ul li p span1{flex:1;}


/*公用*/
.box{width:90%;height:auto;margin:auto; max-width:1280px;}
.flex{display:flex;display:-webkit-flex;align-items:center;}
.flex_jc{display:flex;display:-webkit-flex;justify-content:center;}
.flex_sb{display:flex;display:-webkit-flex;justify-content:space-between;}
.flex_sba{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;}
.flex_sbc{display: flex;display: -webkit-flex;justify-content:space;align-items:center;}
.flex_sbs{display: flex;display: -webkit-flex;justify-content:space;flex-wrap: wrap;}
.flex_sbw{display:flex;display:-webkit-flex;justify-content:space;flex-wrap:wrap;align-items:center;}
.flex_sbcc{display:flex;display:-webkit-flex;justify-content:center;align-items:center;}
.flex_dj{display:flex;display:-webkit-flex;justify-content: space-evenly;}

 
/*分页样式*/
.page_info{text-align:center;margin-top:10px; margin-bottom:10px;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0; font-family:Microsoft yahei; font-size:10px;margin-top:20px;margin-bottom:5px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#fff;border:1px solid #898989;background:#898989;}