锘?* reset */ html { height: 100% ;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;} body { min-height: 100% } body { _height: 100% } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 } li { list-style-type: none } h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; } iframe, frame, fieldset, img { border: 0 none } img { vertical-align: top } input[type=button], input[type=submit], input[type=reset] { cursor: pointer } button { cursor: pointer } input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none } input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio } input[type=checkbox] { -webkit-appearance: checkbox } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box } textarea { overflow: auto; resize: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } caption, th { text-align: left } th { font-weight: normal } em, cite, address,i { font-style: normal } sup { vertical-align: text-top } sub { vertical-align: text-bottom } body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei",arial,"\5b8b\4f53"; } body,a { color: #646464; } a{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;} a:hover{color: #b02b2b !important} a { text-decoration: none;-webkit-tap-highlight-color:transparent } a { blr:expression(this.onFocus=this.blur()) } a * { *cursor: pointer } :focus { outline: none } .edit_con_original{ line-height:2; padding:0 0; color:#333;} .edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;} .edit_con_original ul li { list-style-type:disc; margin:auto; } .edit_con_original ol{ margin:inherit; padding:inherit} .edit_con_original ol li { list-style-type:decimal; margin:auto; } .edit_con_original h1 { font-size: 2em; font-weight:bold } .edit_con_original h2 { font-size: 1.5em; font-weight:bold } .edit_con_original h3 { font-size: 1.17em; font-weight:bold } .edit_con_original h4 { font-size: 1em; font-weight:bold } .edit_con_original h5 { font-size: 0.83em; font-weight:bold } .edit_con_original h6 { font-size: 0.67em; font-weight:bold } .edit_con_original em { font-style: italic } .edit_con_original cite{ font-style: italic } .edit_con_original address{ font-style: italic } .edit_con_original i { font-style: italic } .edit_con_original table{ border-collapse: separate; border-spacing: 2px } .edit_con_original img{ max-width:100%; height:auto;} /*鎵€鏈夊悗鍙扮紪杈戝櫒鍖哄煙閮借寮曠敤 edit_con_original 绫诲悕*/ /* clear 椤靛ご锛岄〉鑴氾紝鍐呭鍖洪兘涓嶇敤鍐嶅姞娓呴櫎鏍峰紡 */ .fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table } .fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both } .fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 } .clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important } .err_position{ width:100%; height:auto; background:url(../images/errors.png) center no-repeat;} /*闅愯棌瑙嗛涓嬭浇鎸夐挳*/ video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } /*鍥剧墖缁忚繃*/ .tran_scale{ overflow:hidden; display:block;} /*img{transition: All 0.7s ease-in-out;}*/ .tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;} .tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);} /*涓ょ瀵归綈*/ .justify { text-align:justify; text-justify:distribute-all-lines;} /*涓婁笅灞呬腑*/ .v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); position:absolute; left:0; top:50%;} /*宸﹀彸灞呬腑*/ .l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0); position:absolute; left:50%; top:0;} /*缁濆灞呬腑*/ .a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;} .animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); } .animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_normal{ transition: 0.5s all linear;} /*font-size*/ .fnt_16 { font-size: 16px;} .fnt_18 { font-size:18px;} .fnt_20 { font-size: 20px;} .fnt_22 { font-size:22px;} .fnt_24 { font-size:24px;} .fnt_28 { font-size:28px;} .fnt_32 { font-size:32px; line-height:34px; } .fnt_34 { font-size:34px;} .fnt_36 { font-size:36px;} .fnt_40 { font-size:40px;} .fnt_48 { font-size: 48px;} .fnt_66 {font-size: 66px;} .fnt_72 {font-size: 72px;} .fnt_120 { font-size: 120px;} .ratio-img,.ratio-img img{width: 100%; max-height: 100%;} .scrollHeader .header{box-shadow: 0px 0px 10px #555;} .wrap{width: 1636px; margin: auto} .wrap2{width: 1250px; margin: auto} .header{height: 92px; background: #fff; display: table; position: fixed; width: 100%; left: 0; top:0; z-index: 999;} .header_height{height: 92px;} body.home{ padding-top: 108px; background: url(../images/body_home.jpg) center top no-repeat; background-size: cover;} body.home .header{ position: absolute; top:108px;} .header .wrap{/*position: relative;*/} .header h1{float: left;padding-top: 20px; width:262px;} .header h1 a{display: block;} .header h1 img{width: 100%} .header .nav{float: right; overflow: hidden;} .header .nav>ul>li{float: left; font-size: 18px; height: 92px; line-height: 92px; margin: 0 20px;} .header .nav>ul>li>a{color: #000; display: block; position: relative; height: 92px; line-height: 92px;z-index: 9;} .header .nav>ul>li>a>em{position: absolute; left: 50%; bottom: 0; width: 0%;height: 2px; background: #db3149;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;z-index: 9;} /*.header .nav>ul>li.on>a{color: #b02b2b}*/ .header .nav>ul>li.on>a>em{left: 0; width: 100%; } .header .nav>ul>li:hover>a>em{left: 0; width: 100%;} .header .header_r{width: 210px; float: right; display: table; padding-top: 34px; margin-left:7.3% !important; position: relative; z-index: 99} .header .header_r .header_r01,.header .header_r .header_r02{float: left;} .header .header_r .header_r01{width: 130px; position: relative; margin-right: 10px !important;} .header .header_r .header_r01 dt a{background: url(../images/shopping.png) no-repeat 0 center; padding-left: 35px; height: 24px; line-height: 24px; overflow: hidden; display: block; color: #e15166;} .header .header_r .header_r01 dt a em{float: left;} .header .header_r .header_r01 dt a i{width: 7px; height:24px; display: inline-block; background: url(../images/arrow_bottom.png) no-repeat center center; float: right;} .header .header_r .header_r01 dd{display: none; position: absolute; right:-6px; top:56px; background: #fff; width:150px; z-index: 9;} .header .header_r .header_r01 dd p{padding:0 10px; padding-left: 40px; background: url(../images/shopping.png) no-repeat 10px center; height: 24px; line-height: 24px; margin-bottom: 10px;} .header_shopping{padding:10px 6px; width: 150px; overflow: hidden;} .header_shopping a{float: left; margin: 0 3px; display: block;} .header_shopping a img{width: 40px; height: 39px;} .language{float: right; margin-left: 25px;} .header_search{float: right; cursor:pointer;} .header_search span{ display:block;width: 18px; height: 18px; line-height: 18px; text-align: center; border: none;background:url(../images/search.png) no-repeat center center; position:relative; margin-top: 2px;} .header_search span img{vertical-align: middle; margin-top: -3px;} .header_search.on span {opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;} .search_wrap{display: none; background:#fff; width: 290px; right:0; position:absolute; top:68px; border: 4px solid #d11010;z-index: 9;} .search_box_button { height:40px; width:36px; background:url(../images/search.png) no-repeat center; border:0; outline: none; float: right; } .search_box_text {width:230px; padding: 0 10px; float:left; border:0;height:40px; outline: none; line-height: 40px; background:#fff;} .index_banner{} .index_banner li img{width: 100%;} /*banner*/ .inbanner{width: 100%;overflow: hidden;z-index:2; background:#fff;} .inbanner img{width: 100%;} .inbanner li{position: relative;overflow: hidden;} .inbanner li a{display: block;width: 100%;height: 100%;} .inbanner li video{position: absolute;top: 0; width: 100%; height:100%;background:#000;} .inbanner .swiper-button-next ,.inbanner .swiper-button-prev{display: none !important;} .inbanner .swiper-pagination-bullet{ border:3px solid #fff; background: url(../images/wite.png) repeat; width: 12px;height: 12px;vertical-align: middle; margin-top: 0px; opacity: 1; margin: 0 14px !important; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; } .inbanner .swiper-pagination-bullet-active{background: #db3149;border:3px solid #db3149;} .inbanner .swiper-container-horizontal>.swiper-pagination-bullets,.inbanner .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 32px;} .inbanner li span.ico_btn{ cursor: pointer; position: absolute; right:50px; top:50px; width: 44px; height: 44px;z-index: 1000;background: url(../images/btn_play.png) no-repeat; } .inbanner li span.ico_btn.muted{background: url(../images/btn_pause.png) no-repeat;} .block_01{margin-bottom: 118px;} .block_01 ul{overflow: hidden;} .block_01 li{float: left; width: 25%;*margin-left: -1px; } .block_01 li a{display: block; position: relative; color: #fff;overflow: hidden;} .block_01 li a:hover{ color: #fff !important;} .block_01 li .block_in_text{position: absolute; left: 0; bottom:7.3%; width: 100%;} .block_01 .block_p_con{padding: 0 11%;} .block_01 .block_p_con h1{float: left; line-height: 1.1em; position: relative;width: 72px; margin-right: -72px; z-index: 2;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;} .block_01 .block_in_p{line-height: 24px; max-height: 72px; overflow: hidden;float: left;width: 100%; margin-top: 28px; transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all; -webkit-transform: translateX(100px);-moz-transform: translateX(100px);-o-transform: translateX(100px);-ms-transform: translateX(100px);transform: translateX(100px); opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} .block_01 .block_in_p p{margin-left: 90px;} .block_01 li:first-child + li,.block_01 li.cur{width: 50%;} .block_01 li.cur .block_p_con{padding: 0 5.5%;} .block_01 li:hover .block_in_p{ opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; -webkit-transform: translateX(0px);-moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px); } .block_01 li:hover h1{animation: doubleBounce 0.6s ease-in-out; } @keyframes doubleBounce { 0% { -webkit-transform:scale(1); transform:scale(1); } 50% { -webkit-transform:scale(0.8); transform:scale(0.8); } 100% { -webkit-transform:scale(1); transform:scale(1); } } @-webkit-keyframes doubleBounce { 0% { -webkit-transform:scale(1); transform:scale(1); } 50% { -webkit-transform:scale(0.8); transform:scale(0.8); } 100% { -webkit-transform:scale(1); transform:scale(1); } } @-ms-keyframes doubleBounce { 0% { -webkit-transform:scale(1); transform:scale(1); } 50% { -webkit-transform:scale(0.8); transform:scale(0.8); } 100% { -webkit-transform:scale(1); transform:scale(1); } } @-moz-keyframes doubleBounce { 0% { -webkit-transform:scale(1); transform:scale(1); } 50% { -webkit-transform:scale(0.8); transform:scale(0.8); } 100% { -webkit-transform:scale(1); transform:scale(1); } } @-o-keyframes doubleBounce { 0% { -webkit-transform:scale(1); transform:scale(1); } 50% { -webkit-transform:scale(0.8); transform:scale(0.8); } 100% { -webkit-transform:scale(1); transform:scale(1); } } .block_02{/*background: url(../images/index_bg.jpg) no-repeat center 0;*/background: url(../images/index_bg.jpg) no-repeat center top/cover fixed; padding-bottom: 100px; min-height:560px;} .ie8 .block_02,.ie7 .block_02{background: url(../images/index_bg.jpg) no-repeat center 0;} .block_02 .wrap{overflow: hidden;} .block_02 .left{width: 300px;position: relative; margin-right: -300px;z-index: 9; float: left;} .block_02 .left a{color: #515151;display: inline-block; position: relative;} .block_02 .left a em{display: block; width:0; height: 2px; background: #af2b2b; position: absolute; bottom: 0; left:50%;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;} .block_02 .left li{line-height: 60px;} .block_02 .left li a:hover{color: #b02b2b;} .block_02 .left li a:hover em{color: #b02b2b; width: 100%; left: 0;} .block_02 .left li.on a{color: #b02b2b;} .block_02 .left li.on a em{color: #b02b2b; width: 100%; left: 0;} .block_02 .right{width: 100%; float: left;} .block_02 .right .index_gk{margin-left: 300px;} .index_gkcont dl{overflow: hidden;} .index_gkcont dt{float: left; width: 26.4%} .index_gkcont dd{float: right;width: 63%;} .index_gktop{padding: 20px 30px; color: #000;width:500px; min-height: 246px; overflow: hidden; margin-bottom: 50px;} .index_gktop h2{line-height: 1.1em;margin-bottom: 5px;} .index_gktop_re{width: 125px; float: right; position: relative; margin-left: -125px;z-index: 9;} .index_gktop_le{width: 370px; float: left;} .index_gk_intr{margin-bottom: 30px;} .index_gk_intr h3{color: #000; font-weight: bold; margin-bottom: 15px;} .index_gk_intr .index_gk_p{line-height: 1.5em; max-height:4.5em; overflow: hidden;} .gk_format ul{overflow: hidden;margin: 0 -45px;} .gk_format li{width: 50%; float: left;*margin-left: -1px;} .gk_format li .index_gk_intr{margin: 0 45px;} .index_more01{margin-top: 30px;} .index_more01 a{display: inline-block;width: 28px; height: 28px; background: url(../images/index_more1.png) no-repeat center center;} .index_more01 a:hover{background: url(../images/index_more1_on.png) no-repeat center center;} .block_03{position: relative; width: 100%; overflow: hidden;} .block_03>a{display: block;overflow: hidden;} .block_03>a>img{width:110%;margin-left: -10%; -webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;} .block_03:hover>a>img{ -webkit-transform: translateX(20px); -moz-transform: translateX(20px);-o-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px); /*transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);*/ } .block_03 .index_culturebg{position: absolute; top:0; left: 0; width: 100%; height: 100%; background: url(../images/index_culture_blank.png) repeat;} .index_culture_p{width: 190px; height: 190px; position: absolute; top:50%; left: 50%; margin-top: -95px; margin-left: -95px;transition: 0.6s all;-webkit-transition: 0.6s all;-moz-transition: 0.6s all;-o-transition: 0.6s all;-ms-transition: 0.6s all;} .block_03:hover .index_culture_p{-webkit-transform: translateY(100px);-moz-transform: translateY(100px);-o-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px);} .block_04{padding: 150px 0;overflow: hidden;} .index_title{color: #000; text-align: center; margin-bottom: 60px;} .index_new{color: #646464;} .index_new ul{overflow: hidden;margin: 0 -65px;} .index_new li{width: 33.33%; float: left;*margin-left: -1px;} .index_new li .news_inbox{margin: 0 65px;} .index_new li .news_inbox h4{ margin-bottom:20px;} .index_new .new_time{ font-family: "Arial"; margin-bottom: 10px;} .index_new h3{font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom: 1px solid #646464; padding-bottom: 6px; margin-bottom: 10px;} .index_new .index_new_p {line-height: 1.5em; height: 4.5em; overflow: hidden;} .index_more02{margin-top: 30px;} .index_more02 a{display: inline-block;width: 16px; height: 29px; background: url(../images/index_more2.png) no-repeat center center;} .index_more02 a:hover{background: url(../images/index_more2_on.png) no-repeat center center;} .view_more{ display: block; margin-top:20px; text-align: center; width:100%;} .block_05{background: #efefef; padding: 80px 0 100px 0; overflow: hidden;} .index_service ul{overflow: hidden;margin: 0 -20px;} .index_service li{float: left; width: 33.33%;*margin-left: -1px;} .index_service .service_box{width: auto; margin: 0 20px; overflow: hidden; position: relative; color: #fff;} .index_service .service_box h3{position: absolute;top:17%; left: 9.6%;} .service_block{position: absolute;width: 100%; left: 0; bottom: 14.4%;} .service_block_p{padding: 0 9.6%;} .service_block01 dl{overflow: hidden; margin: 0 -5px; } .service_block01 dl dt{min-width: 25%; float: left;*margin-left: -1px;} .service_block01 dl dt p{margin: 0 5px;} .service_block01 dl dt a{color: #fff; border-bottom: 1px solid #fff; display: inline-block; padding-bottom: 5px;} .service_block02 h4{margin-bottom: 10px;} .service_block03 dl{overflow: hidden;} .service_block03 dt{float: left; margin-right: 30px;} .service_block03 dt .service_enter{display: block; width: 48px; border: 1px solid #fff; padding: 12px; text-align: center; color: #fff; background: url(../images/transparent.png) repeat;} .service_block03 dt:hover a{color: #fff !important;opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;} .index_more03{margin-top: 35px; height: 10px;} .index_more03 img{width: 9px; height: 10px;} .footer{background: #fff; padding: 40px 0 55px 0;} .foot_nav{text-align: center;margin-bottom: 20px;} .foot_nav a,.foot_nav span{color: #000; margin: 0 16px;} .foot_nav a,.foot_nav span{position: relative} .foot_nav a em{display: none;position: absolute; left:50%; margin-lefT:-150px; top:-393px; width:300px; height:393px; overflow:hidden;} .foot_nav a em img{ width:100%;} .foot_nav a:hover em{ display:block;} .foot_nav span dl{ position: absolute; width:100px; bottom:100%; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.4); line-height: 2em; padding: 5px 0; display: none; } .foot_nav span:hover dl{ display: block; } .foot_p01 img{margin: 0 4px;} .foot_p02,.foot_p01,.foot_p02 a,.foot_p01 a{text-align: center;color: #bcbcbc; font-size: 12px; line-height: 20px;} .foot_share{text-align: center; height: 28px; overflow: hidden; margin-bottom: 30px;} .foot_share .bdsharebuttonbox>a {display: inline-block;background-position: left top !important;width:32px !important;height: 26px !important;margin: 0px 10px !important;padding: 0 !important; float: none !important;} .foot_share .bds_weixin{background: url(../images/index_share01.png) no-repeat center center !important;} .foot_share .bds_tsina{background: url(../images/index_share02.png) no-repeat center center !important;} /*.foot_share .bds_weixin:hover{background: url(../images/index_share01_on.png) no-repeat center center !important;} .foot_share .bds_tsina:hover{background: url(../images/index_share02_on.png) no-repeat center center !important;}*/ @media only screen and (max-width: 1720px) { .wrap{width: 90%;} .header .header_r{margin-left: 50px;} .header .nav>ul>li{margin: 0 15px; font-size: 16px;} } @media only screen and (max-width: 1600px) { .header .nav>ul>li{margin: 0 12px;} } @media only screen and (max-width: 1500px) { .header .header_r{margin-left: 50px;} .index_service .service_box h3{top:10%;} .header .nav>ul>li{margin: 0 10px; font-size: 15px;} } @media only screen and (max-width: 1440px) { .header .header_r{margin-left: 30px;} .header .header_r .header_r01{margin-right: 30px;} .index_title{margin-bottom: 40px;} .block_01{margin-bottom: 80px;} .block_01 .block_p_con h1{width: 50px; margin-right: -50px;} .block_01 .block_in_p p{margin-left: 60px;} .block_01 .block_in_p{margin-top: 0} .block_01 li .block_in_text{bottom: 10%} .block_04{padding: 80px 0;} .index_new ul{margin: 0 -50px;} .index_new li .news_inbox{margin: 0 50px;} .index_gktop{min-height: 190px;} .service_block03 dt{margin-right: 20px;} .block_01 .block_p_con { padding: 0 5%;} .block_01 li.cur .block_p_con { padding: 0 2%;} .header .header_r{margin-left: 50px !important;} } @media only screen and (max-width: 1366px) { /*.header .header_r{width: 260px; margin-left: 10px;}*/ .language{margin-left: 20px;} .header .nav>ul>li{font-size: 14px; margin:0 8px;} .index_new ul{margin: 0 -30px;} .index_new li .news_inbox{margin: 0 30px;} .index_more03{margin-top: 20px;} .service_block{bottom: 10%} .block_02 .left{width: 190px;} .block_02 .right .index_gk{margin-left: 190px;} .index_gkcont dd{width: 66%;} .gk_format ul{margin: 0 -20px;} .gk_format li .index_gk_intr{margin: 0 20px;} } @media only screen and (max-width: 1300px) { .header .header_r{margin-left: 10px !important;} } @media only screen and (max-width: 1280px) { .header .nav{float: left; margin-left: 20px;} .block_02{padding-bottom: 50px;min-height: auto} .index_gktop{width: 85%;margin-bottom: 30px; min-height: 140px;} .index_service .service_box h3{left: 20px;} .service_block_p{padding: 0 20px;} .service_block03 dt .service_enter{padding: 10px 4px;} .header .header_r{margin-left: 20px;} .header .header_r .header_r01{margin-right: 20px;} .index_service ul{margin: 0 -10px;} .index_service .service_box{margin: 0 10px;} } /*@media only screen and (max-width: 1240px) { .header .nav>ul>li{margin: 0 10px;} }*/ @media only screen and (max-width: 1250px) { html,.wrap{width:1250px; margin: auto;} .header{position: static;} .header_height{display: none;} } .back_top{ z-index: 99; background:url(../images/top_menu.png) no-repeat; display: block; width:40px; height:26px; position:fixed; right:20px; bottom:20%; opacity:0.5;} .back_top:hover{ opacity:1!important;} /*2018-08-10*/ .ie7 .inbanner ,.ie8 .inbanner{display: none;} .ie7 .banner_ie ,.ie8 .banner_ie{display: block;} .banner_ie{overflow: hidden; position: relative; display: none;} .imgbox li{display: none; height: 100%; width: 100%;} .imgbox li.on{display: block;} .mask{position: absolute; width: 100%; bottom: 32px;z-index: 99;} .mask .pages{text-align: center; width: 100%;} .mask .pages a{border:3px solid #fff;background: url(../images/wite.png) repeat;width: 12px;height: 12px;vertical-align: middle;margin-top: 0px;opacity: 1;margin: 0 14px !important;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;display: inline-block; border-radius: 50%} .mask .pages a.on{background: #db3149;border:3px solid #db3149;} .navlist{ text-align: center; position: absolute; left: 0; top:90px; width: 100%; height: 0; overflow:hidden; /*padding: 30px 0 40px;*/ background:url(../images/wite_bg70.png) repeat; overflow: hidden; } .navlist a{color: #000;} .navlist a:hover{color: #b02b2b !important;} .navlist ul{/*overflow: hidden;*/ font-size: 14px;} .navlist ul li{float: left;} .header ul li:hover .navlist,.header ul li.on .navlist{ height:100%;padding: 30px 0 60px;} .ul_01 li h3{height: 24px; line-height: 24px; background: url(../images/nav_arrow.png) no-repeat 0 center; padding-left: 20px;} .ul_01 li p{height: 24px; line-height: 24px;} .ul_01 li p a{color: #7f7b7a;} .ul_01 .li_img01{margin-right: 34px; border-right: 1px solid #c6c6c4; padding-right: 30px;} .ul_01 .li_img01 a{display: block; border: 4px solid #fff; width: 206px;} .ul_01 .li_img01 a img{ height: 115px; } .ul_01 li h3{margin-bottom: 5px;} .ul_01 li{margin:0 18px;} .ul_01 .navlist_a{padding-left: 20px;} .ul_03 li{ text-align: center;} .ul_03 li dl{margin:0 38px;} .ul_03 li dd{line-height: 24px;} .header .navlist .wrap{width: auto; margin: auto; overflow: hidden;display:inline-block;*display:inline;*zoom:1;} .header .navlist03 .wrap{width:100%;} .header .navlist03 .swiper-button-prev,.header .navlist03 .swiper-button-next{ width:30px; height:30px; margin-top:-15px; background-size:20px 30px;} /*page*/ .page { vertical-align: middle; text-align: center;color: #808080; padding-top: 20px; } .page input { vertical-align: middle; } .page span { margin-right: 12px; } .page a { vertical-align: middle; background:#fff; display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; color: #a1a1a1; margin: 0px 2px; font-family: Arial, Helvetica, sans-serif; } .page a.on { width: 34px; height: 34px; line-height: 34px; text-align: center; background-color: #b02b2b; color: #fff; } .page a:hover { width: 34px; height: 34px; line-height: 34px; text-align: center; background-color: #b02b2b!important; color: #fff!important; } .page a.prev { width: 34px; height: 34px; margin: 0px 2px 0px 0px; color:#a1a1a1; background: #fff; } .page a.next { width: 34px; height: 34px; margin: 0px 0px 0px 2px; color:#a1a1a1; background: #fff; } .flink{padding: 60px 0 30px;} .flink ul{margin:0 -1%;} .flink li{ float: left; width: 18%; margin:0 1% 2%; box-sizing: border-box;} .flink li .img{ border:1px solid #333; overflow: hidden;} .flink li h2{margin:10px; height: 3em; overflow: hidden; line-height: 1.5; text-align: center; color: #333;} @media only screen and (max-width: 1280px) { .flink ul{margin:0;} } .foot_p01 p{text-align: center; color: #000; line-height: 20px; margin-bottom: 10px;} .navlist ul li ol li:nth-child(4){clear: both;} .navlist ul li ol li{margin-bottom: 30px;} .video-tab { text-align: center; margin-bottom: 65px; } .video-tab span a { font-size: 36px; color: #515151; margin-right: 60px; display: inline-block; padding: 0 20px; line-height: 50px; } .video-tab span.lasttab a { margin-right: 0; } .video-tab span.on a { color: #b02b2b; border-bottom: 1px solid #af2b2b; } /*20181119*/ body{overflow-x: hidden;} .index_banner{position: relative;} .bcon{width: 475px; height: auto; padding: 43px; padding-bottom: 80px !important; box-sizing: border-box; background: rgba(0,0,0,0.6); position: absolute; right: 27px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); z-index: 2; color:#fff; transition: all 0.3s;} .bcon.on{transform: translate(497px,-50%); -webkit-transform: translate(497px,-50%); cursor: pointer;} .bcon a{color:#fff;} .bcon h1{display: inline-block; border-bottom: #ff1300 solid 1px; padding-bottom: 10px;} .bcon ul li{border-bottom: rgba(255,255,255,0.5) solid 1px; padding: 7px 0; margin-top: 30px;} .bcon ul li span{margin-bottom: 10px; display: block;} .bcon ul li p{line-height: 24px; max-height: 48px; overflow: hidden; } .close_icon{width: 25px; height: 25px; background: url(../images/close_icon.png) center center no-repeat; background-size: 100% 100%; position: absolute; top: 20px; right: 20px; cursor: pointer;} .main{position: relative;} .mcon{width: 100%; height: 102px; padding: 35px 0; background: rgba(0,0,0,0.6); position: absolute; /*top: -118px;*/ bottom: 150px; left: 50%; transform: translate(-50%,0);-webkit-transform: translate(-50%,0); z-index: 1; color: #fff; transition: all 0.3s; } .mcon.on{transform: translate(49.6%,0); -webkit-transform: translate(49.6%,0); cursor: pointer;} .mcon a{color: #fff;} .tips{width: 96px; height: 96px; border: #f11200 solid 3px; position: relative; margin-left: 48px; float: left; margin-right: 40px;} .tips em{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); display: block; width: 100%; text-align: center;} .mcon ul{float: left; width: calc(100% - 190px); width: -moz-calc(100% - 190px);} .mcon ul li{width: 37.5%; margin: 0 2.7%; float: left; border-bottom: rgba(255,255,255,0.5) solid 1px; padding: 15px 0 8px;} .mcon ul li span{display: block;margin-bottom: 15px;} .mcon ul li p{line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .close_icon1{width: 34px; height: 34px; right: 35px; top: 35px;} @media only screen and (max-width: 1440px) { /*.mcon{top: -80px;}*/ .bcon{padding: 30px; width: 450px; } .bcon.on{transform: translate(472px,-50%); -webkit-transform: translate(472px,-50%);} .bcon ul li{margin-top: 20px;} }