@charset "utf-8";
.ellipsis {text-overflow: ellipsis;overflow: hidden; white-space: nowrap; display: block;}
.header {width:100%;  background:url(../images/headerbg.png) center top repeat-x;height:100px; }
.header .htop{}
.header .htop h3{background:#1375de;text-align:center;color:white;height:55px;line-height:55px;font-family: "宋体", "SimSun", sans-serif;font-weight:600;font-size:26px;}
.header .hinfo { text-align: center;height:87px;}
.header .logo {min-height:70px;float:left;}
    .header .logo img{height:107px;width:auto;padding:10px 0;}
    .hnav {
        width: 100%;
        /*background-color: rgba(0,0,0,0.6);*/
        background-color:#1375de;
        position: absolute;
        z-index: 99;
        height: 65px;
    }
    .hnav ul{overflow:hidden;}
    .hnav ul li {
        float: left;
        margin: 0 10px !important;
        width: 95px;
    }
.header .right {
    line-height: 87px;
    height: 87px;
    font-size: 14px;
    color: #1375de;
}
    .header .right .btn_login {
        padding-left: 25px;
        background: url(/WebShop/images/btn_login.png) no-repeat;
        background-position: left center;
        color: #1375de;
    }
    .header .right .btn_reg {
        padding-left: 25px;
        background: url(/WebShop/images/btn_reg.png) no-repeat;
        background-position: left center;
        color: #1375de;
    }
    .header .right span {
        margin: 0 10px;
    }
    .header .right a {
        color: #1375de;
    }
.hnav ul li a {
    color: #fff;
    line-height: 66px;
    display: inline-block;
    box-sizing: border-box;
    font-size: 18px;
}
.hnav ul li a:hover { border-bottom:2px solid #FFFFFF;  }
.hnav ul li a.hot {color:#ffa311;}
.hnav ul li a.hot:hover {border-bottom:2px solid #ffa311;}
.hnav ul li:first-child {margin-left:0;}
.hnav ul li:last-child {margin-right:0;}
.search_form {
    width: 240px;
    position: relative;
    float: right;
    border-radius: 5px 5px;
    overflow: hidden;
    background: #ffffff;
    margin-top: 25px;
}
.search_form input {
    height: 30px;
    padding: 10px 50px 10px 10px;
    font-size: 14px;
    border:none;
    width:180px;
}
.search_form .btn_search{
    position:absolute;
    right:0;
    top:0;
    width:50px;
    height:50px;
    background:url(/WebShop/images/btn_search.png) no-repeat center center;
}
.ibanner {
    width: 100%;
    margin:50px 0 0;
}
.ibanner .swiper-slide a span { display:block; width:100%; min-height:500px; }
.ibanner .sp-nav {bottom:20px!important;}
.ibanner .sp-nav .swiper-pagination-bullet {border:none; width: 10px; height: 10px; margin:0 5px!important; background:rgba(153,153,153,0.5); opacity:1; }
.ibanner .sp-nav .swiper-pagination-bullet-active { border:none;  background:#ffffff;}

.box-book { margin:80px 0;}
.box-book .bbl { width:320px; padding:20px;  background:#f2f2f2; }
.box-book .bbl ul li {  line-height: 68px; padding:0 20px; border-bottom:1px solid #ebebeb; background:url(../images/ico-bb.png) 280px center no-repeat #fff; }
.box-book .bbl ul li a {font-size: 18px; }
.box-book .bbr { width:800px; }
.box-book .bbr .title { padding:8px 0 11px 0;position: relative;}
.box-book .loginInfo{position: absolute;right:0px;top:14px;font-size:16px;}
.box-book .loginInfo a{color:#ff4444;}
.box-book .bbr .title h1 { font-weight: normal; font-size: 30px; color:#333;
    text-align: center;}
.box-book .bbr .title span { color:#999; text-transform: uppercase; padding:14px 0 0 10px; font-family: Arial;}
.box-book .bbr ul li {width:185px; height: 185px;  background:#f2f2f2; text-align: center; margin-right:20px; float:left; margin-top:20px;}
.box-book .bbr ul li:nth-child(4n) {margin-right:0;}
.box-book .bbr ul li a {width:100%; display:inline-block;}
.box-book .bbr ul li p { font-size:18px; color:#333; padding: 20px 0;}
.box-book .loginInfo .btn{font-size:14px;color:#fff;background:#86110f;border-radius:5px;display:inline-block;padding:0 10px;line-height:30px;height:30px;}
.box-news { padding:80px 0; background:#f2f2f2;}
.box-news .bnl { width:320px; padding:20px;  background:#fff; }
.box-news .bnl .title { padding-bottom:20px; border-bottom:1px solid #ebebeb;}
.box-news .bnl .title span { font-size:24px; color:#333; }
.box-news .bnl .title i { font-style:normal; font-family: Arial; color:#999; padding-top:16px;}
.box-news .bnl ul li { margin-top:20px;}
.box-news .bnl ul li img {width:150px; }
.box-news .bnl ul li p {width:150px; font-size:16px; margin-top:10px; line-height: 180%; height:90px;  overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  text-overflow: ellipsis;  }
.box-news .bnr { width:800px; }
.slideTxtBox .hd ul li {float:left; width:160px; height: 50px; line-height: 50px;   font-size:18px; color:#808080; text-align: center;}
.slideTxtBox .hd ul li.on { background:#b5000b;  }
.slideTxtBox .hd ul li.on a {color:#fff;}
.slideTxtBox .bd ul li { width:253px; margin-top:20px; margin-right:20px; float:left;}
.slideTxtBox .bd ul li:nth-child(3n) {margin-right:0;}
.slideTxtBox .bd ul li p.img img {width:100%;}
.slideTxtBox .bd ul li p.title { margin-top:10px; }
.slideTxtBox .bd ul li p.date { color:#999; font-family: Arial;}

.ibox {padding:55px 0;flex:1;display:flex;}
.ibox .title { padding-bottom: 30px;}
.ibox .title h1 { font-weight: normal; font-size: 24px; color:#333;}
.ibox .title span { color:#999; text-transform: uppercase; padding:14px 0 0 10px; font-family: Arial;}
.ibox .title .menu {width:800px; text-align: right;}
.ibox .title .menu a {display:inline-block; padding:6px 20px; text-align: center;  color:#999; border:1px solid #e0e0e0; margin-left:20px; background: #fff;}
.ibox .title .menu a:hover { background:#86110f; color:#fff; border:1px solid #86110f; }
.isw {padding-bottom:30px;}
.isw img {width:100%;}
.isw .name { font-size:18px; color:#333; margin-top: 10px;}
.isw .name span { font-size:14px; color:#999;}
.sp-navo {bottom:0!important;}
.sp-navo .swiper-pagination-bullet {border:none; width: 8px; height: 8px; margin:0 5px!important; background:rgba(153,153,153,0.5); opacity:1; }
.sp-navo .swiper-pagination-bullet-active { border:none;  background:#1375de;}

.box-stu, .box-age {background:#f2f2f2;}

.iswo {padding-bottom:30px;}
.iswo img {width:100%;height:120px;}
.iswo .name { font-size:18px; color:#333; margin-top: 10px;}
.iswo .name span { font-size:14px; color:#999;}

.footer {width:100%; background:#494f51; color:#fff; padding:15px 0;  }
.footer .ftitle { font-size:14px; margin-bottom:20px;text-align:center; }
.footer .finfo .finfol {width:100%; padding-right:60px; font-size:12px; }
.footer .finfo .finfol .info {margin-left:-10px;}
.footer .ilink {padding-bottom:30px;}
.footer .remc {  padding-top:30px;}
.footer .finfo a {color:#fff; padding:0 10px; display: inline-block;  line-height: 100%; margin:5px 0; }
.footer .finfo a:first-child {margin-left:0;}
.footer .finfo .finfor {width:338px; border-left:1px solid #1a1a1a; }
.footer .finfo .finfor p {font-size:12px; line-height: 240%;}
.footer .line1 {width:100%; height: 1px; background: #1a1a1a;}
.footer .line2 {width:100%; height: 1px; background: #333;}
.footer .cont {  padding-left:60px;height:20px;}
.footer .cont { border-left:1px solid #333; }

.cbanner {width:100%; min-height:400px; }

.cinfo {padding:40px 0 60px 0;flex:1;display:flex;}
.cleft {width:280px; }
.cleft .title { width:100%; height: 60px; background: #1375de;text-align:center; }
.cleft .title span {font-size:24px; color:#fff; line-height: 60px; display: inline-block; padding:0 20px;}
.subnavbox{width:calc(100% - 2px); border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.subnavbox .subnav { border-bottom:solid 1px #e0e0e0;  color:#999;line-height:50px; padding-left:20px; font-size:16px;  background:url(../images/jiantou2.png) 245px center no-repeat;}
.subnavbox .subnav:hover a {color:#86110f;}
.subnavbox .currentdt:hover , .subnavbox .active {background:url(../images/jiantou3.png) 250px center no-repeat!important;}
.subnavbox .active a {color:#86110f!important; }
.subnavbox .currentdt {background:url(../images/jiantou.png) 250px center no-repeat;}
.navcontent{ background: #f2f2f2; padding:10px 20px; }
.navcontent li a { display:inline-block; font-size:14px;line-height:32px; }
.navcontent li a:hover, .navcontent li a.active{color:#86110f; }
.cnav {width:calc(100% - 2px); border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.cnav li {border-bottom:solid 1px #e0e0e0;  color:#999;line-height:50px; padding-left:20px; font-size:16px;  background:url(../images/jiantou.png) 250px center no-repeat;}
.cnav li:hover, .cnav li.active {background:url(../images/jiantou3.png) 250px center no-repeat;}
.cnav li:hover a, .cnav li.active a {color:#1375de; }
.cnav li:last-child { border:none;}
.cright {width:880px;}
.cright .bread { height:60px; border-bottom:1px solid #e0e0e0; background: url(../images/ico-bread.png) left center no-repeat; }
.cright .bread p {line-height:60px; padding-left:36px; }
.cright .bread p span { padding-left:12px; padding-right:16px; background: url(../images/ico-breadr.png) right center no-repeat;  }
.cright .bread p span:first-child {padding-left:0;}
.cright .bread p span:last-child {background: none; color:#1375de;}
.cright .crinfo { padding-top:40px;}

.cnews ul li { width:266px; margin-bottom:20px; margin-right:40px; float:left;}
.cnews ul li:nth-child(3n) {margin-right:0;}
.cnews ul li p { font-size:14px;}
.cnews ul li p.img img {width:100%;}
.cnews ul li p.title { margin-top: 10px;text-align: center;}
.cnews ul li p.date { color: #999;font-family: Arial;text-align: center;}
.cbanner{display:none;}
.cnews2 ul li { display: block; margin-bottom: 20px;height: 40px;border-bottom: 1px dashed #eeeeee;}
.cnews2 ul li p { font-size: 14px;line-height:40px;height:40px;overflow:hidden;}
.cnews2 ul li p.img img { width: 100%;}
.cnews2 ul li span.title { width: 750px;float: left;line-height: 40px;height: 40px;}
.cnews2 ul li span.date { color: #999;font-family: Arial;float: right;line-height: 40px;height: 40px;}
.cvidos ul li { width: 270px;margin-bottom: 20px;margin-right: 40px;float: left;}
.cvidos ul li:nth-child(4n) { margin-right: 0;}
.cvidos ul li p { font-size: 14px;}
.cvidos ul li p.img img { width: 100%;}
.cvidos ul li p.title { margin-top: 10px;text-align: center;}
.cvidos ul li p.date { color: #999;font-family: Arial;text-align: center;}


.cnewsd .bread { height:60px; border-bottom:1px solid #e0e0e0; background: url(../images/ico-bread.png) left center no-repeat; }
.cnewsd .bread p {line-height:60px; padding-left:36px; }
.cnewsd .bread p span { padding-left:12px; padding-right:16px; background: url(../images/ico-breadr.png) right center no-repeat;  }
.cnewsd .bread p span:first-child {padding-left:0;}
.cnewsd .bread p span:last-child {background: none; color:#1375de;}
.cnewsd .info {padding-top:40px;}
.cnewsd .info .title { font-size:24px; color:#333; text-align: center;}
.cnewsd .dv { color:#999; text-align: center; padding:10px 0 40px 0; font-size: 13px; } 
.cnewsd .dv span { margin:0 10px; }
.cnewsd .content img {margin:20px 0;}

.crnav {padding:20px 0 0 0;}
.crnav ul li { float:left; margin-right:20px; margin-top:20px;}
.crnav ul li a {display:inline-block; padding:0 28px; line-height: 40px; background:#f2f2f2; }
.crnav ul li a:hover , .crnav ul li a.active ,.crnav ul li a.active:hover { background:#1375de; color:#fff; }

.cpar ul li { width:266px; margin-bottom:20px; margin-right:40px; float:left;}
.cpar ul li:nth-child(3n) {margin-right:0;}
.cpar ul li p.img {width:100%; height: 180px;   line-height: 180px; border:1px solid #e0e0e0; text-align: center;}
.cpar ul li p.img img { max-width: 100%; vertical-align: middle;}
.cpar ul li p.title { text-align:center; margin-top:10px; }

.crznav {padding:20px 0 40px 0;}
.crznav ul li { float:left; margin-right:20px; margin-top:20px;}
.crznav ul li a {display:inline-block; padding:0 28px; line-height: 36px; border:1px solid #e0e0e0; color:#999; }
.crznav ul li a:hover, .crznav ul li a.active, .crznav ul li a.active:hover { background: #4576e3;border: 1px solid #4576e3;color: #fff;}
.rzinfo ul li {width:100%; height:250px; background:#f2f2f2; margin-bottom:40px;}
.rzinfo ul li .fl {width: 380px; }
.rzinfo ul li .fl img {width:100%; }
.rzinfo ul li .fr { width:740px; padding:25px 40px; }
.rzinfo ul li .fr p.title { font-size:16px; font-weight: bold; color:#333; width:100%; border-bottom:1px solid #d9d9d9; padding-bottom:10px; margin-bottom:20px;}
.rzinfo ul li .fr p.title span { font-weight:normal; font-size:14px; color:#999; padding-left:10px;}
.rzinfo ul li .fr .desc p { font-size:13px; }
.rzinfo ul li .fr a.more { width:120px; height: 32px; line-height: 32px; display: inline-block; border:1px solid #d9d9d9;  text-align: center;  font-family: Arial; margin-top:20px; color:#999; font-size:12px;}
.rzinfo ul li .fr a.more i { padding-left:10px; font-size: 16px; }
.rzinfo ul li .fr a.more:hover { background:#1375de; border:1px solid #1375de; color:#fff;}

.wtinfo {padding:10px 0;}
.wtinfo ul li { padding:30px 0; border-bottom:1px dashed #e0e0e0;}
.wtinfo ul li .fr {width:1164px;}
.wtinfo ul li .que {margin-bottom:15px;}
.wtinfo ul li .que p { font-weight:bold;  color:#333; font-size:16px;}
.wtinfo ul li  i { display: inline-block; width:26px; height: 26px; line-height: 26px; border-radius:100%;  color:#fff; font-style:normal; text-align: center; font-family: Arial; font-size:16px;}
.wtinfo ul li .que i { background:#86110f;}
.wtinfo ul li .ans i { background:#ccc; }

.bmlogin { padding:40px 0; }
.loginbox { width:360px; margin-left:100px; }
.loginbox li { width:100%; height:auto; margin:0 0 20px 0;}
.loginbox li:last-child { margin-bottom:0;}
.loginbox li span {float:left; width:60px;height:40px; line-height: 40px; text-align: right; margin-right: 10px; display: inline-block; }
.loginbox li input {width:268px; float:left; border:1px solid #e0e0e0; background:#fff; height:40px; padding:0 10px; }
.code_txt{ width:130px!important; padding:0 10px;}
.verifyCode { float:right; width:120px; height:38px; display:block; overflow:hidden; border:1px solid #ddd; border-radius:2px; background:#fff;}
.verifyCode img { width:120px; height:40px;}
.loginbox a.login_btn{ width:290px; height:40px; line-height:40px; float:right; display:block; overflow:hidden; background:#1375de; border-radius:4px;color:#fff; font-size:16px; text-align:center; font-weight:bold;margin-right:20px;}
.loginbox a.login_btn:hover{ color:#fff;}
.loginbox a.fl { padding-left:80px; color:#1375de;}
.loginbox a.link:hover { text-decoration:underline;}
.kf { width:100px; height: 100px; border-radius: 100%; background:#ffa544;  text-align: center; margin-left:150px; }
.kf img {margin-top:12px; }
.kf p {color:#fff;}

.bmcheck { background:#f2f2f2; padding:40px 0 0 0; }
.bmcheck ul {width:800px; margin: 0 auto;}
.bmcheck ul li { width:calc(33.3% - 40px); float:left; margin-right:40px; margin-bottom:40px;}
.bmcheck ul li:nth-child(3n) {margin-right:0; }
.bmcheck ul li a { display:inline-block;  width:calc(100% - 40px);  padding:0 20px; line-height: 46px;  background:#fff; font-size:16px; position: relative;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.bmcheck ul li a i {position: absolute; right:20px; top:12px;  font-size:22px; color:#808080; }
.bmcheck ul li a:hover { background:#86110f; color:#fff; }
.bmcheck ul li a:hover i { color:#fff; }

.bmselect { background:#f2f2f2; padding:40px 0 0 0; }
.bmselect ul {width:800px; margin: 0 auto;}
.bmselect ul li { width:calc(50% - 40px); float:left; margin-right:40px; margin-bottom:40px; text-align: center;}
.bmselect ul li:nth-child(2n) {margin-right:0; }
.bmselect ul li a { display:inline-block;  width:calc(100% - 40px);  padding:0 20px; line-height: 46px;  background:#fff; font-size:16px; position: relative; }
.bmselect ul li a:hover { background:#86110f; color:#fff; }
.bmselbtn { margin:40px 0 0 40px; }
.bmselbtn a {display:inline-block; width:160px; height: 42px; line-height: 42px; background: #ff9600; color:#fff; text-align: center; font-size:16px; }

.bmresult { text-align: center;}

.bmfnav { background:#f2f2f2; padding:40px 0; }
.bmfnav ul {width:800px; margin: 0 auto; border-bottom:1px solid #e0e0e0;}
.bmfnav ul li { width:calc(50% - 40px); float:left; margin-right:40px; margin-bottom:30px; text-align: center;}
.bmfnav ul li:nth-child(2n) {margin-right:0; }
.bmfnav ul li a { display:inline-block;  width:calc(100% - 40px);  padding:0 20px; line-height: 46px;  background:#fff; font-size:18px; position: relative;  color:#999; }
.bmfnav ul li a:hover, .bmfnav ul li a.active { background:#ffa311; color:#fff; }
.bmfinfo { background:#f2f2f2; padding:0 0 40px 0; }
.bmfinfo ul {width:800px; margin: 0 auto;}
.bmfinfo ul li span {float:left; width:240px; text-align: right; display:inline-block; line-height: 40px; margin-bottom:20px;}
.bmfinfo ul li .txt {float:left; width:450px; margin-left: 10px;} 
.bmfinfo ul li  select { appearance:none;  -moz-appearance:none;  -webkit-appearance:none;  width:100%; padding:0 10px;  height: 40px; border:1px solid #e0e0e0; color:#666;background: url("../images/arrow.png")   right center no-repeat #fff; float:left; }
.bmfinfo ul li .txt .tips { color:#86110f; line-height: 42px;}
.bmfinfo ul li  input { width:calc(100% - 20px); padding:0 10px;  height: 40px; border:1px solid #e0e0e0; background: #fff; color:#666; float:left;}
.bmfinfo ul li  input.py {width:240px; margin-left:10px; }
.bmfinfo ul li  em { font-style:normal;float:left; width:80px; text-align: right; display:inline-block; line-height: 40px; }
.bmfinfo ul li  select.xb {width:100px; float:left; margin-left:10px;}
.bmfinfo ul li  select.dt {width:100px; float:left; margin-left:10px;}
.bmfinfo ul li  .date {float:left; width:40px; height: 38px; background: #e6e6e6; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align: center; line-height: 38px; margin-right:5px;}
.bmfinfo ul li  select.mz {width:260px;  float:left; margin-left:10px; }
.bmfbtn { margin:20px 0 0 290px; }
.bmfbtn a {display:inline-block; width:160px; height: 42px; line-height: 42px; background: #4576e3; color:#fff; text-align: center; font-size:16px; }
.bmfinfo ul li  select.city {width:175px; float:left; margin-left:10px;}
.bmfinfo ul li  .ct {float:left; width:42px; height: 38px; background: #e6e6e6; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align: center; line-height: 38px; margin-right:5px;}

.h40 {width:100%; height: 40px; }
.bmfinfo ul li input[type=checkbox]{width:20px;height:20px;float:unset;padding:10px;}
.bmfinfo .txt label {
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    margin-right:20px;
}
.corder ul {
    height: 50px;
    text-align: center;
    background: #e6e6e6;
    margin-bottom: 40px;
}
.corder ul li { line-height: 50px; float:left; font-size:16px;}
.corder ul li:first-child, .corder .list .listcont .lbox:first-child {width:100px;}
.corder ul li:nth-child(2), .corder .list .listcont .lbox:nth-child(2) {width:150px;}
.corder ul li:nth-child(3), .corder .list .listcont .lbox:nth-child(3) {width:150px;}
.corder ul li:nth-child(4), .corder .list .listcont .lbox:nth-child(4) {width:100px;}
.corder ul li:nth-child(5), .corder .list .listcont .lbox:nth-child(5) {width:100px;}
.corder ul li:nth-child(6), .corder .list .listcont .lbox:nth-child(6) {width:200px;}
.corder ul li:nth-child(7), .corder .list .listcont .lbox:nth-child(7) {width:139px;}
.corder ul li:nth-child(8), .corder .list .listcont .lbox:nth-child(8) {width:100px;}
.corder ul li:nth-child(9), .corder .list .listcont .lbox:nth-child(9) {width:100px;}
.corder ul li:nth-child(10), .corder .list .listcont .lbox:nth-child(10) {width:100px;}
.corder ul li:nth-child(11), .corder .list .listcont .lbox:nth-child(11) {width:100px;}
.corder ul li:last-child ,.corder .list .listcont .lbox:last-child {width:100px;}
.corder .list { border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; margin-bottom: 30px;}
.corder .list .listcont .lbox {float:left; height: 80px;text-align: center; font-size:16px; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; box-sizing: border-box;}
.corder .list .listcont .lbox p { line-height:80px;margin:auto; }
.corder .list .listdd { background:#f2f2f2;  border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; height: 40px; padding:0 20px;} 
.corder .list .listdd span { line-height:40px; }
.corder .list .listcont a.none {color:#ccc;  pointer-events: none;}

.bmprice { width:400px; margin:0 auto; }
.bmprice .price { height:50px; line-height: 50px; border-bottom:1px solid #e0e0e0; margin-bottom:20px;}
.bmprice .price span { color:#ff9000;font-size:20px; }
.bmprice .price span em { font-size:14px; font-style: normal; padding-left:4px;}
.bmprice .qrcode { background:#f2f2f2; padding:20px; }
.bmprice .qrcode .fl {width:120px;}
.bmprice .qrcode img {width:100%;}
.bmprice .qrcode .fr { width:220px; padding-top:30px;}

/*============ 上下页 ============== */
.paginator{height: 34px;margin-top: 30px;margin-bottom:40px; text-align:center;}
.paginator a{  font-size: 14px;padding: 4px 15px;border: solid 1px #e0e0e0;margin: 0px 6px;display: inline-block;background-color: #fff;color:#999; margin: 0; margin:0px 5px;}
.paginator a:hover{color: #fff;border: solid 1px #1375de;background-color: #1375de;}
.paginator .cpb{border: solid 1px #1375de;background-color: #1375de;padding: 4px 15px;font-size: 14px;color: #fff;display: inline-block; margin:0px 5px;}

.previous_next{ padding-top:30px; border-top:dashed 1px #cccccc; padding-bottom:20px;}
.previous_next  p{ padding-bottom:5px;}
.previous_next span{ color:#333333; width:50px; text-align:right; display: inline-block;}
.previous_next a{ color:#999999; padding-left:5px;}
.previous_next a:hover{ color:#86110f;}


.toux { width:100px; height: 100px;text-align: center; margin-left:150px; }
.toux img {width:100px;height:100px; }
.toux p {color:#fff;width:100px;height:100px;}
.subnavbox .xx.active{
    background: url(../images/jiantou3.png) 250px center no-repeat!important;
}
.valueimg{display:inline-block;}
.valueimg img{width:80px;height:auto;padding:10px;}
.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url(../images/keifu.png); background-position:0 -149px; }

/*-----------------------------------------------------kf-----------------------------------------------------*/
.side-bar .qq{ width:50px;height:50px; position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; display:block; border-radius:50%;  background:#333;  
box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar .qq:hover{ background:#222;}
.side-bar .qq i{ background:url(../images/side-04.png) no-repeat; width:24px; height:26px; display:block; margin:10px auto;}
.side-bar .qq .hide{  width:226px;  position:absolute; left:-226px; top:-36px;}
.side-bar .qq .hied_con{ width:210px; background:#222; border-radius:4px; color:#fff;  padding:5px 0 15px 0;min-height:100px;
box-shadow:0 0 8px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width 0.3s ease-in-out; -webkit-transition:width 0.3s ease-in-out; display:none;}
.side-bar .qq:hover .hied_con{ display:block }
.side-bar .qq .hied_con:after { content:""; width:10px; height:10px; background:#222; position:absolute; right:11px; top:58px; transform:rotate(45deg);  -webkit-transform:rotate(45deg);}
.side-bar .qq .hide dl { width:180px; margin:0 auto; overflow:hidden; text-align:left; font-size:12px; margin-top:10px;}
.side-bar .qq .hide dl dt.title { margin-bottom:10px; font-size:14px;}
.side-bar .qq .hide dl dt.tel { position:relative;}
.side-bar .qq .hide dl dt a { color:#fff; font-family:Arial, sans-serif; font-size:16px;font-style:italic; font-family:"微软雅黑"; padding-left:12px; }
.side-bar .qq .hide dl dt a span {font-family:"微软雅黑";  font-style:normal; font-size:14px; padding-left:12px; position: absolute; top:-4px;}


.side-pannel {position:fixed; width:50px; bottom:60px; right:20px; z-index:999; }
.side-bar>a {width:50px;height:50px;  position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; border-radius:50%; background:#333;  
box-shadow:0 0 8px 0 rgba(0,0,0,.2);  -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.side-bar>a:hover{ background:#222;}
.side-bar a.gotop:hover{ background:#222;}

.side-bar .dh{ width:50px;height:50px; position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; display:block; border-radius:50%;  background:#333;  
box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar .dh:hover{ background:#222;}
.side-bar .dh i{ background:url(../images/side-01.png) no-repeat; width:23px; height:23px; display:block; margin:14px auto;}
.side-bar a.wx i{ background:url(../images/side-02.png) no-repeat; width:26px; height:22px; display:block; margin:14px auto;}
.side-bar a.gotop i{ background:url(../images/side-03.png) no-repeat; width:23px; height:13px; display:block; margin:17px auto;}
.side-bar .dh .hide{  width:226px;  position:absolute; left:-226px; top:-36px;}
.side-bar .dh .hied_con{ width:210px; background:#222; border-radius:4px; color:#fff;  padding:5px 0 15px 0;
box-shadow:0 0 8px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width 0.3s ease-in-out; -webkit-transition:width 0.3s ease-in-out; display:none;}
.side-bar .dh:hover .hide,.side-bar .dh:hover .hied_con{ display:block }
.side-bar .dh .hied_con:after { content:""; width:10px; height:10px; background:#222; position:absolute; right:11px; top:58px; transform:rotate(45deg);  -webkit-transform:rotate(45deg);}
.side-bar .dh .hide dl { width:180px; margin:0 auto; overflow:hidden; text-align:left; font-size:12px; margin-top:10px;}
.side-bar .dh .hide dl dt.title { margin-bottom:10px; font-size:14px;}
.side-bar .dh .hide dl dt.tel {margin-top:-6px;}
.side-bar .dh .hide dl dt a { color:#fff; font-family:Arial, sans-serif; font-size:18px; font-style:italic;  }
.side-bar .dh .hide dl dt a span {font-family:"微软雅黑";  font-style:normal; font-size:14px; padding-left:6px;}
 .theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.75;filter:alpha(opacity=75);-moz-opacity:0.75; display:none; }
.popover1{ width:360px; height:300px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover1 dl { margin-top:60px; font-size:14px; color:#333; line-height:30px;}
.popover1 dl a { width:100px; height:36px; line-height:36px; background:#1088d5; color:#fff; display:inline-block; border-radius:4px; -webkit-border-radius:4px; font-size:14px; margin-top:10px; 
transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.popover1 dl a:hover { background:#005ca1;}
.side-bar .qq:hover .hide,.side-bar .qq:hover .hied_con{ display:block }
.box-about{
    height:795px;
    overflow:hidden;
    position:relative;
}
    .box-about .box-about-left{
        height:795px;float:left;width:50%;
        background:url(/WebShop/images/about_01.jpg) no-repeat right center;
        background-size:auto 100%;
    }
    .box-about .box-about-right {
        height: 795px;
        float: right;
        width: 50%;
        background: url(/WebShop/images/about_02.jpg) no-repeat left center;
        background-size: auto 100%;
    }
    .box-about .box-about-info{
        width:100%;
        text-align:center;
        position:absolute;
        top:200px;
    }
    .box-about .box-about-info .left{
        width:750px;height:440px;
    }
        .box-about .box-about-info .left image{
            width:100%;
            height:100%;
        }
        .box-about .box-about-info .right {
            width: 400px;
           text-align:left;
          font-size:14px;
          color:#fff;
        }
        .box-about .box-about-info .more {
           width:150px;height:44px;line-height:44px;text-align:center;
           border:1px solid #fff;
           color:#fff;display:inline-block;
           border-radius:3px 3px;
           margin-top:40px
        }
.box-bao{
    position:relative;
    background:url(/WebShop/images/bao_bg.png) no-repeat top center;
    height:1182px;
    background-size:auto 100%;
}
    .box-bao .box-about-info {
        position:absolute;
       width:100%;
        top:200px;
    }
        .box-bao .box-about-info .bao_01{
    width: 590px;
    height: 385px;
    float: left;
    margin-right: 20px;

        }
        .box-bao .box-about-info .bao_02 {
            width:590px;
            height: 385px;
            float: right;
			 
        }
        .box-bao .box-about-info .bao_03 {
            width: 385px;
            height: 385px;
            float: left;
            margin-top:20px;margin-right:20px;
        }
        .box-bao .box-about-info .bao_04 {
            width: 385px;
            height: 385px;
            float: right;
            margin-top: 20px;
            margin-right: 20px;
        }
        .box-bao .box-about-info .bao_05 {
            width: 385px;
            height: 385px;
            float: right;
            margin-top: 20px;
        }
.box-tea{
    padding:0px;
    padding-top:200px;
    height:447px;
    background:url(/WebShop/images/techer_bg.png) no-repeat center center;
    background-size:auto 100%;
}
.isw .info .name1{
    font-size:20px;color:#333;line-height:50px;height:50px;text-align:center;
}
.isw .info .shortname {
    color: #714d0d;
   font-size:12px;
   text-align:center;
   margin-bottom:20px;
}
.isw .info .summary {
    color: #666666;
    font-size: 12px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.jg_title{
    margin-bottom:55px;
}
.jg_list .jg_item .left{
    width:730px;height:520px;

}
.jg_list .jg_item .left img{
    width:100%;height:100%;
}
.hidden{display:none !important;}
.jg_list{margin-bottom:20px;}
    .jg_list .jg_item .right {
        height: 420px;
        background: #1375de;
        background-size: 100% 100%;
        width: 370px;
        padding: 50px;
    }
.jg_list .jg_item{color:#fff;overflow:hidden;}
.jg_list .jg_item .name {
    font-size:24px;font-weight:bold;line-height:80px;height:80px;
}
    .jg_list .jg_item .shortname{
        font-size:18px;margin-bottom:40px;
    }
    .jg_list .jg_item .summary {
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        line-clamp: 10;
        -webkit-box-orient: vertical;
    }
.infolist .img {
    border-radius: 3px 3px;
    border: 3px solid #f2f2f2;
}
.infolist .active .img {
    border: 3px solid #1375de;
}
.side-bar{
   position:fixed;
   right:0;
   bottom:20%;
   z-index:9999999;
}
    .side-bar li {
        width: 80px;
        color: #ffffff;
        height: 80px;
        background: #494f51;
        border-radius: 10px 10px;
        margin-bottom: 20px;
        text-align: center;
    }
     .side-bar li span{font-size:12px;line-height:30px;height:30px}
    .side-bar .iconfont2{
        font-size:30px;
        line-height:50px;height:50px;
        display:block;
    }

        .side-bar .qqr .hide {
            width: 226px;
            position: absolute;
            left: -226px;
            top: -36px;
        }

    .side-bar .qqr .hied_con {
        width: 210px;
        background: #180303;
        border-radius: 4px;
        color: #fff;
        padding: 5px 0 15px 0;
        min-height: 100px;
        box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
        -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
        transition: width 0.3s ease-in-out;
        -webkit-transition: width 0.3s ease-in-out;
        display: none;
    }
    .side-bar .qqr:hover .hide {
        display: block
    }
    .side-bar .qqr:hover .hied_con {
        display: block
    }

    .side-bar .qqr .hied_con:after {
        content: "";
        width: 10px;
        height: 10px;
        background: #180303;
        position: absolute;
        right: 11px;
        top: 58px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .side-bar .qqr .hide dl {
        width: 180px;
        margin: 0 auto;
        overflow: hidden;
        text-align: left;
        font-size: 12px;
        margin-top: 10px;
    }

        .side-bar .qqr .hide dl dt.title {
            margin-bottom: 10px;
            font-size: 14px;
        }

        .side-bar .qqr .hide dl dt.tel {
            position: relative;
        }

        .side-bar .qqr .hide dl dt a {
            color: #fff;
            font-family: Arial, sans-serif;
            font-size: 16px;
            font-style: italic;
            font-family: "微软雅黑";
            padding-left: 12px;
        }
    .side-bar .qqr {
		display:none;
        position: relative;
    }
            .side-bar .qqr .hide dl dt a span {
                font-family: "微软雅黑";
                font-style: normal;
                font-size: 14px;
                padding-left: 12px;
                position: absolute;
                top: 0px;
            }

.cnav li a {
    line-height: 50px;
    height: 50px;
    display: block;
}

.box { margin-left:283px; }
.box h3 { color:red;font-weight:bold; }
.box p { color:red;margin-left:40px; }
.box a { color:#1375de;font-weight:bold; }