@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-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; padding-top:1px; background:#fff;}
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"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl{float: left;}
.fr{float: right;}
/* -- 页面整体布局 -- */
.wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.cot{width:93.75%;margin: 0 auto;}
.wrap img{display:block;width:100%;}
/**/
.begin{ overflow: hidden; padding: 0 4.5%; padding-bottom: 1rem;}
.begin h3{ padding:1.9rem 0 1.5rem 0; text-align: center; color: #656565; font-size: 1rem; letter-spacing: 1px;}
.begin h3 i{ display: block; color: #222; font-size: 1.67rem; line-height: 100%; padding-bottom: 0.5rem;}
.begin h3 i em{ color: #007eca;}
.begin dl dt{ margin-bottom: 1.7rem;}
.begin dl dd p{ color: #575757; font-size: 1rem; line-height: 1.41rem;}
.begin dl dd p span{ display: block; margin-bottom:1rem;background: url(../img/ico1.gif) no-repeat; background-size:2.5rem 2.5rem; padding-left: 15%; min-height: 2.5rem;}
.begin dl dd p span:first-child{ line-height: 2.5rem;}
.begin dl dd p span:nth-child(2){background: url(../img/ico2.gif) no-repeat; background-size:2.5rem 2.5rem;}
.begin dl dd p span:nth-child(3){background: url(../img/ico3.gif) no-repeat; background-size:2.5rem 2.5rem;}
.begin dl dd p span:nth-child(4){background: url(../img/ico4.gif) no-repeat; background-size:2.5rem 2.5rem;}

.begin .lik dd p span:first-child{ line-height: normal;}
.begin .lik dd p span:nth-child(1){background: url(../img/v_ico1.gif) no-repeat; background-size:2.5rem 2.5rem;}
.begin .lik dd p span:nth-child(2){background: url(../img/v_ico2.gif) no-repeat; background-size:2.5rem 2.5rem;}
.begin .lik dd p span:nth-child(3){background: url(../img/v_ico3.gif) no-repeat; background-size:2.5rem 2.5rem;}
.begin .lik dd p span:nth-child(4){background: url(../img/v_ico4.gif) no-repeat; background-size:2.5rem 2.5rem;}

.begin{ width:100%;overflow:hidden; position:relative; box-sizing: border-box; }
.begin .m-cnt{overflow: hidden;box-sizing: border-box; padding: 1rem 0 0 43.8%; height: 3.1rem;}
.begin .m-cnt li{ width: 0.7rem; height: 0.7rem; border-radius: 0.7rem; background: #e6e6e6; margin-right: 1.8rem; float: left;}
.begin .m-cnt li.z-on{background:#1474a2; }
.begin .m-box .con{ display:inline; float:left;}
    /**/
.g-xl { position:relative; height:31.5rem; overflow:hidden; background: #f1f1f1; padding-top: 1.95rem;}
.g-xl h2{ padding:0 0 1.5rem 0; text-align: center; color: #656565; font-size: 1rem; letter-spacing: 1px;}
.g-xl h2 i{ display: block; color: #222; font-size: 1.67rem; line-height: 100%; padding-bottom: 0.5rem;}
.g-xl .c-list { font-size:1.33rem; height:2.8rem; line-height:2.8rem;margin: 0 0 1.5rem 4.5%;}
.g-xl .c-list li { float:left; text-align:center; color:#666666; width:30.75%; background:#fff; margin-right:1.7%;}
.g-xl .c-list li.z-on { background:#0079c2; color:#fff;}
.m-cpcon { position:relative;}
.m-cpcon .prev { position:absolute; top:6.4rem; left:4.5%; width:1.7rem; z-index:999;}
.m-cpcon .next { position:absolute; top:6.4rem; right:4.5%; width:1.7rem; z-index:999;}
.m-cpcon .no_ov { margin:0 4.5%;}
.m-cpcon .sclwrap_box { height:24.8rem;}
.m-cpcon .no_ov .m-box .page { position:relative; float:left}
.m-cpcon .page ul li{ font-size: 0;}
.g-xl h4{ position: absolute; left: 35%; bottom: 2rem;}
.g-xl h4 a{ display: block; width: 7.8rem; height: 2.5rem; line-height: 2.5rem; background: #0079c2; text-align: center; background: #0079c2; color: #fff;}
    /**/
.bio{ overflow: hidden;background: url(../img/ly.jpg) no-repeat; background-size:100% 31rem; height: 31rem; box-sizing: border-box; padding-top: 2.3rem;margin-bottom:3em;}
.bio h2{text-align: center; color: #fff; font-size: 1rem; letter-spacing: 1px; height: 5.7rem; position: relative;}
.bio h2 i{ display: block; color: #fff; font-size: 1.67rem; line-height: 100%; padding-bottom: 0.5rem;}
.bio h2:before{ content:""; position:absolute;height:0.2rem;width:2.2rem;left:46.5%;top:4.2rem; background:#007eca;}
.bio ul{ overflow: hidden;}
.bio ul li{ float: left; width: 50%; box-sizing: border-box; padding: 0 5% 2rem; color: #fff; text-align: center;}
.bio ul li em{font-size:1rem;height:2.5em;line-height:2.5em;}
.bio ul li img{ display: block; margin: 0 auto; width: 5.8rem;}
/*.bio ul li i{ display: block; font-family: Times New Roman; font-size: 0.92rem; line-height: 1.33rem; padding-top: 0.5rem; height: 4.5rem;}*/
.bio ul li:nth-child(3){ line-height: 1.25rem; padding: 0 3%;}
/**/
.kek{ background: #f1f1f1; box-sizing: border-box; padding: 3.8rem 4.5% 0.35rem; margin-bottom: 1.9rem;}
.kek h2{ padding:0 0 1.65rem; text-align: center; color: #656565; font-size: 1rem;  line-height: 100%; position: relative;}
.kek h2:before{ content:""; position:absolute;height:0.2rem;width:2.2rem;left:46.5%;top:2.5rem; background:#007eca;}

.kek h2 i{ display: block; color: #222; font-size: 1.6rem; line-height: 100%; padding-bottom: 0.5rem;}
.kek dl{ padding-bottom: 1.45rem;}
.kek dl dt{ font-size: 0; margin-bottom: 1.2rem;}
.kek dl dd h3{height: 3rem; line-height:2.25rem; max-width: 100%;background: url(../img/k_h31.gif) no-repeat 0 0.4rem; background-size:100% 2.21rem; color: #007eca; font-size: 1.42rem; box-sizing: border-box; padding-left: 1.8rem;}
.kek dl dd  p{ color: #636363; font-size: 1rem; line-height: 1.7rem;}.kek dl dd  p span{ display: block;}
.kek dl dd  p i{ color: #303030; font-size: 1.25rem; padding-bottom: 0.8rem;}
.kek dl dd p em b{ display: block; font-weight: normal; color: #1474a2;}
.kek dl:nth-of-type(2) h3{background: url(../img/k_h32.gif) no-repeat 0 0.4rem; background-size:100% 2.21rem;}
.kek dl:nth-of-type(3) h3{background: url(../img/k_h33.gif) no-repeat 0 0.4rem; background-size:100% 2.21rem;}
    /**/
.vs{ overflow: hidden; margin-bottom: 2.2rem; border-bottom: 1px solid #ddd;}
.vs h2{ text-align: center; color: #222; font-size: 1.67rem; padding-bottom:4.1rem;position: relative;}
.vs h2:before{ content:""; position:absolute;height:0.2rem;width:2.2rem;left:46.5%;top:2.85rem; background:#007eca;}
.vs dl:first-of-type{ background: #f1f1f1; padding:2rem 4.5% 0;}
.vs dl dt{ font-size: 0; position: relative;}
.vs dl dt i{ display: inline-block; position: absolute; left: 0; width: 100%; text-align: center; top: -3.9rem;}
.vs dl dt i span{ display: inline-block; height: 2.7rem; line-height: 2.7rem; background: #818181; color: #fff; font-size: 1.33rem; padding: 0 0.8rem;}
.vs dl dd{ padding: 0.5rem 0;}
.vs dl dd p{ border-bottom: 1px solid #dbdbdb; height: 2.6rem; line-height: 2.6rem; color: #5f5f5f; font-size: 0.92rem; overflow: hidden;}
.vs dl dd p span{ display: inline-block; float:left; font-size: 1.3rem; width: 1.8rem;}
.vs dl dd p:last-of-type{ border-bottom: none;}
.vs h3{ padding: 1.4rem 0 4.5rem; font-size: 0; text-align: center;}
.vs h3 img{ display: inline-block; width: 4.9rem;}
.vs dl:first-of-type{ padding: 2rem 4.5% 0;}
.vs dl:first-of-type dd p span,.vs dl:first-of-type dd p i em{ color: #0079c2;}
.vs dl:first-of-type dt i span{ background: #1575a2;}
.vs dl:first-of-type dt{ position: relative;}.vs dl:last-of-type dt i{ top: -3.2rem;}
.vs dl:last-of-type dt:before{ content:""; position:absolute;height:1px;width:100%;left:0;top:-1.45rem; background:#ddd;}
.vs dl:last-of-type dt{padding: 0 4.5%;}
.vs dl:last-of-type dd{padding: 0 4.5%;}
    /**/
.g-case{ width:100%;overflow:hidden; position:relative;box-sizing: border-box; margin-bottom: 2.2rem;}
.g-case h3{ font-weight: normal; text-align: center; line-height: 100%; color: #111; font-size: 1.67rem; padding-bottom: 3rem; position: relative;}
.g-case h3:before{ content:""; position:absolute;height:0.2rem;width:2.2rem;left:46.5%;top:63.5%; background:#007eca;}
.g-case .m-cnt{font-size:1rem;margin-bottom:1.5rem; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.g-case .m-cnt li{float:left; position:relative; font-size:1rem; color:#000; box-sizing: border-box;height: 3.1rem; line-height: 3.1rem; width: 25%; text-align: center; border-right: 1px solid #ddd;}
.g-case .m-cnt li.z-on{background:#0079c2; color: #fff; font-weight: bold; position: relative;}
.g-case .m-cnt li.z-on:before{ content:""; position:absolute;border-top:0.5rem solid #0079c2;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;height: 0;width: 0; left:43.6%; top:100%; }
.g-case .m-box .con{ display:inline; float:left;}
.g-case .m-box p{ font-size: 0; padding-bottom: 0.5rem;}
.g-case .m-box dl dd{ padding-left: 4.5%;}
.g-case .m-box dl dd h4{ color: #2c2c2c; font-size: 1.17rem; font-weight: bold; padding-top: 1.3rem;}
.g-case .m-box dl dd p{ color: #606060; font-size: 1rem; line-height:1.6rem; padding-top: 0.5rem; padding-right: 4.5%; margin-bottom: 0.5rem;}
.g-case .m-box dl dd em{ display: block; overflow: hidden; padding-bottom: 1.7rem;}
.g-case .m-box dl dd em img{ display: inline-block; float: left; width: 30%; margin-right: 3%;}
.g-case h5{ border-top: 1px solid #e4e4e4; padding-top: 1.2rem; text-align: center; clear: both;}
.g-case .u-more{ display: inline-block; color:#fff; text-transform: uppercase;height:2.5rem; text-align: center; width: 7.8rem;  line-height: 2.5rem; background: #0079c2;}
    /**/
.zouj{ background: #f1f1f1; padding: 1.8rem 4.5% 0; margin-bottom: 2.1rem;}
.zouj h2{ padding:0 0 1.5rem 0; text-align: center; color: #656565; font-size: 1rem; letter-spacing: 1px;}
.zouj h2 i{ display: block; color: #222; font-size: 1.67rem; line-height: 100%; padding-bottom: 0.5rem;}
.zouj dl dd p{ color: #777; font-size: 1rem; line-height: 1.65rem; padding: 1rem 0;}
.zouj h4{ text-align: center; clear: both; padding-bottom: 2.3rem;}
.zouj h4 a{ display: inline-block; color:#fff; text-transform: uppercase;height:2.5rem; text-align: center; width: 7.8rem;  line-height: 2.5rem; background: #0079c2;}
    /**/
.fec{ padding: 0;}
.fec h2 i{ display: block; color: #222; font-size: 1.67rem; line-height: 100%; text-align: center; padding-bottom: 1.5rem;}
.fec dl{padding: 0 4.5%;}
.fec dl dd h3{ border-bottom: 1px solid #cfcccc; line-height: 3.5rem; color: #007eca; font-size: 1.42rem; margin-bottom: 1rem;}
.fec dl dd h3 img{ display: inline-block; width: 10.92rem; padding-left: 0.5rem;}
.fec dl dd em{ display: block; padding-bottom: 0.5rem; color: #303030; font-size: 1.25rem; letter-spacing: -1px;}
.fec dl dd em span{ display: block;}
.fec dl dd p{ color: #636363; font-size: 1rem; line-height: 1.7rem ; padding-bottom: 1.1rem;}
.fec dl dd p span{ display: block;}
.fec dl:last-of-type h3 img{ width: 14.25rem;}
.fec dl:last-of-type{background: #f2f2f2;}
.fec dl:nth-child(2){ padding: 0}.fec dl:nth-child(2) dt{padding: 0 4.5%;}
.fec dl:nth-child(2) dd{background: #f2f2f2;padding: 0 4.5%;}
    /**/
.g-jd{ position:relative; background: #f1f1f1; padding-bottom: 1.9rem;}
.g-jd h2 i{ display: block; color: #222; font-size: 1.67rem; line-height:5.5rem; text-align: center;}
.g-jd .prev{ width:1.9rem; position:absolute; top:11rem; left:4.5%; z-index:888;}
.g-jd .next{ width:1.9rem; position:absolute; top:11rem; right:4.5%; z-index:888;}
.g-jd .nowarp { margin:0 4.5%;}
.g-jd .m-box .con{ display:inline; float:left;}
.g-jd .con ul li{ float: left; width: 46.5%;}.g-jd .con ul li:nth-child(2){ margin-left:7%;}
.g-jd .con ul li img{padding: 0.4rem 0.5rem; display: inline-block; background: url(../img/r_bg1.jpg) no-repeat; background-size: 100% 100%; box-sizing: border-box;}
    /**/
.g-xiw{ width:100%;overflow:hidden; position:relative; padding:1.5rem 4.5% 1.5rem; box-sizing: border-box; background: #f2f2f2;}
.g-xiw h2 i{ display: block; color: #222; font-size: 1.67rem; text-align: center; padding-bottom: 1.5rem;}
.g-xiw .m-cnt{font-size:1rem; overflow: hidden; margin-bottom: 0.5rem;}
.g-xiw .m-cnt li{float:left; position:relative; font-size:1rem; color:#666; box-sizing: border-box;height: 2.7rem; line-height:2.7rem; width:32%; text-align: center; border: 1px solid #ddd; margin-right: 2%; background: #fff;}.g-xiw .m-cnt li:last-child{ margin-right: 0;}
.g-xiw .m-cnt li.z-on{background:#0079c2; color: #fff; border: 1px solid #0079c2;}
.g-xiw .m-box .con{ display:inline; float:left;}
.g-xiw .m-box ul{  margin:0 auto; padding:2% 0 0;}
.g-xiw .m-box ul li{ height:2.2rem; line-height:2.2rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1rem;position: relative; padding-left: 1rem;}
.g-xiw .m-box ul li a{ color:#333333;}
.g-xiw .m-box ul li span{ display: inline-block; float: right; color: #777;}
.g-xiw .m-box ul li:before{ content:""; position:absolute;height:0.3rem;width:0.3rem;left:0;top:38%; background:#c5c5c5; border-radius: 0.3rem;}
/**/
.liuc{ overflow: hidden; margin-bottom: 2.2rem;}
.liuc h2{ text-align: center; color: #222; font-size: 1.67rem; padding-bottom:4.1rem;position: relative;}
.liuc h2:before{ content:""; position:absolute;height:0.2rem;width:2.2rem;left:46.5%;top:2.85rem; background:#007eca;}
/*intro*/
@media screen and (min-width:320px) {  html { font-size:75%;}}
@media screen and (min-width:360px) {  html { font-size:85%;}}
@media screen and (min-width:414px) {  html { font-size:96%;}} 
@media screen and (min-width:480px) {  html { font-size:112%;}}
@media screen and (min-width:568px) {  html { font-size:131%;}}
@media screen and (min-width:639px) {  html { font-size:150%;}}