@charset "utf-8";
/* CSS Document */
body {background:#f2f2f2; max-width:750px; margin:0 auto;padding:0;height: 100%;color:#888;font-size:1.2em; line-height:1.8em;margin: 0 !important;}
*,body {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;}
a:link {text-decoration:none!important;}
a:visited {text-decoration:none!important;}
a:hover {text-decoration:none!important;}
a:active {text-decoration:none!important;}
h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px;}
i,b,em{ font-weight:normal; text-decoration:none; font-style:normal;}
img { border:0; display:block;}
p,dl,dt,dd { margin:0; padding:0;}
ul,li { list-style:none; margin:0; padding:0;}
input{ margin:0; padding:0; border:none; outline:none;}
a{ color:#999; text-decoration:none; outline:none; border:none;}
a:hover{text-decoration:none; color:#999}
.fl { float:left;}
.fr { float:right;}
.clear{ clear:both;}
.mt10{ margin-top:10px;}
.img{ width:100%; height:auto; overflow:hidden;}
.warp{ height:100%; overflow:hidden; width:100%; margin:0 auto 0 auto;}
.flex-sb{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.flex-ce{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
.flex-fs{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
}
.flex-fe{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content:  flex-end;
}
/*头部、底部 begin*/
.top{ background:#fff; width:100%; text-align:left; padding:.5em 0 .2em 0;height:50px;}
.top img{ display:inline-block; height:90%; margin-left:5px;}
.top span{font-size: 1.4rem;font-weight: 500;color: #444;}
#cs{position: relative;display: block;width:70%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:flex-start;
    -moz-justify-content:flex-start;
    -ms-justify-content:flex-start;
    -o-justify-content:flex-start;
    justify-content:flex-start;
    height:60px;
}
#cs img{height: 65%;}
#cs span{padding: 20px 0 0 10px;color: #2d82c5;font-size: 1.2rem;font-weight: 600;}
.top .nav-but { position:absolute;z-index:9999;right:2px; top:15px; color:#E0061E; padding:0 3%; line-height:2em;text-decoration:none; }
.top .nav-but:hover{text-decoration:none;}
.top .nav-but:active{text-decoration:none;}
.top .nav-but i{font-size:2.8em!important;transform:rotate(-180deg);text-decoration:none; }
.top .loc-but { position:absolute; right:0; top:0; color:#ff6800; padding:0 3%; font-size:1.2em; line-height:3em}
.top .loc-but span{ display:inline-block}
.top .loc-but i{transform: rotate(180deg); display:inline-block;}
.nav{background-color:#2373c4; z-index:9999; width:50%!important;}
.nav ul{ padding-top:1.5em;}
.nav li{border-bottom: 1px solid rgba(255,255,255,0.1);}
.nav li a{ color:#fff; font-size:1.4em!important; padding:1.5rem 0!important; display:block; padding-left:12%!important;}
.nav li a span{ padding-right:8%!important;font-size:2.2rem;}

#slideBox { position:relative;width:100%; max-width:750px;/* 设置焦点图最大宽度 */}
#slideBox .hd {position:absolute; height:10px; bottom:.7em; z-index:1; width:100%; text-align:center; left:0;}
#slideBox .hd li {display:inline-block; width:8px; height:8px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#fff; opacity:0.3; text-indent:-9999px; overflow:hidden; margin:0 3px;}
#slideBox .hd li.on {opacity:1}
#slideBox .bd {position:relative; z-index:0;}
#slideBox .bd li {position:relative; text-align:center;}
#slideBox .bd li img {background:url(../images/loading.gif) center center no-repeat; vertical-align:top; width:100%;}

.ys-home{background-color: #f7f7f7;padding: 20px 0 20px 0;}
.ys-home .ys-home-list{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
}
.ys-home .ys-home-list li{text-align: center;width: 25%;}
.ys-home .ys-home-list li .ico{}
.ys-home .ys-home-list li .ico img{display: block;margin:10px auto;width: 40%}
.ys-home .ys-home-list li h4{font-size:0.8rem;font-weight: 400;color: #666;line-height: 1.6rem;}
.ys-home .ys-home-list li p{font-size:0.6rem;font-weight: 400;color: #666;line-height: 1.6rem;}

.foot-bar{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
    background-color: #fff;
    width: 100%;
    -webkit-box-shadow: 0 12px 40px 8px rgba(0, 0, 0, 0.08);
    box-shadow: 0 12px 40px 8px rgba(0, 0, 0, 0.08);
    position: fixed;bottom: 0;left: 0;z-index: 9999;
}
.foot-bar .foot-nav{width: 50%;height: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
}
.foot-bar .foot-nav li{border-right: 1px solid #d9d9d9;width: 50%;}
.foot-bar .foot-nav li:last-child{border-right:none;}
.foot-bar .foot-nav li a{display: block;text-align: center;}
.foot-bar .foot-nav li a i{color: #2373c4;font-size:2.5rem;display: block;margin:6px auto 2px auto;}
.foot-bar .foot-nav li a span{font-size: 1.4rem;color: #333; font-weight: 800;display: block;margin: 0 auto;}
.foot-bar .foottel{display: block;text-align: center!important; width: 50%;line-height: 50px;background-color: #2373c4;}
.foot-bar .foottel i{font-size: 2rem;color: #fff;padding: 0 10px 0 0;}
.foot-bar .foottel span{font-size: 1.8rem;letter-spacing: 1px; color: #fff;font-weight: 800;}

.submain{margin-bottom:10px; padding-bottom:20px; background:#fff;}
.submain .page-title{ padding:20px 0; text-align:center;margin-bottom: 10px;}
.submain .page-title h4{width:80%;font-size:1.5rem;font-weight:800;letter-spacing: 3px;color:#E0061E;position:relative;margin:5px auto;}
.submain .page-title h4 span{ color:#427092;}
.submain .page-title h4:after{
    content:'';
    width:50px;
    height:1px;
    background-color:rgba(0,0,0,0.1);
    display:block;
    position:absolute;
    right:0;
    bottom:0px;}
.submain .page-title h4:before{
    content:'';
    width:50px;
    height:1px;
    background-color:rgba(0,0,0,0.1);
    display:block;
    position:absolute;
    left:0;
    bottom:0px;}
.submain .page-title b{font-size:0.8rem;font-weight:400; text-transform:uppercase;display:block; position:relative; color:rgba(0,0,0,0.2);}
.submain .page-title b:after{
    content:'';
    width:30px;
    height:2px;
    background-color:#E0061E;
    display:block;
    position:absolute;
    bottom:-8px;
    left:50%;
    margin-left:-15px;
}
.submain .page-title p{ font-size:1.4em; color:#222; font-weight:bold; margin-bottom:10px; text-align:left;
    padding-left:10px; position:relative;
    border-bottom:1px solid #efefef; padding-bottom:15px;}
.submain .page-title p:before{ content:''; position:absolute; width:50px; height:3px; background-color:#2373c4; left:10px; bottom:-2px;}



.footer{
  width: 100%;
  background: #333333;
  text-align: center;
  padding-top: 0.1rem;
  padding-bottom: 0.2rem;
}
.footer .p1{
  margin: 0px auto;
  margin-bottom: 0.05rem;
  font-size: 0.24rem;
  color: #666666;
}
.footer .p2 a{
  margin: 0px auto;
  font-size: 0.24rem;
  color: #666666;
}
.footer h2{
  font-size: 0.24rem;
  font-weight: normal;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  color: #666666;
  width: 100%;
  text-align: left;
}
.footer ul{
  width: 100%;
  text-align: center;
  padding-bottom: 0.3rem;
  margin-bottom: 0.3rem;
  border-bottom: 1px solid #3d3d3d;
}
.footer ul li{
  width: 1.62rem;
  float: none;
  display: inline-block;
  text-align: left;
  padding-right: 0.1rem;
  margin-right: 0.15rem;
  background: url(../images/w-13.jpg) no-repeat right;
}
.footer ul li.cur{
  background: none;
  padding-right: 0rem;
  margin-right: 0rem;
}
.footer ul li a{
  font-size: 0.24rem;
  color: #606060;
}
.cj-link{
  width: 90%;
  margin: 0.08rem auto;
  text-align: left;
  margin-bottom: 0.25rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #3d3d3d;
  min-height:  0.4rem;
  font-size: 0.24rem;
  color: #666666;
}