锘緻charset "utf-8"; /* @font-face { font-family: "syl"; src: url("../fonts/SourceHanSansCN-Light.ttf"), url("../fonts/SourceHanSansCN-Light.otf"); font-weight: lighter; } */ @font-face { font-family: "DINB"; src: url("../fonts/DIN-Medium.ttf"); } @font-face{ font-family: "bebas"; src:url("../fonts/bebas.TTF"); } /* @font-face { font-family: "syrh"; src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"), url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.svg") format("svg"); } */ *{margin:0;padding:0;} body{ font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;margin:0px; padding:0px; margin:0px auto; font-size:16px; color:#333; width:100%; zoom:1;} .Pages em{font-style:normal} ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ padding: 0px; margin: 0px;} h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;} select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#333;font-family: Microsoft YaHei,arial, sans-serif;} input:focus { outline: none;} input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*寮哄埗鍘婚櫎琛ㄥ崟鑷甫鐨勬牱寮?/} button{ cursor:pointer;} textarea{resize:none;/*-webkit-appearance:none;*//*寮哄埗鍘婚櫎textarea鑷甫鐨勬牱寮?/} textarea,input,select { background:none; border:none; margin:0; padding:0;} article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5璁剧疆*/ figure,figcaption{ margin:0px; padding:0px;} audio,canvas,progress,video { display: inline-block; vertical-align: baseline;} img{ max-width:100%; border:none; border:0; vertical-align:middle;} a{ color:#333333; text-decoration:none;transition: all ease 0.3s;} a:focus {outline:none; -moz-outline:none;} a:hover{ text-decoration:none; color:#da251d;} .fl{float:left;} .fr{float:right;} .clear{ clear:both;} /*鍗曡鏂囨湰鐪佺暐鍙?/ .dot { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dot2, .dot3, .dot4 { display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; /* word-break: break-all; */ -webkit-box-orient: vertical; } .dot2 { -webkit-line-clamp: 2; } /*澶氳鏂囨湰鐪佺暐鍙?/ .dot3 { -webkit-line-clamp: 3; } .dot4 { -webkit-line-clamp: 4; } /*input瀛椾綋*/ :-moz-placeholder {color: #999999;} ::-moz-placeholder {color: #999999;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999999;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999999;} select { /*Chrome鍜孎irefox閲岄潰鐨勮竟妗嗘槸涓嶄竴鏍风殑锛屾墍浠ュ鍐欎簡涓€涓?/ border: solid 1px #d9d9d9; text-indent:1em; /*寰堝叧閿細灏嗛粯璁ょ殑select閫夋嫨妗嗘牱寮忔竻闄?/ appearance: none; color:#999999; -moz-appearance: none; -webkit-appearance: none; /*鍦ㄩ€夋嫨妗嗙殑鏈€鍙充晶涓棿鏄剧ず灏忕澶村浘鐗?/ background: url(../images/selectarr.png) no-repeat scroll 95% center transparent; /*涓轰笅鎷夊皬绠ご鐣欏嚭涓€鐐逛綅缃紝閬垮厤琚枃瀛楄鐩?/ padding-right: 14px; } /*娓呴櫎ie鐨勯粯璁ら€夋嫨妗嗘牱寮忔竻闄わ紝闅愯棌涓嬫媺绠ご*/ select::-ms-expand { display: none; } /*缃戦〉婊氬姩鏉?/ ::-webkit-scrollbar{ width: 6px; height:6px;-webkit-overflow-scrolling : touch; background-color: #e6e6e6;} ::-webkit-scrollbar-track{ background-color: #e6e6e6;} ::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #58504a;} ::-webkit-scrollbar-button{ height: 0px; background-color: #e6e6e6;} /*effict*/ .Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;} .Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;} .Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;} .effict{transition: all ease 0.3s;} .imgbox{ overflow:hidden; position:relative; /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/} .imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .5s;} .imgbox img{ width:auto !important; max-height:100%;} /*pages*/ .Pages{margin:30px 0;text-align: center;} .Pages a{display: inline-block;margin:0 3px;width:35px;height:35px;border-radius: 50%;text-align: center;line-height: 35px;border:1px solid #ebebeb;font-size: 14px;font-family: syrh;color:#666;background:#fff;} .Pages a.a_prev,.Pages a.a_next{width:68px;border-radius: 5px;margin:0 20px;} .Pages a:hover{background:#da251d;color:#fff;} .Pages a.a_cur{background:#da251d;color:#fff;} @media ( max-width:1024px){ .Pages a{margin:0;width:28px;height:28px;line-height: 28px;font-size: 12px;} .Pages a.a_prev,.Pages a.a_next{margin:0;width:50px;} } /*pages end*/ .w1600{max-width:1600px;margin:0 auto;width:96%;box-sizing: border-box;} .w1400{max-width:1400px;margin:0 auto;width:96%;box-sizing: border-box;} .w1200{max-width:1200px;margin:0 auto;width:96%;box-sizing: border-box;} @media(max-width:640px){ body{font-size: 14px;} } /* Top */ .HomeTop{position: fixed;top:0;left:0;width:100%;z-index:999;} .Top{height:85px;line-height: 85px;border-bottom:1px solid rgba(255,255,255,0.1);} .Top .m-btn{display: none;cursor: pointer;padding:15px 5px;border-radius: 5px;z-index:999;margin-top:13px;margin-left:10px;} .Top .m-btn span{display: block;width:25px;height:3px;background:#fff;position: relative;-webkit-transition: all 200ms cubic-bezier(.4,0,0,1);-o-transition: all 200ms cubic-bezier(.4,0,0,1);transition: all 200ms cubic-bezier(.4,0,0,1);} .Top .m-btn span::before, .m-btn span::after{content:'';display: block;height:3px;width:25px;background: #fff;position: absolute;left: 0;-webkit-transition: all 200ms cubic-bezier(.4,0,0,1);-o-transition: all 200ms cubic-bezier(.4,0,0,1);transition: all 200ms cubic-bezier(.4,0,0,1);} .Top .m-btn span:before {top: -8px;} .Top .m-btn span:after {bottom: -8px;} .Top .m-btn.active span {background: transparent;} .Top .m-btn.active span:before {transform: rotate(-48deg) translate(-6px, 5px);-webkit-transform: rotate(-48deg) translate(-6px, 5px);-o-transform: rotate(-48deg) translate(-6px, 5px);width: 24px;} .Top .m-btn.active span:after {transform: rotate(48deg) translate(-6px, -5px);-webkit-transform: rotate(48deg) translate(-6px, -5px);-o-transform: rotate(48deg) translate(-6px, -5px);width: 24px;} .Top .Search {position: absolute;right:0;top:0;height:100%;} .Top .Search .SearchIco{width:90px;text-align: center;background:rgba(0,0,0,0.3);} .Top .Search .SearchBox{position: absolute;top:85px;right:0;width:300px;height:50px;line-height: 50px;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);box-sizing: border-box;padding-right:50px;display: none;z-index:0;} .Top .Search .SearchBox input{width:100%;height:100%;box-sizing: border-box;padding:0 10px;} .Top .Search .SearchBox button{width:50px;background:rgba(0,0,0,0.3);position: absolute;right:0;top:0;height:100%;} .Top .oa a{display: block;width:35px;height:35px;font-size: 14px;text-align: center;font-family: bebas;color:#fff;border:1px solid rgba(255,255,255,0.2);border-radius: 50%;line-height: 35px;margin-top:24px;} .Top .lan{padding:0 20px;position: relative;margin-left:30px;} .Top .lan::before{content:'';display: block;width:1px;height:16px;background:rgba(255,255,255,0.2);position: absolute;left:0;top:50%;margin-top:-8px;} .Top .lan a{font-family: bebas;font-size: 14px;color:#fff;opacity: 0.3;display: inline-block;margin:0 5px;} .Top .lan a.on{opacity: 1;} .Top .lan a:hover{color:#d9251d;opacity: 1;} .Top .gupiao{color:#fff;font-size: 14px;} .Top .gupiao span{font-family: bebas;} .Top .MainNav {margin-right:50px;} .Top .MainNav ul li{list-style:none;display: inline-block;position: relative;padding:0 30px;} .Top .MainNav ul li>a{color:#fff;position: relative;display: block;} .Top .MainNav ul li>a::before{content:'';display: block;width:100%;height:2px;background:#fff;position: absolute;bottom:0;left:0;transition: all .5s;-webkit-transition: all .5s;transform: rotateY(90deg);-webkit-transform: rotateY(90deg);} .Top .MainNav ul li .NavPull{position: absolute;width:140px;top:86px;left:50%;margin-left:-70px;background:rgba(215,11,29,0.9);display: none;} .Top .MainNav ul li .NavPull dl dd{line-height: 45px;text-align: center;font-size: 15px;} .Top .MainNav ul li .NavPull dl dd a{color:#fff;display: block;} .Top .MainNav ul li.navmeun .NavPull{width:300px;left:50%;margin-left:-150px; } .Top .MainNav ul li.navmeun .NavPull dl{padding:15px 0 ;} .Top .MainNav ul li.navmeun .NavPull dl dd{text-align: left;} .Top .MainNav ul li.navmeun .NavPull dl dd>a{display: block;line-height: 60px;padding-left:75px;position: relative;padding-right:10px;} .Top .MainNav ul li.navmeun .NavPull dl dd>a .ico{width:41px;position: absolute;left:20px;top:0;text-align: center;} .Top .MainNav ul li.navmeun .NavPull dl dd>a .ico .img2{display: none;} .Top .MainNav ul li.navmeun .NavPull .NavThree{position: absolute;top:0;left:300px;width:320px;background:#f5f5f5;box-sizing: border-box;padding:20px 0 20px 0;display: none;min-height:240px;} .Top .MainNav ul li.navmeun .NavPull .NavThree a{display: block;color:#333;line-height: 25px;position: relative;padding-left:15px;font-size: 15px;} .Top .MainNav ul li.navmeun .NavPull .NavThree a::before{content:'';display: block;width:5px;height:5px;background:#717171;border-radius: 50%;position: absolute;left:0;top:10px;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item{position: relative;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item>em{padding:10px 10px 10px 20px;line-height: 28px;display:block;font-style:normal} .Top .MainNav ul li.navmeun .NavPull .NavThree .item .NavFour{width:360px;background:#fff;position: absolute;top:-20px;left:320px;box-sizing: border-box;padding:20px 10px 20px 20px;display: none;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item .new i{display: inline-block;width:48px;height:16px;background:url(../images/new.png) no-repeat center center;margin-left:2px;position: relative;top:2px;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item .hot i{display: inline-block;width:48px;height:16px;background:url(../images/hot.png) no-repeat center center;margin-left:2px;position: relative;top:2px;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item .new {display: inline-block;width:48px;height:16px;background:url(../images/new.png) no-repeat center center;margin-left:2px;position: relative;top:2px;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item .hot {display: inline-block;width:48px;height:16px;background:url(../images/hot.png) no-repeat center center;margin-left:2px;position: relative;top:2px;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item .NavFour a{color:#333;line-height: 25px;margin:10px 0;font-size: 14px;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item .NavFour a::before{background: #717171;} .Top .MainNav ul li#nav2 .NavPull .NavThree{min-height:450px;} .Top .MainNav ul li#nav3 .NavPull .NavThree{min-height:210px;} .Top .MainNav ul li .NavPull dl dd:hover{background:#f5f5f5;} .Top .MainNav ul li .NavPull dl dd:hover a{color:#333;} .Top .MainNav ul li.onnav>a::before{transform: rotateY(0);-webkit-transform: rotateY(0);} .Top .MainNav ul li:hover>a::before{transform: rotateY(0);-webkit-transform: rotateY(0);} .Top .MainNav ul li.navmeun .NavPull dl dd.on{background:#f5f5f5;color:#333;} .Top .MainNav ul li.navmeun .NavPull dl dd.on a{color:#333;} .Top .MainNav ul li.navmeun .NavPull dl dd.on a .ico .img1{display: none;} .Top .MainNav ul li.navmeun .NavPull dl dd.on a .ico .img2{display: inline-block;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item>a:hover{color:#da251d;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item>a:hover::before{background:#da251d;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item .NavFour a:hover{color:#da251d;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item .NavFour a:hover::before{background: #da251d;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item.on>a{color:#da251d;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item.on>a::before{background:#da251d;} .Top .MainNav .navClose{display: none;} @media(max-width:1680px){ .Top .w1600{padding-right:90px;} } @media(max-width:1440px){ .Top .MainNav{margin-right:30px;} .Top .MainNav ul li{padding:0 20px;list-style:none;} } @media(max-width:1280px){ .Top .w1600{padding-right:70px;} .Top .Search .SearchIco{width:80px;} .Top .lan{padding:0 10px;} .Top .MainNav ul li{padding:0 15px;list-style:none;} } @media(max-width:1200px){ .Top .MainNav{margin-right:20px;} .Top .MainNav ul li{padding:0 10px;list-style:none;} } @media(max-width:1024px){ .Top{height:60px;line-height: 60px;} .Top .w1600{padding-right:0;} .Top .Logo img{height:40px;} .Top .m-btn{display: block;} .Top .Search{position: relative;} .Top .Search .SearchIco{width:30px;background:none;} .Top .oa a{border:none;line-height: 60px;margin-top:0;margin:0 10px;} .Top .Search .SearchBox{top:60px;width:200px;height:40px;line-height: 40px;} .Top .MainNav{position: fixed;top:0;width:0;right:-40px;transition: all .5s;-webkit-transition: all .5s;background:#fff;margin-right:0;box-shadow: 0 0 10px rgba(0,0,0,0.1);height:100%;} .Top .MainNav ul{height:100%;overflow-y: auto;box-sizing: border-box;padding:10px 0;} .Top .MainNav ul li{list-style:none;display: block;line-height: 40px;padding:0 15px;padding-right:30px;font-size: 15px;border-bottom:1px dashed #eee;position: relative;min-width:150px;} .Top .MainNav ul li a{color:#333;} .Top .MainNav ul li b{display: block;width:30px;height:40px;background:url(../images/navjt.png) no-repeat center center;position: absolute;right:0;top:0;background-size: 5px;} .Top .MainNav ul li .NavPull{position: static;margin-left:0;width:100%;padding:0;box-sizing: border-box;background:#fff;margin-bottom:10px;} .Top .MainNav ul li .NavPull dl dd{line-height: 35px;font-size: 14px;text-align: left;} .Top .MainNav ul li .NavPull dl dd a{color:#333;padding:0 10px;color:#666;} .Top .MainNav ul li.navmeun .NavPull{width:100%;margin-left:0;} .Top .MainNav ul li.navmeun .NavPull dl{padding:0;} .Top .MainNav ul li.navmeun .NavPull dl dd>a{line-height: 35px;padding:0 10px;} .Top .MainNav ul li.navmeun .NavPull dl dd>a .ico{display: none;} .Top .MainNav ul li.navmeun .NavPull .NavThree{position: static;padding:0;width:100%;min-height:0;display: block !important;min-height:100px;} .Top .MainNav ul li#nav2 .NavPull .NavThree{min-height:100px;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item{padding-top:3px;padding-bottom:3px;} .Top .MainNav ul li.navmeun .NavPull .NavThree a{line-height: 30px;color:#999;padding-left:10px;} .Top .MainNav ul li.navmeun .NavPull .NavThree a::before{width:4px;height:4px;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item .NavFour a{margin:5px 0;} .Top .MainNav.show{width:90%;right:0;} .Top .MainNav .navClose{width:35px;height:35px;background:#fff;display: block;position: absolute;left:-35px;top:0;line-height: 35px;text-align: center;box-shadow: 0 0 10px rgba(0,0,0,0.1);} .Top .MainNav .navClose img{width:15px;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item .NavFour{display: block;position: static;width:100%;box-sizing: border-box;padding:3px 0 3px 35px;background:none;left:0;} .Top .MainNav ul li.navmeun .NavPull .NavThree .item>em{padding:0 0 0 20px;} } /* banner */ .HomeBan{} .HomeBan .item{position: relative;} .HomeBan .item .imgbox{height:100vh;} .HomeBan .item .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index:999;} .HomeBan .item .txt b{display: block;width:50px;height:3px;background:#da251d;margin-bottom:80px;opacity: 0;} .HomeBan .item .txt h1{font-size: 70px;color:#fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);letter-spacing: 5px;opacity: 0;} .HomeBan .item .txt p.en{font-family: DINB;color:#fff;opacity: 0.3;text-transform: uppercase;letter-spacing: 5px;margin:20px 0 60px 0;opacity: 0;} .HomeBan .item .txt .banMore{display: inline-block;height:55px;line-height: 55px;background:rgba(0,0,0,0.3);position: relative;padding:0 80px 0 30px;opacity: 0;} /* .HomeBan .item .txt b{display: block;width:50px;height:3px;background:#da251d;margin-bottom:80px;opacity: 0;transform: translateY(130px);-webkit-transform: translateY(130px);-webkit-transition: all 0.7s;transition: all 0.7s 0.1s;} .HomeBan .item .txt h1{font-size: 70px;color:#fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);letter-spacing: 5px;opacity: 0;transform: translateY(130px);-webkit-transform: translateY(130px);-webkit-transition: all 0.7s;transition: all 0.7s 0.3s;} .HomeBan .item .txt p.en{font-family: DINB;color:#fff;opacity: 0.3;text-transform: uppercase;letter-spacing: 5px;margin:20px 0 60px 0;opacity: 0;transform: translateY(130px);-webkit-transform: translateY(130px);-webkit-transition: all 0.7s;transition: all 0.7s 0.5s;} .HomeBan .item .txt .banMore{display: inline-block;height:55px;line-height: 55px;background:rgba(0,0,0,0.3);position: relative;padding:0 80px 0 30px;opacity: 0;transform: translateY(130px);-webkit-transform: translateY(130px);-webkit-transition: all 0.7s;transition: all 0.7s 0.7s;} */ .HomeBan .item .txt .banMore a{color:#fff;} .HomeBan .item .txt .banMore span{position: absolute;width:50px;border-left:1px solid rgba(255,255,255,0.15);top:0;right:0;height:100%;text-align: center;} .HomeBan .item .txt .banMore img{display: inline-block;} .HomeBan .item.active .txt b{animation: txtmove 0.5s ease-in-out 0s 1 forwards;-webkit-animation: txtmove 0.5s ease-in-out 0s 1 forwards;} .HomeBan .item.active .txt h1{animation: txtmove 0.5s ease-in-out 0.1s forwards;-webkit-animation: txtmove 0.5s ease-in-out 0.1s 1 forwards;} .HomeBan .item.active .txt p.en{animation: txtmove 0.5s ease-in-out 0.2s 1 forwards;-webkit-animation: txtmove 0.51s ease-in-out 0.2s 1 forwards;} .HomeBan .item.active .txt .banMore{animation: txtmove 0.5s ease-in-out 0.3s 1 forwards;-webkit-animation: txtmove 0.5s ease-in-out 0.3s 1 forwards;} .HomeBan .item.active .txt1 .banMore{width:170px;border-radius: 20px;background:#fff;text-align: center;padding:0;margin-top:50px;} .HomeBan .item.active .txt1 .banMore a{color:#000;;} .HomeBan .slick-dots{position: absolute;width:100%;left:0;bottom:30px;text-align: center;} .HomeBan .slick-dots li{display: inline-block;list-style:none;} .HomeBan .slick-dots li::after{content:'';display: inline-block;width:0;height:1px;background:#da251d;transition: all .5s;-webkit-transition: all .5s;overflow: hidden;position: relative;top:-5px;margin:0 10px;} .HomeBan .slick-dots li::before{content:'';display: inline-block;font-family: bebas;font-size: 14px;color:#fff;opacity: 0.3;} .HomeBan .slick-dots li:first-child:before{content:'01';} .HomeBan .slick-dots li:nth-child(2):before{content:'02';} .HomeBan .slick-dots li:nth-child(3):before{content:'03';} .HomeBan .slick-dots li:nth-child(4):before{content:'04';} .HomeBan .slick-dots li:nth-child(5):before{content:'05';} .HomeBan .slick-dots li:nth-child(6):before{content:'06';} .HomeBan .slick-dots li:nth-child(7):before{content:'07';} .HomeBan .slick-dots li:nth-child(8):before{content:'08';} .HomeBan .slick-dots li button{display: none;} .HomeBan .slick-dots li.slick-active::after{width:50px;} .HomeBan .slick-dots li.slick-active::before{opacity: 1;} .HomeBan .slick-dots li:last-child::after{display: none;} @-webkit-keyframes txtmove{ 0%{ transform: translateY(100px); opacity: 0; } 100%{ transform: translateY(0); opacity: 1; } } @keyframes txtmove{ 0%{ transform: translateY(100px); opacity: 0; } 100%{ transform: translateY(0); opacity: 1; } } /* 绗簩灞 */ .HomeAbout.on #myMask{animation: 2s linear bounch 0s alternate forwards;} @keyframes bounch{ from{ transform:translateY(0%); } to{ transform:translateY(-100%); } } .HomeTit h1{font-size: 42px;font-family: syrh;font-weight: normal;line-height: 60px;} .HomeTit h1 b{display: inline-block;width:15px;height:2px;background:#da251d;margin-left:15px;position: relative;top:-14px;} .HomeTit p{font-size: 14px;color:#666;margin-top:5px;} .HomeTit2{border-bottom:1px solid #f2f2f2;background:url(../images/jt.png) no-repeat center right;padding-bottom:15px;} .HomeTit2 .en{font-size: 20px;font-family: bebas;} .HomeTit2 h1{font-size: 24px;font-family: syrh;font-weight: normal;margin-top:2px;} .HomeTit2 b{display: inline-block;width:6px;height:2px;background:#da251d;margin-left:10px;position: relative;top:-10px;} .HomeTit2:hover{background:url(../images/jt2.png) no-repeat center right;} .sec-2 .HomeAbout{padding:10% 0;} .sec-2 .HomeAbout .HomeNum{margin-top:40px;margin-bottom:40px;color:#333;} .sec-2 .HomeAbout .HomeNum ul li{list-style:none;display: inline-block;margin-right:40px;list-style:none} .sec-2 .HomeAbout .HomeNum ul li span{font-family: bebas;color:#da251d;font-size: 40px;} .sec-2 .HomeAbout .HomeNum ul li span b{font-size: 20px;font-weight: normal;position: relative;top:-20px;margin-left:5px;} .sec-2 .HomeAbout .HomeNum ul li strong{font-weight: normal;} .sec-2 .HomeAbout .HomeNum ul li:last-child{margin-right:0;} .sec-2 .HomeAbout .HomeAboutImg{width:60%;position: relative;height:329px;} .sec-2 .HomeAbout .HomeAboutImg>img{height:0;position: absolute;bottom:0;right:0;width:100%;transition: all 1s 2.5s ease-in-out;opacity: 0;} .sec-2 .HomeAbout .HomeAboutImg .svg{position: absolute;width:100%;right:20%;top:66%;} .sec-2 .HomeAbout .HomeAboutTxt{padding:5% 0;color:#333;} .sec-2.active .HomeAbout .HomeAboutImg>img{height:100%;opacity: 1;} .sec-2 .HomeAbout .HomeCul {background:#fff;border:1px solid #ebebeb;padding:40px 0;background:#fff;position: relative;z-index:99;margin-top:2%;color:#333;} .sec-2 .HomeAbout .HomeCul ul::after{content:'';display: block;clear: both;} .sec-2 .HomeAbout .HomeCul ul li{float:left;width:33.33%;box-sizing: border-box;border-left:1px solid #ebebeb;padding-left:150px;position: relative;list-style:none} .sec-2 .HomeAbout .HomeCul ul li:first-child{border-left:none;} .sec-2 .HomeAbout .HomeCul ul li .ico{width:70px;height:70px;line-height: 70px;text-align: center;position: absolute;left:60px;top:0;} .sec-2 .HomeAbout .HomeCul ul li .txt{height:70px;display:flex;justify-content:center;flex-direction: column; } .sec-2 .HomeAbout .HomeCul ul li .txt p{font-family: syrh;font-size: 18px;margin-bottom:5px;} .sec-2 .HomeAbout .HomeCul ul li .txt span{font-size: 14px;opacity: 0.6;} .sec-2 .HomeAbout .HomeMore{width:50px;height:50px;background:url(../images/aboutjt.png) no-repeat center center;background-size: 100% 100%;} .sec-2 .HomeAbout .HomeMore:hover{background:url(../images/solumore.png) no-repeat center center;background-size: 100% 100%;} .sec-2 .HomeAbout .HomeCul ul li:hover .ico{ -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate;} /* .sec-2.active .HomeAbout .HomeAboutTxt,.sec-2.active .HomeAbout .HomeCul{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} */ /* 绗笁灞 */ .sec-3{position: relative;background:#f9f9f9;} .sec-3 .HomeSolu .slider-nav{width:29%;float:right;position: relative;z-index:999;padding:6% 0;} .sec-3 .HomeSolu .slider-nav .slick-track{padding-left:15%;} .sec-3 .HomeSolu .slider-nav .item{width: 100% !important;height:110px;line-height: 110px;box-sizing: border-box;position: relative;transition: all .5s;-webkit-transition: all .5s;} .sec-3 .HomeSolu .slider-nav .item a{display: block;position: absolute;padding:0 80px 0 150px;top:0;right:0;box-sizing: border-box;width:100%;} .sec-3 .HomeSolu .slider-nav .item .ico{width:100px;text-align: center;position: absolute;left:50px;top:0;height:100%;} .sec-3 .HomeSolu .slider-nav .item .ico img{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transition: all .5s;-webkit-transition: all .5s;} .sec-3 .HomeSolu .slider-nav .item .ico .img1{opacity: 0;} .sec-3 .HomeSolu .slider-nav .item .more{width:30px;height:30px;background:url(../images/jia.png) no-repeat center center;position: absolute;right:80px;top:50%;margin-top:-15px;} .sec-3 .HomeSolu .slider-nav .item.slick-current a{background:rgba(215,11,29,0.9);width:120%;} .sec-3 .HomeSolu .slider-nav .item.slick-current a{color:#fff;} .sec-3 .HomeSolu .slider-nav .item.slick-current .more{background:url(../images/jiac.png) no-repeat center center;} .sec-3 .HomeSolu .slider-nav .item.slick-current .ico .img1{opacity: 1;} .sec-3 .HomeSolu .slider-nav .item.slick-current .ico .img2{opacity: 0;} .sec-3 .HomeSolu .slider-for{width:68%;position: absolute;left:0;top:0;height:100%;} .sec-3 .HomeSolu .slider-for .item{position: relative;} .sec-3 .HomeSolu .slider-for .item .img{padding-top:100vh;} .sec-3 .HomeSolu .slider-for .item .txt{position: absolute;width:100%;bottom:0;left:0;background:url(../images/cengbg.png) no-repeat top center;background-size: cover;box-sizing: border-box;padding:30px 18% 30px 10%;color:#fff;background:rgba(0,0,0,0.5);} .sec-3 .HomeSolu .slider-for .item .txt h1{font-size: 32px;font-weight: normal;} .sec-3 .HomeSolu .slider-for .item .txt .dec{font-size: 14px;line-height: 28px;margin-top:20px;} .sec-3 .HomeSolu .slider-for .item .txt .more{position: absolute;right:8%;bottom:28%;} /* 绗洓灞 */ .sec-4{background-size: cover;background-repeat: no-repeat;background-position: center;} .sec-4 .HomeNews{padding:5% 0;} .sec-4 .HomeNews .HomeNewsTit .HomeMore{margin-top:20px;width:50px;height:50px;background:url(../images/aboutjt.png) no-repeat center center;background-size: 100% 100%;} .sec-4 .HomeNews .HomeNewsTit .HomeMore:hover{background:url(../images/solumore.png) no-repeat center center;background-size: 100% 100%;} .sec-4 .HomeNews .HomeNewsCon{margin-left:-2%;margin-top:60px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox{width:48%;margin-left:2%;float:left;background:#fff;box-sizing: border-box;padding:50px;box-shadow: 0 0 10px rgba(0,0,0,0.05);} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews{margin-top:31px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .item{} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .item .img{position: relative;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .item .imgbox{padding-top:335px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .item .hnewsName{position: absolute;width:100%;padding:30px;background:url(../images/newsceng.png) no-repeat top center;background-size: cover;position: absolute;bottom:0;left:0;box-sizing: border-box;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .item .hnewsName span{font-size:14px;font-family: bebas;color:#fff;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .item .hnewsName p{font-family: syrh;color:#fff;font-size: 20px;line-height: 30px;margin-top:10px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .item .txt{margin-top:20px;font-size: 14px;line-height: 24px;color:#666;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .slick-arrow{width:40px;height:70px;position: absolute;top:43%;margin-top:-35px;box-shadow: 0 0 10px rgba(0,0,0,0.1);z-index:999;color:transparent;font-size: 0;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .slick-arrow.slick-prev{background:url(../images/prev1.png) no-repeat center center #fff;left:-20px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .slick-arrow.slick-next{background:url(../images/next.png) no-repeat center center #da251d;right:-20px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .Jqactive{} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .Jqactive .item{padding:30px 0;border-bottom:1px solid #f2f2f2;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .Jqactive .item:last-child{padding-bottom:0;border-bottom:none;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .Jqactive .item h1{font-size: 18px;font-family: syrh;font-weight: normal;margin-bottom:10px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .Jqactive .item dl dd{display: inline-block;font-size: 14px;color:#999;padding:0 20px;position: relative;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .Jqactive .item dl dd span{color:#666;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .Jqactive .item dl dd::before{content:'';display: block;width:1px;height:12px;background:#f2f2f2;position: absolute;left:0;top:50%;margin-top:-6px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .Jqactive .item dl dd:first-child{padding-left:0;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .Jqactive .item dl dd:first-child::before{display: none;} /* 绗簲灞 */ .sec-5{background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;} .sec-5 .HomeContact{position: absolute;left:0;width:100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);top:50%;} .sec-5 .HomeContact .HomeContactBox{background:#f5f5f5;} .sec-5 .HomeContact .HomeContactBox .item{width:33.33%;float:left;box-sizing: border-box;padding:80px 50px;position: relative;} .sec-5 .HomeContact .HomeContactBox .HomeTit2{border-bottom:1px solid #ebebeb;padding-bottom:10px;margin-bottom:30px;background:none;} .sec-5 .HomeContact .HomeContactBox .item .num{top:-40px;left:0;position: absolute;} .sec-5 .HomeContact .HomeContactBox .item .itemBox ul li{list-style:none;font-size: 15px;line-height: 30px;color:#666;letter-spacing: 0;} .sec-5 .HomeContact .HomeContactBox .item .itemBox .tel{margin-bottom:20px;color:#da251d;font-family: bebas;font-size: 24px;} .sec-5 .HomeContact .HomeContactBox .item .itemBox .tel img{display: inline-block;margin-right:10px;} .sec-5 .HomeContact .HomeContactBox .item .itemBox p{font-size: 14px;color:#808080;line-height: 24px;} .sec-5 .HomeContact .HomeContactBox .item .itemBox dl{margin-bottom:20px;} .sec-5 .HomeContact .HomeContactBox .item .itemBox dl dd{display: inline-block;margin-right:30px;font-family: syrh;color:#ccc;line-height: 26px;cursor: pointer;} .sec-5 .HomeContact .HomeContactBox .item .itemBox dl dd.on{color:#333;} .sec-5 .HomeContact .HomeContactBox .item:first-child{background:#fff;} .sec-5 .HomeContact .HomeContactBox .item:nth-child(3):before{content:'';display: block;width:1px;height:65%;background:#ebebeb;position: absolute;left:0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .sec-5 .HomeContact .HomeContactBox .it3 .itemBox ul{height:72px;} .sec-5 .HomeContact .HomeContactBox .it3 .itemBox ul li{display: none;} /* Bottom */ .Bottom{background:#f9f9f9;position: relative;z-index:99;} .Bottom .BototmBox{padding:3% 0 2% 0;} .Bottom .BototmBox .BototmNav{width:77%;} .Bottom .BototmBox .BototmNav .navBox{width:16%;float:left;} .Bottom .BototmBox .BototmNav .navBox:nth-child(2){width:20%;} .Bottom .BototmBox .BototmNav .navBox h1{font-family: syrh;font-weight: normal;margin-bottom:10px;font-size: 16px;list-style:none} .Bottom .BototmBox .BototmNav .navBox ul li{line-height: 34px;font-size: 14px;list-style:none;} .Bottom .BototmBox .BototmNav .navBox ul li a{color:#999;} .Bottom .BototmBox .BototmNav .navBox ul li:hover a{color:#da251d;} .Bottom .BototmBox .BottomCon{text-align: right;width:23%;} .Bottom .BototmBox .BottomCon .Bgupiao ul li{list-style:none;display: inline-block;text-align: center;padding:0 10px;position: relative;} .Bottom .BototmBox .BottomCon .Bgupiao ul li p{font-family: bebas;font-size: 26px;color:#12182b;} .Bottom .BototmBox .BottomCon .Bgupiao ul li span{font-size: 15px;color:#808080;letter-spacing: 5px;position:relative;left:3px;} .Bottom .BototmBox .BottomCon .Bgupiao ul li:nth-child(2) p{color:#666;} .Bottom .BototmBox .BottomCon .Bgupiao ul li:nth-child(2) span{font-size: 14px;letter-spacing: 0;} .Bottom .BototmBox .BottomCon .Bgupiao ul li:nth-child(2){padding-right:0;padding-left:15px;} .Bottom .BototmBox .BottomCon .Bgupiao ul li:nth-child(2)::before{content:'';display: block;width:1px;height:90%;background:#e6e6e6;position: absolute;left:0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .Bottom .BototmBox .BottomCon .fico{margin:30px 0;} .Bottom .BototmBox .BottomCon .fico ul li{list-style:none;display: inline-block;margin-left:10px;position: relative;} .Bottom .BototmBox .BottomCon .fico ul li .tcbox{width:120px;position: absolute;left:50%;margin-left:-60px;display: none;} .Bottom .BototmBox .BottomCon .fico ul li .tcbox img{width:100%;} .Bottom .BototmBox .BottomCon .fico ul li:hover .tcbox{display: block;} .Bottom .Copy{border-top:1px solid #eee;font-size: 12px;color:#999;} .Bottom .Copy a{color:#999;} .Bottom .Copy .copyBox{padding-right:60px;position: relative;padding:20px 0;} .Bottom .Copy .copyBox .gotop{width:60px;border-left:1px solid #eee;border-right:1px solid #eee;height:100%;position: absolute;right:0;top:0;text-align: center;line-height: 57px;} @media(max-width:1680px){ .sec-3 .HomeSolu .slider-nav{width:32%;} } @media(max-width:1600px){ .HomeBan .item .txt h1{font-size: 50px;} .HomeBan .item .txt p.en{font-size: 14px;} .HomeBan .item .txt .banMore{height:45px;line-height: 45px;padding:0 70px 0 20px;} .HomeBan .item .txt h1 img{max-width:30%;} .sec-2 .HomeAbout{padding:6% 0;} .sec-3 .HomeSolu .slider-nav{padding:4% 0;width:31%;} .sec-3 .HomeSolu .slider-nav .item{height:90px;line-height: 90px;} .sec-3 .HomeSolu .slider-for{width:71%;} .sec-3 .HomeSolu .slider-nav .item.slick-current a{width:110%;} .HomeTit h1{font-size: 35px;} .sec-4 .HomeNews{padding:3% 0;} .sec-4 .HomeNews .HomeNewsCon{margin-top:30px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox{padding:40px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .Jqactive .item{padding:20px 0;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews{margin-top:20px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .item .txt{margin-top:10px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .item .imgbox{padding-top:301px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .item .hnewsName{padding:20px 30px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .item .hnewsName p{font-size: 16px;line-height: 30px;} } @media(max-width:1440px){ .sec-2 .HomeAbout .HomeAboutImg{max-width:55%;} .sec-2 .HomeAbout .HomeNum ul li span{font-size: 30px;} .sec-3 .HomeSolu .slider-for .item .txt{padding-left:3%;} .sec-3 .HomeSolu .slider-for{width:74%;} } @media(max-width:1366px){ .HomeBan .item .txt h1{font-size: 40px;} .HomeBan .item .txt p.en{margin:20px 0 40px 0;letter-spacing: 3px;font-size: 12px;} .HomeBan .item .txt .banMore{padding:0 50px 0 10px;height:40px;line-height: 40px;font-size: 14px;} .HomeBan .item .txt .banMore span{width:40px;} .HomeBan .item.active .txt1 .banMore{width:120px;border-radius: 10px;font-size: 14px;} .sec-2 .HomeAbout{padding:3% 0;} .sec-2 .HomeAbout .HomeAboutTxt{padding-bottom:2%;} .sec-3 .HomeSolu .slider-nav .item{height:75px;line-height: 75px;} .HomeTit h1{font-size: 30px;} .HomeTit h1 b{top:-9px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox{padding:30px;} .HomeTit2{padding-bottom:10px;} .HomeTit2 .en{font-size: 18px;} .HomeTit2 h1{font-size: 20px;} .HomeTit2 b{top:-6px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .Jqactive .item{padding:16px 0;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .Jqactive .item h1{margin-bottom:5px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .item .imgbox{padding-top:235px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews{margin-top:10px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .slick-arrow{width:30px;height:56px;margin-top:-28px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .Jqactive .item h1{font-size: 16px;} } @media(max-width:1280px){ .sec-2 .HomeAbout .HomeAboutImg{max-width:50%;} } @media(max-width:1200px){ .sec-2 .HomeAbout .HomeAboutImg{min-width:100%;} .sec-5 .HomeContact{position: static;transform: translateY(0);-webkit-transform: translateY(0);padding:10% 0;} .sec-3 .HomeSolu .slider-nav .item .ico{width:40px;left:20px;} .sec-3 .HomeSolu .slider-nav .item a{padding-left:80px;padding-right:30px;} } @media(max-width:1024px){ .HomeBan .item .imgbox{height:70vh;} .sec-2 .HomeAbout .HomeAboutImg{min-width:100%;} .sec-2 .HomeAbout .HomeCul ul li{padding-left:100px;list-style:none;} .sec-2 .HomeAbout .HomeCul ul li .ico{left:20px;} .sec-3 .HomeSolu .slider-nav .item .ico{width:40px;left:20px;} .sec-3 .HomeSolu .slider-nav .item a{padding-left:80px;padding-right:30px;} .sec-3 .HomeSolu .slider-for{width:72%;} .sec-5 .HomeContact{padding:6% 0;} .sec-5 .HomeContact .HomeContactBox .item{padding:50px 30px;} #fp-nav{display: none;} } @media(max-width:768px){ .HomeBan .item .imgbox{height:55vh;} .HomeBan .item .txt h1{font-size: 30px;} .HomeBan .item .txt b{width:30px;margin-bottom:30px;} .sec-3 .HomeSolu .slider-for .item .img{padding-top:60vh;} .sec-3 .HomeSolu .slider-nav .item{width:33.33% !important;} .sec-3 .HomeSolu .slider-nav{width:100%;} .sec-3 .HomeSolu .slider-for{width:100%;position: static;} .sec-3 .HomeSolu .slider-for .slick-list{width:100%;} .sec-3 .HomeSolu .slider-nav .slick-track{padding-left:0;} .sec-3 .HomeSolu .slider-nav .item.slick-current a{width:100%;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox{width:98%;margin-bottom:10px;} .sec-5 .HomeContact .HomeContactBox .item .itemBox dl dd{margin-right:10px;} .Bottom .BototmBox .BototmNav{display: none;} .Bottom .BototmBox .BottomCon{width:100%;text-align: center;} .sec-2 .HomeAbout .HomeNum ul li span b{font-size: 16px;top:-9px;margin-left:3px;} } @media(max-width:640px){ .Top .gupiao{display: none;} .Top .lan::before{display: none;} .HomeBan .item .txt h1{font-size: 22px;} .HomeBan .item .txt p.en{margin:20px 0;} .HomeBan .item .txt h1 img{max-width:60%;} .HomeTit h1{font-size: 22px;} .HomeTit h1 b{top:-7px;} .sec-2 .HomeAbout .HomeNum{margin:20px 0;} .sec-2 .HomeAbout .HomeNum ul li{list-style:none;margin-right:0;width:100%;display: block;font-size: 14px;} .sec-2 .HomeAbout .HomeNum ul li span{font-size: 20px;} .HomeMore img{width:30px;} .sec-2 .HomeAbout .HomeMore{width:30px;height:30px;} .sec-2 .HomeAbout .HomeCul{padding:0;} .sec-2 .HomeAbout .HomeCul ul li{list-style:none;width:100%;margin:10px 0;border-left:none;} .sec-3 .HomeSolu .slider-nav {display: none;} .sec-3 .HomeSolu .slider-nav .item{width:360px !important;} .sec-3 .HomeSolu .slider-for .item .txt .more{position: static;margin-top:10px;} .sec-3 .HomeSolu .slider-for .item .txt .more img{width:30px;} .sec-3 .HomeSolu .slider-for .item .txt{padding:20px;position: static;background:rgba(0,0,0,0.5);} .sec-3 .HomeSolu .slider-for .item .txt h1{font-size: 18px;} .sec-3 .HomeSolu .slider-for .item .txt .dec{font-size: 13px;line-height: 22px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .Jqactive .item dl dd{display: block;padding:0;} .sec-5 .HomeContact .HomeContactBox .item{width:100%;margin-bottom:10px;overflow: hidden;background:#fff;} .sec-5 .HomeContact .HomeContactBox{background:none;} .Bottom .BototmBox .BottomCon .Bgupiao ul li p{font-size: 20px;} .Bottom .BototmBox .BottomCon .Bgupiao ul li span{font-size: 14px;letter-spacing: 0px;} .Bottom .Copy .copyBox{padding:14px 0;padding-right:60px;} .Bottom .BototmBox .BottomCon .fico ul li{margin:0;list-style:none;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .item .hnewsName{padding:10px 20px;} .sec-4 .HomeNews .HomeNewsCon .HomeNewsBox .xNews .item .hnewsName p{font-size: 14px;line-height: 22px;margin-top:5px;} .sec-2 .HomeAbout .HomeAboutImg{height:160px;} } /* 浜у搧 */ .nTop{position: fixed;width:100%;top:0;left:0;z-index:990;transition: all .5s;-webkit-transition: all .5s;} .nTop.on{top:-90px;} .section01{position: fixed;width:100%;top:0;left:0;overflow: hidden;} .section01 .MainImg img{width:100%} .section02{margin-top:50%;position: relative;z-index:99;background:#fff;} .Localtion{height:80px;line-height: 80px;text-align: right;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);font-size: 14px;color:#999;} .Localtion a{color:#999;} .Localtion a:last-child{color:#666;} .Localtion img{display: inline-block;margin-right:10px;position: relative;top:-3px;} .nCommon{padding:70px 0;} .Product{background:#f1f1f1;} .Product .ProductBox {margin-left:-2%;} .Product .ProductBox::after{content:'';display: block;clear: both;} .Product .ProductBox .item{background:#fff;margin-bottom:30px;border:1px solid #fff;transition: all .5s;-webkit-transition: all .5s;width:48%;margin-left:2%;float:left;box-sizing: border-box;} .Product .ProductBox .item .img{width:37.5%;border-right:1px solid #ececec;height:300px;line-height: 300px;text-align: center;box-sizing: border-box;} .Product .ProductBox .item .img img{max-width:90%;max-height:90%;} .Product .ProductBox .item .txt{width:62.5%;box-sizing: border-box;height:300px;padding:20px 7%;display:flex;justify-content:center;flex-direction: column; } .Product .ProductBox .item .txt h1{font-size: 20px;font-family: syrh;font-weight: normal;} .Product .ProductBox .item .txt b{display: block;width:15px;height:2px;background:#da251d;margin:20px 0;} .Product .ProductBox .item .txt .dec{line-height: 25px;font-size: 14px;color:#999;height:50px;} .Product .ProductBox .item .txt .more{width:40px;height:40px;background:url(../images/aboutjt.png) no-repeat center center;background-size: 100% 100%;margin-top:20px;} .Product .ProductBox .item:hover{border:1px solid #da251d;box-shadow: 0 0 30px rgba(0,0,0,0.1);} .Product .ProductBox .item:hover .txt .more{background:url(../images/solumore.png) no-repeat center center;background-size: 100% 100%;} @media(max-width:768px){ .Localtion{display: none;} .nCommon{padding:30px 0;} .Product .ProductBox .item .img{width:100%;border-right:none;height:auto;line-height: 160px;border-bottom:1px solid #eee;} .Product .ProductBox .item .img img{max-height:120px;} .Product .ProductBox .item .txt{width:100%;padding:20px;height:auto;} .Product .ProductBox .item .txt h1{font-size: 18px;} .Product .ProductBox .item .txt b{margin:10px 0;} .Product .ProductBox .item .txt .more{width:30px;height:30px;margin-top:20px;} } /* 浜у搧璇︽儏 */ .ProductInfo .w1400{max-width:1400px;margin:0 auto;} .ProductInfo .ProductInfoBox{background:#fff;padding:6%;} .ProductInfo .Part{margin-bottom:70px;} .ProductInfo .Part1{border:1px solid #f2f2f2;} .ProductInfo .Part1 .Img{width:50%;box-sizing: border-box;border-right:1px solid #f2f2f2;} .ProductInfo .Part1 .Img .item{height:500px;line-height: 450px;text-align: center;} .ProductInfo .Part1 .Img .item img{display: inline-block;max-height:320px;} .ProductInfo .Part1 .Img .slick-dots{position: absolute;bottom:30px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .ProductInfo .Part1 .Img .slick-dots li{list-style:none;width:7px;height:7px;border-radius: 50%;background:#cccccc;display: inline-block;margin:0 5px;transition: all .5s;-webkit-transition: all .5s;} .ProductInfo .Part1 .Img .slick-dots li button{display: none;} .ProductInfo .Part1 .Img .slick-dots li.slick-active{background:#da251d;transform: scale(1.3);-webkit-transform: scale(1.3);} .ProductInfo .Part1 .Img .slick-arrow{width:25px;height:11px;position: absolute;bottom:30px;color:transparent;font-size: 0;} .ProductInfo .Part1 .Img .slick-arrow.slick-prev{left:30%;background:url(../images/proprev.png) no-repeat center center;} .ProductInfo .Part1 .Img .slick-arrow.slick-next{right:30%;background:url(../images/pronext.png) no-repeat center center;} .ProductInfo .Part1 .Txt{width:50%;box-sizing: border-box;text-align: center;height:500px;display:flex;justify-content:center;flex-direction: column; } .ProductInfo .Part1 .Txt h1{font-size: 30px;font-family: syrh;font-weight: normal;} .ProductInfo .Part1 .Txt b{display: block;width:15px;height:2px;background:#da251d;margin:20px auto 0;} .ProductInfo .Part .PartTit{border-bottom:1px solid #efefef;font-size: 24px;font-family: syrh;letter-spacing: 0;padding-bottom:15px;margin-bottom:40px;} .ProductInfo .Part .PartTit img{display: inline-block;margin-right:10px;} .ProductInfo .PartBox{line-height: 30px;} .ProductInfo .Part4 .PartBox{margin-left:-1.5%;} .ProductInfo .Part4 .PartBox .item{width:48.5%;float:left;margin-left:1.5%;margin-bottom:20px;} .ProductInfo .Part4 .PartBox .item .img{padding-top:57%;} .ProductInfo .Part5 .PartBox .Con{line-height: 45px;} .ProductInfo .Part6{border-top:1px solid #f2f2f2;padding-top:50px;} .ProductInfo .Part6 .PartBtn{text-align: right;} .ProductInfo .Part6 .PartBtn a{display: inline-block;width:200px;height:58px;line-height: 58px;border-radius: 5px;text-align: center;background:#da251d;color:#fff;margin-left:10px;} .ProductInfo .Part6 .PartBtn a img{display: inline-block;margin-right:10px;} .ProductInfo .Part6 .PartBtn a:last-child{background:#6e6e6e;} @media(max-width:1024px){ .ProductInfo .Part1 .Txt h1{font-size: 20px;} .ProductInfo .Part1 .Img .item img{max-height:280px;} .ProductInfo .Part .PartTit{font-size: 20px;padding-bottom:10px;} } @media(max-width:640px){ .ProductInfo .Part1 .Img{width:100%;border-right:0;border-bottom:1px solid #f2f2f2;height:300px;} .ProductInfo .Part1 .Img .item {line-height: 250px;height:400px;} .ProductInfo .Part1 .Img .item img{max-height:200px;} .ProductInfo .Part1 .Txt{width:100%;height:auto;padding:20px 10px;} .ProductInfo .Part1 .Img .slick-dots{bottom:120px;} .ProductInfo .Part1 .Img .slick-arrow{bottom:120px;} .ProductInfo .Part .PartTit{margin-bottom:10px;font-size: 18px;} .ProductInfo .Part .PartTit img{width:30px;} .ProductInfo .Part2 .PartBox{font-size: 14px;line-height: 25px;} .ProductInfo .Part{margin-bottom:30px;} .ProductInfo .Part4 .PartBox .item{margin-bottom:5px;} .ProductInfo .Part5 .PartBox .Con{line-height: 30px;} .ProductInfo .Part6 .PartBtn{text-align: center;} .ProductInfo .Part6 .PartBtn a{width:150px;height:45px;line-height: 45px;margin:0;} } .ProTanc{position: fixed;top:0;left:0;background:rgba(0,0,0,0.5);width:100%;height:100%;z-index:9999;display: none;} .ProTanc .popup{position: relative;width:100%;height:100%;z-index:999;} .ProTanc .ProTancBox{background:url(../images/tcbg.jpg) no-repeat top center;background-size: cover;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width:96%;max-width:1200px;box-sizing: border-box;padding:100px 140px;} .ProTanc .ProTancBox .close{position: absolute;right:15px;top:15px;} .ProTanc .ProTancBox .txt{width:50%;padding-top:10%;} .ProTanc .ProTancBox .txt h1{font-size: 30px;font-weight: normal;font-family: syrh;margin-top:5px;} .ProTanc .ProTancBox .txt b{width:15px;height:2px;background:#da251d;margin:20px 0;display: block;} .ProTanc .ProTancBox .txt .con{font-size: 18px;line-height: 40px;font-family: syrh;} .ProTanc .ProTancBox .Form{width:45%;} .ProTanc .ProTancBox .Form .inputBox{margin-bottom:10px;padding-left:15px;position: relative;line-height: 48px;} .ProTanc .ProTancBox .Form .inputBox b{color:red;position: absolute;left:0;top:0;font-weight: normal;} .ProTanc .ProTancBox .Form .inputBox input{width:100%;height:48px;border:1px solid #e5e5e6;border-radius: 10px;box-sizing: border-box;padding:0 10px;} .ProTanc .ProTancBox .Form .inputBox.yzm{padding-right:160px;} .ProTanc .ProTancBox .Form .inputBox.yzm a.yzmBtn{width:150px;height:48px;text-align: center;background:#6e6e6e;color:#fff;text-align: center;display: block;border-radius: 10px;position: absolute;top:0;right:0;font-size: 14px;} .ProTanc .ProTancBox .Form .FormBtn{padding-left:15px;margin-top:30px;} .ProTanc .ProTancBox .Form .FormBtn button{height:48px;line-height: 48px;text-align: center;background:#da251d;color:#fff;width:100%;border-radius: 10px;} @media(max-width:768px){ .ProTanc .ProTancBox .txt{display: none;} .ProTanc .ProTancBox .Form{width:100%;} } @media(max-width:640px){ .ProTanc .ProTancBox{padding:50px 30px;} .ProTanc .ProTancBox .Form .inputBox{line-height: 40px;} .ProTanc .ProTancBox .Form .inputBox input{height:40px} .ProTanc .ProTancBox .Form .inputBox.yzm{padding-right:120px;} .ProTanc .ProTancBox .Form .inputBox.yzm a.yzmBtn{width:110px;height:40px;} .ProTanc .ProTancBox .Form .FormBtn button{height:40px;line-height: 40px;} } /* 浜嗚В绉戝▉灏 */ .absoluteBox{position: absolute;top:0;left:0;width:100%;z-index:99;} .About .con{width:50%;color:#fff;padding:14% 0;} .About .con h1{font-size: 24px;font-weight: normal;margin:10px 0 60px 0;} .About .con .dec{font-size: 15px;line-height: 28px;overflow: auto;} .AboutCon{background:#f3f3f3;padding-top:45px;padding-bottom:70px;} .AboutCon .aboutNum{background:#fff;text-align: center;padding:50px 0;box-shadow: 0 0 10px rgba(0,0,0,0.05);} .AboutCon .aboutNum ul li{display: inline-block;margin:0 30px;list-style:none;} .AboutCon .aboutNum ul li span{font-size: 38px;font-family: bebas;color:#da251d;} .AboutCon .aboutNum ul li span b{position: relative;top:-20px;font-size: 20px;position: relative;margin-left:5px;} .AboutCon .Culture{margin-top:40px;box-shadow: 0 0 10px rgba(0,0,0,0.05);} .AboutCon .Culture .Img{width:60%;padding-top:440px;} .AboutCon .Culture .Img::after{content:'';display: block;width:100%;height:100%;background:rgba(0,0,0,0.5);position: absolute;top:0;left:0;transition: all .5s;-webkit-transition: all .5s;} .AboutCon .Culture .txt{width:40%;box-sizing: border-box;padding:22px 70px 23px;background:#fff;} .AboutCon .Culture .txt ul li{list-style:none;padding:37px 0 37px 90px;position: relative;border-bottom:1px solid #e5e5e5;} .AboutCon .Culture .txt ul li .ico{width:90px;text-align: center;position: absolute;left:0;top:50%;height:48px;line-height: 48px;margin-top:-24px;} .AboutCon .Culture .txt ul li p{font-size: 20px;font-family: syrh;margin-bottom:5px;} .AboutCon .Culture .txt ul li span{font-size:14px;opacity: 0.6;} .AboutCon .Culture .txt ul li:last-child{border-bottom:none;} .AboutCon .Culture .txt ul li:hover .ico{-webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate;} .AboutCon .Culture .Img:hover::after{opacity: 0;} @media(max-width:1560px){ .About .con{padding:12% 0;} .About .con h1{margin-bottom:30px;} .About .con .dec{line-height: 25px;max-height:350px;} } @media(max-width:1366px){ .About .con{width:65%;} .About .con .tit img{height:20px;} .About .con h1{font-size:18px;} .About .con .dec{font-size:14px;line-height: 22px;} } @media(max-width:1200px){ .About .con{width:75%;} } @media(max-width:1024px){ .absoluteBox{position: relative;margin-top:50%;z-index:0;background:#fff;} .About .con{color:#333;width:100%;padding:30px;box-shadow: 0 0 10px rgba(0,0,0,0.1);margin:20px 0;box-sizing: border-box;} .AboutCon .Culture .txt{padding:22px 30px 23px;} .section03{margin:0;} .About .con .dec{max-height:100%;} } @media(max-width:768px){ .AboutCon .aboutNum{padding:20px;} .AboutCon .aboutNum ul li{height:27px;display: block;margin:0;list-style:none;} .AboutCon .aboutNum ul li span{font-size:20px;} .About .con{padding:20px;} .AboutCon{padding-top:20px;padding-bottom:30px;} .AboutCon .Culture {margin-top:20px;} .AboutCon .Culture .Img{width:100%;padding-top:50%;} .AboutCon .Culture .txt{width:100%;} .AboutCon .Culture .txt{padding:20px;} .AboutCon .Culture .txt ul li{padding:20px 0 20px 60px;list-style:none;} .AboutCon .Culture .txt ul li .ico{width:50px;} .AboutCon .Culture .txt ul li .ico img{width:40px;} .AboutCon .Culture .txt ul li p{font-size:18px;} .AboutCon .aboutNum ul li span b{font-size: 16px;top:-9px;margin-left:3px;} } /* 绀句細璐ｄ换 */ .nMain{background-size: cover;background-repeat: no-repeat;background-position: center;} .nTit{text-align: center;margin-bottom:50px;} .nTit h1{font-size: 42px;font-family: syrh;font-weight: normal;color:#fff;} .nTit b{display: block;width:15px;height:2px;background:#da251d;margin:10px auto 0;} .nMain{padding:10% 0 6% 0;} .Shehuizr .ShehuizrBox{margin-left:-2%;} .Shehuizr .ShehuizrBox .item{width:48%;float:left;margin-left:2%;position: relative;} .Shehuizr .ShehuizrBox .item .img{padding-top:58%;} .Shehuizr .ShehuizrBox .txt{height:60px;line-height: 60px;text-align: center;min-width:220px;background:rgba(230,0,18,0.8);color:#fff;position: absolute;bottom:0;left:0;z-index:99;border-radius: 0 30px 0 0;font-family: syrh;font-size: 20px;} @media(max-width:1366px){ .nTit h1{font-size: 30px;} .Shehuizr .ShehuizrBox .txt{height:50px;line-height: 50px;min-width:200px;font-size: 16px;} } @media(max-width:768px){ .nMain{padding:15% 0;} .nTit h1{font-size: 22px;} } @media(max-width:640px){ .nTit{margin-bottom:30px;} .nMain{padding:100px 0 50px 0;} .Shehuizr .ShehuizrBox .item{width:98%;margin-bottom:20px;} } /* 鐖卞績鍏泭 */ .Aixingy .AixingyBox{} .Aixingy .AixingyBox .item{margin-bottom:30px;background:#fff;} .Aixingy .AixingyBox .item .img{width:50%;padding-top:350px;float:left;} .Aixingy .AixingyBox .item .txt{width:50%;float:right;box-sizing: border-box;padding:40px 50px;} .Aixingy .AixingyBox .item .txt h1{font-size: 20px;font-weight: normal;font-family: syrh;margin-bottom:30px;} .Aixingy .AixingyBox .item .txt .date{font-size: 18px;font-family: bebas;color:#999;display: none;} .Aixingy .AixingyBox .item .txt .date::after{content:'';display: inline-block;width:15px;height:2px;background:#da251d;margin-left:10px;position: relative;top:-7px;} .Aixingy .AixingyBox .item .txt .dec{font-size: 14px;line-height: 25px;color:#999;margin:25px 0 35px 0;} .Aixingy .AixingyBox .item .txt .more{width:50px;height:50px;background:url(../images/aboutjt.png) no-repeat center center;background-size:100% 100%;} .Aixingy .AixingyBox .item:hover .txt .more{background:url(../images/solumore.png) no-repeat center center;background-size: 100% 100%;} .Aixingy .AixingyBox .item:hover .img span{transform: scale(1.05);-webkit-transform: scale(1.05);} .Aixingy .AixingyBox .item:nth-child(2n) .img{float:right;} .Aixingy .AixingyBox .item:nth-child(2n) .txt{float:left;} @media(max-width:768px){ .Aixingy .AixingyBox .item {margin-bottom:20px;} .Aixingy .AixingyBox .item .img{padding-top:250px;} .Aixingy .AixingyBox .item .txt{padding:30px;} .Aixingy .AixingyBox .item .txt h1{font-size: 18px;margin-bottom:10px;} .Aixingy .AixingyBox .item .txt .date{font-size: 14px;} .Aixingy .AixingyBox .item .txt .dec{margin:10px 0 20px 0;} .Aixingy .AixingyBox .item .txt .more{width:30px;height:30px;} } @media(max-width:640px){ .Aixingy .AixingyBox .item .img{width:100%;padding-top:62%;} .Aixingy .AixingyBox .item .txt{width:100%;padding:20px;} .Aixingy .AixingyBox .item .txt h1{font-size: 16px;} .Aixingy .AixingyBox .item .txt .date{font-size: 12px;} } /* 浼佷笟鍔ㄦ€ */ .banNav{position: absolute;left:0;width:100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);top:50%;z-index:99;} .banNav ul li{list-style:none;display: inline-block;border:1px solid #acacad;width:238px;height:74px;background:rgba(255,255,255,0.1);text-align: center;line-height: 74px;margin-right:15px;} .banNav ul li a{font-family: syrh;font-size: 20px;color:#fff;display: block;} .banNav ul li.on{background:rgba(215,11,29,0.9);border:1px solid rgba(215,11,29,0.9);} .banNav ul li:hover{background:rgba(215,11,29,0.9);border:1px solid rgba(215,11,29,0.9);} .News{background:#f3f3f3;} .News .NewsLeft{width:66%;} .News .NewsRight{width:30%;} .News .NewsTit{padding-bottom:0;margin-bottom:30px;} .News .NewsTit:hover{} .HomeTit2 a{color:#333;} .News .HomeTit2 .NewsMore{margin-top: 10px;background: url(../images/aboutjt.png) no-repeat center center;background-size: 100% 100%;} .News .HomeTit2 .NewsMore:hover{background: url(../images/solumore.png) no-repeat center center;background-size: 100% 100%;} .News .HomeTit2{background:none;} .News .HomeTit2 .NewsMore a{display: block;width: 50px;height: 50px;} .News .NewsLeft .NewsLeftBox{background:#fff;padding:40px 40px 30px 40px;} .News .NewsLeft .NewsLeftBox .slick-list{margin-left:-30px;} .News .NewsLeft .NewsLeftBox .item{margin-left:30px;} .News .NewsLeft .NewsLeftBox .item .img{padding-top:249px;} .News .NewsLeft .NewsLeftBox .item .txt h1{font-size: 20px;font-family: syrh;font-weight: normal;margin-top:15px;height:60px;} .News .NewsLeft .NewsLeftBox .item .txt .date{font-size: 18px;font-family: bebas;color:#da251d;margin:15px 0;} .News .NewsLeft .NewsLeftBox .item .txt .dec{font-size: 14px;line-height: 25px;color:#999;} .News .NewsLeft .NewsLeftBox .item .txt .more{width:16px;height:10px;background:url(../images/jt.png) no-repeat center center;margin-top:25px;} .News .NewsLeft .NewsLeftBox .slider{padding-bottom:70px;} .News .NewsLeft .NewsLeftBox .slider::before{content:'';display: block;width:100%;height:1px;background:#dcdcdc;position: absolute;bottom:15px;left:0;} .News .NewsLeft .NewsLeftBox .slick-arrow{position: absolute;width:31px;height:31px;background-size: 100%;color:transparent;font-size: 0px;bottom:0;z-index:999;background-color: #fff;} .News .NewsLeft .NewsLeftBox .slick-arrow.slick-prev{background-image: url(../images/newsprev.png);left:35%;} .News .NewsLeft .NewsLeftBox .slick-arrow.slick-next{background-image: url(../images/newsnext.png);right:35%;} .News .NewsLeft .NewsLeftBox .slick-dots{position: absolute;width:30%;position: absolute;bottom:7px;transform: translateX(-50%);-webkit-transform: translateX(-50%);left:50%;background:#fff;text-align: center;} .News .NewsLeft .NewsLeftBox .slick-dots li{list-style:none;display: inline-block;margin:0 5px;width:8px;height:8px;border-radius: 50%;background:#999999;} .News .NewsLeft .NewsLeftBox .slick-dots li button{display: none;} .News .NewsLeft .NewsLeftBox .slick-dots li.slick-active{background:#da251d;transform: scale(1.3);-webkit-transform: scale(1.3);} .News .NewsLeft .NewsLeftBox .item:hover .img span{transform: scale(1.05);-webkit-transform: scale(1.05);} .News .NewsRight .NewsRightBox{background:#fff;padding:12px 30px;} .News .NewsRight .NewsRightBox .item{padding:30px 0;border-bottom:1px solid #f2f2f2;} .News .NewsRight .NewsRightBox .item:last-child{border-bottom:none;} .News .NewsRight .NewsRightBox .item h1{font-size: 18px;font-family: syrh;font-weight: normal;margin-bottom:10px;} .News .NewsRight .NewsRightBox dl dd{font-size: 14px;color:#999;padding:0 0;position: relative;line-height: 25px;} .News .NewsRight .NewsRightBox dl dd span{color:#666;} .News .NewsRight .NewsRightBox dl dd::before{content:'';display: block;width:1px;height:12px;background:#f2f2f2;position: absolute;left:0;top:50%;margin-top:-6px;} .News .NewsRight .NewsRightBox dl dd:first-child{padding-left:0;} .News .NewsRight .NewsRightBox dl dd:first-child::before{display: none;} @media(max-width:1366px){ .News .NewsTit{background-size: 30px;} .News .NewsRight .NewsRightBox dl dd{padding:0 10px;} .banNav ul li{width:180px;height:60px;line-height: 60px;list-style:none;} .banNav ul li a{font-size: 16px;} } @media(max-width:1280px){ .News .NewsRight .NewsRightBox{padding:12px 20px;} } @media(max-width:1024px){ .News .NewsRight .NewsRightBox dl dd{padding:0;} .News .NewsRight .NewsRightBox .item{padding:19px 0;} } @media(max-width:768px){ .News .NewsLeft{width:100%;} .News .NewsRight{width:100%;margin-top:30px;} .News .NewsRight .NewsRightBox dl dd{padding:0 10px;} .News .HomeTit2 .NewsMore a{width:30px;height:30px;} } @media(max-width:640px){ .banNav ul{padding-top:50px;} .banNav ul li{list-style:none;width:120px;height:35px;line-height: 35px;margin-right: 0;background:rgba(0,0,0,0.3);} .banNav ul li a{font-size: 14px;} .News .NewsLeft .NewsLeftBox{padding:20px;} .News .NewsLeft .NewsLeftBox .item .img{padding-top:61%;} .News .NewsLeft .NewsLeftBox .item .txt h1{font-size: 16px;} .News .NewsLeft .NewsLeftBox .item .txt .date{font-size: 14px;} .News .NewsLeft .NewsLeftBox .slick-dots li{display: none;list-style:none;} .News .NewsTit{margin-bottom:10px;} .News .NewsRight .NewsRightBox .item{padding-top:10px 0;} .News .NewsRight .NewsRightBox .item h1{font-size: 16px;} } /* 鏈€鏂拌祫璁 */ .Newszx{} .Newszx .NewszxBox{margin-left:-3%;} .Newszx .NewszxBox .item{width:30.33%;float:left;margin-left:3%;margin-bottom:70px;box-shadow: 0 0 30px rgba(0,0,0,0.1);transition: all .5s;-webkit-transition: all .5s;} .Newszx .NewszxBox .item .img{padding-top:65%;} .Newszx .NewszxBox .item .txt{background:#fff;padding:30px;} .Newszx .NewszxBox .item .txt h1{font-size: 18px;font-family: syrh;font-weight: normal;} .Newszx .NewszxBox .item .txt .dec{font-size: 14px;color:#999;line-height: 25px;margin:20px 0 30px 0;} .Newszx .NewszxBox .item .txt .date p{font-family: bebas;color:#999;} .Newszx .NewszxBox .item .txt .date .more{width:16px;height:10px;background:url(../images/jt.png) no-repeat center center;margin-top:10px;transition: all .5s;-webkit-transition: all .5s;} .Newszx .NewszxBox .item:hover{transform: scale(1.05);-webkit-transform: scale(1.05);} .Newszx .NewszxBox .item:hover .txt .date .more{background:url(../images/jt2.png) no-repeat center center;transform: translateX(-20px);-webkit-transform: translateX(-20px);} @media(max-width:1024px){ .Newszx .NewszxBox .item .txt{padding:20px;} .Newszx .NewszxBox .item .txt .dec{margin:10px 0 20px 0;} } @media(max-width:768px){ .Newszx .NewszxBox .item{width:47%;margin-bottom:30px;} .Newszx .NewszxBox .item .txt h1{font-size: 16px;} } @media(max-width:640px){ .Newszx .NewszxBox .item {margin-bottom:15px;} .Newszx .NewszxBox .item .txt{padding:10px;} .Newszx .NewszxBox .item .txt .dec{margin:5px 0 10px 0;} .Newszx .NewszxBox .item .txt .date p{font-size: 12px;} .Newszx .NewszxBox .item .txt .date .more{margin-top:5px;} } /* 杩戞湡娲诲姩 */ .Activities{background:#f3f3f3;} .Activities .ActivitiesBox{margin-left:-2%;margin-bottom:50px;} .Activities .ActivitiesBox .item{width:48%;float:left;margin-left:2%;background:#fff;box-sizing: border-box;margin-bottom:25px;padding:45px 90px 45px 40px;position: relative;} .Activities .ActivitiesBox .item h1{font-size: 20px;font-family: syrh;font-weight: normal;margin-bottom:10px;} .Activities .ActivitiesBox .item dl dd{display: inline-block;font-size: 14px;color:#999;padding:0 20px;position: relative;} .Activities .ActivitiesBox .item dl dd span{color:#666;} .Activities .ActivitiesBox .item dl dd::before{content:'';display: block;width:1px;height:12px;background:#f2f2f2;position: absolute;left:0;top:50%;margin-top:-6px;} .Activities .ActivitiesBox .item dl dd:first-child{padding-left:0;} .Activities .ActivitiesBox .item dl dd:first-child::before{display: none;} .Activities .ActivitiesBox .item .more{width:40px;height:40px;line-height: 40px;background:url(../images/jt.png) no-repeat center center;position: absolute;top:45px;right:40px;border-radius: 50%;} .Activities .ActivitiesBox .item a{display: block;} .Activities .ActivitiesBox .item:hover .more{background:url(../images/jt1.png) no-repeat center center #da251d;} @media(max-width:768px){ .Activities .ActivitiesBox .item{padding:20px 60px 20px 20px;} .Activities .ActivitiesBox .item dl dd{padding:0;display: block;line-height: 25px;} .Activities .ActivitiesBox .item .more{right:10px;top:20px;} } @media(max-width:640px){ .Activities .ActivitiesBox .item{width:98%;margin-bottom:10px;} .Activities .ActivitiesBox .item h1{font-size: 16px;} } /* 杩戞湡娲诲姩璇︽儏 */ .ActivitiesInfo .ActiveInfoBox {background:#f3f3f3;} .ActivitiesInfo .ActiveInfoBox .img{width:53%;padding-top:480px;} .ActivitiesInfo .ActiveInfoBox .txt{width:47%;box-sizing: border-box;padding:65px;height:480px;display:flex;justify-content:center;flex-direction: column; } .ActivitiesInfo .ActiveInfoBox .txt h1{font-size: 22px;font-weight: normal;font-family: syrh;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #dadada;} .ActivitiesInfo .ActiveInfoBox .txt ul li{list-style:none;line-height: 50px;} .ActivitiesInfo .ActiveInfoBox .txt ul li span{color:#999;display: inline-block;width:80px;} @media(max-width:1024px){ .ActivitiesInfo .ActiveInfoBox .img{padding-top:400px;} .ActivitiesInfo .ActiveInfoBox .txt{height:400px;padding:40px;} .ActivitiesInfo .ActiveInfoBox .txt h1{font-size: 18px;} } @media(max-width:768px){ .ActivitiesInfo .ActiveInfoBox .img{width:100%;padding-top:65%;} .ActivitiesInfo .ActiveInfoBox .txt{width:100%;padding:30px 20px;height:auto;} } @media(max-width:640px){ .ActivitiesInfo .ActiveInfoBox .txt{padding:20px;} .ActivitiesInfo .ActiveInfoBox .txt h1{font-size: 16px;padding-bottom:10px;margin-bottom:10px;} .ActivitiesInfo .ActiveInfoBox .txt ul li{line-height: 40px;list-style:none;} } /* 鑱旂郴鎴戜滑 */ .Contact{padding:13% 0;} .Contact .ContactCon{max-width:1040px;margin:0 auto;} .Contact .ContactBox {margin-left:-2%;} .Contact .ContactBox .item{width:31.33%;margin-left:2%;float:left;box-sizing: border-box;height:300px;padding:40px;display:flex;justify-content:center;flex-direction: column;transition: all .5s;-webkit-transition: all .5s;} .Contact .ContactBox .item .ico{transition: all .5s;-webkit-transition: all .5s;} .Contact .ContactBox .item .ico img{transition: all .5s;-webkit-transition: all .5s;} .Contact .ContactBox .item:first-child{background:#fff;} .Contact .ContactBox .item:nth-child(2){background:rgba(215,11,29,0.9);} .Contact .ContactBox .item:nth-child(3){background:rgba(0,0,0,0.6);} .Contact .ContactBox .item:nth-child(4){background:rgba(71,100,121,0.9);} .Contact .ContactBox .item .more{width:16px;height:10px;background:url(../images/jt1.png) no-repeat center center;margin-top:100px;transition: all .5s;-webkit-transition: all .5s;} .Contact .ContactBox .item p{font-size: 22px;color:#fff;font-family: syrh;margin-top:10px;} .Contact .ContactBox .item:first-child p{color:#333;} .Contact .ContactBox .item:first-child .more{background:url(../images/jt2.png) no-repeat center center;} .Contact .ContactBox .item:hover .more{margin-top:0;height:0;overflow: hidden;opacity: 0;} @media(max-width:768px){ .Contact .ContactBox .item{padding:20px;width:48%;margin-bottom:10px;} .Contact .ContactBox .item p{font-size: 16px;} .Contact .ContactBox .item{height:280px;} .Contact .ContactBox .item .more{margin-top:100px;} } @media(max-width:640px){ .Contact{padding:100px 0 50px 0;} .Contact .ContactBox .item{height:180px;} .Contact .ContactBox .item .more{margin-top:40px;} } /* 鍔犲叆绉戝▉灏 */ .JoinKwe{padding:11.5% 0;} .JoinKwe .JoinKweBox{margin-left:-1%;max-width:700px;} .JoinKwe .JoinKweBox .item{width:49%;float:left;margin-left:1%;background:rgba(255,255,255,0.9);box-sizing: border-box;padding:45px 40px 45px 85px;height:180px;transition: all .5s;-webkit-transition: all .5s;margin-bottom:10px;} .JoinKwe .JoinKweBox .item .tit{position: relative;font-size: 20px;font-family: syrh;background:url(../images/jt2.png) no-repeat center right;} .JoinKwe .JoinKweBox .item .tit .ico{position: absolute;left:-52px;top:-5px;} .JoinKwe .JoinKweBox .item .tit .ico .img2{display: none;} .JoinKwe .JoinKweBox .item .dec{font-size: 14px;line-height: 25px;color:#999;margin-top:10px;} .JoinKwe .JoinKweBox .item .tel{position: relative;font-size: 30px;font-family: bebas;color:#da251d;margin-bottom:10px;} .JoinKwe .JoinKweBox .item .tel img{position: absolute;left:-50px;top:10px;} .JoinKwe .JoinKweBox .item:nth-child(4){padding-right:20px;padding-top:35px;} .JoinKwe .JoinKweBox .item:nth-child(4) p{line-height: 30px;font-family: syrh;} .JoinKwe .JoinKweBox .item:hover{background:rgba(215,11,29,0.9);transform: translate3d(0,-5px,0);-webkit-transform: translate3d(0,-5px,0);} .JoinKwe .JoinKweBox .item:hover .tit .ico .img1{display: none;} .JoinKwe .JoinKweBox .item:hover .tit .ico .img2{display: inline-block;} .JoinKwe .JoinKweBox .item:hover .tit{color:#fff;} .JoinKwe .JoinKweBox .item:hover .tit .ico .img1{display: none;} .JoinKwe .JoinKweBox .item:hover .dec{color:#fff;} .JoinKwe .JoinKweBox .item:nth-child(4):hover{background:rgba(255,255,255,0.9);} @media(max-width:1366px){ .JoinKwe .JoinKweBox .item{padding-top:35px;padding-bottom:25px;padding-right:25px;} .JoinKwe .JoinKweBox .item .tel{font-size: 22px;} .JoinKwe .JoinKweBox .item .tel img{top:5px;} } @media(max-width:1024px){ .JoinKwe .JoinKweBox .item{width:49%;margin-bottom:10px;} } @media(max-width:640px){ .JoinKwe{padding:100px 0 50px 0;} .JoinKwe .JoinKweBox .item{width:99%;padding-left:55px;height:auto;} .JoinKwe .JoinKweBox .item .tit .ico img{max-width:25px;} .JoinKwe .JoinKweBox .item .tit .ico{left:-35px;top:-2px;} .JoinKwe .JoinKweBox .item .tit{font-size: 18px;} } /* 浜烘墠鍙戝睍 */ .Rencaifz .RencaifzBox .Part1{} .Rencaifz .RencaifzBox .Part1 .item{background:#fff;} .Rencaifz .RencaifzBox .Part1 .item .img{width:50%;float:right;padding-top:400px;} .Rencaifz .RencaifzBox .Part1 .item .txt{width:50%;float:left;box-sizing: border-box;height:400px;padding:30px 20px 30px 30px;display:flex;justify-content:center;flex-direction: column; } .Rencaifz .RencaifzBox .Part1 .item .txt h1{font-size: 24px;font-family: syrh;margin-bottom:10px;} .Rencaifz .RencaifzBox .Part1 .item .txt p{line-height: 25px;font-size: 14px;color:#999;} .Rencaifz .RencaifzBox .Part1 .item:nth-child(2n) .img{float:left;} .Rencaifz .RencaifzBox .Part1 .item:nth-child(2n) .txt{float:right;} .Rencaifz .RencaifzBox .Part2{margin-top:60px;} .Rencaifz .RencaifzBox .Part2 .tit{font-size: 24px;font-family: syrh;font-weight: bold;color:#fff;} .Rencaifz .RencaifzBox .Part2 .PartBox{margin-top:70px;margin-left:-3%;} .Rencaifz .RencaifzBox .Part2 .PartBox .item{width:30.33%;float:left;margin-left:3%;background:#fff;text-align: center;box-sizing: border-box;padding:0 50px 50px;max-height:245px;} .Rencaifz .RencaifzBox .Part2 .PartBox .item .num{width:90px;height:90px;margin:0 auto;background:url(../images/rcico1.png) no-repeat center center;font-size: 22px;font-family: DINB;color:#fff;line-height: 90px;margin-top:-45px;} .Rencaifz .RencaifzBox .Part2 .PartBox .item h1{font-size: 20px;font-weight: normal;font-family: syrh;margin:50px 0 20px 0;} .Rencaifz .RencaifzBox .Part2 .PartBox .item .dec{color:#999;line-height: 25px;} .Rencaifz .RencaifzBox .Part2 .PartBox .item:nth-child(2) .num{background:url(../images/rcico2.png) no-repeat center center;} .Rencaifz .RencaifzBox .Part2 .PartBox .item:nth-child(3) .num{background:url(../images/rcico3.png) no-repeat center center;} @media(max-width:1024px){ .Rencaifz .RencaifzBox .Part1 .item .txt{padding:20px;} .Rencaifz .RencaifzBox .Part1 .item .txt h1{font-size: 18px;margin-bottom:5px;} .Rencaifz .RencaifzBox .Part2 .PartBox .item{padding:0 20px 20px 20px;} .Rencaifz .RencaifzBox .Part2 .PartBox .item .dec{height:75px;} } @media(max-width:768px){ .Rencaifz .RencaifzBox .Part2 .PartBox .item h1{margin-top:30px;} .Rencaifz .RencaifzBox .Part2 .PartBox .item .dec{height:125px;} } @media(max-width:640px){ .Rencaifz .RencaifzBox .Part1 .item {margin-bottom:10px;} .Rencaifz .RencaifzBox .Part1 .item .img{width:100%;padding-top:60%;} .Rencaifz .RencaifzBox .Part1 .item .txt{width:100%;height:auto;} .Rencaifz .RencaifzBox .Part1 .item .txt h1{font-size: 16px;} .Rencaifz .RencaifzBox .Part2{margin-top:30px;} .Rencaifz .RencaifzBox .Part2 .PartBox .item{width:97%;margin-bottom:50px;} .Rencaifz .RencaifzBox .Part2 .PartBox .item .num{background-size: 60px;} .Rencaifz .RencaifzBox .Part2 .PartBox .item:nth-child(2) .num{background-size: 60px;} .Rencaifz .RencaifzBox .Part2 .PartBox .item:nth-child(3) .num{background-size: 60px;} .Rencaifz .RencaifzBox .Part2 .PartBox .item .dec{height:auto;} .Rencaifz .RencaifzBox .Part2 .PartBox .item h1{margin-top:10px;} .Rencaifz .RencaifzBox .Part2 .tit{font-size: 20px;} } /* 鏂囧寲姘涘洿 */ .Culfenw{padding:11.5% 0;} .Culfenw .CulfenwBoxL{width:43%;} .Culfenw .culTit{margin-bottom:35px;} .Culfenw .culTit .en{font-size: 24px;font-family: bebas;color:#fff;opacity: 0.2;} .Culfenw .culTit h1{font-size: 26px;font-family: syrh;font-weight: normal;color:#fff;} .Culfenw .culTit h1 b{display: inline-block;width:10px;height:2px;background:#da251d;position: relative;margin-left:10px;top:-10px;} .Culfenw .CulfenwBoxL .item .img{padding-top:376px;} .Culfenw .CulfenwBoxL .slick-arrow{width:35px;height:35px;position: absolute;top:50%;margin: top -17.5px;z-index:99;color:transparent;font-size: 0;} .Culfenw .CulfenwBoxL .slick-arrow.slick-prev{background:url(../images/p.png) no-repeat center center;background-size: 100% 100%;left:10px;} .Culfenw .CulfenwBoxL .slick-arrow.slick-next{background:url(../images/n.png) no-repeat center center;background-size: 100% 100%;right:10px;} .Culfenw .CulfenwBoxL .item:hover .img span{transform: scale(1.05);-webkit-transform: scale(1.05);} .Culfenw .CulfenwBoxR{width:52%;} .Culfenw .CulfenwBoxR .slick-list{margin-left:-20px;} .Culfenw .CulfenwBoxR .item{margin-left:20px;background:#fff;} .Culfenw .CulfenwBoxR .item .img{padding-top:210px;} .Culfenw .CulfenwBoxR .item .txt{padding:20px 30px;} .Culfenw .CulfenwBoxR .item .txt h1{font-size: 18px;font-weight: normal;font-family: syrh;} .Culfenw .CulfenwBoxR .item .txt .date{color:#999;font-family: bebas;margin:10px 0;} .Culfenw .CulfenwBoxR .item .txt .dec{font-size: 14px;line-height: 25px;color:#999;margin-top:20px;} .Culfenw .CulfenwBoxR .item .txt .more{width:16px;height:10px;background:url(../images/jt2.png) no-repeat center center;margin-top:22px;} .Culfenw .CulfenwBoxR .slick-arrow{width:20px;height:20px;position: absolute;top:-70px;color:transparent;font-size: 0;z-index:99;} .Culfenw .CulfenwBoxR .slick-arrow.slick-prev{background:url(../images/p1.png) no-repeat center center;right:22%;} .Culfenw .CulfenwBoxR .slick-arrow.slick-next{background:url(../images/n1.png) no-repeat center center;right:0;} .Culfenw .CulfenwBoxR .slick-dots{position: absolute;top:-75px;width:25%;text-align: center;right:0;padding:0 20px;box-sizing: border-box;} .Culfenw .CulfenwBoxR .slick-dots li{list-style:none;display: inline-block;width:5px;height:5px;border-radius: 50%;background:rgba(255,255,255,0.5);margin:0 3px;} .Culfenw .CulfenwBoxR .slick-dots li button{display: none;} .Culfenw .CulfenwBoxR .item:hover .img span{transform: scale(1.05);-webkit-transform: scale(1.05);} @media(max-width:768px){ .Culfenw{padding:100px 0 50px 0;} .Culfenw .CulfenwBoxL{width:100%;} .Culfenw .CulfenwBoxR{width:100%;margin-top:40px;} .Culfenw .CulfenwBoxL .item .img{padding-top:67%;} .Culfenw .culTit .en{font-size: 18px;} .Culfenw .culTit h1{font-size: 20px;} .Culfenw .culTit h1 b{top:-6px;} .Culfenw .culTit{margin-bottom:20px;} .Culfenw .CulfenwBoxR .item .img{padding-top:60%;} .Culfenw .CulfenwBoxR .item .txt{padding:20px;} .Culfenw .CulfenwBoxR .item .txt h1{font-size: 16px;} } /* 鎷涜仒淇℃伅 */ .Recruit .RecruitNav{text-align: center;margin-bottom:45px;} .Recruit .RecruitNav ul li{list-style:none;display: inline-block;width:120px;height:45px;line-height: 45px;text-align: center;margin:0 5px;background:rgba(0,0,0,0.2);} .Recruit .RecruitNav ul li a{color:#fff;font-size: 18px;display: block;} .Recruit .RecruitNav ul li.on{background:rgba(215,11,29,0.9);} .Recruit .RecruitNav ul li:hover{background:rgba(215,11,29,0.9);} .Recruit .RecruitBox{background:#fff;padding:40px 50px;} .Recruit .RecruitBox .RecruitSelect{padding-bottom:35px;border-bottom:1px solid #828282;text-align: center;} .Recruit .RecruitBox .RecruitSelect select{height:48px;line-height: 48px;border:1px solid #e9e9e9;background:url(../images/select.png) no-repeat center right 10px;width:25%;margin:0 5px;} .Recruit .RecruitBox .RecruitSelect button{height:48px;line-height: 48px;width:120px;text-align: center;color:#fff;background:#6f6f6f;position: relative;top:-1px;margin-left:5px;} .Recruit .RecruitBox .RecruitCon{margin-bottom:60px;} .Recruit .RecruitBox .RecruitCon .item{border-bottom:1px solid #eeeeee;} .Recruit .RecruitBox .RecruitCon .item ul::after{content:'';display: block;clear: both;} .Recruit .RecruitBox .RecruitCon .item ul li{height:120px;display:flex;justify-content:center;flex-direction: column;float:left;} .Recruit .RecruitBox .RecruitCon .item ul li.li1{width:20%;font-size: 18px;font-family: syrh;} .Recruit .RecruitBox .RecruitCon .item ul li.li2{width:27%;text-align: center;} .Recruit .RecruitBox .RecruitCon .item ul li.li3{width:20%;text-align: center;} .Recruit .RecruitBox .RecruitCon .item ul li.li4{width:20%;text-align: center;} .Recruit .RecruitBox .RecruitCon .item ul li.li5{width:13%;} .Recruit .RecruitBox .RecruitCon .item ul li span{font-size: 14px;color:#999;} .Recruit .RecruitBox .RecruitCon .item ul li p{margin-top:8px;} .Recruit .RecruitBox .RecruitCon .item ul li.li5 a{display: block;width:100%;height:45px;line-height: 45px;text-align: center;background:#eeeeee;} .Recruit .RecruitBox .RecruitCon .item ul li.li5 a .img2{display: none;} .Recruit .RecruitBox .RecruitCon .item ul li.li5 a .ico{display: inline-block;} .Recruit .RecruitBox .RecruitCon .item ul li.li5 a:hover{background:rgba(215,11,29,0.9);color:#fff;} .Recruit .RecruitBox .RecruitCon .item ul li.li5 a:hover .img1{display: none;} .Recruit .RecruitBox .RecruitCon .item ul li.li5 a:hover .img2{display: inline-block;} @media(max-width:1024px){ .Recruit .RecruitBox .RecruitCon .item ul li.li1{font-size: 16px;} .Recruit .RecruitBox .RecruitCon .item ul li p{font-size: 14px;} .Recruit .RecruitBox .RecruitSelect button{width:100px;} } @media(max-width:640px){ .Recruit .RecruitNav{margin-bottom:20px;} .Recruit .RecruitNav ul li{height:35px;line-height: 35px;list-style:none;} .Recruit .RecruitNav ul li a{font-size: 16px;} .Recruit .RecruitBox{padding:20px;} .Recruit .RecruitBox .RecruitSelect select{width:100%;margin:0;margin-bottom:10px;height:35px;line-height: 35px;} .Recruit .RecruitBox .RecruitSelect button{height:35px;line-height: 35px;} .Recruit .RecruitBox .RecruitCon .item ul li.li1{width:40%;} .Recruit .RecruitBox .RecruitCon .item ul li.li2{display: none;} .Recruit .RecruitBox .RecruitCon .item ul li.li3{display: none;} .Recruit .RecruitBox .RecruitCon .item ul li.li4{width:30%;} .Recruit .RecruitBox .RecruitCon .item ul li.li5{width:30%;} .Recruit .RecruitBox .RecruitCon .item ul li.li5 a{width:100%;height:35px;line-height: 35px;font-size: 14px;} .Recruit .RecruitBox .RecruitCon .item ul li.li5 a .ico img{width:15px;} .Recruit .RecruitBox .RecruitCon .item ul li{height:80px;list-style:none;} .Recruit .RecruitBox .RecruitCon .item ul li.li1{font-size: 14px;} .Recruit .RecruitBox .RecruitCon .item ul li span{font-size: 12px;} .Recruit .RecruitBox .RecruitCon .item ul li p{font-size: 13px;margin-top:0;} } /* 鎷涜仒璇︽儏 */ .RecruitInfo{padding:80px;background:#fff;position: relative;} .RecruitInfo .RecruitInfoBox{width:65%;} .RecruitInfo .RecruitInfoForm{width:29%;} .RecruitInfo .ReInfo{position: relative;} .RecruitInfo .goback{position: absolute;top:0;right:0;} .RecruitInfo .goback a{color:#999;} .RecruitInfo .goback a img{position: relative;margin-left:5px;top:-2px;} .RecruitInfo .RecruitInfoBox .RecruitInfoTit{margin-bottom:40px;} .RecruitInfo .RecruitInfoBox .RecruitInfoTit h1{font-size: 30px;font-weight: normal;font-family: syrh;margin-bottom:20px;} .RecruitInfo .RecruitInfoBox .RecruitInfoTit ul li{list-style:none;display: inline-block;margin-right:30px;color:#999;margin-bottom:8px;} .RecruitInfo .RecruitInfoBox .RecruitInfoTit ul li img{position: relative;margin-right:5px;top:-2px;} .RecruitInfo .RecruitInfoBox .RecruitInfoTit ul li span{color:#333;} .RecruitInfo .RecruitInfoBox .RecruitInfoCon .Con{margin-bottom:50px;} .RecruitInfo .RecruitInfoBox .RecruitInfoCon .Con:nth-child(2){margin-bottom:0;} .RecruitInfo .RecruitInfoBox .RecruitInfoCon h1{font-size: 18px;font-weight: normal;font-family: syrh;padding-bottom:20px;border-bottom:1px solid #e5e5e5;margin-bottom:20px;} .RecruitInfo .RecruitInfoBox .RecruitInfoCon .dec{font-size: 14px;line-height: 36px;color:#999;} .RecruitInfo .RecruitInfoForm{padding-top:50px;} .RecruitInfo .RecruitInfoForm .FormBox{padding:40px;border:1px solid #f1f1f1;box-shadow: 0 0 30px rgba(0,0,0,0.1);} .RecruitInfo .RecruitInfoForm .FormBox h1{font-size: 24px;font-weight: normal;font-family: syrh;margin-bottom:30px;text-align: center;} .RecruitInfo .RecruitInfoForm .FormBox .InputBox{margin-bottom:20px;border:1px solid #e6e6e6;height:38px;line-height: 38px;} .RecruitInfo .RecruitInfoForm .FormBox .InputBox input{width:100%;height:100%;box-sizing: border-box;padding:0 10px;} .RecruitInfo .RecruitInfoForm .FormBox .fileInput{background:url(../images/uploadfile.png) no-repeat center right 10px #f3f3f3;position: relative;} .RecruitInfo .RecruitInfoForm .FormBox .fileInput input{opacity: 0;position: absolute;left:0;top:0;z-index:999;} .RecruitInfo .RecruitInfoForm .FormBox .fileInput span{font-size: 14px;padding:0 10px;position: absolute;left:0;top:0;} .RecruitInfo .RecruitInfoForm .FormBox .FormBtn{margin-top:30px;} .RecruitInfo .RecruitInfoForm .FormBox .FormBtn button{width:100%;height:40px;line-height: 40px;text-align: center;background:#da251d;color:#fff;} @media(max-width:1024px){ .RecruitInfo{padding:40px;} .RecruitInfo .RecruitInfoBox .RecruitInfoTit h1{font-size: 22px;} .RecruitInfo .RecruitInfoBox .RecruitInfoTit ul li{list-style:none;font-size: 14px;} .RecruitInfo .RecruitInfoForm .FormBox{padding:20px;} .RecruitInfo .RecruitInfoForm .FormBox h1{font-size: 20px;} } @media(max-width:768px){ .RecruitInfo .RecruitInfoBox{width:100%;padding-top:40px;} .RecruitInfo .RecruitInfoForm{width:100%;} } @media(max-width:640px){ .RecruitInfo{padding:20px;} .RecruitInfo .RecruitInfoBox{padding-top:30px;} .RecruitInfo .RecruitInfoBox .RecruitInfoTit {margin-bottom:20px;} .RecruitInfo .RecruitInfoBox .RecruitInfoTit h1{font-size: 18px;margin-bottom:10px;} .RecruitInfo .RecruitInfoBox .RecruitInfoTit ul li{list-style:none;display: block;line-height: 30px;} .RecruitInfo .RecruitInfoBox .RecruitInfoCon h1{font-size: 16px;padding-bottom:10px;margin-bottom:10px;} .RecruitInfo .RecruitInfoBox .RecruitInfoCon .dec{line-height: 30px;} .RecruitInfo .RecruitInfoBox .RecruitInfoCon .Con{margin-bottom:30px;} } /* 濯掍綋鍏崇郴 */ .Mediagx{padding:17% 0;} .Mediagx .MediagxBox .box{width:80%;max-width:600px;background:rgba(0,0,0,0.4);text-align: center;box-sizing: border-box;padding:80px 30px;color:#fff;} .Mediagx .MediagxBox .box h1{font-size: 26px;font-family: syrh;font-weight: normal;} .Mediagx .MediagxBox .box b{display: block;width:10px;height:2px;background:#da251d;margin:30px auto 40px;} .Mediagx .MediagxBox .box p {font-size: 18px;} .Mediagx .MediagxBox .box p strong{font-family: bebas;font-size: 24px;font-weight: normal;} @media(max-width:1024px){ .Mediagx .MediagxBox .box{max-width:500px;padding:40px;} .Mediagx .MediagxBox .box b{margin:20px auto;} } @media(max-width:768px){ .Mediagx{padding:120px 0 80px 0;} .Mediagx .MediagxBox .box{float:none !important;margin:0 auto;padding:30px 10px;} .Mediagx .MediagxBox .box h1{font-size: 20px;} .Mediagx .MediagxBox .box p{font-size: 14px;} .Mediagx .MediagxBox .box b{margin:10px auto;} .Mediagx .MediagxBox .box p strong{font-size: 20px;} } /* 绾緥鐩戠潱 */ .Jilvjd{padding:16% 0;} .Jilvjd .JilvjdBox .box{max-width:640px;margin-left:100px;} .Jilvjd .JilvjdBox .box h1{font-size: 26px;font-family: syrh;font-weight: normal;color:#fff;text-align: center;} .Jilvjd .JilvjdBox .box b{display: block;width:10px;height:2px;background:#da251d;margin:20px auto 30px;} .Jilvjd .JilvjdBox .box .txt{height:160px;background:#d61d2d;color:#fff;text-align: center;display:flex;justify-content:center;align-items:center;flex-direction: column;} .Jilvjd .JilvjdBox .box .txt p{font-size: 20px;line-height: 24px;margin:5px 0;} .Jilvjd .JilvjdBox .box .txt p img{position: relative;margin-right:10px;top:-10px;} .Jilvjd .JilvjdBox .box .txt p strong{font-size: 36px;font-family: bebas;font-weight: normal;} .Jilvjd .JilvjdBox .box .dec{color:#fff;margin-top:40px;text-align: center;font-family: syrh;} @media(max-width:768px){ .Jilvjd{padding:100px 0 50px 0;} .Jilvjd .JilvjdBox .box{margin-left:0;} .Jilvjd .JilvjdBox .box h1{font-size: 22px;} .Jilvjd .JilvjdBox .box .txt{height:auto;padding:20px;} .Jilvjd .JilvjdBox .box .txt p{font-size: 14px;} .Jilvjd .JilvjdBox .box .txt p strong{font-size: 20px;} .Jilvjd .JilvjdBox .box .txt p img{height:20px;top:-5px;} .Jilvjd .JilvjdBox .box .dec{margin-top:20px;} } /* 鎶曡祫鑰呭叧绯 */ .Touzizhegx {padding:14% 0;} .Touzizhegx .TouzizhegxBox{max-width:1280px;margin:0 auto;} .Touzizhegx .TouzizhegxBox .item{float:left;margin-left:0.5%;height:290px;box-sizing: border-box;} .Touzizhegx .TouzizhegxBox .item.it1{width:35.5%;background:rgba(0,0,0,0.4);padding:50px 40px;padding-left:180px;position: relative;} .Touzizhegx .TouzizhegxBox .item.it2{width:23.5%;} .Touzizhegx .TouzizhegxBox .item.it3{width:39.5%;background:#fff;} .Touzizhegx .TouzizhegxBox .item.it1 .ico{width:100px;position: absolute;left:40px;top:50px;} .Touzizhegx .TouzizhegxBox .item.it1 .txt h1{font-size: 24px;font-weight: normal;font-family: syrh;color:#fff;padding:10px 0;} .Touzizhegx .TouzizhegxBox .item.it1 .txt p{color:#fff;opacity: 0.8;} .Touzizhegx .TouzizhegxBox .item.it1 .txt .more{width:16px;height:10px;background:url(../images/jt2.png) no-repeat center center;margin-top:80px;} .Touzizhegx .TouzizhegxBox .item.it2 ul li{list-style:none;height:140px;line-height: 140px;background:url(../images/jt1.png) no-repeat center right 40px rgba(215,11,29,0.9);padding:0 40px;transition: all .5s;-webkit-transition: all .5s;} .Touzizhegx .TouzizhegxBox .item.it2 ul li:nth-child(2){background:url(../images/jt1.png) no-repeat center right 40px#eeb152;margin-top:10px;} .Touzizhegx .TouzizhegxBox .item.it2 ul li a{font-size: 24px;font-family: syrh;color:#fff;display: block;} .Touzizhegx .TouzizhegxBox .item.it2 ul li:hover{transform: translate3d(0,-3px,0);-webkit-transform: translate3d(0,-3px,0);box-shadow: 0 0 10px rgba(0,0,0,0.1);} .Touzizhegx .TouzizhegxBox .item.it3{padding:10px 40px;} .Touzizhegx .TouzizhegxBox .item.it3 .box{padding:25px 0;} .Touzizhegx .TouzizhegxBox .item.it3 .box h1{font-size: 22px;font-weight: normal;padding-bottom:10px;border-bottom:1px solid #f1f1f1;margin-bottom:10px;} .Touzizhegx .TouzizhegxBox .item.it3 .box .txt strong{font-size: 26px;font-family: bebas;color:#e60012;} .Touzizhegx .TouzizhegxBox .item.it3 .box .txt span{color:#5e5e5e;position: relative;margin-left:10px;top:-5px;} @media(max-width:1366px){ .Touzizhegx .TouzizhegxBox .item.it1{padding:50px 30px;padding-left:140px;} .Touzizhegx .TouzizhegxBox .item.it1 .ico{width:70px;} .Touzizhegx .TouzizhegxBox .item.it1 .txt h1{font-size: 20px;} .Touzizhegx .TouzizhegxBox .item.it1 .txt p{font-size: 14px;} .Touzizhegx .TouzizhegxBox .item.it2 ul li a{font-size: 20px;} .Touzizhegx .TouzizhegxBox .item.it3 .tel p{font-size: 24px;} .Touzizhegx .TouzizhegxBox .item.it3 .email p{font-size: 20px;} .Touzizhegx .TouzizhegxBox .item.it3 .email{height:60px;line-height: 60px;} } @media(max-width:768px){ .Touzizhegx{padding:100px 0 50px 0;} .Touzizhegx .TouzizhegxBox .item.it1{width:99.5%;padding:20px;} .Touzizhegx .TouzizhegxBox .item.it1 .ico{position: static;margin:0 auto;} .Touzizhegx .TouzizhegxBox .item.it2{width:99.5%;margin:10px 0;} .Touzizhegx .TouzizhegxBox .item.it3{width:99.5%;} .Touzizhegx .TouzizhegxBox .item{height:auto;} .Touzizhegx .TouzizhegxBox .item.it1 .txt{text-align: center;margin-top:10px;} .Touzizhegx .TouzizhegxBox .item.it1 .txt .more{margin:20px auto 0;} .Touzizhegx .TouzizhegxBox .item.it2 ul li{list-style:none;height:80px;line-height: 80px;} .Touzizhegx .TouzizhegxBox .item.it3{padding:20px;} .Touzizhegx .TouzizhegxBox .item.it3 .email{height:50px;line-height: 50px;} .Touzizhegx .TouzizhegxBox .item.it3 .email p{font-size: 16px;} .Touzizhegx .TouzizhegxBox .item.it2 ul li a{font-size: 16px;} .Touzizhegx .TouzizhegxBox .item.it3 .box{padding:15px 0;} .Touzizhegx .TouzizhegxBox .item.it3 .box h1{font-size: 18px;font-family: syrh;} .Touzizhegx .TouzizhegxBox .item.it3 .box .txt strong{font-size: 20px;} } /* 鎶曡祫鑰呮暀鑲 */ .Touzizhejy{background:url(../images/tzzbg.png) no-repeat top center #f0f0f0;background-size: 100%;} .Touzizhejy .TouzizhejyBox{background:#fff;padding:40px;position: relative;} .Touzizhejy .TouzizhejyBox .goback{width:70px;height:70px;background:#da251d;text-align: center;display:flex;justify-content:center;flex-direction: column;position: absolute;right:0;top:-70px;} .Touzizhejy .TouzizhejyBox .goback a{color:#fff;font-size: 14px;} .Touzizhejy .TouzizhejyBox .goback a p{margin-top:5px;} .Touzizhejy .TouzizhejyBox .tzzTop{border-bottom:1px solid #ececec;padding-bottom:35px;} .Touzizhejy .TouzizhejyBox .tzzTop .img{width:30%;padding-top:240px;} .Touzizhejy .TouzizhejyBox .tzzTop:hover .img span{transform: scale(1.05);-webkit-transform: scale(1.05);} .Touzizhejy .TouzizhejyBox .tzzTop .txt{width:66%;height:240px;display:flex;justify-content:center;flex-direction: column; } .Touzizhejy .TouzizhejyBox .tzzTop .txt h1{font-size: 20px;font-family: syrh;font-weight: bold;} .Touzizhejy .TouzizhejyBox .tzzTop .txt .date{font-family: bebas;color:#999;margin:10px 0;} .Touzizhejy .TouzizhejyBox .tzzTop .txt .dec{font-size: 14px;line-height: 25px;color:#999;} .Touzizhejy .TouzizhejyBox .tzzTop .txt .more{width:16px;height:10px;background:url(../images/jt.png) no-repeat center center;margin-top:20px;} .Touzizhejy .TouzizhejyBox .TzzList{padding-bottom:30px;} .Touzizhejy .TouzizhejyBox .TzzList .item{padding:40px 0;border-bottom:1px solid #ececec;padding-left:155px;position: relative;transition: all .5s;-webkit-transition: all .5s;padding-right:20px;} .Touzizhejy .TouzizhejyBox .TzzList .item .date{width:120px;text-align: center;border-right:1px solid #ececec;position: absolute;left:0;top:40px;height:120px;display:flex;justify-content:center;flex-direction: column;font-family: bebas;} .Touzizhejy .TouzizhejyBox .TzzList .item .date p{font-size: 30px;color:#da251d;} .Touzizhejy .TouzizhejyBox .TzzList .item .date span{color:#999;} .Touzizhejy .TouzizhejyBox .TzzList .item .txt {height:120px;display:flex;justify-content:center;flex-direction: column; } .Touzizhejy .TouzizhejyBox .TzzList .item .txt h1{font-size: 20px;font-weight: normal;font-family: syrh;} .Touzizhejy .TouzizhejyBox .TzzList .item .txt .dec{font-size: 14px;color:#999;margin-top:10px;} .Touzizhejy .TouzizhejyBox .TzzList .item .txt .more{width:16px;height:10px;background:url(../images/jt.png) no-repeat center center;margin-top:20px;transition: all .5s;-webkit-transition: all .5s;} .Touzizhejy .TouzizhejyBox .TzzList .item:hover .txt .more{height:0;overflow: hidden;opacity: 0;margin-top:0;} .Touzizhejy .TouzizhejyBox .TzzList .item:hover{box-shadow: 0 10px 30px rgba(0,0,0,0.1);} @media(max-width:1024px){ .Touzizhejy .TouzizhejyBox .goback{width:50px;height:50px;top:-50px;right:0;} } @media(max-width:768px){ .Touzizhejy .TouzizhejyBox .tzzTop{padding-bottom:10px;} .Touzizhejy .TouzizhejyBox .tzzTop .img{width:100%;padding-top:55%;} .Touzizhejy .TouzizhejyBox .tzzTop .txt{width:100%;height:auto;padding:20px;box-sizing: border-box;} .Touzizhejy .TouzizhejyBox .TzzList .item{padding:25px 0;padding-right:20px;padding-left:120px;} .Touzizhejy .TouzizhejyBox .TzzList .item .date{width:90px;top:25px;} } @media(max-width:640px){ .Touzizhejy .TouzizhejyBox{padding:10px;margin-top:50px;} .Touzizhejy .TouzizhejyBox .tzzTop .txt{padding:10px;} .Touzizhejy .TouzizhejyBox .tzzTop .txt h1{font-size: 16px;} .Touzizhejy .TouzizhejyBox .TzzList .item .date{top:10px;width:60px;height:80px;} .Touzizhejy .TouzizhejyBox .TzzList .item .date p{font-size: 20px;} .Touzizhejy .TouzizhejyBox .TzzList .item .date span{font-size: 12px;} .Touzizhejy .TouzizhejyBox .TzzList .item{padding:10px;padding-left:80px;} .Touzizhejy .TouzizhejyBox .TzzList .item .txt{height:80px;} .Touzizhejy .TouzizhejyBox .TzzList .item .txt h1{font-size: 16px;} .Touzizhejy .TouzizhejyBox .TzzList .item .txt .dec{margin-top:5px;} .Touzizhejy .TouzizhejyBox .TzzList .item .txt .more{margin-top:10px;} .Touzizhejy .TouzizhejyBox .TzzList{padding-bottom:10px;} .Touzizhejy .TouzizhejyBox .goback a p{font-size: 12px;} } /* 鍚堜綔浼欎即 */ .Partner{padding-top:7%;} .Partner .PartnerBox{} .Partner .PartnerBox .slider{} .Partner .PartnerBox .slider .item{} .Partner .PartnerBox .slider .slick-slide::after{content:'';display: block;clear: both;} .Partner .PartnerBox .slider .slick-slide{} .Partner .PartnerBox .slider .item{width:19%;margin:0 0.5%;height:120px;line-height: 120px;background:#fff;text-align: center;margin-bottom:10px;float:left;} .Partner .PartnerBox .slider .item img{display: inline-block;transition: all .5s;-webkit-transition: all .5s;max-height:70%;max-width:80%;} .Partner .PartnerBox .slider .slick-arrow{width:35px;height:35px;position: absolute;top:45%;margin-top:-17.5px;z-index:99;color:transparent;font-size: 0;} .Partner .PartnerBox .slider .slick-arrow.slick-prev{background:url(../images/p.png) no-repeat center center;background-size: 100% 100%;left:-3%;} .Partner .PartnerBox .slider .slick-arrow.slick-next{background:url(../images/n.png) no-repeat center center;background-size: 100% 100%;right:-3%;} .Partner .PartnerBox .slider .slick-dots{width:100%;text-align: center;margin-top:20px;} .Partner .PartnerBox .slider .slick-dots li{list-style:none;display: inline-block;margin:0 5px;width:8px;height:8px;background:#fff;border-radius: 50%;} .Partner .PartnerBox .slider .slick-dots li button{display: none;} .Partner .PartnerBox .slider .slick-dots li.slick-active{background:rgba(215,11,29,0.9);} .Partner .PartnerBox .slider-nav{margin-top:50px;} .Partner .PartnerBox .slider-nav .slick-track{padding-top:10px;} .Partner .PartnerBox .slider-nav .item{background:#fff;border-left:1px solid #f3f3f3;height:120px;display:flex;justify-content:center;flex-direction: column;text-align: center;position: relative;transition: all .5s;-webkit-transition: all .5s;} .Partner .PartnerBox .slider-nav .item img{display: inline-block;} .Partner .PartnerBox .slider-nav .item .ico .img2{display: none;} .Partner .PartnerBox .slider-nav .item p{color:#999;margin-top:10px;} .Partner .PartnerBox .slider-nav .item::before{content:'';display: block;border-bottom:10px solid rgba(215,11,29,0.9);border-top:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent;position: absolute;top:-20px;left:50%;margin-left:-10px;display: none;} .Partner .PartnerBox .slider-nav .item.slick-current{background:rgba(215,11,29,0.9);border-left:1px solid rgba(215,11,29,0.9);} .Partner .PartnerBox .slider-nav .item.slick-current p{color:#fff;} .Partner .PartnerBox .slider-nav .item.slick-current .ico .img1{display: none;} .Partner .PartnerBox .slider-nav .item.slick-current .ico .img2{display: inline-block;} .Partner .PartnerBox .slider-nav .item.slick-current::before{display: block;} .Partner .PartnerBox .slider-nav .slick-arrow{width:35px;height:35px;position: absolute;top:50%;margin-top:-17.5px;z-index:99;color:transparent;font-size: 0;} .Partner .PartnerBox .slider-nav .slick-arrow.slick-prev{background:url(../images/p.png) no-repeat center center;background-size: 100% 100%;left:10px;} .Partner .PartnerBox .slider-nav .slick-arrow.slick-next{background:url(../images/n.png) no-repeat center center;background-size: 100% 100%;right:10px;} @media(max-width:1366px){ .Partner{padding-top:10%;} } @media(max-width:1024px){ .Partner .PartnerBox .slider-for .item ul li{list-style:none;height:90px;line-height: 90px;} } @media(max-width:768px){ .Partner{padding-top:100px;} .Partner .PartnerBox .slider .item{height:60px;line-height: 60px;width:32.33%;margin-bottom:5px;} } @media(max-width:640px){ .Partner .PartnerBox .slider-for .item ul li{list-style:none;width:32.33%;height:60px;line-height: 60px;margin-bottom:5px;} .Partner .PartnerBox .slider-for .item ul li img{max-height:30px;max-width:50%;} .Partner .PartnerBox .slider-nav{margin-top:30px;} .Partner .PartnerBox .slider-nav .item{height:90px;} } /* 鏈嶅姟鏀寔 */ .Service .ServiceBox .ServiceNav{max-width:420px;width:30%;} .Service .ServiceBox .ServiceNav ul li{list-style:none;background:rgba(255,255,255,0.2);margin-bottom:5px;} .Service .ServiceBox .ServiceNav ul li .ico{position: absolute;left:40px;top:32px;} .Service .ServiceBox .ServiceNav ul li a{display: block;padding:38px 40px 38px 100px;position: relative;} .Service .ServiceBox .ServiceNav ul li .ico .img2{display: none;} .Service .ServiceBox .ServiceNav ul li .txt h1{font-family: syrh;font-weight: normal;font-size: 20px;color:#fff;background:url(../images/jt1.png) no-repeat center right;} .Service .ServiceBox .ServiceNav ul li .txt .dec{font-size: 14px;opacity: 0.6;margin-top:0;height:0;overflow: hidden;transition: all .5s;-webkit-transition: all .5s;line-height: 24px;color:#333;} .Service .ServiceBox .ServiceNav ul li.on{background:#fff;} .Service .ServiceBox .ServiceNav ul li.on .ico .img1{display: none;} .Service .ServiceBox .ServiceNav ul li.on .ico .img2{display: inline-block;} .Service .ServiceBox .ServiceNav ul li.on .txt h1{color:#333;background:none;} .Service .ServiceBox .ServiceNav ul li.on .txt .dec{height:48px;margin-top:10px;} .Service .ServiceBox .ServiceMap{max-width:68%;} @media(max-width:1366px){ .Service .ServiceBox .ServiceNav ul li a{padding:30px 30px 30px 60px;} .Service .ServiceBox .ServiceNav ul li .ico{top:30px;left:20px;} .Service .ServiceBox .ServiceNav ul li .ico img{max-height:30px;} .Service .ServiceBox .ServiceNav ul li .txt h1{font-size: 18px;} } @media(max-width:1024px){ .Service .ServiceBox .ServiceNav{width:40%;} .Service .ServiceBox .ServiceMap{max-width:58%;} } @media(max-width:768px){ .Service .ServiceBox .ServiceNav{width:100%;float:none;margin:0 auto;} .Service .ServiceBox .ServiceMap{max-width:100%;} } /* 鎶€鏈敮鎸 */ .jishuzc .jishuzcBox .Part1{background:rgba(23,32,46,0.3);} .jishuzc .jishuzcBox .Part1 .img{width:50%;padding-top:460px;} .jishuzc .jishuzcBox .Part1 .txt{width:50%;height:460px;display:flex;justify-content:center;flex-direction: column;box-sizing: border-box;padding:20px 40px;} .jishuzc .jishuzcBox .Part1 .txt h1{font-size: 34px;font-weight: normal;font-family: syrh;color:#fff;} .jishuzc .jishuzcBox .Part1 .txt b{display: block;width:15px;height:2px;background:#da251d;margin:20px 0;display: block;} .jishuzc .jishuzcBox .Part1 .txt .dec{font-size: 14px;line-height: 30px;color:#fff;text-indent: 2em;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.2);} .jishuzc .jishuzcBox .Part1 .txt ul:after{content:'';display: block;clear: both;} .jishuzc .jishuzcBox .Part1 .txt ul li{list-style:none;width:33.33%;float:left;margin-top:20px;color:#fff;} .jishuzc .jishuzcBox .Part1 .txt ul li span{font-family: bebas;font-size: 32px;} .jishuzc .jishuzcBox .Part2{margin-top:8px;margin-left:-0.5%;} .jishuzc .jishuzcBox .Part2 .item{width:32.83%;float:left;margin-left:0.5%;text-align: center;padding:60px 10px 10px 10px;box-sizing: border-box;background:#fff;height:185px;} .jishuzc .jishuzcBox .Part2 .item .ico{display: inline-block;position: relative;top:-40px;margin-right:10px;} .jishuzc .jishuzcBox .Part2 .item .txt{display: inline-block;text-align: left;} .jishuzc .jishuzcBox .Part2 .item .txt p{font-size: 40px;font-family: bebas;color:#da251d;} .jishuzc .jishuzcBox .Part2 .item .txt span{color:#999;margin-top:10px;} .jishuzc .jishuzcBox .Part2 .item .txt p b{font-size: 20px;position: relative;top:-25px;} @media(max-width:1024px){ .jishuzc .jishuzcBox .Part1 .txt h1{font-size: 22px;} .jishuzc .jishuzcBox .Part1 .txt ul li span{font-size: 22px;} .jishuzc .jishuzcBox .Part2 .item{height:150px;padding-top:35px;} .jishuzc .jishuzcBox .Part2 .item .txt p{font-size: 30px;} .jishuzc .jishuzcBox .Part2 .item .ico{top:-30px;} } @media(max-width:768px){ .jishuzc .jishuzcBox .Part1 .img{padding-top:65%;width:100%;} .jishuzc .jishuzcBox .Part1 .txt{width:100%;padding:20px;height:auto;} } @media(max-width:640px){ .jishuzc .jishuzcBox .Part1 .txt b{margin:10px 0;} .jishuzc .jishuzcBox .Part2 .item{width:100%;margin-bottom:5px;height:100px;} .jishuzc .jishuzcBox .Part2 .item{padding-top:20px;} } /* 璐ㄩ噺鏀寔 */ .Zhiliangzc .ZhiliangzcBox{background:rgba(0,0,0,0.4);padding:80px 90px;color:#fff;} .Zhiliangzc .ZhiliangzcBox h1{font-size: 34px;font-weight: normal;font-family: syrh;text-align: center;} .Zhiliangzc .ZhiliangzcBox b{display: block;width:15px;height:2px;background:#da251d;margin:20px auto;} .Zhiliangzc .ZhiliangzcBox .dec{font-size: 14px;line-height: 30px;} .Zhiliangzc .ZhiliangzcBox .zsImg{margin-top:50px;text-align: center;} .ZhiliangzcCon{padding:70px 0;} @media(max-width:1024px){ .Zhiliangzc .ZhiliangzcBox{padding:50px;} .Zhiliangzc .ZhiliangzcBox h1{font-size: 22px;} .Zhiliangzc .ZhiliangzcBox b{margin:10px auto;} } @media(max-width:768px){ .Zhiliangzc .ZhiliangzcBox{padding:10px;} .Zhiliangzc .ZhiliangzcBox .dec{line-height: 25px;} .Zhiliangzc .ZhiliangzcBox .zsImg{margin:30px 0;} .ZhiliangzcCon{padding:30px 0;} } /* 瀹㈡湇鏀寔 */ .Kefuzc{padding:15.5% 0;} .Kefuzc .KefuzcBox .KefuBoxL{width:43%;color:#fff;} .Kefuzc .KefuzcBox .KefuBoxL h1{font-size: 34px;font-weight: normal;font-family: syrh;} .Kefuzc .KefuzcBox .KefuBoxL b{display: block;width:15px;height:2px;background:#da251d;margin:20px 0;} .Kefuzc .KefuzcBox .KefuBoxL .dec{line-height: 30px;font-size: 14px;} .Kefuzc .KefuzcBox .KefuBoxR{width:50%;padding-top:5%;} .Kefuzc .KefuzcBox .KefuBoxR .it1{height:140px;display:flex;justify-content:center;flex-direction: column;background:url(../images/kfbg.png) no-repeat center center;background-size: cover;color:#fff;padding:0 30px 0 120px;position: relative;} .Kefuzc .KefuzcBox .KefuBoxR .it1 .ico{width:70px;height:70px;border-radius: 50%;background:#fff;text-align: center;position: absolute;left:30px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);line-height: 65px;} .Kefuzc .KefuzcBox .KefuBoxR .it1 p{font-size:22px;font-weight: bold;font-family: syrh;} .Kefuzc .KefuzcBox .KefuBoxR .it1 span{} .Kefuzc .KefuzcBox .KefuBoxR ul{background:rgba(0,0,0,0.2);} .Kefuzc .KefuzcBox .KefuBoxR ul::after{content:'';display: block;clear: both;} .Kefuzc .KefuzcBox .KefuBoxR ul li{list-style:none;width:33.33%;float:left;height:140px;display:flex;justify-content:center;flex-direction: column;box-sizing: border-box;padding-left:70px;} .Kefuzc .KefuzcBox .KefuBoxR ul li p{position: relative;font-size:18px;font-weight: bold;font-family: syrh;color:#fff;} .Kefuzc .KefuzcBox .KefuBoxR ul li span{font-size:14px;color:#fff;} .Kefuzc .KefuzcBox .KefuBoxR ul li p img{position: absolute;left:-40px;} .KefuzcCon .Part1{position: relative;padding:0 200px 0 130px;position: relative;border:1px solid #ededed;box-shadow: 0 10px 30px rgba(0,0,0,0.05);} .KefuzcCon .Part1 .tit{width:130px;height:100%;position: absolute;left:0;top:0;display:flex;justify-content:center;flex-direction: column;text-align:center;} .KefuzcCon .Part1 .tit p{font-size:26px;color:#000;font-family: syrh;} .KefuzcCon .Part1 .tit b{display: block;width:15px;height:2px;background:#da251d;margin:10px auto 0;} .KefuzcCon .Part1 .txt{display:flex;justify-content:center;flex-direction: column;height:158px;line-height: 25px;color:#999;font-size: 14px;} .KefuzcCon .Part1 .er{width:130px;height:100%;background:#da251d;position: absolute;top:0;right:0;text-align:center;box-sizing: border-box;padding-top:20px;} .KefuzcCon .Part1 .er p{margin-top:10px;color:#fff;font-family: syrh;} .KefuzcCon .Part2{margin-top:40px;background:#f9f9f9;} .KefuzcCon .Part2 .img{width:50%;padding-top:500px;} .KefuzcCon .Part2 .Form{width:50%;box-sizing: border-box;padding:60px 80px;} .KefuzcCon .Part2 .Form .FormBox{margin-left:-2%;} .KefuzcCon .Part2 .Form .FormBox .inputBox{width:48%;float:left;margin-left:2%;height:48px;border:1px solid #e3e3e3;border-radius: 5px;box-sizing: border-box;line-height: 48px;margin-bottom:10px;} .KefuzcCon .Part2 .Form .FormBox .inputBox input{width:100%;box-sizing: border-box;padding:0 10px;} .KefuzcCon .Part2 .Form .FormBox .inputBox select{width:100%;height:100%;border:none;background:url(../images/select.png) no-repeat center right 10px;} .KefuzcCon .Part2 .Form .FormBox .inputBox1{width:98%;height:auto;} .KefuzcCon .Part2 .Form .FormBox .inputBox1 textarea{width:100%;height:100px;box-sizing: border-box;padding:10px;} .KefuzcCon .Part2 .Form .FormBtn{margin-top:30px;} .KefuzcCon .Part2 .Form .FormBtn button{width:140px;height:50px;line-height: 50px;text-align: center;color:#fff;background:#da251d;border-radius: 5px;} @media(max-width:1024px){ .Kefuzc .KefuzcBox .KefuBoxL h1{font-size: 22px;} } @media(max-width:768px){ .Kefuzc .KefuzcBox .KefuBoxL{width:100%;} .Kefuzc .KefuzcBox .KefuBoxR{width:100%;} .KefuzcCon .Part2 .img{width:100%;padding-top:70%;} .KefuzcCon .Part2 .Form{width:100%;padding:40px;} } @media(max-width:640px){ .Kefuzc{padding:100px 0 50px 0;} .Kefuzc .KefuzcBox .KefuBoxR .it1{height:80px;} .Kefuzc .KefuzcBox .KefuBoxR ul li{list-style:none;width:100%;height:80px;border-top:1px solid rgba(255,255,255,0.2);} .Kefuzc .KefuzcBox .KefuBoxR .it1{padding-left:90px;} .Kefuzc .KefuzcBox .KefuBoxR .it1 .ico{zoom:0.6;left:50px;} .KefuzcCon .Part1{padding:10px;} .KefuzcCon .Part1 .tit{width:100%;position: static;} .KefuzcCon .Part1 .er{width:100%;position: static;padding:10px;} .KefuzcCon .Part1 .txt{height:auto;margin:10px 0;} .KefuzcCon .Part1 .tit p{font-size: 20px;} .KefuzcCon .Part2 .Form{padding:10px;} } /* 鎶栭煶 */ .douyin{padding:14.5% 0;} .douyin .douyinBox{width:280px;margin-right:5%;} .douyin .douyinBox .tit{height:80px;line-height: 80px;background:rgba(215,11,29,0.9);color:#fff;text-align: center;font-family: syrh;font-size: 24px;} .douyin .douyinBox .txt{background:#fff;padding:30px 20px;text-align:center;} .douyin .douyinBox .txt p{line-height: 25px;margin-top:20px;} @media(max-width:1024px){ .douyin .douyinBox{width:200px;} .douyin .douyinBox .tit{font-size: 18px;height:50px;line-height: 50px;} .douyin .douyinBox .txt{padding:20px;} .douyin .douyinBox .txt img{height:120px;} .douyin .douyinBox .txt p{font-size: 14px;} } @media(max-width:640px){ .douyin{padding:100px 0 50px 0;} .douyin .douyinBox{width:180px;} .douyin .douyinBox .tit{font-size: 14px;} .douyin .douyinBox .txt{padding:10px 0;} .douyin .douyinBox .txt p{margin-top:10px;} } /* 寰俊 */ .weixin{padding:14% 0;} .weixin .weixinBox{margin-right: 5%;} .weixin .weixinBox .txt{color:#fff;} .weixin .weixinBox .txt h1{font-size: 26px;font-weight: normal;font-family: syrh;margin-bottom:10px;} .weixin .weixinBox .txt ul li{list-style:none;line-height: 35px;font-family: syrh;padding-left:15px;position: relative;} .weixin .weixinBox .txt ul li::before{content:'';width:5px;height:5px;border-radius: 50%;background:#fff;position: absolute;left:0;top:50%;margin-top:-2.5px;} .weixin .weixinBox .erBox{width:200px;background:#fff;text-align: center;padding:15px 0 10px 0;margin-top:20px;} .weixin .weixinBox .erBox p{padding:0 20px;font-size: 14px;margin-top:10px;} @media(max-width:768px){ .weixin{padding:100px 0 50px 0;} .weixin .weixinBox .txt h1{font-size: 16px;margin-bottom:10px;} .weixin .weixinBox .erBox{width:120px;padding:10px;} .weixin .weixinBox .erBox p{padding:0;font-size: 12px;} } /* 鏂伴椈璇︽儏 */ .Info .InfoTit{border-bottom:1px solid #efefef;padding-bottom:20px;margin-bottom:30px;text-align: center;} .Info .InfoTit h1{font-size: 22px;font-family: syrh;font-weight: normal;} .Info .InfoTit p{font-size: 14px;color:#999;margin-top:10px;} .Info .Content{line-height: 30px;} @media(max-width:768px){ .Info .InfoTit h1{font-size: 18px;} .Info .Content{line-height: 25px;} } #mask{position: relative;top:-80px;} /* 瑙ｅ喅鏂规 */ .SoluTion .SoluTionBox .slider-for .item {position: relative;} .SoluTion .SoluTionBox .slider-for .item::before{content:'';display: block;width:100%;height:100%;background:url(../images/sonabbg.png) no-repeat top center;background-size: 100%;position: absolute;top:0;left:0;z-index:1;} .SoluTion .SoluTionBox .slider-for .item .img{padding-top:41%;} .SoluTion .SoluTionBox .slider-for .item .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index:99;} .SoluTion .SoluTionBox .slider-for .item .txt .txtbox{max-width:560px;box-sizing: border-box;padding:40px;background:rgba(0,0,0,0.4)} .SoluTion .SoluTionBox .slider-for .item .txt .txtbox h1{font-size: 32px;color:#fff;font-weight: normal;} .SoluTion .SoluTionBox .slider-for .item .txt .txtbox .dec{font-size: 14px;color:#fff;line-height: 28px;margin:5% 0 8% 0;} .SoluTion .SoluTionBox .slider-for .item .txt .txtbox .more{} .SoluTion .SoluTionBox .slider-nav{margin-top:-10px;position: relative;z-index:99;} .SoluTion .SoluTionBox .slider-nav .slick-track{padding-top:10px;} .SoluTion .SoluTionBox .slider-nav .item{background:#fff;height:160px;display:flex;justify-content:center;flex-direction: column;text-align: center;position: relative;transition: all .5s;-webkit-transition: all .5s;} .SoluTion .SoluTionBox .slider-nav .item img{display: inline-block;} .SoluTion .SoluTionBox .slider-nav .item .ico .img2{display: none;} .SoluTion .SoluTionBox .slider-nav .item p{color:#999;margin-top:10px;} .SoluTion .SoluTionBox .slider-nav .item::before{content:'';display: block;border-bottom:10px solid rgba(215,11,29,0.9);border-top:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent;position: absolute;top:-20px;left:50%;margin-left:-10px;display: none;} .SoluTion .SoluTionBox .slider-nav .item.slick-current{background:rgba(215,11,29,0.9);} .SoluTion .SoluTionBox .slider-nav .item.slick-current p{color:#fff;} .SoluTion .SoluTionBox .slider-nav .item.slick-current .ico .img1{display: none;} .SoluTion .SoluTionBox .slider-nav .item.slick-current .ico .img2{display: inline-block;} .SoluTion .SoluTionBox .slider-nav .item.slick-current::before{display: block;} .SoluTion .SoluTionBox .slider-nav .slick-arrow{width:35px;height:35px;position: absolute;top:50%;margin-top:-17.5px;z-index:99;color:transparent;font-size: 0;} .SoluTion .SoluTionBox .slider-nav .slick-arrow.slick-prev{background:url(../images/p.png) no-repeat center center;background-size: 100% 100%;left:10px;} .SoluTion .SoluTionBox .slider-nav .slick-arrow.slick-next{background:url(../images/n.png) no-repeat center center;background-size: 100% 100%;right:10px;} @media(max-width:1024px){ .SoluTion .SoluTionBox .slider-for .item .txt .txtbox {padding:20px;} .SoluTion .SoluTionBox .slider-for .item .txt .txtbox h1{font-size: 25px;} .SoluTion .SoluTionBox .slider-for .item .txt .txtbox .dec{margin:10px 0 20px 0;} .SoluTion .SoluTionBox .slider-for .item .img{padding-top:45%;} } @media(max-width:768px){ .SoluTion .SoluTionBox .slider-for .item .txt{position: relative;transform: translateY(0);-webkit-transform: translateY(0);background:rgba(0,0,0,0.5);top:0;} .SoluTion .SoluTionBox .slider-for .item .txt .txtbox{background:none;padding:15px;} .SoluTion .SoluTionBox .slider-for .item .txt .txtbox h1{font-size: 20px;} .SoluTion .SoluTionBox .slider-for .item .txt .txtbox .more img{width:30px;} .SoluTion .SoluTionBox .slider-nav .item{height:100px;} } /* 鍒楄〃椤 */ .List .ListBox{margin-left:-1%;position: relative;} .List .ListBox .goback{width:70px;height:70px;background:#da251d;text-align: center;display:flex;justify-content:center;flex-direction: column;position: absolute;right:0;top:-70px;} .List .ListBox .goback a{color:#fff;font-size: 14px;} .List .ListBox .goback a p{margin-top:5px;} .List .ListBox .item{width:24%;margin-left:1%;float:left;margin-bottom:20px;background:#fff;transition: all .5s;-webkit-transition: all .5s;} .List .ListBox .item .img{height:280px;line-height: 280px;text-align: center;border-bottom:1px solid #f3f3f3;} .List .ListBox .item .img img{max-width:90%;max-height:90%;} .List .ListBox .item .txt{padding:30px 30px;text-align: center;} .List .ListBox .item .txt h1{font-size: 16px;font-weight: normal;line-height: 30px;height:60px;} .List .ListBox .item .txt .dec{font-size: 14px;color:#999;line-height: 20px;margin:10px 0;} .List .ListBox .item .txt .more{} .List .ListBox .item:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);transform: translate3d(0,-3px,0);-webkit-transform: translate3d(0,-3px,0);} @media(max-width:1024px){ .List .ListBox .item .img{height:200px;line-height: 200px;} .List .ListBox .item .txt{padding:20px;} .List .ListBox .goback{width:50px;height:50px;top:-50px;right:0;} } @media(max-width:768px){ .List .ListBox .item{width:32.33%;margin-bottom:10px;} } @media(max-width:480px){ .List .ListBox .item {width:49%;margin-bottom:5px;} .List .ListBox .item .txt{padding:10px;} .List .ListBox .item .txt h1{font-size: 16px;} .List .ListBox .item .txt .dec{margin:5px 0;} } /* 浜у搧缁煎悎椤 */ .ProZhonghe .ProZhongheCon{max-width:1160px;margin:0 auto;padding:7.5% 0;} .ProZhonghe .ProZhongheBox{box-shadow: rgba(0,0,0,0.1);margin-left:-3%;} .ProZhonghe .ProZhongheBox .item{width:30.33%;margin-left:3%;float:left;height:420px;display:flex;justify-content:center;align-items:center;flex-direction: column;background:rgba(0,0,0,0.3);box-sizing: border-box;padding:50px 35px;text-align:center;transition: all .5s;-webkit-transition: all .5s;} .ProZhonghe .ProZhongheBox .item .ico{text-align: center;} .ProZhonghe .ProZhongheBox .item h1{font-size: 20px;font-weight: normal;color:#fff;margin-top:25px;} .ProZhonghe .ProZhongheBox .item .dec{font-size: 14px;line-height: 25px;color:#fff;opacity: 0.7;margin:25px 0 50px 0;text-align: left;} .ProZhonghe .ProZhongheBox .item .more{width:40px;height:40px;line-height: 40px;margin:0 auto;transition: all .5s;-webkit-transition: all .5s;} .ProZhonghe .ProZhongheBox .item:hover{background:rgba(215,11,29,0.9);} .ProZhonghe .ProZhongheBox .item:hover .more{height:0;overflow: hidden;} @media(max-width:1024px){ .ProZhonghe .ProZhongheBox .item{padding:30px;} } @media(max-width:768px){ .ProZhonghe .ProZhongheBox .item{width:47%;margin-bottom:10px;height:250px;padding:10px;} .ProZhonghe .ProZhongheBox .item .ico img{height:30px;} .ProZhonghe .ProZhongheBox .item h1{font-size: 16px;margin-top:10px;} .ProZhonghe .ProZhongheBox .item .dec{margin:5px 0 10px 0;} } /* 涓氬姟涓庡悎浣 */ .Yewu{background-color:#eeeeee;background-size: 100%;background-position: top center;} .Yewu .Part1{background:rgba(255,255,255,0.95);padding:60px;position: relative;} .Yewu .Part1 .txt{width:100%;} .Yewu .Part1 .txt::after{content:'';display: block;clear: both;} .Yewu .Part1 .txt .item{margin-bottom:60px;width:50%;float:left;} .Yewu .Part1 .txt .item:first-child{width: 100%;} .Yewu .Part1 .txt .item:last-child{margin-bottom:0;} .Yewu .Part1 .txt .item .tit{font-size: 24px;font-weight: normal;font-family: syrh;padding-bottom:15px;border-bottom:1px solid #f2f2f2;margin-bottom:20px;} .Yewu .Part1 .txt .item .tit:first-child{margin-bottom: 17px;} .Yewu .Part1 .txt .item .tel{font-family: bebas;color:#e60012;font-size: 24px;margin-bottom:20px;} .Yewu .Part1 .txt .item .tel img{display: inline-block;margin-right:10px;} .Yewu .Part1 .txt .item .txtbox{font-family: syrh;color:#808080;font-size: 15px;line-height: 30px;} .Yewu .Part1 .mapBtn{width:215px;height:68px;line-height: 68px;background:#e60012;text-align: center;position: absolute;right:0;bottom:0;} .Yewu .Part1 .mapBtn a{color:#fff;} .Yewu .Part1 .MapBox{width:100%;height:100%;position: fixed;top:0;left:0;background:rgba(0,0,0,0.5);display: none;} .Yewu .Part1 .MapBox .map{position: absolute;max-width:700px;height:50%;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width:80%;border:30px solid #fff;border-radius: 10px;} .Yewu .Part1 .MapBox .map .close{position: absolute;right:-20px;top:-27px;} .Yewu .Part1 .MapBox .map .close img{height:15px;} .Yewu .Part1 .MapBox .map #map{height:100%;width:100%;} .Yewu .Part2{margin-top:10px;background:#fff;padding:60px;} .Yewu .Part2 .tit{font-size: 24px;font-weight: normal;font-family: syrh;padding-bottom:20px;border-bottom:1px solid #f2f2f2;margin-bottom:30px;} .Yewu .Part2 .PartBox{margin-left:-2%;} .Yewu .Part2 .PartBox .item{width:31.33%;float:left;margin-left:2%;height:85px;margin-bottom:50px;} .Yewu .Part2 .PartBox .item h1{font-size: 20px;font-family: syrh;margin-bottom:5px;} .Yewu .Part2 .PartBox .item h1 i{display: inline-block;width:10px;height:2px;background:#e60012;position: relative;top:-5px;} .Yewu .Part2 .PartBox .item p{font-size: 14px;font-family: syrh;color:#808080;line-height: 24px;} @media(max-width:1024px){ .Yewu .Part1{padding:30px;} .Yewu .Part1 .txt .item .tit{font-size: 20px;margin-bottom:15px;} .Yewu .Part1 .txt .item{margin-bottom:15px;} .Yewu .Part2{padding:30px;} .Yewu .Part1 .mapBtn{position: static;width:120px;height:40px;line-height: 40px;margin-top:20px;} } @media(max-width:768px){ .Yewu .Part1 .txt{width:100%;} .Yewu .Part1 .map{width:100%;margin-top:20px;} .Yewu .Part2 .PartBox .item{width:48%;} .Yewu .Part1 .txt .item{width:100%;} .Yewu .Part1 .MapBox .map{border:20px solid #fff;} .Yewu .Part1 .MapBox .map .close{top:-18px;right:-10px;} } @media(max-width:480px){ .Yewu .Part1{padding:20px;} .Yewu .Part1 .txt .item .tel{font-size: 20px;margin-bottom:10px} .Yewu .Part1 .txt .item .tit{font-size: 18px;padding-bottom:10px;} .Yewu .Part1 .map #map{height:300px;} .Yewu .Part2{padding:20px;} .Yewu .Part2 .tit{font-size: 18px;padding-bottom:10px;margin-bottom:15px;} .Yewu .Part2 .PartBox .item{width:98%;margin-bottom:30px;height:auto;} .Yewu .Part2 .PartBox .item h1{font-size: 16px;} } .hotProslider .slick-list{margin-left:-30px;} .hotProslider .item{background:#f8f7fa;transition: all .5s;-webkit-transition: all .5s;margin-left:30px;} .hotProslider .item img{display:inline-block;} .hotProslider .item .img{height:280px;line-height: 280px;text-align: center;border-bottom:1px solid #f3f3f3;} .hotProslider .item .img img{max-width:90%;max-height:90%;} .hotProslider .item .txt{padding:22px 12px;text-align: center;} .hotProslider .item .txt h1{font-size: 16px;font-weight: normal;line-height: 30px;height:60px;} .hotProslider .item .txt .dec{font-size: 14px;color:#999;line-height: 20px;margin:10px 0;display:none;} .hotProslider .item .txt .more{} .hotProslider .slick-arrow{width:50px;height:50px;bottom:-70px;background-position:center center;background-size:contain;background-repeat:no-repeat;background-color:transparent;background-image:url(../images/aboutjt.png);font-size:0;color:transparent;position:absolute;left:53%;} .hotProslider .slick-arrow.slick-prev{transform:rotateY(180deg);right:53%;left:auto;} .hotProslider .slick-arrow:hover{background-image:url(../images/solumore.png);} .hotProslider .item:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);transform: translate3d(0,-3px,0);-webkit-transform: translate3d(0,-3px,0);} @media(max-width:1024px){ .hotProslider .item .img{height:200px;line-height: 200px;} .hotProslider .item .txt{padding:20px;} .hotProslider .goback{width:50px;height:50px;top:-50px;right:0;} .hotProslider {padding-bottom:30px;} .hotProslider .slick-arrow{width:35px;bottom:-30px;} } @media(max-width:480px){ .hotProslider .item .img{height:100px;line-height: 100px;} .hotProslider .item .txt{padding:10px;} .hotProslider .item .txt h1{font-size: 14px;line-height:24px;} .hotProslider .item .txt .dec{margin:5px 0;} }