/* 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 } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #666; opacity: 0.5; } input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; } input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666; } 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; color: #323232; background: #fff;} a { text-decoration: none;-webkit-tap-highlight-color:transparent;color: #1B1B1B; } 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 } /*隐藏视频下载按钮*/ video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } *{box-sizing: border-box;-webkit-tap-highlight-color: transparent;} /*图片经过*/ .tran_scale{ overflow:hidden; display:block;} /*img{transition: All 0.7s ease-in-out;}*/ .tran_scale img{transform:scale(1,1); -webkit-transform:scale(1,1); transition:0.5s all; -webkit-transition:0.5s all;} /*两端对齐*/ .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%;} .ratio-img,.ratio-img img{width: 100%; max-height: 100%;} /*截字*/ .ellipsis{text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:99%;overflow:hidden; } .clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;overflow:hidden;} .bg-cover{background-size: cover; background-repeat: no-repeat; background-position: center;} .bg_layer{ position: absolute; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);} .wrap{max-width: 1280px; width:96%; margin:0 auto;} /*header*/ .header{width: 100%;height: 150px;transition: all 0.3s; background: #fff;position: relative;z-index: 9999;} .header h1{float: left; width: 245px; margin-top: 45px;} .header h1 a{display: block;} .header h1 img{max-width: 100%;} .search_box{ width:28px; height:28px; margin-top: 64px; display: block; position: relative; background: url(../images/dot01.png) no-repeat #fff; float:right; cursor: pointer;} .search_box_wrap{ position: absolute; width:210px; padding:0 5px 0 10px; height:38px; right:-12px; top:-6px; border:1px solid #000; border-radius: 20px; opacity:0; visibility: hidden; transition: 0.4s linear; -webkit-transition:0.4s linear; background: #fff;} .search_box_text{ background: none; border:0; width:154px; height:38px; line-height: 38px; float:left;} .search_box_button{ background: url(../images/dot01.png) no-repeat center; width:38px; height:38px; float:left; border:0;} .search_box.on .search_box_wrap{ opacity:1; visibility: visible;} nav{ text-align: center; float: left; width: calc(100% - 320px); margin-left: 40px;} nav>ul>li{height: 150px; line-height: 150px; display: inline-block; font-size: 16px;border-top: 4px solid #fff; margin:0 0.5%; padding:0 2%; transition:0.5s all; -webkit-transition:0.5s all;} .nav_box{position: relative;} nav>ul>li.on{ color: #000; border-top: 4px solid #0168B7;} nav>ul>li.on a{color: #219FFF;} nav>ul>li a{ color:#000;} nav>ul>li .nav_list{ display: none; position: absolute; top:146px; left:100%; margin-left:-75px;width:760px; z-index: 101; text-align: center;} nav>ul>li.li02 .nav_list{width: 800px;} nav>ul>li.li03 .nav_list{width: 320px;} nav>ul>li.li04 .nav_list{width: 450px;} nav>ul>li.li06 .nav_list{left: auto;right: 0;} nav>ul>li.li07 .nav_list{width: 380px;left: auto;right: 0;} nav>ul>li.li08 .nav_list{width: 430px;left: auto;right: 0;} @media only screen and (max-width: 1300px){ nav>ul>li.li02 .nav_list{left:-100px;} } nav>ul>li .nav_list li{float: left; margin:0; line-height: 56px; height: 56px;} nav>ul>li .nav_list li:last-child{border-bottom: none;} nav>ul>li .nav_list li a{color: #fff!important;} nav>ul>li ul li:first-child{ display: none !important; } .nav_blank_80{position: absolute;left: 0; top:100%;width: 100%;background: #0865c1; height: 56px;display: none;} .nav_list,.nav_list a{color: #fff;} .nav_list a:hover{color: #fff !important;} .nav_list ul{float: left;} .nav_list .nav_more{height: 56px; line-height: 56px; float: left;margin-left: 34px;} .nav_list em{display: inline-block; margin:0 10px;color: #fff;} .nav_list li:last-child em{display: none;} .nav_arrow{display: none; position: absolute;bottom:3px;left: 50%;width: 0;height: 0;overflow: hidden;margin: 0 0 0 -7px;border: 7px dashed transparent;border-bottom: 7px solid #0865c1} .nav_list .nav_more{height: 56px; line-height: 56px; float: left;margin-left: 34px;} .nav_list .nav_more a{background: #219fff; padding: 0 10px;color: #fff;} nav>ul>li.li06 .nav_list li,nav>ul>li.li07 .nav_list li,nav>ul>li.li08 .nav_list li{float: none; display: inline-block;} nav>ul>li.li06 .nav_list ul,nav>ul>li.li07 .nav_list ul,nav>ul>li.li08 .nav_list ul{float: none; width: 100%; text-align: right;height: 56px; line-height: 56px;} /*滚动导航*/ .header{position: fixed; width: 100%; top:0;left: 0;} .header h1,.search_box{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 a{transition: 0s all;-webkit-transition: 0s all;-moz-transition: 0s all;-o-transition: 0s all;-ms-transition: 0s all;} .height_height{height: 150px;} .scrollHeader .height_height{height: 90px;} .scrollHeader .header{height: 90px;box-shadow: 0px 0px 10px #555;} .scrollHeader .header h1{margin-top:10px;} .scrollHeader nav>ul>li{height: 90px; line-height: 90px;} .scrollHeader nav>ul>li .nav_list{top:86px} .scrollHeader .search_box{margin-top: 36px;} /*滚动导航*/ @media only screen and (min-width: 1024px) { 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: #0059C1!important;} .tran_scale:hover img{transform:scale(1.05,1.05) rotate(-1deg); -webkit-transform:scale(1.05,1.05) rotate(-1deg);} .ie9 .tran_scale:hover img{transform:scale(1) rotate(0deg); -webkit-transform:scale(1) rotate(0deg);} nav>ul>li:hover{border-top: 4px solid #0168B7;color: #000;} nav>ul>li a:hover{color: #000;} nav>ul>li .nav_list li a:hover{color: #fff!important;} nav>ul>li:hover .nav_arrow{display: block;} } /*footer*/ .bdsharebuttonbox{float: right;} .bdsharebuttonbox>a { display: block; float: left; background-position: left top !important; width: 27px !important; height: 27px !important; margin: 0px 0px 0 20px !important; padding: 0 !important; } .footer{background: #434242; padding:30px 0; color: #808080;} .footer a{color: #808080;} .footer .ll{ float: left; width: 70%;} .footer .rr{ float: right; width: 30%; text-align: right;} .footer .ll .cop{line-height: 24px;} .footer .ll .cop .foot_email{margin-left: 15px;} .footer .flink{ margin-bottom: 20px; } .footer .flink a{ float: left; color: #fff;} .footer .flink em{float: left; margin:0 15px; color: #7D7D7D;font-size: 12px;} .footer .rr a{margin-right: 28px;} .footer .rr span{float: right; width: 81px; height: 81px;} .footer .rr span img{width: 100%;} .footer .rr .sel_box{float: right; width: 240px; height: 30px;} /*模拟select*/ .footer .rr .select-box dt{cursor: pointer;position:relative; z-index:2; height: 30px; line-height: 30px; border:1px solid #fff;} .footer .rr .select-box dt a { display:block; color: #fff; text-indent: 10px;} .footer .rr .select-box .ico {width:30px; border-left: none; background:url(../images/x_xd.png) center no-repeat;} .footer .rr .select-box.open .ico{ transform: rotate(180deg);-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);} .footer .rr .select-box dd { display:none;position:absolute; margin-top:1px; border:1px solid #219FFF; border-top:0; background:#fff; max-height:200px;bottom:30px; left: -1px; right:-1px; overflow:auto; z-index:111111;} .footer .rr .select-box.open dd{ display: block; } .footer .rr .select-box dd a { display:block; margin:0; padding:2px 10px; color:#383838;} .footer .rr .select-box dd a.on,.footer .rr .select-box dd a:hover{ background:#219FFF; color:#fff!important;} .pc_nav_a{display:block;} .phone_nav_a{display: none;} @media (max-width:1279px){ nav>ul>li{padding:0 1%; font-size: 14px;} nav>ul>li .nav_list{width: 650px;} nav>ul>li.li02 .nav_list{width: 720px;} .footer .rr .sel_box{margin-top: 10px;} } @media only screen and (max-width: 1024px) { .header{position: fixed; width: 100%; z-index: 1000; height: 72px; border-bottom: 1px solid #CDD8ED;padding: 10px 0;} .height_height{height: 72px;} .scrollHeader .height_height{height: 72px;} .scrollHeader .header{height: 72px;} .scrollHeader .header h1{margin-top:0px;} .scrollHeader nav>ul>li{height: 40px; line-height: 40px;} .scrollHeader nav>ul>li .nav_list{top:0} .scrollHeader .search_box{margin-top: 12px;} .header h1{width: 200px;margin-top: 0;} .search_box{margin-top: 12px; margin-right:50px;} .footer{font-size: 12px; padding:20px 0;} /*.main{padding-top: 72px;}*/ .pc_nav_a{display:none; color: #fff;} .phone_nav_a{display: block; color: #fff;} nav>ul>li.on a{color: #fff;} .phone_menu { color: #000;display: block;float:right; position:absolute; top:12px;right:2%;background: none;width: 26px; height: 26px;transform: translateX(0px);} .phone_menu em.p1{ display:block; width:22px; height:2px; background:#000; position:absolute; top:50%; margin-top:-7px; left:50%; margin-left:-11px; border-radius:2px;transform:rotate(0deg);} .phone_menu em.p2{ display:block; width:22px; height:2px; background:#000; position:absolute; top:50%; margin-top:0; left:50%; margin-left:-11px; border-radius:2px;opacity:1;} .phone_menu em.p3{ display:block; width:22px; height:2px; background:#000; position:absolute; top:50%; margin-top:7px; left:50%; margin-left:-11px; border-radius:2px;transform:rotate(0deg);} .pBody .phone_menu{ transform:translateX(0px);} .pBody .phone_menu em.p1{ transform:rotate(45deg); margin-top:0;} .pBody .phone_menu em.p2{ opacity:0;} .pBody .phone_menu em.p3{ transform:rotate(-45deg); margin-top:0;} .pBody nav{ transform: translateX(0%); -webkit-transform: translateX(0%); box-shadow: -5px 0 10px rgba(0,0,0,0.3);background:#0168B7;} nav{ float: none; position: absolute; display: block; right:-2%; top:72px; width:220px; z-index: 500; transform: translateX(100%); -webkit-transform: translateX(100%);transition: 0.4s linear;-webkit-transition: 0.4s linear;} nav>ul{overflow-y: auto;overflow-x: hidden;position: absolute;bottom: 0px;top:0px;width:100%;} nav>ul>li{text-align: left; display: block;height: 40px; line-height: 40px;margin:0; padding:0; padding-left:20px; position: static; border-width: 1px!important; border-top:0;border-bottom: 1px solid #fff; } nav>ul>li.hassub{background: url(../images/hassub_on.png) 90% center no-repeat;} nav>ul>li .nav_list{ display: block!important; overflow-y: auto;overflow-x: hidden;margin:0; position: absolute;left:auto;top:0;bottom: 0px;width: 100% !important; height:100%!important; opacity: 0;visibility: hidden;right:-100%;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;z-index: 3;} nav>ul>li .nav_list li{height:auto;line-height:20px;border-bottom: 1px solid rgba(255,255,255,0.5); display: block; padding:10px 20px!important; text-align: left;} nav>ul>li>a{color: #fff!important;} nav>ul>li.show .nav_list{opacity: 1;visibility: visible;right:0; height: 100%!important;background:#0168B7; } nav>ul>li .nav_list li:first-child{ display: block !important; text-align: left; } nav>ul>li .nav_list li{float: none !important;display: block !important;} .nav_list em{display: none;} .nav_box{position: static;} .nav_list ul{float: none;} nav>ul>li .nav_list{left:100% !important;right:auto;} nav>ul>li.show .nav_list{left:0% !important;right:auto;} .nav_list .nav_more{margin-left: 0; margin-left: 20px; height: 20px;line-height:20px; text-align:left;} nav>ul>li .nav_list li a{display: block;} } @media (max-width:767px){ *{cursor: pointer;} .footer .ll,.footer .rr{width: 100%;float: none;} .footer .rr{width: 100%; margin: auto; margin-top: 20px;} .bdsharebuttonbox{float: left;} .bdsharebuttonbox>a{ margin: 0px 20px 0 0px !important;} .footer .rr .sel_box{margin-top: 0; width: 200px;} } /*header+footer end*/ /*首页开始*/ /*banner*/ .inbanner{width: 100%;position: relative;} .inbanner .swiper-container{width:100%;height:100%;overflow:hidden} .inbanner .txt{ text-align: center; width: 80%;color: #fff;line-height: 1.2;} .inbanner .txt h3{font-family: arial; margin-top: 1%; letter-spacing:3rem;} .inbanner .txt p{ margin-top:1%; font-family: arial; line-height: 1.5;max-height: 6em;overflow: hidden;} .inbanner .swiper-button-prev,.inbanner .swiper-button-next{left:2%; width: 61px; height: 120px; margin-top: -60px; opacity: 1; background: url(../images/dot02.png) no-repeat; background-size: cover!important;} .inbanner .swiper-button-next{left:auto;right:2%;background: url(../images/dot03.png) no-repeat;} .inbanner .swiper-pagination{ z-index: 100; } .inbanner h2,.inbanner h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .ind_ban_txt{position: absolute; left:0; bottom:0; width: 100%; height: 150px; background: rgba(0,0,0,0.2); z-index: 100; text-align: center;} .ind_ban_txt ul{height: 90px; margin:30px auto;} .ind_ban_txt li{display: inline-block; width: 24%; max-width: 175px; height: 90px; border-right: 1px solid #507EA4;} .ind_ban_txt li:last-child{border-right: none;} .ind_ban_txt li span{ height: 60px; line-height: 60px; float: left; width: 100%; text-align: center;} .ind_ban_txt li span img{ display: block; margin:0 auto;transition: all 0.3s; max-width: 58px; max-height: 58px;} .ind_ban_txt li span img+img{ display: none;transition: all 0.3s;} .ind_ban_txt li p{height: 30px; line-height: 30px; color: #fff;transition: all 0.3s;} /*banner*/ .ind_tit{text-align: center;} .ind_tit a{color: #000000;} .pad-100{padding: 100px 0;} .pad-120{padding: 120px 0;} .marb-70{margin-bottom: 70px;} /*index_part1*/ .index_part1 .ind_box{background: rgba(255,255,255,0.5); padding:4.5% 9.275%;} .index_part1 .ll_box{ float: left; width:25%; border-right: 1px solid #B3B3B3; line-height: 1.7;} .index_part1 .ll_box .img{max-width: 94px; margin-bottom: 30px;} .index_part1 .ll_box li{color: #777777;} .index_part1 .ll_box li span{cursor: pointer;} .index_part1 .ll_box li.on{color: #219FFF;} .index_part1 .ll_box a{color: #777777;} .index_part1 .rr_box{ float: right; width: 62%;} .index_part1 .rr_box dl dt{color: #000; margin: -1% 0 3.5%;} .index_part1 .rr_box dl dd{color: #777777; margin-bottom:10%;} .index_part1 .rr_box li{ float: left; width: 48%;margin:2% 0; background: url(../images/dot09.png) 0px 8px no-repeat;} .index_part1 .rr_box li:nth-child(2n){ float: right;} .index_part1 .rr_box li a{padding-left: 20px;color: #777777; display: inline-block;} /*index_part1*/ /*index_part2*/ .index_part2{ text-align: center; color: #fff; position: relative;} .index_part2 .inner{position: relative; z-index: 1;} .index_part2 h2{margin-bottom: 35px;} .index_part2 h3{margin-bottom: 20px;} .index_part2 a{ display: block; width: 23px; height: 41px; margin:5.5% auto 0; background: url(../images/dot10.png) no-repeat; background-size: cover;} /*index_part2*/ /*index_part3*/ .index_part3 .ll_box{ float: left; width: 49%; position: relative;} .index_part3 .rr_box{ float: right; width: 49%; position: relative; margin-bottom: 1.8%;} .index_part3 .rr_box+.rr_box{margin-bottom: 0;} .index_part3 .ll_box .txt,.index_part3 .rr_box .txt{position: absolute; left:0; top:0; padding:45px 55px; width: 100%; height: 100%;} .index_part3 .ll_box h2 span,.index_part3 .rr_box h2 span{position: relative; color: #fff;} .index_part3 .ll_box h2 span::before,.index_part3 .rr_box h2 span::before{content: ""; position: absolute; top:-47px; width: 100%; height: 5px; background: #219FFF;} .index_part3 .rr_box h2 a.more{ float: right; font-size: 14px; color: #fff; margin-top: 10px; border-bottom: 1px solid #52AACC;} .index_part3 .rr_box ul{margin:8% -20px 0;} .index_part3 .rr_box li{ padding:0 20px; float: left; width: 76%; margin:5px 0; height: 38px; line-height: 38px;} .index_part3 .rr_box li span{ color: #fff; max-width: 80%;} .index_part3 .rr_box li em{ float: right; margin:10px 0; width: 18px; height: 18px; opacity: 0.3; background: url(../images/dot11.png) no-repeat; } .index_part3 .rr_box p{color: #fff; margin-top: 3%;} /*index_part3*/ /*index_part4*/ .index_part4{position: relative;} .index_part4 .wrap{position: relative; z-index: 2;} .index_part4 .ind_tit{ margin-bottom: 3%; color: #fff;} .index_part4 ul{margin:0 -8% 7%;} .index_part4 li{float: left; width: 25.33%; margin:0 4%; position: relative;} .index_part4 li span{color: #219FFF; font-size: 12px; font-family: "arial"; margin-bottom: 15px; display: block;} .index_part4 li h2{color: #fff; line-height: 1.2;} .index_part4 li h2 a{color: #fff!important;} .index_part4 li .c{color: #C0C1C4; margin-top: 20px;} .index_part4 a.more{display: block; color: #fff!important;width: 140px; text-align: center; height: 40px; line-height: 40px; margin:0 auto; border-radius: 20px; background: #219FFF;} /*index_part4*/ @media only screen and (min-width: 1024px){ .ind_ban_txt li:hover span img{ display: none; } .ind_ban_txt li:hover span img+img{display: block;} .ind_ban_txt li:hover p{color: #219FFF;} .index_part3 .rr_box li:hover{ background: rgba(255,255,255,0.2); border-radius:30px;} .index_part3 .rr_box li:hover em{opacity: 1;} } @media only screen and (max-width: 1024px){ .inbanner .txt h2{font-size: 28px;} } @media only screen and (max-width: 1599px){ .pad-100,.pad-120{padding: 80px 0;} .marb-70{margin-bottom: 60px;} .inbanner .txt h3{letter-spacing:2rem;} .index_part4 ul{margin:0 -2% 7%;} .index_part4 li{width: 29.33%; margin:0 2%; } } @media only screen and (max-width: 1279px){ .pad-100,.pad-120{padding: 60px 0;} .marb-70{margin-bottom: 40px;} .inbanner .swiper-button-prev, .inbanner .swiper-button-next{width: 30px; height: 60px;margin-top: -30px;} .ind_ban_txt{position: static; height: auto; background: rgba(1,104,183,1);} .ind_ban_txt ul{margin:0; padding:2% 5%; width: 100%; height: auto; left:auto; bottom:auto;} .inbanner .txt h3{letter-spacing:1rem;} .index_part4 ul{margin:0 0 3%;} } @media only screen and (max-width: 1024px){ .pad-100,.pad-120{padding: 40px 0;} .marb-70{margin-bottom: 30px;} .inbanner .txt h3{letter-spacing:0.5rem;} .index_part1 .rr_box li{font-size: 12px; background-position: 0 6px;} .index_part2 a{width:16px; height: 28px;} .index_part3 .ll_box .txt, .index_part3 .rr_box .txt{padding:20px;} .index_part3 .ll_box h2 span::before, .index_part3 .rr_box h2 span::before{top:-22px;} .index_part3 .rr_box ul{margin-top: 10px;} .index_part3 .rr_box li{width: 100%; height: 28px; line-height: 28px;} .index_part3 .rr_box li em{margin:5px 0;} } @media only screen and (max-width: 767px){ .pad-100,.pad-120{padding: 30px 0;} .inbanner .swiper-slide{background: none!important;} .inbanner .swiper-slide img{} .inbanner .txt{padding:0 2%;} .inbanner .txt h2{font-size: 16px;} .inbanner .txt h3{font-size: 14px;} .inbanner .txt p{font-size: 12px;} .index_part1 .ind_box{padding:5%;} .index_part1 .ll_box{width: 32%; padding-right: 5%;} .index_part1 .rr_box li{width: 100%;} .index_part2 h2{margin-bottom: 10px;} .index_part3 .ll_box,.index_part3 .rr_box{width: 100%;margin-bottom: 0;} .index_part3 .rr_box+.rr_box{width: 100%;} .index_part4 li{width: 100%; margin-bottom: 5%;} .index_part3 .rr_box img{height: 200px!important;} } @media only screen and (max-width: 340px){ .ind_ban_txt li{width: 23%;} } /*首页结束*/ /*公用样式开始*/ .banner{position: relative;} .banner img{max-width: 100%;} .banner .txt{ position: absolute; left:0; bottom:45px; width: 100%;} .banner .txt h2{ color: #0059C1; font-weight: bold;} .site{ color: #2F3332; line-height: 20px; margin-top: 10px; } .site img{vertical-align: middle; margin-right: 4px; margin-top: -2px;} .site,.site a{ color: #0258c1;} .site span{ color: #fff;} .main_conts{padding:40px 0 80px;} @media only screen and (max-width:1024px) { .banner .txt{display: none;} .main_conts{padding: 20px 0; padding-bottom: 40px;} } /*page*/ .pageout{text-align: center;padding-bottom: 5px;clear: both;} .page{display:inline-block;*display:inline;*zoom:1; } .page {vertical-align:middle;text-align:center;margin: 20px auto; color:#2d2d2d; height:34px; line-height:34px; } .page span{color:#2d2d2d; float: left; } .page span em{ } .page i{ float: left; margin: 0 20px;} .page a{float: left; width:34px; height: 34px; line-height: 34px; border: 1px solid #cecece; color: #777777; background: #ffffff; margin-left: -1px; } .page a.on{background:#1a66d4;color:#fff;border: 1px solid #1a66d4; } .page a.prev {background:#1a66d4 url(../images/page_prev.png) center center no-repeat; text-indent:-10000px; margin-right:7px; border: 1px solid #1a66d4;} .page a.next {background:#1a66d4 url(../images/page_next.png) center center no-repeat; text-indent:-10000px; border: 1px solid #1a66d4;} .page a.prev.no{background:#cecece url(../images/page_prev_dis.png) center center no-repeat; border: 1px solid #cecece;} .page a.next.no{background:#cecece url(../images/page_next_dis.png) center center no-repeat; border: 1px solid #cecece;} .page a:first-child + a{} .page a.next{margin-right:6px; margin-left: 7px;} .page a.go{margin-left:10px; width: 44px; background: #1a66d4; color: #fff; border:1px solid #1a66d4; height: 24px; line-height: 24px; margin-top: 4px;} .page a.go:hover{color: #fff !important;} .page a.on:hover{color: #fff !important;} .page .txtnum{} .page .txtnum input{color:#353535; width:38px;height:20px; line-height:20px; padding: 0 5px; text-align:center;background:none;border: 1px solid #cecece; margin: 0 6px;} @media only screen and (max-width:640px) { .page a{display:none; font-weight: normal;} .page a.prev,.page a.next{display:block; display:inline-block;} .page i{margin:0 4px;} .page a.next{margin-left: 0;} } /*page*/ /*模拟select*/ .select-box { position:relative; height: 28px; line-height: 28px;} .select-box dt{border: 1px solid #6E6E6E; height: 28px; line-height: 28px;} .select-box dt a { display:block;position:relative; z-index:2;} .select-box dt a b { overflow:hidden; margin-right:50px;font-weight:normal; padding-left: 20px;} .select-box .ico { position:absolute; right:0; top:0; width:50px; height:100%; z-index:1; border-left:1px solid #6E6E6E; background:url(../images/dot_14.png) no-repeat center;} .select-box dd { display:none;} .select-body-box {position:absolute; margin-top:1px; border:1px solid #6E6E6E; background:#fff;max-height:200px; overflow:auto; z-index:111111;} .select-body-box a { display:block; padding:10px 20px; color:#666;} .selectmask { display:none;} @media only screen and (min-width:1025px) { .select-body-box:hover a.on { background:none; color:#666;} .select-body-box a.on, .select-body-box a:hover, .select-body-box:hover a.on:hover { background:#BE0E20; color:#fff;} } @media only screen and (max-width:767px) { /*模拟select*/ .select-body-box { z-index:100000; position:fixed; top:50%; left:10% !important; width:80% !important; max-height:80%; } .selectmask { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:2; display:block; } /**/ } /*公用样式结束*/ @media only screen and (min-width:1024px) { .index_part3 .rr_box h2 a.more:hover{color: #fff !important;} .index_part4 li h2 a:hover,.index_part3 .rr_box h2 a.more:hover{opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;} .index_part4 a.more:hover{background: #0168b7;} .footer a:hover{color:#fff !important;opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;} } .bd_weixin_popup .bd_weixin_popup_foot{display: none !important;} #bdshare_weixin_qrcode_dialog{height: 260px !important;} .header .wrap{position:relative} .header .m_y{position:absolute;top:10px;right:0} .header .m_y a{font-size: 18px; color:red;} @media only screen and (max-width:1024px) { .header .m_y{top:-8px;} .header .m_y a{font-size: 14px;} } .blank_40{position: fixed;top:0;left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);display: none; z-index: 9999; } .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_box dl{text-align: center;} .weixin_box dt img{width: 185px; height: 185px;} .weixin_box dd{margin-top: 10px;} .weixin_close{position: absolute; top:10px;right:10px; color: #999; font-size: 16px; cursor: pointer;}