@charset "utf-8";
@font-face {
    font-family: dincondmedium;
    src: url("../font/dincondmedium.otf");
}
@font-face {
    font-family: DINEngschrift;
    src: url("../font/DINEngschrift.otf");
}
@font-face {
    font-family: dinlight;
    src: url("../font/dinlight.otf");
}
@font-face {
    font-family: markpro;
    src: url("../font/markpro.otf");
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;}
html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";background: #fff;color: #000;}
input,textarea,select{font-family:"Microsoft YaHei","PingFang SC";font-size: 14px;}
img,input,textarea{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #000;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6em;text-align: justify;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.text-center p{text-align: center;}
.overhide{overflow: hidden;}
.w1720{width: 1720px;max-width: 92%;margin: 0 auto;}
.w1200{width: 1200px;max-width: 92%;margin: 0 auto;}
.w800{width: 800px;max-width: 92%;margin: 0 auto;}
.w750{width: 750px;max-width: 92%;margin: 0 auto;}
ul{font-size: 0;}
ul li{font-size: 14px;display: inline-block;vertical-align: top;}
ul li:last-child{margin-right: 0;}
/*.size16{font-size: calc(14px + 0.1vw);}*/
/*.size18{font-size: calc(14px + 0.2vw);}*/
/*.size20{font-size: calc(16px + 0.2vw);}*/
/*.size24{font-size: calc(16px + 0.41vw);}*/
/*.size30{font-size: calc(18px + 0.62vw);}*/
/*.size36{font-size: calc(18px + 0.93vw);}*/
/*.size40{font-size: calc(18px + 1.14vw);}*/
/*.size48{font-size: calc(18px + 1.56vw);}*/
/*.size60{font-size: calc(18px + 2.18vw);}*/
/*.des16 p{font-size: calc(14px + 0.1vw); text-align: justify;}*/
/*.des18 p{font-size: calc(14px + 0.2vw); text-align: justify;}*/
/*.padding-tb100{padding: calc(20px + 4.16vw) 0;}*/
/*.padding-tb90{padding: calc(22px + 3.54vw) 0;}*/
/*.padding-tb80{padding: calc(25px + 2.86vw) 0;}*/
/*.w1620{width: 1620px;max-width: 92%;margin: 0 auto;}*/
/*.padding-t100{padding-top: calc(20px + 4.16vw);}*/
.mg-bt10{margin-bottom: 10px;}
.mg-bt15{margin-bottom: 15px;}
.mg-bt20{margin-bottom: 20px;}
.mg-bt25{margin-bottom: 25px;}
.mg-bt30{margin-bottom: 30px;}
.mg-bt40{margin-bottom: 40px;}
.mg-bt50{margin-bottom: 50px;}
.mg-bt60{margin-bottom: 60px;}
.mg-bt70{margin-bottom: 70px;}
.mg-bt80{margin-bottom: 80px;}
.des16 p{font-size: 16px;}
.des18 p{font-size: 18px;}
.line20 p{line-height: 2;}
.line18 p{line-height: 1.8;}
.desfff *{color: #fff;}
.titlefff *{color: #fff;}
.imgmax img{max-width: 100%;vertical-align: bottom;}
.scrollBar::-webkit-scrollbar {width: 6px;height: 6px;}
.scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
.scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;}

/*header s*/
.header{height: 70px;position: fixed;left: 0;z-index: 999;width: 100%;top:0;}
.header-warp{width: 100%;max-width: 100%;height: 70px;}
.logo{margin-right: 35px;display: block;}
.logo img{display: block;margin: 0 auto;vertical-align: bottom;height: 59px;}
.header-area{position: absolute;right: 0;height: 100%;}
.header-area > div,.hgwc{position: absolute;width: 80px;text-align: center;height: 100%;top:0;display: flex;align-items: center;justify-content: center;}
.menuBtn{position: relative;background: #01479d;height: 70px;width: 80px;display: block;align-items: center;justify-content: center;cursor: pointer;}
.language{right: 160px;}
.search{right: 80px;background: #01479d;cursor: pointer;}
.searchBtn{width: 50px;height: 50px;background: url("../images/search.png") no-repeat center;background-size: cover;}
.lgg{cursor: pointer;}
.lgg img{display: inline-block;vertical-align: middle;width: 24px;margin-right: 5px;}
.lgg span{display: inline-block;vertical-align: middle;color: #fff;min-width: 24px;text-align: center;transition: all .4s;}
.lgg i{font-style: normal;}
.lgg .s2{display: none;}
.lgg .i{display: inline-block;vertical-align: middle;width: 9px;height: 6px;background: url("../images/xia18x12.png") no-repeat center;background-size: cover;transition: all .4s;}
.menuBtnWarp{width: 40px;height: 24px;position: relative;text-align: center;font-size: 16px;color: #fff;overflow: hidden;margin: 23px auto;}
.menut{width: 40px;height: 24px;text-align: center;display: block;transition: all .4s;line-height: 24px;}
.menux{width: 40px;height: 24px;position: relative;transition: all .4s;}
.menux:before{content: "";position: absolute;top:50%;left: 0;width: 100%;border-top: 2px solid #fff;transform: rotate(-30deg);margin-top: -1px;transform-origin: center;}
.menux:after{content: "";position: absolute;top:50%;left: 0;width: 100%;border-top: 2px solid #fff;transform: rotate(30deg);margin-top: -1px;transform-origin: center;}
.menuBtn.active .menut{margin-top: -24px;}
.tolsa{display: none;position: relative;}
.tolsa span{display: block;width: 100%;font-size: 16px;padding: 15px;color: #fff;}
.tolsa:after{position: absolute;content: "";right: 20px;top:16.5px;width: 18px;height: 18px;background: url("../images/jt.png") no-repeat center;background-size: 100% 100%;transition: all .4s;}
.tolsa.active:after{transform: rotate(-180deg);}

.gwc-ic{width: 50px;height: 50px;background: url("../images/car.png") no-repeat center;background-size: cover;}
.hgwc{right: 0;background: #ec5a02;}
.header-area > div.language{margin-right: 30px;}
.lgg{white-space: nowrap;}
.header-l{background: #fff;position: absolute;top:0;left: 0;height: 100%;display: flex;align-items: center;justify-content: flex-end; width: 413px;}
.language-box{position: absolute;left: 0;top: 100%;width: 80px;z-index: 5;display: none;box-shadow: 0 1px 2px #f5f5f5;background: #f5f5f5;}
.language-box a{display: block;text-align: center;line-height: 45px;transition: all .4s;}
.language-box a:hover{color: #da251c;}
.header-con{position: absolute;left: 413px;background: #fff;right: 0;opacity: 0;visibility: hidden;transition: all .4s;}
.header-con.active{opacity: 1;visibility: visible;}
.nav li{float: left;position: relative;margin:0 1px;}
.nav li.active .nav-yi{color: #da251c;}
.nav-yi{display: block;color: #717171;line-height: 70px;padding: 0 35px; text-align: center;transition: all .4s;font-size: 16px;}
.nav-er-box{position: absolute;top:100%;left: 50%;transform: translateX(-50%);white-space: nowrap; background: rgba(255,255,255,.9);display: none;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;box-shadow: 0 1px 2px #ddd;}
.nav-er-box a{display: block;color: #3e3e3e;line-height: 40px;transition: all .4s;padding:0 25px;position: relative;text-align: center;}
.nav-box{margin-right: 330px;margin-left: 65px;}
.language.color .lgg span{color: #717171;}
.language.color .lgg .i{filter: brightness(0.5);}
.language.active .lgg .i{transform: rotate(-180deg);}
.search-con{position: absolute;background: #f5f5f5;right: 0;top: 69px;width: 280px;display: none;box-shadow: 0 1px 2px #f5f5f5;}
.search-text{margin-right: 50px;}
.search-text .text{height: 50px;;border: none;padding: 0 10px;display: block;width:100%;background: #f5f5f5}
.search-sb{position: absolute;background: #01479d;line-height: 50px;right: 0;top:0;color: #fff;width: 50px;text-align: center;}
.header-code{position: fixed;top:70px;width: 100%;z-index: 9;background: rgba(255,255,255,.9);left: 0;padding: 50px 0;display: none;}
.header-code-list li{font-size: 0;}
.header-code-item{font-size: 14px;display: inline-block;vertical-align: top;}
.header-code-item p{font-size: 18px;color: #5d5d5d;margin-top: 15px;}
.header-code-item .img100{width: 170px;max-width: 100%;margin: 0 auto;}
.header-code-type{font-size: 0;}
.header-code-type a{transition: all .4s; font-size: 14px;display: inline-block;vertical-align: top;width: 70px;height: 70px;border:1px solid #747474;border-radius: 10px;margin-right: 38px; position: relative;}
.header-code-type a .i{filter: invert(1);opacity: 0.8;transition: all .4s;}
.header-code-type a:last-child{margin-right: 0;}
.header-code-type a.active{background: #ec5a02;border-color: #ec5a02;}
.header-code-type a.active .i{filter: invert(0);opacity: 1;}
.header-code-type a:hover{background: #ec5a02;border-color: #ec5a02;}
.header-code-type a:hover .i{filter: invert(0);opacity: 1;}
.header-code-list li{display: none;}
.header-code-list li.active{display: block;}

.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{height: 2px; background: #212223; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
/*header e*/
/*footer s*/
.footer{background: #1567bd;padding-top: 60px;}
.guding{position: fixed;z-index: 999;right: -80px;top:50%;transform: translateY(-50%); width: 62px;transition: all .4s;text-align: center;}
.gudings{cursor: pointer;margin-bottom: 4px;transition: all .4s;border-radius: 10px;border:1px solid #dddddd;}
.gudings.return{display: flex;justify-content: center;align-items: center;background: #da251c;border-color: #da251c;}
.gudings:hover{background: #da251c;border-color: #da251c;}
.gudings:hover .img img{filter: brightness(2);}
.guding.active{right: 5px;}
.guding .img img{width: 100%;vertical-align: bottom;transition: all .4s;}
.guding .img span{display: block;font-size: 12px;color: #d7dbe7;margin-top: 2px;}
.gudings>a{display: block;position: relative;}
.gudings-hide{position: absolute;right: 100%;margin-right: 4px;top:0;width:0;overflow: hidden;transition: all .4s;}
.weixin-code img{width: 130px;vertical-align: bottom;border:1px solid #ddd;}
.gudings:hover .gudings-hide{width: 132px;}
.footer-bot{text-align: center;padding: 20px 0;}
.footer-bot span,.footer-bot a{display: inline-block;color: #2e2e2e;vertical-align:middle;}
.ys{margin-bottom: 8px;position: absolute;right: 0;top:50%;transform: translateY(-50%);}
.ys span{margin: 0 3px;}
.ys span,.ys a{color: #fff;}
.ba span,.ba a{color: #fff;}
.ba br{display: none;}
.index-con-footer{padding: 80px 0 150px;}
.fx-hide{position: absolute;right: 100%;top:0;width: 154px;display: none;}
.fx-hide-warp{margin-right: 14px;text-align: center;}
.fx-hide-warp .img100{box-shadow: 0 0 4px #999;background: #fff;}
.fx-hide-warp span{display: block;font-size: 16px;}
.gudings:hover .fx-hide{display: block;}
.fx-hide-tel{line-height: 62px;box-shadow: 0 0 4px #999;background: #fff;font-size: 24px;font-family: dincondmedium;}
.footer-tel img{height: 31px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.footer-tel a{display: inline-block;}
.footer-tel span{font-size:53px;font-family:dincondmedium;color:#fff;display: inline-block;vertical-align: middle;line-height: 1em;}
.footer-add p{font-size: 16px;color: #fff;margin-bottom: 5px;}
.footer-add p:last-child{margin-bottom: 0;}
.footer-ma{width: 196px;display:inline-block;}
.footer-ma span{display: block;color: #fff;font-size: 20px;}
.footer-top{display: flex;justify-content: space-between;}
.footer-nav{display: flex;justify-content: space-between;width: calc(100% - 450px - 360px);}
.footer-nav dt{font-size: 18px;margin-bottom: 25px; color: #fff;}
.footer-nav a{color: #fff;}
.footer-nav a:hover{text-decoration: underline;}
.footer-nav dd{margin-bottom: 5px;}
.footer-fx a{display: inline-block;vertical-align: middle;width: 64px;height: 64px;border:1px solid #fff;position: relative;font-size: 14px;margin-right: 8px;transition: all .4s;z-index: 9990;}
.footer-fx a:last-child{margin-right: 0;}
.footer-fx{font-size: 0;}
.share-hide{position: absolute;width: 120px;left: 50%;margin-left: -60px;bottom:70px;height: 0;overflow: hidden;transition: all .4s;background: #fff;}
.share-hide img{width: 120px;height: 120px;border:1px solid #9f9f9f;}
.footer-fx a:hover{background: #da251c;border-color: #da251c;}
.footer-fx a:hover .share-hide{height: 120px;}
.footer-fx a.active .share-hide{height: 120px;}
.footer-left{margin-top: -3px;text-align:center;}
.index-body .gudings.none .img img{filter:none;}
/*footer e*/

/*index s*/
.mouse{width: 52px;position: absolute;left: 50%;margin-left: -26px;bottom:45px;z-index: 9;cursor: pointer;}
.mouse1{border:1px dashed #f6f0e7;padding: 5px;border-radius: 100%;margin-bottom: 5px;}
.mouse2{background: rgba(255,255,255,.4);border-radius: 100%;width: 40px;height: 40px;overflow: hidden;}
.mouse3{width: 12px;height: 20px;border:1px solid #fff;border-radius: 12px;margin: 10px auto;position: relative;}
.mouse .img100{width: 21px;margin: 0 auto;}
.mouse3 i{position: absolute;width: 4px;height: 4px;border-radius: 100%;background: #fff;left: 50%;margin-left: -2px;top:3px;
    -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
@keyframes mouse-dot{
    from{opacity: 0; }
    33%{opacity: 1; }
    to{transform: translateY(8px); -webkit-transform: translateY(8px); opacity: 0; }
}
@-webkit-keyframes mouse-dot{
    from{opacity: 0; }
    33%{opacity: 1; }
    to{transform: translateY(8px); -webkit-transform: translateY(8px); opacity: 0; }
}
.index-con{padding-top: 70px;}
.index-con .img100{max-width: 100%;}
.index-con2{padding-top: 14%;}
.index-con4{padding-top: 13.5%;}
.index-con2{max-width: 100%; width: 680px;}
.index-con3{max-width: 100%;width: 42.4%;width: 729px;}
.index-con5{max-width: 100%;width: 50.5%;width: 960px;}
.index-con5 h2{white-space: nowrap;}
.bannerDot{position: absolute;z-index: 9;left: 0;width: 100%;bottom:50px;pointer-events: none;}
.bannerDot .swiper-pagination-bullet{pointer-events: auto;width: 18px;height: 18px;opacity: 1;border:1px solid #fff;border-radius: 100%;background: none;margin-right: 12px;}
.bannerDot .swiper-pagination-bullet:last-child{margin-right: 0;}
.bannerDot .swiper-pagination-bullet-active{background: #da251c;border-color: #da251c;}
.swiper-slide-footer{height: auto !important;overflow: visible !important;}
.swiper-slide-footer .guding{display: none !important;}
.banner-des img{max-width: 100%;}
.index-body .gudings .img img{filter: brightness(2);}
.play48{background: url("../images/bf128.png") no-repeat center;background-size: cover;display: inline-block;width: 64px;height: 64px;}
.index-title-gy{display: inline-block;vertical-align: middle;margin-right: 80px;}
.ckxq1{display: inline-block;vertical-align: middle;position: relative;border:1px dashed #fff;border-radius: 100%;width: 50px;height: 50px;transition: all .4s;}
.ckxq1 i{position: absolute;width: 100%;height: 100%;top:0;left: 0;background: url("../images/r100.png") no-repeat center;background-size: cover;}
.ckxq1:hover{border-color: #da251c;background: #da251c;}
.about-list li{width: 25%;position: relative;}
.about-list-i{position: absolute;right: 0;top:0;height: 100%;background: rgba(255,255,255,.3);width: 2px;}
.about-list .des18{margin: 5px 0;}
.about-list img{width: 40px;max-width: 100%;transition: all .4s;}
.about-list li:last-child .about-list-i{display: none;}
.about-list li a{display: inline-block;}
.about-list li a:hover img{transform: scale(1.2);}
.product .swiper-container{height: 100%;}
.product-top{pointer-events: none;}
.product-fl{display: inline-block;position: relative;}
.product-fl:before{content: "";position: absolute;top:0;height: 100%;border-right: 1px solid #bdc1c2;left: 4px;}
.product-fl li{display: block;pointer-events: auto;position: relative;padding-left: 34px;margin-bottom: 8px;cursor: pointer;transition: all .4s;}
.product-fl li p{font-size: 16px;transition: all .4s;}
.product-dot{width: 9px;height: 9px;border:1px solid #fff;background: #7e7e7e;border-radius: 100%;position: absolute;top:50%;left: 0;margin-top: -4.5px;transition: all .4s;}
.product-line{width: 44px;border-bottom: 1px solid #da251c;position: absolute;left: 9px;top:50%;margin-top: -0.5px;width: 0;transition: all .4s;}
.product-fl li.active{padding-left: 68px;color: #da251c;}
.product-fl li.active .product-line{width: 44px;}
.product-fl li.active .product-dot{background: #da251c;border-color: #da251c;}
.product-fl li:hover{padding-left: 68px;color: #da251c;}
.product-fl li:hover .product-line{width: 44px;}
.product-fl li:hover .product-dot{background: #da251c;border-color: #da251c;}
.product-fl li:hover p{color: #da251c;}
.news-img{width: 54.53% !important;border-radius: 0 !important;}
.news-img .img100 img{height: 493px;object-fit: cover;}
.news-list{width: 42.32%;}
.news-list li{margin-bottom: 7px;border:1px solid #e9e9e9;display: block;}
.news-list li:last-child{margin-bottom: 0;}
.news-list a{display: block;background: #fff;padding: 20px 40px;}
.news-con h3{font-size: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.des7d7d7d p{color: #7d7d7d;}
.news-con p{height: 3.2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-con{margin-right: 70px;}
.ckxq2{width: 26px;height: 26px;border:1px dashed #7d7d7d;border-radius: 100%;position: absolute;right: 0;top:50%;margin-top: -13px;transition: all .4s;}
.ckxq2 i{width: 100%;height: 100%;position: absolute;top:0;left: 0;background: url("../images/r100-1.png") no-repeat center;background-size: cover;transition: all .4s;}
.ckxq2:hover{background: #da251c;border-color: #da251c;}
.ckxq2:hover i{background: url("../images/r100.png") no-repeat center;background-size: cover;}
a:hover .ckxq2{background: #da251c;border-color: #da251c;}
a:hover .ckxq2 i{background: url("../images/r100.png") no-repeat center;background-size: cover;}
.news-list a:hover h3{color: #da251c;}
.title78 h2{font-size: 78px;}
.cs li{width: 31%;margin-right: 3.5%;}


/*index e*/

/*2.1关于南国 s*/
.ban400{height: 400px;}
.ban-des{position: absolute;width: 100%;bottom:75px;left: 0;z-index: 20;}
.ban-des h2{font-size: 40px;color: #fff;}
.ban-des p{font-size: 24px;color: #fff;line-height:1.2em;}
.padding-tb80{padding: 80px 0;}
.padding-b80{padding-bottom: 80px;}
.w1500{width: 1500px;max-width: 92%;margin: 0 auto;}
.gy-item{border-radius: 10px;overflow: hidden;background: #fff;box-shadow: 0 0 24px 0 rgba(133, 131, 131, 0.5);}
.gy-img{width: 44.13%;border-radius: 10px;overflow: hidden;}
.gy-img img{height: 455px;object-fit: cover;}
.gy-con{position: absolute;height: 100%;top:0;width: 55.87%;}
.gy-item:nth-child(odd) .gy-img{float: left;}
.gy-item:nth-child(odd) .gy-con{right: 0;}
.gy-item:nth-child(even) .gy-img{float: right;}
.gy-item:nth-child(even) .gy-con{left: 0;}
.gy-item:nth-child(even){background: #1467bd;color: #fff;}
.gy-item:nth-child(even) p{color: #fff;}
.gy-item:nth-child(even) .ljgd{background: #fff;color: #1467bd;}
.gy-warp{padding: 0 9%;}
.des737272 p{color: #737272;}
.title36 h2{font-size: 36px;}
.ljgd{display: inline-block;background: #1467bd;color: #fff;transition: all .4s;padding:0 13px;border-radius: 8px;}
.ljgd span{display: inline-block;vertical-align: middle;margin-right: 8px;line-height: 39px;}
.ljgd i{display: inline-block;vertical-align: middle;width: 13.5px;height: 11.5px;background: url("../images/jt27x23.png") no-repeat center;background-size: 100% 100%;transition: all .4s;}
.gy-item:nth-child(even) .ljgd i{background: url("../images/jt27x23-1.png") no-repeat center;background-size: 100% 100%;}
.gy-item{margin-bottom: 80px;}
.ljgd:hover i{transform: translateX(5px);}
.gy-item:last-child{margin-bottom: 0;}
.gy-item .des737272 p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.qywh li{width: 48%;margin-right: 4%;}
.qywh li:nth-child(even){margin-right: 0;}
.qywh li p:nth-child(1){color: #000;font-weight: bold;}
.qywh li p:nth-child(2){color: #737272;}
.qywh li p{margin-top: 5px;}
/*2.1关于南国 e*/
/*2.1.1集团简介 s*/
.ny-nav{margin-top: -32px;z-index: 9;position: relative;}
.ny-navs-con{font-size: 0;text-align: center;}
.ny-navs-con a{display: inline-block;font-size: 18px;box-shadow: 0 0 10px 0 rgba(133, 131, 131, 0.7);margin-right: 7px;background: #fff;width: 173px;transition: all .4s;}
.ny-navs-con a:last-child{margin-right: 0;}
.ny-navs-con a span{display: inline-block;vertical-align: middle;line-height: 64px;transition: all .4s;color: #323232;}
.ny-navs-con a img{display: inline-block;vertical-align: middle;width: 30px;margin-right: 2px;transition: all .4s;}
.ny-navs-con a.active{
    background-image: -moz-linear-gradient( 0deg, rgb(38,106,195) 0%, rgb(66,126,203) 62%, rgb(94,145,211) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(38,106,195) 0%, rgb(66,126,203) 62%, rgb(94,145,211) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(38,106,195) 0%, rgb(66,126,203) 62%, rgb(94,145,211) 100%);
}
.ny-navs-con a.active img{filter: brightness(3);}
.ny-navs-con a.active span{color: #fff;}
.ny-navs-con a:hover{
    background-image: -moz-linear-gradient( 0deg, rgb(38,106,195) 0%, rgb(66,126,203) 62%, rgb(94,145,211) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(38,106,195) 0%, rgb(66,126,203) 62%, rgb(94,145,211) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(38,106,195) 0%, rgb(66,126,203) 62%, rgb(94,145,211) 100%);
}
.ny-navs-con a:hover img{filter: brightness(3);}
.ny-navs-con a:hover span{color: #fff;}
.gsjj-img{width: 48.46%;}
.gsjj-l{width: 48%;padding-top: 40px;}
.des20 p{font-size: 20px;}
.title48 h2{font-size: 48px;}
.des-bt40 p{margin-bottom: 40px;}
.des-bt40 p:last-child{margin-bottom: 0;}
.padding-t80{padding-top: 80px;}
.title24 h3{font-size: 24px;}
.des-dot p{position: relative;padding-left: 25px;}
.des-dot p:before{content: "";position: absolute;width: 10px;height: 10px;border-radius: 100%;background: #01479d;left: 0;top:9.4px;}
.jtfc .swiper-slide .img100{transform: scale(0.92);transform-origin: bottom center;}
.jtfc .swiper-slide.ready .img100{transition: all .4s;}
.jtfc .swiper-slide .img100{position: relative;}
.jtfc .swiper-slide .img100:after{position: absolute;content: "";width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,.4);transition: all .4s;}
.jtfc .swiper-slide-active .img100:after{opacity: 0;}
.jtfc .swiper-slide-active .img100{transform: scale(1);}
.jtfc .des18{opacity: 0;transition: all .4s;}
.jtfc .swiper-slide-active .des18{opacity: 1;}
/*.jtfcBtn{position: absolute;top:0;width: 100%;left: 0;pointer-events: none;bottom:48.8px;}*/
.jtfcBtn div{pointer-events: auto;width: 50px;height: 50px;border-radius: 100%;border:1px solid #fff;left: 50%;z-index: 9;cursor: pointer;position: absolute;top:50%;margin-top: -25px;transition: all .4s;}
.jtfcBtn1{background: url("../images/100-1.png") no-repeat center;background-size: 100% 100%;}
.jtfcBtn2{background: url("../images/100-2.png") no-repeat center;background-size: 100% 100%;}
.jtfcBtn1:hover{background: #00479d url("../images/100-1.png") no-repeat center;background-size: 100% 100%;}
.jtfcBtn2:hover{background: #00479d url("../images/100-2.png") no-repeat center;background-size: 100% 100%;}
.jtfcBtn div:hover{border-color: #00479d;}

.ban-des h2{text-shadow: 2px 2px 6px #000;}
.ban-des p{text-shadow: 2px 2px 6px #000;}

/*2.1.1集团简介 e*/
/*2.1.2董事长寄语 s*/
.jiyu-img{width: 43.4%;}
.jiyu-con{width: 49.3%;padding-top: 20px;}
.des-bt20 p{margin-bottom: 20px;}
.des-bt20 p:last-child{margin-bottom: 0;}
.des757575 p{color: #757575;}
.title30 h2{font-size: 30px;}
/*2.1.2董事长寄语 e*/
/*2.1.3南国荣誉 s*/
.ny-nav-er{font-size: 0; text-align: center;}
.ny-nav-er a{display: inline-block; font-size: 18px;width: 130px;text-align: center;line-height: 42px;border-radius: 5px;background: #dedede;margin-right: 38px;transition: all .4s;}
.ny-nav-er a:last-child{margin-right: 0;}
.ny-nav-er a.active{background: #01479d;color: #fff;}
.ny-nav-er a:hover{background: #01479d;color: #fff;}
.ry-item li{width: 30%;margin-right: 5%;text-align: center; background-color: #ecf0f5;border:1px solid #ecf0f5;padding: 25px;transition: all .4s;cursor: pointer;margin-bottom: 60px;}
.ry-item li:nth-child(3n){margin-right: 0;}
.sui{width: 339px;max-width: 100%;filter: brightness(0.5);opacity: 0.3;transition: all .4s;}
.ry-year{font-size: 48px;font-family: dincondmedium;color: #d3d8e1;transition: all .4s;}
.ry-year2{font-size: 24px;}
.ry-title p{height: 3.2em;transition: all .4s;width: 304px;max-width: 100%;margin: 0 auto;}
.ry-item li:hover{border-color: #fff;box-shadow: 0 2px 16px 0 rgba(39, 39, 39, 0.34);}
.ry-item li:hover p{color: #01479d;}
.ry-item li:hover .ry-year{color: #01479d;}
.ry-item li:hover .sui{opacity: 1;filter: none;}
.ry{margin: -16px;}
.ry .swiper-slide{padding: 16px;}
.ry-item .img100{position: relative;overflow: hidden;}
.ry-item .img100 img{position: absolute;width: 100%;height: 100%;top:0;left: 0;object-fit: cover;}
.fixed-style{position: fixed;z-index: 9999;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);display: none;}
.ry-hide{width: 1280px;background: #fff;margin: 0 auto;text-align: center;max-width: 92%;}
.ry-hide-warp{width: 92%;margin: 0 auto;}
.ry-hide .img100{width: 550px;max-width: 100%;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
.ry-hide .img100 img{max-width: 100%;max-height: 100%;width: auto;height: auto;}
.ry-hide2 .img100{width: 384px;}
.closery{width: 32px;height: 32px;cursor: pointer;z-index: 5;position: absolute;right: 25px;top:25px;background: url("../images/close64.png") no-repeat center;background-size: cover;}
.swiperDot .swiper-pagination-bullet{opacity: 1;width: 10px;height: 10px;background: #a7a7a7;vertical-align: middle;margin-right: 12px;}
.swiperDot .swiper-pagination-bullet:last-child{margin-right: 0;}
.swiperDot .swiper-pagination-bullet-active{background: #00479d;}
.swiperDot{margin-top: 50px;}
.ryDot{margin-top: 20px;z-index: 9;position: relative;}
.ry-hide{position: absolute;left: 50%;top:5%;bottom:5%;overflow: hidden;transform: translateX(-50%);}
.ry-hide-warp{position: relative;height: 100%;}
.ry-hide-warp .swiper-container{height: 100%;}
.ry-hide .img100{position: absolute;width: 100%;top:90px;bottom:0;}
/*2.1.3南国荣誉 e*/
/*2.1.4企业文化 s*/
.title60 h2{font-size: 60px;}
.title276ac3 h2{color: #276ac3;}
.des4b4b4b p{color: #4b4b4b;}
.des868686 p{color: #868686;}
.wh-top{border-bottom: 1px solid #d3d3d3;padding-bottom: 10px;}
.wh-top .title24{display: inline-block;margin-right: 20px;}
.wh-top span{color: #b4b4b4;font-weight: bold; display: inline-block;}
.title-bold h3{font-weight: bold;}
.title-bold h2{font-weight: bold;}
.title00479d h3{color: #00479d;}
.wh-list li{width: 29.84%;margin-right:40.32%;margin-top: 60px;}
.wh-list li:nth-child(1){margin-top: 0;}
.wh-list li:nth-child(2){margin-top: 0;}
.wh-list li:nth-child(even){margin-right: 0;}
.nanguo{width: 31.87%;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.width1330{width: 1330px;max-width: 100%;margin: 0 auto;}
.scol02{position: absolute;left: 0;top: 0;}
.scol01{transform: rotate(0deg);transition: all 0.5s ease;}
/*2.1.4企业文化 e*/
/*2.1.5发展历程 s*/
.title01479d h2{color: #00479d;}
.title01479d h3{color: #00479d;}
.des434343 p{color: #434343;}
.his{padding-bottom: 48px;}
.his li{display: block;position: relative;}
.his-con{width: 50%;}
.his li:nth-child(odd) .his-con{float: right;padding-left: 90px;}
.his li:nth-child(even) .his-con{float: left;padding-right: 90px;text-align: right;}
.his li:nth-child(even) .his-con p{text-align: right;}
.width1280{width: 1280px;max-width: 100%;margin: 0 auto;}
.width1300{width: 1300px;max-width: 100%;margin: 0 auto;}
.his-year{font-size: 16px;color: #00479d;margin-bottom: 5px;}
.his-year span{font-size: 40px;font-family: DINEngschrift;margin-right: 5px;line-height: 1em;}
.his-img{font-size: 0;}
.his-img-item{display: inline-block;vertical-align: top;font-size: 14px;width: 49%;margin-right: 2%;margin-top: 20px;}
.his-img-item:nth-child(2n){margin-right: 0;}
.his-img-item:nth-child(2n){margin-right: 0;}
.his-img-item:last-child{margin-right: 0;}
.his-dot{position: absolute;top:7px;left: 50%;margin-left: -12px;width: 24px;height: 24px;border:1px solid #00479d;border-radius: 100%;transition: all .4s;background: #eff3f8;}
.qidian .his-con{padding-left: 90px;}
.qidian .his-dot{top:11.5px;background: #00479d;}
.zindex5{z-index: 5;}
.his-bot:before{content: "";position: absolute;left: 50%;border-right: 1px dashed #205ea9;top:23px;z-index: -1; bottom:0;}
.chronometer img{width: 35px;vertical-align: bottom;}
.chronometer{position: absolute;top:30px;left: 50%;margin-left: -18px;}
.chronometer-box{padding-top: 15px;}
.chronometer-box:after{position: absolute;content: "";width: 90px;left: 50%;margin-left: -45px;background: #eff3f8;top:74px;bottom:0; z-index: -1;}
.tou img{width: 90px;}
.his-con:hover .his-dot{background: #00479d;}
/*2.1.5发展历程 e*/
/*2.1.6品牌视频 s*/
.xcp li{width: 49%;margin-right: 2%;margin-bottom: 2%;cursor: pointer;position: relative;}
.xcp li:nth-child(even){margin-right: 0;}
.xcp-bot{position: absolute;left: 0;width: 100%;z-index: 2;bottom:0;padding: 20px;transition: all .4s;}
.play116{width: 56px;height: 56px;background: url("../images/play110.png") no-repeat center;position: relative; background-size: cover;display: inline-block;transition: all .4s;border:2px solid #fff;border-radius: 100%;}
.play116 svg{position: absolute;top:-2px;left: -2px;}
/*.xcp li:hover .play110{transform: rotate(360deg);}*/
.xcp-hide{background: rgba(0,0,0,.38);transition: all .4s;opacity: 0;}
.xcp li .xcp-hide{opacity: 1;}
.xcp li:hover .xcp-hide{background: rgba(0,0,0,0)}
.xcp li:hover .play116{background: url("../images/play110-1.png") no-repeat center;background-size: cover;}
.xcp li p{transition: all .4s;}
/*.xcp li:hover p{color: #da251c;}*/
.xcp li .xcp-bot{opacity: 0;}
.cp-bot p{font-family: markpro;}

.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1200px;max-width: 92%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index:9;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
@media (max-width:760px) {
    .video_t a{width: 24px;height: 24px;right: 0;top:-30px;}
}

.xcp-con{min-width: 1000px;max-width: 92%;padding: 40px;background: #fff;margin: 0 auto;position: relative;display: inline-block;}
.xcp-con video{height: 34vw;vertical-align: bottom;}
.page{text-align: center;margin-top: 50px;font-size: 0;}
.page a{font-size: 16px;display: inline-block;vertical-align: middle;margin: 10px;border:1px solid #d0d0d0;transition: all .4s;border-radius: 40px;font-family: markpro;}
.pages{width: 40px;font-weight: bold;line-height: 40px;}
.page a:hover{background: #00479d;color: #fff;border-color: #00479d;}
.page a.active{background: #00479d;color: #fff;border-color: #00479d;}
.page-btn{width: 115px;text-align: center;line-height: 38px;}
.page-btn span{display: inline-block;vertical-align: middle;line-height: 38px;}
.page-left:before{content: "";width: 13px;height: 11px;display: inline-block;vertical-align: middle;transition: all .4s;background: url("../images/jt26x22-1.png") no-repeat center;background-size: 100% 100%;margin-right: 12px;}
.page-right:after{content: "";width: 13px;height: 11px;display: inline-block;vertical-align: middle;transition: all .4s;background: url("../images/jt26x22-2.png") no-repeat center;background-size: 100% 100%;margin-left: 12px;}
.page-left:hover:before{background: url("../images/jt26x22-3.png") no-repeat center;background-size: 100% 100%;}
.page-right:hover:after{background: url("../images/jt26x22-4.png") no-repeat center;background-size: 100% 100%;}
/*2.1.6品牌视频 e*/
/*2.1.7加入我们 s*/
.gtfz-img{width: 50%;}
.gtfz-con{width: 45%;}
.gtfz-list li{display: block;position: relative;padding-left: 117px;margin-bottom: 60px;}
.gtfz-list li:last-child{margin-bottom: 0;}
.youshi{position: absolute;top:0;left: -13px;width: 100px;}
.youshi img{width: 100%;vertical-align: bottom;}
.job-item{display: none;}
.job-item.active{display: block;}
.job-type{font-size: 0;}
.job-type .a{display: inline-block;vertical-align: top;font-size: 14px;margin-right: 80px;position: relative;}
.job-type .a:last-child{margin-right: 0;}
.job-type .img100{width: 96px;height: 96px; margin: 0 auto 10px;border-radius: 100%;border:1px solid #fff;transition: all .4s;}
.job-type .a:nth-child(1) .img100{background: url("../images/user19-fff.png") no-repeat center;background-size: cover;}
.job-type .a:nth-child(2) .img100{background: url("../images/graduate-fff.png") no-repeat center;background-size: cover;}
.job-type p{font-size: 18px;color: #fff;margin-bottom: 5px;}
.job-type .i{width: 0;border:10px solid transparent;border-top-color: #fff;left:50%;top:100%;vertical-align: bottom;display: inline-block;opacity: 0;transition: all .4s;position: absolute;left: 50%;margin-left: -10px;}
.padding-tb60{padding:60px 0;}

.job-type .a.active .i{opacity: 1;}
.job-type .a.active .img1{display: none;}
.job-type .a.active .img2{display: block;}

.job-type .a:hover .i{opacity: 1;}
.job-type .a:hover .img1{display: none;}
.job-type .a:hover .img2{display: block;}

.job-type .img2{display: none;}

.maodian{position: absolute;top:-70px;left: 0;}

.job-top{background: #01479d;}
.col-5{font-size: 0;display: flex;flex-wrap: wrap;}
.col-5 span{display: inline-block;text-align: center;line-height: 30px; font-size: 16px;color: #222;width: 16%;padding: 18px 5px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*.col-5 span:nth-child(4){width: 25%;}*/
.col-5 span:nth-child(1){width: 20%;text-align: left;padding-left: 20px;}
.job-top span{color: #fff;}
.job-top span:nth-child(1){justify-content: flex-start;}
.job-list{border:1px solid #dfdfdf;}
.job-list li{display: block;border-top: 1px solid #dfdfdf;}
.job-list li:nth-child(odd){background:#f8f9fb;}
.job-con{padding: 30px 50px 50px;display: none;background: #fff;}
.job-con p{min-height: 1.6em;}
.jrwm{display: inline-block;padding: 12px 32px;background: #01479d;color: #fff;font-size: 18px;border-radius: 5px;}
.col-5 .i{width: 30px;height: 30px;border:1px solid #00479d;border-radius: 100%;display: inline-block;vertical-align: middle;cursor: pointer;position: relative;}
.col-5 .i:after{content: "";position: absolute;width: 18px;height: 2px;background: #00479d;top:50%;margin-top: -1px;transition: all .4s;left: 50%;margin-left: -9px;}
.col-5 .i:before{content: "";position: absolute;height: 18px;width: 2px;background: #00479d;top:50%;margin-top: -9px;transition: all .4s;left: 50%;margin-left: -1px;}
.job-list li.active .i:before{opacity: 0;}
.job-list li.active span{border: none;white-space: normal;}
.job-list li:last-child .col-5 span{border-bottom: none;}
.job-list .col-5 span{border-right:1px solid #dfdfdf;}
.job-list .col-5 span:last-child{border-right:none;}
.job-control{cursor: pointer;}
/*2.1.7加入我们 e*/
/*3.1产品中心 s*/
.cp{display: flex;flex-wrap: wrap;}
.cp li{width: 30.5%;margin-right: 4.25%;text-align: center;margin-bottom: 4.25%;}
.cp li:nth-child(3n){margin-right: 0;}
.cp a{background: #f2f2f2;position: relative;height: 100%;width: 100%;display: block;border:1px solid #fff;transition: all .4s;}
.cp a:hover{ box-shadow: 0 0 21px 0 rgba(45, 45, 45, 0.46);}
.cp-bot{padding: 35px;}
.cp-bot .title24{border-bottom: 1px solid #cfd0d0;padding-bottom: 15px;margin-bottom: 15px;}
.des606060 p{color: #606060;}
/*3.1产品中心 e*/
/*3.2产品中心详情 s*/
.position{padding: 40px 0;}
.position img,.position a,.position span{display: inline-block;vertical-align: middle;font-size: 13px;color: #6c6c6c;margin-right: 12px;}
.position img{height: 12px;}
.position a:last-child{margin-right: 0;}
.cpxq-img{width: 46.6%;}
.cpxqDot{width: 100%;z-index: 9;left: 0;bottom:20px;position: absolute;}
.cpxqDot .swiper-pagination-bullet{margin-right: 8px;opacity: 1;background: #fff;}
.cpxqDot .swiper-pagination-bullet-active{background: #da251c;}
.cpxqDot .swiper-pagination-bullet:last-child{margin-right: 0;}
.cpxqBtn div{height: 48px; width: 48px;position: absolute;top:50%;margin-top: -24px;cursor: pointer;z-index: 9;border-radius: 100%;transition: all .4s;}
.cpxqBtn1{left: 15px;background: rgba(255,255,255,.3) url("../images/96-1.png") no-repeat center;background-size: cover;}
.cpxqBtn2{right: 15px;background: rgba(255,255,255,.3) url("../images/96-2.png") no-repeat center;background-size: cover;}
.cpxqBtn div:hover{background-color: #da251c;}
.cpxq-con{width: 47.33%;}
.store{position: absolute;right: 0;bottom:18px;}
.store img{display: inline-block;vertical-align: middle;width: 25px;margin-right: 5px;}
.store span{display: inline-block;vertical-align: middle;font-size: 16px;color: #ec5a02;}
.cpxq-top{padding-bottom: 18px;border-bottom: 1px solid #cfd0d0;}
.cpcs{background: #f3f3f3;border-radius: 10px;padding: 20px 25px;}
.cpcs-page h5{font-size: 16px;font-weight: bold;color: #343434;}
/*3.2产品中心详情 e*/
/*4.1新闻资讯 s*/
.xw-img{width: 388px;overflow: hidden;position: relative;height: 240px;}
.xw-img img{position: absolute;width: 100%;height: 100%;top:0;left: 0;object-fit: cover;}
.xw li{display: block;margin-bottom: 12px;transition: all .4s;}
.xw a{display: block;position: relative;padding: 20px;}
.xw-con{position: absolute;left: 450px;height: 100%;top:0;right: 15px;padding-top: 15px;}
.xw-con h3{font-size: 20px;transition: all .4s;}
.xw-con p{color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.date{color: #999;font-family: dinlight;}
.xw li:hover{ box-shadow: 0 0 10px 0 rgba(133, 131, 131, 0.7);}
.xw li:hover h3{color: #00479d;}
/*4.1新闻资讯 e*/
/*4.2新闻资讯详情 s*/
.xwym{}
.size30{font-size: 30px;}
.xwxq-top span,.xwxq-top img{display: inline-block;vertical-align: middle;}
.xwxq-top img{width: 25px;margin-right: 10px;}
.xwxq-top span{font-size: 18px;color: #999999;font-family: dincondmedium;}
.xwxq-top span:last-child{font-size: 14px;margin-left: 40px;}
.xwxq-time{margin-right: 40px;}
.edit{border-top: 1px solid #cdcdcd;border-bottom: 1px solid #cdcdcd;padding: 40px 0;}
.edit *{font-size: 16px !important;color: #666 !important;}
.edit img{max-width: 100%;height: auto !important;display: block;margin: 20px auto;}
.edit p{text-indent: 2em;}
.xwxq-fy a{font-size: 16px;color: #666;transition: all .4s;display: inline-block;margin-right: 44px;}
.xwxq-fy a:last-child{margin-right: 0;}
.xwxq-fy a:hover{color: #00479d;}
.fanhui i{display: inline-block;vertical-align: middle;width: 30px;height: 24px;background: url("../images/fanhui.png") no-repeat center;background-size: cover;margin-right: 15px;filter: grayscale(1);
    opacity: 0.6;transition: all .4s;}
.fanhui span{color:#666;font-size:16px;display: inline-block;vertical-align: middle;transition: all .4s;}
.fanhui:hover span{color: #00479d;}
.fanhui:hover i{filter: grayscale(0);opacity: 1;}
/*4.2新闻资讯详情 e*/
/*5.1社会责任 s*/
.shzr li{display: block;margin-bottom: 50px;}
.shzr li:last-child{margin-bottom: 0;}
.shzr-img{width: 50%;border-radius: 10px;overflow: hidden;position: relative;}
.shzr-img .des16{position: absolute;z-index: 9;left: 0;bottom:0;width: 100%;background: rgba(0,0,0,.7);padding: 12px 25px;}
.shzrDot{position: absolute;right: 25px;bottom:16px;z-index: 9;}
.shzrDot .swiper-pagination-bullet{opacity: 1;background: #fff;width: 12px;height: 12px;vertical-align: middle;margin-right: 10px;}
.shzrDot .swiper-pagination-bullet:last-child{margin-right: 0;}
.shzrDot .swiper-pagination-bullet-active{background: #da251c;}
.shzr li:nth-child(odd) .shzr-img{float: left;}
.shzr li:nth-child(even) .shzr-img{float: right;}
.shzr li:nth-child(odd) .shzr-con{right: 0;}
.shzr li:nth-child(even) .shzr-con{left: 0;}
.div58405{border-radius: 10px;background-color: rgb(255, 255, 255);box-shadow: 0 0 24px 0 rgba(133, 131, 131, 0.5);}
.shzr-con{position: absolute;width: 50%;height: 100%;top:0;}
.shzr-warp{padding: 0 12%;}
.ckxx{font-size: 13px;color: #818181;transition: all .4s;display: inline-block;border-bottom: 1px solid #da251c;padding-bottom: 12px;}
.ckxx:hover{color: #da251c;}
/*5.1社会责任 e*/
/*6.1技术革新 s*/
.scx-type{font-size: 0;background: #dedede;border-radius: 5px;width: 1120px;max-width: 100%;margin: 0 auto 60px;}
.scx-type span{font-size: 20px;color: #323232;display: inline-block;vertical-align: middle;width: 25%;text-align: center;line-height: 72px;border-radius: 5px;transition: all .4s;position: relative;cursor:pointer;}
.scx-type span:after{content: "";position: absolute;right: 0;top:20%;height: 60%;border-right: 1px solid #b7b7b7;transition: all .4s;}
.scx-type span:last-child:after{display: none;}
.scx-type span.active{background: #00479d;color: #fff;}
.scx-type span.active:after{opacity: 0;}
.scx-type span:hover{background: #00479d;color: #fff;}
.scx-type span:hover:after{opacity: 0;}
.scx-text{width: 1060px;max-width: 100%;margin: 0 auto;}
.scx-item{display: none;}
.scx-item.active{display: block;}
.lc1-container{width: 1370px;position: relative;max-width: 100%;margin: 0 auto;}
.lc1-container li{width: 10%;}
.lc2-container{width: 1016px;position: relative;max-width: 100%;margin: 0 auto;}
.lc2-container li{width: 18.7%;margin-bottom: 2.3%;}
.lc2-container li:nth-child(6){width: 14%;margin-bottom: 0;top: 18.5%;margin-right: 1px; position: absolute;right: 0;}
.lc2-container li:nth-child(7){float: right;margin-right: 6.49%;}
.lc2-container li:nth-child(8){float: right;}
.lc2-container li:nth-child(9){float: right;}
.lc2-container li:nth-child(10){float: right;}


.lc3-container{width: 1074px;position: relative;max-width: 100%;margin: 0 auto 8%;}
.lc3-container li{width: 16.99%;margin-right: 2.14%;}
.lc3-container li:nth-child(1){width: 14.897%;}
.lc3-container li:nth-child(10){width: 14.897%;}
.lc3-container li:nth-child(even){position: absolute;right: 0;top:51%;}
.lc3-container li:nth-child(2){left: 7.6%;}
.lc3-container li:nth-child(3){margin-top: 1%;}
.lc3-container li:nth-child(4){left: 26.8%;top:46.5%;}
.lc3-container li:nth-child(5){margin-top: 0.5%;}
.lc3-container li:nth-child(6){left: 46%;top: 42%;}
.lc3-container li:nth-child(7){margin-top: -0.5%;}
.lc3-container li:nth-child(8){left: 65.5%;top:35%;}
.lc3-container li:nth-child(9){margin-top: -1.5%;}
.lc3-container li:nth-child(10){right: 0.5%;top: 27%;}

.lc4-container{width: 1062px;position: relative;max-width: 100%;margin: 0 auto;}
.lc4-container li{width: 17.326%;margin-bottom: 6.261%;}
.lc4-container li:nth-child(3){width: 17.421%;}
.lc4-container li:nth-child(6){width: 10.123%;}
.lc4-container li:nth-child(7){width: 2.967%; position:absolute;right:0.3%;top:9.22%;}
.lc4-container li:nth-child(8){float: right;margin-right: 3.22%;}
.lc4-container li:nth-child(9){float: right;width: 17.421%;}
.lc4-container li:nth-child(10){float: right;width: 16.479%;}
.lc4-container li:nth-child(11){float: right;width: 15.726%;}
.lc4-container li:nth-child(12){float: right;width: 10.123%;}


/*6.1技术革新 e*/
/*6.2产品研发 s*/
.heying .title24{margin-top: 40px;}
.heying li{width: 47.5%;margin-right: 5%;margin-bottom: 70px;}
.heying li:nth-child(2n){margin-right: 0;}
.cpyf2{position: absolute;top:0;left: 0;width: 100%;}
.cpyf{width: 800px;max-width: 100%;margin: 0 auto;}
.cpyf img{width: 100%;vertical-align: bottom;}
/*6.2产品研发 e*/
/*6.3品质管理 s*/
.pzgl li{width: 48%;margin-right: 4%;margin-bottom: 80px;}
.pzgl li:nth-child(2n){margin-right: 0;}
.pzgl .shzrDot{background: rgba(0,0,0,.5);width: 100%;left: 0;bottom:0;text-align: right;padding: 15px 25px;}
.pzgl .des18{height: 150px;}
.pzgl-img{border-radius: 10px;overflow: hidden;}
.pzgl-lc{width: 650px;max-width: 100%;margin: 0 auto;}
/*6.3品质管理 e*/
/*7.1营销渠道 s*/
.qudao li{width: 26.66%;margin-right: 46.68%;margin-top: 70px;}
.qudao li:nth-child(2n){margin-right: 0;}
.qudao li:nth-child(1){margin-top: 0;}
.qudao li:nth-child(2){margin-top: 0;}
.qudao-img{position: absolute;width: 32.16%;left: 50%;top:0;margin-left: -16.08%;}
.qudao-img .img100{width: 48%;margin-right: 4%;float: left;margin-bottom: 4%;}
.qudao-img .img100:nth-child(2n){margin-right: 0;}
.qudao-img .img100 img{transition: all .4s;}
.qudao-img .img100:hover img{transform: scale(1.1);}
/*7.1营销渠道 e*/
/*7.2联系我们 s*/
.sle-name{font-size: 18px;color: #595959;}
.sle{width: 1086px;max-width: 100%;}
.sle-page{width: 49%;margin-right: 2%;}
.sle-page:nth-child(2n){margin-right: 0;}
.select-list{width: 100%;display: block;border-color: #e7e7e7;background: #f7f9fa;cursor: pointer;position: relative;}
.select-list:before{content: "";position: absolute;width: 16px;height: 15px;background: url("../images/phone-arrow.png") no-repeat center;background-size: cover;right: 10px;top:50%;margin-top: -8px;;transition: all .4s;opacity: 0.5;}
.select-list.active:before{transform: rotate(-180deg);}
.select-val{height: 56px;line-height: 56px;color: #8f8f8f;padding: 0 10px;}
.select-ul{position: absolute;width: 100%;overflow: auto;top:100%;left: 0;margin-top: 1px;display: none;max-height: 240px;z-index: 30;}
.select-ul span{display: block;padding: 0 10px;background: #f7f9fa;line-height: 30px;}
.select-ul span:hover{background: #f2f2f2;}

.mplca{height: 616px;background: #f2f2f2;}
.abulma{ position:absolute; top:0; right:50%; margin-right:-600px; width:570px; background:#fff; height:100%; box-shadow:0 0 15px rgba(0,0,0,0.2);z-index: 9;}
.abulma .swiper-slide .a{display: block;padding: 30px;position: relative;cursor:pointer;}
.title26 h3{font-size: 26px;}
.pt-list{position: relative;padding-left: 35px;margin-bottom: 5px;}
.pt-list p{text-align:left;}
.pt-list:last-child{margin-bottom: 0;}
.pt-list{position: relative;font-size: 18px;color: #636363;min-height: 28.8px;}
.pt-list-con{position: absolute;left: 0;top:0;}
.pt-list-con img{width: 20px;display: inline-block;vertical-align: middle;margin-right: 8px;}
.pt-list-con span{display: inline-block;vertical-align: middle;}
.abulma .swiper-slide .a:after{width: 4px;height: 100%;position: absolute;left: 0;top: 0;background: #00479d;content: '';}
.mapcenDot{position: static;margin-top: 10px;}
.BMap_Marker img{width: 100%;vertical-align: bottom;}
.abulma .swiper-slide.active h3{color:#00479d;}
/*7.2联系我们 e*/

.circle-svg circle{box-sizing: border-box;stroke-width: 1px;opacity: 0;}
.hideBtn{color:#000; font-size:16px;position: absolute;top:90px;pointer-events: none;left: 0;bottom:0;width: 100%;}
.hideBtn div{width:52px; height:52px;margin-top: -26px;border-radius: 100%;border:1px solid rgba(0,0,0,.5);transition: all .4s;box-sizing: border-box;position: absolute;top:50%;z-index: 9;cursor: pointer;pointer-events: auto;}
.hideBtn1{background:url(../images/prev.png) no-repeat; background-size:cover; left:5%;}
.hideBtn2{background:url(../images/next.png) no-repeat; background-size:cover; right: 5%;}
.hideBtn1:hover{background:rgba(0,0,0,.2) url(../images/prev.png) no-repeat; background-size:cover;}
.hideBtn2:hover{background:rgba(0,0,0,.2) url(../images/next.png) no-repeat; background-size:cover;}
.hideBtn div:hover .circle-svg__circle-1{opacity: 1;stroke-dasharray:162;animation:str 0.8s linear;}
.xcp li:hover .circle-svg__circle-1{opacity: 1;stroke-dasharray:170;animation:str 0.8s linear;}
.xcp li .circle-svg circle{stroke-width: 2px;stroke:#da251c;}
@keyframes str {
    0%{stroke-dashoffset: 170px;}
    100%{stroke-dashoffset: 0;}
}

.weare-serv-ul{ position:relative; padding:4% 0;}
.weare-serv-ul li{ float:left; width:25%; text-align:center; color:#464646;}
.weare-serv-li-num{ text-align:center; color:#00479d;}
.weare-serv-li-num span{ vertical-align:bottom; font-size: 16px;margin-left:10px; display:inline-block;}
.weare-serv-li-num p{ display:inline-block; font-size:50px; font-weight:bold;line-height: normal;font-family: dincondmedium;}
.weare-serv-li-p{ text-align:center; margin-top:20px; font-weight:bold;font-size: 18px;}
.weare-eng{ text-transform:uppercase; font-weight:bold; color:#f0f0f0; font-size:16px;text-align: center;}
.ediltc{ line-height:2; color:#666;}
.kolaoc{ background:#f2f6fa; padding:6% 0;}
.oproea{ width:80%;}
.tolsa span{ display:none;}

#his_2006 .his-warp{width: 600px;max-width: 100%;}

.ss-a{padding: 60px 0;}
.ss-a h3{font-family: "dincondregular";letter-spacing: 4px;text-indent: 4px;}
.ss-a p{font-size: 22px;}
.ssbox{width: 600px;margin: 0 auto;max-width: 94%;}
.ssingput{border-radius: 6px;overflow: hidden;margin-right: 100px;}
.ssingput input{display: block;width: 100%;height: 54px;text-indent: 1em;font-size: 16px;}
.sbmint{position: absolute;right: 0;width: 92px;height: 100%;top:0;background: #da251c;line-height: 54px;text-align: center;color: #fff;font-size: 18px;border-radius: 6px;cursor: pointer;}
/*.ssingput:before{position: absolute;content: ''; height: 100%;width: 63px;background-image: url("../images/fdj.png");left: 0;top:0;}*/
.ssdh span{display: inline-block;font-size: 18px;box-shadow: 0 0 10px 0 rgba(133, 131, 131, 0.7);margin-right: 7px;background: #fff;width: 173px;transition: all .4s;text-align: center;line-height: 64px;color: #333;cursor:pointer;}
.ssdh span.active{
    background-image: -moz-linear-gradient( 0deg, rgb(38,106,195) 0%, rgb(66,126,203) 62%, rgb(94,145,211) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(38,106,195) 0%, rgb(66,126,203) 62%, rgb(94,145,211) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(38,106,195) 0%, rgb(66,126,203) 62%, rgb(94,145,211) 100%);color: #fff;
}
.ssdh span:hover{
    background-image: -moz-linear-gradient( 0deg, rgb(38,106,195) 0%, rgb(66,126,203) 62%, rgb(94,145,211) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(38,106,195) 0%, rgb(66,126,203) 62%, rgb(94,145,211) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(38,106,195) 0%, rgb(66,126,203) 62%, rgb(94,145,211) 100%);color: #fff;
}
.result{margin-bottom: 35px;}
.ssjecon{padding: 50px 0 80px;min-height: 300px;}
.conrt{padding: 40px;}
.result{font-size: 18px;color: #aeaeae;}
.result span{color: #0436a7;}
.sslb-tabs{display: none;min-height: 300px;}
.sslb-tabs .ry{margin: 0;}
.sslb-tabs .sslb-tabs{margin: 0;}
.sslb-tabs.active{display: block;}
.bgf8{background: #f8f8f8;}
.ssdh .w1500{font-size: 0;}
.footer .w1720{width: 1720px !important;}

.search-body{padding-top: 70px;}
.search-body .menuBtn{background: #fff;pointer-events: none;}
.search-body .header-con{opacity: 1;visibility: visible;}
.search-body .language .lgg span{color: #717171;}
.search-body .language .lgg .i{filter: brightness(0.5);}

.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.swiper-slide-a{overflow: hidden;}
.about-list li:nth-child(1),.news-list li:nth-child(1),.cs li:nth-child(1){animation-delay: 200ms !important;}
.about-list li:nth-child(2),.news-list li:nth-child(2),.cs li:nth-child(2){animation-delay: 400ms !important;}
.about-list li:nth-child(3),.news-list li:nth-child(3),.cs li:nth-child(3){animation-delay: 600ms !important;}
.about-list li:nth-child(4),.news-list li:nth-child(4){animation-delay: 800ms !important;}

.product-fl li:nth-child(2){animation-delay: 100ms !important;}
.product-fl li:nth-child(3){animation-delay: 200ms !important;}
.product-fl li:nth-child(4){animation-delay: 300ms !important;}
.product-fl li:nth-child(5){animation-delay: 400ms !important;}
.product-fl li:nth-child(6){animation-delay: 500ms !important;}
.product-fl li:nth-child(7){animation-delay: 600ms !important;}
.product-fl li:nth-child(8){animation-delay: 700ms !important;}

.lc-ul li:nth-child(1){animation-delay: 100ms !important;}
.lc-ul li:nth-child(2){animation-delay: 200ms !important;}
.lc-ul li:nth-child(3){animation-delay: 300ms !important;}
.lc-ul li:nth-child(4){animation-delay: 400ms !important;}
.lc-ul li:nth-child(5){animation-delay: 500ms !important;}
.lc-ul li:nth-child(6){animation-delay: 600ms !important;}
.lc-ul li:nth-child(7){animation-delay: 700ms !important;}
.lc-ul li:nth-child(8){animation-delay: 800ms !important;}
.lc-ul li:nth-child(9){animation-delay: 900ms !important;}
.lc-ul li:nth-child(10){animation-delay: 1000ms !important;}
.lc-ul li:nth-child(11){animation-delay: 1100ms !important;}
.lc-ul li:nth-child(12){animation-delay: 1200ms !important;}

.zxwz-item{margin-top: 50px;}
.zxwz-top{border-bottom: 1px solid #eee;padding-bottom: 15px;margin-bottom: 15px;}
.zxwz-top .title24{position: relative;padding-left: 15px;}
.zxwz-top .title24:before{content: "";position: absolute;top:10%;height: 80%;width: 2px;background: #00479d;left: 0;}
.zxwz-list li{display: block;font-size: 16px;margin-top: 12px;}
.zxwz-list li a{color: #666;transition: all .4s;position:relative;display:block;padding-right:95px;}
.zxwz-list li a span{position:absolute;top:0;right:0;}
.zxwz-list li a:hover{color: #00479d;}

.slideUp,.swiper-slide-a.swiper-slide-active .index-slide-up,.scx-item.active .slide-Up,.banner .swiper-slide-active .banner-des{
    animation:slideUp 1s both ease-out;-webkit-animation:slideUp 1s both ease-out;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.scx-item.active .slide-Down{
    animation:slideDown 1s both ease-out;-webkit-animation:slideDown 1s both ease-out;
}
@keyframes slideDown{
    0%{opacity:0;-webkit-transform: translateY(-60px);transform: translateY(-60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft,.scx-item.active .slide-Left{
    animation:slideLeft 1s both ease-out;-webkit-animation:slideLeft 1s both ease-out;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight,.scx-item.active .slide-Right{
    animation:slideRight 1s both ease-out;-webkit-animation:slideRight 1s both ease-out;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig,.swiper-slide-a.swiper-slide-active .index-slide-big{
    animation:tobig 1s both ease-out;-webkit-animation:tobig 1s both ease-out;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
[aos=fade-rotate]{transform: rotate(-180deg);}
[aos=fade-rotate].aos-animate{transform: rotate(0deg);}