@charset "utf-8";
html, body {width:100%;	height:100%}
.dn{ display:none;}
img{ max-width:100%;}
.ell{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mask-bg{position:fixed;width:100%;height:100vh;opacity:0;z-index:-1;visibility:hidden}
.mask-bg.show{-webkit-transition:all 0.5s;transition:all 0.5s;opacity:1;background-image:url(../images/mask.png)}
.sectionWrapper{width:1400px;margin:0 auto; overflow:hidden; position:relative;}

.slick-dots { margin: 0; padding: 0; list-style: none; width: 100%; text-align: center; margin-top: 50px;}
.slick-dots li { display: inline-block; float:none; width: 15px; height: 15px; background:#ddd; border-radius: 50%; margin-right: 10px;}
.slick-dots li:last-child { margin-right: 0;}
.slick-dots li.slick-active { background: #185ab2;}


.banner{ display: block;overflow: hidden;position: relative;width: 100%;background: #fff;}
.banner video{display: block;width: 100%;height:100%;position: relative;z-index: 1;}
.banner .m-banner{display: none;}
.banner .bg{ display: block;overflow: hidden;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2; opacity: 0.5;
background-image: url(../images/video_texture.png);
    background-blend-mode: screen;
    background-repeat: repeat;
    background-color: rgba(0, 0, 0, 0.3);
}

.banner .txt{ position: absolute;top: 50%;width: 100%;left: 0;z-index: 3;   margin: -170px 0 0 0;  text-align: center; }
.banner .txt h3{ display: block;color: #fff;text-align: center;font-size:56px; line-height: 50px;margin: 70px 0 30px;}
.banner .txt h4{ display: block;color: #fff;font-weight: bold;text-align: center; font-size:56px; line-height: 50px; }
.banner .banner-to{transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;display: block;font-size: 1em; position: absolute;overflow: hidden;z-index: 9;bottom: 90px;left: 50%;margin-left: -10px;}
.banner .banner-to h4{ width: 30px;height: 50px;border: 2px solid #fff;border-radius: 1em;display: block;overflow: hidden; opacity: 0.7; }
.banner .banner-to strong{ animation: downico 1.5s ease-out infinite;position: relative;display: block;line-height: 50px;width: 3px;height: 5px;background: #fff;margin:10px auto;}
.banner .banner-to:hover h4{border: 2px solid #185ab2; opacity:1;}
.banner .banner-to:hover strong{background: #185ab2;}

@keyframes downico{
	0%{top: 0;opacity: 1;}
	35%{top: 40%;opacity: 0;}
	65%{top: -40%;opacity: 0;}
	100%{top: 0;opacity: 1;}
}

.section-title{ color:#333; font-size:48px; line-height:80px; padding:100px 0; text-align:center; position:relative;}
.section-desc{ font-size:18px; line-height:30px; text-align:center;}
.section-more{ position:absolute; right:0; font-size:24px; color:#333; font-weight:normal;}

.tab-tit{ width:100%; text-align:center; height:120px; border-top:1px solid #e4e4e4; border-bottom:6px solid #e4e4e4; padding:0 105px;}
.tab-tit a{ float:left; width:25%; font-size:24px; line-height:113px; border-bottom:6px solid #e4e4e4; position:relative;}
.tab-tit a span{ height:100%; display:inline-block;}
.tab-tit span.icon1{ background:url(../images/icon-main1.png) no-repeat left center; background-size:44px; padding:0 0 0 52px;}
.tab-tit span.icon2{ background:url(../images/icon-main2.png) no-repeat left center; background-size:44px; padding:0 0 0 52px;}
.tab-tit span.icon3{ background:url(../images/icon-main3.png) no-repeat left center; background-size:44px; padding:0 0 0 52px;}
.tab-tit span.icon4{ background:url(../images/icon-main4.png) no-repeat left center; background-size:44px; padding:0 0 0 52px;}
.tab-tit a.slick-current{ border-bottom:6px solid #0101fb;color:#0101fb;}
.tab-tit a.slick-current span.icon1,.tab-tit a:hover span.icon1{ background:url(../images/icon-main1-hover.png) no-repeat left center; background-size:44px; padding:0 0 0 52px;color:#0101fb;}
.tab-tit a.slick-current span.icon2,.tab-tit a:hover span.icon2{ background:url(../images/icon-main2-hover.png) no-repeat left center; background-size:44px; padding:0 0 0 52px;color:#0101fb;}
.tab-tit a.slick-current span.icon3,.tab-tit a:hover span.icon3{ background:url(../images/icon-main3-hover.png) no-repeat left center; background-size:44px; padding:0 0 0 52px;color:#0101fb;}
.tab-tit a.slick-current span.icon4,.tab-tit a:hover span.icon4{ background:url(../images/icon-main4-hover.png) no-repeat left center; background-size:44px; padding:0 0 0 52px;color:#0101fb;}

.tab-tit a:before{display:block;content:'';position:absolute;left:50%;bottom:-6px;background-color:#0101fb;height:6px;width:0%;-webkit-transition:all 0.3s;transition:all 0.3s}
.tab-tit a:hover:before{width:100%;left:0}

.section1 { width:100%;}
.section1 .section1Wrapper{ width:100%; height:830px; background:url(../images/section1bg.jpg) no-repeat top center; margin:0 auto; position:relative;}
.section1 .section-title{ padding:100px 0;}

.whlist{ width:1400px; margin:0 auto; font-size:0;text-align:center;display:flex;flex-wrap:wrap;}
.whlist li{display:inline-block;width:22.7%;position:relative;margin-right:3%; background:rgba(255,255,255,.5); overflow:hidden}
.whlist li:last-child{margin-right:0}
.whlist li:hover{box-shadow:1px 1px 10px 1px rgb(210,210,210);border-radius:10px}
.whlist li .lin{border-radius:10px}
.whlist li{position:relative}
.whlist li a{display:block;border-radius:10px;overflow:hidden;padding:0px 30px 35px 30px}
.whlist li:hover a{border-color:#005bac}
.whlist i{position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;background-size:20px 20px;opacity:0;-webkit-transition:0.6s;transition:0.6s}
.whlist i.bg1{background-image:linear-gradient(45deg,#005bac 50%,transparent 0);-webkit-transform:translate(-20%,0%);transform:translate(-20%,0%)}
.whlist i.bg2{background-image:linear-gradient(45deg,transparent 50%,#005bac 0);-webkit-transform:translate(20%,0%);transform:translate(20%,0%)}
.whlist li:hover i.bg1,.whlist li:hover i.bg2{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.whlist .tupian{width:100%;height:222px;position:relative;background:url(../images/zuan1.png) bottom no-repeat;-webkit-transition:.5s;transition:.5s}
.whlist li:hover .tupian{background-image:url(../images/zuan11.png)}
.whlist .hex{position:absolute;left:50%;top:50%;z-index:1;width:114px;height:113px;-webkit-transition:2s;transition:2s;background:url(../images/hex1.png) center no-repeat;margin-left:-57px;margin-top:-57px}
.whlist li:hover .hex{background-image:url(../images/hex11.png);-webkit-transform:rotate(330deg);transform:rotate(330deg)}
.whlist .pic{position:absolute;left:50%;top:50%;z-index:2;width:80px;height:80px;margin-left:-40px;margin-top:-40px}
.whlist .pic .fig{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%}
.whlist .i1 .p1 .fig{background:url(../images/wh1.png) center no-repeat; background-size:47px;}
.whlist .i1 .p2 .fig{background:url(../images/wh11.png) center no-repeat; background-size:47px;}
.whlist .i2 .p1 .fig{background:url(../images/wh2.png) center no-repeat; background-size:47px;}
.whlist .i2 .p2 .fig{background:url(../images/wh22.png) center no-repeat; background-size:47px;}
.whlist .i3 .p1 .fig{background:url(../images/wh3.png) center no-repeat; background-size:47px;}
.whlist .i3 .p2 .fig{background:url(../images/wh33.png) center no-repeat; background-size:47px;}
.whlist .i4 .p1 .fig{background:url(../images/wh4.png) center no-repeat; background-size:47px;}
.whlist .i4 .p2 .fig{background:url(../images/wh44.png) center no-repeat; background-size:47px;}

.rollover{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;overflow:visible !important;-webkit-transition:1s;transition:1s}
.rollover .p1,.rollover .p2{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.rollover .p2{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
li:hover .rollover{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.whlist li .wz{position:relative;z-index:3}
.whlist li h3{font-size:18px;color:#00375e; font-weight:normal;overflow:hidden;-webkit-transition:.5s;transition:.5s;margin-bottom:15px;margin-top:15px;min-height:auto}
.whlist li h3 span{ font-size:36px; color:#00375e; font-weight:bold;}
.whlist li .hx{font-size:16px;color:#808080;font-family:MIN;text-transform:uppercase;font-weight:600;margin-top:15px;margin-bottom:12px;-webkit-transition:.5s;transition:.5s}
.whlist li .txt{font-size:19px;color:#707070;line-height:30px; padding:0;overflow:hidden;margin:0 auto; -webkit-transition:.5s;transition:.5s}
.whlist li .txt span{display:inline-block}
.whlist li:hover h3,.whlist li:hover h3 span{color:#fff}
.whlist li:hover .txt{color:#fff}
.whlist li:hover .hx{color:#fff}


.section2 { width:100%;}
.section2 .section2Wrapper{ width:100%; height:973px; background:url(../images/section2bg.jpg) no-repeat top center; margin:0 auto; padding:0; position:relative;}
.section2 .section2-box{ width:1400px; margin:0 auto; padding:130px 0 0;}
.section2 .section-title{ color:#fff; line-height:36px; padding:0 0 40px;}
.section2 .section-desc{ color:#fff; font-size:24px; line-height:30px;}
.section2 .section2-product{ width:1400px; margin:0 auto; padding:70px 60px 0;}
.section2 .section-item{ float:left;}
.section2 .section-item img{ margin:0 auto;}
.section2 .section-item p{ font-size:22px; text-align:center;}
.section2 .section-item a{ color:#343434;}
.section2 .section-item a:hover{ color:#3766bf;}
.section2-product .btnproduct{ width:46px; height:46px; line-height:44px; text-align:center; border:2px solid #fff; border-radius:50%; font-size:20px; color:#fff; position:absolute; z-index:200; font-weight:bold; cursor:pointer;}
.section2-product .icon-xiangzuojiantou{ left:0; top:35%; background:url(../images/arr-left.png) no-repeat center; background-size:22px;}
.section2-product .icon-xiangyoujiantou{ right:0; top:35%; background:url(../images/arr-right.png) no-repeat center; background-size:22px;}
.section2-product .slick-dots{ display:none !important;}

.section3 { width:100%; background:url(../images/section3bg.jpg) no-repeat top center; background-size:cover;}
.section3 .section3Wrapper{ width:100%; height:880px; margin:0 auto; padding:0; position:relative;}
.section3-item { float:right; width:480px; margin:200px 200px 0 0; position:relative;}
.section3-item .section3-content{ width:100%;}
.section3-item .section3-title { font-size: 48px; line-height: 60px; font-weight:normal; padding:0 0 40px; border-bottom:1px solid rgba(255,255,255,.5);}
.section3-desc { margin: 40px 0 0;} 
.section3-address{ color:#333; font-size: 18px; line-height: 34px; border-bottom:1px solid #d9d9d9; padding:0 0 25px 40px; margin:0 0 25px; background:url(../images/icon-address.png) no-repeat left 5px;}
.section3-address h3{ font-size: 24px; margin:0 0 20px;}
.section3-address:last-child{ border-bottom:none;}
.section3-more a{ width:186px; height:56px; line-height:54px; font-size:16px; color:#333; border:1px solid #333; border-radius:32px; padding:0 20px 0 42px; background:url(../images/icon-arrow.png) no-repeat 122px center; display:inline-block; text-align:left;}
.section3-more a:hover{ color:#fff; border:1px solid #185ab2; background:#185ab2 url(../images/icon-arrow-white.png) no-repeat 122px center; }

.section4 { width:100%;}
.section4 .section4Wrapper{ width:100%; height:880px; background:url(../images/section4bg.jpg) no-repeat top center; margin:0 auto; padding:0; position:relative;}
.section4 video{display: block;width: 100%; height: 100%;position: relative;z-index: 1;object-fit:cover;object-position:center}
.section4-content { width:1200px; position:absolute; top:56%; left:50%; transform:translate(-50%,-50%); text-align:center; z-index:2;}
.section4-content .section4-title { color:#fff; font-size: 48px; line-height: 60px;}
.section4-content .section4-desc { color:#fff; font-size: 22px; line-height: 40px; padding:40px 0;}
.section4-more a{ width:200px; height:56px; line-height:54px; font-size:16px; color:#fff; border:1px solid #fff; border-radius:32px; padding:0 20px 0 42px; background:url(../images/icon-arrow-white.png) no-repeat 140px center; display:inline-block; text-align:left;}
.section4-more a:hover{ color:#fff; border:1px solid #185ab2; background:#185ab2 url(../images/icon-arrow-white.png) no-repeat 140px center; }

.section5 { width:100%; background:#f0f5f9;}
.section5 .section2Wrapper{ width:1460px; margin:0 auto; padding:90px 0 150px; position:relative;}
.section5 .section5-box{ width:100%; margin:0 auto;}
.section5 .section-title{ color:#333; line-height:36px; padding:0 0 30px; text-align:left;}
.section5 .section-desc{ color:#666; font-size:24px; line-height:30px; text-align:left;}
.section5-product{ width:100%; margin:0 -18px; padding:100px 0 0;}
.section5 .section-item{ float:left; margin:0 18px; padding:30px 30px 0; background:#fff; border-radius:20px;}
.section5 .section-item img{ margin:0 auto;}
.section5 .section-item p{ font-size:20px; padding:30px 80px 30px 0; background:url(../images/pic4.jpg) no-repeat right center; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.section5 .section-item a{ color:#343434;}
.section5 .section-item a:hover{ color:#3766bf;}
.section5-product .btnproduct5{ width:60px; height:60px; line-height:60px; text-align:center; background:#fff; border-radius:50%; font-size:20px; color:#333; position:absolute; z-index:200; font-weight:bold; cursor:pointer;}
.section5-product .icon-xiangzuojiantou{ right:98px; top:0; background:#fff url(../images/left.png) no-repeat center; background-size:25px;}
.section5-product .icon-xiangyoujiantou{ right:18px; top:0; background:#fff url(../images/right.png) no-repeat center; background-size:25px;}
.section5-product .slick-dots{ display:none !important;}

.section6 { width:100%;}
.section6 .section6Wrapper{ width:100%; height:880px; background:url(../images/pic5.jpg) no-repeat top center; background-size:cover; margin:0 auto; padding:0; position:relative;}
.section6 video{display: block;width: 100%; height: 100%;position: relative;z-index: 1;object-fit:cover;object-position:center}
.section6-content { width:1200px; position:absolute; top:56%; left:50%; transform:translate(-50%,-50%); text-align:center; z-index:2;}
.section6-content .section6-title { color:#fff; font-size: 48px; line-height: 60px;}
.section6-content .section6-desc { color:#fff; font-size: 22px; line-height: 40px; padding:40px 0;}
.section6-more a{ width:200px; height:56px; line-height:54px; font-size:16px; color:#fff; border:1px solid #fff; border-radius:32px; padding:0 20px 0 78px; background:url(../images/icon-video.png) no-repeat 33px center; background-size:22px; display:inline-block; text-align:left;}
.section6-more a:hover{ color:#fff; border:1px solid #185ab2; background:#185ab2 url(../images/icon-video.png) no-repeat 33px center; background-size:22px;}

.section7 { width:1600px; margin:0 auto; padding:60px 0; position:relative;}
.section7 .section7Wrapper{ width:100%; overflow:hidden;}
.section7 .section-title{ color:#333; line-height:56px; padding:0 0 40px; text-align:left;}
.news-change { width:100%; overflow:hidden; position:relative;}
.news-change .news-item{ float:left; width:31.6%; margin:0 2.5% 0 0;}
.news-change .news-item:nth-of-type(3n){ margin:0;}
.news-change .top-img { width:100%; height:280px; overflow: hidden;} 
.news-change .top-news { padding:20px 15px; position:relative;}
.news-change .top-newstitle { font-size: 20px; line-height: 34px; color: #333; height: 70px; margin:0 0 10px; overflow: hidden; }
.news-change .top-newsdate { font-size: 16px; line-height: 30px; color:#c5c5c5; overflow:hidden;} 
.news-change a{ width:100%; height:100%; display:block;}

.section7-left{ float:left; width:50%; overflow:hidden;}
.section7-left .top-img { width:100%; height:450px; overflow: hidden;} 
.section7-left .top-news { background:#f3f4f8; padding:40px; position:relative;}
.section7-left .top-newstitle { font-size: 26px; line-height: 40px; color: #333; font-weight:bold; margin:0 0 10px; height:80px; overflow: hidden; }
.section7-left .top-newsdesc { font-size: 16px; line-height: 30px; color:#c5c5c5; height:90px; overflow:hidden;} 

.section7-right{ float:right; width:45%; overflow:hidden;}
.section7-right .news-item{ margin:0 0 36px; overflow:hidden;}
.section7-right .top-img { float:left; width:36%; height:150px; overflow: hidden;} 
.section7-right .top-news { float:left; width:64%; padding:10px 10px 10px 30px; position:relative;}
.section7-right .top-newstitle { font-size: 26px; line-height: 40px; color: #333; font-weight:bold; margin:0 0 10px; overflow: hidden; height:80px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.section7-right .top-newsdate { font-size: 16px; line-height: 30px; color:#c5c5c5; overflow:hidden;} 
.section7 a:hover .top-newstitle{ color: #3766bf;}

.banner-section{ width:100%; height:727px; position:relative;}
.banner-section .banner-desc{ width:1400px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:30px; line-height:40px; text-align:center;}
.banner-section .banner-desc h3{ font-size:60px; line-height:70px; color:#fff; margin:0 0 30px;}
.banner-section .banner-desc2{ width:1380px; margin:0 0 0 -690px; color:#fff; font-size:48px; line-height:58px; position:absolute; top:50%; left:50%; transform:translateY(-50%);}
.banner-section .banner-desc2 h3{ font-size:56px; line-height:66px; color:#fff; margin:0 0 30px;}
.banner-section .banner-desc3{ width:1380px; margin:0 0 0 -690px; color:#fff; font-size:48px; line-height:58px; text-align:center; position:absolute; top:50%; left:50%; transform:translateY(-50%);}
.banner-section .banner-desc3 h3{ font-size:56px; line-height:66px; color:#fff; margin:0 0 30px;}
.product-section{ width:100%; height:880px; position:relative;}
.product-section .product-desc{ width:1330px; margin:0 0 0 -665px; color:#fff; font-size:48px; line-height:58px; text-align:center; position:absolute; top:50%; left:50%; transform:translateY(-50%);}
.product-section .product-desc h3{ color:#fff; font-size: 54px; line-height: 80px; margin:0 0 30px;}
.banner-play .play-icon{ width:120px; margin:0 auto; background:url(../images/icon-video.png) no-repeat top center; background-size:75px; font-size:18px; color:#fff; text-align:center; padding:90px 0 0; cursor:pointer; opacity:.5;}
.banner-nav{ font-size:18px; color:#fff; width:1400px; height:70px; line-height:40px; margin:-70px auto 0; position:relative;}
.banner-nav a{ color:#fff;}
.pnav{ width:1380px;}
.quicknav{ margin:0 auto; height:90px; line-height:90px; color:#333;}
.quicknav a{ color:#333;}

.about1 { width:100%;}
.about1 .about1Wrapper{ padding:0 0 100px; margin:0 auto; position:relative; overflow:hidden;}
.about1 .about1-box{ padding:0 0 90px;}
.section-title{ font-size:46px; line-height:56px; padding:60px 0; text-align:center;}
.section-title .more{ float:right; font-size:18px;}
.about1 .about1-desc{ font-size:18px; line-height:30px; text-align: justify;}
.about1 .intro{ width:100%; padding:60px 0; background:#f0f3f9; overflow:hidden;}
.about1 .intro ul li{ float:left; color:#0044a1; width:25%; padding:0 30px; text-align:center; position:relative;}
.about1 .intro ul li p{ font-size:60px; line-height:70px; font-weight:bold;}
.about1 .intro ul li span{ color:#9299a0; font-size:18px; line-height:30px; display:block; margin:25px 0 0; padding:25px 0 0; background:url(../images/arr3.jpg) no-repeat top center;}
.about1 .intro ul li sup{ position:relative; top:18px; font-size:18px; line-height:30px; font-weight:normal;}
.about1 .intro ul li:last-child{ border-right:none;}

.about1-video{ width:100%; height:648px; margin:0 auto;overflow:hidden;}
.about1-video .about1-video-content{ width:100%; height:648px; position:relative;}
.about1-video .about1-video-content .play-icon{ width:220px; background:url(../images/icon-video.png) no-repeat top center; background-size:75px; font-size:18px; color:#fff; text-align:center; padding:90px 0 0; cursor:pointer; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.overlay{position:absolute;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1100;background-color:#555;opacity:.6}
.fbox-video{width:980px;height:550px;position:fixed;left:50%;top:50%;z-index:1101;margin-left:-490px;margin-top:-275px;background:#000}
.fbox-video #mediaplayer{width:100%;height:100%}
.fbox-video #video-btn-group{position:absolute;text-align:center;width:100%;left:0;height:45px;margin-top:10px;display:none}
.fbox-video #video-btn-group a{display:inline-block;line-height:45px;height:45px;background-color:#222;border-radius:45px;color:#fff;padding:0 12px}
.fbox-video #video-btn-group a i{display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat;opacity:.8}
.fbox-video #video-btn-group a i.video-download{width:60px;background-image:url(../images/icon-download.png);background-size:auto 40%}
.fbox-video #video-btn-group a:hover i{opacity:1}
.fbox-video .close_video{display:none}

.about1-history { width:100%;}
.about1-history .historyWrapper{ padding:90px 0;}
.about1-history .about1-history-title { font-size:36px; line-height:46px; margin:0 0 10px;}
.about1-history .about1-history-desc{ font-size:18px; line-height:34px; width:100%; margin:0 0 150px;}
.about1-history .history-box{ margin:0 0 60px;}
.about1-history .history-year{ float:left; width:26%; font-size:68px; line-height:70px; color:#ddd;}
.about1-history .history-year span{ font-size:18px; line-height:20px;}
.about1-history .history-intro{ float:left; width:74%; padding:0 50px; overflow:hidden;}
.about1-history .btn{ float:right; width:130px; height:48px; line-height:48px; display:block; border-radius:24px; border:1px solid #0842b0; color:#0842b0; text-align:center; margin:20px 0 0; cursor:pointer;}

.about1-history .history-tit{ width:100%; text-align:center; height:80px; background:#f4f6f7; border-radius:40px; padding:0 120px; position:relative;}
.about1-history .history-tit a{ float:left; font-size:20px; line-height:28px; padding:22px 0 12px; background:url(../images/icon-circle.png) no-repeat bottom center; background-size:7px; position:relative;}
.about1-history .history-tit a.slick-current{ color:#0842b0; background:url(../images/icon-circle-on.png) no-repeat bottom center; background-size:7px;}
.about1-history .slick-current .history-year{ color:#0842b0;}
.about1-history .history-prev,.about1-history .history-next{ font-size:30px; width:48px; height:48px; line-height:48px; text-align:center; border-radius:50%; position:absolute; cursor:pointer; z-index:200;}
.about1-history .history-prev{ background:url(../images/left.png) no-repeat center; background-size:30px; top:16px; left:50px;}
.about1-history .history-next{ background:url(../images/right.png) no-repeat center; background-size:30px; top:16px; right:50px;}

.honor1 { width:100%;}
.honor1 .honor1-box{ border-bottom:1px solid #f2f2f4; padding:0 0 35px;}
.honor1 .honor1-title { font-size:36px; line-height:46px; margin:0 0 30px;}
.honor1 .honor1-desc{ overflow:hidden;}
.honor1 .honor1-leftcon{ float:left; width:40%; color:#b2b2b2; font-size:24px; line-height:38px;}
.honor1 .honor1-rightcon{ float:right; width:60%; max-width:600px; color:#7c7c7c; font-size:16px; line-height:30px;}
#honor-1{ padding:80px 55px 60px; overflow:hidden;}
#honor-1 .honor-about{ float:left; margin:0 15px; overflow:hidden; text-align:center; border:1px solid #e6e6e6;}
#honor-1 .honor-about .pic img{ height:215px; margin:0 auto;}
#honor-1 .honor-about a{ padding:22px; display:inline-block;}
#honor-1 .honor-about p{ font-size:20px; line-height:28px; min-height: 76px; display:block; padding:20px 0 0;}
#honor-1 .honor-about span{ font-size:14px; line-height:25px; display:block;}
#honor-1 i { position: absolute; top: 50%; color: #fff; z-index: 1; cursor:pointer; margin-top: -40px; width: 48px; height: 48px; background: #cbcbcb; text-align: center;}
#honor-1 i.arrow-icon-left { left: 0; background:url(../images/left.png) no-repeat center; background-size:48px;}
#honor-1 i.arrow-icon-right { right: 0; background:url(../images/right.png) no-repeat center; background-size:48px;}
#honor-1 .slick-dots{ margin-top:20px;}

#honor-2{ padding:80px 140px; margin:50px 0 80px; background:#f2f2f4; overflow:hidden; text-align:center;}
#honor-2 .honor-about{ float:left; padding:15px; overflow:hidden;}
#honor-2 .honor-about .pic img{ width:100%; height:370px; margin:0 auto;}
#honor-2 .honor-about a{ height:100%; box-shadow:0px 0px 15px rgba(0,0,0,.3); display:block;}
#honor-2 .honor-about p{ font-size:20px; line-height:28px; display:block; padding:20px 0 0;}
#honor-2 .honor-about span{ font-size:14px; line-height:25px; display:block;}
#honor-2 i { position: absolute; top: 50%; color: #fff; z-index: 1; cursor:pointer; margin-top: -40px; width: 48px; height: 48px; background: #cbcbcb; text-align: center;}
#honor-2 i.arrow-icon-left { left: 50px; background:url(../images/left.png) no-repeat center; background-size:48px;}
#honor-2 i.arrow-icon-right { right: 50px; background:url(../images/right.png) no-repeat center; background-size:48px;}
#honor-2 .slick-dots{ width:auto; position:absolute; margin:0; bottom:30px; display:inline-block;}

#honor-3{ padding:50px 50px 80px; margin:0; overflow:hidden; text-align:center;}
#honor-3 .honor-about{ float:left; padding:0 10px; overflow:hidden;}
#honor-3 .honor-about .pic img{ width:100%; height:335px; margin:0 auto;}
#honor-3 .honor-about a{ height:100%; display:block;border:1px solid #bebebe;}
#honor-3 .honor-about p{ font-size:20px; line-height:28px; display:block; padding:20px 0 0;}
#honor-3 .honor-about span{ font-size:14px; line-height:25px; display:block;}
#honor-3 i { position: absolute; top: 50%; color: #fff; z-index: 1; cursor:pointer; margin-top: -40px; width: 48px; height: 48px; background: #cbcbcb; text-align: center;}
#honor-3 i.arrow-icon-left { left: 0; background:url(../images/left.png) no-repeat center; background-size:48px;}
#honor-3 i.arrow-icon-right { right: 0; background:url(../images/right.png) no-repeat center; background-size:48px;}
#honor-3 .slick-dots{ width:auto; position:absolute; margin:0; bottom:30px; display:inline-block;}

.social { width:100%;}
.social .socialWrapper{ width:1280px; padding:0 0 100px; margin:0 auto; position:relative; overflow:hidden;}
.social .social-box{ padding:0 0 60px;}
.social .social-desc{ font-size:18px; line-height:30px; padding:0;}
.social-list { background:#fff; overflow:hidden; position:relative;} 
.social-item { color: #333; border-bottom:1px solid #d1d1d1; padding:0 0 60px; margin:0 0 60px; overflow:hidden;}
.social-item .social-img { width: 100%; height:440px; border-radius:15px; overflow: hidden; position: relative;} 
.social-item .social-title { color: #333; width:580px; height: 170px; padding:45px 60px 0; font-size: 30px; line-height: 42px; background:rgb(255,255,255,.8); border-top-left-radius:15px; border-bottom-right-radius:15px; position:absolute; right:0; bottom:0; overflow: hidden;}
.social-item .social-title p{ height:85px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.social-item .social-note { color: #333; font-size: 20px; line-height: 42px; margin:50px 0 20px; height: 120px; overflow:hidden;} 
.social-item .social-more{ float:right; font-size: 18px; line-height:42px; padding:0 53px 0 20px; display:inline-block; border:1px solid #7d7d7d; border-radius:5px; color:#7d7d7d; background:url(../images/icon-right2.png) no-repeat 86% center; background-size:15px; overflow:hidden;}

.cultureWrapper{ width:1380px; padding:0 0 30px; margin:0 auto; position:relative; overflow:hidden;}
.culist{ width:100%; padding:20px; text-align:center;display:flex;flex-wrap:wrap;}
.culist li{display:inline-block;width:31.3%;position:relative;margin:0 3% 3% 0; background:rgba(255,255,255,.5);box-shadow:1px 1px 10px 1px rgb(235,243,247); overflow:hidden}
.culist li:nth-of-type(3n){margin:0 0 3%;}
.culist li:hover{box-shadow:1px 1px 10px 1px rgb(210,210,210);border-radius:10px}
.culist li .lin{border-radius:10px}
.culist li{position:relative}
.culist li a{display:block;border-radius:10px;overflow:hidden;padding:0px 30px 35px 30px}
.culist li:hover a{border-color:#005bac}
.culist i{position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;background-size:20px 20px;opacity:0;-webkit-transition:0.6s;transition:0.6s}
.culist i.bg1{background-image:linear-gradient(45deg,#005bac 50%,transparent 0);-webkit-transform:translate(-20%,0%);transform:translate(-20%,0%)}
.culist i.bg2{background-image:linear-gradient(45deg,transparent 50%,#005bac 0);-webkit-transform:translate(20%,0%);transform:translate(20%,0%)}
.culist li:hover i.bg1,.culist li:hover i.bg2{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.culist .tupian{width:100%;height:120px;position:relative; -webkit-transition:.5s;transition:.5s}
.culist .pic{position:absolute;left:50%;top:50%;z-index:2;width:80px;height:80px;margin-left:-40px;margin-top:-20px}
.culist .pic .fig{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%}
.culist .i1 .p1 .fig{background:url(../images/culture1.png) center no-repeat; background-size:70px;}
.culist .i1 .p2 .fig{background:url(../images/culture1-on.png) center no-repeat; background-size:70px;}
.culist .i2 .p1 .fig{background:url(../images/culture2.png) center no-repeat; background-size:70px;}
.culist .i2 .p2 .fig{background:url(../images/culture2-on.png) center no-repeat; background-size:70px;}
.culist .i3 .p1 .fig{background:url(../images/culture3.png) center no-repeat; background-size:70px;}
.culist .i3 .p2 .fig{background:url(../images/culture3-on.png) center no-repeat; background-size:70px;}
.culist .i4 .p1 .fig{background:url(../images/culture4.png) center no-repeat; background-size:70px;}
.culist .i4 .p2 .fig{background:url(../images/culture4-on.png) center no-repeat; background-size:70px;}
.culist .i5 .p1 .fig{background:url(../images/culture5.png) center no-repeat; background-size:70px;}
.culist .i5 .p2 .fig{background:url(../images/culture5-on.png) center no-repeat; background-size:70px;}
.culist .i6 .p1 .fig{background:url(../images/culture6.png) center no-repeat; background-size:70px;}
.culist .i6 .p2 .fig{background:url(../images/culture6-on.png) center no-repeat; background-size:70px;}
.culist .i7 .p1 .fig{background:url(../images/culture7.png) center no-repeat; background-size:70px;}
.culist .i7 .p2 .fig{background:url(../images/culture7-on.png) center no-repeat; background-size:70px;}
.culist .i8 .p1 .fig{background:url(../images/culture8.png) center no-repeat; background-size:70px;}
.culist .i8 .p2 .fig{background:url(../images/culture8-on.png) center no-repeat; background-size:70px;}
.culist .i9 .p1 .fig{background:url(../images/culture9.png) center no-repeat; background-size:70px;}
.culist .i9 .p2 .fig{background:url(../images/culture9-on.png) center no-repeat; background-size:70px;}
.cullover{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;overflow:visible !important;-webkit-transition:1s;transition:1s}
.cullover .p1,.cullover .p2{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cullover .p2{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
li:hover .cullover{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
li:hover .cullover .p1{ opacity:0;}

.culist li .wz{position:relative;z-index:3}
.culist li h3{font-size:30px;color:#233770; font-weight:normal;overflow:hidden;-webkit-transition:.5s;transition:.5s;min-height:auto}
.culist li .hx{font-size:16px;color:#808080;font-family:MIN;text-transform:uppercase;font-weight:600;margin-top:15px;margin-bottom:12px;-webkit-transition:.5s;transition:.5s}
.culist li .txt{font-size:18px;color:#9b9b9b;line-height:30px; padding:10px 0 0;overflow:hidden;margin:0 auto; -webkit-transition:.5s;transition:.5s}
.culist li .txt span{display:inline-block}
.culist li:hover h3{color:#fff}
.culist li:hover .txt{color:#fff}
.culist li:hover .hx{color:#fff}

.culture { width:100%; background:url(../images/pic12.jpg) no-repeat; background-size:cover;}
.culture .culture1Wrapper{ width:1380px; height:408px; margin:0 auto; position:relative; overflow:hidden;}
.culture .culture-desc{ color:#fff; font-size:40px; font-weight:bold; text-shadow: 10px 5px 20px rgb(0,0,0,.75); position:absolute; left:0; top:50%; transform:translateY(-50%);}

/**************************start*********************************/
.service { width:100%; background:#fafafa;}
.service .serviceWrapper{ width:1380px; margin:0 auto; position:relative; overflow:hidden;}
.service-list{ width:100%; padding:0 0 90px; overflow:hidden;}
.service-item{ float:left; width:100%; overflow:hidden;}
.service-item .service-img{ float:left; width:50%; height:310px;}
.service-item .service-box{ float:left; width:50%; height:310px; padding:60px 40px 0;}
.service-item .service-title{ color:#000; font-size:30px; line-height:32px; height:auto; padding:25px 0 25px 20px; position:relative;}
.service-item .service-title span{ color:#e0e0e0; font-size:72px; line-height:82px; font-weight:bold; position:absolute; left:0; top:0; z-index:-1;}
.service-item .service-desc{ color:#666; font-size:18px; line-height:30px; padding:10px 0 0 20px;}
.service-item:nth-of-type(2n) .service-img{ float:right;}

.service2 { width:100%;}
.service2 .service2Wrapper{ width:100%; height:680px; background:url(../images/servicebg.jpg) no-repeat top center; background-size:cover; margin:0 auto; padding:0; position:relative;}
.service2-content { width:1380px; position:absolute; top:56%; left:50%; transform:translate(-50%,-50%); text-align:center; z-index:2;}
.service2-content .service2-title { color:#fff; font-size: 48px; line-height: 60px;}
.service2-content .service2-desc { color:#fff; font-size: 22px; line-height: 38px; padding:40px 0;}
.service2-more a{ width:260px; height:56px; line-height:54px; font-size:16px; color:#fff; border:1px solid #fff; border-radius:32px; padding:0 74px 0 40px; background:url(../images/icon-arrow-white.png) no-repeat 88% center; background-size:22px; display:inline-block; text-align:left;}
.service2-more a:hover{ color:#fff; border:1px solid #185ab2; background:#185ab2 url(../images/icon-arrow-white.png) no-repeat 88% center; background-size:22px;}
.service3 { background:url(../images/service-map.jpg) no-repeat top center; background-size:cover;}
.service3 .section3Wrapper{ height:778px;}

.job1 { width:100%;}
.job1 .job1Wrapper{ width:100%; height:890px; background:url(../images/job1bg.jpg) no-repeat top center; background-size:cover; margin:0 auto; padding:0; position:relative;}
.job1-content { width:1280px; position:absolute; top:12%; left:50%; transform:translateX(-50%); text-align:center; z-index:2;}
.job1-content .job1-title { color:#000; font-size: 42px; line-height: 60px;}
.job1-content .job1-desc { color:#000; font-size: 24px; line-height: 38px; padding:20px 0;}

.job2 { width:100%;}
.job2 .job2Wrapper{ width:100%; margin:0 auto; position:relative;}
.job2 .section-title{ padding:90px 0; font-size:42px; line-height:60px;}
#job2{ padding:0 0 130px; margin:0 -25px; overflow:hidden; text-align:center;}
#job2 .job-item{ float:left; padding:0 25px; overflow:hidden;}
#job2 .job-item .pic img{ width:100%; height:auto; margin:0 auto;}
#job2 .job-item a{ height:100%; display:block; }
#job2 .job-item p{ font-size:20px; line-height:86px; display:block; color:#fff; background:#16568f; padding:0 20px; text-align:center; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#job2 .slick-dots{ width:auto; position:absolute; margin:0; bottom:70px; display:inline-block;}

.join4-section { width:100%; height:1070px; background:url(../images/job2bg.jpg) no-repeat top center; background-size:cover; margin:0 auto; padding:0;}
.join4-section-show{ height:auto; min-height:450px; background:none;}
.join4-section .join4Wrapper{ width:1380px; margin:0 auto; position:relative; overflow:hidden;}
.join4-left{ float:left; width: 37%; padding:0 7% 0 0;}
.join4-right{ float:left; width: 63%;}
.join4-subtitle{ font-size:30px; margin:0 0 20px;}
.join4-list { margin:0 0 35px;}
.join4-list .join4-title{ font-size:20px; background:#f0f3f8; height:68px; line-height:68px; padding:0 40px;cursor:pointer;position:relative}
.join4-list .join4-detail{ padding:40px 35px; border:1px solid #d1d5e1; border-top:none;}
.join4-list .join4-title .job-close{ float:right; position:relative; width:40px; height:68px;}
.join4-list .UI-bubble::after{ font-size:25px;color:#333;font-family:"iconfont" !important;position:absolute; right:0; top:0; content:"\e835"}
.join4-list .UI-ask::after{ font-size:25px;color:#333;font-family:"iconfont" !important;position:absolute; right:0; top:0; content:"\e840"}
.join4-list hr { width:100%; margin:0 auto; background:none; border-bottom:none; border-top:1px solid #ebebeb; margin:30px auto;}
.join4-list .join-btn{display:inline-block;margin:30px 0 0;padding:10px 28px;font-size:18px; color:#fff; text-align:center;white-space:nowrap; background:#143a85;border-radius:5px;cursor:pointer;}
.join4-list .join-btn:hover{ background:#0051a5;}

.join4-section .join4-search{width:65%; margin:60px auto; height:78px; overflow:hidden; position:relative;}
.join4-section .search-icon{ width:94px; height:23px; background:url(../images/search.png) no-repeat 70% center; background-size:23px; position:absolute;left:0;top:27px;border-right:1px solid #ccc}
.join4-section .join4-search input{ width:85%; height:78px; line-height:78px; outline:0; font-size:24px; color:#5a5a5a; background:#f0f3f8; border:1px solid #95bae4; padding:0 120px; border-radius:50px 0 0 50px;}
.join4-section .search-btn{ float:right; width:15%; text-align:center;display: block; line-height: 78px; height: 78px; font-size: 24px; color: #fff; border:1px solid #95bae4; background: #003cc5; border-radius: 0 50px 50px 0; outline: none; border:none;}
.join4-section .search-btn:hover{color:#fff;background:#0054a5}
.join4-section .join4-series{ border:1px solid #d1d5e1; border-radius:5px; padding:10px 30px; overflow:hidden;}
.join4-section .join4-select{ font-size:20px; color:#989898; height:67px; line-height:52px; padding:0 0 15px; border-bottom:1px solid #d1d5e1;}
.join4-section .join4-name{ font-size:20px; color:#989898; height:55px; line-height:55px;}
.join4-section .join4-name a{ color:#989898; height:100%; display:block;}
.join4-section .join4-name .iconfont{ font-size:20px; color:#989898;}
.join4-section .join4-name .icon-kuangkuang-xuanzhong-{ font-size:20px; color:#143a85;}

.public-table ul{border-bottom: 1px solid #e3e4e4;}
.public-table ul li{position:relative;font-size:0; text-align:center; background:#fff; overflow:hidden;}
.public-table ul li .ta{ float:left; width:25%;font-size:16px;line-height:1.6;}
.public-table ul li .tb{ float:left;width:10%;font-size:16px;line-height:1.6;}
.public-table ul li .tc{ float:left;width:50%;font-size:16px;line-height:1.6; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.public-table ul li .td{ float:left;width:15%;font-size:16px;line-height:1.6;}
.public-table ul li a{ padding:15px 0;}
.public-table ul li .td span{width:104px; height:32px; line-height:30px; border:1px solid #333; font-size:16px; text-align:center; margin:0 auto; border-radius:8px; display:inline-block;}

.public-table ul li:nth-of-type(2n+1){background:#f0f2f7}
.public-table ul li.tbody{ font-size:20px; color:#fff; background:#6c96c6; padding:15px 0;}
.public-table ul li:hover{ background:#d4e8ff}
.public-table ul li.tbody:hover{ background:#6c96c6}
.public-table ul li a:hover span{ color:#fff; border:1px solid #003cc5; background:#003cc5;}
.joinshow .section-title{ text-align:left; padding:90px 0 10px;}
.joinshow .section-desc{ color:#636363; font-size:28px; text-align:left; margin:0 0 60px;}
.joinshow .joinshow-detail{ color:#636363; font-size:18px; line-height:38px; padding:60px 0; border-bottom: 1px solid #cfd0d2; overflow:hidden;}
.joinshow .joinshow-subtitle{ color:#333; font-size:38px; padding:0 0 40px;}
.joinshow .joinshow-btn { margin:60px 0;}
.joinshow .joinshow-btn a { font-size:24px; line-height:75px; padding:0 105px; border-radius:5px; display:inline-block; color:#fff; background:#0154a4; text-align:center;}


.product1 { width:100%;}
.product1 .product1Wrapper{ width:1600px; padding:0 0 100px; margin:0 auto; position:relative; overflow:hidden;}
.product1 .product1-box{ padding:0 110px;}
.product1 .section-title{ font-size:46px; line-height:56px; padding:90px 0 60px;}
.product1 .section-desc{ color:#666; font-size:18px; line-height:36px; text-align:left;}
.product1 .product-subtitle{ font-size:36px; line-height:46px; padding:90px 0 0;}
#product1{ padding:80px 80px 0; overflow:hidden;}
#product1 .product1-item{ float:left; padding:0 35px; overflow:hidden; text-align:center;}
#product1 .product1-item .pic{ padding:0 60px;}
#product1 .product1-item .pic img{ max-width:100%; margin:0 auto;}
#product1 .product1-item a{ width:100%; background:#f1f4f9; display:inline-block;}
#product1 .product1-item p{ font-size:20px; line-height:28px; display:block; padding:10px 30px 30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#product1 .product1-item span{ font-size:14px; line-height:25px; display:block;}
#product1 i { position: absolute; top: 50%; color: #fff; z-index: 1; cursor:pointer; margin-top: -72px; width: 69px; height: 144px; border:1px solid #afafaf; text-align: center;}
#product1 i.arrow-icon-left { left: 0; background:url(../images/product-left.png) no-repeat center; background-size:18px;}
#product1 i.arrow-icon-right { right: 0; background:url(../images/product-right.png) no-repeat center; background-size:18px;}
#product1 .slick-dots{ margin-top:20px;}

.product2 { width:100%; background:url(../images/productbg.jpg) no-repeat top center;}
.product2 .product2Wrapper{ width:1600px; padding:0 0 100px; margin:0 auto; position:relative; overflow:hidden;}
.product2 .section-title{ color:#fff; font-size:48px; line-height:58px; padding:110px 110px 54px; text-align:left;}
.product2 .section-desc{ color:#fff; font-size:22px; line-height:36px; width:910px; padding:0 0 70px 110px; text-align:left;}
.product2 .product2-box{ padding:0; background:#f4f4f4;}
.product2 .product2-subtitle{ font-size:36px; line-height:46px; padding:60px 0; text-align:center;}
#product2{ padding:0 100px 50px; overflow:hidden;}
#product2 .product1-item{ float:left; padding:0 15px; overflow:hidden; text-align:center;}
#product2 .product1-item .pic img{ max-width:100%; margin:0 auto;}
#product2 .product1-item a{ width:100%; background:#fff; display:inline-block;}
#product2 .product1-item p{ font-size:20px; line-height:28px; display:block; padding:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#product2 .product1-item span{ font-size:14px; line-height:25px; display:block;}
#product2 i { position: absolute; top: 50%; color: #fff; z-index: 1; cursor:pointer; margin-top: -72px; width: 69px; height: 144px; border:1px solid #afafaf; text-align: center;}
#product2 i.arrow-icon-left { left: 0; background:url(../images/product-left.png) no-repeat center; background-size:18px;}
#product2 i.arrow-icon-right { right: 0; background:url(../images/product-right.png) no-repeat center; background-size:18px;}
#product2 .slick-dots{ margin-top:30px;}

.product3 { width:100%;}
.product3 .product3Wrapper{ width:1600px; padding:0 0 100px; margin:0 auto; position:relative; overflow:hidden;}
.product3 .product3-box{ padding:0;}
.product3 .section-title{ font-size:46px; line-height:56px; padding:90px 0 60px;}
.product3 .section-desc{ color:#666; font-size:18px; line-height:36px;text-align: left;}
.product3 .product-subtitle{ font-size:36px; line-height:46px; padding:90px 0 0;}
#product3{ padding:80px 10px 0; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:flex-start;}
#product3 .product1-item{ float:left; width:22%; margin:0 4% 4% 0; overflow:hidden; background:#f1f4f9;}
#product3 .product1-item:nth-of-type(4n){ margin:0 0 4%;}
#product3 .product1-item .pic{ background:#fff;}
#product3 .product1-item .pic img{ max-width:100%; margin:0 auto; display:block;}
#product3 .product1-item a{ width:100%; height:100%; padding:12px 12px 24px; display:inline-block;}
#product3 .product1-item h3{ font-size:22px; line-height:32px; padding:30px 18px 10px; display:block; text-align:center; overflow:hidden;}
#product3 .product1-item p{ color:#888; font-size:16px; line-height:30px; padding:0 18px; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#product3 .product1-item:hover{ background:#185ab2;}
#product3 .product1-item:hover h3,#product3 .product1-item a:hover h3,#product3 .product1-item a:hover p{ color:#fff;}
/**productshow**/
.product4 { width:100%; height:485px; background:url(../images/productshowbg.jpg) no-repeat top center; position:relative;}
.product4 .product4Wrapper{ width:1380px; height:485px; margin:0 auto; position:relative; overflow:hidden;}
.product4 .product4-note{ float:left; width:60%; padding:0 5% 0 0;}
.product4 .section-title{ padding:110px 0 50px; text-align:left;}
.product4 .section-title h1{ font-size:48px; line-height:58px;}
.product4 .section-desc{ color:#666; font-size:22px; line-height:36px; text-align:left; margin:0 0 36px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.product4 .product-subtitle{ font-size:36px; line-height:46px; padding:90px 0 0;}
.product4-link{ position:absolute; left:0; bottom:55px;}
.product4-link a{ width:auto; height:48px; line-height:46px; font-size:18px; color:#0f62fe; background:url(../images/arr-job.png) no-repeat 88% center; background-size:18px; border:1px solid #0f62fe; display:inline-block; padding:0 60px 0 21px; margin:0 16px 0 0;}
.product4-link a:hover,.product4-link a.active{ color:#fff; background:#0f62fe url(../images/arr-job-hover.png) no-repeat 88% center; background-size:18px;}
.product4 .product4-img{ float:left; width:40%; margin:45px 0 0;}

.product5 { width:100%; position:relative;}
.product5 .product5Wrapper{ width:1380px; padding:110px 0; margin:0 auto; position:relative; overflow:hidden;}
.product5 .text{ float:right; min-height: 500px; width:75%; color:#333; font-size:22px; line-height:46px; border-bottom:1px solid #dedede; padding:0 0 90px; margin:0 0 90px;}
.product5 .text h3{ font-size:48px; line-height:58px; margin:0 0 50px;}
.product5 .nav-height{ float:left; width:25%; position:relative;}
.product5 .nav-wrap { width: 100%;}
.product5 .nav-wrap.navFix{position: fixed;top: 0;left:261.5px; width:auto; z-index: 99999;} 
.product5 .nav-wrap ul {padding: 0;margin: 0 auto; width: 100%; display: block;}
.product5 .nav-wrap li { display: block; text-align: left;height: 66px; line-height: 66px;}
.product5 .nav-wrap li a {display: block;padding: 0 24px;font-size:20px; color: #666; border-left: 4px solid #e0e0e0; text-decoration: none;}
.product5 .nav-wrap li a:hover{color: #4680d1;}
.product5 .nav-wrap li.active a{color: #0f62fe; border-left: 4px solid #0f62fe;}
.product5 .content3{ border-bottom:none; padding:0; margin:0;}

.product5 table{border:solid #e4e4e4; border-width:1px 0px 0px 1px; font-size:18px; line-height:36px;}
.product5 th{ background:#edf5ff; padding:10px 0;}
.product5 th,.product5 td{border:solid #e4e4e4; border-width:0px 1px 1px 0px;}
.product5 td{ padding:10px 20px;}
.product5 .b {background-color:#f9f9f9;}
.mouse_color{background-color:#e9f3ff;} 
.product5 .proshow { overflow-x: auto; margin: 10px 0;}

.application-container { width:100%; height:484px; background:#fff; overflow:hidden;} 
.application-container .top-newslist{ height:484px; position:relative;}
.application-container .top-img { float:left; width: 100%; height:446px; overflow: hidden;} 
.application-container .top-news { width:570px; height:202px; background:#2e56a0; padding:35px 42px 0; position:absolute; right:0; bottom:0; z-index:100;}
.application-container .top-newstitle { font-size: 24px; display: block; line-height: 34px; padding:0 0 15px; color: #fff; position:relative; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.application-container .top-newsdesc { color:#fff; font-size: 17px; line-height:28px; height:84px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;} 
.application-container a{ width:100%; height:100%; display:block;}
.application-container .news-prev,.application-container .news-next{ font-size:30px; width:50px; height:50px; line-height:50px; text-align:center; position:absolute; cursor:pointer; z-index:200;}
.application-container .news-prev{ background:url(../images/arr-left.png) no-repeat center; background-size:45px; top:50%; left:10px; margin:-25px 0 0;}
.application-container .news-next{ background:url(../images/arr-right.png) no-repeat center; background-size:45px; top:50%; right:10px; margin:-25px 0 0;}
.application-container .slick-dots{ display:none !important;}

.contact-section { width:100%; background:#e2e3e5 url(../images/contactbg.jpg) no-repeat bottom center; background-size:cover;}
.contact-section .contactWrapper{ width:1400px; height:660px; margin:0 auto; padding:0; overflow:hidden; position:relative;}
.contact-section .section-title{ padding:130px 0 50px; text-align:left;}
.contact-section .contact-note{ float:left; width:62%; font-size:18px; line-height:42px; color:#666; border-right:1px solid #b6bdc3; overflow:hidden;}
.contact-section .contact-title{ font-size:24px;}
.contact-section .contact-wechat{ float:left; width:38%; overflow:hidden;}
.contact-section .contact-wechat .img{ float:right; padding:15px 0 0; line-height:60px; text-align: center;}
.contact-section2 { width:100%; background:url(../images/contactbg2.jpg) no-repeat bottom center; background-size:cover;}
.contact-section2 .contactWrapper{ width:1400px; height:878px; margin:0 auto; padding:0; overflow:hidden; position:relative;}
.contact-section2 .section-title{ color:#fff; padding:130px 0 60px; text-align:left;}
.contact-section2 .section-desc{ color:#fff; padding:0 0 40px;}
.contact-section2 .section-desc h3{ font-size:30px; line-height:40px; padding:0 0 10px;}

.contact-box .item{ width:100%; margin:0 0 40px; overflow:hidden;}
.contact-box .item-txt{ float:left; width:48%; margin:0 4% 0 0;}
.contact-box .item-txt:nth-of-type(2n){ margin:0;}
.contact-box .am-area,.contact-box .am-input,.contact-box .am-btn{ display:block;width:100%;padding:20px;font-size:18px;line-height:30px;color:#555;vertical-align:middle;background:rgba(255,255,255,.8);background-image:none;border:1px solid #eee;border-radius:0;-webkit-appearance:none;}
.contact-box .am-area:focus,.contact-box .am-input:focus{ border-color: #3bb4f2; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 5px rgb(59 180 242 / 30%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 5px rgb(59 180 242 / 30%);
}
.contact-box .am-input{ padding:10px 20px;}
.contact-box .am-btn{ color:#fff; border:none; background:#01479d; font-size:24px; cursor:pointer;}
.contact-box .am-btn:hover{ background:#0d54ac;}

.contact-map{ width:100%; height:511px; background:#f8f9f9 url(../images/contact-map.jpg) no-repeat top center; background-size:cover;}
.contact-map a{ width:100%; height:100%; display:block;}

/*news*/
.topnewsbg{ width:100%; height:300px; background:url(../images/newsbg.png) no-repeat top center; position:absolute; top:0; left:0; z-index:1;}

.news-section1 { width:100%;}
.news-section1 .news1Wrapper{ position:relative; overflow:hidden;}
.news-container { width:100%; height:880px; background:#fff; overflow:hidden;} 
.news-container .top-newslist{ height:880px; position:relative;}
.news-container .top-img { float:left; width: 100%; height:880px; overflow: hidden;} 
.news-container .top-news { width: 49%; height:250px; background:rgba(0,73,163,.9) url(../images/icon-news.png) no-repeat 72% 80%; padding:35px 12% 0 75px; position:absolute; right:0; bottom:0; z-index:100;}
.news-container .top-newstitle { font-size: 30px; display: block; line-height: 48px; padding:0 0 30px; overflow: hidden; color: #fff; position:relative;}
.news-container .top-newstitle:before{display:block;content:'';position:absolute;left:0;bottom:0;background-color:#fff;height:6px;width:50px;}
.news-container .top-newstime { color:rgba(255,255,255,.6); font-size: 16px; line-height: 30px; margin:30px 0 0;} 
.top-newsmore{ line-height:30px; padding:10px 25px; display:inline-block; border:1px solid #676767; border-radius:30px; color:#676767; overflow:hidden;}
.top-newsmore span{ float:left; margin:0;}
.news-container a{ width:100%; height:100%; display:block;}
.news-container .news-prev,.news-container .news-next{ font-size:30px; width:50px; height:50px; line-height:50px; text-align:center; position:absolute; cursor:pointer; z-index:200;}
.news-container .news-prev{ background:url(../images/arr-left.png) no-repeat center; background-size:45px; top:50%; left:100px;}
.news-container .news-next{ background:url(../images/arr-right.png) no-repeat center; background-size:45px; top:50%; right:100px;}

.news-searchs{ width:100%; height:58px; line-height:58px; margin:0 0 20px; position:relative; overflow:hidden;}
.newsclass{ overflow:hidden;}
.newsclass .classname{ float:left; margin:0 20px 0 0;}
.newsclass .classname a{ color:#aeaeae; font-size:20px; height:42px; line-height:38px; padding:0 25px; border:2px solid #fff; border-radius:21px; display:block; position:relative;}
.newsclass .classname a:hover,.newsclass .classname a.on{ color:#0049a2; border:2px solid #0049a2;}

.news-searchs-box{ width:331px; height:58px; line-height:56px; border:1px solid #afafaf; border-radius:30px; position:absolute; right:0; top:0;}
.news-searchs-box-all{ width:40%; height:58px; line-height:56px; border:1px solid #afafaf; border-radius:30px; margin:0 auto;}
.seartxt{ float:left; width:80%; height:56px; line-height:56px; padding:0 0 0 33px; border:none; background:transparent; border-top-left-radius:30px; border-bottom-left-radius:30px;}
.searbtn{ float:left; width:20%; height:56px; line-height:56px; border:none; background:url(../images/serch.1.png) no-repeat center center; border-top-right-radius:30px; border-bottom-right-radius:30px; cursor:pointer;}
.news-searchs-box-all .seartxt{ width:88%;}
.news-searchs-box-all .searbtn{ width:12%;}
.search-no-result-box{ font-size:20px; width:40%; padding:60px; border-radius:10px; margin:0 auto 60px;}

.searchtitle{ padding:0 0 40px ; font-size:16px; text-align:center;}
.sitemap li{ border-bottom:1px dashed #ccc; line-height:35px;}
.sitemap li a{ font-size:16px; color:#333;}
.nrnav li{ border-bottom:none;}
.nrnav li a{ font-size:14px; border-bottom:1px dashed #ccc; line-height:35px; display:block;}

.news-section2 { width:100%;}
.news-section2 .news2Wrapper{ width:1380px; margin:0 auto; padding:0 0 70px; position:relative; overflow:hidden;}
.news-list .news-item{ overflow:hidden; border-bottom:1px solid #e6e6e6; padding:60px 0;}
.news-list .top-img { float:left; width: 38%; height:310px; border-radius:15px; overflow: hidden; position: relative; border: 1px solid #f5f5f5;} 
.news-list .top-news { float:left; width: 62%; height:310px; padding:20px 0 0 60px; position:relative;}
.news-list .top-newstime{ font-size:18px; line-height:30px; color:#bdbdbd;}
.news-list .top-newstitle { font-size:30px; display: block; line-height: 48px; color: #333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .top-newsnote { font-size: 18px; line-height: 32px; margin: 10px 0 0; color:#a4a4a4;} 
.news-list .news-item a{ width:100%; display:block; overflow:hidden;}
.news-list .top-news .news-more{ color:#aeaeae; font-size:16px; line-height:50px; padding:0 50px 0 20px; border-radius:5px; background:#f4f4f4 url(../images/icon-right2.png) no-repeat 80% center; background-size:15px; display:block; position:absolute; left:60px; bottom:20px;}
.news-list .alline{ float:none; width:100%; margin:0; height:270px; padding:20px 0 0;}
.news-list .alline .news-more{ left:0;}
.news-list .news-item a:hover .news-more{ color:#fff; background:#0049a2 url(../images/icon-right.png) no-repeat 80% center; background-size:15px;}
.allvideo{ width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; left:0; top:0;}

.news-section2s .news2sWrapper{ width:1380px; margin:0 auto; padding:0 130px 70px; position:relative; overflow:hidden;}
.news-lists .news-item{ overflow:hidden; padding:30px 0;}
.news-lists .top-img { width: 100%; height:520px; border-radius:15px; overflow: hidden; position: relative; } 
.news-lists .top-news { width: 100%; padding:0 160px; position:relative; text-align:center;}
.news-lists .top-newstime{ font-size:18px; line-height:30px; color:#bdbdbd;}
.news-lists .top-newstitle { font-size:30px; display: block; line-height: 42px; color: #031e50; font-weight:bold;}
.news-lists .top-newsnote { font-size: 18px; line-height: 32px; margin: 30px 0; color:#bdbdbd;} 
.news-lists .news-item a{ width:100%; height:100%; display:block; overflow:hidden;}
.news-lists .top-img i{ width:75px; height:75px; display:block; background:url(../images/icon-video.png) no-repeat center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:.6;}
.news-lists .news-item a:hover i{ opacity:.9;}

.news-section3 { width:100%; padding:0;}
.news-section3 .news3Wrapper{ width:1380px; padding:0 140px; position:relative; overflow:hidden;}
.news-section3 .tab-tit{ padding:60px 0 30px;}
.bread_nav{ width:100%; height: 62px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; text-align:center}
.bread_nav ul { display:inline-block}
.bread_nav ul li { float: left; height: 60px; line-height: 58px; padding: 0 100px 0 0;}
.bread_nav ul li a { display: block; font-size: 18px; padding:0 3px;}
.bread_nav ul li a.on{ color:#0254a6; border-bottom:3px solid #0254a6;}

/**News Detail**/
.newsDetail{ width:100%; padding:90px 0 0; overflow:hidden;}
.newsDetail .newsTitle{ position:relative;}
.newsDetail .newsTitle h1{ font-size:48px; line-height:58px; text-align:center; color:#353c5a;}
.newsDetail .newsTitle .datatime{ font-size:16px; color:#b7b7b7; padding:30px 0 0; line-height:36px; text-align:center;}
.newsDetail .newsTitle .datatime span{ padding:0 18px;}
.newsDetail .newsTitle .datatimeDiv{ display:inline-block;}

.newsDetail .newsContent{ width:100%; margin:0 auto; font-size:18px; line-height:36px; padding:50px 0 0;}
.newsDetail .newsContent p { margin-bottom:30px;}
.newsDetail .newsContent table{border:solid #ddd; border-width:1px 0px 0px 1px; line-height:36px;}
.newsDetail .newsContent th{ background:#eaf1f8; padding:10px 0;}
.newsDetail .newsContent th,.newsDetail .newsContent td{border:solid #ddd; border-width:0px 1px 1px 0px;}
.newsDetail .newsContent td{ padding:10px;}
.otherNews{ width:86%; max-width:1400px; margin:0 auto; padding:0 0 60px; text-align:center; overflow:hidden;}
.otherNews .otherNews-title{ padding:60px 0; text-align:center;}
.otherNews .otherNews-title h3{ color:#333; font-size:42px; line-height:52px;}
.otherNews .otherNews-title a{ float:right; margin:10px 0 0;}
.otherNews .otherNews-list{ overflow:hidden;}
.otherNews .otherNews-list .otherbox{ float:left; width:30.5%; background:#fff; margin:0 4.2% 0 0;}
.otherNews .otherNews-list .otherbox:nth-of-type(3n){ margin:0;}
.otherNews .otherNews-list .pic{ width:100%; height:250px; overflow:hidden; position:relative;}
.otherNews .otherNews-list .note{ background:#f5f5f5; padding:20px 30px; height:auto; overflow:hidden; text-align:left;}
.otherNews .otherNews-list .note h3{ color:#333; font-size:18px; line-height:30px;}
.otherNews .otherNews-list .note p{ font-size:18px; line-height:20px; color:#a1a1a1; padding:10px 0 0;}

.bottomshare { width:100%; height:40px; text-align:center; margin:20px auto 0; position:relative;}
.bottomshare .bdsharebuttonbox{ background:#fff; display:inline-block; position:relative; z-index:100;}
.bottomshare .icon-weibo,.bottomshare .icon-wechat{ background:none; font-size:30px; color:#666; padding:0; width:34px; height:34px; line-height:34px; display:inline-block; margin:0 5px;}
.bottomshare .icon-weibo{ background:url(../images/icon-weibo.png) no-repeat center; background-position:0 0 !important;}
.bottomshare .icon-wechat{ background:url(../images/icon-wechat.png) no-repeat center; background-position:0 0 !important;}
.bottomshare .line{position:absolute;width:100%;height:1px;background:#dddddd;top:0;left:0;top:20px;margin-top:-1px}
.otherNews .showmore{ margin:60px auto 0; display:inline-block;}
.otherNews a:hover .top-newsmore{ background:#153b86; border:2px solid #153b86; color:#fff;}
.otherNews a:hover .top-newsmore span{ color:#fff;}

.pages{ width:100%; color:#1a4b85; overflow:hidden; text-align:center; padding:0; margin:50px 0 0; line-height:52px;}
.pages span{ padding:0 6px; display:inline-block; color:#555;}
.pages a{ display:block; color:#333; text-align:center; padding:0px 20px; line-height:50px; overflow:hidden; box-sizing:border-box; font-size:16px; background:#fff; border-radius:5px;border:1px solid #dedede;}
.pages span.pg_num_current a{ display:block; background:#f8b500; color:#fff; border:1px solid #f8b500;}
.pages a:hover{background:#dedede; color:#fff;}
.pages span.pg_home_dis,span.pg_prev_dis,span.pg_next_dis,span.pg_end_dis{ margin:0 6px; display:inline-block; color:#555; text-align:center; padding:0px 26px; line-height:50px; overflow:hidden; box-sizing:border-box; font-size:16px; background:#f5f5f5; border-radius:5px;border:1px solid #dedede; cursor:not-allowed}
.pages span.ttips{ margin:0 6px; display:inline-block; color:#555; text-align:center; padding:0px 6px; line-height:50px; overflow:hidden; box-sizing:border-box; font-size:16px;}

.rec_ma{ margin:0 auto; padding:0 60px 0 0;}
.rt_tit{height: auto; line-height: 60px;font-size: 40px;color:#000000;margin-top: 65px; margin-bottom: 32px;text-align: center;}
.rec_ma input,.rec_ma button,.rec_ma select{font:16px/2 "Microsoft YaHei",微软雅黑, Arial, sans-serif !important;color:#333;}
.rec_ma button.am-btn-danger{color:#fff;}
.am-form-group{ margin-bottom:15px !important;}
.am-form-file input[type=file]{ height:50px;}
[class*=am-u-] { padding:0 15px;}
#f_attach-list { margin-left: 16.66666667%; padding: 0 15px;}
.am-badge{ padding: 10px 20px !important; font-size: 16px !important;}

footer .footerWrapper{ width:1600px;}


@media (max-width: 1919px){ 
.section3-item{ margin:200px 160px 0 0;}
}


.wap{ display:none}
@media (max-width: 1679px){ 
.section3-item{ margin:200px 90px 0 0;}
.section7{ width:100%; padding:60px;}
.product5 .nav-wrap.navFix{ left:136px;} 
footer .footerWrapper{ width:100%; padding:60px;}
}

@media (max-width: 1440px){ 
.sectionWrapper{ width:100%;}
.swiper1 { height:690px;}
.swiper1 .swiper-slide{ height: 690px;}
.swiper1 .sss1 .t1{ font-size:36px; line-height:56px;}
.swiper1 .sss2 .note{ height:200px; left:270px; top: 230px;}
.swiper1 .sss2 .t1{ font-size:28px; line-height:42px;}
.swiper1 .sss2 .t1 h3{ font-size:36px; line-height:56px;}
.swiper1 .sss3 .note{ width:530px; height:300px; padding:0 0 0 30px; left:140px; top:50%; margin:-110px 0 0;}
.swiper1 .sss3 .t1{ font-size:28px; line-height:42px; padding:0 0 30px;}
.swiper1 .sss3 .t2{ margin:90px 0 0;}
.swiper1 a.more{ width:146px; height:50px; line-height:50px; font-size:16px; color:#fff; padding:0 25px; background:url(../images/more.png) no-repeat; background-size:cover;}
.swiper1 .sss4 .note,.swiper1 .sss5 .note.swiper1 .sss6 .note{ position:absolute; left:50%; top: 50%; transform: translate(-50%, -50%);}
.swiper1 .sss4 .t1,.swiper1 .sss5 .t1,.swiper1 .sss6 .t1{ font-size:36px; line-height:56px; color:#fff;}

.section-title{ font-size:36px; line-height:56px; padding:60px 0 30px;}
.section-desc{ font-size:16px; line-height:30px;}
.section-more{ position:absolute; right:0; font-size:22px; color:#333; font-weight:normal;}

.tab-tit{ width:100%; text-align:center; height:92px; border-top:1px solid #e4e4e4; border-bottom:5px solid #e4e4e4; padding:0 105px;}
.tab-tit a{ float:left; width:25%; font-size:20px; line-height:85px; border-bottom:5px solid #e4e4e4; position:relative; display:block;}
.tab-tit a span{ height:100%; display:inline-block;}

.whlist{ width:100%; padding:0 60px;}

.section1 { width:100%;}
.section1 .section1Wrapper{ width:100%; height:800px; margin:0 auto; position:relative;}
.section1 .section-title{ padding:60px 0;}
.section1-item { width:100%; height:620px; position:relative; color:#fff;}
.section1-item .section1-content{ width:520px; height:320px; padding:0 50px 0 0; position:absolute; top:50%; right:160px; margin:-160px 0 0;}
.section1-item .section1-title { font-size: 22px; line-height: 32px;}
.section1-item .section1-desc { font-size: 33px; line-height: 46px; margin: 30px 0 0;} 
.section1-item .section1-more{ margin:90px 0 0;}
.section1-item .section1-more a{ width:184px; height:50px; line-height:50px; padding:0 0 0 28px; background:url(../images/icon-right.png) no-repeat 140px 22px; background-size:14px;}

.section2 .section2-product{ width:90%; margin:0 auto;}

.section3-item { margin:200px 60px 0 0;}

.section4 .section4Wrapper{ height:auto; padding:0; background-size:contain; overflow:hidden;}
.section4 .section-title{ text-align:center; padding:60px 0 10px;}
.section4 .section-desc{ text-align:center; padding:0 0 60px;}

.section6 .section6Wrapper{ height:auto; overflow:hidden;}
.section5 .section2Wrapper{ width:100%; padding:90px 60px;}

.section7-left .top-newstitle { font-size: 20px;}
.section7-right .top-newstitle { font-size: 20px;}

.banner-section{ height:548px;}
.banner-section .banner-desc{ width:100%; font-size:22px; line-height:32px; text-align:center;}
.banner-section .banner-desc h3{ font-size:42px; line-height:52px; color:#fff; margin:0 0 20px;}
.banner-section .banner-desc2{ width:auto; margin:0; font-size:36px; line-height:46px; left:60px; transform:translateY(-50%);}
.banner-section .banner-desc2 h3{ font-size:42px; line-height:52px;}
.banner-section .banner-desc3{ width:auto; margin:0; font-size:36px; line-height:46px; left:60px;}
.banner-section .banner-desc3 h3{ font-size:42px; line-height:52px;}
.product-section{ height:665px;}
.product-section .product-desc{ width:auto; margin:0; font-size:36px; line-height:46px; transform:translate(-50%,-50%);}
.product-section .product-desc h3{ font-size: 42px; line-height: 62px;}
.banner-play .play-icon{ width:90px; margin:0 auto; background:url(../images/icon-video.png) no-repeat top center; background-size:60px; font-size:16px; color:#fff; text-align:center; padding:70px 0 0; cursor:pointer; opacity:.5;}
.banner-nav{ font-size:16px; width:100%; padding:0 60px; height:60px; line-height:30px; margin:-60px auto 0; position:relative;}
.pnav{ width:100%;}

.about1 .about1Wrapper{ padding:0 0 60px;}
.about1 .about1-box{ padding:0 60px 60px;}
.section-title{ font-size:36px; line-height:46px; padding:60px 0;}
.about1 .about1-desc{ font-size:16px; line-height:30px;}
.about1 .intro{ width:100%; padding:60px 0; background:#f0f3f9; overflow:hidden;}
.about1 .intro ul li{ padding:0 40px;}
.about1 .intro ul li p{ font-size:45px; line-height:55px; font-weight:bold;}
.about1 .intro ul li span{ font-size:16px; line-height:30px; margin:25px 0 0; padding:25px 0 0; background:url(../images/arr3.jpg) no-repeat top center;}
.about1 .intro ul li sup{ top:15px; font-size:16px; line-height:30px;}
.about1 .intro ul li:last-child{ border-right:none;}
.about1-video{ height:490px;}
.about1-video .about1-video-content{ height:490px;}
.about1-video .about1-video-content .play-icon{ background-size:60px; font-size:16px; padding:70px 0 0;}
.about1-history .historyWrapper{ padding:60px;}
.about1-history .about1-history-title { font-size:30px; line-height:40px; margin:0 0 10px;}
.about1-history .about1-history-desc{ font-size:16px; line-height:30px; width:790px; margin:0 0 100px;}
.about1-history .history-box{ margin:0 0 60px;}
.about1-history .history-year{ float:left; width:30%; font-size:68px; line-height:70px; color:#ddd;}
.about1-history .history-year span{ font-size:18px; line-height:20px;}
.about1-history .history-intro{ float:left; width:70%; padding:0 50px; overflow:hidden;}
.about1-history .btn{ float:right; width:130px; height:48px; line-height:48px; display:block; border-radius:24px; border:1px solid #0842b0; color:#0842b0; text-align:center; margin:20px 0 0; cursor:pointer;}

.honor1 .sectionWrapper{ padding:0 60px;}
.honor1 .honor1-box{ padding:0 0 35px;}
.honor1 .honor1-title { font-size:30px; line-height:40px; margin:0 0 20px;}
#honor-1{ padding:60px 55px;}
#honor-1 .honor-about p{ font-size:18px;}

.social { width:100%;}
.social .socialWrapper{ width:100%; padding:0 80px 100px; margin:0 auto; position:relative; overflow:hidden;}
.social .social-box{ padding:0 0 60px;}
.social .social-desc{ font-size:16px; line-height:30px; padding:0 150px;}
.social-list { background:#fff; overflow:hidden; position:relative;} 
.social-item { color: #333; border-bottom:1px solid #d1d1d1; padding:0 0 60px; margin:0 0 60px; overflow:hidden;}
.social-item .social-img { width: 100%; height:440px; border-radius:15px; overflow: hidden; position: relative;} 
.social-item .social-title { width:480px; height: auto; padding:35px 40px; font-size: 26px; line-height: 36px;}
.social-item .social-title p{ height:85px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.social-item .social-note { font-size: 18px; line-height: 36px; margin:30px 0 20px; height: auto;} 
.social-item .social-more{ float:right; font-size: 16px; line-height:36px; padding:0 53px 0 20px; display:inline-block; border:1px solid #7d7d7d; border-radius:5px; color:#7d7d7d; background:url(../images/icon-right2.png) no-repeat 80% center; background-size:15px; overflow:hidden;}

.cultureWrapper{ width:100%; padding:0 30px 60px;}
.culist li h3{font-size:26px;}
.culist li .hx{font-size:16px;}
.culist li .txt{font-size:16px;}

.culture .culture1Wrapper{ width:100%; height:308px;}
.culture .culture-desc{ font-size:45px; left:60px;}

/**************************start*********************************/
.service { width:100%; background:#fafafa;}
.service .serviceWrapper{ width:100%; padding:0 60px; margin:0 auto; position:relative; overflow:hidden;}
.service-list{ width:100%; padding:0 0 90px; overflow:hidden;}
.service-item{ float:left; width:50%; overflow:hidden;}
.service-item .service-img{ float:left; width:50%; height:270px;}
.service-item .service-box{ float:left; width:50%; height:270px; padding:40px 30px 0;}
.service-item .service-title{ font-size:30px; line-height:62px; height:62px; padding:0 20px; position:relative;}
.service-item .service-title span{ font-size:52px; line-height:62px; font-weight:bold; position:absolute; left:0; top:0; z-index:-1;}
.service-item .service-desc{ font-size:16px; line-height:30px;}
.service-item:nth-of-type(3) .service-img,.service-item:nth-of-type(4) .service-img{ float:right;}

.service2 .service2Wrapper{ height:510px;}
.service2-content { width:610px; top:45%}
.service2-content .service2-title { font-size: 36px; line-height: 46px;}
.service2-content .service2-desc { font-size: 18px; line-height: 36px;}
.service2-more a{ width:170px; height:46px; line-height:44px; font-size:16px; color:#fff; border:1px solid #fff; border-radius:23px; padding:0 60px 0 40px;}
.service3 { background:url(../images/service-map.jpg) no-repeat top center; background-size:cover;}
.service3 .section3Wrapper{ height:660px;}
.section3-item .section3-title { font-size: 36px; line-height: 46px; padding:0 0 30px;}
.section3-desc { margin: 30px 0 0;} 
.section3-address{ font-size: 18px; line-height: 34px; padding:0 0 25px 40px; margin:0 0 25px; background:url(../images/icon-address.png) no-repeat left 5px;}
.section3-address h3{ font-size: 20px; margin:0 0 20px;}

.product1 { width:100%;}
.product1 .product1Wrapper{ width:100%; padding:0 60px 100px; margin:0 auto; position:relative; overflow:hidden;}
.product1 .product1-box{ padding:0;}
.product1 .section-title{ font-size:36px; line-height:46px; padding:60px 0 50px;}
.product1 .section-desc{ color:#666; font-size:16px; line-height:36px; text-align:left;}
.product1 .product-subtitle{ font-size:36px; line-height:46px; padding:90px 0 0;}
#product1{ padding:60px 80px 0; overflow:hidden;}
#product1 .product1-item{ float:left; padding:0 20px; overflow:hidden; text-align:center;}
#product1 .product1-item .pic img{ max-width:100%; margin:0 auto;}
#product1 .product1-item a{ width:100%; background:#f1f4f9; display:inline-block;}
#product1 .product1-item p{ font-size:18px; line-height:28px; display:block; padding:20px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#product1 .product1-item span{ font-size:14px; line-height:25px; display:block;}
#product1 i { position: absolute; top: 50%; color: #fff; z-index: 1; cursor:pointer; margin-top: -72px; width: 69px; height: 144px; border:1px solid #afafaf; text-align: center;}
#product1 i.arrow-icon-left { left: 0; background:url(../images/product-left.png) no-repeat center; background-size:18px;}
#product1 i.arrow-icon-right { right: 0; background:url(../images/product-right.png) no-repeat center; background-size:18px;}
#product1 .slick-dots{ margin-top:20px;}

.product2 { width:100%; background:url(../images/productbg.jpg) no-repeat top center;}
.product2 .product2Wrapper{ width:100%; padding:0 60px 100px; margin:0 auto; position:relative; overflow:hidden;}
.product2 .section-title{ color:#fff; font-size:36px; line-height:46px; padding:90px 90px 54px; text-align:left;}
.product2 .section-desc{ color:#fff; font-size:22px; line-height:36px; width:910px; padding:0 0 70px 90px; text-align:left;}
.product2 .product2-subtitle{ font-size:30px; line-height:40px; padding:40px 0; text-align:center;}
#product2 .product1-item{ float:left; padding:0 15px; overflow:hidden; text-align:center;}
#product2 .product1-item p{ font-size:18px; line-height:28px; display:block; padding:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.product3 { width:100%;}
.product3 .product3Wrapper{ width:100%; padding:0 60px 100px; margin:0 auto; position:relative; overflow:hidden;}
.product3 .product3-box{ padding:0;}
.product3 .section-title{ font-size:36px; line-height:46px; padding:60px 0 50px;}
.product3 .section-desc{ color:#666; font-size:16px; line-height:36px;}
.product3 .product-subtitle{ font-size:36px; line-height:46px; padding:60px 0 0;}
#product3{ padding:80px 0 0; overflow:hidden;}
#product3 .product1-item{ float:left; width:23%; margin:0 2.6% 2.6% 0; overflow:hidden;}
#product3 .product1-item:nth-of-type(4n){ margin:0 0 2.6%;}
#product3 .product1-item a{ width:100%; background:#f1f4f9; padding:12px 12px 24px; display:inline-block;}
#product3 .product1-item h3{ font-size:18px; line-height:32px; padding:20px 18px 10px; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#product3 .product1-item p{ color:#888; font-size:16px; line-height:30px; padding:0 18px; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/**productshow**/
.product4 { width:100%; height:485px; background:url(../images/productshowbg.jpg) no-repeat top center; position:relative;}
.product4 .product4Wrapper{ width:100%; height:485px; padding:0 60px; margin:0 auto; position:relative; overflow:hidden;}
.product4 .product4-note{ float:left; width:60%; padding:0 10% 0 0;}
.product4 .section-title{ padding:110px 0 50px; text-align:left;}
.product4 .section-title h1{ font-size:36px; line-height:46px;}
.product4 .section-desc{ color:#666; font-size:18px; line-height:36px; text-align:left;}
.product4 .product-subtitle{ font-size:36px; line-height:46px; padding:90px 0 0;}
.product4-link{ position:absolute; left:60px; bottom:55px;}
.product4 .product4-img{ float:left; width:40%; margin:85px 0 0; text-align:center;}

.product5 { width:100%; position:relative;}
.product5 .product5Wrapper{ width:100%; padding:90px 60px; margin:0 auto; position:relative; overflow:hidden;}
.product5 .text{ float:right; min-height: 400px; color:#333; font-size:18px; line-height:36px; border-bottom:1px solid #dedede; padding:0 0 60px; margin:0 0 60px;}
.product5 .text h3{ font-size:30px; line-height:36px; margin:0 0 30px;}
.product5 .nav-height{ float:left; position:relative;}
.product5 .nav-wrap { width: 100%;}
.product5 .nav-wrap.navFix{position: fixed;top: 0;left:60px; z-index: 99999;} 
.product5 .nav-wrap ul {padding: 0;margin: 0 auto; width: 100%; display: block;}
.product5 .nav-wrap li { display: block; text-align: left;height: 66px; line-height: 66px;}
.product5 .nav-wrap li a {display: block;padding: 0 24px; font-size:20px; color: #666; border-left: 4px solid #e0e0e0; text-decoration: none;}
.product5 .nav-wrap li a:hover{color: #4680d1;}
.product5 .nav-wrap li.active a{color: #0f62fe; border-left: 4px solid #0f62fe;}
.product5 .content3{ border-bottom:none; padding:0; margin:0;}

.application-container { width:100%; height:484px; background:#fff; overflow:hidden;} 
.application-container .top-newslist{ height:484px; position:relative;}
.application-container .top-img { float:left; width: 100%; height:446px; overflow: hidden;} 
.application-container .top-news { width:570px; height:202px; background:#2e56a0; padding:35px 42px 0; position:absolute; right:0; bottom:0; z-index:100;}
.application-container .top-newstitle { font-size: 20px; display: block; line-height: 30px; padding:0 0 15px; color: #fff; position:relative; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.application-container .top-newsdesc { color:#fff; font-size: 16px; line-height:28px; height:84px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;} 

/*news*/
.news-container { width:100%; height:660px;} 
.news-container .top-newslist{ height:660px;}
.news-container .top-img { height:660px;} 
.news-container .top-news { width: 49%; height:250px; padding:35px 10% 0 75px;}
.news-container .top-newstitle { font-size: 20px; line-height: 36px; padding:0 0 30px;}
.news-container .top-newstitle:before{ height:4px; width:50px;}
.news-container .top-newstime { font-size: 16px; line-height: 30px; margin:30px 0 0;} 
.news-container .news-prev{ left:60px;}
.news-container .news-next{ right:60px;}

.news-searchs{ width:100%; padding:0 60px; margin:0;}
.news-section2 .news2Wrapper{ width:100%; padding:60px;}
.news-list .news-item{ padding:40px 0;}
.news-list .top-img { width: 35%; height:270px;} 
.news-list .top-news { width: 65%; height:270px; padding:10px 0 0 60px;}
.news-list .alline{ width:100%; padding:0;}
.news-list .top-newsdate{ font-size:22px; line-height:28px;}
.news-list .top-newsyear{ font-size:16px; line-height:30px;}
.news-list .top-newstitle { font-size:22px; line-height: 36px; margin:10px 0 0;}
.news-list .top-newsnote { font-size: 16px; line-height: 30px; margin: 10px 0 0; height: 60px;} 

.news-section3 .news3Wrapper{ width:100%; padding:0 60px; position:relative; overflow:hidden;}
.news-section3 .tab-tit{ padding:40px 0 30px;}

/**News Detail**/
.newsDetail .newsTitle h1{ font-size:36px; line-height:46px;}
.newsDetail .newsTitle .datatime{ font-size:16px; padding:20px 0 0; line-height:30px;}
.newsDetail .newsContent{ width:100%; font-size:16px; line-height:30px; padding:30px 0 0;}
.newsDetail .newsContent table{ line-height:30px;}

.otherNews{ width:86%; max-width:none; padding:0 0 60px;}
.otherNews .otherNews-title{ padding:50px 0 40px;}
.otherNews .otherNews-title h3{ font-size:36px; line-height:46px;}
.otherNews .otherNews-list .pic{ height:220px;}
.otherNews .otherNews-list .note{ background:#f5f5f5; padding:20px; height:105px;}
.otherNews .otherNews-list .note h3{ color:#333; font-size:18px; line-height:30px;}
.otherNews .otherNews-list .time p{ font-size:16px; }
.otherNews .otherNews-list .time span{ font-size:22px; }
.bottomshare { width:100%; height:40px; text-align:center; margin:20px auto 0; position:relative;}
.otherNews .showmore{ margin:40px auto 0;}

.job1 .job1Wrapper{ height:670px; background-size:cover;}
.job1-content { width:510px;}
.job1-content .job1-title { font-size: 36px; line-height: 46px;}
.job1-content .job1-desc { font-size: 20px; line-height: 38px;}
.job2 { width:100%;}
.job2 .job2Wrapper{ width:100%;}
.job2 .section-title{ padding:60px 0; font-size:36px; line-height:46px;}
#job2{ padding:0 0 130px; margin:0 -19px;}
#job2 .job-item{ padding:0 19px;}
#job2 .job-item .pic img{ height:auto;}
#job2 .job-item p{ font-size:20px; line-height:70px; padding:0 20px;}
#job2 .slick-dots{ width:auto; position:absolute; margin:0; bottom:70px; display:inline-block;}
.join4-section { width:100%; height:auto;}
.join4-section-show{ height:auto; background:none;}
.join4-section .join4Wrapper{ width:100%; padding:0 60px 60px;}
.join4-section .join4-search input{ font-size:20px;}

.contact-section .contactWrapper{ width:100%; padding:0 60px;}
.contact-section2 .contactWrapper{ width:100%; padding:0 60px;}

footer .footerWrapper{ padding:40px;}
footer .footer-nav .serList{ padding:30px 0 0;}
footer .footer-nav .serList a{ font-size:16px; line-height:36px;}
footer .footer-nav{ width:70%; padding:0 0 0 5%;}
.footer-share{ width:30%;}
footer .footer-copyright-Wrapper{ padding:20px 0; line-height:30px; text-align:center;}
footer .footer-copyright-Wrapper .fl,footer .footer-copyright-Wrapper .fr{ float:none;}

}

@media (max-width: 1366px){ 

.section1 .section-title{ padding:60px 0;}

}

@media (max-width: 1280px){ 


.bBor:after,.tBor:before{position:absolute;content:"";height:1px;background:rgba(0,0,0,.5);left:0;right:0}
.tBor:before{top:0}
.bBor:after{bottom:0}
.lBor:before,.rBor:after{position:absolute;content:"";width:1px;background:rgba(0,0,0,.5);top:0;bottom:0}
.lBor:before{left:0}
.rBor:after{right:0}
.trblBor:after{position:absolute;content:"";top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border:1px solid rgba(0,0,0,.5);point-events:none}
@media (min--moz-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:144dpi),(min-resolution:1.5dppx),(-ms-high-contrast:active),(-ms-high-contrast:none){.bBor:after,.tBor:before{-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);-o-transform:scaleY(.5);transform:scaleY(.5)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);-o-transform:scaleX(.5);transform:scaleX(.5)}
.trblBor:after{width:200%;height:200%;-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}
.lBor:before,.tBor:before,.trblBor:after{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.bBor:after,.rBor:after{-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%}
}
@media (-webkit-device-pixel-ratio:1.5){.bBor:after,.tBor:before{-webkit-transform:scaleY(.6666);-ms-transform:scaleY(.6666);-o-transform:scaleY(.6666);transform:scaleY(.6666)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.6666);-ms-transform:scaleX(.6666);-o-transform:scaleX(.6666);transform:scaleX(.6666)}
.trblBor:after{width:150%;height:150%;-webkit-transform:scale(.6666);-ms-transform:scale(.6666);-o-transform:scale(.6666);transform:scale(.6666)}
}
@media (-webkit-device-pixel-ratio:3){.bBor:after,.tBor:before{-webkit-transform:scaleY(.3333);-ms-transform:scaleY(.3333);-o-transform:scaleY(.3333);transform:scaleY(.3333)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.3333);-ms-transform:scaleX(.3333);-o-transform:scaleX(.3333);transform:scaleX(.3333)}
.trblBor:after{width:300%;height:300%;-webkit-transform:scale(.3333);-ms-transform:scale(.3333);-o-transform:scale(.3333);transform:scale(.3333)}
}

.section7-left .top-newstitle { font-size: 18px; line-height:36px; font-weight:normal;}
.section7-right .top-news{ padding:0 10px 0 30px;}
.section7-right .top-newstitle { font-size: 18px; line-height:36px; font-weight:normal;}

footer .footer-nav{ width:100%; padding:0 60px;}
footer .serList{ overflow:hidden; display:none;}
footer .serList a{ width:100%; display:inline-block; height:42px; line-height:42px; font-size:13px; float:left; color:rgba(255,255,255,0.6); position:relative; background-repeat:no-repeat; background-position:15px center; background-size:28px; text-indent:20px; text-transform:uppercase;}
}

@media (max-width: 1025px){ 
.mod-nav li.on .child{ margin:0;}
footer .footerWrapper{ display:none;}
.section3 { width:100%; background:url(../images/section3bg-pad.jpg) no-repeat top center !important; background-size:contain !important; padding:600px 60px 60px;}
.section3 .section3Wrapper{ width:100%; height:auto;}
.section3-item { float:none; width:100%; margin:60px 0 0; position:relative;}
.section3-item .section3-content{ width:100%;}
.section3-item .section3-title { font-size: .36rem; line-height: .58rem; padding:0; font-weight:bold;}
.section3-desc { margin: .36rem 0 0;} 
.section3-address{ font-size: .29rem; line-height: .48rem; border-bottom:1px solid #d9d9d9; padding:0 0 .36rem .62rem; margin:0 0 .2rem; background:url(../images/icon-address.png) no-repeat left .1rem;}
.section3-address h3{ font-size: .32rem; line-height: .58rem;}
.section3-address:last-child{ border-bottom:none;}
.section3-more a{ width:2.6rem; height:.9rem; line-height:.88rem; font-size:.29rem; border-radius:.45rem; padding:0 .36rem 0 .36rem; margin:0 0 0 .62rem; background:url(../images/icon-arrow.png) no-repeat 80% center; display:inline-block; text-align:left;}
.section3-more a:hover{ background:#185ab2 url(../images/icon-arrow-white.png) no-repeat 80% center; }
.about1-history .about1-history-desc,.about1-history .about1-history-desc{ width:100%;}


}



@media screen and (max-width: 1025px) {
body{ min-width:320px; font:.29rem/1.8 Arial, Helvetica, sans-serif;}
.wap{ display:block;}
.right_side{ display:none !important;}

.mod-header{ height:.95rem;}
.mod-header .line{ width:.95rem; height:.95rem;}
.mod-header .logo{ width:1.85rem; margin-left:.36rem;}
.mod-header .line .point{ width:.36rem; height:.36rem; left:calc(50% - .18rem);}
.mod-header .mao{ font-size:.29rem; line-height:1.8; width:.5rem;}
.mod-nav li{ height:.78rem; line-height:.78rem;}
.mod-nav li .title{ font-size:.29rem; height:.78rem; line-height:.78rem; background-size:.2rem;}
.mod-nav li.on .child{ margin:0; padding:.2rem 0;}
.mod-nav li .child{ padding:.2rem 0;}
.mod-nav li .child .tit{ font-size:.28rem; height:.68rem; line-height:.68rem;}

.banner-section{ height:4.2rem; margin:.95rem 0 0;}
.banner-section .banner-desc{ width:80%; font-size:.29rem; line-height:.58rem;}
.banner-section .banner-desc h3{ font-size:.36rem; line-height:.58rem; font-weight:bold; color:#fff; margin:0;}
.banner-section .banner-desc2{ width:80%; margin:0; font-size:.29rem; line-height:.58rem;}
.banner-section .banner-desc2 h3{ font-size:.36rem; line-height:.58rem; font-weight:bold; color:#fff; margin:0;}
.banner-section .banner-desc3{ width:80%; margin:0; font-size:.29rem; line-height:.58rem; left:50%; transform: translate(-50%,-50%);}
.banner-section .banner-desc3 h3{ font-size:.36rem; line-height:.58rem; font-weight:bold; color:#fff; margin:0;}
.product-section{ width:100%; height:4.2rem; margin:.95rem 0 0; position:relative;}
.product-section .product-desc{ width:80%; margin:0; font-size:.29rem; line-height:.58rem;}
.product-section .product-desc h3{ font-size:.32rem; line-height:.58rem; font-weight:bold; color:#fff; margin:0 0 .2rem;}
.banner-play .play-icon{ width:.88rem; margin:0 auto; background:url(../images/icon-video.png) no-repeat center; background-size:.68rem; font-size:.29rem; color:#fff; text-align:center; padding:.78rem 0 0; cursor:pointer; opacity:.5;}
.banner-nav{ width:100%; font-size:.29rem; position:static; margin:0; padding:0 .36rem; height:.88rem; line-height:.88rem; color:#333; border-bottom:1px solid #f5f5f5;}
.banner-nav a{ color:#333;}
.pnav{ width:100%; padding:0 .36rem;}
.quicknav{ height:.88rem; line-height:.88rem;}

.slick-dots { margin-top: .3rem;}
.slick-dots li { float:none; width: .22rem; height: .22rem; border-radius:50%; margin-right: .15rem;}

.banner .m-banner{ display:block; height:100vh;}
.banner{ height:100%;}
.banner video{ height: 100vh; object-fit: cover;}
.banner .txt{ position: absolute;top: 50%;width: 100%;left: 0; margin:0; transform:translate(0,-50%)}
.banner .txt h3{ font-size:.6rem; letter-spacing:0; line-height: .68rem;margin: .2rem;}
.banner .txt h4{ letter-spacing:0; font-size:.8rem; line-height: .88rem; }

.swiper1{ height:100vh;}
.swiper1 .swiper-slide{ height:100vh;}
.sectionWrapper{ max-width:100%; padding:0 .36rem;}
.slick-dots{ margin-top:.36rem;}

.banner video{ display:none;}
.swiper1 .sss1 .note{ width:100%;}
.swiper1 .sss1 .t1{ font-size:.36rem; line-height:1.8; font-weight:bold;}
.swiper1 .sss2 .note{ width:100%; padding:0 .36rem; height:auto; position:absolute; left:50%; top: 45%; transform: translate(-50%, -50%); text-align:center;}
.swiper1 .sss2 .t1{ font-size:.32rem; line-height:1.8;}
.swiper1 .sss2 .t1 h3{ font-size:.36rem; line-height:1.8; font-weight:bold;}
.swiper1 .sss3 .note{ width:100%; height:auto; padding:0 .36rem; left:50%; top: 45%; transform: translate(-50%, -50%); margin:0; text-align:center}
.swiper1 .sss3 .t1{ font-size:.36rem; line-height:1.8; padding:0 0 .36rem; font-weight:bold;}
.swiper1 .sss3 .t2{ margin:0;}
.swiper1 a.more{ width:2.6rem; height:.89rem; line-height:.89rem; font-size:.29rem; padding:0 .36rem; background:url(../images/more.png) no-repeat; background-size:cover; text-align:left; margin:0 auto;}
.swiper1 .sss4 .t1,.swiper1 .sss5 .t1,.swiper1 .sss6 .t1{ font-size:.36rem; line-height:1.8;}

.tab-tit{ height:auto; border-top:1px solid #e4e4e4; border-bottom:none; padding:0 .36rem; overflow:hidden; display:none;}
.tab-tit .slick-track{ display:flex; overflow-x:auto;}
.tab-tit a{ float:left; width:25%; font-size:.29rem; line-height:1.5rem; border-bottom:.06rem solid #e4e4e4; position:relative; white-space:nowrap;}
.tab-tit span.icon1{ background:url(../images/icon-main1.png) no-repeat left center; background-size:.78rem; padding:0 0 0 .98rem;}
.tab-tit span.icon2{ background:url(../images/icon-main2.png) no-repeat left center; background-size:.78rem; padding:0 0 0 .98rem;}
.tab-tit span.icon3{ background:url(../images/icon-main3.png) no-repeat left center; background-size:.78rem; padding:0 0 0 .98rem;}
.tab-tit span.icon4{ background:url(../images/icon-main4.png) no-repeat left center; background-size:.78rem; padding:0 0 0 .98rem;}
.tab-tit a.slick-current{ border-bottom:.06rem solid #0101fb;color:#0101fb;}
.tab-tit a.slick-current span.icon1,.tab-tit a:hover span.icon1{ background:url(../images/icon-main1-hover.png) no-repeat left center; background-size:.78rem; padding:0 0 0 .98rem;color:#0101fb;}
.tab-tit a.slick-current span.icon2,.tab-tit a:hover span.icon2{ background:url(../images/icon-main2-hover.png) no-repeat left center; background-size:.78rem; padding:0 0 0 .98rem;color:#0101fb;}
.tab-tit a.slick-current span.icon3,.tab-tit a:hover span.icon3{ background:url(../images/icon-main3-hover.png) no-repeat left center; background-size:.78rem; padding:0 0 0 .98rem;color:#0101fb;}
.tab-tit a.slick-current span.icon4,.tab-tit a:hover span.icon4{ background:url(../images/icon-main4-hover.png) no-repeat left center; background-size:.78rem; padding:0 0 0 .98rem;color:#0101fb;}

.section1 .section1Wrapper{ height:16rem; background: url(../images/section1bg.jpg) no-repeat bottom center; background-size:100%;}
.section1 .section-title{ padding:.36rem 0; font-size:.36rem; line-height:2; font-weight:bold;}
.whlist{ width:100%; padding:0 .2rem;}
.whlist li{display:inline-block;width:49%;position:relative;margin:0 2% 2% 0; background: #f0f5f9; border-radius:.1rem;}
.whlist li:nth-of-type(2n){margin:0 0 2%;}
.whlist li:hover{box-shadow:1px 1px 10px 1px rgb(210,210,210);border-radius:.1rem}
.whlist li .lin{border-radius:.1rem}
.whlist li{position:relative}
.whlist li a{ border-radius:.1rem; padding:0 .36rem .36rem;}
.whlist i{position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;background-size:20px 20px;opacity:0;-webkit-transition:0.6s;transition:0.6s}
.whlist i.bg1{background-image:linear-gradient(45deg,#005bac 50%,transparent 0);-webkit-transform:translate(-20%,0%);transform:translate(-20%,0%)}
.whlist i.bg2{background-image:linear-gradient(45deg,transparent 50%,#005bac 0);-webkit-transform:translate(20%,0%);transform:translate(20%,0%)}
.whlist li:hover i.bg1,.whlist li:hover i.bg2{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.whlist .tupian{height:3rem;}
.whlist li:hover .tupian{background-image:url('../images/zuan11.png')}
.whlist .hex{position:absolute;left:50%;top:50%;z-index:1;width:2.06rem;height:2.06rem;-webkit-transition:2s;transition:2s;background:url('../images/hex1.png') center no-repeat;margin-left:-1.03rem;margin-top:-1.03rem}
.whlist li:hover .hex{background-image:url('../images/hex11.png');-webkit-transform:rotate(330deg);transform:rotate(330deg)}
.whlist .pic{position:absolute;left:50%;top:50%;z-index:2;width:1.46rem;height:1.46rem;margin-left:-.73rem;margin-top:-.73rem}
.whlist .pic .fig{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%}
.whlist .i1 .p1 .fig{background:url('../images/wh1.png') center no-repeat; background-size:.85rem;}
.whlist .i1 .p2 .fig{background:url('../images/wh11.png') center no-repeat; background-size:.85rem;}
.whlist .i2 .p1 .fig{background:url('../images/wh2.png') center no-repeat; background-size:.85rem;}
.whlist .i2 .p2 .fig{background:url('../images/wh22.png') center no-repeat; background-size:.85rem;}
.whlist .i3 .p1 .fig{background:url('../images/wh3.png') center no-repeat; background-size:.85rem;}
.whlist .i3 .p2 .fig{background:url('../images/wh33.png') center no-repeat; background-size:.85rem;}
.whlist .i4 .p1 .fig{background:url('../images/wh4.png') center no-repeat; background-size:.85rem;}
.whlist .i4 .p2 .fig{background:url('../images/wh44.png') center no-repeat; background-size:.85rem;}

.rollover{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;overflow:visible !important;-webkit-transition:1s;transition:1s}
.rollover .p1,.rollover .p2{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.rollover .p2{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
li:hover .rollover{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.whlist li .wz{position:relative;z-index:3}
.whlist li h3{font-size:.29rem; margin:.2rem 0;}
.whlist li h3 span{ font-size:.36rem;}
.whlist li .hx{font-size:.29rem; margin:.2rem 0;}
.whlist li .txt{font-size:.29rem; line-height:.48rem; padding:0 .36rem;}


.section2 .section2Wrapper{ height:14rem; padding:.36rem .16rem;}
.section2 .section2-box{ width:100%; padding:1.6rem 0;}
.section2 .section-title{ font-size:.36rem; padding:0 0 .36rem; line-height:1.8; font-weight:bold;}
.section2 .section-desc{ font-size:.29rem; line-height:1.8;}
.section2 .section2-product{ width:100%; margin:0 auto; padding:0;}
.section2 .section-item{ float:left; padding:0 .2rem;}
.section2 .section-item img{ margin:0 auto;}
.section2 .section-item p{ font-size:.29rem;}
.section2 .section-item a{ color:#343434;}
.section2 .section-item a:hover{ color:#3766bf;}
.section2-product .btnproduct{ display:none !important;}
.section2-product .slick-dots{ display:block !important;}

.section3 { width:100%; background:url(../images/section3bg-wap.jpg) no-repeat top center !important; background-size:contain !important; padding:9rem .36rem .48rem;}
.section3 .section3Wrapper{ width:100%; height:auto;}
.section3-item { float:none; width:100%; margin:.36rem 0 0; position:relative;}
.section3-item .section3-content{ width:100%;}
.section3-item .section3-title { font-size: .36rem; line-height: .58rem; font-weight:bold;}
.section3-desc { margin: .36rem 0 0;} 
.section3-address{ font-size: .29rem; line-height: .48rem; border-bottom:1px solid #d9d9d9; padding:0 0 .36rem .62rem; margin:0 0 .2rem; background:url(../images/icon-address.png) no-repeat left .1rem;}
.section3-address h3{ font-size: .32rem; line-height: .58rem;}
.section3-address:last-child{ border-bottom:none;}
.section3-more a{ width:2.6rem; height:.9rem; line-height:.88rem; font-size:.29rem; border-radius:.45rem; padding:0 .36rem 0 .36rem; margin:0 0 0 .62rem; background:url(../images/icon-arrow.png) no-repeat 80% center; display:inline-block; text-align:left;}
.section3-more a:hover{ background:#185ab2 url(../images/icon-arrow-white.png) no-repeat 80% center; }

.section4 .section4Wrapper{ width:100%; height:5rem; background:url(../images/section4bg.jpg) no-repeat top center; margin:0 auto; padding:0; position:relative;}
.section4 video{display: block;width: 100%; height: 100%;position: relative;z-index: 1;object-fit:cover;object-position:center}
.section4-content { width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.section4-content .section4-title { font-size: .36rem; line-height: .58rem; font-weight:bold;}
.section4-content .section4-desc { font-size: .29rem; line-height: .48rem; padding:.36rem;}
.section4-more a{ width:2.6rem; height:.9rem; line-height:.88rem; font-size:.29rem; border-radius:.45rem; padding:0 .36rem 0 .36rem; margin:0 auto; background:url(../images/icon-arrow-white.png) no-repeat 80% center; display:inline-block; text-align:left;}
.section4-more a:hover{ background:#185ab2 url(../images/icon-arrow-white.png) no-repeat 80% center; }

.section5 .section2Wrapper{ padding:.48rem .1rem;}
.section5 .section5-box{ padding:0 .2rem;}
.section5 .section-title{ font-size:.36rem; line-height:.58rem; padding:0 0 .1rem; font-weight:bold; text-align:center;}
.section5 .section-desc{ font-size:.29rem; line-height:.48rem; text-align:center;}
.section5-product{ width:100%; margin:0; padding:.36rem 0 0;}
.section5 .section-item{ float:left; margin:0 .1rem; padding:.2rem .2rem 0; background:#fff; border-radius:.1rem;}
.section5 .section-item img{ margin:0 auto;}
.section5 .section-item p{ font-size:.29rem; padding:.36rem .78rem .36rem 0; background:url(../images/pic4.jpg) no-repeat right center; background-size:.48rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.section5 .section-item a{ color:#343434;}
.section5 .section-item a:hover{ color:#3766bf;}
.section5-product .btnproduct5{ width:.78rem; height:.78rem; line-height:.78rem; font-size:.29rem; display:none !important;}
.section5-product .slick-dots{ display:block !important;}

.section6 { width:100%;}
.section6 .section6Wrapper{ width:100%; height:5rem; background:url(../images/pic5.jpg) no-repeat top center; background-size:cover; margin:0 auto; padding:0; position:relative;}
.section6 video{display: block;width: 100%; height: 100%;position: relative;z-index: 1;object-fit:cover;object-position:center}
.section6-content { width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; z-index:2;}
.section6-content .section6-title { font-size: .36rem; line-height: .58rem; font-weight:bold;}
.section6-content .section6-desc { font-size: .29rem; line-height: .48rem; padding:.36rem;}
.section6-more a{ width:2.6rem; height:.9rem; line-height:.88rem; font-size:.29rem; border-radius:.45rem; padding:0 .36rem 0 .98rem; margin:0 auto; background:url(../images/icon-video.png) no-repeat .36rem center; background-size:.36rem; display:inline-block; text-align:left;}
.section6-more a:hover{ color:#fff; border:1px solid #185ab2; background:#185ab2 url(../images/icon-video.png) no-repeat .36rem center; background-size:.36rem;}

.section7 { width:100%; padding:0 .2rem .2rem; position:relative;}
.section7 .section7Wrapper{ padding:0; position:relative;}
.section7 .section-title{ font-size:.36rem; font-weight:bold; line-height: 1.8; text-align:center; padding:.36rem 0;}
.section7 .section-title .more{ font-size:.29rem; font-weight:normal;}

.section7-left{ float:none; width:100%;}
.section7-left .top-img { height:4rem;} 
.section7-left .top-news { padding:.36rem;}
.section7-left .top-newstitle { font-size: .32rem; line-height: .58rem; margin:0 0 .1rem; height:auto; font-weight:bold;}
.section7-left .top-newsdesc { font-size: .29rem; line-height: .48rem; height:auto;} 

.section7-right{ float:none; width:100%; margin:.36rem 0 0;}
.section7-right .news-item{ margin:0 0 .3rem;}
.section7-right .top-img { float:left; width:40%; height:2rem; overflow: hidden;} 
.section7-right .top-news { float:left; width:60%; padding:0 .1rem 0 .3rem; position:relative;}
.section7-right .top-newstitle { font-size: .29rem; line-height: .48rem; font-weight:normal; margin:0 0 .1rem; height: 1.45rem; -webkit-line-clamp: 3;}
.section7-right .top-newsdate { font-size: .29rem; line-height: .48rem;} 
.section7 a:hover .top-newstitle{ color: #3766bf;}

.news-change { width:100%; height:auto; position:relative;} 
.news-change .news-item{ float:none; width:100%; margin:0;}
.news-change .top-img { height:5rem; overflow: hidden;} 
.news-change .top-news { padding:.36rem; position:relative;}
.news-change .top-newstitle { font-size: .3rem; line-height: .58rem; height: auto; margin:0 0 .2rem;}
.news-change .top-newsdate { font-size: .29rem; line-height: .58rem; margin: .3rem 0 0;} 
.news-change a{ width:100%; height:100%; display:block;}
.hvr-underline-from-center:before,.hvr-underline-from-center:after{ background:none;}

/**liye**/
.about1 .about1Wrapper{ padding:0 .36rem .36rem;}
.about1 .about1-box{ padding:0 0 .36rem;}
.section-title{ font-size:.36rem; line-height:.58rem; padding:.36rem 0; font-weight:bold;}
.about1 .about1-desc{ font-size:.29rem; line-height:.58rem;}
.about1 .intro{ width:100%; padding:0; overflow:hidden;}
.about1 .intro ul li{ float:none; width:100%; border-right:none; border-top: 1px solid #e5e5e5; padding:.3rem .36rem .48rem;}
.about1 .intro ul li p{ font-size:.78rem; line-height:.98rem;}
.about1 .intro ul li span{ font-size:.29rem; line-height:1.8; margin:.36rem 0 0; padding:.36rem 0 0;}
.about1 .intro ul li sup{ position:relative; top:.28rem; font-size:.48rem;}

.about1-video{ width:100%; height:4rem; margin:0 auto;overflow:hidden;}
.about1-video .about1-video-content{ width:100%; height:4rem; position:relative;}
.about1-video .about1-video-content .play-icon{ width:2.2rem; background-size:.78rem; font-size:.29rem; padding:.9rem 0 0;}
.fbox-video{width:100%;height:4.2rem;margin-left:-50%;margin-top:-2.1rem;}

.about1-history .historyWrapper{ padding:.36rem;}
.about1-history .about1-history-title { font-size:.36rem; line-height:.58rem; margin:0 0 .2rem; font-weight:bold;}
.about1-history .about1-history-desc{ font-size:.29rem; line-height:.58rem; width:100%; margin:0 0 .36rem;}
.about1-history .history-box{ margin:0 0 .5rem;}
.about1-history .history-year{ float:none; width:100%%; font-size:.68rem; line-height:.78rem;}
.about1-history .history-year span{ font-size:.29rem; line-height:.58rem;}
.about1-history .history-intro{ float:none; width:100%; padding:.2rem 0 0; overflow:hidden;}
.about1-history .btn{ float:left; width:2.35rem; height:.88rem; line-height:.88rem; display:block; border-radius:.44rem; margin:.4rem 0 0;}

.about1-history .history-tit{ height:1.18rem; background:#f4f6f7; border-radius:.7rem; padding:0 1rem;}
.about1-history .history-tit a{ font-size:.36rem; line-height:.58rem; padding:.3rem 0 .1rem; background-size:.1rem;}
.about1-history .history-tit a.slick-current{ background-size:.1rem;}
.about1-history .history-prev,.about1-history .history-next{ font-size:.29rem; width:.88rem; height:.88rem; line-height:.88rem; border-radius:50%;}
.about1-history .history-prev{ background-size:.4rem; top:.15rem; left:.3rem;}
.about1-history .history-next{ background-size:.4rem; top:.15rem; right:.3rem;}

.honor1 .sectionWrapper{ padding:0 .36rem;}
.honor1 .honor1-box{ padding:0 0 .36rem;}
.honor1 .honor1-title { font-size:.36rem; line-height:.58rem; margin:0 0 .2rem; font-weight:bold;}
.honor1 .honor1-leftcon{ float:none; width:100%; font-size:.3rem; line-height:.58rem;}
.honor1 .honor1-rightcon{ float:none; width:100%; max-width:none; font-size:.29rem; line-height:.58rem;}
#honor-1{ padding:.36rem 0; overflow:hidden;}
#honor-1 .honor-about{ float:left; margin:0 .02rem; overflow:hidden; text-align:center; border:1px solid #e6e6e6;}
#honor-1 .honor-about .pic img{ height:4rem; max-height:4rem;}
#honor-1 .honor-about a{ padding:.36rem;}
#honor-1 .honor-about p{ font-size:.29rem; line-height:.58rem; padding:.36rem 0 0;}
#honor-1 .honor-about span{ font-size:.29rem; line-height:.58rem;}
#honor-1 i { margin-top: -.44rem; width: .48rem; height: .88rem; display:none !important;}
#honor-1 i.arrow-icon-left { left: 0; background-size:.4rem;}
#honor-1 i.arrow-icon-right { right: 0; background-size:.4rem;}
#honor-1 .slick-dots{ margin-top:.3rem;}

#honor-2{ padding:.36rem; margin:.36rem 0;}
#honor-2 .honor-about{ float:left; padding:.36rem; overflow:hidden;}
#honor-2 .honor-about .pic img{ width:100%; height:100%; max-height:8rem; margin:0 auto;}
#honor-2 .honor-about a{ height:100%; box-shadow:0px 0px 15px rgba(0,0,0,.3); display:block;}
#honor-2 .honor-about p{ font-size:.29rem; line-height:.58rem; padding:.36rem 0 0;}
#honor-2 .honor-about span{ font-size:.29rem; line-height:.58rem;}
#honor-2 i { display:none !important;}
#honor-2 .slick-dots{ width:auto; position:static; margin:0 auto;}

#honor-3{ padding:.36rem 0; margin:.36rem 0;}
#honor-3 .honor-about{ float:left; padding:0 .02rem; overflow:hidden;}
#honor-3 .honor-about .pic{ font-size:0;}
#honor-3 .honor-about .pic img{ width:100%; height:100%; max-height:9.45rem; margin:0 auto;}
#honor-3 .honor-about a{ height:100%; display:block;border:1px solid #bebebe;}
#honor-3 .honor-about p{ font-size:.29rem; line-height:.58rem; padding:.36rem 0 0;}
#honor-3 .honor-about span{ font-size:.29rem; line-height:.58rem;}
#honor-3 i { display:none !important;}
#honor-3 .slick-dots{ width:auto; position:static; margin:.36rem auto 0;}

.social .socialWrapper{ width:100%; padding:0 .36rem .36rem;}
.social .social-box{ padding:0 0 .36rem;}
.social .social-desc{ font-size:.29rem; line-height:.58rem; padding:0;}
.social-item { padding:0 0 .36rem; margin:0 0 .36rem;}
.social-item .social-img { height:4.5rem; border-radius:.1rem;} 
.social-item .social-title { width:100%; height: .88rem; padding:0 .36rem; font-size: .32rem; line-height: .88rem; font-weight:bold; border-radius:0; border-bottom-left-radius:.1rem; border-bottom-right-radius:.1rem;}
.social-item .social-title p{ height:.88rem; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.social-item .social-note { font-size: .29rem; line-height: .58rem; margin:.2rem 0; height: auto; overflow:hidden;} 
.social-item .social-more{ font-size: .29rem; line-height:.68rem; padding:0 .88rem 0 .36rem; border-radius:.05rem; color:#7d7d7d; background-size:.3rem; overflow:hidden;}

.cultureWrapper{ width:100%; padding:0 .36rem .36rem;}
.culist{ width:100%; padding:0;}
.culist li{display:inline-block;width:49%;position:relative;margin:0 2% 2% 0; background: #f0f5f9; box-shadow:none; border-radius:.1rem;}
.culist li:nth-of-type(3n){margin:0 2% 2% 0;}
.culist li:nth-of-type(2n){margin:0 0 2%;}
.culist li:hover{box-shadow:1px 1px 10px 1px rgb(210,210,210);border-radius:.1rem}
.culist li .lin{border-radius:.1rem}
.culist li{position:relative}
.culist li a{ border-radius:.1rem; padding:0 .36rem .36rem;}
.culist i{position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;background-size:.36rem .36rem;opacity:0;-webkit-transition:0.6s;transition:0.6s}
.culist i.bg1{background-image:linear-gradient(45deg,#005bac 50%,transparent 0);-webkit-transform:translate(-20%,0%);transform:translate(-20%,0%)}
.culist i.bg2{background-image:linear-gradient(45deg,transparent 50%,#005bac 0);-webkit-transform:translate(20%,0%);transform:translate(20%,0%)}
.culist li:hover i.bg1,.culist li:hover i.bg2{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.culist .tupian{height:2rem;}
.culist .pic{position:absolute;left:50%;top:50%;z-index:2;width:1.46rem;height:1.46rem;margin-left:-.73rem;margin-top:-.73rem}
.culist .pic .fig{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%}
.culist .i1 .p1 .fig{background:url(../images/culture1.png) center no-repeat; background-size:1rem;}
.culist .i1 .p2 .fig{background:url(../images/culture1-on.png) center no-repeat; background-size:1rem;}
.culist .i2 .p1 .fig{background:url(../images/culture2.png) center no-repeat; background-size:1rem;}
.culist .i2 .p2 .fig{background:url(../images/culture2-on.png) center no-repeat; background-size:1rem;}
.culist .i3 .p1 .fig{background:url(../images/culture3.png) center no-repeat; background-size:1rem;}
.culist .i3 .p2 .fig{background:url(../images/culture3-on.png) center no-repeat; background-size:1rem;}
.culist .i4 .p1 .fig{background:url(../images/culture4.png) center no-repeat; background-size:1rem;}
.culist .i4 .p2 .fig{background:url(../images/culture4-on.png) center no-repeat; background-size:1rem;}
.culist .i5 .p1 .fig{background:url(../images/culture5.png) center no-repeat; background-size:1rem;}
.culist .i5 .p2 .fig{background:url(../images/culture5-on.png) center no-repeat; background-size:1rem;}
.culist .i6 .p1 .fig{background:url(../images/culture6.png) center no-repeat; background-size:1rem;}
.culist .i6 .p2 .fig{background:url(../images/culture6-on.png) center no-repeat; background-size:1rem;}
.culist .i7 .p1 .fig{background:url(../images/culture7.png) center no-repeat; background-size:1rem;}
.culist .i7 .p2 .fig{background:url(../images/culture7-on.png) center no-repeat; background-size:1rem;}
.culist .i8 .p1 .fig{background:url(../images/culture8.png) center no-repeat; background-size:1rem;}
.culist .i8 .p2 .fig{background:url(../images/culture8-on.png) center no-repeat; background-size:1rem;}
.culist .i9 .p1 .fig{background:url(../images/culture9.png) center no-repeat; background-size:1rem;}
.culist .i9 .p2 .fig{background:url(../images/culture9-on.png) center no-repeat; background-size:1rem;}
.cullover{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;overflow:visible !important;-webkit-transition:1s;transition:1s}
.cullover .p1,.cullover .p2{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cullover .p2{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.culist li h3{font-size:.29rem; font-weight:bold;}
.culist li .hx{font-size:.29rem; margin:.2rem 0;}
.culist li .txt{font-size:.29rem;line-height:.58rem; padding:0;}
.culture { width:100%; background:url(../images/pic12.jpg) no-repeat top center; background-size:cover;}
.culture .culture1Wrapper{ width:100%; height:4rem; margin:0 auto; position:relative; overflow:hidden;}
.culture .culture-desc{ color:#fff; font-size:.36rem; font-weight:bold; text-shadow: 10px 5px 20px rgb(0,0,0,.75); position:absolute; left:.36rem; top:50%; transform:translateY(-50%);}

/**************************start*********************************/
.service { width:100%; background:#fafafa;}
.service .serviceWrapper{ width:1380px; margin:0 auto; position:relative; overflow:hidden;}
.service-list{ width:100%; padding:0 0 90px; overflow:hidden;}
.service-item{ float:left; width:50%; overflow:hidden;}
.service-item .service-img{ float:left; width:50%; height:6rem;}
.service-item .service-box{ float:left; width:50%; height:310px; padding:40px 30px 0;}
.service-item .service-title{ color:#000; font-size:36px; line-height:82px; height:82px; padding:0 20px; position:relative;}
.service-item .service-title span{ color:#e0e0e0; font-size:72px; line-height:82px; font-weight:bold; position:absolute; left:0; top:0; z-index:-1;}
.service-item .service-desc{ color:#666; font-size:18px; line-height:30px;}
.service-item:nth-of-type(3) .service-img,.service-item:nth-of-type(4) .service-img{ float:right;}

.service2 { width:100%;}
.service2 .service2Wrapper{ width:100%; height:680px; background:url(../images/servicebg.jpg) no-repeat top center; background-size:cover; margin:0 auto; padding:0; position:relative;}
.service2-content { width:730px; position:absolute; top:56%; left:50%; transform:translate(-50%,-50%); text-align:center; z-index:2;}
.service2-content .service2-title { color:#fff; font-size: 48px; line-height: 60px;}
.service2-content .service2-desc { color:#fff; font-size: 22px; line-height: 38px; padding:40px 0;}
.service2-more a{ width:186px; height:56px; line-height:54px; font-size:16px; color:#fff; border:1px solid #fff; border-radius:32px; padding:0 74px 0 40px; background:url(../images/icon-arrow-white.png) no-repeat 80% center; background-size:22px; display:inline-block; text-align:left;}
.service2-more a:hover{ color:#fff; border:1px solid #185ab2; background:#185ab2 url(../images/icon-arrow-white.png) no-repeat 80% center; background-size:22px;}
.service3 { background:none !important; background-size:cover; padding:0;}
.service3 .section3Wrapper{ height:auto;}
.service3 .section3-item{ padding:0 .36rem;}

.product1 { width:100%;}
.product1 .product1Wrapper{ width:100%; padding:0 0 .36rem;}
.product1 .product1-box{ padding:0 .36rem;}
.product1 .section-title{ font-size:.36rem; line-height:.58rem; padding:.36rem 0;}
.product1 .section-desc{ color:#666; font-size:.29rem; line-height:.58rem; text-align:left;}
.product1 .product-subtitle{ font-size:.29rem; line-height:.58rem; padding:.36rem 0 0; font-weight:bold;}
#product1{ padding:.36rem .26rem 0;}
#product1 .product1-item{ float:left; padding:0 .1rem; overflow:hidden; text-align:center;}
#product1 .product1-item .pic{ padding:0 .68rem;}
#product1 .product1-item .pic img{ max-width:100%; margin:0 auto;}
#product1 .product1-item a{ width:100%; background:#f1f4f9; display:inline-block;}
#product1 .product1-item p{ font-size:.29rem; line-height:.58rem; display:block; padding:.2rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#product1 .product1-item span{ font-size:.29rem; line-height:.58rem; display:block;}
#product1 i { display:none !important;}
#product1 .slick-dots{ margin-top:.2rem;}

.product2 .product2Wrapper{ width:100%; padding:0 0 .36rem;}
.product2 .section-title{ font-size:.36rem; line-height:.58rem; padding:.78rem .36rem .36rem; text-align:center;}
.product2 .section-desc{ font-size:.29rem; line-height:.58rem; width:100%; padding:0 .36rem .36rem; text-align:left;}
.product2 .product2-box{ width:92%; margin:0 auto; padding:0; background:#f4f4f4;}
.product2 .product2-subtitle{ font-size:.29rem; line-height:.58rem; padding:.36rem 0; font-weight:bold;}
#product2{ padding:0 .36rem .36rem; overflow:hidden;}
#product2 .product1-item{ padding:0;}
#product2 .product1-item .pic img{ max-width:100%; margin:0 auto;}
#product2 .product1-item a{ width:100%; background:#fff; display:inline-block;}
#product2 .product1-item p{ font-size:.29rem; line-height:.58rem; display:block; padding:.2rem;}
#product2 .product1-item span{ font-size:.29rem; line-height:.58rem; display:block;}
#product2 i { display:none !important;}
#product2 .slick-dots{ margin-top:.2rem;}

.product3 { width:100%;}
.product3 .product3Wrapper{ width:100%; padding:0 0 .36rem;}
.product3 .product3-box{ padding:0 .36rem;}
.product3 .section-title{ font-size:.36rem; line-height:.58rem; padding:.36rem 0;}
.product3 .section-desc{ color:#666; font-size:.29rem; line-height:.58rem; text-align:left;}
.product3 .product-subtitle{ font-size:.29rem; line-height:.58rem; padding:.36rem 0 0; font-weight:bold;}
#product3{ padding:.36rem .36rem 0; overflow:hidden;}
#product3 .product1-item{ float:none; width:100%; margin:0 0 .36rem; overflow:hidden;}
#product3 .product1-item:nth-of-type(4n){ margin:0 0 .36rem;}
#product3 .product1-item .pic{ background:#fff;}
#product3 .product1-item .pic img{ max-width:100%; margin:0 auto;}
#product3 .product1-item a{ width:100%; background:#f1f4f9; padding:.2rem .2rem .36rem; display:inline-block;}
#product3 .product1-item h3{ font-size:.29rem; line-height:.58rem; padding:.3rem .36rem .1rem; font-weight:bold; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#product3 .product1-item p{ color:#888; font-size:.29rem; line-height:.58rem; padding:0 .36rem; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#product3 .product1-item a:hover{ background:#185ab2;}
#product3 .product1-item a:hover h3,#product3 .product1-item a:hover p{ color:#fff;}
/**productshow**/
.product4 { width:100%; height:auto; background:url(../images/productshowbg.jpg) no-repeat top center; background-size:cover; position:relative; margin:.95rem 0 0;}
.product4 .product4Wrapper{ width:100%; height:auto; padding:0 .36rem .36rem;}
.product4 .product4-note{ float:none; width:100%; padding:0;}
.product4 .section-title{ padding:1rem 0 .2rem; text-align:left;}
.product4 .section-title h1{ font-size:.36rem; line-height:.58rem; font-weight:bold;}
.product4 .section-desc{ color:#666; font-size:.29rem; line-height:.58rem; margin: 0 0 .2rem; text-align:left; -webkit-line-clamp: 3;}
.product4 .product-subtitle{ font-size:.29rem; line-height:.58rem; padding:.36rem 0 0; font-weight:bold;}
.product4-link{ width:100%; position:static; padding:.3rem 0; overflow:hidden;}
.product4-link a{ float:left; width:auto; height:.78rem; line-height:.76rem; font-size:.29rem; color:#0f62fe; background:none; display:inline-block; padding:0 .36rem; margin:0 .2rem 0 0;}
.product4-link a:hover,.product4-link a.active{ color:#fff; background:#0f62fe;}
.product4 .product4-img{ float:none; width:100%; margin:0 0 0;}

.product5 { width:100%; position:relative;}
.product5 .product5Wrapper{ width:100%; height:auto; padding:.36rem;}
.product5 .text{ float:none; min-height:inherit; width:100%; color:#333; font-size:.29rem; line-height:.58rem; border-bottom:1px solid #dedede; padding:0 0 .36rem; margin:.36rem 0;}
.product5 .text h3{ font-size:.29rem; line-height:.58rem; margin:0 0 .2rem; font-weight:bold;}
.product5 .nav-height{ float:none; width:100%; position:relative;}
.product5 .nav-wrap { width: 100%; background:#fff;}
.product5 .nav-wrap.navFix{ position:fixed; top:.95rem;left:0; width:100%; z-index: 10;} 
.product5 .nav-wrap ul {padding: 0;margin: 0 auto; width: 100%; display: flex; overflow-x: auto;}
.product5 .nav-wrap li { float:left; width:auto; text-align: left;height: .83rem; line-height: .78rem; white-space: nowrap;}
.product5 .nav-wrap li a { padding:0 .6rem;font-size:.29rem; border:none; border-bottom: .05rem solid #e0e0e0; text-align:center; font-weight:bold;}
.product5 .nav-wrap li a:hover{color: #4680d1;}
.product5 .nav-wrap li.active a{color: #0f62fe; border:none; border-bottom: .05rem solid #0f62fe;}
.product5 .content3{ border-bottom:none; padding:0; margin:0;}
.product5 .proshow { margin:.2rem 0;}
  .product5 table{ font-size: .29rem; line-height: .58rem;}

.application-container { width:100%; height:auto; background:#fff; overflow:hidden;} 
.application-container .top-newslist{ height:auto; position:relative; overflow:hidden;}
.application-container .top-img { float:none; width: 100%; height:4rem; overflow: hidden;} 
.application-container .top-news { width:100%; height:auto; background:#2e56a0; padding:.36rem; position:static;}
.application-container .top-newstitle { font-size: .29rem; line-height: .58rem; padding:0 0 .2rem; font-weight:bold; position:relative; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.application-container .top-newsdesc { color:#fff; font-size: .29rem; line-height:.58rem; height:auto; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;} 
.application-container a{ width:100%; height:100%; display:block;}
.application-container .news-prev,.application-container .news-next{ display:none !important;}
.application-container .slick-dots { display:block !important; margin-top: .3rem;}
.application-container .slick-dots li { float:none; width: .22rem; height: .22rem; border-radius:50%; margin-right: .15rem;}


/*news*/
.news-section1 { padding:.36rem .36rem 0;}
.news-searchs{ width:100%; height:auto; line-height:.58rem; margin:0 0 .4rem; padding:0;}
.newsclass{ overflow:hidden;}
.newsclass .classname{ float:left; width:23.5%; margin:0 2% 0 0;}
.newsclass .classname:nth-of-type(4n){ margin:0 0 2% 0;}
.newsclass .classname a{ color:#aeaeae; font-size:.29rem; height:auto; line-height:.58rem; padding:0 .36rem; border:1px solid #fff; border-radius:.1rem; text-align:center; border:1px solid #f5f5f5;}
.newsclass .classname a:hover,.newsclass .classname a.on{ color:#0049a2; border:1px solid #0049a2;}

.news-section1 .news1Wrapper .section-desc>p{ padding:0 0 .36rem !important;}  
.news-searchs-box{ width:331px; height:58px; line-height:56px; border:1px solid #afafaf; border-radius:30px; position:absolute; right:0; top:0;}
.news-searchs-box-all{ width:80%; height:.9rem; line-height:.88rem; border:1px solid #afafaf; border-radius:30px; margin:0 auto .78rem;}
.seartxt{ float:left; width:80%; height:.88rem; line-height:.88rem; padding:0 0 0 .48rem; border:none; background:transparent; border-top-left-radius:.44rem; border-bottom-left-radius:.44rem;}
.searbtn{ float:left; width:20%; height:.88rem; line-height:.88rem; border:none; background:url(../images/serch.1.png) no-repeat center center; border-top-right-radius:.44rem; border-bottom-right-radius:.44rem; cursor:pointer;}
.news-searchs-box-all .seartxt{ width:82%;}
.news-searchs-box-all .searbtn{ width:18%;}
.search-no-result-box{ font-size:20px; width:40%; padding:60px; border-radius:10px; margin:0 auto 60px;}

.searchtitle{ padding:0 0 40px ; font-size:16px; text-align:center;}
.sitemap li{ border-bottom:1px dashed #ccc; line-height:35px;}
.sitemap li a{ font-size:16px; color:#333;}
.nrnav li{ border-bottom:none;}
.nrnav li a{ font-size:14px; border-bottom:1px dashed #ccc; line-height:35px; display:block;}


.topnewsbg{ display:none;}
.news-section1 .news1Wrapper{  padding:0;}
.news-section1 .news-container .top-img { float:none; width: 100%; height:4.5rem;} 
.news-section1 .news-container .top-news { float:none; width: 100%; height:auto; padding:.36rem;}
.news-section1 .news-container .top-newstitle { font-size: .36rem; line-height: .58rem; height: auto; margin:.36rem 0 0;}
.news-section1 .news-container .top-newsdate{ font-size:.4rem; line-height:.58rem;}
.news-section1 .news-container .top-newsnote { font-size: .29rem; line-height: .58rem; margin: .36rem 0; height: auto; max-height: 1.8rem; color:#969696; overflow:hidden;} 
.news-section1 .top-newsmore,.otherNews .top-newsmore{ line-height:.58rem; padding:.12rem .2rem .12rem .36rem; display:inline-block; border:1px solid #676767; border-radius:.58rem; color:#676767; overflow:hidden;}
.news-section1 .top-newsmore span,.otherNews .top-newsmore span{ margin:0 .2rem 0 0;}
.news-section1 .top-newsmore .icon--_danjiantou,.otherNews .top-newsmore .icon--_danjiantou{ font-size:.48rem; line-height:.58rem;}
.news-section1 .news-container .slick-dots { width: 100%; height:.58rem; margin:0; padding:0 .36rem; text-align:center; position:absolute; top:3.8rem; left:0;}
/**newsyear**/
.news-container { width:100%; height:auto; padding:.95rem 0 0; background:#fff; overflow:hidden;} 
.news-container .top-newslist{ height:5rem; position:relative;}
.news-container .top-img { float:left; width: 100%; height:5rem; overflow: hidden;} 
.news-container .top-news { width: 100%; height:.88rem; line-height:.88rem; background:none; background:rgba(0,73,163,.8); padding:0; position:absolute; right:auto; left:0; bottom:0; }
.news-container .top-newstitle { font-size: .29rem; display: block; line-height: .88rem; padding:0 .3rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-container .top-newstitle:before{ background:none;}
.news-container .top-newstime { display:none;} 
.top-newsmore{ display:none;}
.news-container a{ width:100%; height:100%; display:block;}
.news-container .news-prev,.news-container .news-next{ font-size:.29rem; width:.88rem; height:.88rem; line-height:.88rem; text-align:center;}
.news-container .news-prev{ background-size:.58rem; top:50%; left:0;}
.news-container .news-next{ background-size:.58rem; top:50%; right:0;}
/**newslist**/
.news-section2 { width:100%;}
.news-section2 .news2Wrapper{ width:100%; padding:0 .36rem .36rem;}
.news-list .news-item{ overflow:hidden; border-bottom:none; padding:0; margin:0 0 .2rem;}
.news-list .top-img { float:none; width:100%; height:4.5rem; border-radius:.1rem; overflow: hidden; position: relative; } 
.news-list .top-news { float:none; width:100%; height:auto; margin:0; padding:.36rem 0; position:relative;}
.news-list .top-newstime{ font-size: .29rem; line-height:.58rem;}
.news-list .top-newstitle { font-size:.29rem; line-height: .58rem; font-weight:bold; margin:0; white-space: normal;}
.news-list .top-newsnote { font-size: .29rem; line-height: .58rem; height:1.7rem; margin: .2rem 0; overflow:hidden;} 
.news-list .top-news .news-more{ color:#aeaeae; font-size:.29rem; line-height:.78rem; padding:0 1rem 0 .36rem; border-radius:5px; background:#f4f4f4 url(../images/icon-right2.png) no-repeat 80% center; background-size:.3rem; display:inline-block; position:static;}
.news-list .alline{ float:none; width:100%; margin:0; height:auto; padding:0 0 .3rem;}
.news-list .alline .news-more{ left:0;}
.news-list .news-item a:hover .news-more{ color:#fff; background:#0049a2 url(../images/icon-right.png) no-repeat 80% center; background-size:.3rem;}


.news-section2s .news2sWrapper{ width:100%; margin:0 auto; padding:0 .36rem .36rem;}
.news-lists .news-item{ padding:.36rem 0;}
.news-lists .top-img { height:4.5rem; border-radius:.1rem;} 
.news-lists .top-news { padding:0;}
.news-lists .top-newstime{ font-size:.29rem; line-height:.58rem;}
.news-lists .top-newstitle { font-size:.29rem; line-height: .58rem;}
.news-lists .top-newsnote { font-size: .29rem; line-height: .58rem; margin: .36rem 0;} 
.news-lists .top-img i{ width:.88rem; height:.88rem;}
.news-lists .news-item a:hover i{ opacity:.9;}

.news-section3 { width:100%; padding:0; margin:.36rem 0 0;}
.news-section3 .news3Wrapper{ padding:0 .36rem;}
.news-section3 .tab-tit{ padding:60px 0 30px;}
.bread_nav{ width:100%; height: 62px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; text-align:center}
.bread_nav ul { display:inline-block}
.bread_nav ul li { float: left; height: 60px; line-height: 58px; padding: 0 100px 0 0;}
.bread_nav ul li a { display: block; font-size: 18px; padding:0 3px;}
.bread_nav ul li a.on{ color:#0254a6; border-bottom:3px solid #0254a6;}






.bread_nav{ width:100%; height: .92rem; border-bottom: 1px solid #e6e6e6; text-align:center}
.bread_nav ul { display:inline-block}
.bread_nav ul li { float: left; height: .9rem; line-height: .9rem; padding: 0 .36rem 0 0;}
.bread_nav ul li a { display: block; font-size: .29rem; padding:0 3px;}
.bread_nav ul li a.on{ color:#0254a6; border-bottom:2px solid #0254a6;}

/**News Detail**/
.newsDetail{ padding:.78rem 0 0;}
.newsDetail .newsTitle h1{ font-size:.36rem; line-height:.58rem; font-weight:bold;}
.newsDetail .newsTitle .datatime{ font-size:.29rem; padding:.36rem 0 0; line-height:.58rem;}
.newsDetail .newsTitle .datatime span{ width:100%; padding:0 .36rem; line-height:1.8;}
.newsDetail .newsTitle .datatime span.data2,.newsDetail .newsTitle .datatime span.data4{ display:none;}
.newsDetail .newsTitle .datatimeDiv{ display:inline-block; text-align:center;}
.bdsharebuttonbox{ display:none;}

.newsDetail .newsContent{ width:100%; font-size:.29rem; line-height:.58rem; padding:.36rem 0 0; min-height: 6rem;}
.newsDetail .newsContent img{ display:block;}
.newsDetail .newsContent p { margin-bottom:.28rem;}
.newsDetail .newsContent table{border:solid #ddd; border-width:1px 0px 0px 1px; line-height:.58rem;}
.newsDetail .newsContent th{ background:#eaf1f8; padding:.2rem 0;}
.newsDetail .newsContent th,.newsDetail .newsContent td{border:solid #ddd; border-width:0px 1px 1px 0px;}
.newsDetail .newsContent td{ padding:.2rem;}
.otherNews{ width:100%; max-width:none; padding:0 .36rem .36rem;}
.otherNews .otherNews-title{ padding:.36rem 0;}
.otherNews .otherNews-title h3{ font-size:.36rem; line-height:.58rem; font-weight:bold;}
.otherNews .otherNews-list{ overflow:hidden;}
.otherNews .otherNews-list .otherbox{ float:none; width:100%; margin:0 0 .36rem 0;}
.otherNews .otherNews-list .otherbox:nth-of-type(3n){ margin:0 0 .36rem 0;}
.otherNews .otherNews-list .pic{ height:4.5rem;}
.otherNews .otherNews-list .note{ padding:.36rem; height:auto; overflow:hidden; text-align:left;}
.otherNews .otherNews-list .note h3{ color:#333; font-size:.29rem; line-height:.58rem;}
.otherNews .otherNews-list .note p{ font-size:.29rem; line-height:.58rem; padding:.2rem 0 0;}
.otherNews .otherNews-list .time{ padding:.2rem .36rem;}
.otherNews .otherNews-list .time span{ font-size:.4rem; line-height:.58rem; font-weight:bold;}
.bottomshare { width:100%; height:1rem; margin:.36rem auto 0;}
.bottomshare .icon-weibo,.bottomshare .icon-wechat{ width:.6rem; height:.6rem; line-height:.6rem; padding:0; background-size:cover;}
.bottomshare .line{position:absolute;width:100%;height:1px;background:#dddddd;top:0;left:0;top:.36rem;margin-top:-1px}
.otherNews .showmore{ margin:.2rem auto 0; display:inline-block;}
.otherNews a:hover .top-newsmore{ background:#153b86; border:1px solid #153b86; color:#fff;}
.otherNews a:hover .top-newsmore span{ color:#fff;}
.section4 .section4Wrapper{ padding:0; background-size:cover;}

.service .serviceWrapper{ width:100%; padding:0 .36rem;}
.service-list{ padding:0 0 .36rem;}
.service-item{ float:none; width:100%; overflow:hidden;}
.service-item .service-img{ float:none; width:100%; height:6rem; border-radius:.1rem;}
.service-item .service-box{ float:none; width:100%; height:auto; padding:.36rem 0;}
.service-item .service-title{ font-size:.32rem; line-height:.78rem; height:auto; padding:0 .36rem 0 .78rem; font-weight:bold;}
.service-item .service-title span{ font-size:.48rem; line-height:.78rem; font-weight:bold;}
.service-item .service-desc{ color:#666; font-size:.29rem; line-height:.58rem;}
.service-item:nth-of-type(3) .service-img,.service-item:nth-of-type(4) .service-img{ float:none;}

.service2 .service2Wrapper{ height:6rem;}
.service2-content { width:100%; padding:.58rem 0 0; position:static; transform:none;}
.service2-content .service2-title { font-size: .36rem; line-height: .58rem; font-weight:bold;}
.service2-content .service2-desc { font-size: .29rem; line-height: .58rem; padding:.36rem;}
.service2-more a{ width:2.6rem; height:.9rem; line-height:.88rem; font-size:.29rem; border-radius:.45rem; padding:0 .36rem 0 .36rem; margin:0; background:url(../images/icon-arrow-white.png) no-repeat 80% center; background-size:.36rem; display:inline-block; text-align:left;}
.service2-more a:hover{ background:#185ab2 url(../images/icon-arrow-white.png) no-repeat 80% center; background-size:.36rem;}
.service3 { background:url(../images/service-map.jpg) no-repeat top center; background-size:cover;}
.service3 .section3Wrapper{ height:auto;}

.job1 { width:100%;}
.job1 .job1Wrapper{ width:100%; height:10rem; background:url(../images/job1bg.jpg) no-repeat left center; background-size:cover;}
.job1-content { width:80%;}
.job1-content .job1-title { font-size:.36rem; line-height:.58rem; font-weight:bold;}
.job1-content .job1-desc { font-size:.29rem; line-height:.58rem; padding:.36rem 0;}
.job2 { width:100%;}
.job2 .job2Wrapper{ width:100%; margin:0 auto; position:relative;}
.job2 .section-title{ padding:.36rem 0; font-size:.36rem; line-height:.58rem; font-weight:bold;}
#job2{ padding:0; margin:0;}
#job2 .job-item{ float:left; padding:0; overflow:hidden;}
#job2 .job-item .pic img{ width:100%; height:auto; margin:0 auto;}
#job2 .job-item a{ height:100%; display:block; }
#job2 .job-item p{ font-size:.29rem; line-height:.88rem; padding:0 .36rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#job2 .slick-dots{ width:100%; position:absolute; margin:0; left:0; bottom:1rem; display:inline-block;}

.section-desc{ font-size:.29rem; line-height:.58rem;}
.join4-section { width:100%; height:auto; background:url(../images/job2bg.jpg) no-repeat top center; background-size:cover; margin:0 auto; padding:0;}
.join4-section-show{ height:auto; min-height:4rem; background:none;}
.join4-section .join4Wrapper{ padding:0 .36rem .36rem; overflow:hidden;}
.join4-left{ float:none; width: 100%; padding:0;}
.join4-right{ float:none; width: 100%;}
.join4-subtitle{ font-size:.36rem; margin:.36rem 0; font-weight:bold;}
.join4-list { margin:0 0 .36rem;}
.join4-list .join4-title{ font-size:.29rem; height:.78rem; line-height:.78rem; padding:0 .36rem; }
.join4-list .join4-detail{ padding:.36rem; border:1px solid #f0f3f8; border-top:none;}
.join4-list .join4-title .job-close{ float:right; position:relative; width:.48rem; height:.78rem;}
.join4-list .UI-bubble::after{ font-size:.4rem;}
.join4-list .UI-ask::after{ font-size:.4rem;}
.join4-list hr { margin:.36rem auto;}
.join4-list .join-btn{ margin:.36rem 0 0;padding:.1rem .36rem;font-size:.29rem; border-radius:.58rem; cursor:pointer;}
.join4-list .join-btn:hover{ background:#0051a5;}

.join4-section .join4-search{width:100%; height:auto; margin:.48rem 0; overflow:hidden; position:relative;}
.join4-section .search-icon{ width:1rem; height:.48rem; line-height:.48rem; position:absolute;left:0;top:.2rem;padding:0 .36rem;border-right:none; background-size:.36rem;}
.join4-section .search-icon .iconfont{ font-size:.4rem; color:#a9a9ab;}
.join4-section .join4-search input{ width:78%; height:.88rem; line-height:.88rem; font-size:.29rem; padding:0 .36rem 0 1rem; border-radius:.44rem 0 0 .44rem;}
.join4-section .search-btn{ float:right; width:22%; line-height: .88rem; height: .88rem; font-size: .29rem; border-radius: 0 .44rem .44rem 0;}
.join4-section .search-btn:hover{color:#fff;background:#0054a5}
.join4-section .join4-series{ border:1px solid #d1d5e1; border-radius:.1rem; padding:.36rem;}
.join4-section .join4-select{ font-size:.29rem; height:.78rem; line-height:.78rem; padding:0 0 .2rem; border-bottom:1px solid #d1d5e1; margin:0 0 .1rem;}
.join4-section .join4-name{ font-size:.29rem; height:.78rem; line-height:.78rem;}
.join4-section .join4-name .iconfont{ font-size:.36rem; color:#989898;}
.join4-section .join4-name .icon-kuangkuang-xuanzhong-{ font-size:.36rem; color:#143a85;}

.public-table ul{border-bottom: 1px solid #e3e4e4;}
.public-table ul li{ padding:0;}
.public-table ul li .ta{width:43%;font-size:.29rem;line-height:.58rem; padding:0 .2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.public-table ul li .tb{width:23%;font-size:.29rem;line-height:.58rem;}
.public-table ul li .tc{ display:none;}
.public-table ul li .td{width:33% !important;font-size:.29rem;line-height:.58rem; display:flex; margin:0 auto;}
.public-table ul li>div a{ display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.public-table ul li .td span{width:auto; height:.58rem; line-height:.58rem; border:1px solid #333; font-size:.29rem; border-radius:.05rem; padding:0 .2rem; display:inline-block;}
.public-table ul li .td p{ display:inline-block; align-items:center; justify-content:center; margin:0 auto;}
.public-table ul li a{ padding:.2rem 0;}

.public-table ul li:nth-of-type(2n+1){background:#f0f2f7}
.public-table ul li.tbody{ font-size:.36rem; color:#fff; background:#6c96c6; font-weight:bold; padding:.2rem 0;}
.public-table ul li:hover{ background:#d4e8ff}
.public-table ul li.tbody:hover{ background:#6c96c6}

.joinshow .section-title{ padding:.78rem 0 0;}
.joinshow .section-desc{ font-size:.32rem; margin:0 0 .36rem; padding:0;}
.joinshow .joinshow-detail{ font-size:.29rem; line-height:.58rem; padding:.36rem 0;}
.joinshow .joinshow-subtitle{ font-size:.36rem; padding:0 0 .2rem; font-weight:bold;}
.joinshow .joinshow-btn { margin:.36rem 0;}
.joinshow .joinshow-btn a { font-size:.32rem; line-height:.88rem; padding:0 .88rem; border-radius:.05rem;}
.descp{ padding:0 0 .36rem;}

.contact-section .contactWrapper{ width:100%; padding:0 .36rem; height:auto;}
.contact-section .section-title{ padding:1rem 0 .2rem; text-align:left;}
.contact-section .contact-note{ float:none; width:100%; font-size:.29rem; line-height:.58rem; border-right:none;}
.contact-section .contact-title{ font-size:.29rem; font-weight:bold;}
.contact-section .contact-wechat{ float:none; width:100%;}
.contact-section .contact-wechat .img{ float:none; width:2rem; padding:.3rem 0; line-height:.58rem;}
.contact-section .contact-wechat .img img{ width:100%;}
.contact-section2 .contactWrapper{ width:100%; padding:0 .36rem; height:auto;}
.contact-section2 .section-title{ padding:1rem 0 .2rem; text-align:center;}
.contact-section2 .section-desc{ font-size:.29rem; line-height:.58rem; padding:0 0 .3rem;}
.contact-section2 .section-desc h3{ font-size:.29rem; line-height:.58rem; padding:0;}
.contact-box .item{ margin:0 0 .3rem;}
.contact-box .am-area,.contact-box .am-input,.contact-box .am-btn{ padding:.3rem;font-size:.29rem;line-height:.58rem;}
.contact-box .am-input{ padding:.1rem .2rem;}
.contact-box .am-btn{ font-size:.32rem; line-height:.48rem; font-weight:bold;}
.contact-map{ height:6rem;}

.pages{ line-height: .68rem; font-size:0; margin:.36rem 0 0;}
.pages span.ttips{ margin:0 .1rem; padding:0 .1rem; line-height: .68rem; font-size:.28rem; display:block;}
.pages span{ padding:0 .1rem;}
.pages a{ padding:0 .3rem; line-height: .68rem; font-size:.28rem; border-radius: .11rem;}
.pages span.pg_home_dis, span.pg_prev_dis, span.pg_next_dis, span.pg_end_dis{ padding:0 .3rem; margin:0 .1rem; line-height: .68rem; font-size:.28rem; border-radius: .11rem;}
.pages span.pg_home,.pages span.pg_home_dis,span.pg_end,span.pg_end_dis{ display:none;}

.rec_ma{ padding:0;}
.rt_tit{ line-height: .58rem;font-size: .36rem; padding:.48rem 0; margin:0; font-weight:bold;}
.rec_ma input,.rec_ma button,.rec_ma select,.rec_ma textarea{font:.29rem/2 "Microsoft YaHei",微软雅黑, Arial, sans-serif !important;}
.am-form-group{ margin-bottom:0 !important;}
.am-form-file input[type=file]{ height:.9rem;}
[class*=am-u-] { padding:0 .36rem;}
.am-u-lg-6{ width:40%;}
.am-u-lg-4{ width:60%;}
.am-u-sm-offset-2{ width:100%; margin:.36rem 0 0; padding:0 .36rem;}
.am-btn-default{ margin-right:.15rem;}
#f_attach-list{ clear: both; padding: .2rem .36rem 0 !important; margin-left:0;}
.am-badge{ width:100%; padding: .36rem !important; font-size: .29rem !important; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ display:none !important;}
.mCSB_container_wrapper{ margin-right:0 !important;}
.mCSB_container_wrapper > .mCSB_container{ padding-right:0 !important;}

footer .footerWrapper{ width:100%; padding:.58rem .36rem 0; display:block;}
footer .footer-copyright-Wrapper{ padding:.36rem; line-height:2;}
footer .foot-content{ height:auto;}
footer .footer-nav{ float:none; width:100%; padding:0; display:block; border-left:none;}
footer .footer-nav ul{display: block;}
footer .footer-nav li{ width:100%; float:none; padding:0; position:relative; text-align:left;}
footer .footer-nav li>a{ height:.86rem; line-height:.86rem; font-size:.29rem; display:block; position:relative; font-weight:normal;}
footer .footer-nav li span{ color:#717171;}
footer .footer-nav li>a::after{ width:.3rem; height:.86rem; font-size:20px;color:#fff;position:absolute;top:50%;right:0;transform:translateY(-48%); content:''; background:url(../images/arr-right.png) no-repeat center; background-size:.3rem;}
footer .footer-nav li.on>a::after{ width:.3rem; height:.86rem; font-size:20px;color:#fff;position:absolute;top:50%;right:0;transform:translateY(-48%); content:''; background:url(../images/arr-down.png) no-repeat center; background-size:.3rem;}
footer .footer-nav .bBor:after,footer .footer-nav .tBor:before{ background: rgba(255,255,255,.5);}
footer .footer-nav .serList{ padding:0 0 .2rem;}
footer .footer-nav .serList a{ font-size:.29rem; height:.68rem; line-height:.68rem;}
.footer-share{ float:none; width:100%; padding:1.1rem 0 .36rem; background: url(../images/logo.png) no-repeat 0 0; background-size: 3rem;}
.share-address{ font-size:.29rem; padding:0 0 .36rem;}
.share-wechat{ width:2rem; margin:0 auto;}
.share-wechat img{ width:100%;}
.share-box{ margin:.36rem 0 0; text-align:center;}
footer .footer-copyright{ border-top:none;}
footer .footer-copyright .fr a{ padding:0 .36rem;}
footer .footer-copyright a{ font-size:.29rem;}

}

@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : portrait) {  
.right_side{ display:none !important;}
.section3{ padding:9.2rem .36rem .48rem;}

}


/* iPads (landscape) 纵向----------- */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : landscape) {  
.section3{ padding:12.5rem .36rem .48rem;}

}


@media (min-device-width : 1024px) and (max-width: 1366px) and (orientation : portrait){
.section3{ padding:12.5rem .36rem .48rem;}


}
@media (min-device-width : 1025px) and (max-width: 1366px) and (orientation : landscape){


}



@media screen and (max-width: 375px) {

}


@media screen and (max-width: 360px) {


}

@media screen and (max-width: 320px) {


}