.layout{/*max-width: 1400px;*/ width: 1400px; margin: 0 auto;} img{max-width: 100%;} .clearfix:before,.clearfix:after{content: ""; display: table}.clearfix{zoom: 1;} .clearfix:after{content: ""; clear: both; height: 0; visibility: hidden; display: block;} /*header*/ #wrapper{width: 100%; position: relative; overflow-x: hidden;} .header{width: 100%; height: 120px; position: fixed; position: absolute; left: 0; top: 24px; z-index: 1000;} .header .layout{width: 100%; max-width: 1480px; margin: 0 auto; padding: 0 40px; padding: 0 2.0833vw;} .header:hover,.header.fixed{background-color: #fff; background-color: rgba(255,255,255,.7);} .logo{float: left; padding-top: 24px; padding-bottom: 24px; position: absolute; left: 115px; left: 5.989583vw; top: 0;} .logo a{display: block; width: 207px; height: 71px; font-size: 0; background-image: url(../images/logo.png); background-position: center; background-size: contain; background-repeat: no-repeat;} .lan-box{float: right; margin-top: 48px; position: relative; font-family: 'MontserratRegular';} .lan-box .btn{font-size: 18px; color: #000; display: block; padding-left: 30px; background-image: url(../images/lang.png); background-position: 0 center; background-repeat: no-repeat;} .lan-box .lan-list{width: 70px; position: absolute; left: 50%; top: 40px; margin-left: -35px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: .15s ease-out;} .lan-box:hover .lan-list{opacity: 1; visibility: visible; transform: translateY(0);} .lan-box .lan-list:before{content: ''; width: 0; height: 0; position: absolute; left: 50%; top: -10px; z-index: 5; margin-left: -10px; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent;} .lan-box .lan-list:after{content: ''; width: 0; height: 0; position: absolute; left: 50%; top: -12px; margin-left: -12px; border-bottom: 12px solid rgba(0, 0, 0, 0.1); border-left: 12px solid transparent; border-right: 12px solid transparent;} .lan-box .lan-list dl{border-radius: 10px; overflow: hidden; background-color: #fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.1);} .lan-box .lan-list a{display: block; padding: 5px 10px; text-align: center; font-size: 14px; color: #333;} .lan-box .lan-list a:hover{background-color: #8a1013; color: #fff;} .nav{float: right;} .nav ul{font-size: 0;-webkit-text-size-adjust: none;} .nav ul li{display: inline-block;_display: inline;zoom: 1; padding:0 1.64583vw;} .nav ul li .bt{display: block; font-size: 18px; color: #000; height: 120px; line-height: 120px; position: relative;} .nav ul li .bt:after{content:""; display: block; width: 100%; height: 2px; background-color: #8a1013; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;} .nav ul li.on .bt:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;} .nav ul li:hover{background-color: #FF0000;} .nav ul li:hover .bt{color: #fff;} .nav ul li .nav-body{transform-origin: 50% 0%; transform: perspective(1920px) rotateX(-80deg); opacity:0; transition: all .3s 0s; visibility: hidden;} .nav ul li:hover .nav-body,.nav ul li.active .nav-body{opacity: 1; visibility: visible; z-index: 10; transition: all .5s 0s; transform: perspective(0px) rotateX(0deg); -webkit-transform: rotateX(0deg);} .nav-body{width: 100%; background-color: #fff; background-color: rgba(255,255,255,.7); border-top: 1px solid #bfbfbf; position: absolute; left: 0; top: 120px; z-index: 5; padding: 30px 0; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.07);box-shadow: 0 5px 5px rgba(0,0,0,.07);} .nav-body .nvbox{width: 600px; float: right; margin-right: 210px;} .nav-body .nleft{width: 307px; float: left;} .nav-body .pic{width: 100%; height: 152px; overflow: hidden; position: relative;} .nav-body .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .nav-body .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .nav-body .nleft .h2{font-size: 16px; color: #535353; text-align: center; margin-top: 20px;} .nav-body .nright{width: 265px; float: right; padding-left: 40px; border-left: 1px dashed #d9d9d9; min-height: 152px;} .nav-body .dl{display: flex; flex-wrap: wrap;} .nav-body .dl dd{width: 100%; margin-top: 10px;} .nav-body .dl dd a{font-size: 15px; color: #535353;} .nav-body .dl dd a:hover{color: #8a1013; margin-left: 5px;} .snav-body{width: 180px; margin-left: -90px; padding-top: 20px;} .btn-m-list{width: 55px; height: 50px; position: absolute; right: 0; top: 5px; z-index: 1020; display: none; cursor: pointer; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);} .trans, .trans:hover{-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .trans-fast, .trans-fast:hover{-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;} .btn-m-list .burger{width: 17px; height: 3px; background-color: #000; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin: 0 0 0 -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; } .btn-m-list .burger-2{top: 25px; width: 25px;} .btn-m-list .burger-3{top: 33px; width: 21px;} .btn-m-list.on .burger-1{top: 25px; width: 21px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg);transform: rotate(225deg);} .btn-m-list.on .burger-2{top: 25px; width: 21px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;} .btn-m-list.on .burger-3{top: 25px; width: 21px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);} .mask{width: 100%; height: 100%; position: fixed; _position: absolute; top: 0; left: 0; z-index: 2000; display: none; background-color: rgba(0,0,0,.7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);} .mob-nav{width: 264px; height: 100%; position: fixed; _position: absolute; top: 0; left: -100%; visibility: hidden; overflow-y: auto; background-color: #444; z-index: 3000; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-box-shadow: -10px 0 100px 10px rgba(0, 0, 0, 0.7);box-shadow: -10px 0 100px 10px rgba(0, 0, 0, 0.7);} .mob-nav.on{visibility: visible; left: 0;} .mob-nav .neirong-close{width: 24px; height: 24px; display: block; background-image: url(../images/nav-close.svg); background-position: center; background-size: 24px auto; background-repeat: no-repeat; position: absolute; top: 10px; right: 10px; font-size: 0; visibility: hidden;} .mob-nav.on .neirong-close{visibility: visible;} .mob-nav .subtab{padding-top: 60px;} .mob-nav .subtab>li{border-bottom: 1px solid #333; position: relative; transform: translateX(0rem); transition: 0.5s;} .mob-nav .subtab>li:nth-child(1) .tlink{transition-delay: 150ms;} .mob-nav .subtab>li:nth-child(2) .tlink{transition-delay: 250ms;} .mob-nav .subtab>li:nth-child(3) .tlink{transition-delay: 350ms;} .mob-nav .subtab>li:nth-child(4) .tlink{transition-delay: 450ms;} .mob-nav .subtab>li:nth-child(5) .tlink{transition-delay: 550ms;} .mob-nav .subtab>li:nth-child(6) .tlink{transition-delay: 650ms;} .mob-nav .subtab>li:nth-child(7) .tlink{transition-delay: 750ms;} .mob-nav .subtab>li:nth-child(8) .tlink{transition-delay: 850ms;} .mob-nav .subtab>li:nth-child(9) .tlink{transition-delay: 950ms;} .mob-nav .subtab>li:nth-child(10) .tlink{transition-delay: 1050ms;} .mob-nav.on .subtab>li{transform: translateX(0px);} .mob-nav .subtab li .tlink{display: block; padding: 12px 20px; font-size: 16px; color: #fff; background-color: #8c8c8c; position: relative;} .mob-nav .subtab li.on .tlink{color: #8a1013;} .mob-nav .subtab li .subbtn:after{content: ""; display: block; width: 10px; height: 10px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); position: absolute; right: 15px; top: 50%; margin-top: -6px; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;} .mob-nav .subtab li.on .subbtn:after{-webkit-transform: rotate(223deg);transform: rotate(223deg);} .mob-nav .subtab li .submenu{width: 100%; padding: 0 0 15px 0; background-color: #444; overflow: hidden; display: none;} .mob-nav .subtab li .submenu a{display: block; margin-left: 20px; padding: 10px; font-size: 16px; color: #fff;} .mob-nav .subtab li .subbtn1:after{content: ""; display: block; width: 6px; height: 6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); position: absolute; right: 15px; top: 50%; margin-top: -6px; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;} .mob-nav .subtab li .on .subbtn1:after{-webkit-transform: rotate(223deg);transform: rotate(223deg);} .mob-nav .subtab li .mlink{display: block; padding: 10px; font-size: 14px; color: #8c8c8c; position: relative;} .mob-nav .subtab li .menuer{width: 100%; overflow: hidden; display: none;} .mob-nav .subtab li .menuer a{display: block; padding: 10px; margin-left: 35px; font-size: 14px; color: #fff;} .mob-nav .subtab li .tlink{ background: rgba(33,33,33,0.8); -webkit-transform-origin: -100% 0%; -moz-transform-origin: -100% 0%; -o-transform-origin: -100% 0%; -ms-transform-origin: -100% 0%; transform-origin: -100% 0%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg); -moz-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg); -o-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg); -ms-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg); transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mob-nav.on .subtab li .tlink{ background: rgba(68,68,68,1); -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* Slider */ .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list{position:relative;z-index:1;display:block;overflow:hidden;margin:0;padding:0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor:pointer;cursor:hand;} .slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{position:relative;top:0;left:0;display: block;} .slick-track:before,.slick-track:after{display:table;content:'';} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none;float:left;height:100%;min-height:1px;} [dir='rtl'] .slick-slide{float:right;} .slick-slide img{display:block;} .slick-slide.slick-loading img{display:none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display:block;} .slick-loading .slick-slide{visibility:hidden;} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;} .slick-arrow.slick-hidden{display:none;} .banner{width:100%; height:100%; position:relative; z-index:1;} .banner .slideshow{position: relative; z-index: 1; width: 100%; height: 100%;} .banner .slideshow *{outline:none;} .banner .slideshow .slider-track{-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);} /*.banner .slideshow .item img{width: 100%; display: block; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2);} .banner .slideshow .item.slick-active img{-webkit-transform: scale(1);transform: scale(1);}*/ .banner .slideshow .slick-slide .pimg{width: 100%; display: block; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .banner .slideshow .slick-active .pimg{visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);} @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .banner .banText{max-width: 1635px; width: 100%; text-align: left; position: absolute; left: 50%; top: 50%; z-index: 10; display: none; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .banner .banText .h2{font-size: 70px; font-size: 3.64583vw; color: #000; letter-spacing: 10px; /*text-shadow: black 0.1em 0.1em 0.2em;*/} .banner .banText .pn{font-size: 30px; font-size: 1.5625vw; color: #000; margin-top: 0; letter-spacing: 1px;} .banner .banText .more{width: 146px; height: 44px; line-height: 44px; font-size: 18px; margin-top: 40px; width: 7.6041vw; height: 2.2916vw; line-height: 2.2916vw; font-size: 0.9375vw; margin-top: 2.0833vw; color: #000; display: block; border: 1px solid #000; text-align: center; overflow: hidden;} .banner .banText .more:hover{background-color: #8a1013; border-color: #8a1013; color: #fff;} .banner .banText .h2,.banner .banText .pn{ opacity: 0; transform: translateY(-100%); transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s; -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s; -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;} .banner .banText .pn{transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s; -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s; -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;} .banner .slick-active .h2,.banner .slick-active .pn{opacity: 1; transform: translateY(0);} .banner .slick-dots{width: 100%; text-align: center; position: absolute; left: 0; bottom: 24px; z-index: 10;} .banner .slick-dots li{width: 16px; height: 16px; border: 1px solid #fff; border-radius: 50%; font-size: 0; cursor: pointer; display: inline-block;_display: inline;zoom: 1; margin: 0 5px;} .banner .slick-dots li button{display: none;} .banner .slick-dots li.slick-active{background-color: #fff;} .banner .slick-arrow{width: 31px; height: 60px; position: absolute; top: 50%; margin-top: -30px; z-index: 10; font-size: 0; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;} .banner .slick-prev{left: -100%; background: url(../images/slick-prev.png) no-repeat;} .banner:hover .slick-prev{left: 2.5%;} .banner .slick-next{right: -100%; background: url(../images/slick-next.png) no-repeat;} .banner:hover .slick-next{right: 2.5%;} .bannerbox{width: 100%; position: relative;} .bannerbox .pcimg{width: 100%;} .bannerbox .moimg{width: 100%; display: none;} /*index*/ .contain{width: 100%; padding-top: 24px;} .indexs .contain{padding-top: 24px;} .sectionBox{width: 100%; padding: 80px 0; background-color: #fff;} .index-title{width: 100%; text-align: center;} .index-title .h2{font-size: 30px; color: #161413; position: relative;} .index-title .h2:before{content: ""; width: 35%; height: 2px; position: absolute; left: 0; top: 50%; margin-top: -1px; background-color: #dcdcdd;} .index-title .h2:after{content: ""; width: 35%; height: 2px; position: absolute; right: 0; top: 50%; margin-top: -1px; background-color: #dcdcdd;} .index-title .pn{font-family: 'MontserratRegular'; font-size: 20px; color: #8e8c8c;} .section01{padding-bottom: 200px; background-color: #f7f8fe; background-image: url(../images/IndustrialBg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;} .industrial-list{width: 100%; margin-top: 130px;} .industrial-list ul li{width:20%; float: left; position: relative; text-align: center;} .industrial-list ul li .indBg{width: 100%; overflow: hidden; position: relative;} .industrial-list ul li .pic{width: 100%; padding-bottom: 134.8%; overflow: hidden; border-radius: 20px; border: 1px solid #e5e5e5; position: relative;} .industrial-list ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .industrial-list ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .industrial-list ul li .tit{font-size: 20px; color: #000; margin-top: 10px;} .industrial-list ul li .indText{display: none; width: 424px; background-color: #fff; border-radius: 20px; border: 1px solid #e5e5e5; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10;} .industrial-list ul li.active .indText{display: block;} .industrial-list ul li .indText img{width: 100%; display: block; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .industrial-list ul li .indText:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .industrial-list ul li .Text{position: absolute; left: 2%; right: 2%; top: 50%; transform: translateY(-50%); text-align: center;} .industrial-list ul li .h2{font-size: 30px; color: #8a1013;} .industrial-list ul li .more{width: 36px; height: 36px; margin: 15px auto 0 auto; border: 1px solid #8a1013; border-radius: 50%; position: relative; display: block;} .industrial-list ul li .more:before{content: ""; width: 16px; height: 2px; background-color: #8a1013; position: absolute; left: 9px; top: 16px;} .industrial-list ul li .more:after{content: ""; width: 2px; height: 16px; background-color: #8a1013; position: absolute; left: 16px; top: 9px;} .section02{background-color: #ae8eb3; background-image: url(../images/NewsBg.jpg); background-position: center; background-size: cover; background-attachment: fixed; background-repeat: no-repeat;} .section02 .index-title .pn{color: #e1d7e6; color: rgba(255,255,255,.5);} .section02 .index-title .h2{color: #fff;} .Index-News{overflow: hidden; margin-top: 60px; margin-left: -30px; margin-right: -30px; display: flex; display: -webkit-flex; display: -ms-flexbox; align-items: stretch;} .Index-News .InNwBox{width: 50%; float: left; padding: 0 30px;} .Index-News .Nwmain{background-color: #fff; background-color: rgba(255,255,255,.8); border-radius: 10px; overflow: hidden; height: 100%;} .NewsHot-Box{width: 100%;} .NewsHot-Box .pic{width: 100%; /*height: 372px;*/ padding-bottom: 55.6%; overflow: hidden; position: relative;} .NewsHot-Box .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .NewsHot-Box .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .NewsHot-Box .tmain{padding: 60px 40px 40px 40px;} .NewsHot-Box .h2{font-size: 16px; color: #000;} .NewsHot-Box .h2:hover{color: #af2f2f;} .NewsHot-Box .time{font-family: 'MontserratRegular'; font-size: 15px; color: #545151; margin-top: 15px;} .NewsHot-Box .more{font-family: 'MontserratRegular'; font-size: 14px; color: #af2f2f; width: 115px; height: 24px; line-height: 24px; text-align: center; border-radius: 2px; margin: 20px auto 0 auto; background-color: #fff; border: 1px solid #af2f2f;} .NewsHot-Box .more:hover{background-color: #af2f2f; border-color: #af2f2f; color: #fff;} .NewsHot-Box .slick-dots{width: 100%; text-align: center; position: absolute; left: 0; top: 80%; z-index: 10;} .NewsHot-Box .slick-dots li{width: 16px; height: 16px; border: 1px solid #af2f2f; border-radius: 50%; font-size: 0; cursor: pointer; display: inline-block;_display: inline;zoom: 1; margin: 0 5px;} .NewsHot-Box .slick-dots li button{display: none;} .NewsHot-Box .slick-dots li.slick-active{background-color: #af2f2f;} .InNewsTab{width: 100%; height: 50px; line-height: 50px; background-color: #fff; text-align: center; border-radius: 10px; overflow: hidden;} .InNewsTab a{width: 50%; float: left; font-size: 20px; color: #000;} .InNewsTab a.on{background-color: #af2f2f; color: #fff;} .InNewsList .box{display: none;padding-bottom:20px;} .InNewsList .box .more{font-family: 'MontserratRegular'; font-size: 14px; color: #af2f2f; width: 115px; height: 24px; line-height: 24px; text-align: center; border-radius: 2px; margin: 20px auto 0 auto; background-color: #fff; border: 1px solid #af2f2f;} .InNewsList .box .more:hover{background-color: #af2f2f; border-color: #af2f2f;} .InNewsList .box .more:hover a{color: #fff;} .InNewsList ul li{border-bottom: 1px dashed #adadad; padding: 14px 20px;} .InNewsList ul li a{display: block; padding-left: 30px; padding-right: 90px; position: relative;} .InNewsList ul li a:before{content: ""; width: 16px; height: 16px; border: 1px solid #af2f2f; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -8px; transition: all 0.3s ease;} .InNewsList ul li:hover a:before{background-color: #af2f2f;} .InNewsList ul li .h2{font-size: 16px; color: #000; height: 46px; line-height: 46px; transition: all 0.4s ease;} .InNewsList ul li:hover .h2{color: #af2f2f;} .InNewsList ul li .year{font-family: 'MontserratRegular'; font-size: 14px; color: #333; text-align: center; width: 80px; position: absolute; right: 0; top: 0;line-height:46px;} .InNewsList ul li .year span{font-size: 20px; display: block; line-height: 1; margin-bottom: 5px;} .section03{background-color: #fff; background-image: url(../images/HistoryBg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;} .Index-History{width: 100%; margin-top: 100px; display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: space-between; align-items: center; flex-flow: row-reverse;} .Index-History .img{width: 596px; padding-bottom: 29.9%; overflow: hidden; position: relative;} .Index-History .img img{display:none;max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .Index-History .img:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .indHistory{width: 730px; position: relative; z-index: 1;} .indHistory:before{content: ""; width: 6px; position: absolute; left: 50%; top: 0; bottom: 20px; z-index: -1; margin-left: -3px; background-image: url(../images/Hline.jpg); background-position: 0 0; background-repeat: repeat-y;} .indHistory .list{width: 100%; padding-bottom: 54px;} .indHistory .item{/*font-family: 'MontserratRegular';*/ padding-right: 51%; padding-bottom: 40px;} .indHistory .item:nth-child(even){padding-left: 51%; padding-right: 0;} .indHistory .box{position: relative; min-height: 100px; padding-top: 20px;} .indHistory .year{width: 122px; height: 100px; line-height: 100px; text-align: center; font-size: 26px; color: #000; position: absolute; right: -140px; top: 0; background-image: url(../images/Hyear.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;} .indHistory .item:nth-child(even) .year{left: -140px; right: auto; background-image: url(../images/Hyear_h.jpg);} .indHistory .text{display: flex; align-items: center; flex-flow: row-reverse; border-radius: 10px; background-color: #eee; background-image: url(../images/Htext.jpg); background-position: center; background-size: cover; background-repeat: repeat-x;} .indHistory .mon{width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; float: right; background-image: url(../images/Hmon.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;} .indHistory .item:nth-child(even) .mon{float: left; background-image: url(../images/Hmon1.jpg);} .indHistory .item:nth-child(even) .text{flex-flow: nowrap;} .indHistory .pn{flex: 1; padding: 5px 15px; font-size: 16px;height:62px;overflow:hidden; color: #333; line-height: 18px;} .indHistory .slick-arrow{width: 163px; height: 51px; position: absolute; left: 50%; margin-left: -81px; z-index: 10; outline: none; font-size: 0; cursor: pointer; border: none; background-color: transparent; background-image: url(../images/HnextBtn.png); background-position: center; background-size: cover; background-repeat: no-repeat;} .indHistory .slick-prev{top: 0; display: none; visibility: hidden;} .indHistory .slick-next{bottom: 0;} /*about*/ .nybanner{width: 100%; height: 800px; height: 41.6666vw; position: relative; z-index: 5; background-image: url(../images/nybanner1.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;} .nytit{width: 83.5%; position: absolute; left: 8.25%; top: 50%; transform: translateY(-50%);} .nytit .h2{font-size: 72px; font-size: 3.75vw; color: #333;} .nytit .pn{font-size: 20px; color: #333;} .nyMenuBox{width: 100%; background-color: #fff; box-shadow: 0px 10px 56px rgba(127,51,0,0.38); position: relative; z-index: 10;} .subList{float: left;} .subList ul{font-size: 0;-webkit-text-size-adjust: none;} .subList ul li{display: inline-block;_display: inline;zoom: 1; margin-right: 70px; margin-right: 3.64583vw;} .subList ul li a{display: block; height: 90px; line-height: 90px; font-size: 19px; color: #000; position: relative; z-index: 1;} .subList ul li a:after{content:""; display: block; width: 100%; height: 2px; background-color: #8a1013; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;} .subList ul li:hover a:after,.subList ul li.on a:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;} .subList ul li:hover a,.subList ul li.on a{color: #8a1013;} .Homepage{float: right; height: 90px; line-height: 90px; font-size: 16px; color: #999;} .Homepage a{color: #999;} .Homepage a.home{display: inline-block; padding-left: 18px; background: url(../images/home.png) left center no-repeat;} .Homepage i{font-family: simsun; margin-left: 4px;} .Homepage a:hover{color: #8a1013;} .aboutBox{width: 100%; background-color: #fafbf9; padding: 60px 0 100px 0;} .aboutText{padding-bottom: 150px;} .aboutInfo{background-image: url(../images/aboutInfo.jpg); background-position: center 0; background-repeat: no-repeat;} .aboutInfo .img{float: right; margin-left: 2%; margin-bottom: 3%;} .aboutInfo .h2{font-size: 2.2vw; color: #000; /*margin-top: 80px;*/} .aboutInfo p{font-size: 22px; color: #333; line-height: 36px; text-align: justify; text-indent: 2em; margin-top: 1%;} .aboutNumber{width: 100%; height: 337px; margin-top: 5%; background-color: #333; background-image: url(../images/aboutNumber.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;} .aboutNumber ul{width: 100%; height: 100%; overflow: hidden; display: flex;} .aboutNumber ul li{width: 25%; height: 100%; float: left; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center;} .aboutNumber ul li.item2{background-color: rgba(153,0,0,0.8);} .aboutNumber ul li.item4{background-color: rgba(153,0,0,1);} .aboutNumber .num span{font-family: 'MontserratRegular'; font-size: 60px;} .aboutNumber .num i{font-size: 16px; display: inline-block; vertical-align: top;} .aboutNumber .pn{font-size: 26px; margin-top: 10px;} .aboutNumber .pn span{display: inline-block; padding-left: 50px; min-height: 43px; background-image: url(../images/anIcon1.png); background-position: 0 bottom; background-repeat: no-repeat;} .aboutNumber ul li.item1 .pn span{background-image: url(../images/anIcon1.png);} .aboutNumber ul li.item2 .pn span{background-image: url(../images/anIcon2.png);} .aboutNumber ul li.item3 .pn span{background-image: url(../images/anIcon3.png);} .aboutNumber ul li.item4 .pn span{background-image: url(../images/anIcon4.png);} .aboutMap{width: 100%; margin-top: 6%; position: relative; overflow: hidden;} .abMap{width: 892px; height: 752px; float: right; position: relative; background-image: url(../images/aboutMap.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;} .abMap .btns{position: absolute; font-size: 0;} .abMap .btn1{width: 30px; height: 35px; right: 217px; top: 274px;} .abMap .btn2{width: 130px; height: 115px; right: 172px; bottom: 44px;} .aboutMap .ablist{position: absolute; left: 5px; top: 50%; transform: translateY(-50%);} .aboutMap .box{width: 706px; padding: 30px; background-color: #fff; box-shadow: 2px 0px 24px rgba(0,0,0,0.12); display: none; flex-flow: row-reverse;} .aboutMap .box.on{display: flex;} .aboutMap .box .pic{width: 37%; height: 225px; overflow: hidden; position: relative;} .aboutMap .box .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .aboutMap .box .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .aboutMap .tmain{width: 66%; padding-right: 40px;} .aboutMap .h2{font-size: 28px; color: #333;} .aboutMap .pcont{font-size: 20px; color: #333; margin: 15px 0;} .aboutMap .btn{width: 200px; height: 45px; line-height: 45px; background-color: #8a1013; font-size: 20px; color: #fff; text-align: center; display: block;} /*history*/ .historyBox{background-color: #fafafa; background-image: url(../images/historyBox.jpg); background-size: 100% auto; background-position: center 0; background-repeat: no-repeat;} .nyTitle{text-align: center;} .nyTitle .h2{font-size: 40px; color: #000;} .nyTitle .pn{font-family: 'MontserratRegular'; font-size: 21px; color: #6e6e6e;} .nyTitle .line{width: 8%; height: 3px; display: block; margin: 15px auto 0 auto; background-color: #c50404;} .historyList{width: 100%; margin-top: 100px;} .historyList .slick-list{margin: 0 -16px;} .historyList .item{padding: 16px; padding-top: 30px;} .historyList .box{background-color: #f5fbfe; box-shadow: 2px 0px 24px rgba(0,0,0,0.12); position: relative;} .historyList .year{width: 128px; height: 60px; line-height: 60px; text-align: center; background-color: #c50404; font-size: 18px; color: #fff; position: absolute; left: 20px; top: -30px;} .historyList .year span{font-family: 'MontserratRegular'; font-size: 26px; margin-right: 5px;} .historyList .text{padding: 20px; padding-top: 50px; font-size: 18px; color: #333; min-height: 130px;} .historyList .pic{width: 100%; height: 0; padding-bottom: 77%; overflow: hidden; position: relative;} .historyList .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .historyList .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .historyList .slick-arrow{width: 27px; height: 44px; position: absolute; top: 50%; margin-top: -30px; z-index: 10; font-size: 0; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;} .historyList .slick-prev{left: -5%; background: url(../images/btnsL.png) no-repeat;} .historyList .slick-next{right: -5%; background: url(../images/btnsR.png) no-repeat;} .historyList .slick-dots{width: 100%; text-align: center; margin-top: 20px; display: none !important;} .historyList .slick-dots li{width: 8px; height: 8px; border: 1px solid #af2f2f; border-radius: 50%; font-size: 0; cursor: pointer; display: inline-block;_display: inline;zoom: 1; margin: 0 5px;} .historyList .slick-dots li button{display: none;} .historyList .slick-dots li.slick-active{background-color: #af2f2f;} /*honor*/ .honorBox{background-image: url(../images/honorBox.jpg); background-size: cover; background-position: center 0; background-repeat: no-repeat;} .honorYear{width: 100%; max-width: 1000px; margin: 100px auto 0 auto; padding: 0 100px; position: relative; z-index: 1;} .honorYear:after{content: ""; height: 2px; background-color: #e5e5e5; position: absolute; left: 160px; right: 160px; top: 50%; margin-top: 17px; z-index: -1;} .honorYear .year{font-size: 17px; color: #333; text-align: center;} .honorYear .slick-current .year{font-size: 18px; color: #000;} .honorYear .ro{display: block; width: 26px; height: 26px; border: 1px solid #e5e5e5; border-radius: 50%; margin: 10px auto 0 auto; position: relative;} .honorYear .ro:before{content: ""; width: 20px; height: 20px; background-color: #e5e5e5; border-radius: 50%; position: absolute; left: 2px; top: 2px;} .honorYear .slick-current .ro{border-color: #8a1013;} .honorYear .slick-current .ro:before{background-color: #8a1013;} .honorYear .slick-arrow{width: 16px; height: 26px; position: absolute; top: 50%; margin-top: -13px; z-index: 10; font-size: 0; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;} .honorYear .slick-prev{left: 0; background: url(../images/btnsL.png) no-repeat; background-size: contain;} .honorYear .slick-disabled{display:none !important;} .honorYear .slick-next{right: 0; background: url(../images/btnsR.png) no-repeat; background-size: contain;} .honorList{width: 100%; max-width: 1000px; margin: 0 auto; margin-top: 60px;} .honorList .list ul li{padding: 25px 30px; border-bottom: 1px solid #b3b3b3; position: relative;} .honorList .list ul li:before{content: ""; width: 10px; height: 10px; border-radius: 50%; background-color: #a0a0a0; position: absolute; left: 0; top: 37px;} .honorList .list ul li .h2{font-size: 22px; color: #000;} .honorImg{padding: 15px;} .honorImg .box{display: flex; justify-content: space-between; align-items: center; padding: 30px 60px; background-color: #fcf6f3; box-shadow: 2px 0px 24px rgba(2,0,12,0.24);} .honorImg .pic{width: 420px;} .honorImg .tmain{width: 34%; font-size: 22px; color: #000;} .honorImg .slick-arrow{width: 34px; height: 34px; position: absolute; top: 50%; margin-top: -17px; z-index: 10; background-color: #fff; background-size: 10px auto; background-position: center; background-repeat: no-repeat; font-size: 0; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;} .honorImg .slick-prev{left: 15px; background-image: url(../images/btnsL.png);} .honorImg .slick-next{right: 15px; background-image: url(../images/btnsR.png);} .honorImg .slick-dots{width: 100%; text-align: center; margin-top: 20px; display: none !important;} .honorImg .slick-dots li{width: 8px; height: 8px; border: 1px solid #af2f2f; border-radius: 50%; font-size: 0; cursor: pointer; display: inline-block;_display: inline;zoom: 1; margin: 0 5px;} .honorImg .slick-dots li button{display: none;} .honorImg .slick-dots li.slick-active{background-color: #af2f2f;} /*R & D*/ .strengthBox{background-image: url(../images/strengthBox.jpg); /*background-size: 100% auto;*/ background-position: center 0; background-repeat: no-repeat;} .strengthText{width: 100%; margin-top: 60px;padding-bottom:30px;overflow:hidden;background-color:#fff;} .strengthText .pic{width: 720px; width: 51.5%; float: left;margin-right: 40px;margin-bottom: 30px;} .strengthText .pic img{display: block;} .strengthText .img1{border: 4px solid #fff; margin-right: 48px; box-shadow: 2px 0px 24px rgba(2,0,12,0.24);} .strengthText .img2{border: 4px solid #fff; margin-left: 290px; margin-top: -110px; box-shadow: 2px 0px 24px rgba(2,0,12,0.24); position: relative; z-index: 5;} .strengthText .tmain{width: 644px; width: 100%; float: right;} .strengthText .h2{font-size: 38px; color: #000;} .strengthText .pcont p{font-size: 1vw;text-align: justify; text-indent: 2em;} .strengthBank{padding: 40px 0;background-color:#f3f3f3;} .strengthBank1{background-color:#fff;} .strengthBank .h2{font-size: 40px; color: #000;} .strengthBank p{font-size: 22px; color: #333; line-height: 46px; text-align: justify; margin-top: 3%;} .strengthBank .imglist{margin: 0 -32px; margin-top: 3%; overflow: hidden;} .strengthBank .imglist li{width: 50%; padding: 0 32px; float: left;} .strengthBank .pic{width: 100%; height: 0; padding-bottom: 66.5%; overflow: hidden; position: relative;} .strengthBank .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .strengthBank .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .strengthTeam{margin-top: 60px; padding-top: 60px; border-top: 1px solid #fbe7e7;} .strTeamImg{width: 100%; margin-top: 60px;} .strTeamImg .y{padding: 0 10% !important;} .strTeamImg .slick-arrow{width: 34px; height: 34px; position: absolute; top: 50%; margin-top: -17px; z-index: 10; background-color: #fff; background-size: 10px auto; background-position: center; background-repeat: no-repeat; font-size: 0; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;} .strTeamImg .slick-prev{left: 15px; background-image: url(../images/btnsL.png);} .strTeamImg .slick-next{right: 15px; background-image: url(../images/btnsR.png);} .strTeamImg .pic{margin-top: 5%; opacity: .5;} .strTeamImg .pic img{/*width: 80%;*/width: 100%; max-height: 370px;} .strTeamImg .slick-current .pic{width: 100%; margin-top: 0; opacity: 1;} .strTeamImg .slick-current .pic img{max-height: 100%;} .strTeamText{width: 100%; margin-top: 3%;} .strTeamText .h2{font-size: 32px; color: #333; text-align: center;} .strTeamText .pcont{font-size: 22px; color: #333; line-height: 46px; text-align: justify; text-indent: 2em; margin-top: 3%;} /*team*/ .bossText{margin-top: 60px; padding: 70px 20px 70px 120px; display: flex; align-items: center; border: 1px solid #f4f4f4; background-color: #fcf6f3; background-image: url(../images/teamBg1.jpg); background-size: cover; background-position: center bottom; background-repeat: no-repeat;} .bossText .pic{width: 275px; text-align: center;} .bossText .icon{width: 154px; height: 154px; border-radius: 50%; background-color: #eef3fa; margin: 0 auto; overflow: hidden; position: relative;} .bossText .icon img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} /*.bossText .icon:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}*/ .bossText .h2{margin-top: 25px; font-size: 20px; color: #333; text-align: center;} .bossText .h2 span{font-size: 24px; margin-right: 5px;} .bossText .line{width: 54px; height: 4px; margin: 10px auto 0 auto; background-color: #f8b6b6; display: block;} .bossText .text{flex: 1; padding-left: 80px; font-size: 22px; color: #333; line-height: 46px; text-align: justify;} .zongjingli{width: 100%; margin-top: 60px;} .zongjingli ul{display: flex; flex-flow: row-reverse; margin: 0 -40px; overflow: hidden;} .zongjingli ul li{width: 50%; padding: 0 40px; float: left;} .zongjingli ul li .box{padding: 40px 20px; border: 1px solid #f4f4f4; background-color: #fcf6f3; height: 100%;} .zongjingli ul li.item1 .box{background-image: url(../images/teamBg2.jpg); background-size: cover; background-position: 0 0; background-repeat: no-repeat;} .zongjingli .icon{width: 154px; height: 154px; border-radius: 50%; background-color: #eef3fa; margin: 0 auto; overflow: hidden; position: relative;} .zongjingli .icon img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} /*.zongjingli .icon:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}*/ .zongjingli .h2{margin-top: 25px; font-size: 20px; color: #333; text-align: center;} .zongjingli .h2 span{font-size: 24px; margin-right: 5px;} .zongjingli .line{width: 54px; height: 4px; margin: 10px auto 0 auto; background-color: #f8b6b6; display: block;} .zongjingli .h3{font-size: 32px; color: #333; text-align: center;} .zongjingli .text{font-size: 22px; color: #333; line-height: 46px; text-align: justify; margin-top: 3%;} .teamList{width: 100%; margin-top: 80px;} .teamList ul{/*display: flex; */margin: 0 -40px; overflow: hidden;} .teamList ul li{width: 33.333%; padding: 0 40px; float: left;margin-bottom:20px;} .teamList ul li .box{padding: 40px 20px; border: 1px solid #f4f4f4; background-color: #fcf6f3; height: 100%; background-image: url(../images/teamBg2.jpg); background-size: cover; background-position: 0 0; background-repeat: no-repeat;} .teamList .icon{width: 154px; height: 154px; border-radius: 50%; background-color: #eef3fa; margin: 0 auto; overflow: hidden; position: relative;} .teamList .icon img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} /*.teamList .icon:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}*/ .teamList .h2{margin-top: 25px; font-size: 20px; color: #333; text-align: center;} .teamList .h2 span{font-size: 23px; margin-right: 5px;} .teamList .line{width: 54px; height: 4px; margin: 10px auto 0 auto; background-color: #f8b6b6; display: block;} .teamList .h3{font-size: 32px; color: #333; text-align: center;} .teamList .text{font-size: 22px; color: #333; line-height: 46px; text-align: justify; margin-top: 3%;min-height:490px;} /*LeadershipCase*/ .LeadershipHot{width: 100%; margin-top: 60px;} .LeadershipHot .box{display: block; border: 1px solid #dcdcdc;} .LeadershipHot .pic{width: 100%; height: 0; padding-bottom: 46.4%; overflow: hidden; position: relative;} .LeadershipHot .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .LeadershipHot .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .LeadershipHot .title{width: 100%; height: 55px; line-height: 55px; border-top: 1px solid #dcdcdc; font-size: 22px; color: #000; padding: 0 10px; text-align: center; background-color: #fcf6f3;} .LeadershipList{width: 100%;} .LeadershipList ul{margin: 0 -50px;} .LeadershipList ul li{width: 33.333%; float: left; padding: 0 50px; margin-top: 60px;} .LeadershipList ul li .box{display: block; border: 1px solid #dcdcdc;} .LeadershipList ul li .pic{width: 100%; height: 0; padding-bottom: 66.9%; overflow: hidden; position: relative;} .LeadershipList ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .LeadershipList ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .LeadershipList ul li .title{width: 100%; height: 70px;border-top: 1px solid #dcdcdc; font-size: 13px;overflow:hidden; color: #000; padding: 5px 10px; text-align: center; background-color: #fcf6f3;} .SeeMore{width: 100%; margin-top: 60px; text-align: center;} .SeeMore a{width: 33px; height: 18px; margin: 0 auto; display: block; font-size: 0; background: url(../images/SeeMore.png) no-repeat;} .SeeMore a:hover{opacity: 0.8;} /*industrial*/ .industrialBox{background-color: #fff; background-image: url(../images/industrialBox.jpg); background-size: 100% auto; background-position: center 0; background-repeat: no-repeat;} .industrialBar01{width: 100%; overflow: hidden;} .indusImg{width: 710px; width: 50.75%; float: right;} .indusImg .pic{width: 100%; height: 0; padding-bottom: 73.3%; overflow: hidden; position: relative;} .indusImg .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .indusImg .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .indusImg .slick-dots{width: 100%; text-align: center; margin-top: 10px;} .indusImg .slick-dots li{width: 10px; height: 10px; border: 1px solid #3f8bcb; border-radius: 50%; font-size: 0; cursor: pointer; display: inline-block;_display: inline;zoom: 1; margin: 0 5px;} .indusImg .slick-dots li button{display: none;} .indusImg .slick-dots li.slick-active{background-color: #3f8bcb;} .indusText .h2{font-size: 60px; color: #333; /*display: flex;*/ align-items: center; line-height: 1;} .indusText .h2 span{font-family: 'MontserratRegular'; font-size: 24px; color: #f8b6b6; /*margin-left: 20px;*/max-width:365px;} .indusText{width: 640px; width: 45.75%; float: left;} .indusText .pcont{margin-top: 115px;} .indusText .pcont p{font-size: 16px; color: #333; line-height: 1.5em; text-indent: 2em; text-align: justify; margin-top: 3%;} .IndusTitle{width: 100%; margin-top: 60px; text-align: center;} .IndusTitle .h2{font-size: 32px; color: #333;} .IndusTitle .pn{font-family: 'MontserratRegular'; font-size: 50px; color: #333; opacity: .14;} .IndusTechnology{margin-top: 50px; background-color: #fcf6f3; box-shadow: 2px 0px 24px rgba(2,0,12,0.12); display: flex; align-items: end;} .indusTeImg{width: 50%;} .indusTeImg .pic{width: 100%; height: 0; padding-bottom: 88.5%; overflow: hidden; position: relative;} .indusTeImg .pic img{max-width: 100%; height:auto !important; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .indusTeImg .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .indusTeImg .tit{font-size: 24px; color: #333; text-align: center; margin: 10px 0;} .indusTeImg .slick-dots{width: 100%; text-align: center; position: absolute; left: 0; bottom: 70px; z-index: 10;} .indusTeImg .slick-dots li{width: 10px; height: 10px; border: 1px solid #8a1013; border-radius: 50%; font-size: 0; cursor: pointer; display: inline-block;_display: inline;zoom: 1; margin: 0 5px;} .indusTeImg .slick-dots li button{display: none;} .indusTeImg .slick-dots li.slick-active{background-color: #8a1013;} .IndusTechnology .tmain{width: 50%; padding: 40px; font-size: 20px; line-height: 40px; color: #333;overflow:hidden;position:relative;} .IndusTechnology .tmain .box{max-height:690px;overflow:hidden;} .IndusTechnology .tmain p{/*margin: 8% 0;*/} .IndusTechnology .tmain .more {float:right;position:absolute;bottom:10px;right:5%;} .IndusPro{width: 100%; margin-top: 20px; padding: 0 110px;} .IndusPro .slick-list{margin: 0 -38px;} .IndusPro .item.slick-current{padding-top: 0;} .IndusPro .box{display: block; margin: 30px 38px; background-color: #fff; overflow: hidden; border-radius: 10px; box-shadow: 3px 0px 32px rgba(2,0,12,0.12); } .IndusPro .item{padding-top: 80px;} .IndusPro .item:nth-child(1){padding-top: 80px;} .IndusPro .item:nth-child(2){padding-top: 0;} .IndusPro .item:nth-child(3){padding-top: 80px;} .IndusPro .pic{width: 100%; height: 0; padding-bottom: 90%; overflow: hidden; position: relative;} .IndusPro .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .IndusPro .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .IndusPro .tmain{padding: 20px;} .IndusPro .h2{font-size: 16px;line-height:1.3; color: #333; text-align: center;height:60px;overflow:hidden;} .IndusPro .pcont{font-size: 14px; color: #333; margin-top: 10px; height: 42px; overflow: hidden;} .IndusPro .slick-arrow{width: 34px; height: 34px; position: absolute; top: 50%; margin-top: -17px; z-index: 10; background-size: 10px auto; background-position: center; background-repeat: no-repeat; font-size: 0; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;} .IndusPro .slick-prev{left: 15px; background-image: url(../images/btnsL.png);} .IndusPro .slick-next{right: 15px; background-image: url(../images/btnsR.png);} .IndusPro .slick-dots{width: 100%; text-align: center; margin-top: 0; display: none !important;} .IndusPro .slick-dots li{width: 10px; height: 10px; border: 1px solid #8a1013; border-radius: 50%; font-size: 0; cursor: pointer; display: inline-block;_display: inline;zoom: 1; margin: 0 5px;} .IndusPro .slick-dots li button{display: none;} .IndusPro .slick-dots li.slick-active{background-color: #8a1013;} .IndusMap{width: 100%; margin-top: 50px; position: relative;} .IndusMap .MapBox{width: 835px; width: 59.7%; float: right;} .IndusMap .StoreBox{width: 544px; width: 38.9%; float: left;} .IndusMap .tit{font-size: 32px; color: #333;} .IndusMap .pcont{font-size: 18px; color: #333;} .IndusMap .pcont p{margin-top: 3%;} .StoreList{width: 100%; margin-top: 50px; background-color: #fdfaf9;} .cityselect{width: 100%; border-radius: 10px; background-color: #c50404; font-size: 20px; color: #fff; text-align: center; overflow: hidden; margin-top: 20px;} .select{width: 100%; height: 54px; line-height: 54px; border: none; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; font-size: 20px; color: #fff; text-align-last: center; background: #c50404 url(../images/sel.png) no-repeat 96% center;} .select::-ms-expand{display: none;} .StoreList .ul{height: 480px; overflow-y: auto;} .StoreList .ul li{padding: 20px; border-bottom: 1px solid #efefef; transition: all 0.3s ease;} .StoreList .ul li .box{display: block; overflow: hidden;} .StoreList .ul li:hover,.StoreList .ul li.on{background-color: #f6f0ee;} .StoreList .ul li .h2{font-size: 20px; color: #333;} .StoreList .ul li .text{font-size: 18px; color: #888; margin-top: 5px;} .IndusMore{width: 100%; margin-top: 50px;} .IndusMore ul{margin: 0 -15px;} .IndusMore ul li{width: 25%; float: left; padding: 0 15px;} .IndusMore ul li .pic{width: 100%; height: 0; padding-bottom: 90%; overflow: hidden; position: relative;} .IndusMore ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .IndusMore ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .IndusMore ul li .pic:after{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; background-color: rgba(35,78,129,0.47); opacity: 0; visibility: hidden; transition: all 0.3s ease;} .IndusMore ul li .box:hover .pic:after{opacity: 1; visibility: visible;} .IndusMore ul li .more{width: 36px; height: 36px; border: 1px solid #fff; border-radius: 50%; display: block; position: absolute; left: 50%; top: 70%; z-index: 10; margin-top: -18px; margin-left: -18px; opacity: 0; visibility: hidden; transition: all 0.3s ease;} .IndusMore ul li .box:hover .more{opacity: 1; visibility: visible; top: 50%;} .IndusMore ul li .more:before{content: ""; width: 16px; height: 2px; background-color: #fff; position: absolute; left: 9px; top: 16px;} .IndusMore ul li .more:after{content: ""; width: 2px; height: 16px; background-color: #fff; position: absolute; left: 16px; top: 9px;} .IndusMore ul li .h2{font-size: 20px; color: #000; text-align: center; margin-top: 10px;} /*news*/ .newsBox{background-color: #fff; background-image: url(../images/newsBox.jpg); background-position: right 0; background-repeat: no-repeat;} .newsTou{width: 100%; margin-top: 60px; padding: 20px; background-color: #faf6f4; background-image: url(../images/newsTou.jpg); background-position: center 0; background-size: cover; background-repeat: no-repeat;} .touBox{width: 100%; position: relative; background-color: rgba(255,255,255,0.63);} .touBox .box{display: flex; overflow: hidden;} .touBox .pic{flex: 1; padding-bottom: 34%; overflow: hidden; position: relative;} .touBox .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .touBox .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .touBox .tmain{width: 400px; padding: 40px;} .touBox .h2{font-size: 20px; color: #333; max-height: 84px; overflow: hidden;} .touBox .h2:hover{color: #8a1013;} .touBox .pcont{font-size: 18px; color: #333; margin-top: 30px; max-height: 135px; overflow: hidden;} .touBox .time{font-family: 'MontserratRegular'; font-size: 18px; color: #aaa; margin-top: 30px;} .touBox .slick-arrow{width: 34px; height: 34px; position: absolute; bottom: 0; z-index: 20; background-color: #8a1013; background-size: 8px auto; background-position: center; background-repeat: no-repeat; font-size: 0; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;} .touBox .slick-prev{right: 324px; background-image: url(../images/slick-prev.png);} .touBox .slick-next{right: 285px; background-image: url(../images/slick-next.png);} .touBox .slick-dots{width: 100%; text-align: center; position: absolute; left: 0; bottom: 20px; z-index: 10;} .touBox .slick-dots li{width: 16px; height: 16px; border: 1px solid #fff; background-color: #fff; border-radius: 50%; font-size: 0; cursor: pointer; display: inline-block;_display: inline;zoom: 1; margin: 0 5px;} .touBox .slick-dots li button{display: none;} .touBox .slick-dots li.slick-active{background-color: #8a1013; border-color: #8a1013;} .newsList{width: 100%;} .newsList ul li{margin-top: 40px;} .newsList ul li .box{display: flex; align-items: center; overflow: hidden; background-color: #fcf6f3;} .newsList ul li .box:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .newsList ul li .pic{width: 296px; height: 206px; overflow: hidden; position: relative;} .newsList ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .newsList ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .newsList ul li .tmain{padding: 20px 40px; flex: 1; display: flex; flex-wrap: wrap; justify-content: space-between;} .newsList ul li .info{width: 78%;} .newsList ul li .h2{font-size: 22px; color: #333; width: 97%; /*max-width: 600px;*/} .newsList ul li .h2:hover{color: #8a1013;} .newsList ul li .pcont{font-size: 18px; color: #333; margin-top: 20px; height: 54px; overflow: hidden;} .newsList ul li .time{font-family: 'MontserratRegular'; font-size: 18px; color: #666; text-align: center;} .newsList ul li .more{width: 124px; height: 34px; line-height: 32px; text-align: center; margin-top: 36px; border: 1px solid #424241; border-radius: 25px; font-size: 16px; color: #333;} .newsList ul li .more:hover{background-color: #8a1013; border-color: #8a1013; color: #fff;} .page{width: 100%; text-align: center; margin-top: 70px;} .page a{display: inline-block; font-size: 12px; color: #999; border: 1px solid #dfdfdf; background-color: #fff; padding: 7px 14px;} .page a.prev,.page a.next{font-weight: bold;} .page a:hover,.page a.on{background-color: #c50404; border-color: #c50404; color: #fff;} .newsDetails h1{font-size: 40px; color: #333; text-align: center;} .newsInfo{width: 100%; margin-top: 20px; padding-bottom: 10px;} .newsInfo ul{display: flex; justify-content: center;} .newsInfo ul li{margin: 0 30px; font-size: 16px; color: #aaa;} .newsInfo ul li span{display: inline-block; padding-left: 20px; background-position: 0 5px; background-repeat: no-repeat;} .newsInfo ul li .author{background-image: url(../images/n_author.jpg);} .newsInfo ul li .origin{background-image: url(../images/n_origin.jpg);} .newsInfo ul li .time{background-image: url(../images/n_time.jpg);} .newsText{padding: 60px 0 40px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;} .newsText img{max-width: 100%; height: auto !important;} .newsMore{width: 100%; margin-top: 20px;} .newsMore ul{display: flex; justify-content: space-between;} .newsMore ul li{width: 39%;} .newsMore ul li a{font-size: 22px; color: #666;} .newsMore ul li a:hover{color: #8a1013;} /*investor*/ .investorBox{padding-top: 15px; padding-bottom: 200px; background-color: #fff; background-image: url(../images/investorBox.jpg); background-position: 0 0; background-repeat: no-repeat;} .investorPage{text-align: right; overflow: hidden;} .investorList{width: 100%; margin-top: 40px;} .investorList ul{margin: 0 -71px;} .investorList ul li{width: 33.333%; padding: 0 71px; float: left; margin-top: 60px;} .investorList ul li:nth-child(n+4){width: 25%; padding: 0 35px;} .investorList ul li .box{display: block;} .investorList ul li .pic{width: 100%; height: 0; padding-bottom: 62%; overflow: hidden; position: relative;} .investorList ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} /*.investorList ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}*/ .investorList ul li .box:hover .pic{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .investorList ul li .h2{margin-top: 20px; font-size: 32px; color: #000;} .investorList ul li .box:hover .h2{color: #8a1013;} .investorList ul li .more{margin-top: 20px; font-size: 20px; color: #000;} .investorList ul li .box:hover .more{color: #8a1013;} .interimList{width: 100%; margin-top: 60px;} .interimList ul li{margin-top: 40px;} .interimList ul li .box{display: block; background-color: #fcf6f3; position: relative; padding: 35px 164px;} .interimList ul li .box:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .interimList ul li .time{width: 105px; font-family: 'MontserratRegular'; font-size: 19px; color: #666; text-align: right; position: absolute; left: 30px; top: 35px;} .interimList ul li .time span{font-size: 32px; color: #333; display: block;} .interimList ul li .tmain{border-left: 1px solid #d4d2d1; border-right: 1px solid #d4d2d1; padding-left: 40px; padding-right: 40px;} .interimList ul li .h2{font-size: 19px; color: #333;} .interimList ul li .box:hover .h2{color: #c50404;} .interimList ul li .pcont{font-size: 16px; color: #666; height: 48px; overflow: hidden; margin-top: 15px;} .interimList ul li .more{width: 45px; height: 24px; position: absolute; right: 60px; top: 50%; margin-top: -12px; font-size: 0; background: url(../images/Iemore.png) no-repeat; background-size: cover;} .interimList ul li .box:hover .more{background: url(../images/Iemore_h.png) no-repeat;} .managementText{padding: 0 20px; margin-top: 100px;} .managementText p{font-size: 19px; color: #000; line-height: 43px;} .DownloadList{width: 100%; margin-top: 60px;} .DownloadList ul li{margin-top: 20px;} .DownloadList ul li .box{background-color: #fcf6f3; display: block; padding: 8px 80px 8px 164px; position: relative;} .DownloadList ul li .box:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .DownloadList ul li .time{position: absolute; left: 30px; top: 50%; margin-top: -13px; font-family: 'MontserratRegular'; font-size: 20px; color: #333;} .DownloadList ul li .more{position: absolute; right: 30px; top: 50%; margin-top: -14px; width: 24px; height: 28px; font-size: 0; background: url(../images/DownloadMore.png) no-repeat;} .DownloadList ul li .box:hover .more{background: url(../images/DownloadMore_h.png) no-repeat;} .DownloadList ul li .tit{padding-left: 40px; height: 37px; line-height: 37px; font-size: 20px; color: #333; border-left: 1px solid #c3c3c3;} .DownloadList ul li .box:hover .tit{color: #c50404;} .DividendBox{width: 100%; margin-top: 100px;} .DividendTable img{max-width: 100%; /*display: block;*/} /*join*/ .joinBox{background-image: none;} .joinBox .investorPage{margin-bottom: -50px;} .joinTitle{width: 100%; text-align: center; margin-top: 100px;} .joinTitle .icon img{max-width: 50px; display: block; margin: 0 auto;} .joinTitle .h2{font-size: 32px; color: #333; margin-top: 10px;} .JcultureBox{width: 100%; margin-top: 50px; padding: 30px; height: 800px; display: flex; justify-content: flex-end; align-items: center; background-color: #001f34; background-image: url(../images/JcultureBox.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;} .JcultureBox .text{background-color: rgba(255, 255, 255, 0.9); padding: 70px; font-size: 30px; color: #333; max-width: 710px;} .JcultureBox .p2{margin-top: 5%;} .JcultureBox .p3{text-indent: 3em;} .JcultureBox .p4{text-indent: 3em;} .JtalentConcept{width: 100%; margin-top: 50px; background-color: #fcf6f3; display: flex; flex-flow: row-reverse; align-items: center;} .JtalentConcept .pic{width: 50%; padding-bottom:31.3%; overflow: hidden; position: relative;} .JtalentConcept .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .JtalentConcept .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .JtalentConcept .text{width: 50%; padding: 20px 50px; font-size: 30px; color: #333; text-align: center;} .JsearchBox{width: 100%; margin-top: 50px; height: 600px; display: flex; align-items: center; justify-content: center; background-color: #4674ae; background-image: url(../images/JsearchBox.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;} .JsearchBox .Jform{width: 654px; width: 46.6%; height: 54px; background-color: #fff; border-radius: 20px; display: flex; overflow: hidden;} .JsearchBox .txt{flex: 1; padding: 0 20px; border: none; background-color: #fff; font-size: 16px; color: #333;} .JsearchBox .btn{width: 60px; height: 54px; border: none; cursor: pointer; font-size: 0; background-image: url(../images/JsearchBtn.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;} .Jaboutus{width: 100%; margin-top: 50px; background-color: #fcf6f3; display: flex; align-items: center;} .Jaboutus .pic{width: 50%; padding-bottom:31.3%; overflow: hidden; position: relative;} .Jaboutus .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .Jaboutus .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .Jaboutus .text{width: 50%; padding: 20px 50px; font-size: 30px; color: #333; text-align: center;} .Jcontact{width: 100%; margin-top: 50px; display: flex; flex-flow: row-reverse; align-items: center;position:relative;} .Jcontact .info{width: 474px; padding-left: 60px;} .Jcontact .info ul li.li0{padding-top:0;} .Jcontact .info ul li{border-bottom: 1px dashed #ddd; padding-top: 30px; padding-bottom: 30px; color: #333;} .Jcontact .info ul li:last-of-type{border-bottom: none;} .Jcontact .info ul li .h2{font-size: 24px; margin-bottom: 20px;} .Jcontact .info ul li p{font-size: 20px; padding-left: 30px; margin-top: 10px; background-position: 0 0; background-repeat: no-repeat;} .Jcontact .info ul li .p1{background-image: url(../images/joinIcon6.jpg);} .Jcontact .info ul li .p2{background-image: url(../images/joinIcon7.jpg); font-family: 'MontserratRegular';} .Jcontact .pic{flex: 1;} .Jcontact .pic .content1{position:absolute;top:0;left:0;} .Jcontact .pic .content1.on{z-index:2;display:block;} /*Job*/ .jobBox{background-image: none;} .JobSearch{width: 100%; margin-top: 100px;} .JobSearch ul{margin: 0 -22px;} .JobSearch ul li{float: left; padding: 0 22px;} .JobSearch ul li.item1{width: 41.85%;} .JobSearch ul li.item2{width: 41.85%;} .JobSearch ul li.item3{width: 16.3%;} .JobSearch ul li .text{width: 100%; height: 60px; background-color: #fcf6f3; border: none; padding: 0 20px; font-size: 16px; color: #333;} .JobSearch ul li .sel{width: 100%; height: 60px; background-color: #fcf6f3; font-size: 16px; color: #333; text-indent: 20px; outline: none;} .JobSearch ul li .submit{width: 100%; height: 60px; border: none; background-color: #c50404; font-size: 16px; color: #fff; cursor: pointer; transition: all 0.5s ease;} .JobSearch ul li .submit:hover{opacity: .8;} .JobList{width: 100%; margin-top: 47px;} .JobList ul li{background-color: #fcf6f3; margin-top: 3px;} .JobList ul li .titleBox{padding: 19px 30px; display: flex; align-items: center; justify-content: space-between; transition: all 0.5s ease;} .JobList ul li .infoBox{display: none;} .JobList ul li.on .titleBox{background-color: #c50404;} .JobList ul li .h2{font-size: 24px; color: #666; width: 60%;} .JobList ul li.on .h2{color: #fff;} .JobList ul li .more{width: 36px; height: 36px; border: 1px solid #c8c8c8; border-radius: 50%; position: relative; display: block;} .JobList ul li.on .more{border-color: #fff;} .JobList ul li .more:before{content: ""; width: 16px; height: 2px; background-color: #c8c8c8; position: absolute; left: 9px; top: 16px;} .JobList ul li.on .more:before{background-color: #fff;} .JobList ul li .more:after{content: ""; width: 2px; height: 16px; background-color: #c8c8c8; position: absolute; left: 16px; top: 9px; transition: all 0.3s ease;} .JobList ul li.on .more:after{height: 0; background-color: #fff;} .JobList ul li .box{padding:40px;} .JobList ul li .require{font-size:14px; color:#666; padding-bottom: 30px;} .JobList ul li .require span{margin-right:15px;} .JobList ul li .summry{padding: 30px 0; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; display: flex; justify-content: space-between;} .JobList ul li .thumb{width: 45%;} .JobList ul li .h3{font-size: 18px; color: #333; margin-bottom: 10px;} .JobList ul li p{font-size: 16px; color: #666; margin-top: 15px;} .JobList ul li .email{margin-top: 30px;} .JobList ul li .email p{margin-top: 5px;} /*myTop*/ .myTop{width: 66px; position: fixed; _position: absolute; right: 0; top: 50%; z-index: 100; transform: translateY(-50%); display: none;} .myTop ul li{margin-top: 1px; height: 66px; text-align: center; position: relative;} .myTop ul li a{padding: 10px 5px 7px 5px; display: block; font-size: 12px; color: #fff; background-color: #221f1f; overflow: hidden; position: relative; z-index: 10;} .myTop ul li a:after{content:""; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #8a1013; -webkit-transform-origin: -50% 50%; transform-origin: -50% 50%; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); -webkit-transition: -webkit-transform .3s ease-in; transition: transform .3s ease-in; opacity: 0\9; filter: alpha(opacity=0)\9;} .myTop ul li:hover a:after{-webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); opacity: 1\9; filter: alpha(opacity=100)\9; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} /*.myTop ul li:hover a{background-color: #8a1013;}*/ .myTop ul li .icon{width: 24px; height: 24px; margin: 0 auto; display: block; background-position: center; background-repeat: no-repeat;} .myTop ul li .t{display: block; margin-top: 7px;} .myTop ul li.myMess .icon{background-image: url(../images/myMess.png);} .myTop ul li.myNum .icon{background-image: url(../images/myNum.png);} .myTop ul li.mySer .icon{background-image: url(../images/mySer.png);} .myTop ul li.GoTop .icon{background-image: url(../images/GoTop.png);} .myTop ul li .Phone{width: 200px; height: 66px; line-height: 66px; font-size: 16px; color: #fff; background-color: #8a1013; opacity: .8; position: absolute; left: 0; top: 0; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;} .myTop ul li:hover .Phone{left: -200px;} .myTop ul li.mySer{display: none;} /*footer*/ .footer{width: 100%;position:relative; z-index:1; overflow:hidden; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; word-break: break-all;word-wrap: break-word;} .footer .footertext{ padding-top: 50px;z-index:10;position:relative;background-color: rgba(0,0,0,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);} .footer .bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;z-index:1;} .footer video{width:100%; height:auto; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity:1; -webkit-transition: opacity 4.0s; -moz-transition: opacity 4.0s; -ms-transition: opacity 4.0s; -o-transition: opacity 4.0s; transition: opacity 4.0s;} .footer .foot-midd{width: 100%; padding-bottom: 40px;} .footer .foot-nav{width: 780px; width: 55.8%; float: left; position: relative;} .footer .foot-nav:after{content: ""; width: 1px; height: 100px; background-color: #fff; position: absolute; right: 0; top: 62px;} .footer .dl{width: 20%; float: left; padding-right: 2%;} .footer .dl dt{font-size: 12px; color: #fff; padding-bottom: 10px; margin-bottom: 20px; position: relative;} .footer .dl dt:after{content: ""; width: 62%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 0;} .footer .dl dd{font-size: 12px; color: #fff; margin-top: 10px;} .footer .dl dd a{color: #fff;} .footer .dl dd a:hover{color: #8a1013;} .footer .foot-info{width: 370px; width: 26.5%; float: left; margin-left: 6%;} .footer .foot-info .h2{font-size: 18px; color: #fff; padding-bottom: 10px; margin-bottom: 20px; position: relative;} .footer .foot-info .h2:after{content: ""; width: 43%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 0;} .footer .foot-info .pn{font-family: 'MontserratRegular'; font-size: 16px; color: #fff; margin-top: 10px;font-weight:bold;} .footer .foot-info .btns{width: 100%; overflow: hidden; margin-top: 10px;} .footer .foot-info .Abtn{display: block; width: 120px; height: 32px; line-height: 30px; border: 1px solid #fff; font-size: 14px; color: #fff; text-align: center; float: left;} .footer .foot-info .Abtn:hover{background-color: #8a1013; border-color: #8a1013;} .footer .foot-info .Abtn span{display: inline-block; padding-left: 33px;} .footer .foot-info .b1{margin-right: 20px;} .footer .foot-info .b1 span{background: url(../images/qq.png) left center no-repeat;} .footer .foot-info .b2 span{background: url(../images/mess.png) left center no-repeat;} .footer .foot-ewm{width: 122px; float: right; text-align: center;} .footer .foot-ewm p{font-size: 12px; color: #fff;} .footer .foot-copy{width: 100%; padding: 20px 0; border-top: 1px solid #bdbdbd; font-size: 12px; color: #fff;} .footer .foot-copy a{color: #fff;} .footer .foot-copy a:hover{color: #8a1013;} .footer .ftlink{width: 45%; float: left;} .footer .ftlink a{display: inline-block; position: relative; padding-right: 12px; margin-right: 8px;} .footer .ftlink a:after{content: ""; width: 1px; height: 10px; background-color: #fff; position: absolute; right: 0; top: 5px;} .footer .fttext{width: 55%; float: right; display: flex;display: -webkit-flex; align-items: center; justify-content: flex-end;} /*Mobile Css*/ @media screen and (min-width: 1280px) and (max-width: 1519px){ } @media screen and (min-width: 1200px) and (max-width: 1519px){ .layout{ width: 1180px; } .industrial-list{margin-top: 80px;} .industrial-list ul li .indText{width: 330px;} .Index-History .img{width: 420px;} .aboutInfo .img{max-width:50%;} .indHistory{width: 670px;} .historyList .text{font-size: 16px;} .strengthText .h2,.strengthBank .h2,.strTeamText .h2{font-size: 30px;} .strengthBank p,.strTeamText .pcont{font-size: 16px; line-height: 34px;} .strengthText p{line-height:2vw;} .strTeamImg .pic img{max-height: 320px;} .indusText .h2{font-size: 40px;} .indusText .h2 span{font-size: 20px;} .indusText .pcont p{font-size: 16px; line-height: 34px;} .IndusTitle .pn{font-size: 40px;} .newsList ul li .h2{font-size:18px;} .newsList ul li .pcont{font-size:16px;} .IndusPro{padding: 0 90px;} .touBox .tmain{width: 344px;} .touBox .h2{font-size: 18px;} .touBox .pcont{margin-top: 15px; font-size: 15px;} .touBox .time{margin-top: 20px;} .touBox .slick-prev{right: 270px;} .touBox .slick-next{right: 230px;} .newsDetails h1{font-size: 30px;} .investorList ul{margin: 0 -40px;} .investorList ul li{padding: 0 40px;} .investorList ul li:nth-child(n+4){padding: 0 20px;} .Jcontact .info{width:370px;} .Jcontact .info ul li{padding: 20px 0;} .Jcontact .info ul li .h2{font-size: 20px; font-weight: bold;} .Jcontact .info ul li p{font-size: 16px; padding-bottom: 5px; margin-top: 2px;} .JcultureBox{height: 665px;} .JcultureBox .text{font-size:22px;} .JsearchBox{height: 500px;} .JtalentConcept .text{font-size:22px;} .Jcontact .pic .content1{width:73%;overflow:hidden;} .teamList .text{min-height:650px;} .aboutMap .box{width:550px;} .aboutMap .h2{font-size:24px;} .indusText .pcont{margin-top:55px;} .IndusMap .MapBox img{max-width:100% !important;height:auto !important;} .StoreList .ul li{padding:10px;} .StoreList .ul li .h2{font-size:18px;} .StoreList .ul li .text{font-size:15px;} .IndusTechnology .tmain{font-size:16px;line-height:2em;} .IndusMap .MapBox{padding-top:20%;} } @media screen and (min-width: 1200px) and (max-width: 1280px){ .Jcontact .pic{width:80%;overflow:hidden;} .Jcontact .info{width:330px;} .Jcontact .info ul li .h2{font-size:18px;} .layout{ width: 90%; } .aboutInfo .h2{font-size:1.8vw;} .strengthText .h2, .strengthBank .h2, .strTeamText .h2{font-size:28px;} .indusText .h2{font-size:34px;} .footer .foot-nav{width:60.8%;} .footer .foot-info{margin-left:2%;width:25.5%;} .footer .foot-info .pn{font-size:14px;} } @media screen and (min-width: 768px) and (max-width: 1199px){ .layout { width: 750px; } .contain{padding-top: 0;} .header{height: 60px;} .logo{position: absolute; left: 20px; top: 0; padding-top: 0;} .logo a{width: 102px; height: 60px;} .lan-box{margin-top: 16px; margin-right: 35px;} .nav{display: none;} .btn-m-list{display: block;} .banner .slick-arrow{width: 15px; height: 42px; visibility: hidden; opacity: 0;} .banner .slick-dots{bottom: 20px;} .banner .slick-dots li{width: 10px; height: 10px;} .banner .banText{width: 90%; margin-top: 25px;} .banner .banText .more{width: 74px; height: 20px;} .sectionBox{padding: 40px 0;} .index-title .h2{font-size: 24px;} .index-title .pn{font-size: 14px;} .industrial-list{margin-top: 30px;} .industrial-list ul{margin: 0 -5px;} .industrial-list ul li{padding: 0 5px;} .industrial-list ul li.active .indText{display: none;} .industrial-list ul li .tit{font-size: 16px;} .Index-News{margin-top: 30px; display: block;} .Index-News .InNwBox{width: 100%; margin-top: 20px;} .Index-History{margin-top: 30px; display: block;} .Index-History .img{width: 100%; padding-bottom: 55.9%;} .indHistory{width: 100%; margin-top: 30px;} .footer .foot-nav{width: 100%; margin-bottom: 30px;} .footer .foot-nav:after{display: none;} .footer .foot-info{width: 370px; margin-left: 0;} .footer .ftlink{width: 100%; text-align: center;} .footer .fttext{width: 100%; display: block; text-align: center;} .subList ul li a{height: 60px; line-height: 60px; font-size: 16px;} .Homepage{height: 60px; line-height: 60px; font-size: 14px;} .aboutBox{padding: 60px 0 100px 0;} .aboutText{padding-bottom: 100px;} .aboutInfo .img{width: 45%;} .aboutInfo .h2{font-size: 26px;/* margin-top: 40px;*/} .aboutInfo p{font-size: 16px; line-height: 30px;} .aboutNumber{height: 200px;} .aboutNumber .num i{font-size: 14px;} .aboutNumber .num span{font-size: 30px;} .aboutNumber .pn{font-size: 15px;} .aboutNumber .pn span{background-size: auto 30px; padding-left: 40px; min-height: 30px} .abMap{width: 100%; height: 0; padding-bottom: 84%;} .abMap .btn1{right: 17.302083vw; top: 22.2783vw;} .abMap .btn2{width: 114px; height: 100px; right: 144px; bottom: 34px;} .aboutMap .ablist{position: static; left: auto; top: auto; transform: none; margin-top: 20px;} .aboutMap .box{width: 100%;} .historyBox{padding: 60px 0 100px 0;} .nyTitle .h2{font-size: 24px;} .nyTitle .pn{font-size: 16px;} .historyList{margin-top: 60px;} .historyList .year{font-size: 14px; width: 110px; height: 40px; line-height: 40px; top: -20px;} .historyList .year span{font-size: 18px;} .historyList .text{min-height: 120px; padding-top: 30px; font-size: 14px;} .historyList .slick-arrow{display: none !important;} .historyList .slick-dots{display: block !important;} .honorImg .pic{width: 340px;} .honorImg .tmain{font-size: 18px;} .strengthText .pic{width: 100%;} .strengthText .img2{margin-left: 300px;} .strengthText .tmain{width: 100%; margin-top: 40px;} .strengthText .h2,.strengthBank .h2,.strTeamText .h2{font-size: 30px;} .strengthText p,.strengthBank p,.strTeamText .pcont{font-size: 16px; line-height: 34px;} .strengthTeam{margin-top: 40px; padding-top: 40px;} .strengthText,.strTeamImg{margin-top: 40px;} .strengthBank{padding:20px 0;} .strengthBank .imglist{margin: 0 -10px;} .strengthBank .imglist li{padding: 0 10px;} .strTeamImg .pic img{max-height: 195px;} .bossText{display: block; margin-top: 60px; padding: 40px 20px;} .bossText .pic{width: 100%;} .bossText .text{padding-left: 0; padding-top: 30px; font-size: 16px; line-height: 30px;} .zongjingli{margin-top: 0;} .zongjingli ul{margin: 0 -10px;} .zongjingli ul li{width: 100%; margin-top: 30px; padding: 0 10px;} .zongjingli .icon{width: 100px; height: 100px;} .zongjingli .h2{font-size: 14px;} .zongjingli .h2 span{font-size: 20px;} .zongjingli .text{font-size: 16px; line-height: 30px;} .teamList{margin-top: 30px;} .teamList ul{margin: 0 -10px;} .teamList ul li{padding: 0 10px;} .teamList .icon{width: 100px; height: 100px;} .teamList .h2{font-size: 14px;} .teamList .h2 span{font-size: 20px;} .teamList .text{font-size: 16px; line-height: 30px;min-height:630px;} .LeadershipHot{margin-top: 60px;} .LeadershipList ul{margin: 0 -20px;} .LeadershipList ul li{padding: 0 20px; margin-top: 40px;} .SeeMore{margin-top: 40px;} .indusImg{width: 100%;} .indusImg .pic img{width: 100%;} .indusText{width: 100%; margin-top: 40px;} .indusText .h2{font-size: 30px;} .indusText .h2 span{font-size: 20px;} .indusText .pcont{margin-top: 20px;} .indusText .pcont p{font-size: 16px; line-height: 30px;} .IndusTitle{margin-top: 60px;} .IndusTitle .h2{font-size: 26px;} .IndusTitle .pn{font-size: 30px;} .IndusTechnology{margin-top: 40px; display: block;} .indusTeImg{width: 100%;} .indusTeImg .pic img{width: 100%;} .IndusTechnology .tmain{width: 100%; padding: 40px 20px; font-size: 16px; line-height: 30px;} .IndusTechnology .tmain p{/*margin: 2% 0;*/} .IndusPro{padding: 0 60px;} .IndusPro .item{padding-top: 40px;} .IndusPro .item:nth-child(1){padding-top: 40px;} .IndusPro .item:nth-child(2){padding-top: 0;} .IndusPro .item:nth-child(3){padding-top: 40px;} .IndusPro .slick-list{margin: 0 -10px;} .IndusPro .box{margin-left: 10px; margin-right: 10px; box-shadow: 3px 0px 8px rgba(2,0,12,0.12);} .IndusPro .slick-current{padding-top: 40px;} .IndusPro .h2{font-size: 14px;height:42px;line-height:1;} .IndusPro .pcont{font-size: 12px; height: 54px;} .IndusMap .MapBox{width: 100%;} .IndusMap .StoreBox{width: 100%; margin-top: 20px;} .IndusMap .tit{font-size: 24px;} .IndusMap .pcont{font-size: 14px;} .IndusMap .pcont p{margin-top: 0;} .StoreList{margin-top: 30px;} .IndusMore{margin-top: 30px;} .IndusMore ul{margin: 0 -10px;} .IndusMore ul li{padding: 0 10px;} .IndusMore ul li .h2{font-size: 14px;} .newsTou{margin-top: 60px;} .touBox .box{display: block;} .touBox .pic{width: 100%; padding-bottom: 48.5%;} .touBox .tmain{width: 100%; padding: 40px 20px;} .touBox .slick-prev{right: 40px;} .touBox .slick-next{right: 0;} .touBox .slick-dots{bottom: 10px;} .touBox .slick-dots li{background-color: #ddd;} .touBox .h2{font-size: 24px;} .touBox .pcont{margin-top: 15px; font-size: 16px;} .touBox .time{margin-top: 20px;} .newsList ul li{margin-top: 40px;} .newsList ul li .box{padding: 20px;} .newsList ul li .pic{width: 42%;} .newsList ul li .tmain{width: 58%; padding: 0 0 0 40px;} .newsList ul li .info{width: 100%;} .newsList ul li .h2{font-size: 20px;} .newsList ul li .pcont{font-size: 16px; margin-top: 10px; height: 96px;} .newsList ul li .year{width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 15px;} .newsList ul li .time{font-size: 14px;} .newsList ul li .more{margin-top: 0;} .page{margin-top: 40px;} .newsDetails h1{font-size: 30px;} .newsMore ul li a{font-size: 16px;} .investorBox{padding-top: 10px; padding-bottom: 100px;} .investorList{margin-top: 30px;} .investorList ul{margin: 0 -10px;} .investorList ul li{padding: 0 10px; margin-top: 30px;} .investorList ul li:nth-child(n+4){padding: 0 10px; } .investorList ul li .h2{font-size: 20px;} .investorList ul li .more{font-size: 14px;} .interimList{margin-top: 40px;} .interimList ul li{margin-top: 20px;} .interimList ul li .box{padding: 35px 130px;} .interimList ul li .time{left: 10px; width: 95px;} .interimList ul li .time span{font-size: 26px;} .interimList ul li .more{right: 40px;} .managementText{margin-top: 60px;} .DividendBox{margin-top: 60px;} .joinTitle{margin-top: 60px;} .joinTitle .icon img{max-width: 35px;} .joinTitle .h2{font-size: 24px; margin-top: 5px;} .JcultureBox{height: 423px;} .JsearchBox{height: 320px;} .JcultureBox .text,.Jaboutus .text{padding: 40px; font-size: 16px;} .JtalentConcept .text{padding-left: 40px; padding-right: 40px; font-size: 16px;} .Jcontact .info{width: 350px; padding-left: 30px;} .Jcontact .info ul li{padding-top: 15px; padding-bottom: 10px;} .Jcontact .info ul li .h2{font-size: 16px; font-weight: bold; margin-bottom: 10px;} .Jcontact .info ul li p{font-size: 14px; padding-left: 20px; padding-bottom: 5px; margin-top: 5px; background-size: 14px auto; background-position: 0 5px;} .JobSearch{margin-top: 60px;} .JobSearch ul{margin: 0 -10px;} .JobSearch ul li{padding: 0 10px;} .JobSearch ul li.item1,.JobSearch ul li.item2{width: 40%;} .JobSearch ul li.item3{width: 20%;} .Jcontact .pic .content1{width:65%;overflow:hidden;max-height:420px;} .Jcontact .info{width:35%;} .LeadershipList ul li .title{font-size:12px;height:80px;} } @media screen and (min-width: 320px) and (max-width: 767px){ .layout { width: 90%; } .contain,.indexs .contain{padding-top: 60px;} .header{height: 60px; background-color: #fff;} .logo{position: absolute; left: 50%; top: 0; margin-left: -40px; padding-top: 16px; padding-bottom: 0;} .logo a{width: 80px; height: 28px;} .lan-box{margin-top: 18px;} .lan-box .btn{font-size: 14px; background-size: 15px auto; padding-left: 17px;} .lan-box .lan-list{width: 60px; top: 33px;} .nav{display: none;} .btn-m-list{display: block; width: 40px; left: 10px; right: auto;} .banner .slick-arrow{width: 15px; height: 42px; visibility: hidden; opacity: 0;} .banner .slick-dots{bottom: 10px; visibility: visible; opacity: 1;} .banner .slick-dots li{width: 8px; height: 8px; border: 1px solid #fff;} .bannerbox .pcimg{display: none;} .bannerbox .moimg{display: block;} .banner .banText{width: 90%; text-align: center; top: 22.1333vw; -webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);} .banner .banText .h2{font-size: 5.3333vw; letter-spacing: 0;} .banner .banText .pn{font-size: 1.8666vw; margin-top: 5px; margin-bottom: 1.3333vw;} .banner .banText .more{width: 22.6666vw; height: 6.6666vw; line-height: 6.6666vw; font-size: 12px; margin: 0 auto;} .sectionBox{padding: 40px 0;} .index-title .h2{font-size: 20px;} .index-title .h2:before{width: 22%;} .index-title .h2:after{width: 22%;} .index-title .pn{font-size: 14px;} .industrial-list{margin-top: 20px;} .industrial-list ul{margin: 0 -5px;} .industrial-list ul li{padding: 5px; width: 50%;} .industrial-list ul li.active .indText{display: none;} .industrial-list ul li .tit{font-size: 14px; margin-top: 5px;} .Index-News{margin-top: 20px; display: block;} .Index-News .InNwBox{width: 100%;} .Index-News .Nwmain{min-height: 100px;} .NewsHot-Box .tmain{padding: 20px 20px 50px 20px;} .NewsHot-Box .h2{font-size: 14px;} .NewsHot-Box .time{font-size: 12px; margin-top: 5px;} .NewsHot-Box .more{margin: 10px 0 0 0; font-size: 12px;} .NewsHot-Box .slick-dots{top: auto; bottom: 10px;} .NewsHot-Box .slick-dots li{width: 8px; height: 8px; border: 1px solid #fff;} .Index-News .InNwRight{margin-top: 20px;} .InNewsTab{height: 40px; line-height: 40px;} .InNewsTab a{font-size: 16px;} .InNewsList ul li{padding: 10px 15px;} .InNewsList ul li .h2{font-size: 12px;} .Index-History{margin-top: 20px; display: block;} .Index-History .img{width: 100%; padding-bottom: 69.9%;} .indHistory{width: 100%; margin-top: 20px;} .indHistory .item{padding-bottom: 30px;} .indHistory .pn{font-size: 12px; padding: 10px;height:105px;} .indHistory .text{align-items: end;} .footer .foot-midd{padding-bottom: 20px;} .footer .foot-nav{width: 100%; display: flex; margin-bottom: 20px;} .footer .foot-nav:after{display: none;} .footer .dl dt{font-size: 12px; text-align: center; padding-bottom: 0; margin-bottom: 0;} .footer .dl dt:after{display: none;} .footer .dl dd{display: none;} .footer .foot-info{width: 100%; margin-left: 0;} .footer .foot-info .h2{font-size: 16px;} .footer .foot-info .h2:after{width: 20%;} .footer .foot-info .pn{font-size: 12px; margin-top: 5px;} .footer .foot-ewm{width: 84px; float: left; margin-top: 20px;} .footer .ftlink{width: 100%; display: none;} .footer .fttext{width: 100%; text-align: center;} .footer .bg{display:none;} .myTop{display: none;} .nytit{text-align: center;} .nytit .h2{font-size: 24px;} .nytit .pn{font-size: 12px;} .subList{padding: 15px 0;} .subList ul li{margin: 0; padding: 5px;} .subList ul li a{min-width: 100px; height: auto; line-height: 20px; font-size: 12px; padding: 5px 10px; text-align: center; border: 1px solid #eee;} .subList ul li a:after{height: 100%;} .subList ul li:hover a,.subList ul li.on a{color: #fff;} .Homepage{display: none;} .aboutBox{padding: 40px 0;} .aboutText{padding-bottom: 40px;} .aboutInfo .img{width: 100%; margin-left: 0; float: none;} .aboutInfo .h2{font-size: 20px; margin-top: 20px;} .aboutInfo p{font-size: 12px; line-height: 22px;} .aboutNumber{height: 130px;} .aboutNumber .num i{font-size: 12px;} .aboutNumber .num span{font-size: 20px;} .aboutNumber .pn{font-size: 12px; margin-top: 5px;} .aboutNumber .pn span{background-size: auto 16px; padding-left: 20px; min-height: 16px} .abMap{width: 100%; height: 0; padding-bottom: 84%;} .abMap .btn1{right: 17.302083vw; top: 22.2783vw;} .abMap .btn2{width: 114px; height: 100px; right: 144px; bottom: 34px;} .aboutMap .ablist{position: static; left: auto; top: auto; transform: none; margin-top: 20px;} .aboutMap .box{width: 100%; padding: 20px 15px; display: flex; justify-content: space-between;} .aboutMap .box .pic{height: 0; padding-bottom: 35%;} .aboutMap .tmain{padding-right: 15px;} .aboutMap .h2{font-size: 14px;} .aboutMap .pcont{font-size: 12px; margin: 5px 0;} .aboutMap .btn{width: 100px; height: 30px; line-height: 30px; font-size: 12px;} .nyTitle .h2{font-size: 24px;} .nyTitle .pn{font-size: 14px;} .historyList{margin-top: 40px;} .historyList .year{font-size: 14px; width: 110px; height: 40px; line-height: 40px; top: -20px;} .historyList .year span{font-size: 18px;} .historyList .text{min-height: 90px; padding-top: 30px; font-size: 14px;} .historyList .slick-arrow{display: none !important;} .historyList .slick-dots{display: block !important;} .honorYear{margin-top: 20px; padding: 0 20px;} .honorYear:after{left: 100px; right: 100px;} .honorList{margin-top: 20px;} .honorImg .box{padding: 30px 40px; display: block;} .honorImg .pic{width: 100%;} .honorImg .tmain{width: 100%; margin-top: 20px; font-size: 14px; text-align: center;} .honorList .list ul li{padding: 10px 15px;} .honorList .list ul li:before{width: 4px; height: 4px; top: 20px;} .honorList .list ul li .h2{font-size: 14px;} .strengthText .pic{width: 100%;} .strengthText .img1{margin-right: 20px;} .strengthText .img2{margin-left: 130px; margin-top: -80px;} .strengthText .tmain{width: 100%; margin-top: 40px;} .strengthText .h2,.strengthBank .h2,.strTeamText .h2{font-size: 24px;margin-bottom:2em;} .strengthText p,.strengthBank p,.strTeamText .pcont{font-size: 12px; line-height: 22px;} .strengthTeam{margin-top: 20px; padding-top: 20px;} .strengthText,.strTeamImg{margin-top: 20px;} .strengthBank{padding:20px 0;} .strengthBank .imglist{margin: 0 -5px;} .strengthBank .imglist li{padding: 0 5px;} .strTeamImg .pic{margin-top: 0; opacity: 1;} .strTeamImg .pic img{max-height: 100%;} .bossText{display: block; margin-top: 20px; padding: 30px 20px;} .bossText .pic{width: 100%;} .bossText .icon{width: 100px; height: 100px;} .bossText .h2{font-size: 12px;} .bossText .h2 span{font-size: 18px;} .bossText .text{padding-left: 0; padding-top: 20px; font-size: 12px; line-height: 26px;} .zongjingli{margin-top: 0;} .zongjingli ul{margin: 0 -10px; display: block;} .zongjingli ul li{width: 100%; margin-top: 20px; padding: 0 10px;} .zongjingli .icon{width: 100px; height: 100px;} .zongjingli .h2{font-size: 12px;} .zongjingli .h2 span{font-size: 18px;} .zongjingli .h3{font-size: 24px;} .zongjingli .text{font-size: 12px; line-height: 26px;} .teamList{margin-top: 0;} .teamList ul{margin: 0 -10px; display: block;} .teamList ul li{width: 100%; padding: 0 10px; margin-top: 20px;} .teamList ul li .box{padding: 30px 20px;} .teamList .icon{width: 100px; height: 100px;} .teamList .h2{font-size: 12px;} .teamList .h2 span{font-size: 18px;} .teamList .text{font-size: 12px; line-height: 26px;min-height:auto;} .LeadershipHot{margin-top: 20px;} .LeadershipHot .title{height: auto; line-height: 20px; font-size: 12px;} .LeadershipList ul{margin: 0 -5px;} .LeadershipList ul li{width: 50%; padding: 0 5px; margin-top: 10px;} .LeadershipList ul li .title{height: 40px;padding:5px; font-size: 12px;} .SeeMore{margin-top: 20px;} .indusImg{width: 100%;} .indusImg .pic img{width: 100%;height:auto !important;} .indusText{width: 100%; margin-top: 40px;} .indusText .h2{font-size: 24px; display: block;} .indusText .h2 span{font-size: 18px; display: block; margin: 10px 0 0 0;} .indusText .pcont{margin-top: 20px;} .indusText .pcont p{font-size: 12px; line-height: 26px;} .IndusTitle{margin-top: 40px;} .IndusTitle .h2{font-size: 24px;} .IndusTitle .pn{font-size: 16px;} .IndusTechnology{margin-top: 40px; display: block;} .indusTeImg{width: 100%;} .indusTeImg .slick-dots{bottom: 50px;} .indusTeImg .tit{font-size: 14px;} .IndusTechnology .tmain{width: 100%; padding: 20px; font-size: 12px; line-height: 26px;} .IndusTechnology .tmain p{/*margin: 2% 0;*/} .IndusPro{padding: 0;} .IndusPro .item{padding-top: 0;} .IndusPro .item:nth-child(1){padding-top: 0;} .IndusPro .item:nth-child(2){padding-top: 0;} .IndusPro .item:nth-child(3){padding-top: 0;} .IndusPro .slick-list{margin: 0 -5px;} .IndusPro .box{margin: 10px 5px; box-shadow: 3px 0px 8px rgba(2,0,12,0.12);} .IndusPro .slick-current{padding-top: 0;} .IndusPro .slick-arrow{display: none !important;} .IndusPro .slick-dots{display: block !important;} .IndusPro .tmain{padding: 15px;} .IndusPro .h2{font-size: 12px;height:36px;line-height:1.1;} .IndusPro .pcont{font-size: 12px; height: 72px;} .IndusMap{margin-top: 20px;} .IndusMap .MapBox{width: 100%;} .IndusMap .StoreBox{width: 100%; margin-top: 20px;} .IndusMap .tit{font-size: 18px;} .IndusMap .pcont{font-size: 14px;} .IndusMap .pcont p{margin-top: 0;} .StoreList{margin-top: 30px;} .select{height: 40px; line-height: 40px; font-size: 16px;} .StoreList .ul{height: 370px;} .StoreList .ul li .h2{font-size: 14px;} .StoreList .ul li .text{font-size: 12px;} .IndusMore{margin-top: 10px;} .IndusMore ul{margin: 0 -5px;} .IndusMore ul li{padding: 0 5px; width: 50%; margin-top: 10px;} .IndusMore ul li .h2{font-size: 14px;} .newsTou{margin-top: 20px;} .touBox .box{display: block;} .touBox .pic{width: 100%; padding-bottom: 48.5%;} .touBox .tmain{width: 100%; padding: 20px 0 40px 0;} .touBox .slick-prev{right: 40px;} .touBox .slick-next{right: 0;} .touBox .slick-dots{bottom: 10px;} .touBox .slick-dots li{background-color: #ddd;} .touBox .h2{font-size: 14px; max-height: 48px;} .touBox .pcont{margin-top: 5px; font-size: 12px; max-height: 72px;} .touBox .time{margin-top: 10px; font-size: 12px;} .newsList ul li{margin-top: 20px;} .newsList ul li .box{padding: 20px; display: block;} .newsList ul li .pic{width: 100%; height: 0; padding-bottom: 69.5%;} .newsList ul li .tmain{width: 100%; padding: 20px 0 0 0;} .newsList ul li .info{width: 100%;} .newsList ul li .h2{font-size: 14px;} .newsList ul li .pcont{font-size: 12px; margin-top: 10px; height: 54px;} .newsList ul li .year{width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 15px;} .newsList ul li .time{font-size: 12px;} .newsList ul li .more{margin-top: 0; width: 100px; height: 30px; line-height: 29px; font-size: 12px;} .page{margin-top: 20px;} .page a{padding: 5px 10px;} .newsDetails h1{font-size: 20px;} .newsInfo ul{justify-content: space-between;} .newsInfo ul li{margin: 0; font-size: 12px;} .newsInfo ul li:nth-child(2){display: none;} .newsInfo ul li span{line-height: 24px;} .newsMore ul li a{font-size: 12px;} .newsText{padding: 40px 0;} .newsText p{font-size: 12px !important; line-height: 26px !important;} .investorBox{padding-top: 40px; padding-bottom: 40px;} .investorList{margin-top: 10px;} .investorList ul{margin: 0 -5px;} .investorList ul li{padding: 0 5px; margin-top: 20px; width: 50%;} .investorList ul li:nth-child(n+4){width:50%;padding:0 5px;} .investorList ul li .h2{font-size: 18px; margin-top: 10px;} .investorList ul li .more{font-size: 12px; margin-top: 10px;} .interimList{margin-top: 10px;} .interimList ul li{margin-top: 20px;} .interimList ul li .box{padding: 20px;} .interimList ul li .time{left: 10px; width: auto; position: static; left: auto; font-size: 12px; text-align: left;} .interimList ul li .time span{font-size: 26px; display: inline-block; margin-right: 5px;} .interimList ul li .tmain{padding: 0; border: none;} .interimList ul li .pcont{font-size: 12px; height: auto; margin-top: 10px;} .interimList ul li .more{width: 27px; height: 14px; position: static; right: auto; top: auto; margin-top: 10px;} .managementText{margin-top: 20px; padding: 0;} .managementText p{font-size: 12px; line-height: 26px;} .DownloadList{margin-top: 10px;} .DownloadList ul li .box{padding: 20px; padding-bottom: 36px;} .DownloadList ul li .tit{padding: 0; border: none; font-size: 14px;} .DownloadList ul li .time{left: 20px; bottom: 20px; font-size: 12px; margin-top: 0; top: auto;} .DownloadList ul li .more{width: 15px; height: 18px; right: 20px; bottom: 20px; margin-top: 0; top: auto; background-size: contain;} .DividendBox{margin-top: 20px;} .joinTitle{margin-top: 30px;} .joinTitle .icon img{max-width: 30px;} .joinTitle .h2{font-size: 24px; margin-top: 5px;} .JcultureBox{height: auto; margin-top: 20px; padding: 40px 20px;} .JcultureBox .p3,.JcultureBox .p4{text-indent: 0;} .JcultureBox .text,.Jaboutus .text{padding: 30px; font-size: 14px;} .JtalentConcept{margin-top: 20px; display: block;} .JtalentConcept .pic{width: 100%; padding-bottom: 63.1%;} .JtalentConcept .text{width: 100%; padding: 20px; font-size: 14px;} .JsearchBox{height: 200px; margin-top: 20px;} .JsearchBox .Jform{width: 90%; height: 40px;} .JsearchBox .btn{height: 40px;} .Jaboutus{display: block; margin-top: 20px;} .Jaboutus .pic{width: 100%; padding-bottom: 63.3%;} .Jaboutus .text{width: 100%; padding: 20px;} .Jcontact{margin-top: 0; display: block;} .Jcontact .info{width: 100%; padding-left: 0;} .Jcontact .info ul li{padding-top: 15px; padding-bottom: 10px;} .Jcontact .info ul li .h2{font-size: 16px; font-weight: bold; margin-bottom: 10px; } .Jcontact .info ul li p{font-size: 14px; padding-left: 20px; padding-bottom: 5px; margin-top: 5px; background-size: 14px auto; background-position: 0 5px;} .Jcontact .pic .content1{position:static;display:none;} .Jcontact .pic .content1 iframe{width:100%;max-height:300px;} .JobSearch{margin-top: 20px;} .JobSearch ul{margin: 0 -10px;} .JobSearch ul li{padding: 5px 10px;} .JobSearch ul li.item1,.JobSearch ul li.item2{width: 100%;} .JobSearch ul li.item3{width: 100%;} .JobSearch ul li .text{height: 45px; line-height: 45px; font-size: 14px;} .JobSearch ul li .sel{height: 45px; font-size: 14px;} .JobSearch ul li .submit{height: 45px; font-size: 14px;} .JobList{margin-top: 25px;} .JobList ul li .titleBox{padding: 10px 15px;} .JobList ul li .h2{font-size: 16px;} .JobList ul li .more{width: 30px; height: 30px;} .JobList ul li .more:before{top: 13px; left: 6px;} .JobList ul li .more:after{top: 6px; left: 13px;} .JobList ul li .box{padding: 20px;} .JobList ul li .require{padding-bottom: 15px; font-size: 12px;} .JobList ul li .require span{margin-right: 5px;} .JobList ul li .summry{padding: 0; display: block;} .JobList ul li .thumb{width: 100%; padding: 8px 0;} .JobList ul li .h3{font-size: 14px; margin-bottom: 5px;} .JobList ul li p{font-size: 12px;} .JobList ul li .email{margin-top: 15px;} .IndusMap .MapBox img{max-width:100% !important;height:auto !important;} .LeadershipList ul li .title{font-size:12px;height:80px;line-height:1.1;} }