@charset "gb2312";
input {-webkit-appearance:none;} 
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.left{ float:left;}.right{ float:right;}
img {
    border: 0 none;
    width:100%; 
    display: block;
}

html{-webkit-text-size-adjust:none;  }
a{outline:none; text-decoration:none;} a:hover{ text-decoration:none;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}  fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"],input[type="text"],input[type="password"],textarea, button { -webkit-appearance: none !important;} em,i{ font-style:normal;}
html {
    font-size:62.5%
}
@media only screen and (min-width:321px) { 
    html {
        font-size:62.5%!important
    }
}
@media only screen and (min-width:361px) {
    html {
        font-size:70.31%!important
    }
}
@media only screen and (min-width:376px) {
    html {
        font-size:73.24%!important
    }
}
@media only screen and (min-width:481px) {
    html {
        font-size:84%!important
    }
}
@media only screen and (min-width:561px) {
    html {
        font-size:90%!important
    }
}
@media only screen and (min-width:641px) {
    html {
        font-size:100%!important
    }
}


body {

    font-family: "Microsoft YaHei";
    margin: 0 auto;
    max-width: 640px;
    min-width: 320px;
    overflow-x: hidden;
    padding: 0;
    width: 100%;
    color: #333333;
}
.clear_f:after {
    clear: both;
}
.clear_f:after, .clear_f:before {
    content: "";
    display: block;
}
img{border: none;} 
/* ============��ѧ����================= */
.w640{width: 100%; margin: 0 auto;padding: 0 1rem;box-sizing: border-box;}
button{overflow:visible}
button,select{text-transform:none}
.left { float: left; }
.right { float: right; }
.flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.banner, .banner img { width: 100%; }

