@charset "utf-8"; *, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:0; margin:0; padding:0; } #bsWXBox { box-sizing:content-box; } ul { list-style:none; } body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0; } a:link, a:visited { text-decoration:none; outline:0; color:#666 } a:hover, a:active, a:focus { color:#666; text-decoration:none } img { border:0; padding: 0; margin: 0; max-width:100%; } table { border-collapse:collapse; width:100% } h1, h2, h3, h4, h5, h6 { font-weight:normal; } input, textarea { font-size:14px; outline:0; overflow:hidden; font-family:arial, "microsoft yahei" } input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] { cursor:pointer; outline:0; border: none; } input[type='checkbox'], input[type='radio'] { position:relative; vertical-align:middle; } textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] { outline:0; color:#666; } input[type="submit"], input[type="reset"], input[type="button"], input[type='text'], select, button { -webkit-appearance:none } input, select, textarea { -webkit-appearance:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } ::-webkit-input-placeholder { color:#333; } :-moz-placeholder { color:#333; opacity:1; } ::-moz-placeholder { color:#333; opacity:1; } :-ms-input-placeholder{ color:#333; } .clearfix:after { clear:both; height:0; content:""; line-height:0; font-size:0; display:block } .clear { clear:both; } body { font-family:arial, "microsoft yahei"; font-size:14px; color:#666; line-height:1.5; width:100%; background:#fff; -webkit-tap-highlight-color:transparent; -webkit-text-size-adjust: none; } .fl { float:left; } .fr { float:right; } .pic{ position: relative; overflow: hidden; width: 100%; } .pic:after{ content: ''; display: block; padding-bottom: 100%; } .pic img{ transition: .5s; } .middleCenter { position:absolute; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%; display:block; vertical-align:middle; text-align:center; margin:auto } .tp{ overflow: hidden; } .tp img{ display: block; max-width: 100%; height: auto; margin: auto; transition: .5s; } .container1 { width: 90.4%; margin: 0 auto; } header { width:100%; margin:0 auto; } .daohang { display:block; width:100%; margin:0 auto; height:90px; clear:both; background-color: #fff; } .yx { float:left; } .yx a { display:block; padding-top: 18px; } .yx img { max-width:100%; height:auto; } .navdaohang { float:right; } .menupc li{ float: left; text-align: center; line-height:90px; z-index: 9; position:relative; margin: 0 20px; } .menupc li:hover a{ color: #ca1019; } .menupc li:hover a:after{ width: 100%; } .menupc li a{ display:block; color: #111; font-size: 18px; z-index: 999; padding: 0 25px 0 10px; position: relative; } .menupc li:first-child a{ padding: 0 10px; } .menupc li a:after{ content: ''; display: block; width: 0; height: 2px; background-color: #ca1019; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; transition: .5s; } .menupc li a:hover:after{ width: 100%; } .menupc li a:hover{ color: #ca1019; } .menupc li a i{ position: absolute; right: 10px; top: 0; background: url("../images/jt.png") no-repeat center; width: 10px; height: 100%; transition: .5s; } .menupc li .current{ color: #ca1019; } .menupc li .current:after{ width: 100%; } .menupc ul{ background-color: rgba(255,255,255,.8); position: absolute; display:none; overflow: hidden; z-index: 999; width:171px; border-radius: 5px; padding: 20px 30px; left: 50%; transform: translate(-50%, 0); } .menupc li:last-child ul{ width:139px; } .menupc ul.xialas{ width: 360px; padding: 20px 0; } .menupc ul.xialas .xiala{ float: left; width: 50%; border-right: 1px solid #ccc; padding: 0 25px; } .menupc ul.xialas .xiala:last-child{ border-right: none; } .menupc ul li{ float: none; position: static; text-align: left; background:none; line-height: 35px; width:100%; margin: 0; } .menupc ul li a{ display: block; font-size: 16px; position:relative; color:#333 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0 0 15px; background: url("../images/njt.png") no-repeat left center; } .menupc ul li:first-child a { padding: 0 0 0 15px; } .menupc ul li a:after{ display: none !important; } .menupc ul li a:hover{ color: #ca1019 !important; } .menupc ul li .current{ color: #ca1019 !important; } .menupc ul.subnav { display: block; } .nav-fr{ float: right; margin-top: 34px; margin-left: 28px; } .nation{ float: right; background: url("../images/li.jpg") no-repeat left center; padding-left: 22px; margin-left: 22px; } .nation a{ display: block; font-size: 16px; color: #666; text-align: center; background: url("../images/cn.png") no-repeat left center; padding-left: 31px; } .nation a:hover{ color: #c8a355; } .header-search { float: left; } .header-search .pull-right { float:right; cursor:pointer; } .header-search .pull-right a { display:block; width: 23px; line-height: 23px; height: 23px; position: relative; } .header-search .pull-right a:after{ content: ''; display: block; width: 23px; height: 100%; background: url(../images/search.png) no-repeat center; position: absolute; top: 0; right: 0; } /*.header-search .pull-right a.active{ background-color: #fff; } .header-search .pull-right a.active:after{ background: url(../images/search1.png) no-repeat center; }*/ .search { z-index: 9; position: relative; } .search .btn-search-max { z-index: 2; -webkit-transition: All .2s ease-in-out; transition: All .2s ease-in-out; position: relative } .search .btn-search-max * { display: inline-block; vertical-align: middle } .search .search-main { top: 57px; right: 0; z-index: 9; width: 360px; display: none; padding: 18px 30px 18px 19px; position: absolute; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); } .search-container { padding-left: 0; overflow: hidden; position: relative; } .search-container .form-control { text-align: left; border: 1px solid #ad9a84; box-shadow: none; border-radius: 0; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -mz-border-radius: 0; font-size: 14px; color: #808080; line-height: 41px; height: 41px; vertical-align: top; padding: 0 85px 0 25px; -webkit-appearance: none; background-color: #fff; border-radius: 25px; } .search-container .form-control:focus { box-shadow: 0 0 10px #ccc; } .search-container .btn { top: 0; border: 0; right: 0; color: #fff; width: 60px; height: 41px; line-height: 41px; text-align: center; position: absolute; cursor: pointer; border-radius: 0 25px 25px 0; background: #ca1019 url(../images/overlay-icon.png) no-repeat center center; } #search-closed { right: 0; top: 23.5px; max-width: 30px; position: absolute; cursor: pointer } /*鎵嬫満瀵艰埅*/ .phone-nav { position:absolute; font-size:30px; right:15px; top:0px; line-height:60px; display:none; color:#666; } .phone-nav img{ height: 30px; margin-top: 15px; display: block; } .header a[href="#page"] { display:none!important; } .mm-opened .header a[href="#page"] { display:block!important; } .mm-opened .header a[href="#mmenu"] { display:none!important; } #mmenu { z-index:9999; } #mmenu li .home-search { float:left; margin-left:20px; width:90%; background-color:#fff; padding-left:0; overflow:hidden; margin-top:10px; position:relative } #mmenu li .home-search .keyword { text-align:left; border:0; box-shadow:0; border-radius:0; width:86%; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -mz-border-radius:0; font-size:14px; color:#999; line-height:20px; vertical-align:top; padding:6px 86px 6px 10px; -webkit-appearance:none; background-color:#fff; border:1px solid #ccc } #mmenu li .home-search .keyword:focus { transition:border linear .2s, box-shadow linear .5s; -moz-transition:border linear .2s, -moz-box-shadow linear .5s; -webkit-transition:border linear .2s, -webkit-box-shadow linear .5s; outline:0; border:1px solid #0a78bc; } #mmenu li .home-search .btn-sub { top:0; border:0; right:0; color:#ca1019; width:42px; height:34px; line-height:34px; text-align:center; position:absolute; cursor:pointer; border-radius:0; background:#ca1019 url(../images/search3.png) no-repeat center center; } .container-fluid { margin-left:auto; margin-right:auto; padding:0 15px; } /*swiper鐨刡anner*/ .home-banner { width:100%; margin: 0 auto; position:relative; } .swiper-container { width: 100%; height: 100%; position: relative; } .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .banners a{ display: block; } .banners a img{ display: block; width: 100%; height: auto; } .home-banner .swiper-container .swiper-pagination{ display: block; bottom: 5px; right: 0px; } .home-banner .swiper-container .swiper-pagination-bullet{ width: 8px; height: 8px; background-color: transparent; border: 1px solid #fff; opacity: 1; outline: none; margin: 0px 13px; border-radius: 25px; } .home-banner .swiper-container .swiper-pagination-bullet-active{ background-color: #da5e46; border: 1px solid #da5e46; } .home-banner .swiper-button-next, .home-banner .swiper-button-prev{ display: block; position: absolute; top: 50%; width: 55px; height: 54px; margin-top: -27px; z-index: 10; cursor: pointer; outline: none; background: url("../images/ban_l.png") no-repeat left center; } .home-banner .swiper-button-prev:hover,.home-banner .swiper-button-next:hover{ background: url("../images/ban_lh.png") no-repeat left center; } .home-banner .swiper-button-prev{ left: 1.5%; right: auto; } .home-banner .swiper-button-next{ right: 1.5%; left: auto; transform:rotateY(180deg); } @media(max-width:1200px) { .daohang{ height:60px; } .yx a{ padding-top: 15px; } .yx img{ height: 30px; } .phone-nav { display:block; } .navdaohang { display:none; } .nav-fr{ margin-top: 18px; padding-right: 45px; } .header-search{ display: none; } .nation{ background: none; margin-left: 0; } } .container2{ width: 1400px; margin: 0 auto; } footer{ width: 100%; margin: 0 auto; background-color: #111; overflow: hidden; } .footer2{ border-top: 1px solid #292929; overflow: hidden; padding: 34px 0; } .footer2 p{ text-align: center; line-height: 24px; color: #a3a3a3; } .footer2 p a{ color: #a3a3a3; } .footer2 p a:hover{ color: #ca1019; } .footer1{ padding: 40px 0; overflow: hidden; } .footer1_fl{ float: left; width: 25%; padding-right: 0%; border-right: 1px solid #454545; } .footer1_fl_t{ margin-bottom: 55px; } .footer1_fl_t a{ display: block; } .footer1_fl_t a img{ display: block; max-width: 100%; height: auto; } .footer1_fl_b li{ margin-bottom: 20px; overflow: hidden; } .footer1_fl_b li h3{ color: #fff; font-size: 16px; padding-left: 33px; margin-bottom: 5px; line-height: 21px; } .footer1_fl_b li h3.ftel{ background: url("../images/ftel.png") no-repeat left center; } .footer1_fl_b li h3.fmail{ background: url("../images/fmail.png") no-repeat left center; } .footer1_fl_b li p{ color: #a3a3a3; } .footer1_fr{ float: right; width: 10%; } .footer1_fr img{ display: block; max-width: 100%; height: auto; margin: auto; } .footer1_fr p{ text-align: center; color: #fff; margin-top: 10px; } .footer1_fc{ float: left; width: 65%; padding: 0 5%; } .footer1_fc li{ float: left; width: 25%; padding: 0 10px; line-height: 1; text-align: center; } .footer1_fc li a{ display: block; font-size: 16px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .menulist{ margin-top: 20px; overflow: hidden; } .menulist li{ float: none; width: 100%; padding: 0; line-height: 30px; } .menulist li a{ display: block; font-size: 14px; color: #a3a3a3; } .menulist li a:hover{ color: #ca1019; } .top{ position: fixed; right: 0; bottom: 0; } .home-proline{ width: 100%; margin: 0 auto; background-color: rgba(202,16,25,.85); padding: 45px 0 50px 0; position: absolute; left: 0; bottom: 0; z-index: 999; } .home-proline .container2{ display: flex; justify-content: space-between; align-items: center; } .index_title{ line-height: 1; } .index_title p{ font-size: 30px; font-weight: bold; color: #111; } .index_title p span{ font-size: 24px; color: #999; text-transform: uppercase; padding-left: 20px; } .index_title:after{ content: ''; display: block; width: 53px; height: 2px; background-color: #999; margin-top: 19px; } .index_more a{ display: block; width: 148px; line-height: 41px; border-radius: 25px; padding: 0 30px; font-size: 16px; position: relative; background: #fff url("../images/more1.png") no-repeat 100px center; transition: .5s; } .index_more a p{ color: #ca1019; position: relative; z-index: 999; } .index_more a:hover p{ color: #fff; } .index_more a:after{ content: ''; display: block; width: 0; height: 100%; background: #ca1019 url("../images/more2.png") no-repeat 100px center; border-radius: 25px; position: absolute; top: 0; left: 0; transition: .5s; } .index_more a:hover:after{ width: 100%; } .home-pro{ width: 100%; margin: 0 auto; } .bg{ width: 100%; margin: 70px auto 0 auto; background: url("../images/bg.jpg") no-repeat center 51px; background-size: cover; } .home-pro{ width: 100%; margin: 0 auto; } .pro_con{ margin: 40px 0; position: relative; } .pro_con .swiper-slide{ display: initial; } .pros a{ display:block; overflow: hidden; position: relative; } .pros a .pic:after{ padding-bottom: 133.33%; } .pros a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .pro_txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; text-align: center; transition: .5s; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 0; padding: 0 20px; } .pro_txt:after{ content: ''; display: block; width: 0; height: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; transition: .5s; background-color: rgba(202,16,25,.85); z-index: -1; } .pros a:hover .pro_txt:after{ width: 100%; } .pro_txt1{ font-size: 24px; line-height: 1; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pro_txt2{ transform: rotateY(0deg); transition: .5s; margin-top: 45px; } .pros a:hover .pro_txt2{ transform: rotateY(90deg); height: 0; margin-top: 0; } .pro_txt3{ line-height: 25px; height: 0; overflow: hidden; transform: rotateY(90deg); transition: .5s; } .pros a:hover .pro_txt3{ transform: rotateY(0deg); height: 75px; margin-top: 35px; } .pro_con .swiper-button-next1, .pro_con .swiper-button-prev1{ display: block; position: absolute; top: 50%; width: 61px; height: 61px; margin-top: -30px; z-index: 10; cursor: pointer; outline: none; background: url("../images/pjt.png") no-repeat center; text-align: center; border-radius: 50%; border: 2px solid #ddd; } .pro_con .swiper-button-next1:hover ,.pro_con .swiper-button-prev1:hover{ background: url("../images/pjt_h.png") no-repeat center; border: 2px solid #ca1019; } .pro_con .swiper-button-prev1{ left: -8%; right: auto; } .pro_con .swiper-button-next1{ right: -8%; left: auto; transform: rotateY(-180deg); } .home-pro .index_more a{ background: #ca1019 url(../images/more2.png) no-repeat 100px center; margin: 0 auto; } .home-pro .index_more a p{ color: #fff; } .home-pro .index_more a:hover p{ color: #ca1019; } .home-pro .index_more a:after{ background: #fff url("../images/more1.png") no-repeat 100px center; } .home-application{ width: 100%; margin: 0 auto; padding: 70px 0; overflow: hidden; } .app_title{ display: flex; justify-content: space-between; align-items: center; } .app_nav{ } .app_nav li{ float: left; margin-left: 20px; } .app_nav li a{ display: block; width: 120px; line-height: 40px; padding: 0 5px; color: #333; font-size: 16px; background-color: #eee; border-radius: 25px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .5s; } .app_nav li a:hover{ color: #fff; background-color: #ca1019; } .app_nav li a.current{ color: #fff; background-color: #ca1019; } .app_con{ margin-top: 40px; position: relative; } .app_con .swiper-slide{ display: initial; position: relative; } .app_txt{ position: absolute; left: 0; top: 0; background-color: rgba(202,16,25,.85); width: 403px; height: 100%; color: #fff; text-align: justify; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 20px; } .app_txt dl dt{ font-size: 48px; line-height: 1; margin-bottom: 35%; } .app_txt dl dd{ margin-bottom: 20px; overflow: hidden; } .app_txt dl dd a{ display: flex; flex-direction: row; align-items: center; color: #fff; transition: .5s; } .app_txt dl dd a:hover{ text-decoration: underline; } .app_txt dl dd a img{ width: 32px; height: 28px; } .app_txt dl dd a p{ font-size: 18px; padding-left: 25px; } .app_con .index_more{ margin-top: 15%; } .app_con .swiper-button-next2, .app_con .swiper-button-prev2{ display: block; position: absolute; top: 50%; width: 61px; height: 61px; margin-top: -30px; z-index: 10; cursor: pointer; outline: none; background: url("../images/pjt.png") no-repeat center; text-align: center; border-radius: 50%; border: 2px solid #ddd; } .app_con .swiper-button-next2:hover ,.app_con .swiper-button-prev2:hover{ background: url("../images/pjt_h.png") no-repeat center; border: 2px solid #ca1019; } .app_con .swiper-button-prev2{ left: -8%; right: auto; } .app_con .swiper-button-next2{ right: -8%; left: auto; transform: rotateY(-180deg); } .home-news{ width: 100%; margin: 0 auto; background-color: #f5f5f5; padding: 70px 0; overflow: hidden; } .news_con{ margin-top: 65px; } .news_con_fl{ float: left; width: 43%; } .news_con_fl a{ display: block; } .news_con_fl a .pic:after{ padding-bottom: 73.66%; } .news_fl_txt{ background-color: #ddd; padding: 30px 34px; overflow: hidden; } .news_fl_txt1{ line-height: 25px; overflow: hidden; } .news_fl_txt1 p{ float: left; font-size: 16px; color: #666; width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_fl_txt1 span{ float: right; font-size: 12px; color: #999; } .news_fl_txt2{ color: #666; line-height: 25px; height: 50px; overflow: hidden; margin: 10px 0; } .news_fl_txt3{ color: #ca1019; } .news_con_fl a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .news_con_fl a:hover .news_fl_txt1 p{ color: #ca1019; } .news_con_fr{ float: right; width: 51%; } .news_con_fr li{ margin-bottom: 10px; overflow: hidden; } .news_con_fr li a{ display: flex; align-items: center; background-color: #ddd; overflow: hidden; padding: 20px 50px 20px 0; transition: .5s; } .news_con_fr li a:hover{ background-color: #ca1019; } .news_fr_date{ width: 134px; text-align: center; color: #999; } .news_con_fr li a:hover .news_fr_date{ color: #fff; } .news_fr_date p{ font-size: 48px; line-height: 0.8; margin-bottom: 10px; } .news_fr_txt{ border-left: 1px solid #ccc; flex: 1; padding-left: 39px; color: #666; } .news_con_fr li a:hover .news_fr_txt{ color: #fff; } .news_fr_txt1{ font-size: 16px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_fr_txt2{ line-height: 25px; height: 50px; overflow: hidden; margin: 10px 0; } /*鍏徃绠€浠?/ .inner-banner{ width: 100%; margin: 0 auto; position: relative; } .inner-banner img{ display: block; width: 100%; height: auto; margin: auto; } .ban_info{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .ban_info h3{ font-size: 40px; color: #fff; line-height: 1; } .ban_info h3:after{ content: ''; display: block; width: 50px; height: 2px; background-color: #fff; margin: 35px auto 0 auto; } .inner-main{ width: 100%; margin: 0 auto; } .inner_nav{ padding: 18px 0; overflow: hidden; box-shadow: 0 0 7px rgba(0,0,0,.12); } .inner_nav ul{ display: flex; justify-content: center; } .inner_nav ul li{ line-height: 24px; background: url("../images/ili.jpg") no-repeat right center; } .inner_nav ul li:last-child{ background: none; } .inner_nav ul li a{ display: block; color: #333; padding: 0 44px; } .inner_nav ul li a:hover{ color: #ca101a; } .inner_nav ul li a.current{ color: #ca101a; } .inner_about{ margin: 70px 0; overflow: hidden; } .inner_title{ text-align: center; } .inner_title h3{ font-size: 30px; font-weight: bold; color: #333; line-height: 1; } .inner_title h3:after{ content: ''; display: block; width: 29px; height: 2px; background-color: #333; margin: 15px auto; } .inner_title p{ line-height: 1; font-size: 20px; color: #888; text-transform: capitalize; } .iabout{ margin-top: 35px; } .iabout1{ color: #666; line-height: 30px; } .iabout2{ margin: 50px 0 40px 0; overflow: hidden; } .iabout2 ul{ display: flex; justify-content: center; flex-wrap: wrap; } .iabout2 ul li{ width: 22%; text-align: center; } .iabout2_txt{ font-size: 16px; color: #666; margin-top: 10px; } .iabout3{ } .iabout3 img{ display: block; max-width: 100%; height: auto; margin: auto; } /*鑱旂郴鎴戜滑*/ .inner_contact{ margin: 80px 0 70px 0; overflow: hidden; } .icontact{ margin-bottom: 30px; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .icontact_fl{ width: 38%; } .icontact_fl dl{ margin-bottom: 35px; overflow: hidden; } .icontact_fl dl dt{ width: 170px; line-height: 55px; color: #fff; font-size: 24px; background-color: #ca1019; border-radius: 10px; text-align: center; margin-bottom: 15px; } .icontact_fl dl dd{ font-size: 16px; color: #333; line-height: 25px; margin-bottom: 5px; padding-left: 25px; } .icontact_fl dl dd span{ color: #666; } .icontact_fl dl dd.c1{ background: url("../images/c1.png") no-repeat left 4px; } .icontact_fl dl dd.c2{ background: url("../images/c2.png") no-repeat left center; } /* .icontact_fl dl dd.c3{ background: url("../images/c3.png") no-repeat left center; } */ .icontact_fr{ width: 56%; } .icontact_fr img{ display: block; max-width: 100%; height: auto; margin: auto; } .ifeedback{ margin-top: 40px; } .lx1{ margin-bottom: 28px; display: flex; flex-wrap: wrap; justify-content: space-between; } .lx1s{ width: 48%; border: 1px solid #ccc; background-color: #f7f7f7; position: relative; line-height: 57px; height: 59px; } .lx1s label{ position: absolute; left: 28px; font-size: 16px; color: #666; } .lx1s input{ border: none; width: 100%; height: 57px; line-height: 57px; background-color: transparent; padding-left: 80px; color: #666; font-size: 16px; } .lx2{ margin-bottom: 28px; width: 100%; border: 1px solid #ccc; background-color: #f7f7f7; position: relative; height: 311px; } .lx2 label{ position: absolute; left: 28px; font-size: 16px; color: #666; line-height: 57px; } .lx2 textarea{ border: none; width: 100%; height: 100%; line-height: 30px; background-color: transparent; padding: 14px 14px 14px 115px; color: #666; font-size: 16px; resize: none; } .lx3{ margin-bottom: 40px; width: 48%; border: 1px solid #ccc; background-color: #f7f7f7; position: relative; height: 59px; line-height: 57px; } .lx3 label{ position: absolute; left: 28px; font-size: 16px; color: #666; } .lx3 input{ border: none; width: 100%; height: 57px; line-height: 57px; background-color: transparent; padding-left: 95px; color: #666; font-size: 16px; } .lx3 a{ position: absolute; right: 0; top: 0; } .lx3 a img{ height: 57px; width: auto; } .lx4{ text-align: center; } .lx4 input{ width: 148px; height: 41px; line-height: 41px; border: none; background: #ca1019 url("../images/more2.png") no-repeat 100px center; border-radius: 25px; padding: 0 30px; color: #fff; text-align: left; transition: .5s; } .lx4 input:hover{ box-shadow:inset 0 0 0 .2rem rgba(255, 255, 255, .4); } /*璐ㄩ噺浣撶郴*/ .inner_quality{ padding: 65px 0 30px 0; overflow: hidden; background: url("../images/qualitybg.jpg") no-repeat center; background-size: cover; } .iquality1{ margin: 35px 0 65px 0; overflow: hidden; } .iquality1 img{ display: block; max-width: 100%; height: auto; margin: auto; } .iquality2{ margin-top: 40px; } .iquality2 img{ display: block; max-width: 100%; height: auto; margin: auto; } /*鍥㈤槦椋庨噰*/ .inner_team{ padding: 70px 0; overflow: hidden; background-color: #f7f7f7; } .iteam{ margin-top: 40px; } .iteam ul{ display: flex; flex-wrap: wrap; } .iteam ul li{ width: 33.3%; padding: 0 20px; margin-bottom: 40px; } .iteams{ cursor: default; background-color: #fff; padding: 34px 34px 0 34px; overflow: hidden; } .iteams .pic:after{ padding-bottom: 75.26%; } .iteam_txt{ padding: 15px 5px; text-align: center; font-size: 16px; color: #333; line-height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .iteams:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .iteams:hover .iteam_txt{ color: #ca1019; } /*鍒嗛〉*/ .common_fr .pagination{ margin-top: 30px; } .pagination{ text-align:center; color:#666; clear:both; } .pagination a{ display:inline-block ; color: #888; text-align: center; text-transform: capitalize; padding:0px 10px; line-height:28px; margin:0px 1px 10px 1px; border: 1px solid #ccc; border-radius: 5px; } .pagination a:hover{ color:#fff; background-color:#ca1019; border: 1px solid #ca1019; } .pagination a.active { color:#fff; background-color: #ca1019; border: 1px solid #ca1019; } /*鑽h獕璧勮川*/ .inner_honor{ margin: 70px 0; overflow: hidden; } .ihonor{ margin-top: 45px; } .ihonor ul{ display: flex; flex-wrap: wrap; } .ihonor ul li{ width: 25%; padding: 0 15px; margin-bottom: 30px; } .ihonor ul li a{ display: block; transition: .5s; } .ihonor ul li a .pic{ border: 2px solid #eee; } .ihonor ul li a .pic:after{ padding-bottom: 74.69%; } .ihonor_txt{ text-align: center; padding: 0 5px; font-size: 16px; color: #333; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ihonor ul li a:hover{ box-shadow: 0 0 7px rgba(0,0,0,.12); } .ihonor ul li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .ihonor ul li a:hover .ihonor_txt{ color: #ca1019; } /*鏂伴椈涓績*/ .inner_news{ margin: 70px 0; overflow: hidden; } .inews{ margin: 45px 0 20px 0; overflow: hidden; } .inews li{ margin-bottom: 30px; overflow: hidden; } .inews li a{ display: flex; align-items: center; background-color: #ddd; overflow: hidden; padding: 20px 50px 20px 0; transition: .5s; } .inews li a:hover{ background-color: #ca1019; } .inews li a:hover .news_fr_date{ color: #fff; } .inews li a:hover .news_fr_txt{ color: #fff; } /*鏂伴椈璇︽儏*/ .inner_newsshow{ margin: 70px 0; overflow: hidden; } .show_title{ text-align: center; padding-bottom: 25px; border-bottom: 1px dashed #bfbfbf; } .show_title h3{ font-size: 20px; font-weight:normal; text-align: center; color: #333; padding-bottom: 10px; line-height: 28px; } .show_title span{ color:#949494; margin:0px 10px; font-size:14px; padding-left:20px; } .browse{ background:url(../images/browse.png) no-repeat left center; } .date{ background:url(../images/date.png) no-repeat left center; } .show_content{ line-height:28px; color:#4b4b4b; padding:25px 0px; border-bottom:1px dashed #bfbfbf; font-size: 15px; } .show_content video{ width: 100%; height: auto; } .show_content img{ display: block; margin-right: auto; margin-left: auto; max-width: 100%; height: auto; } .show_back{ padding-top:20px; } .show_back_fl{ float: left; width: 70%; overflow:hidden; } .show_back_fl li{ margin-bottom:2px; line-height:25px; color:#4d4d4d; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:15px; } .show_back_fl li a{ color:#868686; font-size:15px; } .show_back_fl li a:hover{ color: #ca1019; } .show_back_fr{ overflow:hidden; float: right; width: 10%; } .show_back_fr a{ display:block; line-height:46px; color:#fff; font-size:15px; background: #ca1019 url(../images/return.png) no-repeat 20px center; padding-right:25px; text-align: right; } /*鍙戝睍鍘嗙▼*/ .inner_process{ padding: 70px 0; background: url("../images/processbg.jpg") no-repeat center; background-size: cover; overflow: hidden; } .iprocess{ } .iprocess_nav{ margin: 40px 0 35px 0; overflow: hidden; } .iprocess_nav ul{ display: flex; justify-content: center; } .iprocess_nav ul li{ width: 20%; } .iprocess_nav ul li a{ display: block; width: 120px; margin: 0 auto; line-height: 38px; border: 1px solid #ccc; border-radius: 5px; text-align: center; font-size: 16px; color: #333; } .iprocess_nav ul li a:hover{ color: #fff; border: 1px solid #ca1019; background-color: #ca1019; } .iprocess_nav ul li a.current{ color: #fff; border: 1px solid #ca1019; background-color: #ca1019; } .iprocess_con{ position: relative; } .iprocess_con:before{ content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 50%; background-color: #999; } .iprocess_con ul{ position: relative; padding: 75px 0; } .iprocess_con ul:before{ content: ''; display: block; background: url("../images/circle0.png") no-repeat center; width: 27px; height: 26px; position: absolute; top: 0; left: 49%; } .iprocess_con ul:after{ content: ''; display: block; background: url("../images/circle1.png") no-repeat center; width: 27px; height: 26px; position: absolute; bottom: 0; left: 49%; } .iprocess_con ul li{ margin-bottom: 35px; overflow: hidden; position: relative; cursor: default; } .iprocess_con ul li:last-child{ margin-bottom: 0; } .iprocess_con ul li:before{ content: ''; display: block; background: url("../images/circle.png") no-repeat center; width: 15px; height: 15px; position: absolute; top: 20px; left: 49.5%; } .iprocess_con ul li:hover:before{ background: url("../images/circle_h.png") no-repeat center; } .iprocess_con ul li:nth-child(odd) .lc_txt{ text-align: left; margin: 0 0 0 auto; } .iprocess_con ul li:nth-child(even) .lc_txt{ text-align: right; margin: 0 auto 0 0; } .lc_txt{ width: 47%; color: #606060; } .iprocess_con ul li:hover .lc_txt{ color: #ca1019; } .lc_txt1{ font-size: 24px; font-weight: bold; line-height: 1; margin-bottom: 10px; } .lc_txt2{ font-size: 16px; line-height: 30px; } /*鍔犲叆鍗庤姱*/ .inner_join{ margin: 70px 0; overflow: hidden; } .ijoin{ margin-top: 40px; } .ijoin ul{ display: flex; flex-wrap: wrap; } .ijoin ul li{ width: 33.3%; padding: 0 28px; margin-bottom: 40px; } .ijoin ul li a{ display: block; box-shadow: 0 0 13px rgba(0,0,0,.11); border-radius: 10px; padding: 35px; transition: .5s; } .join_txt1{ font-size: 16px; color: #333; } .join_txt2{ margin: 15px 0; } .join_txt2 dl{ display: flex; justify-content: space-between; } .join_txt2 dl dd{ color: #666; padding-left: 30px; } .join_txt2 dl dd.j1{ background: url("../images/j1.png") no-repeat left center; } .join_txt2 dl dd.j2{ background: url("../images/j2.png") no-repeat left center; } .join_txt2 dl dd.j3{ background: url("../images/j3.png") no-repeat left center; } .join_txt3{ color: #666; line-height: 25px; height: 75px; overflow: hidden; } .join_txt4{ margin-top: 40px; display: block; width: 121px; line-height: 34px; border-radius: 25px; padding: 0 21px; position: relative; background: #ca1019 url(../images/more2.png) no-repeat 85px center; transition: .5s; } .join_txt4:after{ content: ''; display: block; width: 0; height: 100%; background: #fff url(../images/more1.png) no-repeat 85px center; border-radius: 25px; position: absolute; top: 0; left: 0; transition: .5s; } .join_txt4 p{ color: #fff; position: relative; z-index: 999; } .ijoin ul li a:hover{ background-color: #ca1019; } .ijoin ul li a:hover .join_txt1{ color: #fff; } .ijoin ul li a:hover .join_txt2 dl dd{ color: #fff; } .ijoin ul li a:hover .join_txt2 dl dd.j1{ background: url("../images/j1_h.png") no-repeat left center; } .ijoin ul li a:hover .join_txt2 dl dd.j2{ background: url("../images/j2_h.png") no-repeat left center; } .ijoin ul li a:hover .join_txt2 dl dd.j3{ background: url("../images/j3_h.png") no-repeat left center; } .ijoin ul li a:hover .join_txt3{ color: #fff; } .ijoin ul li a:hover .join_txt4:after{ width: 100%; } .ijoin ul li a:hover .join_txt4 p{ color: #ca1019; } /*鎷涜仒寮瑰嚭妗?/ .jointck{ position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); top: 0; z-index: 9999; display: none; } .jointcks{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .jointckss{ position: absolute; width: 880px; height: 595px; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background-color: #fff; padding: 65px; border-radius: 25px; } .jointck_close{ position: absolute; right: -50px; top: -50px; } .jointck_con{ } .jointck_con1{ border-bottom: 1px solid #ccc; padding-bottom: 18px; overflow: hidden; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .jointck_con1_fl{ font-size: 30px; color: #333; line-height: 1; } .jointck_con1_fr{ } .jointck_con1_fr dl{ display: flex; justify-content: space-between; } .jointck_con1_fr dl dd{ color: #666; padding-left: 30px; margin-left: 60px; } .jointck_con1_fr dl dd.j1{ background: url("../images/j1.png") no-repeat left center; } .jointck_con1_fr dl dd.j2{ background: url("../images/j2.png") no-repeat left center; } .jointck_con1_fr dl dd.j3{ background: url("../images/j3.png") no-repeat left center; } .jointck_con2{ margin-top: 35px; height: 381px; } .jointck_con2s{ color: #666; line-height: 25px; } .style3::-webkit-scrollbar-track{ background-color: #ddd; } .style3::-webkit-scrollbar{ width: 3px; background-color: #ddd; } .style3::-webkit-scrollbar-thumb{ background-color: #ca1019; } @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } /*缂栫▼鍔╂墜涓嬭浇*/ .inner_program{ margin-top: 70px; overflow: hidden; } .iprogram{ width: 700px; margin: 40px auto; } .iprogram_title{ background-color: #ca1019; line-height: 50px; padding: 0 30px; font-size: 16px; color: #fff; border-radius: 20px 20px 0 0; } .iprogram_con{ border-radius: 0 0 20px 20px; box-shadow: 0 0 7px rgba(0,0,0,.15); padding: 18px 30px; min-height: 214px; } .iprogram_con li{ line-height: 25px; background: url("../images/yuan.png") no-repeat left 8px; padding-left: 16px; } .iprogram_con li a{ display: block; color: #333; } .iprogram_con li a:hover{ text-decoration: underline; } /*浜у搧绾夸粙缁?/ .inner_proline{ margin: 95px 0 70px 0; overflow: hidden; } .iproline{ margin-top: 38px; } .iproline ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .iproline li{ width: 48%; margin-bottom: 40px; } .iproline li a{ display: block; background-color: #f5f5f5; overflow: hidden; } .iproline li a .pic{ float: left; width: 232px; height: 175px; } .iproline li a .pic:after{ padding-bottom: 75.43%; } .iproline_txt{ margin-left: 232px; padding: 25px 30px; overflow: hidden; } .iproline_txt1{ font-size: 16px; color: #333; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .iproline_txt2{ color: #606060; line-height: 25px; height: 50px; overflow: hidden; margin: 10px 0 15px 0; } .iproline_txt3{ width: 114px; line-height: 31px; background: #ca1019 url("../images/more1.png") no-repeat 80px center; border-radius: 25px; padding: 0 20px; color: #fff; } .iproline li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .iproline li a:hover .iproline_txt1{ color: #ca1019; } /*浜у搧绾夸粙缁嶈鎯?/ .inner_prolineshow{ margin: 70px 0; overflow: hidden; } /*搴旂敤鏂规*/ .inner_application{ margin: 70px 0; overflow: hidden; } .common_fl{ float: left; width: 26%; } .common_fl_title{ background-color: #ca1019; padding: 28px 30px; overflow: hidden; display: flex; justify-content: space-between; align-items: center; } .common_fl_title p{ font-size: 30px; font-weight: bold; color: #fff; } .common_fl_title span{ font-size: 24px; color: #ebbabb; text-transform: uppercase; } .pinfo{ overflow: hidden; } .pinfo li{ overflow:hidden; position:relative; margin-top: 3px; } .pinfo li a{ display:block; font-size:16px; color:#333; background-color:#ccc; line-height:59px; padding: 0 30px; overflow:hidden; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; } .pinfo li a:hover{ color:#fff; background-color:#ca1019; } .pinfo li .more{ position: absolute; right: 30px; padding:0; top: 0; border:none; width:90%; height:59px; cursor: pointer; background: url(../images/p.png) no-repeat right center; display: block; z-index: 5; } .pinfo ul li a:hover.more { background:url(../images/p.png) no-repeat right center; } .pinfo ul li:hover .more { background:url(../images/p_h.png) no-repeat right center; } .pinfo .er{ display:none; margin-top: 3px; } .pinfo .er li{ } .pinfo .er li a { color: #666; font-size:14px; line-height:59px; font-weight:normal; background: #eee url("../images/er.png") no-repeat left center; padding: 0 30px 0 73px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pinfo .nav-show .er { display:block; } .pinfo .nav-show .er li{ } .pinfo .nav-show .er li a { color: #666; font-size:14px; line-height:59px; font-weight:normal; background: #eee url("../images/er.png") no-repeat 60px center; padding: 0 33px 0 73px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pinfo .nav-show .er li a:hover { color: #ca1019; } .pinfo .nav-show:hover .more { background:url(../images/p_h.png) no-repeat right center; } .pinfo .nav-show a{ color:#fff; background-color:#ca1019; } .pinfo .nav-show .more{ background:url(../images/p_h.png) no-repeat right center; } .common_fr{ float: right; width: 72%; } .iapp1{ text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 15px; font-size: 30px; color: #ca1019; line-height: 1; } .iapp2{ color: #666; line-height: 30px; margin: 15px 0 35px 0; } .iapp2 img{ display: block; max-width: 100%; height: auto; margin: auto; } .iapp3 ul{ display: flex; justify-content: space-between; align-items: center; } .iapp3 ul li a{ display: block; font-size: 16px; } .iapp3 ul li a.iapp3_1{ width: 101px; line-height: 41px; color: #333; background: #f5f5f5 url("../images/l.png") no-repeat 17px center; padding-left: 37px; } .iapp3 ul li a.iapp3_2{ color: #ca1019; } .iapp3 ul li a.iapp3_3{ width: 101px; line-height: 41px; color: #333; background: #f5f5f5 url("../images/r.png") no-repeat 79px center; padding-left: 17px; } .tool_nav{ } .tool_nav li{ margin-top: 3px; } .tool_nav li a{ display: block; font-size: 16px; color: #333; background-color: #ccc; line-height: 59px; padding: 0 30px; position: relative; } .tool_nav li a:after{ content: ''; display: block; width: 13px; height: 100%; background: url("../images/p.png") no-repeat center; position: absolute; right: 30px; top: 0; } .tool_nav li a:hover{ color: #ca1019; } .tool_nav li a:hover:after{ background: url("../images/p_hh.png") no-repeat center; } .tool_nav li a.current{ color: #ca1019; } .tool_nav li a.current:after{ background: url("../images/p_hh.png") no-repeat center; } .tool_title{ background-color: #ca1019; padding: 15px 20px; overflow: hidden; position: relative; } .tool_title p{ font-size: 24px; color: #fff; background: url("../images/p1.png") no-repeat left center; padding-left: 44px; line-height: 25px; position: relative; } .tool_title p:after{ content: ''; display: block; background: url("../images/p_h.png") no-repeat center; width: 13px; height: 100%; position: absolute; top: 0; right: 0; } .tool_con{ margin: 10px 0 40px 0; overflow: hidden; } table { border:1px solid #ccc; border-collapse:collapse; color: #666; } tr,td{ border:1px solid #ccc; line-height: 25px; padding: 15px 5px; text-align: center; } /*td a:hover{ color: #ca1019; }*/ .scroll{ display: none; text-align: center; margin-bottom: 20px; color: #ca1019; font-size: 16px; } /*浜у搧璇︽儏*/ .iproshow_title{ background-color: #ca1019; padding: 15px 20px; overflow: hidden; position: relative; } .iproshow_title p{ font-size: 24px; color: #fff; background: url("../images/p2.png") no-repeat left center; padding-left: 44px; line-height: 25px; } .iproshow_con{ margin-top: 40px; } .iproshow1{ margin-bottom: 70px; overflow: hidden; } .iproshow1_fl{ float: left; width: 47%; } .iproshow1_fl .pic:after{ padding-bottom: 75%; } .iproshow1_fr{ float: right; width: 49%; } .iproshow1_fr1{ font-size: 30px; color: #666; border-bottom: 1px solid #eee; padding-bottom: 15px; line-height: 1; text-transform: uppercase; } .iproshow1_fr2{ margin-top: 30px; color: #666; line-height: 35px; } .iproshow2{ margin-top: 40px; overflow: hidden; } .iproshow2_title{ border-bottom: 1px solid #ca1019; overflow: hidden; } .iproshow2_title p{ width: 152px; line-height: 47px; background-color: #ca1019; border-radius: 8px 8px 0 0; text-align: center; font-size: 18px; color: #fff; } .iproshow2_con{ margin: 35px 0; color: #666; line-height: 30px; } /*浜у搧涓績*/ .inner_pro{ margin: 95px 0 70px 0; overflow: hidden; } .inner_pro .pinfo .er li a{ background: #eee url(../images/er1.jpg) no-repeat left center; padding: 0 30px 0 41px; } .inner_pro .pinfo .nav-show .er li a{ background: #eee url(../images/er1.jpg) no-repeat 30px center; padding: 0 30px 0 41px; } .iproshow_title.pro p{ position: relative; } .iproshow_title.pro p:after{ content: ''; display: block; background: url(../images/p_h.png) no-repeat center; width: 13px; height: 100%; position: absolute; top: 0; right: 0; } .ipro_con{ } .ipro_con tr{ background-color: #f5f5f5; } .ipro_con tbody tr.detail:hover{ background-color: #f5f5f5; } .ipro_con tbody tr:hover{ background-color: #e0dede; } .ipro_con tr.jtopen{ background-color: #e0dede; } .ipro_con tr td a.title{ background: url("../images/projt.png") no-repeat right center; display: block; text-align: left; min-width: 100px; } .ipro_con tr.jtopen td a.title{ background: url("../images/projt_h.png") no-repeat right center; /*color: #ca1019;*/ } .ipro_con tr.detail{ display: none; } .ipro_con tr.detail td{ text-align: justify; padding: 23px 13px 65px 13px; color: #666; line-height: 30px; } .ipro_con tr.show{ display: table-row; } .ipro_con tr.detail a{ margin-top: 20px; display: block; width: 124px; line-height: 41px; border-radius: 25px; padding: 0 22px; text-align: left; position: relative; background: #ca1019 url("../images/more2.png") no-repeat 85px center; transition: .5s; } .ipro_con tr.detail a p{ color: #fff; position: relative; z-index: 999; } .ipro_con tr.detail a:hover p{ color: #ca1019; } .ipro_con tr.detail a:after{ content: ''; display: block; width: 0; height: 100%; background: #fff url("../images/more1.png") no-repeat 85px center; border-radius: 25px; position: absolute; top: 0; left: 0; transition: .5s; } .ipro_con tr.detail a:hover:after{ width: 100%; } /*寮€鍙戝伐鍏蜂粙缁?/ .inner_download{ margin: 70px 0 25px 0; overflow: hidden; } .idownload{ margin: 35px 0 15px 0; overflow: hidden; } .idownload ul{ display: flex; flex-wrap: wrap; justify-content: space-between; } .idownload ul li{ width: 48%; margin-bottom: 25px; } .idownload ul li a{ display: flex; align-items: center; background-color: #f5f5f5; } .idownload_fl{ width: 84px; height: 77px; background-color: #ca1019; display: flex; flex-direction: column; justify-content: center; align-items: center; } .idownload_fr{ flex: 1; font-size: 16px; color: #000; padding: 0 39px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .idownload ul li a:hover .idownload_fr{ color: #ca1019; } /*浜у搧瑙嗛浠嬬粛*/ .inner_video{ margin: 70px 0 25px 0; overflow: hidden; } .ivideo{ margin-top: 40px; } .ivideo ul{ display: flex; flex-direction: row; flex-wrap: wrap; } .ivideo ul li{ width: 25%; margin-bottom: 37px; padding: 0 7px; } .ivideo ul li a{ display: block; } .ivideo_t{ position: relative; } .ivideo_t .pic:after{ padding-bottom: 69.56%; } .sp{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .sp img{ width: 49px; height: 49px; } .ivideo ul li a:hover .ivideo_t .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .ivideo_b{ background-color: #f3f3f3; overflow: hidden; padding: 20px 0; } .ivideo_b h3{ text-align: center; font-size: 16px; color: #000; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ivideo ul li a:hover .ivideo_b h3{ color: #c9060d; } /*鎼滅储*/ .inner_search{ margin: 70px 0 50px 0; overflow: hidden; } .isearch_con{ margin-top: 30px; } .isearch_con ul{ display: flex; flex-wrap: wrap; } .isearch_con li{ width: 25%; padding: 0 20px; margin-bottom: 30px; } .isearch_con li a{ display: block; background-color: #f5f5f5; overflow: hidden; padding: 25px 20px; } .isearch_con li a h3{ font-size: 16px; color: #333; position: relative; line-height: 25px; margin-bottom: 10px; padding-left: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .isearch_con li a h3:before{ content: ''; display: block; width: 3px; height: 15px; background-color: #ca1019; position: absolute; left: 0; top: 5px; } .isearch_con li a p{ color: #666; padding-left: 15px; } .isearch_con li a:hover h3{ color: #ca1019; } @media (min-width:1701px) and (max-width:1800px){ } @media (min-width:1601px) and (max-width:1700px){ .menupc li{ margin: 0 12px; } .pro_con .swiper-button-prev1{ left: -5%; } .pro_con .swiper-button-next1{ right: -5%;; } .app_con .swiper-button-prev2{ left: -5%; } .app_con .swiper-button-next2{ right: -5%; } } @media (min-width:1501px) and (max-width:1600px){ .menupc li{ margin: 0 10px; } .yx a{ padding-top: 22px; } .yx img{ height: 46px; } .pro_con .swiper-container{ width: 90%; } .pro_con .swiper-button-prev1{ left: 0; } .pro_con .swiper-button-next1{ right: 0; } .app_con .swiper-button-prev2{ left: 0; } .app_con .swiper-button-next2{ right: 0; } } @media (min-width:1401px) and (max-width:1500px){ .container2{ width: 90.4%;; } .menupc li{ margin: 0 10px; } .menupc li a{ font-size: 16px; } .yx a{ padding-top: 24px; } .yx img{ height: 42px; } .pro_con .swiper-container{ width: 90%; } .pro_con .swiper-button-prev1{ left: 0; } .pro_con .swiper-button-next1{ right: 0; } .app_con .swiper-button-prev2{ left: 0; } .app_con .swiper-button-next2{ right: 0; } } @media (min-width:1280px) and (max-width:1400px){ .container1{ width: 94%; } .container2{ width: 94%; } .menupc li{ margin: 0 10px; } .menupc li a{ font-size: 16px; } .yx a{ padding-top: 26px; } .yx img{ height: 38px; } .pro_con .swiper-container{ width: 88%; } .pro_con .swiper-button-prev1{ left: 0; } .pro_con .swiper-button-next1{ right: 0; } .app_con .swiper-button-prev2{ left: 0; } .app_con .swiper-button-next2{ right: 0; } .ijoin ul li{ padding: 0 20px; } } @media (min-width:1201px) and (max-width:1279px){ .container1{ width: 96%; } .container2{ width: 96%; } .menupc li{ margin: 0 10px; } .menupc li a{ font-size: 16px; } .yx a{ padding-top: 29px; } .yx img{ height: 32px; } .pro_con .swiper-container{ width: 88%; } .pro_con .swiper-button-prev1{ left: 0; } .pro_con .swiper-button-next1{ right: 0; } .app_con .swiper-button-prev2{ left: 0; } .app_con .swiper-button-next2{ right: 0; } .ijoin ul li{ padding: 0 20px; } } @media(max-width:1200px) { .container1{ width:100%; margin:0 auto; padding-left:15px; padding-right:15px; } .container2{ width:100%; margin:0 auto; padding-left:15px; padding-right:15px; } .show_content img{ display:block; max-width:100%; height:auto; margin: auto; } .footer1_fl{ padding-right: 4%; } .top{ display: none !important; } .home-proline{ padding: 25px 0; } .bg{ margin: 50px auto 0 auto; } .pro_con .swiper-container{ width: 85%; } .pro_txt1{ font-size: 20px; } .pro_con .swiper-button-prev1{ left: 0; } .pro_con .swiper-button-next1{ right: 0; } .home-application{ padding: 50px 0; } .app_nav{ display: none; } .app_txt dl dt{ font-size: 36px; margin-bottom: 35px; } .app_txt dl dd{ margin-bottom: 15px; } .app_con .swiper-button-prev2{ left: 0; } .app_con .swiper-button-next2{ right: 0; } .app_con .index_more{ margin-top: 35px; } .home-news{ padding: 50px 0; } .news_con{ margin-top: 45px; } .ban_info h3{ font-size: 30px; } .ban_info h3:after{ margin: 20px auto 0 auto; } .inner_nav ul li a{ padding: 0 30px; } .inner_about{ margin: 50px 0; } .inner_contact{ margin: 50px 0; } .icontact{ margin-bottom: 50px; } .icontact_fl{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .icontact_fl dl{ width: 48%; } .icontact_fr{ width: 100%; } .inner_team{ padding: 50px 0; } .iteam ul li{ padding: 0 15px; margin-bottom: 30px; } .iteams{ padding: 25px 25px 0 25px; } .inner_honor{ margin: 50px 0; } .inner_news{ margin: 50px 0; } .inner_newsshow{ margin: 50px 0; } .show_back_fr{ width: 12%; } .inner_process{ padding: 50px 0; } .inner_join{ margin: 50px 0; } .ijoin ul li{ padding: 0 15px; margin-bottom: 30px; } .jointckss{ width: 80%; height: 80%; padding: 35px; } .jointck_con1_fr dl dd{ margin-left: 30px; } .inner_program{ margin-top: 50px; } .inner_proline{ margin: 50px 0; } .inner_application{ margin: 50px 0; } /*.common_fl{ width: 300px; }*/ .common_fl_title{ padding: 25px; } .common_fl_title p{ font-size: 22px; } .common_fl_title span{ font-size: 20px; } .pinfo .er li a{ padding: 0 30px 0 41px; } .pinfo .nav-show .er li a{ background: #eee url(../images/er.png) no-repeat 30px center; padding: 0 30px 0 41px; } /*.common_fr{ margin-left: 330px; }*/ .iapp1{ font-size: 26px; } .scroll{ display: block; } .inner_pro{ margin: 50px 0; } .iproshow1{ margin-bottom: 50px; } .iproshow1_fr1{ font-size: 24px; } .iproshow1_fr2{ margin-top: 20px; line-height: 30px; } .iproshow2{ margin-top: 0; } .inner_download{ margin: 50px 0 25px 0; } .idownload_fr{ padding: 0 25px; } .inner_video{ margin: 50px 0 25px 0; } .inner_search{ margin: 50px 0; } .isearch_con li{ padding: 0 10px; } } @media(max-width:768px) { .footer1_fl{ padding-right: 0; width: 22%; border-right: none; } .footer1_fc{ width: 68%; padding: 0 5%; } .index_title p{ font-size: 24px; } .index_title p span{ font-size: 20px; } .pro_con .swiper-button-next1, .pro_con .swiper-button-prev1{ width: 50px; height: 50px; margin-top: -25px; } .app_txt{ width: 320px; } .app_con .swiper-button-next2, .app_con .swiper-button-prev2{ width: 50px; height: 50px; margin-top: -25px; } .app_txt dl dt{ font-size: 26px; margin-bottom: 20px; } .app_txt dl dd a p{ font-size: 16px; padding-left: 15px; } .app_con .index_more{ margin-top: 5px; } .news_con_fr li a{ padding: 20px 20px 20px 0; } .news_fr_date{ width: 100px; } .news_fr_date p{ font-size: 40px; } .news_fr_txt{ padding-left: 25px; } .inner_nav ul li a{ padding: 0 15px; } .inner_title h3{ font-size: 26px; } .iabout2 ul li{ width: 25%; } .ban_info h3{ font-size: 26px; } .lx2{ height: 200px; } .iteam ul li{ padding: 0 10px; margin-bottom: 30px; } .iteams{ padding: 15px 15px 0 15px; } .ihonor ul li{ padding: 0 10px; margin-bottom: 30px; } .show_back_fr{ width: 15%; } .iprocess_con ul:before{ left: 48.5%; } .iprocess_con ul:after{ left: 48.5%; } .iprocess_con ul li:before{ left: 49%; } .ijoin ul li{ padding: 0 10px; } .ijoin ul li a{ padding: 15px; } .join_txt4{ margin-top: 20px; } .jointckss{ padding: 25px; } .jointck_con1_fl{ font-size: 24px; } .iprogram{ width: 100%; } .iproline li{ width: 100%; } .inner_prolineshow{ margin: 50px 0; } .iproshow1_fl{ float: none; width: 100%; } .iproshow1_fr{ float: none; width: 100%; margin-top: 20px; } .idownload ul li{ width: 100%; } .ivideo ul li{ margin-bottom: 20px; } .ivideo{ margin: 40px 0 20px 0; } .common_fl{ width: 35%; } .common_fr{ width: 61%; } .isearch_con li{ width: 50%; } } @media(max-width:600px) { .footer1{ padding: 30px 0; } .footer1_fl{ float: none; width: 100%; } .footer1_fc{ float: none; width: 100%; padding: 0; overflow: hidden; } .footer1_fr{ margin-top: 20px; float: none; width: 100%; } .footer1_fl_t{ margin-bottom: 20px; } .footer1_fl_t a img{ margin: auto; } .menulist{ display: none; } .footer2{ padding: 15px 0; } .home-proline{ position: inherit; } .home-proline .container2{ flex-direction: column; } .index_title p{ font-size: 20px; } .index_title p span{ font-size: 16px; } .home-proline .index_more{ margin-top: 20px; } .bg{ margin: 30px auto 0 auto; background: url(../images/bg.jpg) no-repeat center 41px; } .pro_con{ margin: 20px 0; } .pro_con .swiper-container{ width: 70%; } .pro_con .swiper-button-next1, .pro_con .swiper-button-prev1{ width: 46px; height: 46px; margin-top: -23px; } .home-application{ padding: 30px 0; } .app_con{ margin-top: 20px; } .app_txt{ position: inherit; width: 100%; padding: 20px; } .app_txt dl dt{ font-size: 22px; } .app_con .swiper-button-next2, .app_con .swiper-button-prev2{ width: 46px; height: 46px; margin-top: -23px; } .home-news{ padding: 30px 0; } .news_con{ margin-top: 20px; } .news_con_fl{ float: none; width: 100%; } .news_con_fr{ float: none; width: 100%; margin-top: 20px; } .ban_info h3{ font-size: 22px; } .ban_info h3:after{ width: 30px; margin: 10px auto 0 auto; } .inner_about{ margin: 30px 0; } .inner_title h3{ font-size: 20px; } .inner_title p{ font-size: 16px; } .iabout{ margin-top: 20px; } .iabout2{ margin: 20px 0; } .iabout2 ul li{ width: 33.3%; } .iabout2_txt{ font-size: 14px; } .inner_contact{ margin: 30px 0; } .icontact{ margin-bottom: 20px; } .icontact_fl dl dt{ width: 120px; line-height: 45px; font-size: 18px; } .icontact_fl dl{ width: 100%; margin-bottom: 15px; } .ifeedback{ margin-top: 20px; } .lx1{ margin-bottom: 0; } .lx1s{ width: 100%; margin-bottom: 15px; } .lx1s label{ left: 15px; } .lx1s input{ padding-left: 70px; } .lx2{ margin-bottom: 15px; height: 150px; } .lx2 label{ left: 15px; } .lx2 textarea{ padding: 14px 14px 14px 105px; } .lx3{ width: 100%; margin-bottom: 25px; } .lx3 label{ left: 15px; } .lx3 input{ padding-left: 85px; } .inner_quality{ padding: 30px 0; } .iquality1{ margin: 20px 0 30px 0; } .iquality2{ margin-top: 20px; } .inner_team{ padding: 30px 0; } .iteam{ margin: 20px 0 10px 0; } .iteam ul li{ width: 50%; padding: 0 5px; margin-bottom: 15px; } .iteams{ padding: 5px 5px 0 5px; } .iteam_txt{ padding: 10px 5px; } .inner_honor{ margin: 30px 0; } .ihonor{ margin: 20px 0 10px 0; } .ihonor ul li{ width: 50%; padding: 0 5px; margin-bottom: 15px; } .inner_news{ margin: 30px 0; } .inews{ margin: 20px 0 10px 0; } .inews li{ margin-bottom: 15px; } .inews li a{ padding: 20px 20px 20px 0; } .inner_newsshow{ margin: 30px 0; } .show_title{ padding-bottom: 20px; } .show_back_fr{ width: 25%; } .show_back_fr a{ background: #ca1019 url(../images/return.png) no-repeat 10px center; padding-right: 15px; } .inner_process{ padding: 30px 0; } .iprocess_nav ul li{ width: 50%; } .iprocess_nav{ margin: 20px 0; } .iprocess_con:before{ left: 13px; } .iprocess_con ul{ padding: 50px 0; } .iprocess_con ul:before{ left: 0; } .iprocess_con ul:after{ left: 0; } .lc_txt{ width: 90%; } .iprocess_con ul li{ margin-bottom: 15px; } .iprocess_con ul li:before{ left: 6px; } .iprocess_con ul li:nth-child(even) .lc_txt{ text-align: left; margin: 0 0 0 auto; } .lc_txt1{ font-size: 20px; margin-bottom: 5px; } .inner_join{ margin: 30px 0; } .ijoin{ margin: 20px 0 10px 0; } .ijoin ul li{ width: 100%; padding: 0; margin-bottom: 20px; } .ijoin ul li a{ padding: 20px; } .jointckss{ padding: 15px; border-radius: 15px; } .jointck_close{ right: -33px; top: -33px; } .jointck_con1{ padding-bottom: 10px; } .jointck_con1_fl{ font-size: 16px; width: 100%; margin-bottom: 10px; } .jointck_con1_fr dl dd{ margin-left: 0; } .jointck_con2{ margin-top: 20px; height: 200px; } .inner_program{ margin-top: 30px; } .iprogram{ margin: 20px auto 30px auto; } .inner_proline{ margin: 30px 0; } .iproline{ margin: 20px 0 10px 0; } .iproline li{ margin-bottom: 15px; } .iproline li a .pic{ float: none; width: 100%; height: auto; } .iproline_txt{ margin-left: 0; padding: 20px 15px; } .inner_prolineshow{ margin: 30px 0; } .inner_application{ margin: 30px 0; } .common_fl{ float: none; width: 100%; } .common_fr{ float: none; width: 100%; margin-top: 20px; } .common_fl_title{ padding: 15px; } .common_fl_title p{ font-size: 20px; } .common_fl_title span{ font-size: 18px; } .pinfo li a{ line-height: 45px; padding: 0 15px; } .pinfo li .more{ height: 45px; right: 15px; } .pinfo .er li a{ line-height: 40px; padding: 0 15px 0 30px; } .pinfo .nav-show .er li a{ line-height: 40px; background: #eee url(../images/er.png) no-repeat 15px center; padding: 0 15px 0 30px; } .iapp1{ font-size: 20px; } .tool_title p{ font-size: 20px; padding-left: 34px; } .tool_con{ margin: 10px 0; } .iproshow_title p{ font-size: 20px; padding-left: 34px; } .inner_pro{ margin: 30px 0; } .iproshow_con{ margin-top: 20px; } .iproshow1{ margin-bottom: 20px; } .iproshow1_fr1{ font-size: 20px; } .iproshow2_title p{ font-size: 16px; } .iproshow2_con{ margin: 25px 0; } .inner_pro .pinfo .er li a{ padding: 0 15px 0 30px; } .inner_pro .pinfo .nav-show .er li a{ background: #eee url(../images/er1.jpg) no-repeat 15px center; padding: 0 15px 0 30px; } .inner_download{ margin: 30px 0 25px 0; } .idownload{ margin: 20px 0 15px 0; } .idownload ul li{ margin-bottom: 15px; } .idownload_fl{ width: 77px; } .idownload_fr{ padding: 0 15px; } .inner_video{ margin: 30px 0 25px 0; } .ivideo{ margin: 20px 0; } .ivideo ul li{ width: 50%; padding: 0 5px; margin-bottom: 15px; } .inner_search{ margin: 30px 0 20px 0; } .isearch_con{ margin-top: 20px; } .isearch_con li{ width: 100%; padding: 0; margin-bottom: 15px; } .isearch_con li a{ padding: 20px; } } @media(max-width:414px) { .nation{ display: none; } } @media(max-width:375px) { } @media(max-width:320px) { .show_back_fl{ width: 65%; } .show_back_fr{ width: 30%; } }