 /* reset for html5 css3*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,dfn,em,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
body,button,input,select,textarea{color:#666666;font:"微软雅黑","Helvetica Neue",sans-serif;}
ol,ul,li{list-style:none;vertical-align:middle;}
img{border:none;vertical-align:middle;}
input,select,textarea{vertical-align:middle;outline:none;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
a{color:#333333;text-decoration:none;}
a:hover{color:#333;text-decoration:underline;}
.jyw_fl{float: left;}
.jyw_fr{float: right;}
/*index css*/
body{font-size: 62.5%; color: #666666; font-family: "微软雅黑"; background-color: #efefef;}
div.body{margin-top:0}
header{width: 100%; overflow: hidden; background: #e2e2e2; background: -webkit-linear-gradient(top,#e8e8e8,#efefef); background: linear-gradient(top,#e8e8e8,#efefef); height: 40px; overflow: hidden; position: relative;}
header a{font-size: 1.4em; text-indent: 2.8em;}
header a:first-child{width: 24%; height: 32px; line-height: 32px; border-radius: 10px; background: #f3f3f3 url(../images/header_1.jpg) no-repeat 10px center; position: absolute; background-size: 20px 16px; left: 16px; top: 2px; }
header a:last-child{width: 62px; height: 32px; line-height: 32px; background: url(../images/header_2.png) no-repeat center; background-size: contain; position: absolute; right: 16px; top: 2px;}
header h1{text-align: center; line-height: 40px; font-size: 1.8em;}
.jyw_banner{clear: both;}
.swiper-container {
        width: 100%;
        height: 170px;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.jyw_banner img{width: 100%;}
.swiper-pagination{bottom: 20px;}
.swiper-pagination-bullet{width: 12%; height: 10px; border-radius:0; opacity: 1;}
.swiper-pagination-bullet:first-child{background-color: #3e99dc;}
.swiper-pagination-bullet:nth-child(2){background-color: #90c941;}
.swiper-pagination-bullet:nth-child(3){background-color: #fabe17;}
.swiper-pagination-bullet:last-child{background-color: #ef1f2a;}
/*个人中心*/
.jyw_center{margin-top: 10px; background-color: #f8f8f8; width: 100%; overflow: hidden;}
.jyw_c_1{width: 30.625%; max-width: 137px; text-align: center; margin: 2.1875% 0 0 3.125%;}
.jyw_c_1 div img{width: 100%; max-width: 137px; border:4px solid #3e99dc; border-radius: 50%;}
.jyw_c_1 div span{display:inline-block; width: 50%; min-width: 60px; height: 30px; font-size: 1.2em; background-color: #fdb900; border-radius: 10px; text-align: center; line-height: 30px; color: #ffffff; margin-top: -20px;}
.jyw_c_1 p{color: #333333; font-size: 1.4em; width: 100%; text-align: center;}
.jyw_c_1 p span{font-size: 2em;}
.jyw_c_2{width: 59.84375%; background-color: #eff3f7; border-radius: 10px; margin: 2.1875% 0 0 3.125%; overflow: hidden;}
.jyw_c_2 h3{width: 94%; border-radius: 10px; background-color: #3e99dc; line-height: 1.8125em; font-size: 1.6em; color: #ffffff; text-align: center; margin: 14px auto 0;}
.jyw_c_2 div{width: 94%; margin: 10px auto 0; background-color: #d5e6f3; border-radius: 10px; padding: 9px 0 8px;}
.jyw_c_2 h4{max-width: 90%; font-size: 1.16em; line-height: 1.5714em; border-radius: 10px; text-indent: 1em; background:#53aced url(../images/jyw_c_2.png) no-repeat 96% center; margin-left: 1%;}
.jyw_c_2 h4 a{color: #ffffff;}
.jyw_c_2 p{width: 94.3820%; font-size: 1em; line-height: 1.5714em; background-color: #eaf1f6; border-radius: 10px; color: #333333; margin-top: 8px; text-indent: 1em; margin-left: 1%;}
/*项目*/
.jyw_xm{width: 100%; overflow: hidden;}
div.rec, .jyw_xm a{display: block; float: left; width: 30.625%; background: #fbfafa; text-align: center; margin: 2% 0 0 2%; font-size: 1.4em; color: #333333; height: 160px;}
.jyw_xm div.rec  a{width:100%;margin:0;padding:0;}
.jyw_xm div.rec  a span{padding-top:0px;}
.jyw_xm a:nth-child(5){font-size: 1.15em}
.jyw_xm a img{width: 100%; max-width: 117px;}
.jyw_xm a span{line-height: 1.6em; display: inline-block; padding-top: 10px;font-size:14px;}
/*特色*/
.jyw_ts{width: 100%; overflow: hidden; background: #e3e3e3; margin-top: 14px;}
.jyw_ts a{display: block; float: left; width: 33%; padding-bottom:20px; overflow: hidden; background: #ffffff; font-size: 1.4em; color: #333333; box-sizing: border-box; border-right:2px solid #e3e3e3; vertical-align: middle; min-height: 84px;}
.jyw_ts a img{margin: 14% 0 0 2%; width: 36%; float: left; max-width: 60px;}
.jyw_ts a span{line-height: 1em; float: left; margin: 20% 0 0 2%; width: 60%;}
.jyw_ts_t{border-bottom:2px solid #e3e3e3;}
/*底部*/
.jyw_ft{width: 100%; overflow: hidden; margin-top: 14px;}
.jyw_ft a{display: block; width: 33.3333%; font-size: 1.2em; padding:0 0 0 4px; height: 62px;  background-color: #fff; float: left; border-right: 2px solid #efefef; box-sizing: border-box;}
.jyw_ft div{padding-right: 4px; float: left; width: 30%; margin-top: 15px; text-align: center;}
.jyw_ft div img{width: 100%; max-width: 40px;}
.jyw_ft span{float: right; width: 65%; display: block; padding-top: 14px; }
.jyw_ft a:nth-child(2) span,.jyw_ft a:nth-child(3) span{padding-top: 24px;}
@media screen and (max-width: 350px){
    .jyw_ft a:nth-child(1) span{padding-top: 14px;}
    .jyw_ft a:nth-child(4) span,.jyw_ft a:nth-child(5) span{padding-top: 6px;}
}
@media screen and (min-width: 350px){
  .jyw_ft a:nth-child(6) span{padding-top: 24px;}  
}
@media screen and (min-width: 670px){
  .jyw_ft a span{padding-top: 24px;}  
}
.jyw_f_t{margin-bottom: 2px;}
.clear{clear:both;}
