/*reset*/ * {padding: 0;margin: 0;list-style: none;} html,body {margin: 0 auto;} body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,header,section,footer {margin:0;padding:0} body,button,input,select,textarea {font:12px/1.5 "microsoft yahei";color:#666; font-weight: normal;} body {overflow-x: hidden;} address,cite,dfn,em,var,i {font-style: normal} ul,ol,dl {list-style: none} a{text-decoration: none;outline: none;font-family: "microsoft yahei";color: #666;cursor: pointer;font-size: 12px;} li{font-size: 12px;font-family: "microsoft yahei";list-style: none;margin: 0;padding: 0;} em{font-style: normal;font-size: 12px;} body,p,span{font-family: "microsoft yahei";} img {border: none;} p {margin: 0px;padding: 0px;word-wrap: break-word;} :focus {outline: none;} img {border: 0;vertical-align: middle;display: inline-block;} .fl {float: left;} .fr {float: right;} .clear {clear: both;} .clear:after {display: block;mainContent: "";clear: both;} .transtion {transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;} .fl{float: left;} .fr{float: right;} .clear{clear:both;} .clear:after{display: block;content: "";clear: both;} @font-face { font-family:pfx; src: url("PINGFANG EXTRALIGHT.TTF"); } @font-face { font-family:pf; src: url("PINGFANG REGULAR.TTF"); } .header{height: 96px;width: 1400px;margin: 0 auto;} .header .logo{float: left;font-size: 0;line-height: 96px;height: 96px;} .header .logo img{max-height: 80%;} .header .nav{float: left;margin-left: 28px;} .header .nav ul{/* overflow: hidden; */ height: 96px;} .header .nav ul li{float: left;line-height: 96px;margin-left: 80px;position: relative;} .header .nav ul li a{display: block;font-size: 16px;position: relative;transition: all 0.5s;} .header .nav ul li a::before{position: absolute;bottom: 0;content: "";height: 3px;background: #f49308;margin: 0 auto;width: 0%;transition: all 0.5s;left: 0;right: 0;} .header .nav ul li a.on{color: #F49308;} .header .nav ul li a.on::before{width: 100%;} .header .nav ul li a:hover{color: #F49308;} .header .nav ul li a:hover::before{width: 100%;} .header .nav ul li ul{position: absolute;left: -20px;right: -20px;top: 96px;padding: 5px 0;z-index: 99;background: #F49308;border-radius: 5px;height: auto;} .header .nav ul li ul#ul_6b7952fd-757b-4d71-bccd-50d1032a8850{left: -65px;right: -65px;} .header .nav ul li ul li{width: 100%;margin: 0;line-height: 36px;border-bottom: 1px solid rgba(255,255,255,0.2);} .header .nav ul li ul li:last-child{border-bottom: none;} .header .nav ul li ul li a{font-size: 14px;color: #e2e2e2;text-align: center;} .header .nav ul li ul li a::before{display: none;} .header .nav ul li ul li a:hover{color: #fff;} .header .search-box{float: right;position: relative;} .header .search-box span{display: block;line-height: 96px;font-size: 0;height: 96px;cursor: pointer;} .header .search-box .search{position: absolute;right: 0;top: 96px;width: 200px;height: 40px;border: 1px solid #F49308;display: none;z-index: 9;} .header .search-box .search input{float: left;width: 160px;height: 40px;float: left;border: none;padding: 0 10px;box-sizing: border-box;font-size: 14px;} .header .search-box .search a{background: #F49308;text-align: center;line-height: 40px;float: right;width: 40px;color: #fff;font-size: 14px;} .banner{position: relative;height: 841px;overflow: hidden;} .banner .hd{position: absolute;right: 0;bottom: 85px;z-index: 99;left: 0;font-size: 0;text-align: center;} .banner .hd ul{display: inline-block;} .banner .hd ul li{float: left;width: 8px;height: 8px;border: 2px solid #fff;border-radius: 12px;font-size: 0;margin: 0 5px;transition: all 0.5s;} .banner .hd ul li.on{background: #fff;width: 40px;} .banner .pageState{font-size: 36px;font-family: arial;color: #fff;float: left;line-height: 120px;margin-left: 40px;height: 120px;} .banner .pageState span{font-size: 80px;color: #F5841A;font-family:abg;} .banner .prev:hover{opacity: 0.5;} .banner .next:hover{opacity: 0.5;} .banner .bd li{height: 841px;position: relative;overflow: hidden;} .banner .bd li img{position: absolute;left: 50%;top: 0;margin-left: -960px;} .index-title{text-align: center;padding: 40px 0;} .index-title h3{font-size: 30px;color: #333;font-weight: bold;} .index-title span{display: block;width: 44px;height: 3px;background: #F49308;margin: 10px auto 20px;} .index-title p{font-size: 16px;} .about{width: 1400px;margin: 0 auto;overflow: hidden;} .about .about-left{float: left;} .about .about-left dl{position: relative;} .about .about-left dt{width: 816px;height: 618px;font-size: 0;} .about .about-left dd{position: absolute;left: 0;right: 0;top: -100px;bottom: 0;background: rgba(0,0,0,0.6);transition: all 0.5s;opacity: 0;} .about .about-left dd h3{text-align: center;font-size: 24px;color: #f49308;font-weight: normal;margin: 70px auto 20px;} .about .about-left dd p{width: 684px;background: rgba(255,255,255,0.15);height: 1px;margin: 20px auto 40px;position: relative;} .about .about-left dd p span{display: block;height: 1px;width: 82px;background: #F49308;margin: 0 auto;} .about .about-left dd li{font-size: 16px;color: #fff;line-height: 36px;width: 320px;margin: 0 auto;background: url(e.png) no-repeat 15px center;padding-left: 36px;} .about .about-left dd a{display: block;border: 1px solid rgba(255,255,255,0.6);text-align: center;line-height: 40px;width: 136px;height: 40px;margin: 50px auto; color: rgba(255,255,255,0.6);font-size: 16px;transition: all 0.5s;} .about .about-left dd a:hover{background: rgba(255,255,255,0.15);} .about .about-left:hover dd{top: 0;opacity: 1;} .about .about-right{float: right;width: 584px;border-bottom: 1px solid #e5e5e5;} .about .about-right div{width: 50%;float: left;position: relative;overflow: hidden;} .about .about-right div dl{border: 1px solid #e5e5e5;height: 205px;border-bottom: none;} .about .about-right div dl dt{height: 50px;width: 50px;margin: 60px auto 15px;text-align: center;line-height: 50px;font-size: 0;} .about .about-right div dl dd{font-size: 16px;font-weight: bold;text-align: center;} .about .about-right div p{position: absolute;top: 0;left: -100%;bottom: 0;line-height: 205px;display: ;background: #F49308;text-align: center;width: 100%; transition: all 0.5s;font-size: 0;} .about .about-right div p span{display: inline-block;line-height: 36px;font-size: 14px;width: 210px;color: #fff;text-align: left;vertical-align: middle;} .about .about-right div:hover p{left: 0;} .product{width: 1400px;margin: 0 auto;overflow: hidden;} .product div.product-left{float: left;width: 706px;} .product div.product-left dl{position: relative;margin-bottom: 10px;} .product div.product-left dl dd{position: absolute;right: 0;left: 0;bottom: 0;background: linear-gradient(to bottom,rgba(0,0,0,0.01),rgba(0,0,0,0.5));height: 177px; color: #fff;font-size: 24px;line-height: 240px;padding:0 55px;overflow: hidden;transition: all 0.5s;} .product div.product-right{float: right;width: 684px;} .product div.product-right dl{position: relative;margin-bottom: 10px;float: left;} .product div.product-right dl:nth-child(odd){float: right;} .product div.product-right dl dd{position: absolute;right: 0;left: 0;bottom: 0;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));height: 177px; color: #fff;font-size: 24px;line-height: 240px;padding:0 55px;overflow: hidden;transition: all 0.5s;} .product div dl:hover dd{} .strength{background: url(strength-img01.jpg) no-repeat center;height: 550px;} .strength-list{width: 1400px;margin: 0 auto;position: relative;height: 100%;} .strength-list .prev{position: absolute;left: 0;top: 0;bottom: 0;margin: auto;height: 22px;font-size: 0;z-index: 99;} .strength-list .next{position: absolute;right: 0;top: 0;bottom: 0;margin: auto;height: 22px;font-size: 0;z-index: 99;} .strength-list .bd .tempWrap{margin: 0 auto;} .strength-list .bd li{float: left;width: 220px;margin: 0 62px;} .strength-list .bd li dl dt{width: 170px;height: 170px;font-size: 0;background: #fff;text-align: center;line-height: 180px;padding: 5px;border-radius: 50%; overflow: hidden;margin: 110px auto 15px;} .strength-list .bd li dl dt img{max-width: 100%;max-height: 100%;} .strength-list .bd li dl dd{text-align: ;} .strength-list .bd li dl dd h3{font-size: 18px;color: #fff;text-align: center;font-weight: bold;} .strength-list .bd li dl dd p{font-size: 14px;color: #fff;opacity: 0.6;margin-top: 20px;} .news{height: 866px;background: url(news-bg.jpg) no-repeat center;} .news-list{width: 1400px;margin: 0 auto;overflow: hidden;} .news-list-left{float: left;padding: 20px;background: #fff;width: 606px;} .news-list-left dt{height: 455px;font-size: 0;text-align: center;line-height: 455px;overflow: hidden;} .news-list-left dt img{max-width: 100%;transition: all 0.5s;} .news-list-left dd{position: relative;} .news-list-left dd h3{position: absolute;left: 0;right: 0;top: -88px;background: rgba(0,0,0,0.3);height: 68px;line-height: 68px;padding: 0 45px;color: #fff; font-size: 20px;font-weight: normal;transition: all 0.5s;} .news-list-left dd p{font-size: 16px;margin-top: 20px;line-height: 36px;} .news-list-left dd div{position: absolute;right: 0;width: 115px;height: 90px;text-align: center;background: #F49308;top: -110px;} .news-list-left dd div span{color: #fff;font-size: 36px;display: block;font-family: pfx;} .news-list-left dd div b{color: #fff;font-size: 16px;font-family: pf;font-weight: normal;} .news-list-left:hover dd h3{color: #FFA019;} .news-list-left:hover dt img{transform: scale(1.1);} .news-list-right{float: right;width: 720px;position: relative;height: 587px;} .news-list-right dl{height: 134px;overflow: hidden;transition: all 0.5s;margin-right: 5px;} .news-list-right dl dt{float: left;width: 148px;text-align: center;margin-top: 28px;} .news-list-right dl dt span{font-size: 36px;display: block;font-family: pfx;} .news-list-right dl dt b{font-size: 16px;font-family: pf;font-weight: normal;} .news-list-right dl dd{float: left;width: 540px;margin-top: 17px;} .news-list-right dl dd h3{font-size: 20px;color: #333;font-weight: normal;} .news-list-right dl dd p{font-size: 16px;line-height: 30px;margin-top: 10px;} .news-list-right dl:hover{background: #fff;box-shadow: 2px 2px 3px 1px #ccc;} .news-list-right .more{position: absolute;right: 5px;bottom: 0;height: 40px;width: 110px;background: #fff;text-align: center;line-height: 40px;font-size: 16px; border: 1px solid #e5e5e4;transition: all 0.5s;} .news-list-right .more:hover{background: #FFA019;color: #fff;border-color: #FFA019;} .value{height: 425px;background: url(value-img01.jpg) no-repeat center;} .value .index-title h3{color: #fff;} .value-list{width: 1400px;margin: 0 auto;} .value-list dl{float: left;width: 33.333%;} .value-list dl dt{height: 45px;text-align: center;font-size: 0;line-height: 45px;} .value-list dl dt img{transition: all 0.5s;} .value-list dl dd{margin: 0 auto;width: 400px;} .value-list dl dd h3{font-size: 18px;color: #F49308;text-align: center;margin: 20px 0 30px;} .value-list dl dd p{font-size: 16px;color: #fff;line-height: 30px;text-align: center;} .value-list dl:hover dt img{transform: rotateY(180deg);} .footer-box{background: #444444;height: 420px;overflow: hidden;position: relative;} .footer{width: 1400px;margin: 0 auto;position: relative;height: 100%;overflow: hidden;} .footer-nav{overflow: hidden;margin-top: 45px;} .footer-nav-list{float: left;margin-right: 80px;} .footer-nav-list h3{color: #fff;font-size: 18px;font-weight: normal;margin-bottom: 10px;} .footer-nav-list li a{display: block;font-size: 14px;color: #bababa;line-height: 30px;} .footer-nav-list li a:hover{color: #fff;text-decoration: underline;} .footer-nav-contact{float: right;} .footer-nav-contact h3{font-size: 24px;color: #fff;text-transform: uppercase;font-weight: normal;} .footer-nav-contact span{font-size: 18px;color: #fff;} .footer-nav-contact p{font-size: 14px;color: #fff;margin: 15px 0;line-height: 30px;} .footer-copyright{border-top: 1px solid rgba(255,255,255,0.07);overflow: hidden;position: absolute;right: 0;left: 0;bottom: 0;} .footer-copyright p{float: left;font-size: 14px;color: #fff;padding: 15px 0;} .footer-copyright p a{font-size: 14px;color: #fff;} .footer-copyright div{padding: 15px 0;font-size: 14px;color: #fff;float: right;padding-left: 30px;background: url(copyright.png) no-repeat left center;} .footer-top{position: fixed;right: 15px;width: 77px;height: 64px;font-size: 0;text-align: center;line-height: 64px;background: #575757;cursor: pointer;z-index: 9999; bottom: 300px;display: none;} .innerBanner{height: 350px;position: relative;overflow: hidden;} .innerBanner img{position: absolute;left: 50%;top: 0;margin-left: -960px;} .innerProductSearch{width: 1400px;margin: 0 auto;background: #f2f2f2;height: 82px;line-height: 82px;font-size: 0;} .innerProductSearch span{font-size: 16px;margin: 0 15px 0 30px;} .innerProductSearch select{border: 1px solid #dcdcdc;background:#fff url(down.png) no-repeat right center;height: 40px;width: 340px;padding: 0 40px 0 18px; font-size: 16px;margin-right: 50px; appearance: none; -webkit-appearance: none; -moz-appearance: none;} .innerProductSearch input{border: 1px solid #dcdcdc;background:#fff;height: 40px;width: 340px;font-size: 16px;padding: 0 18px;box-sizing: border-box;} .innerProductSearch a{display: inline-block;width: 224px;height: 40px;background: #ffa019;text-align: center;line-height: 40px; color: #fff;font-size: 16px;margin-left: 44px;} /* .innerProductSearch a: */ .innerProductNav{width: 1400px;margin: 35px auto;overflow: hidden;} .innerProductNav a{font-size: 16px;margin-right: 50px;float: left;} .innerProductNav a.on{color: #FFA019;} .innerProductNav a:hover{text-decoration: underline;} .innerProduct{width: 1400px;margin: 0 auto;overflow: hidden;padding-bottom: 30px;} .innerProduct dl{overflow: hidden;width: 328px;float: left;margin-right: 29px;margin-bottom: 35px;background: #f2f2f2;} .innerProduct dl:nth-child(4n){margin-right: 0;} .innerProduct dl dt{overflow: hidden;height: 247px;font-size: 0;text-align: center;line-height: 247px;} .innerProduct dl dt img{max-width: 100%;max-height: 100%;transition: all 0.5s;} .innerProduct dl dd{text-align: center;padding: 10px 0;transition: all 0.5s;} .innerProduct dl dd h3{font-size: 18px;color: #333;font-weight: bold;transition: all 0.5s;} .innerProduct dl dd p{font-size: 16px;transition: all 0.5s;} .innerProduct dl:hover dt img{transform: scale(1.1);} .innerProduct dl:hover dd{background: #FFA019;} .innerProduct dl:hover dd h3{color: #fff;} .innerProduct dl:hover dd p{color: #fff;} .innerNav-box{background: url(nav-bg.jpg) no-repeat center;height: 58px;box-shadow: 0 0 10px 1px #d8d8d8;} .innerNav{width: 1400px;margin: 0 auto;} .innerNav-list{float: left;} .innerNav-list li{float: left;} .innerNav-list li a{width:;font-size: 16px;line-height: 58px;padding: 0 30px;display: block;transition: all 0.5s;} .innerNav-list li a.on{background: #FFA019;color: #fff;} .innerNav-list li a:hover{background: #FFA019;color: #fff;} .innerPosition{float: right;font-size: 14px;line-height: 58px;padding-left: 30px;background: url(position.png) no-repeat left center;} .innerPosition a{font-size: 14px;} .innerNews{width: 1400px;margin: 35px auto;overflow: hidden;padding: 10px;} .innerNews dl{float: left;padding: 14px;background: #f2f2f2;margin-right: 56px;width: 401px;margin-bottom: 45px;transition: all 0.5s;position: relative;top: 0;} .innerNews dl:nth-child(3n){margin-right: 0;} .innerNews dl dt{height: 302px;font-size: 0;text-align: center;line-height: 302px;} .innerNews dl dt img{max-width: 100%;max-height: 100%;} .innerNews dl dd{margin: 17px 22px;} .innerNews dl dd h3{font-size: 18px;color: #333;font-weight: normal;position: relative;padding-left: 18px;transition: all 0.5s;} .innerNews dl dd h3::before{position: absolute;left: 0;top: 0;bottom: 0;width: 3px;height: 18px;content: "";background: #f39700;margin: auto;} .innerNews dl dd p{font-size: 16px;margin: 15px 0;color: #999;height: 48px;} .innerNews dl dd div{font-size: 24px;font-family: pf;color: #333;background: url(right.png) no-repeat right center;} .innerNews dl dd div span{font-size: 18px;font-family: pf;color: #999;} .innerNews dl:hover dd h3{color: #FFA019;} .innerNews dl:hover{top: -5px;box-shadow: 0 0 5px 1px #b9b9b9;} .innerContact{width: 1400px;margin: 0 auto;} .innerContact-title{font-size: 30px;color: #333;font-weight: bold;margin: 50px 0;text-align: center;} .innerContact-list{margin: 20px 0;height: 215px;} .innerContact-list dl{float: left;width: 336px;height: 215px;margin-right: 18px;position: relative;transition: all 0.5s;} .innerContact-list dl dt img{transition: all 0.5s;} .innerContact-list dl:last-child{margin-right: 0;} .innerContact-list dl:last-child dt{display: none;} .innerContact-list dl:last-child dd p{margin: 40px 0 10px;} .innerContact-list dl dt{margin: 45px auto 15px;width: 50px;height: 50px;text-align: center;line-height: 50px;font-size: 0;} .innerContact-list dl dd{margin: 0 36px;} .innerContact-list dl dd p{color: #fff;font-size: 16px;line-height: 30px;text-align: center;} .innerContact-list dl dd h3{text-align: center;} .innerContact-list dl:hover{transform: scale(1.05);} .innerContact-list dl:hover dt img{transform: rotateY(180deg);} .innerContact-map{height: 540px;background: #f7f7f7;} .innerContact-form{border-top: 10px solid #f39700;margin: 50px 0 60px;overflow: hidden;} .innerContact-form-left{background: #f7f7f7;width: 40%;overflow: hidden;float: left;} .innerContact-form-left h3{width: 75%;margin: 0 auto;font-size: 30px;color: #333;font-weight: bold;margin-top: 50px;} .innerContact-form-left p{width: 75%;margin: 0 auto;font-size: 16px;margin: 45px auto 75px;padding-bottom: 55px;border-bottom: 1px solid #d2d2d2;} .innerContact-form-left div{width: 75%;margin: 0 auto 220px;font-size: 16px;} .innerContact-form-right{width: 60%;float: right;text-align: center;margin-top: 40px;} .innerContact-form-right table{width: 695px;margin: 0 auto;} .innerContact-form-right input{height: 55px;width: 695px;border: 1px solid #e5e5e5;font-size: 16px;padding: 0 32px;box-sizing: border-box;margin: 7px 0;} .innerContact-form-right textarea{height: 220px;width: 695px;border: 1px solid #e5e5e5;font-size: 16px;padding: 10px 32px;box-sizing: border-box;margin: 7px 0;} .innerContact-form-right .layui-btn{width: 185px;color: #fff;background: #FFA019;font-size: 16px;height: 57px;border: none;display: block; border-radius: 10px;cursor: pointer;} .innerAbout-title{text-align: center;margin: 40px 0;} .innerAbout-title h3{font-size: 30px;font-weight: normal;color: #333;} .innerAbout-title p{font-size: 16px;text-transform: uppercase;} .innerAbout-brief{height: 410px;background: url(about-bg01.jpg) no-repeat center;overflow: hidden;} .innerAbout-brief div.innerAbout-brief-list{font-size: 16px;margin: 0 auto;width: 1400px;} .innerAbout-brief div.innerAbout-brief-list a{font-size: 16px;color: #FFA019;} .innerAbout-brief ul{overflow: hidden;width: 1400px;margin: 40px auto 0;} .innerAbout-brief ul li{float: left;width: 32%;padding-left: 1.333%;font-weight: bold;font-size: 16px;line-height: 36px;background: url(e2.png) no-repeat left center;} .innerAbout-culture{height: 608px;background: url(about-bg02.jpg) no-repeat center;overflow: hidden;} .innerAbout-culture-list{width: 1400px;margin: 0 auto;overflow: hidden;position: relative;} .innerAbout-culture-list-left{float: left;} .innerAbout-culture-list-left dl{overflow: hidden;position: relative;} .innerAbout-culture-list-left dl dt{width: 620px;height: 383px;text-align: center;line-height: 383px;font-size: 0;} .innerAbout-culture-list-left dl dt img{max-width: 100%;max-height: 100%;} .innerAbout-culture-list-left dl dd{position: absolute;right: 0;left: 0;top: 0;text-align: center;} .innerAbout-culture-list-left dl dd h3{color: #fff;font-size: 24px;font-weight: normal;margin-top: 150px;} .innerAbout-culture-list-left dl dd p{font-size: 16px;color: #fff;margin-top: 20px;} .innerAbout-culture-list-right{float: right;width: 780px;height: 100%;overflow: hidden;position: absolute;right: 0;top: 0;bottom: 0;} .innerAbout-culture-list-right::before{position: absolute;right: 0;top: 0;bottom: 0;height: 1px;left: 0;content: "";background: #d3d6d9;margin: auto;} .innerAbout-culture-list-right dl{float: left;width: 33.333%;height: 50%;transition: all 0.5s;} .innerAbout-culture-list-right dl dt{width: 50px;height: 50px;margin: 55px auto 0;font-size: 0;text-align: center;line-height: 50px;} .innerAbout-culture-list-right dl dd{text-align: center;font-size: 16px;font-weight: bold;margin-top: 10px;} .innerAbout-culture-list-right dl:hover{background: #fff;} .innerAbout-development{min-height: 550px;background: url(about-bg03.jpg) no-repeat center;overflow: hidden;background-size: auto 100%;} .innerAbout-development-list{width: 1400px;margin: 0 auto;position: relative;} .innerAbout-development-list .prev{position: absolute;left: 0;top: 82px;z-index: 99;} .innerAbout-development-list .next{position: absolute;right: 0;top: 82px;z-index: 99;} .innerAbout-development-list .bd{padding: 0 40px;position: relative;} .innerAbout-development-list .bd:before{position: absolute;left: 0;right: 0;top: 100px;content: "";height: 1px;background: #e5e5e5;} .innerAbout-development-list .bd li{float: left;width: 25%;} .innerAbout-development-list .bd li .year{font-size: 50px;text-align: center;font-weight: normal;height: 90px;line-height: 90px;} .innerAbout-development-list .bd li .year span{font-family: pfx;display: block;height: 100%;overflow: hidden;transition: all 0.5s;transform-origin: bottom;} .innerAbout-development-list .bd li .circle{width: 20px;height: 20px;background: #fff;border-radius: 50%;border: 1px solid #FFA019;margin:0 auto; position: relative;z-index: 1;transition: all 0.5s;} .innerAbout-development-list .bd li .circle::before{position: absolute;right: 0;left: 0;top: -15px;width: 1px;height: 15px;content: "";background: #dcdcdc;margin: auto; transition: all 0.5s;z-index: -1;} .innerAbout-development-list .bd li .content{width: 80%;margin: 0 auto;} .innerAbout-development-list .bd li .content-title{font-size: 36px;font-family: pfx;text-align: center;overflow: hidden;transition: all 0.5s;height: 0;margin-top: 20px;} .innerAbout-development-list .bd li .content-list{font-size: 16px;transition: all 0.5s;height: 0;overflow: hidden;margin-top: 15px;height: auto;} .innerAbout-development-list .bd li .content-img{margin: 20px 0;} .innerAbout-development-list .bd li .content-img img{max-width: 100%;} /* .innerAbout-development-list .bd li:hover .circle::before{top: -15px;background: #FFA019;} .innerAbout-development-list .bd li:hover .circle{border-color: #FFA019;} .innerAbout-development-list .bd li:hover .year span{height: 100%;} .innerAbout-development-list .bd li:hover .content-title{height: 0;} .innerAbout-development-list .bd li:hover .content-list{margin-top: 15px;height: auto;} */ .innerAbout-video{text-align: center;position: relative;} .innerAbout-video img{margin: 200px 0 20px;cursor: pointer; animation: opa 3s infinite; -webkit-animation:opa 3s infinite;} @keyframes opa{ 0%{ opacity: 0.1; } 50%{ opacity: 1; } 100%{ opacity: 0.1; } } .innerAbout-video p{font-size: 30px;color: #fff;} .innerAbout-video div{position: absolute;z-index: 99;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.5);display: none;} .innerAbout-video div video{max-width: 100%;max-height: 100%;} .innerAbout-video span{position: absolute;right: 15px;top: 15px;width: 50px;height: 50px;font-size: 30px;color: #333;background: #fff;display: none;z-index: 99; cursor: pointer;text-align: center;line-height: 50px;} .innerAbout-video{height: 500px;background: url(about-bg04.jpg) no-repeat center;overflow: hidden;} .innerProductDetails{width: 1400px;margin: 50px auto;} .innerProductDetails-brief{overflow: hidden;} .brief-img{float: left;position: relative;width: 500px;height: 330px;font-size: 0;text-align: center;/* line-height: 330px; */} .brief-img img{max-width: 100%;max-height: 100%;} .brief-img .hd{position: absolute;left: 0;bottom: 0;overflow: hidden;right: 0;font-size: 0;text-align: center;} .brief-img .hd li{width: 90px;height: 68px;border: 1px solid #dcdcdc;text-align: center;line-height: 68px;font-size: 0;overflow: hidden;margin:0 3px; padding: 1px;display: inline-block;} .brief-img .hd li.on{border-color: #FFA019;} .brief-img .hd li img{max-width: 100%;} .brief-img .bd li{text-align: center;line-height: 250px;height: 250px;font-size: 0;overflow: hidden;} .brief-img .bd li img{max-width: 100%;max-height: 100%;} .brief-text{float: right;width: 745px;margin-right: 50px;position: relative;height: 330px;} .brief-text h3{font-size: 30px;color: #f87b22;font-weight: normal;margin-bottom: 10px;} .brief-text span{font-size: 18px;color: #999;} .brief-text div{font-size: 16px;margin: 25px 0;} .brief-text div div{display: inline-block;vertical-align: top;margin: 0;} .brief-text p{font-size: 16px;line-height: 30px;} .brief-text em{position: absolute;left: 0;bottom: 0;font-size: 16px;padding-left: 50px;background: url(tel.png) no-repeat left center;} .brief-text em b{font-size: 24px;color: #FFA019;font-weight: normal;} .innerProductDetails-title{background: #f6f6f6;height: 54px;} .innerProductDetails-title span{float: left;background: #FFA019;color: #fff;line-height: 54px;padding: 0 25px;font-size: 24px;} .innerProductDetails-characteristic{margin-top: 50px;} .innerProductDetails-characteristic-list{font-size: 16px;margin-top: 20px;} .innerProductDetails-characteristic-list *{max-width: 100%;font-size: 16px;line-height: 26px;height: auto;} .innerProductDetails-prevNext{background: #f6f6f6;overflow: hidden;margin-top: 50px;position: relative;} .innerProductDetails-prevNext p{float: left;width: 500px;height: 75px;padding: 0 30px;font-size: 16px;padding-top: 20px;} .innerProductDetails-prevNext p a{font-size: 16px;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .innerProductDetails-prevNext p em{font-size: 16px;} .innerProductDetails-prevNext p:last-child{float: right;} .innerProductDetails-prevNext a.back{position: absolute;right: 0;left: 0;top: 0;bottom: 0;margin: auto;width: 280px;background: #FFA019;text-align: center;line-height: 95px; color: #fff;font-size: 16px;} .innerStrength-title{text-align: center;margin: 45px 0;} .innerStrength-title h3{font-size: 30px;color: #333;font-weight: normal;} .innerStrength-title p{font-size: 16px;text-transform: uppercase;} .innerStrength-cooperation-list{width: 1400px;margin: 0 auto;background: #f2f2f2;overflow: hidden;} .innerStrength-cooperation-list dt{float: left;width: 683px;font-size: 0;text-align: center;line-height: 456px;height: 456px;overflow: hidden;} .innerStrength-cooperation-list dt img{max-width: 100%;} .innerStrength-cooperation-list dd{float: right;width: 657px;text-align: left;height: 396px;font-size: 0;padding: 30px;overflow-x: hidden;overflow-y: auto;} .innerStrength-cooperation-list dd p{display: inline-block;width: 140px;height: 60px;font-size: 0;line-height: 60px;vertical-align: middle;margin: 13px 12px; text-align: center;} .innerStrength-cooperation-list dd p img{max-width: 100%;max-height: 100%;} .innerStrength-compose-list{width: 1400px;margin: 0 auto;background: #999999;overflow: hidden;} .innerStrength-compose-list dl{float: left;width: 466px;position: relative;height: 644px;} .innerStrength-compose-list dl:nth-child(even){width: 467px;} .innerStrength-compose-list dl:nth-child(even) dt{position: absolute;left: 0;bottom: 0;} .innerStrength-compose-list dl dt{position: relative;height: 322px;text-align: center;line-height: 322px;font-size: 0;} .innerStrength-compose-list dl dd{height: 322px;padding: 0 38px;transition: all 0.5s;overflow: hidden;} .innerStrength-compose-list dl dd h3{text-align: center;color: #fff;font-size: 24px;font-weight: normal;margin: 20px 0;} .innerStrength-compose-list dl dd p{font-size: 16px;color: #fff;line-height: 30px;} .innerStrength-compose-list dl:hover dd{background: #f87b22;} .innerStrength-area{height: 602px;background: url(strength-img11.png) no-repeat center;overflow: hidden;margin-top: 75px;} .innerStrength-area .innerStrength-title{color: #fff;margin-bottom: 20px;} .innerStrength-area .innerStrength-title h3{color: #fff;} .innerStrength-area-list{height: 403px;background: url(strength-img12.png) no-repeat center;width: 800px;margin: 0 auto;position: relative;color: #fff;} .innerStrength-area-list div{position: absolute;left: 0;top: 0;} .innerStrength-area-list div.div1{left: 485px;top: 245px;} .innerStrength-area-list div.div2{left: 525px;top: 225px;} .innerStrength-area-list div.div3{left: 470px;top: 330px;} .innerStrength-area-list div.div4{left: 515px;top: 170px;} .innerStrength-area-list div.div5{left: 280px;top: 55px;} .innerStrength-area-list div.div6{left: 400px;top: 275px;} .innerStrength-area-list div span{display: block;width: 20px;height: 24px;background: url(strength-img13.png) no-repeat center;margin-top: 0px; animation: opa 3s infinite; -webkit-animation:opa 3s infinite;} .innerStrength-area-list div.div1 span{animation: opa 3.5s infinite;-webkit-animation:opa 3.5s infinite;} .innerStrength-area-list div.div2 span{animation: opa 3.5s infinite;-webkit-animation:opa 3.5s infinite;} .innerStrength-area-list div.div3 span{animation: opa 4s infinite;-webkit-animation:opa 4s infinite;} .innerStrength-area-list div.div4 span{animation: opa 4.5s infinite;-webkit-animation:opa 4.5s infinite;} .innerStrength-area-list div.div5 span{animation: opa 5s infinite;-webkit-animation:opa 5s infinite;} @keyframes opa{ 0%{ opacity: 0.25; } 50%{ opacity: 1; } 100%{ opacity: 0.125; } } .innerStrength-area-list div:hover span{background: url(strength-img14.png) no-repeat center;} .innerStrength-area-list div:hover h3{display: block;} .innerStrength-area-list div h3{background: url(strength-img15.png) no-repeat center;width: 341px;min-height: 193px;position: absolute;left: 20px;top: -80px; color: #333;display: none;background-size: 100% 100%;} .innerStrength-area-list div h3 em{font-size: 24px;font-weight: normal;color: #f87b22;margin: 20px 50px 10px;display: block;} .innerStrength-area-list div h3 p{font-size: 14px;font-weight: normal;margin: 0 50px;line-height: 30px;} .innerResponsibility{width: 1400px;margin: 50px auto;overflow: hidden;} .innerResponsibility-left{float: left;width: 451px;} .innerResponsibility-left dl{position: relative;margin-bottom: 30px;} .innerResponsibility-left dl dt{height: 340px;font-size: 0;text-align: center;line-height: 340px;} .innerResponsibility-left dl dt img{max-width: 100%;max-height: 100%;} .innerResponsibility-left dl dd{position: absolute;left: 0;right: 0;bottom: 0;height: 60px;background: rgb(0,0,0,0.6);font-size: 18px;text-align: center; line-height: 60px;font-weight: bold;color: #fff;} .innerResponsibility-left dl.on dd{background: #f87b22;} .innerResponsibility-right{float: right;width: 800px;padding: 55px;background: #eeeeee;} .innerResponsibility-right-title{font-size: 18px;color: #333;font-weight: bold;margin-bottom: 20px;} .innerResponsibility-right-content{font-size: 16px;line-height: 26px;} .innerResponsibility-right-content *{max-width: 100%;height: auto;font-size: 16px;line-height: 26px;} .innerResponsibility-right-content img{height: auto !important;} .innerHr-idea dl{width: 1400px;margin: 65px auto;position: relative;} .innerHr-idea dl dt{height: 383px;font-size: 0;text-align: center;line-height: 383px;} .innerHr-idea dl dt img{max-width: 100%;max-width: 100%;} .innerHr-idea dl dd{position: absolute;left: 0;right: 0;bottom: 0;top: 0;color: #fff;} .innerHr-idea dl dd h3{font-size: 30px;font-weight: normal;margin-left: 110px;margin: 90px 0 20px 110px;} .innerHr-idea dl dd p{font-size: 16px;font-weight: normal;margin-left: 110px;} .innerHr-plan{width: 1400px;margin: 0 auto;} .innerHr-plan-list{overflow: hidden;} .innerHr-plan-list dl{/* float: left;width: 350px; */position: relative;transition: all 0.5s;} .innerHr-plan-list dl .innerHr-plan-div{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;font-size: 24px;color: #fff; height: 346px;text-align: center;transition: all 0.5s;line-height: 346px;background: rgba(0,0,0,0.3);} .innerHr-plan-list dl dt{height: 346px;font-size: 0;text-align: center;line-height: 346px;overflow: hidden;position: relative;} /* .innerHr-plan-list dl dt img{position: absolute;left: -50%;margin-left: 142px;top: 0;transition: all 0.5s;} */ .innerHr-plan-list dl dd{position: absolute;left: 0;right: 0;top: 0;bottom: 0;text-align: center;color: #fff;background: rgba(243,151,0,0.9);opacity: 0; transition: all 0.5s;} .innerHr-plan-list dl dd h3{font-size: 24px;font-weight: normal;margin: 40px 0 20px;} .innerHr-plan-list dl dd p{font-size: 16px;line-height: 40px;} /* .innerHr-plan-list dl:hover dd{opacity: 1;} */ /* .innerHr-plan-list dl:hover dt img{margin-left: 274px;} */ /* .innerHr-plan-list dl:hover .innerHr-plan-div{opacity: 0;} */ .innerHr-job{background: #f2f2f2;overflow: hidden;margin-top: 70px;padding-bottom: 70px;} .innerHr-job-list{width: 1400px;margin: 0 auto;max-height: 351px;overflow: hidden;transition: all 0.5s;} .innerHr-job-list table{width: 1400px;margin: 0 auto;background: #fff;text-align: center;} .innerHr-job-list table th{border-bottom: 1px solid #e5e5e5;height: 108px;font-size: 18px;} .innerHr-job-list table td{border-bottom: 1px solid #e5e5e5;height: 80px;font-size: 18px;} .innerHr-job-list table td a{font-size: 18px;color: #FFA019;} .innerHr-job .innerHr-job-more{display: block;height: 100px;background: #FFA019;color: #fff;text-align: center;width: 1400px;margin: 0 auto; font-size: 16px;line-height: 100px;} .innerHr-job .innerHr-job-more img{margin-left: 30px;} .innerHr-job .innerHr-job-more.on img{transform: rotate(180deg);} .innerDetails{width: 1400px;margin: 60px auto;font-size: 16px;line-height: 26px;} .innerDetails *{max-width: 100%;height: auto;font-size: 16px;line-height: 26px;} .innerDetails-title{text-align: center;padding-bottom: 0px;border-bottom: 1px solid #dedede;} .innerDetails-title h3{font-size: 18px;font-weight: bold;color: #FFA019;} .innerDetails-title div{font-size: 16px;color: #999;margin: 15px 0;} .innerDetails-title div div{display: inline-block;vertical-align: top;margin-top: -2px;} .innerDetails-content{margin: 20px auto;border-left: none;border-right: none;padding: 20px 0;min-height: 300px;width: 900px;} .innerDetails-content *{max-width: 100%;height: auto;font-size: 16px;line-height: 26px;} .innerDetails-content strong{font-size: inherit;} .innerDetails-prevNext{overflow: hidden;border-top: 1px solid #dedede;padding-top: 20px;} .innerDetails-prevNext p{float: left;width: 50%;font-size: 16px;} .innerDetails-prevNext p:last-child{float: right;width: 50%;text-align: right;} .innerDetails-prevNext p em{color: #FFA019;font-size: 16px;font-weight: bold;} .innerDetails-prevNext p a{font-size: 16px;} .layui-laypage{margin: 10px 0;width: 100%;text-align: center;} .layui-laypage .layui-laypage-curr .layui-laypage-em{background: #FFA019;} .layui-laypage a:hover{color: #FFA019;} .innerAbout-property{width: 1200px;margin: 50px auto;text-align: center;background: url(property-bg.jpg) no-repeat center;background-size: 100%;padding: 50px 0;} .innerAbout-property h3{font-size: 30px;color: #333;margin-left: 386px;} .innerAbout-property-list{font-size: 0;margin-top: 30px;margin-left: 386px;} .innerAbout-property-list div{display: inline-block;vertical-align: middle;margin: 0 50px;} .innerAbout-property-list div b{font-size: 30px;color: #FFA019;} .innerAbout-property-list div p{font-size: 20px;color: #333;font-weight: bold;}