/**new add 2020.3.19*/
html{font-size:17px}
.topLogo{display: none;}
  @media (max-width: 770px){ 
    .topLogo{display: block;height: 36px;} 
    .topLogo .menu {top: 0px;}
}
.headTitle h3 a.main{width: 175px;text-align: left;color:#bc3729;  font-size: 23px;
    width: 80%; border-bottom: 0px solid #bc3729;}
.headTitle h3 a i{ width: 300px; border-bottom: 2px solid #e84c3d; display: inline-block; font-style: normal }
.headTitle1 h3 a.main{width: 175px;text-align: left;width: 100%; border-bottom: 2px solid #bc3729;}
.mainNav {
    width: 100%;
    height: 45px;
    /**
    border-top: 1px solid #9a0000;
    background: #820000;
    */
        border-top: 1px solid #bc3729;
    background: #fd6253;
}
.mainNav .mainNavList li:hover{
  background: #bc3729;
}
.noshowBox{box-shadow: none!important; margin: 50px 0;}

.listpage{width: 100%; margin: 20px 0; position: relative; clear: both;}
.tg_pages{padding-top: 10px;padding-bottom: 10px; text-align: center;  }
.tg_pages ul li{  display: inline;line-height: 32px;}
.tg_pages ul li a{ color: #333; margin-right: 5px; padding: 3px 5px;border: 1px solid #CCC;background-color: #FFF;  }
.tg_pages ul li a:hover{color:#fd6253;}
.thisclass { margin: 0 5px;  border: 1px solid #CCC;padding: 3px 5px; font-weight: bold; color: #fff; background: #e84c3d;}
.climg{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%; }

.topic{}
.topic1{background: #f9f6f3!important}

.aboutbg{background: url('../images/banner38.jpg') #f9f6f3 ; height: 1440px;
    background-size: 100% 100%;background-position: top left;background-repeat: no-repeat;
}

.zy_banner{width:100%;min-height:306px; clear:both}
.zy_banner img{ width: 100%; height: auto; }
.zy_content{MARGIN: 18px auto 0px;WIDTH: 98%; max-width:1100px;HEIGHT: auto; clear:both}
.zy_content .weizhi{BORDER-BOTTOM: #e84c3d 3px solid;LINE-HEIGHT: 38px;WIDTH: 100%;HEIGHT: 38px; clear:both}.zy_content .weizhi a{COLOR: #696767;FONT-SIZE: 14px;}
.zy_content .zy_left{MARGIN-TOP: 26px;WIDTH: 200px;FLOAT: left;min-HEIGHT: 600px;}
.zy_content .zy_left h1{height:46px; display:block; background:#e84c3d; line-height:46px; text-align:center; color:#FFF; font-size:18px; font-weight:bold;text-shadow: 0px 0px 6px #666;}
.zy_content .zy_left h1 a{color:#fff;}
.zy_content .zy_left img{min-height:100px; display:block; width:100%; background:#fff}
.zy_content .zy_left ul{TEXT-ALIGN: center;width: 150px;margin:0 auto;COLOR: #464343;FONT-SIZE: 16px; margin-top:0;}

.zy_content .zy_left ul li{WIDTH: 100%; height:45px; line-height:45px}
.zy_content .zy_left ul li a{display:block; height:54px;COLOR: #bc3729;text-align:center;LETTER-SPACING: 4px;width:100%;font-size:16px; letter-spacing: 9px;}
.zy_content .zy_left ul li a:hover{COLOR: #bc3729;}
.zy_content .zy_left ul li:hover{}
.zy_content .zy_left ul li.on{}.zy_content .zy_left ul li.on a{COLOR: #bc3729;}

.zy_content .zy_right{FLOAT: right;WIDTH: 880px; height:auto}
.zy_content .zy_right h1{font-size:24px;color:#000; text-align:center;}
.zy_content .zy_right .zy_con{ padding:20px; font-size:15px; line-height:30px}
.time1 p{ width: 130px!important; padding-top: 8px; padding-bottom: 8px;  }
.notice  .noticeBoxList ul li{ height: 2.9rem; margin-left: 1%;}
.zy_mainc{ width: 100%; padding: 10px;}
.zy_con h1{font-size: 28px; margin: 40px auto; }
.zy_mainc h2{ font-size: 24px; margin: 20px auto;}
.zy_mainc h6 span{color:#999; }
.articlemain{width: 100%; padding: 10px; font-size: 14px; line-height: 26px; min-height: 280px;}
.articlemore{width: 100%; border-top: 1px dashed   #666; margin: 40px 0; }
.articlemore a{color:#333;}
.articlemore p { margin: 15px 0;}



.cuname{ position: absolute; top:55px;
    left:40%; color: #fff; font-size: 30px
}
a:hover{text-decoration: none;color:#bc3729;}
.sx-show{display: none;}
  @media (max-width: 770px){ .sx-show{display: block;}
      .headTitle1 h3 a.main{width: 175px;text-align: center;width: 100%!important; border-bottom: 2px solid #bc3729;}
  }
/**header**/
.bannerhome {background: #bc3729;height: 120px;}
.tophome{background: #bc3729;height: 28px; border-bottom: 1px solid #fff; color: #fff; font-size:13px; padding-top: 3px; }
.top_mainweb{text-align: right; }
.top_mainweb a{color:#fff;text-decoration: none;}
.top_mainweb a:hover{color:#e1eef7}
.banner_logo {float: left;margin: 28px 0 10px 0;padding-left: 0;}
.banner_logo img{width: 98%;}
.banner_xx { float: right; margin-top: 40px;padding-right: 38px; text-align: right;}
.jd_header {box-sizing: border-box;float:right;height: 35px; width: 40%;overflow: hidden; }
.jd_header .header_search {box-sizing: border-box;padding-left: 10px;width: 80%;height: 30px;margin-top: 4px;
 	background: rgba(255,255,255,0.9);font-size: 14px;color: #999;border: none;
}
.jd_header .header_glass {display: inline-block; position: absolute;right: 40px;top: 13px;width: 20px;height: 20px;
    background: url('../images/search.png')no-repeat;background-size: 16px 16px;cursor: pointer;
}

/** link  footer**/
.mainlink {
    margin: 15px 0.9%;     
    border: 1px solid #bc3729;
    background: #f7f4f4;
    height: 240px;min-height: 290px; margin-top: 37px;opacity: 0.9;box-sizing:border-box;}

.mainlink h3{
    text-align: center; font-size:18px;height: 44px; line-height:44px; font-weight: bolder; color:#bc3729; margin-top: 5px;
}
.z_link{margin: 4px 5px;  height: 40px; word-wrap: break-word;}
.z_link a{ display:inline-block; height: 34px; line-height:34px;color:#333; font-size: 15px ;}
.z_link a:hover{color:#bc3729; text-decoration: none;}
.f_link{ margin: 5px 5px;   }

.copyright { background-color: #bc3729; padding: 20px 0px 0px;margin-top: 27px;}
.footer_logo {
    background: url('../images/logo_bai_s.png') no-repeat; margin-top: 10px;background-size:contain;
    height: 60px;background-position: left 20px top 0px;margin-bottom: 5px;
}
.footer_font {height: 40px;font-size: 12px; margin-top: 8px;margin-bottom: 58px;font-family: "微软雅黑";}
.footer_font span {color: #fff; line-height: 20px;}
.footer_font img{display: inline-block; width: 70px; height:70px; margin-top:5px  }
.foot_fimg{padding-left: 20px }


.articlemain img{ width: 98%; max-width:600px; }
.articlemain a img{ width: 98%; max-width:600px; }


@media (max-width: 1025px)
{
    ::-webkit-scrollbar {
        width: 7px;
        height: 7px;
        cursor: pointer;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #e84c3d;
    }
    ::-webkit-scrollbar-track {
        background-color: #e84c3d;
        border-radius: 10px;
    }

}

@media (max-width: 1024px){
    .zy_content .zy_left{ display:none;}
    .zy_content .zy_right{ width: 100%; float: none; min-height: 400px;}
    .topLogo{ background: #e84c3d; border: 0;}
    .smSubNav h1{ background: #bc3729;}
    .mainNav{ display: none;}
    .aboutbg{ background: #fbb5ae; height: 2950px; }
    .topLogo {display: block;}
}
@media (max-width: 770px){ .sx-show{display: block;}
    .headTitle1 h3 a.main{width: 175px;text-align: center;width: 100%!important; border-bottom: 2px solid #bc3729;}
    .mainNav{ display: none;}
    .zy_banner{ min-height: 106px;}
}
@media (max-width: 570px){
    .time1 p{ width: 110px!important; padding-top: 2px; font-size: 13px!important;}
    .notice  .noticeBoxList ul li{ height: 3.9rem; margin-left: 1%;}
    .notice .noticeList ul li .time p {text-align: left;}
    .notice .noticeList ul li .time .blocks {background: none;}
    .notice .noticeList ul li i {top: 8px;}
.climg{width: 100%; height: 102px;}
}


/**手机尺寸的查询基本都是在col-xs-x下的，平板尺寸基本是在col-sm-x下*/
@media screen and (max-width: 320px) {
.tophome{display: none;}
.mainlink {min-height: 390px;}
.footer_logo { height: 40px;}
.footer_font img{margin-left: -5px;}
.foot_fimg{padding-left: 15px }
.col-xs-3 {width: 25%;float: left;}
.col-xs-9 { width: 75%;float: left;}
.jd_header{width: 100%}
    .bannerhome{ height: 160px; }
.banner_xx { margin-top: 38px;padding-right: 8%;}
    .cuname{ position: absolute; top:70px; left: 29%;}
.jd_header .header_search {width: 100%}
.jd_header .header_glass {right:8%;}
    .sx-hide{display: none;}
    .callbacks img { height: 196px!important;}
    .callbacks .caption {font-size: 14px!important;}
}
/**  360galaxy  375 iphoneX,iphone6.7.8竖着看**/
@media screen and (min-width: 321px) and (max-width: 380px) {
	.tophome{display: none;}
.footer_logo { height: 46px;}
.col-xs-3 {width: 35%;float: left;text-align: right;}
.col-xs-9 { width: 65%;float: left;}
 .foot_fimg {padding-left: 10px;}
.bannerhome{ height: 160px; }
.jd_header{width: 100%;}
.banner_xx { margin-top: 34px;padding-right: 8%; margin-bottom: 8px;}
.jd_header .header_search {width: 100%}
.jd_header .header_glass {right:8%;}
    .cuname{ position: absolute; top:70px; left: 31%;}
    .sx-hide{display: none;}
    .callbacks img { height: 196px!important;}
    .callbacks .caption {font-size: 14px!important;}
}

/**  414 iphone6.7.8 plus竖着看**/
@media screen and (min-width: 381px) and (max-width: 420px) {
	.tophome{display: none;}
.footer_logo { height: 50px; }
.footer_font {margin-left: 25px;}
.col-xs-3 {width: 32%;float: left;text-align: right;}
.col-xs-9 { width: 65%;float: left;}
 .foot_fimg {padding-left: 10px;}
.bannerhome{ height: 160px; }
.jd_header{width: 100%}
.banner_xx { margin-top: 32px;padding-right: 8%;}
    .cuname{ position: absolute; top:75px; left: 31%;}
.jd_header .header_search {width: 100%}
.jd_header .header_glass {right:8%;}
    .sx-hide{
        display: none;
    }
    .callbacks img { height: 196px!important;}
    .callbacks .caption {font-size: 14px!important;}
}
/**  736 iphone6.7.8横着看**/
@media screen and (min-width: 421px) and (max-width: 480px) {
	.tophome{display: none;}
.footer_logo { background-position: left 20px top 0px; }
    .bannerhome{ height: 160px; }
.mainlink {height:200px;}
.col-xs-3{text-align: right;  width: 25%;float: left;}
.col-xs-9 { width: 75%;float: left;}
.jd_header{width: 100%;}
.banner_xx { margin-top: 38px;padding-right: 8%;}
    .cuname{ position: absolute; top:75px; left: 31%;}
.jd_header .header_search {width: 100%}
.jd_header .header_glass {right:8%;}
    .sx-hide{
        display: none;
    }
}


/**  736 iphone6.7.8横着看**/
@media screen and (min-width: 481px) and (max-width: 736px) {
    .bannerhome{ height: 160px; }
	.tophome{display: none;}
.footer_logo { background-position: left 120px top 0px; }
.mainlink {height:180px;}
.col-xs-3{text-align: right;width: 25%;float: left;}
.col-xs-9 { width: 75%;float: left;}
.jd_header{width: 100%}
.banner_xx { margin-top: 8px;padding-right: 8%;}
.jd_header .header_search {width: 100%}
.jd_header .header_glass {right:8%;}
    .sx-hide{
        display: none;
    }
    .callbacks_container { float: none!important;
        width: 86%!important;
        margin-left: 50px;}
}
/**  768 ipad竖着看**/
@media screen and (min-width: 737px) and (max-width: 769px) {
	.tophome{display: none;}
.footer_logo { height: 42px; }
.footer_font {margin-left: 0px;}
.foot_fimg{padding-left: 10px }
.mainlink {height:380px;}
.col-xs-3 {width: 25%;float: left;}
.col-xs-9 { width: 75%;float: left;}
.bannerhome{ height: 100px; }
    .cuname{ position: absolute; top:20px;left: 34%;}
    .sx-hide{
        display: none;
    }
    .callbacks_container { float: none!important;
        width: 86%!important;
        margin-left: 50px;}
}
/**  812 iphoneX横着看**/
@media screen and (min-width: 770px) and (max-width: 812px) {
	.tophome{display: none;}
.mainlink {height:180px;}
.footer_logo { height: 40px; background-position: left 30px top 0px;}
    .callbacks_container { float: none!important;
        width: 80%!important;
        margin-left: 70px;}
}
/**  1024 ipad横着看，ipad pro竖着看**/
@media screen and (min-width: 813px) and (max-width: 1024px) {
    .cuname{ position: absolute; top:50px; left: 34%;}
.mainlink {height:280px;}
    .callbacks_container { float: none!important;
        width: 60%!important;
        margin-left: 200px;}
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .foot_fimg {
        padding-left: 0px;
    }
    .cuname{ position: absolute; top:55px; left: 35%;}
}

@media screen and (min-width: 1281px) and (max-width: 1366px){
    .cuname{ position: absolute; top:55px; left: 35%;}
}
@media screen and (min-width: 1367px) and (max-width: 1440px){
    .cuname{ position: absolute; top:55px; left: 37%;}
}
@media screen and (min-width: 1441px) and (max-width: 1600px){
    .cuname{ position: absolute; top:55px; left: 38%;}
}
@media screen and (min-width: 1601px) and (max-width: 1680px){
    .cuname{ position: absolute; top:55px; left: 39%;}

}