.title .tit { width: 12.25rem; margin: 1rem auto .5rem; }
.title .tit p { width: 3.375rem; height: 3.375rem; font-size: 1.55rem; text-align: center; line-height: 3.375rem; color: #04103e; background: url("../images/tit_p.png") no-repeat; background-size: 3.375rem; }
.title .tit p b { color: #ff0000; }
.title h5::before,.title h5::after { content: ""; width: 7.9rem; height: 1.225rem; margin: .4rem 0; background: url("../images/tit-.png") no-repeat; }
.title h5 { font-size: 1.2rem; width: 95%; margin: 0 auto .25rem; }
.title span { font-size: .35rem; color: #c9c9c9; text-align: center; display: block; }
.title h5 i { font-style: normal; color: #f00; }

.jx_tit { margin: .75rem auto .55rem; width: 95%; }
.jx_tit h5 { font-size: 1.2rem; color: #313131; }
.jx_tit i { display: block; width: 10.8rem; height: .025rem; background: #ff7d7d; margin-top: .2rem; }
.jx_tit span { display: block; width: 10.8rem; height: .05rem; background: #ff7d7d; margin-top: .05rem; }
.jx_tit p { font-size: 1.1rem; line-height: 1.8rem; color: #313131; margin-top: .8rem; }

.jxtx_box, .jdjx_slide { width: 95%; margin: 0 auto; }
.jxtx_con { margin-bottom: .125rem;width: 100%; }
.jxtx_con ul.bd{width: 61%;}
.jxtx_con ul.hd{width: 38%;}
.jxtx_box ul.jxtx_hd{width: 100%;}
.jxtx_con .hd .on { display: none; }
.jxtx_con .bd img { width: 100%; height: 17.15rem; }
.jxtx_con .bd li { width: 100%; height: 17.15rem; position: relative; }
.jxtx_con .bd li p { width: 100%; height: 2.2rem; background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; color: #fff; text-align: center; font-size: 1rem; line-height: 2.2rem; left: 0; right: 0; box-sizing: border-box; }
.jxtx_box ul.jxtx_hd li{width: 32%;}
.jxtx_hd li img { width: 100%; }
.jxtx_con .hd img { width: 100%; margin-bottom: 0.5rem; }

.jdjx_slide .hd li { width:30%; height: 1.925rem; background: #d7d7d7; color: #000; font-size: 1rem; text-align: center; line-height: 1.925rem; margin-bottom: 1rem; }
.jdjx_slide .hd li b { font-family: Impact; margin-right: .25rem; font-weight: normal; }
.jdjx_slide .hd li.on { background: #ff0000; color: #fff; }
.jdjx_slide .bd img { width:32%; height: 8rem;}
.jdjx_slide .bd p { font-size: 1.1rem; line-height: 1.75rem; margin-top: 1rem; }
.jdjx_slide .bd a { width: 50%; height: 3rem; background: #f00 url("../images/rt_arr.png") no-repeat 80% center; border-radius: 0.5rem; color: #fff; font-size: 1.2rem; text-align: center; line-height: 3rem; display: block; margin: 2rem auto; background-size: 0.8rem; } 

.jxtx_ul { width: 95%; margin: 0 auto 1rem; font-size: 1.2rem; border-top: .025rem solid #7c7c7c; border-bottom: .025rem solid #7c7c7c; }
.jxtx_ul li { width: 16%; height: 1.8rem; line-height: 1.8rem; border-left: 1px solid #7c7c7c; border-right: .025rem solid #7c7c7c; text-align: center; color: #ff0000; }

.tabBox { width: 15.2rem; margin: .75rem auto; }
.tabBox .hd li { width: 4.825rem; height: 1.175rem; box-sizing: border-box; border: .05rem solid #bebebe; font-size: .45rem; text-align: center; line-height: .9rem; font-weight: bold; }
.tabBox .hd li a { display: block; width: 4.5rem; height: .9rem; border: .025rem solid #e0e0e0; margin: .075rem; }
.tabBox .hd li.on { background: #bebebe; }
.tabBox .bd ul i { display: block; width: 1.275rem; height: .125rem; background: #f00; margin: .5rem 0 .35rem; }
.tabBox .bd ul p { font-size: .45rem; line-height: .75rem; margin-bottom: .5rem; }
.tabBox .bd li img { width: 4.925rem; display: block; }
.tabBox .bd li h5 { font-size: .45rem; text-align: center; font-weight: normal; line-height: 1.25rem; }
.tabBox .bd li h5 span { transform: rotate(36deg); display: inline-block; margin: 0 .25rem; position: relative; top: .15rem; left: -.25rem; color: #313131; }
.tabBox .bd a, .fl3 a { width:50%; height: 2.5rem; background: #f00 url("../images/rt_arr.png") no-repeat 80% center;  border-radius: .5rem; color: #fff; font-size: 1.2rem; text-align: center; line-height: 2.5rem; display: block; margin: 1rem auto .2rem; background-size: .8rem; }
.msjx ul li.li1 img { width: 5.275rem; margin-bottom: .2rem; }
.msjx ul li.li2 img { width: 4.3rem; }
.msjx ul { width: 15.2rem; margin: .75rem 0; }
.wheel { width: 2.25rem; margin: .75rem auto; }
.wheel i { width: .125rem; height: .125rem; border-radius: .125rem; background: #8e8e8e; display: block; }
.wheel i.on { width: .275rem; height: .275rem; background: url("../images/on.png"); margin: -.075rem; background-size: .275rem; }

.fl2 { background: #eeeeee; box-sizing: border-box; padding-top: .75rem; }
.fl2 .hd ul { padding-bottom: 0; margin: .75rem auto; }
.fl2 .hd li { width: 32%; height: 2rem; box-sizing: border-box; border: .05rem solid #bebebe; font-size: 1.2rem; text-align: center; line-height: 1.8rem; font-weight: bold; margin-bottom: 0; }
.fl2 .hd li a { display: block; width: 98%; height: 1.7rem; border: .025rem solid #e0e0e0; margin: .075rem; }

.fl2 ul { width:95%; margin: 0 auto; box-sizing: border-box; padding-bottom: .575rem; }
.fl2 ul li { margin-bottom: .9rem; }
.zy_tit { width: 49%; }
.zy_tit h4 { font-size: 1.1rem; margin-top: .25rem; }
.zy_tit h4 span { color: #f00; border-right: .025rem solid #313131; margin-right: .25rem; }
.zy_tit p { font-size: 1.1rem; line-height: 1.6rem; margin: .6rem 0; }
.zy_tit a { width: 60%; height: 2.5rem; background: #f00 url("../images/rt_arr.png") no-repeat 90% center; border-radius: 0.5rem; color: #fff; font-size: 1.2rem; box-sizing: border-box; text-align: center; line-height: 2.5rem; display: block; background-size: 0.8rem; }
.zy_img { width: 49%; }
.zy_img img { width:49%; margin-bottom: 0.3rem;height: 6.75rem; }

.sbcj { margin: .8rem auto 0;width: 95%; }
.sbcj h4 {font-size: 1.2rem; color: #f00; line-height: 2rem; margin-bottom: .6rem; }
.sbcj p { font-size: 1.1rem; line-height: 1.8rem; width: 100%; margin: 0 auto .55rem; }
.sb_img { width:100%; margin: 0 auto 0.3rem; display: block; }
.sbcj ul { width: 100%; margin: 0 auto; }
.sbcj ul img { width: 32%; }
/* .xyhj { width: 100%; margin: 0 auto; }
.xyhj img { width: 53.15%; height: auto !important;}
.xyhj div { width: 45.7%; }
.xyhj div img { width: 100%; height: auto !important; margin-bottom: 0.81rem; }
.xyhj div img:last-child { margin-bottom: 0; } */

.xyhj{width: 100%;margin: 0 auto;}
.xyhj li{float: left;}
.xyhj li img{width: 100%;}
.xyhj li:first-child{width: 53.15%;}
.xyhj li:nth-child(2){width: 45.7%; margin-left: 1%;margin-bottom: 0.81rem;}
.xyhj li:nth-child(3){width: 45.7%; margin-left: 1%;}
.fl3 a { margin: 1rem auto 2rem; }

.shicao .li1,.shicao .li2{width: 32%;}
.shicao .li1 img { width: 100%; }
.shicao .li2 img { width: 100%; margin-bottom: 0.8rem; }
.fl4 .shicao { margin-bottom: .35rem !important; padding: 0; margin-top: .85rem; }
.shicao li { margin-bottom: 0 !important; }

.fl4 { padding-bottom: 1rem; }
.fl4_tit { box-sizing: border-box; width: 95%; border: .025rem solid #bfbfbf; margin: 0 auto; }
.fl4_tit h4 { font-size: 1.2rem; text-align: center; margin-top: .325rem; margin-bottom: .2rem; }
.fl4_tit h4 span { color: #f00; }
.fl4_tit i { display: block; width: 10.65rem; height: .1rem; background: #c0c0c0; margin: 0 auto .05rem; }
.fl4_tit p { font-size: 1.1rem; line-height: 1.8rem; padding: .6rem .15rem; }

.fl4 .jdkh { margin: 1rem auto; }
.jdkh img { width:49%;display: inline-block; }
.fl4 a { width:50%; height: 2.5rem; background: #f00 url("../images/rt_arr.png") no-repeat 85% center; border-radius: .5rem; color: #fff; font-size: 1.2rem; text-align: center; line-height: 2.5rem; display: block; margin: 1.5rem auto 1rem; background-size: .8rem; }

.jg_ul, .xuezi_slide { width: 95%; margin: .5rem auto .5rem; }
.jg_ul li { width: 6rem; height: 6rem; box-sizing: border-box; border: .3rem solid #eeeeee; border-radius: 50%; text-align: center; padding: 1rem 0; }
.jg_ul li p { font-size: 1.5rem; }
.jg_ul li p b { font-family: Impact; font-weight: normal; }
.jg_ul li span { font-size: 0.9rem; display: block; }
.jg_ban { width: 100%; }

.xuezi_slide { width: 93.75%; margin: 1rem auto; overflow: hidden;padding: 0.3rem 0; height: 20rem;}
.xuezi_slide .con{width:134%;padding-top: 5px !important;}
.xuezi_slide .bd li { width: 24%;  box-shadow: 0.125rem 0.125rem 0.5rem #ccc; background: #fff;  border-radius: 0.25rem; position: relative; margin-right: 0.5%; float: left;padding-bottom: 0.3rem;margin-left: 0.5%;}
.xuezi_slide .bd li i.lf, .xuezi_slide .bd li i.rt { display: block; width: 0.6rem; height: 1.5rem; background: url("../images/right_bg.png") no-repeat; margin-top: 1.6rem; float: left; background-size: 100%; }
.xuezi_slide .bd li i.rt { transform: rotate(180deg); float: right; margin-top: 1.4rem;}
.xuezi_slide .bd li p { width: 80%; margin: 0 auto; font-size: 1.1rem; color: #494949; text-align: center; line-height: 2.2rem; border-bottom: 0.125rem dotted #fcba3a; }
.xuezi_slide .bd li span { font-size: 1rem; color: #494949; text-align: center; display: block; margin: .5rem auto; }
.xuezi_slide .bd li span i { font-style: normal; font: .9rem Impact; }
.xuezi_slide .bd li img { margin: 0 auto; display: block; width: 93.75%; }

