@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;}