body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;} body{ font-family: arial,'Microsoft YaHei'; color:#333; } img{vertical-align: middle; border:none;} ul,ol{list-style:none outside none;} table{border-collapse:collapse; border-spacing:0;} button, input, select, textarea {font-size: 100%; vertical-align:middle;} a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur()); } a:hover{ text-decoration:none; text-decoration:none!important; } :focus {outline: 0 none;} h1,h2,h3{ font-size:100%; font-weight:normal;} button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;} .text,.btn,textarea{font-family:arial,'Microsoft YaHei';} .clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;} .clearfix{*zoom:1;} em,i{ font-style:normal;} li{ list-style:none;} h3{ font-weight:normal;} .box{ padding: 0 130px;} .head{ background: url(../images/headbj.png) right center repeat; width: 100%;min-width:1340px; z-index: 999; position: absolute; left: 0; top: 0; height:100px; } h1{ float: left; line-height:100px; } .certificate{ float: left; padding: 0px 0 0 30px; margin:36px 0 0 30px; overflow:hidden; border-left:1px solid #d9d9d9; } .cer_t{ height:35px; float: left; line-height: 35px; font-size:20px; margin-right:5px; overflow: hidden; } .cer_b{ height:35px; float: left; line-height: 35px; font-size:20px; overflow: hidden;} .nav_ul{ float: left; background: url(../images/head1.png) right center no-repeat; } .nav_ul li{ float: left; position: relative; margin-right: 12px; } .nav_ul li a{height: 100px; line-height: 100px; display: block; padding:0 5px; font-size:16px; } .nav_ul li a.current,.nav_ul li a:hover{ color:#ec1c24; transition:all 0.5s ease 0s;} .head .box{ padding:0 30px;} .nav_ul li .subnav{width: 100%; position:absolute; height: 0; transition: 5s ease 0s; overflow: hidden; left:50%; width: 120px; margin-left: -60px; top:100px; z-index:9999999; text-align:center;} .nav_ul li .subnav a{ height:40px; font-size: 15px; opacity: 0; transition: all 1s ease 0s; margin-top: 2px; border-radius: 5px; line-height:40px; text-align:center; overflow:hidden;background:#fff; } .nav_ul li .subnav a:hover{ color:#fff;background:#ec1c24;} .nav_ul li.on .subnav{ height: auto;} .nav_ul li.on .subnav a{ opacity: 1; } .nav_ul li.on .subnav a:nth-child(1){transition:opacity 1s;} .nav_ul li.on .subnav a:nth-child(2){transition:opacity 1s 0.2s;} .nav_ul li.on .subnav a:nth-child(3){transition:opacity 1s 0.3s;} .nav_ul li.on .subnav a:nth-child(4){transition:opacity 1s 0.4s;} .nav_ul li.on .subnav a:nth-child(5){transition:opacity 1s 0.5s;} .nav_ul li.on .subnav a:nth-child(6){transition:opacity 1s 0.6s;} .nav_ul li.on .subnav a:nth-child(7){transition:opacity 1s 0.7s;} .head_right{ float: right; } .search{ float: left; position: relative; cursor: pointer; margin: 30px 10px 0 20px; width: 38px; height: 38px; line-height: 38px; border-radius: 38px; border: 1px solid #bdbfc1; text-align: center; } #search-form { -moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top:69px; right: -6px; width: 320px; max-height: 0; overflow: hidden; background-color: #e1e4e7; z-index: 999 } .fixed #search-form { top:60px; } #search-form.open { max-height: 60px; } #search-form fieldset { position: relative; padding: 0; border: none; } #search-form input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 50px; } #search-form input[type="search"] { width: 100%; padding: 0 5px 0 22px; background: transparent; border: none; outline:none; } #search-form input[type="submit"] { position: absolute; bottom: 0; right: 0; width: 60px; margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; color: #dc1e29; background: #c6cacd; border: none; cursor: pointer;outline:none; } @keyframes fadedown { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .sea_img{width: 38px; height: 38px; line-height: 38px; border-radius: 38px;} .lan{ float: left;transition: all 0.5s ease 0s; margin: 30px 0px 0 0px; width: 38px; height: 38px; line-height: 38px; border-radius: 38px; border: 1px solid #bdbfc1; text-align: center; } .lan a{ display: block;transition: all 0.5s ease 0s; } .lan:hover {color:#dc1e29; transition: all 0.5s ease 0s; border: 1px solid #dc1e29 } .lan:hover a{color:#dc1e29; transition: all 0.5s ease 0s; } .foot{/*background: url(../images/footbj.jpg) center top no-repeat;*/ background:#f6f6f6; height:475px; background-size:cover; width: 100%;min-width:1340px; } .foot_t{ padding: 30px 0 30px 0; } .foot_inner{ padding:24px 0px 0 0; width: 24%; float: left; box-sizing: border-box; } .foot_dl dt{height:26px;line-height: 26px; float: left; width: 10%; } .foot_dl dt img{ width:26px; height:26px; border-radius:26px;} .foot_dl dd{ float: right; width: 90%; } .call{height: 26px; line-height: 26px; font-size:14px; margin-bottom: 0px; } .call_num{ font-size: 16px; height:30px; color: #666666; line-height: 30px; } .call_add{ font-size:15px; color: #666666;overflow: hidden; line-height: 30px; } .what_tit{ font-size: 16px; height:30px; line-height: 30px; float: left; width: 92px;margin:0px 14px 0 0; background: url(../images/foot5.png) right center no-repeat; } .what_img{ float: left; width:88px; height: 88px; overflow: hidden; display:block; } .what{cursor: pointer;} .what:hover .what_img{ display:block;} .what_img img{ width:88px; height: 88px; overflow: hidden; } .foot_dl:nth-child(3) dt{ margin-top:0px; } .footbox{ border-right: 1px solid #dadbdb; padding-right: 20px; } .foot_dl{ margin-bottom:5px;} .foot_nav{ float: right; width:74%; } .foot_nav li{ float: left; width:14.28% } .foot_em{ display: block; height:82px; margin-bottom: 20px; line-height: 82px; display: block; position: relative; font-size: 20px;overflow: hidden; } .foot_em:after{ position: absolute; left: 0; bottom: 0; width: 20px; height: 1px; background: #818181; content: ''; } .foot_nav li a{ display: block; height: 36px; transition: all 0.5s ease 0s; line-height: 36px; overflow: hidden; font-size: 16px; } .foot_nav li a:hover,.foot_b a:hover{ color:#e34851; transition: all 0.5s ease 0s; } .foot_b{ border-top: 1px solid #dddddd; height:55px; overflow: hidden; } .add_l{ float: left; font-size: 14px; height: 55px; line-height: 55px; overflow: hidden; color: #666666; } .foot_b a{color: #666666; display: inline-block;transition: all 0.5s ease 0s;} .add_r{float: right; font-size: 14px; height: 55px; line-height: 55px; overflow: hidden; color: #666666; } .flex-viewport{width: 100%;min-width:1200px; height: auto;} .flexslider {position: relative;width: 100%;min-width:1340px; height: auto; overflow: hidden; text-align: center; clear: both;} .slides li .banner_img{ width: 100%; height: auto; /* transform: translate3d(0px, 0px, 0px); transition: all 1000ms ease 0s*/} .slides li { position:relative; width: 100%;min-width:1200px; height: auto; float: left; } /*.slides li.flex-active-slide img{ -webkit-animation:scale-bg 6s linear forwards; animation:scale-bg 6s linear forwards; }*/ .slides {width: 100%;min-width:1200px; height:100%;} .flex-control-nav {display: none; box-sizing: border-box; z-index: 99; position: absolute; left: 130px; bottom: 60px; } .flex-control-nav li{ display: inline-block; margin: 0 20px 0 0;} .flex-control-nav li a{ display: block; background: rgba(255,255,255,.4); width: 70px; height: 2px; font-size: 0;transition: all 0.5s ease 0s; } .flex-control-nav li a.flex-active{background:#ec1c24;height: 4px; transition: all 0.5s ease 0s; } .flex-direction-nav{ position: absolute; right: 130px; width: 200px; bottom: 60px; height: 74px; } .flex-prev{background:url(../images/banner_l1.png) center center no-repeat;transition: all 0.5s ease 0s; position: absolute; font-size: 0; display: block; width: 71px; height: 71px; top: 0; right:90px; } .flex-next{background:url(../images/banner_r1.png) center center no-repeat;transition: all 0.5s ease 0s; position: absolute; font-size: 0; display: block; width: 71px; height: 71px; top: 0; right:0px; } .flex-prev:hover{background:url(../images/banner_l.png) center center no-repeat;transition: all 0.5s ease 0s;} .flex-next:hover{background:url(../images/banner_r.png) center center no-repeat;transition: all 0.5s ease 0s;} /*@-webkit-keyframes scale-bg{ from{ -webkit-transform:scale(1.2); transform:scale(1.2); } to{ -webkit-transform:scale(1); transform:scale(1); } } @keyframes scale-bg{ from{ -webkit-transform:scale(1.2); transform:scale(1.2); } to{ -webkit-transform:scale(1); transform:scale(1); } } */ .jour{background:url(../images/indexbj1.jpg) center top no-repeat; height: 830px;width: 100%;min-width:1340px; background-size: cover; overflow:hidden} .index_cn{ float: left; height: 120px; line-height: 120px; font-size:40px; } .index_see{ display: block; float: right; margin-top: 44px; transition: all 0.5s ease 0s; width: 158px;background:url(../images/jour1.png) 123px center no-repeat; height: 43px; line-height: 43px; border-radius: 43px; border: 1px solid #333333; font-size: 14px; text-indent:30px; } .index_see:hover,.strength .index_see:hover,.qua_see:hover{ color:#dc1e29; border: 1px solid #dc1e29; transition: all 0.5s ease 0s;background:url(../images/man5.png) 123px center no-repeat; } .access{ float: left; width:30%; padding-right: 2%; box-sizing: border-box; position: relative; } .access:after{background:url(../images/accbj.png) left center repeat;position: absolute; left: 0; top: 0; width: 93.2%; height:100%; content:'';} .asscess_inner{ width: 100%; height:640px; } .access_box{ position: absolute; z-index:99; left: 0; top: 0; width: 100%; padding: 0 60px 0 30px; box-sizing: border-box; } .access_he{position: relative; z-index: 99;} .acc_x{ font-size: 14px; color: #fff; display: block; opacity:0; width:90px; height: 36px; line-height: 36px; text-align: center; background: #dc1e29; overflow: hidden; margin: 30px 0 387px 0; } .ass_tit{ font-size:20px;display: block; transition: all 0.5s ease 0s; height:76px; line-height: 38px; overflow: hidden; color: #fff; margin-bottom:10px; } .ass_tit:hover{color:#dc1e29; transition: all 0.5s ease 0s;} .ass_time{ height:36px; line-height: 36px; overflow: hidden; font-size:16px; padding-left:26px; margin-bottom: 10px;background:url(../images/jour3.png) left center no-repeat; color: #fff; } .ass_see{ display: block; height: 34px; line-height: 34px;transition: all 0.5s ease 0s; color: #fff; font-size: 14px; width: 74px;background:url(../images/jour2.png) right center no-repeat; } .ass_see:hover{color:#dc1e29; transition: all 0.5s ease 0s;background:url(../images/man5.png) right center no-repeat;} .medium{float: left; width:30%; padding-right: 2%; box-sizing: border-box;} .med_t{ width: 100%; height:330px; overflow: hidden; position: relative; } .med_t img{ width: auto; height:300px; overflow: hidden; transition: all 1s ease 0s; } /*.medium:hover .med_t img{ transition: all 1s ease 0s; transform: scale(1.1); }*/ .med_t .acc_x{ position: absolute; left: 30px; top: 30px; } .med_b{ background: #fff; padding: 49px 30px 0; } .med_tit{ height:76px;transition: all 0.5s ease 0s; line-height: 38px; overflow: hidden; font-size: 20px; } .med_time{height: 62px;display: block; line-height: 62px; overflow: hidden; font-size: 16px; padding-left:26px; background:url(../images/jour.png) left center no-repeat;} .med_zi{ height:54px; line-height: 27px; overflow: hidden; font-size:16px; color: #959595; } .med_see{ display: block;transition: all 0.5s ease 0s; height:70px; line-height: 70px; overflow: hidden; width:74px; background:url(../images/jour1.png) right center no-repeat; font-size: 14px; } .med_see:hover{color:#dc1e29; transition: all 0.5s ease 0s;background:url(../images/man5.png) right center no-repeat; } .survey{ float: right; width: 40% } .sur_dl{ margin-bottom:34px; box-shadow: 0 0 10px #f4f7fa; background: #fff; padding: 21px 0; } .sur_dl dt{ float: left; width: 15%; background:url(../images/jourline.jpg) right center no-repeat; } .not_time{ text-align: center; } .not_day{ display: none; height:60px; line-height: 60px; font-size: 60px; overflow: hidden; } .not_year{display: block; height:32px; line-height: 32px; font-size: 16px; overflow: hidden;} .not_tit{ display: block; margin-bottom:20px; height: 33px; line-height: 33px; position: relative; font-size:14px; overflow: hidden; text-align: center; } .not_tit:after{ position: absolute; left: 0; top: 50%; background: #dc1e29; width:2px; height: 12px; margin-top: -6px; content:'' ; } .sur_dl dd{ float: right; width: 82%; padding-right: 30px; box-sizing:border-box;} .sur_tit{ display: block;transition: all 0.5s ease 0s; height:40px; line-height: 40px; overflow: hidden; font-size:20px; margin-bottom: 10px; } .sur_tit:hover,.sur_see:hover,.med_tit:hover{color:#dc1e29; transition: all 0.5s ease 0s;} .sur_zi{ height:56px; line-height: 28px; overflow: hidden; font-size:16px; color: #666666; margin-bottom: 10px; } .sur_see{height:32px; transition: all 0.5s ease 0s; display: block; line-height: 32px; overflow: hidden;background:url(../images/jour1.pgn) right center no-repeat; width: 74px; } .strength{background:url(../images/indexbj2.jpg) center top no-repeat;width: 100%;min-width:1340px; height: 720px; background-size: cover; display: none;} .strength .index_cn{ color: #fff; } .strength .index_see{ color: #fff; transition: all 0.5s ease 0s; background: url(../images/jour2.png) 123px center no-repeat; border: 1px solid #fff; } .str_ul li{ width: 20%; transition: all 0.5s ease 0s; float: left; padding: 0 40px 46px; box-sizing: border-box; } .strimg{ width: 140px; height: 140px; margin: 132px auto 0; position: relative; overflow: hidden; border-radius: 140px;} .str_white{ position: absolute; transition: all 0.5s ease 0s; left: 0; top: 0; width: 140px; height: 140px; } .strimg img{ width: 140px; height: 140px; border-radius: 140px; overflow: hidden; } .str_red{ position: absolute; transition: all 0.5s ease 0s; left: 0; bottom: -140px; overflow: hidden; } .str_tit{ height:90px; line-height: 90px; overflow: hidden; text-align: center; color: #fff; font-size:30px; border-bottom: 1px solid rgba(255,255,255,.0); margin-bottom: 20px; } .str_zi{ text-align: center; height:0; overflow: hidden; margin-bottom: 30px; } .str_i{ display: block; height: 37px; line-height: 37px; font-size: 14px; color: #fff; overflow: hidden; } .str_see{ display: block; height:0px; line-height: 34px; overflow: hidden; margin: 0 auto; width:74px; font-size: 14px; color: #fff;background:url(../images/jour2.png) right center no-repeat; } .str_ul li:hover{background:url(../images/strengthbj.png) center top repeat; transition: all 0.5s ease 0s;} .str_ul li:hover .strimg{ margin-top:60px; transition: all 0.5s ease 0s; } .str_ul li:hover .str_zi{transition: all 0.5s ease 0s;height:148px;} .str_ul li:hover .str_see{transition: all 0.5s ease 0s;height:34px;} .str_ul li:hover .str_red{ bottom: 0; transition: all 0.5s ease 0s; } .str_ul li:hover .str_white{ top: -140px; transition: all 0.5s ease 0s; } .str_ul li:hover .str_tit{border-bottom: 1px solid rgba(255,255,255,.5); } .us{background:url(../images/indexbj3.jpg) center top no-repeat; height: 940px; display:none; background-size: cover;} .us_l{ width: 40%; float: left; position: relative; overflow: hidden; } .us_box{ padding-top:97px; } .walk{ height:730px; width: 100%; } .walk img{ height:730px; width: 100%; overflow: hidden;transition: all 1s ease 0s;} .us_l:hover .walk img,.us_con:hover .walk,.qua_l:hover .walk img{ transition: all 1s ease 0s; transform:scale(1.1); } .walk_inner{ position: absolute; left: 40px; bottom: 50px; width: 100%; } .walk_pic{ display: block; height:48px; line-height: 48px; overflow: hidden; } .walk_tit{display: block; height:46px; line-height: 46px; font-size: 28px; color: #fff; overflow: hidden;} .us_r{ width: 56%; float: right; } .qua{ margin-bottom:32px; } .qua_l{ float: left; width: 44%; position: relative; overflow: hidden; } .qua_l .walk{height:400px; } .qua_l .walk img{height:400px; width: auto; max-width: 100%;transition: all 1s ease 0s; } .qua_r{ float: right; width: 52%; } .qua_tit{ font-size: 52px; height:114px; line-height: 114px; overflow: hidden; padding-top:44px; } .qua_inner{ height:96px; line-height: 32px; overflow: hidden; font-size: 16px; margin-bottom: 50px; } .qua_see{ display: block; transition: all 0.5s ease 0s; width: 158px; background: url(../images/jour1.png) 123px center no-repeat; height: 43px; line-height: 43px; border-radius: 43px; border: 1px solid #333333; font-size: 14px; text-indent: 30px;} .us_con .walk{height: 300px;transition: all 1s ease 0s;} .us_con .walk img{height: 300px; width: auto;} .us_con{ position: relative; overflow: hidden; } .warp{ width: 1340px;min-width:1340px; margin: 0 auto } .site{background:#fff; border: 1px solid #e9eff7; margin-bottom:20px; position: relative; height: 70px; margin-top: -36px; } .site_ul{ float: left; } .site_ul li{ float: left; } .site_ul li a{ display: block; position: relative; height: 70px; line-height: 70px; font-size:18px; padding: 0 36px;background:url(../images/site1.png) right center no-repeat; } .site_ul li:nth-last-child(1) a,.site_pos a:nth-last-child(1){ background: none; } .site_pos{ float: right; } .site_pos a{ display: block; float: left;transition: all 0.5s ease 0s; height: 70px; line-height: 70px; padding: 0 12px; font-size:14px;background:url(../images/site3.png) right center no-repeat; color: #999999;} .site_pos{ float: right; display:none; } .site_inner{ padding:0 20px 0 12px;background:url(../images/site2.png) left center no-repeat; } .site_ul li a:after{ position: absolute; left: 50%; bottom: 0; height:2px; margin-left: -60px;width: 0; transition: all 0.5s ease 0s; background: #ec1c24; content: '' } .site_ul li a.on:after,.site_ul li a:hover:after{ width: 120px; transition: all 0.5s ease 0s; } .site_ul li a:hover,.site_ul li a.on{ color: #ec1c24; transition: all 0.5s ease 0s; } .mass{ padding: 0px 0 30px 0; } .mass_cn{ text-align: center;display:none; height: 58px; line-height: 58px; color: #595656; font-size:26px; overflow: hidden; } .mass_line{ width:160px;display:none; height: 1px; background: #cbcbcb; margin: 0 auto; position: relative; } .mass_line:after{ position: absolute;display:none; left: 50%; top: -1px; width:60px; height: 3px; background: #ec1c24; margin-left: -30px; content: '' } .mass_en{text-align: center;display:none; height: 45px; line-height: 45px; color: #595656; font-size:16px; overflow: hidden; text-transform: uppercase;} .quality .swiper {width: 100%;height: 100%;} .lity_dl{ background: #f8f8f8; border-radius: 5px; box-shadow: 0 0 10px #f3f3f4; } .lity_dl dt{ float: left; width: 520px; height: 340px; overflow: hidden; border-radius: 5px; margin-right: 42px; } .lity_dl dt img{width: 520px; height: 340px; overflow: hidden; border-radius: 5px;} .lity_dl dd{ float: left; width:736px; padding-top: 36px; } .lity_time{ height: 44px; line-height: 44px; overflow: hidden; font-size:18px; padding-left:28px;background:url(../images/jour.png) left center no-repeat; } .lity_tit{ display: block; height:62px;transition: all 0.5s ease 0s; line-height: 31px; font-size: 20px; overflow: hidden; } .lity_tit:hover{color: #ec1c24; transition: all 0.5s ease 0s;} .lity_zi{height: 60px; line-height: 30px; overflow: hidden; font-size:16px; margin-bottom: 24px; } .lity_see{ display: block; font-size: 18px;transition: all 0.5s ease 0s; text-indent: 30px;background:url(../images/jour1.png) 160px center no-repeat; border-radius: 10px; border: 1px solid #828282; width: 198px; height: 58px; line-height: 58px; } .lity_see:hover{color: #ec1c24; border: 1px solid #ec1c24; transition: all 0.5s ease 0s;background:url(../images/man5.png) 160px center no-repeat;} .quality .swiper-pagination{ display: none; } .quality .swiper-button-next:after,.quality .swiper-button-prev:after{ display: none; } .quality .swiper-button-next{background:url(../images/news_r.png) left center no-repeat!important; margin: 0!important; bottom: 92px!important; top: inherit!important; right: 45px!important; width: 9px!important; height: 17px!important; } .quality .swiper-button-prev{background:url(../images/news_l.png) left center no-repeat!important; margin: 0!important; bottom: 92px!important; top: inherit!important; left: inherit!important; right:100px!important; width: 9px!important; height: 17px!important; } .quality .swiper-button-next:hover{background:url(../images/news_r1.png) left center no-repeat!important;} .quality .swiper-button-prev:hover{background:url(../images/news_l1.png) left center no-repeat!important;} .quality{ padding-bottom: 60px;margin-bottom: 60px; border-bottom: 1px solid #e7e7e7; } .lity_ul{ margin: 0 0 0 -40px; } .lity_ul li{ float: left; margin: 0 0 60px 40px; width:420px; } .news_img{ border-radius: 5px; height: 280px;overflow: hidden; } .news_img img{ width: 420px; height: 280px; overflow: hidden; } .news_wrap{ background: #f8f8f8; padding:0 30px 34px; border-radius: 0 0 15px 15px; box-shadow: 0 0 10px #f3f3f4 } .news_time{ display: block; height:60px; line-height: 60px; font-size: 16px; overflow: hidden; padding-left: 28px;background:url(../images/jour.png) left center no-repeat; } .news_title{ height:50px;transition: all 0.5s ease 0s; line-height: 25px; overflow: hidden; margin-bottom:10px; display: block; font-size: 20px; } .news_zi{height:60px; margin-bottom: 12px; line-height: 30px; overflow: hidden; font-size:16px; } .news_see{ display: block;transition: all 0.5s ease 0s;height: 34px; line-height: 34px; overflow: hidden; width:100px; font-size: 18px; background:url(../images/jour1.png) right center no-repeat; } .news_title:hover,.notice_title:hover,.art_tit:hover{ color: #ec1c24; transition: all 0.5s ease 0s;} .news_see:hover,.not_r:hover{color: #ec1c24; background:url(../images/man5.png) right center no-repeat; transition: all 0.5s ease 0s;} .news_info{ padding: 32px 0 0 0; margin-bottom: 40px; } .rel_tit{ line-height: 66px; font-size: 24px; margin-bottom: 20px; padding:0 10px 10px; text-align: center; overflow: hidden; border-bottom: 1px solid #e7e7e7 } .rel_inner{ font-size: 16px; height:36px; line-height: 36px; text-align: center; color: #666666 } .piece{ padding:60px 0; border-top: 1px solid #e7e7e7; clear:both; } .piece_inner{ background: #f6f6f6; height:100px; border-radius: 5px; overflow: hidden; padding: 0 26px; } .piece_l{ width: 30%; float: left; height: 100px; line-height: 100px; overflow: hidden; font-size:20px;background:url(../images/news_l.png) left center no-repeat; padding-left: 30px; box-sizing: border-box; } .piece_r{width: 30%; float: right; height: 100px; line-height: 100px; overflow: hidden;text-align: right; font-size:20px;background:url(../images/news_r.png) right center no-repeat; padding-right: 30px; box-sizing: border-box; } .piece_end{width: 40%; float: left; text-align: center; height: 100px; line-height: 100px; overflow: hidden; font-size:20px;background:url(../images/end.png) 182px center no-repeat; } .piece_l:hover{background:url(../images/news_l1.png) left center no-repeat;color: #ec1c24;} .piece_r:hover{background:url(../images/news_r1.png) right center no-repeat; color: #ec1c24;} .piece_end:hover{background:url(../images/end1.png) 182px center no-repeat; color: #ec1c24;} .video{object-fit: fill!important; background: none!important; width:100%} .notice_dl{ margin-bottom:30px; box-shadow: 0 0 10px #eeeeee; padding: 26px 0; } .notice_dl dt{ float: left; width: 117px;background:url(../images/motline.jpg) right center no-repeat; margin-right: 30px; position: relative;} .not_day{ display: none; height:60px; line-height: 60px; font-size: 30px; text-align: center; } .not_year{ display: block; height:20px; line-height: 20px; font-size: 16px; text-align: center; } .notice_dl dt:after{ position: absolute; left: 0; top: 12px; width:2px; height: 12px; background: #dc1e29; content: ''; } .notice_dl dd{ float: left; width: 1154px; } .not_l{ float: left; width:886px; } .notice_title{ display: block;transition: all 0.5s ease 0s; height:38px; line-height: 38px; overflow: hidden; font-size:26px; } .not_div{height:34px; line-height: 34px; overflow: hidden; font-size:16px; color: #666666;} .not_r{ display: block; transition: all 0.5s ease 0s; float: right; height:30px; line-height: 30px; margin-top: 25px; font-size:14px; background:url(../images/jour1.png) right center no-repeat; width: 74px; } .about{background:url(../images/aboutbj.jpg) center top no-repeat; padding-bottom: 110px;} .about_show{ font-size: 14px; cursor: pointer; height:50px; line-height: 50px; width:100px; margin: 0 auto 60px; text-align: center;background:url(../images/about.png) center bottom no-repeat; display:none; } .aboutimg{ text-align: center; } .about_inner{ height: auto; overflow: hidden; } .about_inner.on{ height: auto; } .leader{/*background:url(../images/leaderbj.jpg) center bottom no-repeat; */padding-bottom: 110px;} .develop{background:url(../images/devebj.jpg) center bottom no-repeat; padding-bottom: 110px;} .develop_ul{background:url(../images/deve4.png) center 262px repeat-x; height: 564px;} .develop_ul li{ width: 338px; position: relative; float: left;background:url(../images/deve2.png) left bottom no-repeat; height: 272px; padding: 0 0 0 7px; box-sizing: border-box; margin-left:-90px; } .develop_ul li:nth-child(1){ margin-left:0px;} .deve_box{height: 257px; border-left: 1px solid #cbcbcb; padding: 0 30px; overflow-y:auto;overflow-x: hidden;} .develop_ul li:after{ position: absolute; left: 4px; top: 0; width:7px; height: 7px; border-radius: 7px; background: #ec1c24; content: '' } .deve_shi{ font-size: 16px; height:30px; line-height: 30px; color: #7e7d7f; overflow: hidden; display:none; } .deveimg{ width: 260px; height: 90px; overflow: hidden; margin-bottom: 12px; } .deveimg img{ width: 260px; height: 90px; overflow: hidden; } .devezi{ line-height: 26px; font-size:14px; color: #595656; } .deve_yare{ height:74px; line-height: 74px; overflow: hidden; color: #595656; font-size: 36px; } .yrea_i{ font-size: 16px; margin-left: 16px; } /* ::-webkit-scrollbar { width: 3px; height: 5px; height: 0.75rem; background-color: #F5F5F5; } ::-webkit-scrollbar-track { border-radius: 3px; background-color: #F5F5F5; } ::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ec1c24; } */ .develop_ul li:nth-child(even){ margin-top:258px; } .develop_ul li:nth-child(even){background:url(../images/deve2.png) left top no-repeat;} .develop_ul li:nth-child(even):after{ position: absolute; left: 4px; top: inherit; bottom: 0; width:7px; height: 7px; border-radius: 7px; background: #ec1c24; content: '' } .develop_ul li:nth-child(even) .deve_box{ margin-top: 15px; } .develop_inner{overflow-x:auto; width: 1340px;} .honor{ background: #f00; padding:20px 40px 40px; margin-bottom: 60px; } .honor_tit{ font-size: 26px; height:64px; line-height: 64px; overflow: hidden; position: relative; margin-bottom: 30px; } .honor_tit:after{ position: absolute; left: 0; bottom: 0; width:60px; height: 3px; background: #ec1c24; content: '' } .honor_ul li{ float: left; margin:0 0 30px 68px; width: 400px; } .honor_ul{ margin: 0 0 0 -68px; } .honor_img{ width: 400px; height: 252px; overflow: hidden; } .honor_img img{ width: 400px; height: 252px; overflow: hidden;transition: all 1s ease 0s; } .honor_ul li:hover .honor_img img{ transition: all 1s ease 0s; transform:scale(1.1);} .honor_title{ height: 86px; line-height: 86px; text-align: center; font-size: 20px; overflow: hidden; color: #595656; } /* .honor_inner{overflow-x:auto; width: 1260px;} */ .honordiv{ padding-bottom: 60px; } .massul{ padding: 0px 0 40px 0; } .massul li{ float: left; margin-right: 40px; } .massul li a{ display: block; font-size: 20px; height: 64px; line-height: 64px; overflow: hidden; position: relative; } .massul li a:after{position: absolute; left: 0; bottom: 0; width: 0px; height: 3px; background: #ec1c24; content: '';} .massul li a:hover:after,.massul li a.on:after{ width: 60px; transition: all 0.5s ease 0s; } .massul li a:hover,.massul li a.on{ color: #ec1c24 } .comp_r{ width: 610px;overflow: hidden; float: right; } .comp_r img{width: 610px; height: 300px; overflow: hidden;} .comp_l{ float: left; width: 642px; } .comp{ background: #f8f8f8; padding:30px 30px 10px; box-shadow: 0 0 10px #f0f3f6 } .comp_tit{ font-size: 26px; height:70px; line-height: 70px; overflow: hidden; } .comp_zi{ height:220px; overflow-y:auto; margin-bottom:10px; line-height: 34px; font-size: 16px; color: #595656; padding-right: 5px; } .comp_ul{ padding-top: 15px; border-top: 1px solid #cbcbcb; } .comp_ul li{ float: left; margin: 0 0 14px 0; } .comp_img{ height:22px; line-height: 22px; margin-right: 10px; float: left; } .comp_word{ float: left; height: 22px; line-height: 22px; font-size: 16px; overflow: hidden; } .comp_ul li:nth-child(1),.comp_ul li:nth-child(2){ margin-right: 74px; } .contact{background:url(../images/contbj.jpg) center top no-repeat; padding-bottom: 110px;} .ser_ul{ margin:0 0 86px -33px; display:none; } .ser_ul li{ float: left; background: #ffffff; width:310px; margin-left: 33px; height: 150px; border-bottom: 4px solid #e8eaee; padding: 0 30px; box-sizing: border-box; } .ser_t{ height:70px; overflow: hidden; border-bottom: 1px solid #dbdde1; margin-bottom: 14px; } .ser_l{ float: left; height: 70px; line-height: 70px; overflow: hidden; font-size: 24px; } .ser_r{ float: right;height: 70px; line-height: 70px; overflow: hidden; } .ser_b{ font-size:24px; height:52px; line-height: 52px; overflow: hidden; } .ser_ul li:nth-child(1) .ser_b{ font-size:16px; height:52px; line-height: 26px; overflow: hidden; } .way{ width: 1340px; height: 610px; position:relative} .way_inner{/*background:url(../images/headbj.png) center top repeat;*/ background:rgba(255,255,255,.8); position:absolute; width: 500px; height: 490px; padding: 16px 10px 0 30px; box-sizing: border-box; top:58px; right:60px; } .way_tit{ font-size: 24px;transition:0.5s ease 0s; height:76px; cursor:pointer; line-height: 76px; overflow: hidden; padding-left: 40px; background:url(../images/cont1.png) left center no-repeat; } .way_xia{ font-size: 20px; line-height: 30px; padding-left: 40px;} .way_ke{ font-size: 16px; height: 34px; line-height: 34px; color: #666666; padding-left: 40px; } .wayhe{padding-bottom: 26px; border-bottom: 1px solid #ebebeb} .way_div{ padding-right: 48px; overflow-y:auto; height: 446px; } .wayhe.on .way_tit{ color:#dc1e29; transition:0.5s ease 0s;} .art{ padding:30px 0 50px 0; } .art_l{ float: left; width:310px; border-radius: 5px; background: #f5f5f5; padding: 0 20px 44px; box-sizing: border-box; } .art_title{ font-size: 28px; height: 88px; margin-bottom: 12px; line-height: 88px; overflow: hidden; border-bottom: 1px solid #dddddd } .cata_ul li a{ display: block; height:56px; line-height: 56px; font-size: 20px; overflow: hidden;background:url(../images/art2.png) right center no-repeat; } .cata_ul li .drop a{ display: block; height:36px; line-height: 36px; overflow: hidden; font-size:16px; background:url(../images/art4.png) left center no-repeat; padding-left: 22px; } .cata_ul { padding-bottom: 20px;border-bottom: 1px solid #dddddd } .drop{ display: none; } .cata_ul li a.for{ color: #ec1c24;background:url(../images/art1.png) right center no-repeat; } .cata_ul li .drop a.on,.cata_ul li .drop a:hover{ color: #ec1c24;background:url(../images/art3.png) left center no-repeat;} .art_r{ float: right; width:980px; } .art_ul{ margin:0 0 0px -40px; } .art_ul li{ float: left; margin: 0 0 24px 40px; width:470px; } .art_img{ width: 470px; height: 320px; overflow: hidden; } .art_img img{ width: 470px; height: 320px; overflow: hidden;} .art_tit{ display: block; transition: all 0.5s ease 0s; height: 60px; line-height: 60px;overflow: hidden; font-size:24px; padding: 0 22px; box-sizing: border-box; } .man{ padding:30px 120px; } .hexinul .art_img{display:none;} .hexinul{ margin:0} .hexinul li{ float:none; width:100%; margin:0 0 10px 0;} .hexinul .art_tit{ padding:0;height:40px; line-height:40px; font-size:16px;} .man_ul{ margin:0 0 0 -2%; } .man_ul li{ float: left; padding: 0 0 0 2%; width: 25%;height: 760px; box-sizing: border-box; overflow: hidden; } .man_img{width: 390px;height: 760px; overflow: hidden; } .man_img img{width: 390px;height: 760px; overflow: hidden;} .man_hover{ position: absolute; z-index: 99; left: 0; bottom: 0; width: 100%; height: 100%; padding:0 20px; box-sizing: border-box; } .man_ul li a{ display: block; position: relative; } .man_pic{ display: block; text-align: center; margin-top: 142px;transition: all 0.5s ease 0s;} .man_zi{ height:400px; line-height: 33px; overflow: hidden; color: #fff; font-size:20px; } .man_line{ display: block; margin: 0 auto 20px; width:60px; height: 2px; background: rgba(255,255,255,0.4); } .man_tit{height: 102px; line-height: 102px; text-align: center; overflow: hidden; color: #fff; font-size: 30px; display: block;} .man_see{ display: block; margin: 0 auto; background: #fff url(../images/man5.png) 123px center no-repeat; width:160px; font-size: 14px; height: 45px; line-height: 45px; text-indent:30px; color: #e34851; border-radius: 45px; } .man_ul li a:after{ background:url(../images/manbj1.png) right center repeat; width: 100%; height: 0; transition: all 0.5s ease 0s; position: absolute; left: 0; top: 0; content: '' } .man_ul li:hover a:after{ height: 100%; transition: all 0.5s ease 0s; } .man_ul li:hover .man_pic{ margin-top: 92px; transition: all 0.5s ease 0s; } .tal_dl{ margin-bottom:0px; padding: 30px; background: #f5f5f5; } .tal_dl dt{ float: right; width:620px; height: 340px; overflow: hidden; margin-left: 43px; } .tal_dl dt img{ width:620px; height: 340px; overflow: hidden; } .tal_dl dd{ float: left; width:616px; height: 310px; overflow: hidden; font-size: 16px; line-height: 32px; padding-top: 30px; } .industry{ height:730px;background:url(../images/talbj.jpg) center top no-repeat; display:none; } .ind_ul li{ float: left; margin-right:48px; width:300px; height: 360px; overflow: hidden; position: relative; } .ind_img{ width: 300px; height: 360px; overflow: hidden; } .ind_img img{ width: 300px; height: 360px; overflow: hidden; } .ind_hover{ position: absolute; left: 0; bottom:20px; width: 100%; padding: 0 30px; box-sizing: border-box; } .ind_tit{ font-size: 24px; font-weight: bold; color: #fff; display: block; height:40px; line-height: 40px; overflow: hidden; } .ind_name{font-size: 14px; color: #fff; display: block; height:32px; line-height: 32px; overflow: hidden; } .ind_inner{ width: 1340px; overflow-x:auto; } .ind_ul{ padding-bottom: 58px; } .sta_zi{ text-align: left; font-size: 18px;line-height: 40px; margin-bottom: 20px; } .sta_inner{ background: #f5f5f5; padding: 26px 30px 0px; } .sta_ul{ margin-left: -36px; } .sta_ul li{ float: left; margin-left:36px; margin-bottom:20px; width: 293px; height: 284px; overflow: hidden; } .sta_ul li img{ width: 293px; height: 284px; overflow: hidden; } .sta_word{ text-align: center; font-size: 18px; height:70px; line-height: 70px; overflow: hidden; } .train_dl{ margin-bottom:10px; background: #f5f5f5 } .train_dl dt{ float: left; width:670px; height: 320px; overflow: hidden; } .train_dl dt img{width:670px; height: 320px; overflow: hidden; } .train_dl dd{ float: left; width:670px; height: 280px; overflow: hidden; font-size: 16px; line-height: 32px; padding:40px 30px 0; box-sizing: border-box; } .train{ margin-bottom: 80px; } .train_dl:nth-child(odd) dt{float: right} .put{height:414px;background:url(../images/putbj.jpg) center top no-repeat; } .put .mass_cn{text-align: left} .put .mass_line{ margin: 0 } .put .mass_en{ text-align: left; } .put_zi{ font-size: 18px; height:30px; line-height: 30px; overflow: hidden; margin-bottom: 30px; } .putsee{ display: block; font-size: 14px; color: #fff; width:160px; height: 45px;background:#dc1e29 url(../images/jour2.png) 124px center no-repeat; line-height: 45px; text-indent: 30px; border-radius: 45px; } .rel{ margin-bottom:30px;} /*.achieve{background: url(../images/joinbj.jpg) center top no-repeat; height:489px; position: relative; }*/ .ach_line{ display: none; background: url(../images/join.png) center top no-repeat; width: 63px; height: 41px; position: absolute; left: 50%; margin-left: -31.5px; bottom: 0; } .ach_div{ /*text-align: center; padding: 0 100px;*/ line-height: 36px; overflow: hidden; font-size:18px; } .joinbox{background:#f3f7f9 url(../images/join.jpg) center top no-repeat; padding: 204px 0 50px 0;} .accomplish{ background: url(../images/join2.jpg) center top no-repeat; height: 470px; padding: 0 70px; box-sizing: border-box; } .acc_left{ float: left; width: 494px; height:330px; overflow: hidden; margin-top: 60px; } .acc_right{ float: right; line-height: 470px; height: 470px; overflow: hidden; width:668px; } .acc_right img{ width: 668px; height: 385px; overflow: hidden; } .post_tit{ text-align: center;font-size: 38px; height:180px; line-height: 180px; overflow: hidden; } .recu ul{ cursor:pointer; background:#f3f4f8; height:200px; padding:0 20px; border-left: 6px solid #e6010e; position: relative; } .Requirement em{ font-size:22px;padding: 22px 0 10px 0; display: block; } .Requirement{ display:none; background: #f3f4f8; border-top: 10px solid #e4e7e9; padding:40px 20px 60px; line-height: 40px; font-size: 18px; box-shadow: 0 0 10px #e9ecee; } /* .recu ul.act{ background: #b71d21 } */ /* .recu ul.act li{ color: #fff; background: url(../images/join2.png) right center no-repeat; } */ .join_left{ float: left; width: 980px; } .join_tit{ display: block; height:44px; transition: all 0.5s ease 0s; line-height: 44px; overflow: hidden; font-size: 28px; padding-top: 32px; } .join_wrap{ height:40px; line-height: 40px; overflow: hidden; } .branch_i{ display: inline-block; font-size:18px; margin-right: 55px; } .join_post{ display: block; height:84px; line-height: 84px; overflow: hidden; font-size:18px; padding-left:24px; background: url(../images/join2.png) left center no-repeat; } .join_right{ float:right; padding-top:72px; } .join_see{ display: block; transition: all 0.5s ease 0s; width: 188px; height: 52px; line-height: 52px; text-indent: 43px; border: 1px solid #04192b;background: url(../images/join4.png) 136px center no-repeat; border-radius: 52px; color: #04192b; font-size:14px; } .recu dd{margin-bottom: 40px;} .pos_one{ position: absolute; left:130px; transition: all 0.5s ease 0s; background: url(../images/join1.png) center top no-repeat; width: 10px; height: 39px; display: none; bottom:-25px; } .pos_two{ position: absolute; right:130px; transition: all 0.5s ease 0s; background: url(../images/join1.png) center top no-repeat; width: 10px; height: 39px; display: none; bottom:-25px; } .recu ul.act .pos_one,.recu ul.act .pos_two{ display: block; transition: all 0.5s ease 0s; } .recu ul.act .join_tit{ color: #e6010e; transition: all 0.5s ease 0s; } .recu ul.act .join_see{background:#e6010e url(../images/join3.png) 136px center no-repeat; border: 1px solid #e6010e; color: #fff; transition: all 0.5s ease 0s; } .join_mall{ text-align: center; color: #fff; height: 70px; line-height: 70px; width: 100%; background: #e6010e; margin-top: 40px; } .jointitle{ font-size: 30px; text-align: center; height:130px; line-height: 130px; } .join{ padding-bottom: 50px; } .miss_tit{ font-size: 24px; text-align: center; height:50px; line-height: 50px; margin-bottom: 18px; overflow: hidden; } .miss_inner{ line-height:38px; text-align: center; font-size: 18px; color: #595656 } .miss{ padding-bottom: 34px; border-bottom: 1px solid #e7e7e7; margin-bottom:40px; } .begin .box{ padding: 0 50px; } .begin .sur_tit,.begin .med_tit,.begin .ass_tit{ font-size: 22px; } .begin .man{ padding: 90px 50px; } .navBg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; background: #222; background: rgba(34, 34, 34, .9); transition: all .5s ease 0s; transform: translate(-100%, 0); } .navBg.activenav { opacity: 1; transform: translate(0, 0); z-index: 9999; } .navTop { position: relative; z-index: 1; padding: 15px 10px; overflow: hidden; } .navClose { float: right; width: 30px; height: 30px; cursor: pointer; margin-right: -9px; } .navClose span { display: block; width: 100%; height: 1px; background: #FFF; transform-origin: left center } .navClose span:first-child { transform: rotate(45deg) } .navClose span:last-child { margin-top: 20px; transform: rotate(-45deg) } .navBot { position: absolute; top: 40px; right: 0; bottom: 0; left: 0; overflow: hidden; height: 100% } .navList { overflow: hidden; height: 100% } .navList li { width: 100%; height: auto; transition: all .5s ease 0s; transform: translate(0, 50px) } .navList li a { display: block; padding: 10px ; border: none; border-bottom: 1px solid rgba(255, 255, 255, .08); color: #fff; font-size: 16px; } .navList li a:hover { color: #ec1c24 } .activenav .navList li { opacity: 1; transform: translate(0, 0) } .activenav .navList li { transition-delay: .3s } .menuBg { position: absolute; top: 22px; right: 10px; z-index: 2; display: none; } .menuBtn img { margin: 6px auto 10px } .mBtnLine { font-size: 0; width: 20px; } .mBtnLine span { display: inline-block; vertical-align: top } .mBtnLine span:nth-child(2) { margin: -4px 3px 0 } .mBtnLine span { width: 100%; height: 2px; background: #ec1c24 } .mBtnLine span:nth-child(2) { margin: 5px 0; width: 80% } .logoanv { float: left; } .follow{ position: fixed; top: 40%; right:0px; z-index: 99999; } .follow_img{ width: 60px;background: #ec1c24; overflow: hidden; float: right; position: relative; z-index: 999; height: 60px; cursor: pointer; transition: all 0.5s ease 0s; line-height: 60px; display: block; text-align: center;border-radius: 60px; } .follow_div{ margin-bottom:20px;position: relative;transition: all 0.5s ease 0s; border-radius: 60px; overflow: hidden; } .follow_call{ position: absolute;border-radius: 60px; transition: all 0.5s ease 0s; width:0; text-indent:20px; right: -60px; top: 0px; height: 60px; line-height: 60px; font-size: 16px; color: #fff; background:#dc1e29; } .follow_div:hover{ width:204px; transition: all 0.5s ease 0s;} .fo_call:hover .follow_call{width:180px;right: 3px; transition: all 0.5s ease 0s;} .fo_ys:hover .ys_foll{width:200px;right: 3px; transition: all 0.5s ease 0s;} .callhead{ overflow: hidden; } .callewm{ background: none; } .a_banner{ position: relative; height:380px!important; width:100%; min-width:1340px;} .banner_cn{ font-size:52px; color:#fff; height:60px; line-height:60px; margin-bottom: 17px;} .banner_en{ font-size:18px; font-weight:bold; text-transform: uppercase; opacity:.4; color:#fff; height:32px; line-height:32px;} .banner_line{background: url(../images/bannerline.png) left center no-repeat; display: block; width: 30px; height: 4px; margin-top: 20px;} .bannerinner{ position:absolute; left:0; top:60%;height: 116px; margin-top: -58px; width: 100%;min-width:1200px; display:none; } .waywrap{ display: none;} .news_word{ margin-bottom: 30px;} .job{ position: absolute; left: 130px; top: 50%; height: 238px; margin-top: -109px; } .job_div{ margin-bottom:18px; overflow: hidden; display: block; } .job_cn{ height: 70px;text-align: left; line-height: 70px; overflow: hidden; color: #fff; font-size: 44px; } .job_i{ font-size: 50px; margin:0 14px; padding:0 12px; position: relative; } /*.job_i:after{ position: absolute; left: 0; bottom: 0; width: 100%; content: ''; height:12px; background: #bc384d; }*/ .job_en{ height:38px; line-height: 38px; text-align: left; text-transform: uppercase; font-size: 16px; color: #fff; opacity: .3; } .jobthec{ position: relative; z-index: 99; } .slides li.flex-active-slide .job_div:nth-child(1){-webkit-animation:bounceInUp 1.5s linear 0.2s both;-moz-animation:bounceInUp 1.5s linear 0.2s both; animation:bounceInUp 1.5s ease 0.2s both;} .slides li.flex-active-slide .job_div:nth-child(2){-webkit-animation:bounceInUp 1.5s linear 0.4s both;-moz-animation:bounceInUp 1.5s linear 0.4s both; animation:bounceInUp 1.5s ease 0.4s both;} .follow_inner{ padding: 20px 20px 1px; } .follow_inner:after{ background: #fff; position: absolute; right: 0; top: 0; width: 100px; height: 260px; content: ''; border-radius: 5px 0 0 5px; box-shadow: 0 0 10px #f0f0f1 } .foll{position: relative; z-index: 99; } .follow_end{ position: absolute; right: 100px; z-index: 999; bottom: 35px; background: url(../images/float.png)left top no-repeat; width: 20px;height: 30px; cursor: pointer; } .ons .follow_end{background: url(../images/float1.png)left top no-repeat;} .all .search{ margin: 30px 5px 0; } .all .nav_ul li{ margin-right: 5px; } .ueditor_baidumap,.ueditor_baidumap #dituContent{ width: 1340px!important; height: 610px!important; } .pagination-block{ padding: 30px 0; } .pagination_info{ font-size: 14px; } .leader_inner img{ width:auto!important; height:auto!important; max-width:100%!important} .strtegybox .mass_cn,.strtegybox .mass_line,.strtegybox .mass_en{ display:block} .strtegybox .mass{ padding-top: 70px;} .sitelogo{ font-size:28px; width:140px; height:70px; line-height:70px; padding-left:30px;background: url(../images/catalogo.png)left center no-repeat; color:#596a82; float:left} .navsubnav{ display: none; } .navList li .navsubnav a{ font-size:14px; text-indent:20px;} .begin .warp{ padding:0 50px; box-sizing: border-box;} .aboutimg img{ width:auto; height:auto; max-width:100%} .begin .develop_inner{ width:1240px;} .begin .honor_inner{ width:1160px;} .begin .comp_l{ width:592px;} .begin .comp_r{ width:560px;} .begin .contway{ width: 100%;min-width:1200px; overflow:hidden} .begin .way{ width:1240px;} .begin .lity_dl dd{ width:636px;} .begin .lity_ul li{ width:400px; margin-left:20px;} .begin .lity_ul{ margin-left: -20px;} .begin .art_r{ width:890px;} .begin .art_ul{ margin-left: -20px;} .begin .art_ul li{ margin-left:20px; width:435px;} .begin .art_img{ width: 100%;min-width:1200px;} .begin .art_img img{ width:auto; height:auto; max-width:100%} .begin .train_dl dt{ width:620px;} .begin .train_dl dt img{ width:620px;} .begin .train_dl dd{ width:620px;} .begin .sta_ul li{ width:268px;} .begin .sta_ul li img{ width:268px;} .begin .tal_dl dd{ width:516px; line-height:30px;} .begin .ind_inner{ width:1240px;} .begin .ind_ul li{ margin-right:20px;} .way_pc{ display:block} .way_phone{ display:none} .news_word img{ width:auto!important; height:auto!important; max-width:100%!important} .date1{ display:none} .notice .not_year{ height:80px; line-height:44px;} .artson{ width:950px; float:right} .notice{ overflow:hidden} .artson .notice_dl dd{ width:789px;} .artnews{ float: none; width: 100% } .artnews .notice_dl dd{ width: 1182px; } .artnews .not_l{ width: 1020px; } .grow{ width:720px; margin: 0 auto } .grow_ul{padding: 28px 0 0px 0;} .growinner{/* background: url(../images/grow1.png)center top no-repeat; */ padding-top: 25px;} .grow_div{ float: left; width:371px; background: url(../images/grow2.png) right 82px no-repeat; padding-right: 21px;position:relative; box-sizing: border-box; } .grow_inner{ line-height: 26px; overflow: hidden; font-size:14px; color: #595656 } .grow_time{ margin-bottom: 24px; height: 92px; position: relative; line-height: 92px; font-size:36px; color: #595656; border-bottom: 1px solid #cbcbcb } .grow_sub{ font-size:16px; margin-left: 16px; } .grow_time:after{ position: absolute; left: 0; bottom: -4px;background: url(../images/deve1.png)center top no-repeat; width: 7px; height: 7px; content: ''; } .grow_ul li:nth-child(even) .grow_div{ float: right; padding: 0 0 0 21px; background: url(../images/grow2.png) left 82px no-repeat; } .grow_ul li:nth-child(even) .grow_time{text-align: right} .grow_ul li:nth-child(even) .grow_time:after{ left: inherit; right: 0; } .grow_ul li:nth-child(even){ margin-top: -20px; } /* .grow_deve{ font-size: 18px; color: #fff; width:160px; background: url(../images/growsub.jpg) center top no-repeat; height: 56px; line-height: 56px; text-align: center; display: block; margin: 0 auto } */.growbox{ height: auto; transition: all 0.5s ease 0s; } .develop{ background: url(../images/devebj.jpg) center top no-repeat; background-size: cover; } .growbox.on{ height: auto; transition: all 0.5s ease 0s; } .grow_deve.up{background: url(../images/growsub1.jpg) center top no-repeat;} .growhe{background: url(../images/growbj.png)center top repeat-y; padding-bottom: 80px;} .yeargrow{ display: inline-block; transition: all 0.5s ease-in-out; font-size: 14px; line-height: 40px; color: #FFF; transition-delay: 0.0s; opacity: 0; text-align: center; width: 40px; transform: scale(0);background: #ec1c24; position: absolute; border-radius: 40px; top: 69px; right: -9px;} .grow_ul li:hover .yeargrow{transform: scale(1); height: 40px; opacity: 1; display: block;} .grow_ul li:nth-child(even) .yeargrow{ right: inherit; left:-9px; }¾Ã¾ÃÎçÒ¹ÎÞÂë³˿ƬÎçÒ¹¾«Æ·