锘?* 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;} 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; } 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-weight:bold } .edit_con_original h2 { font-weight:bold } .edit_con_original h3 { font-weight:bold } .edit_con_original h4 { font-weight:bold } .edit_con_original h5 { font-weight:bold } .edit_con_original h6 { 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%;display: block;margin: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%);-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;} /* 闃块噷鍥炬爣 */ [class*='icon']{ font-family: 'iconfont'; } body,a{color: #323232;} a{transition: all .3s;} @media only screen and (min-width:1025px) { a:hover{color: #ff0202!important;} } .wrap{width: 1440px;max-width: 90%;margin: auto;} @media only screen and (max-width:1370px) { .wrap{max-width: 94%;} } .index_wrap{width: 1765px;max-width: 97%;margin: auto;} .new_wrap{width: 1440px;max-width: 94%;margin: auto;} .line24{line-height: 24px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .line30{line-height: 30px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .ellipsis_p{ display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ratio-img,.ratio-img img{width: 100%;} .bold{font-weight: bold;} .ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} @media only screen and (max-width:1024px) { .wrap{max-width: 94%;margin: 0 auto;} } @media only screen and (max-width:345px) { .wrap{max-width: 97%;margin: 0 auto;} } /*font-size*/ .fnt_12 { font-size: 12px;} .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_26 { font-size:26px;} .fnt_28 { font-size:28px;} .fnt_30 { font-size:30px;} .fnt_32 { font-size:32px;} .fnt_36 { font-size:36px;} .fnt_38 { font-size:38px;} .fnt_40 { font-size:40px;} .fnt_42 { font-size:42px;} .fnt_48 { font-size:48px;} .fnt_52 { font-size:52px;} .fnt_60{ font-size:60px;} .fnt_72{ font-size:72px;} .fnt_90{ font-size:90px;} @media only screen and (max-width:1800px) { .fnt_60{ font-size:54px;} } @media only screen and (max-width:1660px) { .fnt_60{ font-size:44px;} .fnt_22 {font-size: 20px;} } @media only screen and (max-width:1440px) { .fnt_22 {font-size: 18px;} .fnt_24 { font-size:20px;} .fnt_26 { font-size:22px;} .fnt_28 { font-size:24px;} .fnt_30 { font-size:28px;} .fnt_32 { font-size:28px;} .fnt_36 { font-size:30px;} .fnt_38 { font-size:31px;} .fnt_40 { font-size:32px;} .fnt_42 { font-size:34px;} .fnt_48 { font-size:40px;} .fnt_52 { font-size:44px;} /*.fnt_60{ font-size:56px;}*/ .fnt_72{ font-size:60px;} .fnt_90{ font-size:72px;} } @media only screen and (max-width:1366px) { .fnt_20 { font-size:18px;} .fnt_26 { font-size:20px;} .fnt_28 { font-size:22px;} .fnt_30 { font-size:24px;} .fnt_32 { font-size:24px;} .fnt_36 { font-size:26px;} .fnt_38 { font-size:27px;} .fnt_40 { font-size:28px;} .fnt_42 { font-size:30px;} .fnt_48 { font-size:36px;} .fnt_52 { font-size:40px;} .fnt_60{ font-size:44px;} .fnt_72{ font-size:48px;} .fnt_90{ font-size:52px;} } @media only screen and (max-width:1280px) { .fnt_22 {font-size: 16px;} .fnt_26 { font-size:18px;} .fnt_28 { font-size:20px;} .fnt_30 { font-size:22px;} .fnt_32 { font-size:22px;} .fnt_36 { font-size:24px;} .fnt_38 { font-size:25px;} .fnt_40 { font-size:26px;} .fnt_42 { font-size:28px;} .fnt_48 { font-size:32px;} .fnt_60{ font-size:36px;} .fnt_72{ font-size:40px;} .fnt_90{ font-size:42px;} } @media only screen and (max-width:1024px) { .fnt_16 { font-size:14px;} .fnt_18 { font-size:16px;} .fnt_20 { font-size:16px;} .fnt_24 { font-size:18px;} .fnt_30 { font-size:20px;} .fnt_36 { font-size:22px;} .fnt_38 { font-size:22px;} .fnt_40 { font-size:22px;} .fnt_42 { font-size:24px;} .fnt_48 { font-size:26px;} .fnt_52 { font-size:28px;} .fnt_60{ font-size:32px;} .fnt_72{ font-size:36px;} .fnt_90{ font-size:36px;} } @media only screen and (max-width:767px) { /*.fnt_20 { font-size:16px;}*/ /*.fnt_24 { font-size:16px;}*/ /*.fnt_30 { font-size:18px;}*/ /*.fnt_36 { font-size:20px;}*/ /*.fnt_48 { font-size:20px;}*/ /*.fnt_52 { font-size:20px;}*/ .fnt_60{ font-size:24px;} .fnt_72{ font-size:24px;} .fnt_90{ font-size:30px;} } .header_re{float: right;transition: all .3s;width: calc(100% - 180px);} .header_boxR{float: right;width: 250px;font-size: 12px;line-height: 60px;border-top: 1px solid #d7d8df;box-sizing: border-box;margin-left: 50px;} .boxR_l{float: left;} .boxR_l p{float: left;margin-right: 10px;vertical-align: middle;} .boxR_l span{font-size: 18px;color: #ec0e4a;line-height: 60px;height: 60px;} .boxR_l.on span{color: #0d9d32;} .boxR_l.on i{transform: rotate(180deg);display: inline-block;} .language{float: right;line-height: 60px;color: #393a3f;margin-left: 20px;transition: all .3s;font-size: 12px;} .language a{color: #282828;font-size: 16px;} .language a.on{color: #004ea2;} .language em{float: left;margin: 0 5px;color: #fff;} /*.login*/ .header_re-t{overflow: hidden;height: 35px;line-height: 35px;text-align: right;color: #80839a;font-size: 12px;} .header_re-t a{color: #80839a;} /*鎼滅储*/ .header_search{float: left;margin-left: 7px;} .search_btn,.nav_phone_btn{line-height: 40px;font-size: 20px;} .header_search{ position: relative;float: right; margin-top: 10px;} .search_btn{cursor: pointer;position: relative;float: right;width: 40px;text-align: center;} .search_btn.on{opacity:0.6;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6;} .search_btn:before{color: #393a3f;} .search_btn:before,.search_box_btn:before{font-size: 20px;} .search_box { background: #fff;width: 100px;right: 0px; position: absolute;top:0px;margin-top: 0;z-index: 91; visibility: hidden; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; border: 1px solid #eee; height: 40px; overflow: hidden; box-sizing: border-box; line-height: 40px; } .search_box.on {width: 360px;visibility: visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1;} .search_box_input {width: calc(100% - 60px); padding: 0 10px;float: left;border: 0;height: 40px;outline: none;line-height: 40px;background: #fff;} .search_box_btn { height: 40px;width: 40px;background: none;border: 0;outline: none; float: right; position: relative; } .search_box_btn:before{content: "\e6e7";position: absolute;top:0;left: 0;width: 100%;height: 100%; line-height: 40px; } .menu{float: right;line-height: 60px;font-size: 20px;} /*鎼滅储*/ .header{position: fixed;top:0;left: 0;width: 100%;height: 60px; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s; z-index: 9999; } .height_height{height: 60px;} .header_in{} .header h1{float: left;overflow: hidden;width: 147px;margin-top: 14.5px;height: 31px;} .header h1 a{display: block;} .header h1 img{width: 100%;height: 100%;} .header_box{float: right;transition: all .3s} .header_box.on{width: 0;} .nav{transition: all .3s;} .nav>ul>li{float: left;line-height: 40px;} .nav>ul>li:nth-child(2){} .nav>ul>li.special_li{position: inherit;line-height: 60px;} .nav>ul>li>span{display: none;} .nav>ul>li>a{color: #393a3f;display: block;} .nav li>a span{position: relative;display: block;padding:0 28px;height: 60px;line-height: 60px;} .nav li>a i{position: absolute;left:50%;bottom: 0;height: 6px;width: 0%; background: #ff0202;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .nav li.on>a i{width: 100%;left: 0;} .scrollHeader .header{box-shadow: 0 0 10px rgba(0,0,0,0.2);background: rgba(0,0,0,0.7);} /*xiala*/ .nav{float: left;} .navlist{position: absolute;left: 0;top:100%;background:rgba(255,255,255,0.9);overflow: hidden; box-sizing: border-box;width: 100%;display: none;} .nav_listL{float: left;background: #f1f6f7;width: 476px;padding: 40px 40px 40px 140px;box-sizing: border-box;position: absolute;left: 0;height: 100%;} .nav_listR{float: right;background: #fff;width: calc(100% - 476px);padding: 35px 0;box-sizing: border-box;} .navlist dl dd{padding: 0 75px;} .nav_listL li{margin-bottom: 20px;overflow: hidden;line-height: 24px;cursor: pointer;transition: all .3s;} .nav_listL li.on{color: #ff0202;} .nav_listL li.on i{color: #ff0202;} .nav_listL p{float: left;text-align: right;width: calc(100% - 40px);} .nav_listL i{float: left;width: 40px;font-size: 20px;font-weight: bold;text-align: right;} .nav_listR li{margin-right: 2%;float: left;line-height: 35px;width: 20%;} .navlist.navlist_2 .nav_listL p{text-align: left;} .navlist.navlist_2 .nav_listR{transition: all .3s;} .navlist.navlist_2 dl dd,.navlist.navlist_2 dl dt{float: left;width: 42%;box-sizing: border-box;padding: 0 40px;padding-right: 0;} .navlist.navlist_2 dl dd{border-right: 1px solid #d0d0d0;} .navlist.navlist_2 ul li{float: none;width: 100%;} .navlist.navlist_2 dl li{line-height: 24px;margin-bottom: 20px;} .navlist.navlist_2 dl li span{display: none;} .nav_listR .dtItem{display: none!important;} .nav_listR .dtItem.on{display: block!important;} .navlist.navlist_2 .nav_listR dd li.on a{color: #ff0202;} .header.on{background: rgba(0,0,0,0.7);} .header .return_a{display: none;} .specialBody .header.on{} .nav_listL li{cursor: inherit;} @media only screen and (min-width: 1025px){ .nav li:hover>a i {width: 100%;left: 0;} /*.nav_listL li:hover{color: #ff0202;}*/ .nav_listR li a:hover{text-decoration: underline;} } @media only screen and (max-width:1660px) { .nav{} .nav_listL li{margin-bottom: 10px;} .navlist.navlist_2 dl li{line-height: 24px;margin-bottom: 10px;} } @media only screen and (max-width:1580px) { .nav>ul>li>a span{padding: 0 18px;} .header_boxR{margin-left: 20px;} .nav li>a i{height: 3px;} .navlist dl dd{padding: 0 40px;} } @media only screen and (max-width:1500px) { /*.nav>ul>li>a{padding: 0 18px;}*/ .nav{} } @media only screen and (max-width:1400px) { .nav>ul>li>a span{padding: 0 10px;} .nav{font-size: 16px;} .header_in{padding: 0 20px;} .navlist.navlist_2 dl dd, .navlist.navlist_2 dl dt{padding: 0 40px;} } @media only screen and (max-width:1361px) { .header_boxR{margin-left: 20px;} } @media only screen and (max-width:1280px) { .nav_listL{width: 350px;padding: 40px 40px 40px 40px;} .nav_listR{width: calc(100% - 350px);} .nav>ul>li>a span{padding: 0 10px;} } @media only screen and (max-width:1260px) { /*.header h1{width: 130px;margin-top: 18px;}*/ .header_search{margin-left: 10px;} } @media only screen and (max-width:1200px) { .nav{} .nav>ul>li>a span { padding: 0 5px; font-size: 14px; } } @media only screen and (max-width:1100px) { .header_boxR{width: 240px;margin-left: 10px;} .nav>ul>li>a span { padding: 0 3px; } } .nav_phone_btn{display:none;} @media only screen and (max-width:1024px) { .nav>ul>li>a span {height: auto;line-height: 40px;} .nav>ul>li>span{display: block;} .menu{display: none;} .header_in{margin-top: 0;} .header_in,.header,.height_height{} .scrollHeader .header{} .nav{margin-right: 0;} /*鎵嬫満鎸夐挳*/ .nav .icon-you,.header .return_a{display: block;} .nav li>a i {display: none;} .nav li.cur .navlist {right: 0;} .nav_phone_btn{display:block;float: right;} .nav_phone_btn span,.nav_phone_btn em{ transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; } .nav_phone_btn{float: right;position: relative;width: 60px;cursor: pointer;} .nav_phone_btn span i{display:block;width: 32px;height: 2px;background: #ff0202;margin-top: 8px;} .nav_phone_btn span i:first-child{margin-top: 0;} .nav_phone_btn em{color: #ff0202;font-size: 20px;visibility: hidden;opacity: 0;} .visible_nav span{visibility: hidden;opacity:0;} .visible_nav em{visibility: visible;opacity: 1;} .nav_phone_btn span i{width: 20px;} .nav_phone_btn span i{margin-top: 6px;} .nav_phone_btn{width: 40px;height: 60px;} .header_box{position: fixed;bottom:0;right:-100%;width:100%;background: #044289;height: calc(100% - 60px);} .nav,.nav>ul>li{float: none; border-bottom: 1px solid rgba(255,255,255,0.1);line-height: initial;height: auto;} .nav>ul>li>a{height: 40px;line-height: 40px;font-weight: normal;font-size: 16px;padding: 0 20px;color: #fff;} .header_box{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .navbody .header_box{right: 0;} .nav>ul>li>a,.header .return_a{font-size: 14px;} .nav>ul>li{position: static;} .nav_list{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .nav li{float: none;border-bottom: 1px dashed rgba(255,255,255,0.2);display: table;width: 100%;position: static;line-height: 40px;} .nav li a{color: #fff;} .nav li>a{line-height: 40px;width:calc(100% - 90px);float:left;} .nav li>span,.header .return_a{display: block;color: #fff;} .nav li>span{width: 50px;text-align: center;float: right;line-height: 40px;} .header_search{margin:0;width: 100%;padding:0 20px;box-sizing:border-box;margin-top: 0px;margin-bottom: 20px;} .header_re{margin-top: 0;} .search_btn{display: none;} .search_btn:before, .search_box_btn:before{font-size: 18px;} .search_box{position: static; width: 100%;visibility: visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1;margin-top: 0px;} .navlist {display: block;top: 0;left: auto;right: -100%;margin: 0;width: 100%;height: 100%;background: #044289;padding: 0;z-index: 9;padding-top: 40px; box-sizing: border-box;text-align: left; } .navlist .wrap{width: 100%;max-width: 100%;} .navlist dl{padding: 0;} .navlist .nav_iteam{border-bottom: 1px solid rgba(255,255,255,0.1);} .navlist_6 .nav_iteam{width: 100%;} .nav>ul>li>a,.navlist h3,.navlist p{margin-bottom: 0;height: 40px;line-height: 40px;} .navlist p{display: block;padding: 0;background: none;} .navlist dl{padding: 0;} .navlist p a,.nav_iteam a{display: block;padding: 0 20px;} .navlist p{padding: 0;} .header .return_a{background: #023268;display: block;} /*.navlist dd{display: none;}*/ .nav_iteam dt{overflow: hidden;} .nav_iteam h3{float: left;width: calc(100% - 50px)} .nav_iteam dd .return_a{display:none;} .nav_iteam dt span{float: right;width: 50px;height: 40px;line-height: 40px;text-align:center;color: #fff;display: block;} .nav_iteam dt .icon-jian{display: none;} .nav_iteam dt.on .icon-jian{display: block;} .nav_iteam dt.on .icon-jia{display: none;} .navlist h3{line-height: 40px;padding: 0;} .nav_p {padding-left: 20px;} .header_box, .navlist {transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;} .language{float: left;height: auto;margin-top: 0;line-height: 40px;color: #fff;} .language a{color: #fff;} .language a.on{color: #ec5507;} .header_re{height: auto;} .header_boxR{border-top: 0!important;line-height: 40px;margin-right: 20px;} .boxR_l span{height: 40px;line-height: 40px;} .nav_listL{display: none;} .nav_listR{background: none;width: 100%;padding: 10px 0;} .navlist dl dd{padding: 0;} .nav_listR li{padding: 0 20px;} .navlist.navlist_2 .nav_listL{display: block;width: 100%;background: none;color: #fff;position: static;padding: 10px 0;} .navlist.navlist_2 .nav_listR{display: block;width: 100%;position: absolute;left: auto;right: -100%;top: 0;background: #044289;z-index: 10;height: 100%;} .navlist.navlist_2 ul li{ /*padding: 0 20px;*/ box-sizing: border-box;margin-bottom: 0;} .navlist.navlist_2 .nav_listR.cur{right: 0;} .navlist.navlist_2 dl dd, .navlist.navlist_2 dl dt{padding: 10px 0;width: 100%;} .navlist.navlist_2 .nav_listR{padding: 40px 0;} .navlist.navlist_2 dl>div{overflow: hidden;} .navlist.navlist_2 dl dd{width: 100%;} .nav_listR02{transition: all .3s;display: block;width: 100%;position: absolute;left: auto;right: -100%;top: 0; background: #044289;z-index: 10;height: 100%;padding: 40px 0;} .nav_listR02.cur{right: 0;} .nav_listR01 li span{text-align: right;} .nav_listR02 li a{width: 100%;} .nav_listL li p{width: calc(100% - 90px);} .nav_listL i{width: 90px;text-align: right;padding-right: 20px;box-sizing: border-box;} .navlist.navlist_2 dl li span{display: block;} .nav>ul>li:nth-child(5) .nav_listR li{width:100%!important;} } @media only screen and (max-width:767px) { .header{height: 60px;} .header_in{padding: 0 10px;} .height_height{height: 60px;} /*.header h1{width: 90px;margin-top: 20px;}*/ .header_re-t{height: 30px;line-height: 30px;margin-right: 10px;} .header_box{height: calc(100% - 60px);} .nav>ul>li>a, .navlist h3, .navlist p{line-height: 40px;height: 40px;} .nav_phone_btn{height: 40px;line-height: 40px;margin-top: 10px;} .header_re{width: calc(100% - 150px);} } /*footer*/ .footer{background: #262931;padding: 40px 0 110px;box-sizing: border-box;} .footer_t ul li{float: left;} .footer_t ul li a{color: #fff;} .footer_l{float: left;width: calc(100% - 280px);} .footer_r{float: right;width: 260px;} .footer_l ul{overflow: hidden;margin-bottom: 30px;} .footer_t ul{} .footer_l ul li{float: left;padding: 0 30px;color: #fff;position: relative;} .footer_l ul li::after{content: "";width: 1px;height: 16px;background: #5f6569;display: block;position: absolute;right: 0;top: 50%;margin-top: -8px;} .footer_l ul li a{color: #fff;} .footer_l ul li p{font-weight: bold;} .footer_l ul li p span{font-weight: 300;} .footer_l ul li:first-child{padding-left: 0;} .footer_l ul li:last-child::after{display: none;} .footer_b{color: #858d8f;} .footer_b span{margin-right: 20px;} .footer_b a{color: #858d8f;} .select_item{margin-bottom: 10px;display: inline-block;width: 100%;} .selectInput { width: 100%; height: 40px; padding: 0px 18px; border-radius: 5px; position: relative; float: left; box-sizing: border-box; color: #fff; background: #3c3f46; font-size: 12px; } .selectInput input { width: 100%; background: none; border: none; height: 100%; color: #fff; font-size: 14px; cursor: pointer; position: relative; z-index: 2; } .selectInput i { color: #ec0e4a; top: 0px; right: 20px; position: absolute; font-size: 16px; line-height: 40px; transition: all .3s; } .selectUl { background: #fff; position: absolute; box-sizing: border-box; bottom: 40px; width: 100%; left: 0px; font-size: 12px; line-height: 26px; transition: all .3s; z-index: 100; height: 0; overflow: hidden;; } .selectUl { } .selectUl li { padding: 0 18px; } .selectUl li a { /*color: #022754;*/ } .selectInput.on i{transform: rotate(180deg);} .selectUl.on{height: auto; padding: 10px 0;overflow: inherit;display: inline-table;} @media only screen and (max-width:1560px) { .footer_l ul li{padding: 0 15px;} } @media only screen and (max-width:1281px) { .footer_l,.footer_r{width: 100%;} .footer_r{margin-top: 40px;} .select_item{width: 32%;margin-right: 2%;float: left;} .select_item:nth-child(3){margin-right: 0;} } @media only screen and (max-width:1024px) { .footer{padding: 40px 0 80px;} .footer_l ul li{float: left;width: 50%;box-sizing: border-box;padding: 0;margin-bottom: 10px;} .footer_l ul li:after{display: none;} } @media only screen and (max-width:767px) { .footer{padding: 20px 0;} .footer_l ul{margin-bottom: 10px;} .footer_l ul li{width: 100%;} .footer_r{margin-top: 20px;} .select_item{width: 100%;margin-right: 0;} } @media only screen and (max-width: 345px){ } .weixin{ position:fixed; width:300px; height:auto; z-index:100000; left:50%; top:50%; margin:-200px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;} .weixin .c{ position:absolute; width:30px; height:30px; background:url(../images/x.png); overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;} .weixin h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px; font-weight:normal;} .weixin .img{ padding:30px 0 10px; text-align:center; border-top:1px solid #ddd;} .weixin p { margin:0 1.5% 20px; text-align:center; } .weixin .img img{ width: 200px; height: 200px; display: block; margin: auto; } .site_banner{position: relative;} .site_text{width: 100%;color: #fff;z-index: 2;} .site_text p{text-transform: uppercase;font-weight: 300;} .idea_body .site_text p{font-size: 28px;font-weight: inherit;} @media only screen and (max-width:1440px) { .idea_body .site_text p{font-size: 26px;} } @media only screen and (max-width:1366px) { .idea_body .site_text p{font-size: 24px;} } @media only screen and (max-width:1024px) { .idea_body .site_text p{font-size: 18px;} } @media only screen and (max-width:767px) { .idea_body .site_text p{font-size: 16px;} } @media only screen and (max-width:767px) { .site_banner>img{display: none;} .site_banner{ height: 240px !important;background-size: cover !important;} } /*.indexBody{background: rgba(0,0,0,0.1);}*/ header{background: url(../images/header_bg.png) no-repeat;background-size: 100% 100%;} header .nav>ul>li>a{color: #fff;} .header_boxR{border-top: 1px solid rgba(255,255,255,0.34);} .boxR_l p{color: #fff;} .language a{color: #fff;} .search_btn:before{color: #fff;} .three_item{ position: absolute; left: 120%; width: 150%; top: 0; display: none; } .navlist.navlist_2 dl ul{position: relative;} .navlist.navlist_2 dl li.on .three_item{display: block;padding-left:20px;box-sizing: border-box;} .navlist.navlist_2 dl li .three_item li{float: left;width: 50%;padding-right: 20px;box-sizing: border-box;margin-right: 0;} .navlist.navlist_2 .nav_listR dd li.on .three_item a{color: #000!important;} @media only screen and (min-width:1025px) { .navlist.navlist_2 dl li:hover .three_item a{color:#ff0202!important;} } @media only screen and (max-width:1024px) { .three_item{ display: block; width: 100%; position: absolute; left: auto; right: -100%; top: 40px; background: #044289; z-index: 10; height: 100%; transition: all .3s; } .navlist.navlist_2 dl li.cur .three_item{right: 0;} } @media only screen and (max-width:1024px) { .footer_t ul li{width: auto;margin-right: 10px;} } @media only screen and (max-width:767px) { .navlist.navlist_2 dl ul{position: inherit;width: 100% !important;} .navlist.navlist_2 dl ul li{display: table;float: none;width: 100% !important;} } .nav>ul>li:nth-child(2) .navlist.navlist_2,.nav>ul>li:nth-child(2) .nav_listR{min-height: 310px;} @media only screen and (max-width:1024px) { .navlist.navlist_2,.nav_listR{min-height: inherit;} } /*鍙充晶*/ .sidebar{ position: fixed; right:9px; width:64px;z-index: 999;bottom: 170px;display: none;} .sidebar.on{display: block;} .sidebar ul{width:100%;} .sidebar li{ transition:0.5s all; -webkit-transition:0.5s all; cursor: pointer; float: right; width:64px; position: relative; background: #0a70d2;; -moz-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all;} .sidebar li.toTop{text-align: center;padding: 14px 0 8px;transition: all .3s;} .toTop a{color: #fff;border-bottom: 0!important;} .toTop a em{width: 24px;height: 2px;display: block;background: #fff;margin: 0 auto;} .toTop a span{font-size: 26px;line-height: 25px;} .toTop a p{font-size: 12px;color: rgba(255,255,255,.5);} @media only screen and (min-width: 1025px){ .sidebar li.toTop:hover{background: rgba(10,112,210,.8);} .toTop a:hover{color: #fff!important;} .footer_l ul li a.tel_link{cursor: inherit;} .footer_l ul li a.tel_link:hover{color: #fff!important;} } @media only screen and (max-width: 767px) { /*.sidebar{display: none;}*/ } .en_span{font-size:12px;display:block;}