@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 10px; } .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: 168px; line-height: 41px; border-radius: 25px; padding: 0 30px; font-size: 16px; position: relative; background: #fff url("../images/more1.png") no-repeat 120px 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 120px 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; width: 100%; 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 120px 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 120px 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: 40px; line-height: 1; margin-bottom: 15%; text-align: left; } .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; text-align: left; } .app_con .index_more { margin-top: 10%; } .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: 20%; 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; width: 80%; 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 { display: inline-block; padding: 0 20px; 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; flex-direction: column; justify-content: space-between; } .join_txt2 dl dd { color: #666; padding-left: 30px; line-height: 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; align-items: flex-start; flex-wrap: wrap; flex-direction: column; } .jointck_con1_fl { font-size: 30px; color: #333; line-height: 1; } .jointck_con1_fr { margin-top: 20px; } .jointck_con1_fr dl { display: flex; justify-content: space-between; } .jointck_con1_fr dl dd { color: #666; padding-left: 30px; margin-right: 20px; } .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 15px; overflow: hidden; display: flex; justify-content: space-between; align-items: center; } .common_fl_title p { font-size: 24px; font-weight: bold; color: #fff; } .common_fl_title span { font-size: 16px; 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) { .menupc li { margin: 0 8px; } .menupc li a { padding: 0 20px 0 5px; } .menupc li a i { right: 5px; } } @media (min-width:1601px) and (max-width:1700px) { .menupc li { margin: 0 10px; } .menupc li a { font-size: 17px; padding: 0 20px 0 5px; } .menupc li a i { right: 5px; } .yx a { padding-top: 24px; } .yx a img { height: 42px; } .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; } .menupc li a { font-size: 16px; padding: 0 15px 0 0; } .menupc li a i { right: 0; } .yx a { padding-top: 25px; } .yx img { height: 40px; } .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: 15px; padding: 0 15px 0 0; } .menupc li a i { right: 0; } .nav-fr { margin-left: 15px; } .nation { margin-left: 15px; padding-left: 15px; } .yx a { padding-top: 26px; } .yx img { height: 38px; } .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 8px; } .menupc li a { font-size: 15px; padding: 0 15px 0 0; } .menupc li a i { right: 0; } .nav-fr { margin-left: 15px; } .nation { padding-left: 15px; margin-left: 15px; } .yx a { padding-top: 24px; } .yx img { height: 34px; } .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; } .app_con .index_more{ margin-top: 10%; } } @media (min-width:1201px) and (max-width:1279px) { .app_txt dl dt{ margin-bottom: 10%; font-size: 30px; } .app_con .index_more{ margin-top: 5%; } .app_txt dl dd{ margin-bottom: 10px; } .container1 { width: 96%; } .container2 { width: 96%; } .menupc li { margin: 0 8px; } .menupc li a { font-size: 15px; padding: 0 15px 0 0; } .menupc li a i { right: 0; } .nav-fr { margin-left: 15px; } .nation { padding-left: 15px; margin-left: 15px; } .yx a { padding-top: 30px; } .yx img { height: 30px; } .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: 25%; } .news_fr_date p { font-size: 40px; } .news_fr_txt { width: 75%; 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%; } }