@charset "utf-8"; /*格式化*/ html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;} body{ font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; background:#fff; font-size: 14px;} li, ol { list-style:none; } ins { text-decoration:none; } i, em { font-style:normal; } a { text-decoration:none;font-family:"Microsoft Yahei";} a:hover { cursor:pointer; text-decoration:none;} a:active{star:expression(this.onFocus=this.blur());} :focus{outline:0;} .clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';} .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} img{ padding:0; margin:0;} a img { border:none; } input,textarea{ border:none;font-family:"Microsoft Yahei"; } h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size: 14px; } .f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";} .f_cb,.f_cbli li{zoom:1;} .f_fl{ float:left;} .f_fr{ float:right;} .f_pr{ position: relative;} .f_pa{ position: absolute;} html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);} @media screen and (min-width:320px){html{font-size: 10px;}} @media screen and (min-width:360px){html{font-size: 11.25px;}} @media screen and (min-width:375px){html{font-size: 11.7px;}} @media screen and (min-width:480px){html{font-size: 15px;}} @media screen and (min-width:414px){html{font-size: 13px;}} @media screen and (min-width:560px){html{font-size: 17.5px;}} @media screen and (min-width:640px){html{font-size: 20px;}} .f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";} .f_cb,.f_cbli li{zoom:1;} .f_fl{ float:left;} .f_fr{ float:right;} .f_pr{ position: relative;} .f_pa{ position: absolute;} .swiper-container{ width: 100%;max-width: 640px;margin: 0 auto; min-width: 320px; overflow:hidden; position:relative; } img{ width: 100%; display: inline-block;} .g-adv { width: 100%; position: relative; clear:both; overflow:hidden;} .g-adv img{ width:100%;} /**/ .zc_no1{ overflow: hidden; padding-bottom: 3.3rem;} .zc_no1 h3{ text-align: center; color:#333333; font-size: 1.53rem; position: relative; padding-bottom: 2rem;} .zc_no1 h3:before{ content:""; position:absolute;height:1px;width:1rem;left:48%;top:5rem; background:#ccc;} .zc_no1 h3 span{ display: block; color: #e8e8e8; font-size:2rem; text-transform: uppercase; font-family: Impact; font-weight: normal; padding-bottom: 0.3rem;} .zc_no1 ul{ overflow: hidden;} .zc_no1 ul li{ width: 100%; float: left; background: #fff; text-align: center; font-size: 1rem; font-size: 0.92rem; color: #fff; } .zc_no1 ul li span{ display: block; } /**/ .ds_on1{background: url("../images/bg1.jpg") no-repeat; background-size:100% 58rem; height: 58rem; margin-bottom:3.2rem;} .ds_on1 h3{ text-align: center; color:#fff; font-size: 1.65rem; position: relative; padding-bottom:1.85rem; padding-top: 3.35rem;} .ds_on1 h3:before{ content:""; position:absolute;height:1px;width:1rem;left:48%;top:88%; background:#ccc;} .ds_on1 h3 span{ display: block; color: #fff; font-size:2rem; text-transform: uppercase; font-family: Impact; font-weight: normal; padding-bottom: 0.3rem;} .ds_on1 h3 i{ display: block; font-size: 0.75rem;} .m_on1{ margin: 0 3.1% 1.6rem; background: #fff; box-sizing: border-box; padding: 0.4rem 0.4rem 0.2rem; font-size: 0;} .m_on1 ul{ overflow: hidden;} .m_on1 ul li{ float: left; width: 49.5%; border-bottom: 0.2rem solid #fff;}.m_on1 ul li:nth-child(2n){ float: right;} .m_on2{ margin: 0 3.1% 1.6rem;} .m_on2 ul{ overflow: hidden;} .m_on2 ul li{ float: left; width: 50%; box-sizing: border-box; border-bottom: 1px solid #274479; border-right: 1px solid #274479; height:8.7rem; padding-bottom:1rem; overflow:hidden;} .m_on2 ul li:nth-child(2n){ border-right: none; padding-left: 3%;} .m_on2 ul li span{ display: block; width: 2.4rem; font-size: 0; float: left;margin-top:1rem;} .m_on2 ul li i{ display: block; font-size: 1rem; color: #fff; padding: 0.3rem 0; width: 76%; float: right;padding-top:0.75rem;} .m_on2 ul li em{ display: block; color: #b8bac4; font-size: 0.75rem; clear: both; padding-top: 0.5rem;} .m_on2 ul li:nth-child(5),.m_on2 ul li:nth-child(6){ border-bottom: none;} /**/ .g_ys{position: relative; margin-bottom:2rem;} .g_ys h3{ text-align: center; color:#333; font-size: 1.65rem; position: relative; padding-bottom:1.85rem;} .g_ys h3:before{ content:""; position:absolute;height:1px;width:1.25rem;left:48%;top:78%; background:#ccc;} .g_ys h3 span{ display: block; color: #e8e8e8; font-size:2rem; text-transform: uppercase; font-family: Impact; font-weight: normal; padding-bottom: 0.3rem;} .g_ys .tabs{height:7.5rem; position: absolute;left:3.1%;top:6.5rem;z-index: 100; width: 94%} .g_ys .tabs a{float: left;width: 25%; box-sizing:border-box; border-right:1px solid #fff;height: 6.7rem; padding-top: 1rem; background:#063990; text-align: center;font-size:0.92rem;color: #fff;} .g_ys .tabs a:nth-child(4){margin-right: 0;} .g_ys .tabs .active{background:#4d7fc9;} .g_ys .tabs em{ display: block; font-size: 0.92rem;} .g_ys .tabs i{ display: block; color: #7788b6; font-size: 0.5rem; text-transform: uppercase;} .g_ys .tabs b{display: block; width: 2.71rem; margin: 0 auto;} .g_ys .tabs .active i{ color: #fff;} .g_ys dl{ margin: 7.5rem 3.3% 0;background: #f6f6f6; } .g_ys dl dt{ font-size: 0;} .g_ys dl dd{ background: #4d7fc9;} .g_ys dl dd p{ font-size: 0.92rem; color: #fff; padding: 0.65rem;} .g_ys .swiper-pagination-bullets {bottom: 3rem;position: absolute;} .g_ys .swiper-pagination-bullets .swiper-pagination-bullet{width: 1.3rem;height: 1.3rem;border-radius: 50%;font-size: 1.8rem;color: #999999;margin-right: 0.6rem;text-align: center;line-height: 3rem; background: #747474; } .g_ys .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #ff7e00;color: #fff;} .g_ys .m_ys .swiper-button-prev{background:url(../images/uu.png) no-repeat;background-size: 100%;width:1.7rem;height:3.3rem;left:3.1%;top:25.3rem;position: absolute;} .g_ys .m_ys .swiper-button-next{background:url(../images/dd.png) no-repeat;background-size: 100%;width:1.7rem;height:3.3rem;right:3.1%;top:25.3rem;position: absolute;} /**/ .g_hz{position: relative; padding-top:3.75rem;height:30.5rem;background: #f6f6f6; overflow: hidden; margin: 0 3.1%; border-bottom: 2px solid #e5e5e5; margin-bottom: 3.5rem;} .g_hz h3{ text-align: center; color:#333; font-size: 1.65rem; position: relative; padding-bottom:1.85rem;} .g_hz h3:before{ content:""; position:absolute;height:1px;width:1.25rem;left:48%;top:78%; background:#ccc;} .g_hz h3 span{ display: block; color: #e0e0e0; font-size:2rem; text-transform: uppercase; font-family: Impact; font-weight: normal; padding-bottom: 0.3rem;} .g_hz .m_hz{padding: 0 0.7rem;} .g_hz .m_hz em{ display: block; font-size: 0.92rem; color: #333;} .g_hz .m_hz em strong{ display: block; font-size: 1.25rem; font-weight: bold; color: #333; line-height: 2.6rem;} .g_hz .m_hz .swiper-button-prev{background:url(../images/uu.gif) no-repeat;background-size: 100%;width: 1.2rem;height: 2.2rem;left:40%;top:32rem;position: absolute; z-index:55;} .g_hz .m_hz .swiper-button-next{background:url(../images/dd.gif) no-repeat;background-size: 100%;width: 1.2rem;height: 2.2rem;right:40%;top:32rem;position: absolute; z-index:55;} /**/ .g_ys{} .g_ys2 .tabs a{ height: 5.7rem;}.g_ys2 .tabs a em{ font-weight: bold;} .g_ys2 .o_ys dl dd h4{ font-size: 1rem; color: #fff; font-weight: bold; padding:1.7rem 0.65rem 0; border-bottom: 1px solid #7199d4;} .g_ys2 .o_ys dl dd h4 span{ display: block; font-weight: normal; color: #91acda; text-transform: uppercase; font-size: 0.5rem;} .g_ys2 .o_ys .swiper-button-prev{background:url(../images/uu.png) no-repeat;background-size: 100%;width:1.7rem;height:3.3rem;left:3.1%;top:25.3rem;position: absolute;} .g_ys2 .o_ys .swiper-button-next{background:url(../images/dd.png) no-repeat;background-size: 100%;width:1.7rem;height:3.3rem;right:3.1%;top:25.3rem;position: absolute;} /**/ .g_case{position: relative; padding-top:3.75rem;height: 32.8rem;;background: #f6f6f6; overflow: hidden; margin: 0 3.1% 3.5rem;} /*.g_case:before{ content:""; position:absolute;height:1px;width:39%;left:6.1%;top:94%; background:#ccc;} .g_case:after{ content:""; position:absolute;height:1px;width:39%;right:6.1%;top:94%; background:#ccc;}*/ .g_case h3{ text-align: center; color:#333; font-size: 1.65rem; position: relative; padding-bottom:1.85rem;} .g_case h3:before{ content:""; position:absolute;height:1px;width:1.25rem;left:48%;top:78%; background:#ccc;} .g_case h3 span{ display: block; color: #e0e0e0; font-size:2rem; text-transform: uppercase; font-family: Impact; font-weight: normal; padding-bottom: 0.3rem;} .g_case .a_hz{padding: 0 0.7rem;} .g_case .a_hz em{ display: block; font-size: 0.92rem; color: #333;} .g_case .a_hz em strong{ display: block; font-size: 1.25rem; font-weight: bold; color: #333; line-height: 2.6rem;} .g_case .a_hz .swiper-button-prev{background:url(../images/uu1.gif) no-repeat;background-size: 100%;width:2.3rem;height: 2.3rem;left:40%;top:35rem;position: absolute; z-index:55;} .g_case .a_hz .swiper-button-next{background:url(../images/dd1.gif) no-repeat;background-size: 100%;width:2.3rem;height: 2.3rem;right:40%;top:35rem;position: absolute;z-index:55;} .g_case .a_hz em strong{ font-weight: normal; color: #333; font-size: 0.92rem; height:2.6rem; overflow:hidden;} .g_case .a_hz em span{ color: #666; font-size: 0.92rem;} .g_case .a_hz em span a{ color: #063990;} /**/ .news{ height: 32.25rem;} .news .swiper-wrapper{margin: 0;} .news .m_nw{height:17rem;} .news .tabcc{ width: 100%; height: 2.8rem; padding: 0 3.1%; box-sizing: border-box;} .news .tabcc a{ display: inline-block; width:33.33%; background: #063990; height:2.8rem; float: left; text-align: center; line-height: 2.8rem; color: #fff; box-sizing: border-box; border-right: 1px solid #fff;} .news .tabcc a.active{background:#4d7fc9; font-weight: bold;} .news .swiper-wrapper p{ font-size: 0; padding: 1rem 3.1% 0;} .news .swiper-wrapper ul{ overflow: hidden; padding:0.65rem 3.1%;} .news .swiper-wrapper ul li{ font-size:1rem; line-height: 2.6rem; border-bottom: 1px dashed #c4c4c4;height: 2.6rem;overflow:hidden;} .news .swiper-wrapper ul li span{ display: inline-block; float: right;} .news .swiper-wrapper ul li a{ font-size: 0.92rem; color: #666;} .news .swiper-wrapper ul li i{ padding-right: 1rem;} .news .swiper-wrapper ul li:last-child{ border-bottom: none;} /**/ .g_ysc{ height:38.5rem;} .wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden;} .g_case .swiper-slide img{ max-height:340px;}