/**new add 2020.3.19*/
@font-face {
    font-family: fz;
    src: url('../fonts/GSKA00H.eot'); /* IE9 Compat Modes */
    src: url('../fonts/GSKA00H.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/GSKA00H.woff') format('woff'), /* Modern Browsers */
       url('../fonts/GSKA00H.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/GSKA00H.svg#GSKA00H') format('svg'); /* Legacy iOS */

}
html{font-size:20px; }
body{font-family: fz,'SimSun';}
.topLogo{display: none;}
  @media (max-width: 770px){ 
    .topLogo{display: block;height: 46px;} 
    .topLogo .menu {top: 0px;}
}
.headTitle h3 a.main{width: 175px;text-align: left;
    width: 70%; border-bottom: 0px solid #304457; height: 88px; background: url('../images/headtitle.png') no-repeat ;
    color:#fff; padding-top: 18px; padding-left: 20px;
}
.headTitle2 h3 a.main{background: url('../images/headtitle2.png') no-repeat ;}
.headTitle h3 a i{ width: 300px; border-bottom: 2px solid #5f87af; display: inline-block; font-style: normal }
.headTitle1 h3 a.main{width: 175px;text-align: left;width: 100%; border-bottom: 2px solid #304457;}

.newsList3 ul li { height: 40px; margin: 10px 0;}
.news_title{ float: left; width: 78%; margin-left: 2%; height: 30px; overflow: hidden;}
.news_date{ float: left; width: 18%;}
.news_date i{color:#999;}
.newsContent{ padding: 10px;}
.newsArticle{ margin: 30px 0;}
.mainNav {
    width: 100%;
    height: 45px;
    /**
    border-top: 1px solid #9a0000;
    background: #820000;
    */
        border-top: 1px solid #263443;
    background: #5f87af;
}
.mainNav .mainNavList li:hover{
  background: #304457;
}
.noshowBox{box-shadow: none!important; margin: 50px 0;}
.w100{width: 100%!important;}
.newsShadow{
    background: #f9f9f9; margin-top: 20px;
box-shadow: 0 0 5px rgba(0,0,0,0.16);}


.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: #304457;}
.climg{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%; }

.u-block-hover__visible:hover{background: #333!important; opacity: 0.75;color: #fff!important; }
.u-block-hover__visible a:hover{color: #fff!important;}
.u-block-hover__visible .h5 a:hover{color: #fff!important;}
.u-block-hover__visible h3 a span:hover{color: #fff!important;}
.u-block-hover__visible h3{display: inline-block;}
.u-block-hover__visible h3 a span{ font-size: 2.2rem; font-weight: 300;}
.u-block-hover__visible .h5 { border-bottom: 2px solid #999; width: 100px}
.uww2 .h5{margin-right: 30px;}
.uww3 .h5{margin-right: 20px;}
.u-block-hover__visible .rmore{ display: inline-block; float: right; position: absolute; text-align: right; top:20px;}
.u-block-hover__visible a em{font-size: 1.1rem; color: #999;}
.u-shadow-v28 ul li a { display: block; width: 100%;	color:#555; text-align: left; text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap}
.u-shadow-v29 ul li a { display: block; width: 100%;	color:#fff; text-align: left; text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap}


* {
    margin: 0;
    padding: 0;
    border: none;
    font-family:'fz';
}

body{background: #ebebeb}
.redline{ margin: 50px 0 1px 0; width: 100%; height: 2px; border-bottom: 2px solid red; }
.redmore{ text-align: right; }

.noShow{display: none}
.bolang{ background: url('../images/bolang1.png') #ebebeb repeat-x; padding-top: 40px;}
.newMainNav{
    display: flex;
    display: -webkit-flex;
margin-top: 50px;
    height: 340px;
    justify-content:space-around;
}
.itemNav {writing-mode:vertical-lr; -ms-writing-mode: bt-lr;justify-content:center; text-align: start;

}
.itemNav a{font-family: 'fz';font-size: 1.8rem; color:#222; margin-top: 50px;}
.img-responsive img{ display: block; padding-top: 50px; width:100%;vertical-align: middle; }
.climg {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.aboutbg{background: url('../images/about1.jpg') #ebebeb ; min-height: 1000px;
    background-size: 100% 100%;background-position: top left;background-repeat: no-repeat;
}
.aboutinfo{font-family: 'fz'; height: 100px; text-align: center; margin: 40px auto;font-size: 66px; padding-top: 60px;}
.aboutinfo ul li{float: left;}
.aboutinfo  .abin1{font-size: 80px; margin-top: -30px;}
.aboutmain{font-family: 'fz'; text-align: center; margin: 40px auto;  max-height: 700px;font-size: 40px;
}
.aboutmain2{font-family: 'fz'; text-align: center; margin: 40px auto;  min-height: 1700px;font-size: 20px;
}
.aboutmainContent{writing-mode:vertical-lr; -ms-writing-mode: bt-lr;justify-content:center; text-align: start; margin-top: 100px;}
.aboutmainContent2 {margin-top: 70px;}
.footer_bg{background: url('../images/footer_bl.jpg') #ebebeb repeat-x;padding-top: 140px;}
.newsList ul li a{color:#333;}

.indexbanner {
    background-image: url(../images/banner_background.png);
    background-position-y: 0px;
    background-size: cover;
    padding-bottom: 30px;
    background-repeat: no-repeat;
    padding-top: 30px;
    position: relative;

}
.bowuguan{ margin: 30px auto;}
.contain{width: 960px;height: 700px; margin: 80px auto;position: relative;}
.box_nav{width: 900px;height: 700px;margin: 0 20px;position: relative;overflow: hidden;}
.box_wheel{height: 700px;position: absolute;overflow: hidden;}
.box_wheel li{width: 81px;height: 700px;text-align: center;line-height: 500px;float: left; border-left: 0px solid gold; display:flex;
    /*  */
}

.chuancytitle{width: 40px;height: 700px; line-height: 44px; font-size: 40px;  }
.box_wheel li a{display: block; width: 40px; margin: 0 30px;  text-decoration: none;   padding: 0px 0; color:#333;}
.box_wheel li a:hover{color:goldenrod;}
.contain .btn{width: 50px;height: 80px;background: #e1e1e1;line-height: 70px;text-align: center;font-size: 30px;cursor: pointer;}
.contain .btn_left{position: absolute;left: -50px;top: 26%;margin-top: -16px;}
.contain .btn_right{position: absolute;right: -50px;top: 26%;margin-top: -16px;}

.contain2{width: 375px; margin: 0 auto;}
.box_nav2 ul{margin: 0 5px;}
.box_nav2 ul li{ width: 40px; float: left; margin: 0 8px;}
.box_nav2 ul li a{ color:#333;}
.box_nav2 ul li a:hover{ color:goldenrod;}
.newsContent h6{ font-size: 0.85rem;}


#owl-demo .item{
    margin: 3px;
}
#owl-demo .item a img{
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo .item a{
    padding: 15px 20px;
    display: block;
    overflow: hidden;
}
#owl-demo .item .imgBox{
    width: 100%;
    padding-top: 73%;
    position: relative;
    float: none;
    overflow: hidden;background: #efefef;
}
#owl-demo .item .imgBox img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#owl-demo .item .imgBox .time{
    position: absolute;
    left: 12px;
    bottom: 9px;
    color: #363636;
}

#owl-demo .item .infos{
    width: 97%;
    margin-left: 3%;
    float: none;
}
#owl-demo .item .infos .mainTitle{
    font-size: 1.375em;
    color: #010101;
    margin-top: 12px;


}
#owl-demo .item .infos .subTitle{
    font-size: 0.75em;
    color: #7c7c7c;
    line-height: 1.75em;
    height: 5.25em;
    overflow: hidden;
    margin-top: 16px;



}
#owl-demo .item .infos .data{
    margin-top: -8px; color:#c1c1c1;
}
#owl-demo .item:hover {
    border: 0px solid #304457;
    box-shadow: 0 0 5px rgba(0,0,0,0.16);
}



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

section.awSlider img {
    pointer-events: none;
    width: 98%;
}


.cuname{ margin-top:65px;
 color: #bc3729; font-size: 30px;
}
a:hover{text-decoration: none}
.sx-show{display: none;}
@media (max-width: 770px){
    .contain{width: 660px;}
    .box_nav{width: 660px; margin: 0;}
    .box_wheel li{width: 58px;}
    .box_wheel li a { margin: 0 20px;}
}
@media (max-width: 720px){ .sx-show{display: block;}
  .headTitle1 h3 a.main{width: 175px;text-align: center;width: 100%!important; border-bottom: 2px solid #304457;}
    .about-line{background: url('../images/about-line.png') no-repeat ; height: 50px; background-position:center center;
    }
    .aboutbg{background:#ebebeb ;}
    .aboutmainContent {margin-top: 20px;}

    .news_title{ float: left; width: 98%; margin-left: 1%;}
    .news_date{ float: left; width: 98%;margin-left: 1%; font-size: 0.85rem;}
}
@media (max-width: 570px){
    .climg{width: 100%; height: 102px;}
}
/**header**/
.bannerhome {background: #304457;height: 120px;}
.tophome{background: #263443;height: 24px; 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;
}

.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;}
/** link  footer**/
.mainlink {
    margin: 15px 0.9%;     
    border: 0px solid #304457;
    background: #ebebeb;
    height: 240px;min-height: 290px; margin-top: 37px;opacity: 0.9;box-sizing:border-box;}

.mainlink h3{
    text-align: center; font-size:20px;height: 44px; line-height:44px; font-weight: bolder; color:#263443; margin-top: 5px;font-family: 'fz';
}
.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: 17px ;font-family: 'fz';}
.z_link a:hover{color:#263443; text-decoration: none;}
.f_link{ margin: 5px 5px;   }

.copyright { background-color: #333; 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 }


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

}
/**手机尺寸的查询基本都是在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;}
    .u-block-hover__visible .h5 {margin-right:65px }
    .uww2 .h5 {
        margin-right: 100px!important;
    }
    .uww3 .h5 {
        margin-right: 86px!important;
    }
    .aboutmain{font-size: 30px}
.callbacks_container { margin-top:60px!important; }
section.awSlider { padding:0px!important; }
.content {padding:8px;}
.content img{width: 100%; height: auto;}
.topLogo .menu {
    top: 6px;
    right: 20px;
}
}

/**  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;}
    .u-block-hover__visible .h5 {margin-right:100px }
    .uww2 .h5 {
        margin-right: 136px!important;
    }
    .uww3 .h5 {
        margin-right: 126px!important;
    }
    .aboutmain{font-size: 30px}
    .callbacks_container { margin-top:60px!important; }
    section.awSlider { padding:0px!important; }
    .content {padding:8px;}
.content img{width: 100%; height: auto;}
.topLogo .menu {
    top: 6px;
    right: 20px;
}
}
/**  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;
    }
    section.awSlider { padding:0px!important; }
        .content {padding:8px;}
.content img{width: 100%; height: auto;}
.topLogo .menu {
    top: 6px;
    right: 20px;
}
}


/**  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;}
            .content {padding:8px;}
.content img{width: 100%; height: auto;}
}
/**  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%;}

    .callbacks_container { float: none!important;
        width: 86%!important;
        margin-left: 50px;}
    .u-block-hover__visible .h5 {margin-right:65px }
    .uww2 .h5 {
        margin-right: 95px!important;
    }
    .uww3 .h5 {
        margin-right: 85px!important;
    }
    .aboutmain{max-height: 1100px;}
        .content {padding:8px;}
.content img{width: 100%; height: auto;}
.topLogo .menu {
    top: 6px;
    right: 40px;
}

}
/**  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;}
    .aboutmain{max-height: 900px;}
        .content {padding:8px;}
.content img{width: 100%; height: auto;}
}
/**  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: 100%!important;
        margin-left: 0px;}
    .topLogo {display: none;}
    .u-block-hover__visible .h5 { border-bottom: 2px solid #999; width: 100px}
    .u-block-hover__visible a em{font-size: 0.85rem; color: #999;}
    .u-block-hover__visible .rmore {
        top: 12px;
        right: 5px;
    }
    .aboutmain{max-height: 900px;}
    .news_title {width: 70%; margin-left: 7%;}
        .content {padding:8px;}
.content img{width: 100%; height: auto;}
}

@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%;}
.img-responsive img { width: 80%;
    }
}
@media screen and (min-width: 1920px) {
    
.img-responsive img { width: 80%;
    }
}