锘緻font-face{ font-family: 'alihb'; src: url('../Alibabafont/AlibabaSans-Black.otf'); src:url('../Alibabafont/AlibabaSans-Bold.otf'), url('../Alibabafont/AlibabaSans-Heavy.otf'), url('../Alibabafont/AlibabaSans-Light.otf'), url('../Alibabafont/AlibabaSans-Regular.otf'), url('../Alibabafont/AlibabaSans-Medium.otf'); } /* reset */ *{-webkit-tap-highlight-color:rgba(0,0,0,0);} html { height: 100% ;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; color: #333;} 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:"alihb";} body { line-height: 1.5 } 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 video{ max-width:100%;} /*鎵€鏈夊悗鍙扮紪杈戝櫒鍖哄煙閮借寮曠敤 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;} /*涓ょ瀵归綈*/ .justify { text-align:justify; text-justify:distribute-all-lines;} /*涓婁笅灞呬腑*/ .v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;} /*宸﹀彸灞呬腑*/ .l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;} /*缁濆灞呬腑*/ .a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-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_36 { font-size:36px;} .fnt_48 { font-size: 48px;} .fnt_66 {font-size: 66px;} .fnt_120 { font-size: 120px;} @media only screen and (max-width: 1520px) { .fnt_36 { font-size:28px;} .fnt_48 { font-size:38px;} .fnt_66 {font-size: 52px;} .fnt_120 { font-size: 105px;} .fnt_24{font-size: 18px;} } @media only screen and (max-width: 1366px) { .fnt_36 { font-size:24px;} .fnt_48 { font-size:32px;} .fnt_66 {font-size: 45px;} .fnt_120 { font-size: 105px;} } @media only screen and (max-width: 1024px) { .fnt_16 { font-size: 14px;} .fnt_18 { font-size:16px;} .fnt_48 { font-size:26px;} .fnt_36 { font-size:19px;} .fnt_66 {font-size: 36px;} .fnt_120 { font-size: 64px;} } @media only screen and (max-width: 767px) { .fnt_20 { font-size: 18px;} .fnt_22{ font-size:18px;} .fnt_32 { font-size:18px; line-height:20px; } .fnt_36 { font-size:16px;} /*.fnt_48 { font-size:16px;}*/ .fnt_66 {font-size: 26px;} .fnt_120 { font-size: 48px;} } .ratio-img,.ratio-img img{width: 100%;} a{color: #333333;} .wrap{width: 1420px; margin: auto;} .footer .wrap{ width: 1280px; } @media only screen and (max-width:1500px){ .wrap{width:94%;} .footer .wrap{width: 94%;} } .header .index_wrap{position: relative; width: 1766px;max-width:94%; margin: auto;} .header{position: fixed; top:0; left: 0; width: 100%; height: 96px; background: rgba(255,255,255,0.95); z-index: 9999;} .height_height{height: 96px;} .header h1{width: 581px; padding-top:23px;float: left;} .header h1 img{width: 100%;} .header_r{float: right;padding-top: 38px; margin-left: 70px;} .language{width: 50px; position: relative; float:right; margin-left: 15px;} .language dt a{ height: 24px; line-height: 24px; overflow: hidden; display: block; color: #0c5dc0; padding: 0 10px;} .language dt a em{float: left;} .language dt a i{width: 10px; height:24px; display: inline-block; background: url(../images/arrow.png) no-repeat center center; float: right;} .language dd{display: none; position: absolute; right:0; top:24px; background: #fff; width:100%; z-index: 9; padding: 10px 0;padding-bottom: 5px; background: #eee;} .language dd a{display: block; height: 24px; line-height: 24px; padding: 0 10px; margin-bottom: 5px;} .header_search{cursor:pointer; width: 24px;height: 24px; float: right;} .header_search span{ display:block;width: 24px; height: 24px; line-height: 24px; text-align: center; border: none;background:url(../images/search.png) no-repeat center center; position:relative; margin: auto;} .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: 296px; right:0; position:absolute; top:88px; border: 4px solid #0c5dc0;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;} .nav{float: right;} .nav>ul{float: left;} .nav>ul>li{height: 96px; line-height: 96px; float: left; padding: 0 13px; font-size: 18px;} .nav>ul>li>a{display: block;position: relative; } .nav>ul>li a em{position: absolute; left: 50%; bottom: 0; width: 0%; height: 5px; background:#0c5dc0;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;} .nav>ul>li.on em{width: 100%;left: 0;} .navlist{display: none;} /*瀵艰埅涓嬫媺*/ .nav>ul>li{position: relative;} .navlist{display:none ; position: absolute; left: 50%;transform: translateX(-50%); top:96px; /*width: 120px;*/background:rgba(20,40,125,0.8); padding: 20px 10px;} .navlist .wrap{width: 100%;} .navlist li{width: 100%;text-align: center; height: 40px; line-height: 40px;white-space: nowrap;} .navlist li a{color: #fff;display: block;} .navlist li:hover a{color: #fff !important;} @media only screen and (max-width: 1100px) { .navlist{width: 80px;} } /*瀵艰埅涓嬫媺*/ /*banner*/ .index_banner{} .banner_text .wrap{width:900px; float: right; margin-right: 10%;} .index_banner li img{width: 100%;} .inbanner{width: 100%;overflow: hidden;z-index:2; background:#fff;} .inbanner .swiper-container{overflow: hidden;} .inbanner img{width: 100%;} .inbanner li{position: relative;overflow: hidden;} .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{width:15px;height:15px; background: url(../images/banner_cicle.png) no-repeat center center; border-radius: 0; margin-top: 0px; opacity: 1; margin: 0 9px !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; border-radius: 50%; } .inbanner .swiper-pagination-bullet-active{ background: url(../images/banner_cicle_on.png) no-repeat center center;} .inbanner .swiper-container-horizontal>.swiper-pagination-bullets,.inbanner .swiper-pagination-custom, .swiper-pagination-fraction{bottom:30px;} .banner_text{ width: 100%; color: #fff; color: #fff; transition: 1.5s all;-webkit-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); position:absolute; left:0; top:50%;} .banner_title{ position: relative; display:block; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transition: 1s linear; -webkit-transition: 1s linear; -ms-transition: 1s linear; transition-delay: 0s; -webkit-delay: 0s; -ms-delay: 0s; -webkit-transform: translateX(-500px);-moz-transform: translateX(-500px);-o-transform: translateX(-500px);-ms-transform: translateX(-500px);transform: translateX(-500px); } .banner_text h3{ overflow: hidden;/*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/ line-height: 1.5em;max-height: 3em; } .banner_text_p{ opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transition: 1s linear; -webkit-transition: 1s linear; -ms-transition: 1s linear; transition-delay: 0s; -webkit-delay: 0s; -ms-delay: 0s; -webkit-transform: translateX(300px);-moz-transform: translateX(300px);-o-transform: translateX(300px);-ms-transform: translateX(300px);transform: translateX(300px); } .ban_line{width: 220px; height: 2px; background: #fff;margin: 20px 0;} .ban_more{ opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transition: 1s linear; -webkit-transition: 1s linear; -ms-transition: 1s linear; transition-delay: 0s; -webkit-delay: 0s; -ms-delay: 0s; -webkit-transform: translateY(100px);-moz-transform: translateY(100px);-o-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px); } .banner_text_p p{line-height: 1.4em; height: 4.2em; overflow: hidden;} .inbanner .ban_more img{display: block; width: 40px; height: 40px; margin-top: 30px; } .inbanner li.on .banner_title{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);} .inbanner li.on .banner_text_p{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);} .inbanner li.on .ban_more{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} /*banner*/ .margin_b60{margin-bottom: 60px;} .index_title{text-align: center;margin-bottom: 45px; padding-top: 13px;} .index_title span{border-top:3px solid #0c5dc0;padding-top: 10px; cursor: pointer;} .blank_20{position: absolute;top:0; left: 0; width: 100%; height: 100%;background: rgba(0,0,0,0.2);} .index_01,.index_01 ul{overflow: hidden;/*margin-left: -10px; margin-right: -10px;*/} .index_01 li{position: relative;width: 50%; float: left;*margin-left: -1px;} .index_01 li a{margin: 10px;} .index_01 dt,.index_01 dt img{width: 74px; height: 74px;margin: auto;} .index_01 dl{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%; color: #fff; text-align: center;width: 90%; -ms-transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all;} .index_01 li:hover dl{top: 10%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);} .index_01 dl dd{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-top: 6px;} .index_01 li:hover dt img{transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);} .index_01-inner{position: absolute; top: 60%; left: 50%; color: #FFFFFF; opacity: 0; transition: all 0.6s; text-align: center;width: 80%; margin: 0 auto; transform: translate(-50%,-50%);} @media only screen and (max-width: 1400px) { .index_01-inner{top: 70%;} } .index_01 li:hover .index_01-inner{opacity: 1;} @media only screen and (max-width: 1023px) { .index_01 li:hover .index_01-inner{opacity: 0;} } .index_02{padding-top: 62px; padding-bottom: 62px; overflow: hidden;} .index_02 ul{overflow: hidden;margin: 0 -10px;} .index_02 li{width: 33.33%; float: left;*margin-left: -1px; position: relative;} .index_02-inner{position: relative; margin: 0 10px;} .index_02 li .box{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.6s; background: #0c5dc0; opacity: 0.8; display: none;} .index_02 li .box a{display: block; width: 100%; height: 100%;} .index_02 li h3 a{position: absolute; left: 9%; bottom: 10%; transition: all 0.6s;} .index_02 li h3 a{color: #FFFFFF;} .index_02 li:hover h3 a{color: #FFFFFF!important;} @media only screen and (min-width: 1024px) { .index_02 li:hover .box{display: block;} .index_02 li:hover h3 a{ bottom: 0; top: 50%; left: 0; text-align: center; width: 100%;} } /*.index_02 dl{padding: 0 10px;text-align: center;} .index_02 dt a{display: block;} .index_02 dt img{width: 300px; max-width: 100%;} .index_02 dd p{font-weight: bold;color: #545454;margin-bottom: 4px;} .index_02 dd p,.index_02 dd h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}*/ .index_03{overflow: hidden;position: relative;padding: 60px 0 118px 0;color: #fff;} .index_03 .wrap{position: relative;z-index: 99;} .index_03 h3{color: #fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom: 15px;} .index_03 h3 a{color: #fff;} .index_news_box{margin: 0 82px; background: rgba(0,0,0,0.2);padding: 50px 135px;} .index_news_p{line-height: 1.4em;height: 2.8em; overflow: hidden;} .index_news{position: relative;} .index_news .swiper-button-prev,.index_news .swiper-button-next{top: 50%;margin-top: -29.5px;width: 31px;height: 59px; cursor: pointer;} .index_news .swiper-button-prev{background: url(../images/index_pre.png) no-repeat center center;background-size: 100%; position: absolute; left: 10px; } .index_news .swiper-button-next{ background: url(../images/index_next.png) no-repeat center center;background-size: 100%;position: absolute; right: 10px;} .index_news .swiper-button-prev.on{background:url(../images/index_pre.png) center center;cursor: default;background-size: 100%;} .index_news .swiper-button-next.on{background:url(../images/index_next.png) center center;cursor: default;background-size: 100%;} .index_04{overflow: hidden;padding: 50px 0;} .index_04 .mgbox_img,.index_04 .mgbox_img img{width: 54px;} .index_04 ul{overflow: hidden;} .index_04 li{float: left;*margin-left: -1px; width: 33.33%; height: 356px; overflow: hidden;} .index_04 .index_mg01{width: 41%;} .index_04 .index_mg02{width:38%;} .index_04 .index_mg03{width:21%;} .index_04 .index_mg03 .index_mgbox{padding-right: 0;} .index_mgbox{padding: 0 60px; border-left: 1px solid #e5e5e5; height: 100%;} .index_mgbox h3{margin:40px 0; margin-bottom: 30px;} .mgbox_list,.mgbox_list a{color: #777777;} .mgbox_list01 dl{margin-bottom: 30px;} .mgbox_list01 dd{color: #333;margin-bottom: 10px;} .mgbox_list01 dt{line-height: 1.4em; max-height: 2.8em;overflow: hidden;} .mgbox_list02 dl{margin-bottom: 25px;} .mgbox_list02 dt{line-height: 1.4em; height: 2.8em;overflow: hidden; background: url(../images/pdf.png) no-repeat 0 4px; padding-left: 35px;} .mgbox_list03 a{color: #777777;} .mgbox_list03 a.email{color: #0c5dc0;} .mgbox_list03{line-height: 2.1em;} .mgbox_list03 a.tel_link{color: #777777; cursor: default;} .mgbox_list03 a.tel_link:hover{color: #777777 !important;} .footer{background: #7d7d7d;color: #b0b0b0; padding-top: 80px; padding-bottom: 85px;} .footer a{color: #b0b0b0;} .footer .footer_t{margin-bottom: 20px; overflow: hidden; padding-bottom: 59px; border-bottom: 1px solid #FFFFFF;} .footer_t-l{float: left; width: 75%;} .footer_t-list{overflow: hidden;} .footer_t-list li{float: left; width: 20%;} .footer_t-list li dl dt{margin-bottom: 33px} .footer_t-list li dl dt a{margin: 0 !important; font-weight: bold;} .footer_t-list li dl dd{margin-top: 15px; color: #CCCCCC;} .footer_t-list li dl dd a{margin: 0 !important; color: #CCCCCC !important;} .footer_t-list li dl dd a:hover{color: #0C5DC0 !important;} .footer_t-r{float: right; width: 25%;} .footer_t-r .bdsharebuttonbox{text-align: right; margin-right: -12px;} .footer_t-r .bdshare-button-style2-24 a.bds_weixin{background: url(../images/weixin_03.png); background-repeat: no-repeat;} .footer_t-r .bdshare-button-style2-24 a.bds_tsina{background: url(../images/weibo_05.png); background-repeat: no-repeat;} .footer_t-r .bdshare-button-style2-24 a.bds_linkedin{background: url(../images/in_07.png); background-repeat: no-repeat;} .footer_t-r .bdshare-button-style2-24 a.albb{background-image: none; padding-left: 0px;} .footer_t-r .bdshare-button-style2-24 a.mic{background-image: none; padding-left: 0px;} .footer_t-r a.you {background: url(../images/youxiang.png);background-repeat: no-repeat;width:20px;height:20px;display:inline-block;vertical-align:middle; background-size:100% 100%;margin-top:5px!important;} .footer .footer_t a{color: #fff;margin: 10px 12px;} .footer .footer_b{font-size: 12px;line-height: 24px; overflow: hidden;} .footer_b-l{float: left; overflow: hidden;} .footer_b-l a{color: #FFFFFF;} .footer_b-l em{width: 2px; height: 12px; margin-left: 12px; margin-right: 12px; margin-top: 4px; background: #FFFFFF; display: -moz-inline-box; display:-webkit-inline-box; display: inline-box;} .footer_b-r{float: right; text-align: right;} .footer_b-r p{color: #f5f5f5;} .footer_b-r p a{color: #f5f5f5; white-space:nowrap;} .footer_b-r p span{border-bottom: 1px solid #a6a6a6;} @media only screen and (max-width: 1800px) { .nav>ul>li{padding: 0 9px;} } @media only screen and (max-width:1750px){ .header_r{margin-left: 20px;} } @media only screen and (max-width:1650px){ .header h1{width: 500px;padding-top: 26px;} .nav>ul>li{padding: 0 5px;} } @media only screen and (max-width:1500px){ .header h1{width: 450px;padding-top: 30px;} } @media only screen and (max-width:1440px){ .nav>ul>li{padding: 0 4px; font-size: 16px;} .nav>ul>li a{padding: 0;} } @media only screen and (max-width: 1366px) { } @media only screen and (max-width:1366px){ .header_r{margin-left: 10px;} } @media only screen and (max-width:1280px){ .margin_b60,.index_title{margin-bottom: 40px;} .index_03{padding: 50px 0 80px 0;} .index_04{padding: 40px 0;} .index_02{padding-top: 40px; padding-bottom: 40px;} .header h1{width: 400px;padding-top: 34px;} .index_02 dt img{width: 230px;} .index_news_box{padding: 50px;} .index_mgbox{padding: 30px;} } @media only screen and (max-width:1200px){ .header h1{width:350px;padding-top: 34px;} .nav>ul>li{font-size: 14px;} .nav>ul>li{} .nav>ul>li>a{padding: 0;} .language{margin-left: 10px;} } @media only screen and (max-width: 1100px) { .nav>ul>li{padding: 0 3px;} } @media only screen and (max-width: 1024px) { .footer{padding-top: 40px; padding-bottom: 45px;} .footer .footer_t{margin-bottom: 10px; padding-bottom: 30px;} } @media only screen and (max-width: 767px) { .banner_text h3{font-size: 18px;} .footer{padding-top: 20px; padding-bottom: 25px;} .footer .footer_t{padding-bottom: 15px;} .footer_t-l{float: none; width: 100%;} .footer_t-list li{float: none; width: 100%; overflow: hidden; margin-bottom: 25px;} .footer_t-list li dl dt{margin-bottom: 5px;} .footer_t-list li dl dd{float: left; width: 25%; margin-top: 0;} .footer_t-r{float: none; width: 100%; margin-right: 10px;} .footer_t-r p{text-align: center; margin-top: 10px;} .footer_b-l{float: none; text-align: center;} .footer_b-r{float: none; text-align: center;} } /*鎵嬫満瀵艰埅start*/ .scrollHeader .header{box-shadow: 0px 0px 10px #555;} .nav_phone_btn,.nav_phone_tit{display: none;} @media only screen and (max-width: 1023px){ .header_bg{content: '';display: table;height: 60px;width: 100%;background: transparent; position: absolute; top: 0; left: 0;} .height_height{height: 60px;} .header_search,.header_search span{width: 30px; height: 30px;display: none;} .search_wrap{position: static; display: block !important;width: 100%; overflow: hidden; border:none;} .search_box_text{width: calc(100% - 58px)} .search_box_button,.search_box_text{height: 30px; line-height: 30px;} .header_r{padding: 20px; padding-bottom: 0; margin: 0; padding-bottom: 0; float: none;} .language{float: none;width: 100%; box-sizing: border-box;width: 176px;} .language{overflow: hidden;margin-bottom:5px;} .language dt{display: none;} .language dd{display: block !important; position: static;padding: 0; background: none;overflow: hidden;} .language dd a{float: left; padding: 0; color: #fff; margin: 0; margin-right: 20px;} .nav{display: none;} .nav_phone_btn,.nav_phone_tit{display: block;} .nav>ul>li{height:inherit;} .nav>ul>li>a{padding: 0;} /*鎵嬫満瀵艰埅鎸夐挳寮€濮?/ .nav_phone_btn{float:right;margin-top:0px;} .nav_phone_btn{display: block;cursor: pointer; height: 32px; position: fixed;top:7px;right:2%;z-index: 9999;width: 35px;text-align: center; } .body_nav_phone .nav_phone_btn{text-align: left; background: #fff; display: none;} .nav_phone_btn span {position: relative;font-size: 0;width: 26px;height: 3px;background-color: #0c5dc0;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;} .nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height: 3px;background-color: #0c5dc0;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;} .nav_phone_btn span:before{top:-7px;} .nav_phone_btn span:after{top:7px;} .visible_nav.nav_phone_btn span{background-color: transparent;} .visible_nav.nav_phone_btn span:before{left:5px;top:0px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);} .visible_nav.nav_phone_btn span:after{top:0px;left: 5px;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);} /*鎵嬫満鎸夐挳缁撴潫*/ /*鎵嬫満瀵艰埅鍐呭*/ body>*{ position: relative;left:0;transition:left 250ms ease-out;-webkit-transition:left 250ms ease-out;} /*body.body_nav_phone>*{left:-260px;}*/ .nav{display:block;position: fixed;top:0px;bottom: 0px;right:-260px;height: 100%;width:260px;left:auto;transition:left 0ms ease-out;-webkit-transition:left 0ms ease-out;transition:right 250ms ease-out;-webkit-transition:right 250ms ease-out;overflow: hidden;} body.body_nav_phone .nav{right:0;left:auto;background: #999999;} .header{height: 40px;padding: 10px 0;} .header h1{padding: 0;margin: 0;margin-right: 0; margin-top: 0px;width:260px; margin-top: 8px;} .nav{font-size: 16px;} .nav>ul{padding: 15px 0;clear: both; float: none;} .nav>ul>li>a em{display: none;} .nav>ul>li>a{padding-top: 0; height: 25px; line-height: 25px;color: #fff; width: calc(100% - 60px); float: left; box-sizing: border-box; margin-left: 20px;} .nav>ul>li.on>a{background: none; color: #fff;} .nav>ul>li>span{display: inline-block; width: 20px; height: 25px; margin-right:0px;background: url(../images/xia.png) no-repeat center center; float: right;} .nav>ul>li>span.on{ background: url(../images/xia.png) no-repeat center center; float: right; transform: rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } .nav>ul>li>span{display: none; cursor: pointer; margin-right: 20px;} .nav>ul>li>span.cur{display: block;} .nav>ul>li{float: none; margin: 0; padding: 0;border-bottom: 1px solid #FFFFFF; overflow: hidden; font-size: 16px; background: none;} .navlist .wrap{width: 100%;} .navlist a:hover{color: #fff !important;} .navlist{height: auto;line-height: inherit; width: auto !important; display: none; left: 0; transform: translateX(0);} .navlist ul{margin-left: 0; left: 0 !important; margin-left: 0 !important; font-size: 16px; width: 100%; position: static;} .navlist{position: static; background: none; padding: 0 10px;} .navlist ul li{float: none; height:20px; line-height: 20px; margin-bottom: 5px; text-align: left;} .navlist ul li a{color: #fff; display: block;} .navlist ul li em{display: none;} .scrollHeader .header{height: 30px;} .header_height{height: 50px;} .scrollHeader .header h1{margin-top: 0px;} .scrollHeader .nav>ul>li>a{height: 25px; padding-top:0px;} .scrollHeader .navlist{top:0px;} .navlist{visibility: visible; clear: both; padding-left: 35px;} } /*鎵嬫満瀵艰埅*/ @media only screen and (min-width: 1023px){ .nav>ul>li:hover em{width: 100%;left: 0;} } /*鎵嬫満瀵艰埅end*/ @media only screen and (max-width:1024px){ .inbanner .swiper-container-horizontal>.swiper-pagination-bullets, .inbanner .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;} .index_02 dt img{width: 160px;} .index_mgbox h3{margin: 30px 0;} .mgbox_list03 a.tel_link{cursor:pointer;} .index_04 li{width: 100% !important; height: inherit;} .index_04 .index_mg03 .index_mgbox{border-bottom: 0;padding-bottom: 0;} .index_mgbox{border-left: 0; border-bottom: 1px dashed #ccc; padding: 20px 0;} .mgbox_list01 dl,.mgbox_list02 dl {margin-bottom: 20px;} .mgbox_list01 dl:last-child,.mgbox_list02 dl:last-child{margin-bottom: 0;} .index_mgbox h3{margin: 20px 0;} .footer .footer_b{line-height: 18px;} .index_04 .mgbox_img, .index_04 .mgbox_img img{margin:auto; width: 30px;} .index_mgbox h3{text-align: center;margin: 0; padding: 5px 0;margin-bottom: 10px;border-bottom: 1px dashed #eee;} } @media only screen and (max-width: 1520px) { .banner_text .wrap{width: 760px;} } @media only screen and (max-width: 1366px) { .banner_text .wrap{width: 650px;} } @media only screen and (max-width: 1024px) { .banner_text .wrap{width: 520px;} } @media only screen and (max-width: 1023px) { /* .banner_text .wrap{width: 470px;}*/ } @media only screen and (max-width:767px){ .banner_text .wrap{ float: none; width: 90%; margin: auto;text-align: center; } .ban_line{display: none;} .inbanner .swiper-container-horizontal>.swiper-pagination-bullets, .inbanner .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 5px;} .banner_text_p p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; height:inherit;height: 1.4em;font-size: 14px;} .banner_text_p{margin: 10px 0;} .inbanner .ban_more img{width: 30px; height: 30px;margin: auto; display: none;} .inbanner .swiper-pagination-bullet{margin: 0 4px !important;} .inbanner .swiper-pagination-bullet{width:10px;height:10px; background:#fff; border-radius: 50%;} .inbanner .swiper-pagination-bullet-active{ background:#0c5dc0;} .index_01 li{width: 100%;} .index_02{padding-top: 20px; padding-bottom: 0;} .index_02 li{width: 100%;margin-bottom: 20px;} .index_02 dt img{width:100px;} .index_02 dd p{margin-bottom: 0;} .index_02 li dd{font-size: 14px;} .index_news .swiper-button-prev,.index_news .swiper-button-next{width: 20px;} .index_news_box{margin: 0 40px;padding: 30px 15px;} .margin_b60, .index_title{margin-bottom: 20px;} .index_04{padding: 20px 0;} .index_03{padding: 50px 0;} .header{ background: rgba(255,255,255,0.9);} } /*@media only screen and (max-width:540px){ .banner_text_p{display: none;} }*/ @media only screen and (min-width: 1023px){ 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: #0c5dc0 !important;} .yes_animation{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;} .no_animation{transition: 0s all;-webkit-transition: 0s all;-moz-transition: 0s all;-o-transition: 0s all;-ms-transition: 0s all;} .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);} .index_03 h3 a:hover{color: #fff !important; opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;} .mgbox_list03 a.email:hover{opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;} .index_02 li dt img{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;} .index_02 li:hover dt img{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); } } body{position:relative;} .body_c{position: absolute;top:0;left:0;width:100%;height: 100%;background: #ccc; background: transparent; z-index:9;display: none; } .body_nav_phone .body_c{display: block;} .body_nav_phone .header .index_wrap{z-index: 9;} .header h1{position:relative;} .nav_blank{position:absolute;top:0;left: 0;width: 100%;height: 100%;background:transparent;display: none;} .body_nav_phone .nav_blank{display: block;} .bdsharebuttonbox{ margin-top: 60px; margin-bottom: 20px; } .bdsharebuttonbox a{background-position: 0 !important;} @media only screen and (max-width: 1024px) { .bdsharebuttonbox{ margin-top: 40px; margin-bottom: 15px; } } @media only screen and (max-width: 768px) { .bdsharebuttonbox{ margin-top: 20px; margin-bottom: 20px; } } .weixin_box {padding: 30px;background: #fff;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);position: fixed;left: 50%;top: 50%;z-index: 99991;display: none;} .weixin_close {position: absolute;top: 10px;right: 10px;color: #999;font-size: 16px;cursor: pointer;} .weixin_box dl {text-align: center;} .weixin_box dt img {width: 185px;height: 185px;} .weixin_box dd {margin-top: 10px;}