@charset "UTF-8";

.sj_dh{width: 100%;overflow: hidden;background: #222;position: fixed;z-index: 999;
	padding:0px 10px;box-sizing:border-box;top: 0;display: none;
}
#btn{background: none;border: none;outline: none;display: inline-block;z-index: 100;cursor: pointer;margin: 10px 0px;}
#btn span{display: block;width: 20px;height: 1px;background: #fff;margin: 6px 0px;transition: all 0.5s;}
#btn .one{transform-origin: left center;transform: rotate(45deg);background: #fff;}
#btn .two{transform-origin: left bottom;transform: rotate(-45deg);margin-top: 5px;background: #fff;}
#btn #c{transition: all 0.5s;}

.navigation{width: 100%;height: 100%;background: #fff;position: fixed;left: 0;top: -1100px;z-index: 99;transition: all 0.5s;}
.kj{    padding: 0px 10px;
    margin: 47px auto;
    
    overflow: auto;}
.kj>li{border-bottom: 1px solid #cecbcb;}
.kj li .t{line-height: 50px;font-size: 14px;}
.kj li .t:hover{background: #0090ff;}
.kj li .t:hover a{color: #f4f4f4;}
.kj li .t a{color: #666;}
.kj li ul li {color:#727272;line-height: 40px;}
.kj li ul li a{display:block;padding-left:10px;border-top: 1px solid #d3d3d3;}
.kj .t{/* background: #fff; */font-size: 14px;padding-left: 10px;}
.kj li .t .label{background:no-repeat;color: #333;font-weight:bold;text-decoration:none;}
.kj li .t .arrow{display:block;width:32px;height:32px;background:no-repeat 0 center;float:right;margin-top: 9px;margin-right: 10px;transition: all 0.1s;}
.kj li div.t .arrow.up{background-image:url(../img/xx.png);transform: rotate(180deg);}
.kj li div.t .arrow.down{background-image:url(../img/xx1.png);}
.kj li .menu{display:none;background: #eae9e9;}
.kj li .menu li a{color: #666;padding-left: 15px;}

.header button{background: none;border: none;position: absolute;left: 10px;top: 17px;outline: none;display: none;z-index: 100;cursor: pointer;}
.header #btn span{display: block;width: 19px;height: 1px;background: #333;margin-top: 6px;transition: all 0.5s;}
.header #btn .one{transform-origin: left center;transform: rotate(45deg);background: #000;}
.header #btn .two{transform-origin: left bottom;transform: rotate(-45deg);margin-top: 5px;background: #000;}
.header #btn #c{transition: all 0.5s;}

#btn{float: left}

.sj_logo {display: inline-block;float:left;width: 110px;position: absolute;left:0;right:0;margin:auto;}
.sj_logo a{display: inline-block;width: 110px;margin:11px 0px;}
.sj_logo a img{width: 100%;}

.sj_suo{float:right;display: inline-block;}

.sj_suo span{display: inline-block;position: relative;width: 10px;float: left;height:10px;border: 3px solid #ccc;border-radius: 50%;background-color: transparent;margin: 15px 0px;}
.sj_souk{position: fixed;width: 100%;top: 47px;background: #555;z-index: 99;}
.sj_souk form{text-align: center;margin:5px 0px;overflow: hidden;}
.sj_souk form input{padding:6px 10px;width: 60%;/* vertical-align: baseline; */border:none;border-radius: 0px;box-sizing:  border-box;}
.sj_souk .ay{display: inline-block;}

.sj_souk a{display: inline-block;padding: 4px 10px;border-radius: 0px;color:#fff;vertical-align: bottom;box-sizing:  border-box;background: #ccc;}

.sideMenu{}
.sideMenu h3{font-size: 14px;height:32px;color: #333;	font-weight: 400;line-height:32px;padding-left:10px;
	border-top:1px solid #e3e3e3;background:#f4f4f4;cursor:pointer;
	/* font:normal 14px/32px "Microsoft YaHei"; */
}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../img/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{ padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ }

.sideMenu{display: none}
.sideMenu ul li a{color:#727272;font-size: 12px;    display: block;padding: 3px 0px;}
.sj_bquan{padding:0px 10px;background: #f4f4f4;text-align: center;}
.sj_erwi{width: 50%;    margin: auto;}
.sj_bquan span{text-align: center;font-size: 12px;color:#999;margin: auto;display:inline-block;margin-bottom: 10px;}
.sj_bquan p a{color:#999;margin:10px 0px;display: inline-block;}


.focus{display: none}
.focus{width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;  }
	.focus .hd{width: 30%;height:5px;position:absolute;z-index:1;/* z-index: 99; */left: 0;right: 0;margin: auto;bottom: 10px;text-align:center;}
	.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
	.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
	.focus .hd ul .on{background: #d51a21;}
	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li img{ width:100%;float: left;}
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */}


.sj_3ji{background: #d3d3d3;display: none;}
.sj_3ji p{border-bottom:1px #fff solid;}
.sj_3ji a{padding:0px 10px;}


.kj li .menu li a:hover{    background:#4db1ff;color: #fff;}

/*响应式头部*/

@media only screen and (max-width:1250px){

.dh .dh_nr{width: 100%;box-sizing:border-box;}	
}

@media only screen and (max-width:1199px){
.dd_hh{width: 100%;padding:0px 10px;box-sizing:border-box;}
.dd_hh ul {
    display: inline-block;
    float: left;
    width: 87%;
}

.dd_hh ul li {
    float: left;
    margin: 0 2%;
   padding: 0px 0px;
    box-sizing: border-box;
}

@media only screen and (max-width:1250px){

.banner{height: 78%;}  
}

.er_wei{width: 13%}
.er_wei img{width:100%}


.b_quan{width: 100%;padding:5px 10px; box-sizing:border-box;}

}

@media only screen and (max-width:1180px){

.dh .dh_nr{width: 100%;box-sizing:border-box;padding: 0 10px;}	
.dh_nr .dh_ul{width: 720px;}
.dh_nr .dh_ul .dh_li{    margin: 0 10px;}
.yu_yan{margin-left: 0px;}

.lanr_1{padding:0px 10px;padding-top: 24px;text-align: left;}
.xiala_nr{width: 100%;text-align: center;padding:0px 10px;box-sizing:border-box;}
}


@media only screen and (max-width:1150px){
.news_r{height: 313.94px;}
.li_r p{height: 60px;overflow: hidden;}
.news_l li {
    width: 100%;
    height: 78px;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}
.li_l {
    float: left;
    width: 15%;
    height: 100%;
    background: #ccc;
    margin-right: 10px;
margin-top: 0px; 
    border-radius: px;
    overflow: hidden;
}
.li_l img {
    height: 100%;
    width: 100%;
}
.li_r {
    float: left;
    width: 83%;
   margin-top:0px;
    position: relative;
}
.li_r p {
    color: #333;
    margin-top: 4px;
    height: 39px;
    overflow: hidden;
    font-size: 12px;
    line-height: 19px;
    overflow: hidden;
}



}


@media only screen and (max-width:1040px){
.lanr_1 {
    padding: 0px 10px;
    padding-top: 24px;
    text-align: left;
}
.lanr_t1 h3{padding-right: 25px}
.lanr_1 ul li:hover a {

    padding-left:0px;
}
	
}


@media only screen and (max-width:1060px){
.li_r h4 {
    color: #333;
    font-size: 14px;
}
.li_r {
    float: left;
    width: 82%;
    margin-top: 0px;
    position: relative;
}

	
}


@media only screen and (max-width:980px){

	
.lanr_1 {
    padding: 0px 5px;
    padding-top: 24px;
    text-align: left;
}
.xiala_nr{padding:0;}
.lanr_1top{width: 100%;}
.lanr_t2{margin:0px 20px;}

	
}

@media only screen and (max-width:978px){

.dd_hh ul li {
    float: left;
    margin: 0 1%;
    padding: 0px 0px;
    box-sizing: border-box;
}

	
}



@media only screen and (max-width:970px){

	
.dh_nr form button:hover input {
    width: 100px;
    opacity: 1;
}
.lanr_t2{margin:0px 18px;}

	
}


@media only screen and (max-width:950px){

	
.dh_nr form button:hover input {
    width: 100px;
    opacity: 1;
}
.logo a img {
    width: 100px;
    margin-top: 3px;
}
.dh_nr .dh_ul .dh_li .dhli_a {
    color: #fff;
    display: inline-block;
    padding: 15px 5px;
    height: 50px;
    box-sizing: border-box;
    font-size: 14px;
}
.dh_nr .dh_ul {
    width: 660px;
}
.lanr_t2{margin:0px 15px;}
	
}


@media only screen and (max-width:920px){

.lanr_t2{margin:0px 12px;}
	
}



@media only screen and (max-width:870px){

.dh_nr form button:hover input {
    width: 80px;
    opacity: 1;
}
	
}

@media only screen and (max-width:885px){

.dh_nr .dh_ul .dh_li:hover .xia_la {
    width: 100%;
    opacity: 1;
    height: auto;
}
.lanr_1 {
    padding: 0px 10px;
    padding-top: 24px;
    text-align: left;
    min-height: 216px;}
.xiala_nr{height: auto;}
.lanr_t2 h3{padding-right: 90px;}

.lanr_t2{margin:0px;}

.lanr_t1 h3 {
    padding-right: 10px;
}

}


@media only screen and (max-width:870px){

.li_r{width: 77%;}
.li_l{width: 20%;}
.li_r h4{height: 16px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.li_r p{height: 37px;}

}


@media only screen and (max-width:860px){

.dh_nr .dh_ul .dh_li:hover .xia_la {
    width: 100%;
    opacity: 1;
    height: auto;
}
.lanr_1 {
    padding: 0px 10px;
    padding-top: 24px;
    text-align: left;
    min-height: 216px;}

.lanr_t2 {
    margin: 0px 10px;
}



}



@media only screen and (max-width:850px){



.lanr_t2{margin:0px 12px;}
.lanr_1 {
    padding: 0px 9px;
    padding-top: 24px;
    text-align: left;
    min-height: 216px;
}
.lanr_t1 h3 {
    padding-right: 0px;
}


}

@media only screen and (max-width:824px){

.dd_hh ul li h3 a {
    font-size: 12px;
  
}

}



@media only screen and (max-width:820px){

.dh_nr .dh_ul .dh_li:hover .xia_la {
    width: 100%;
    opacity: 1;
    height: auto;
}
.lanr_1 {
    padding: 0px 5px;
    padding-top: 24px;
    text-align: left;
    min-height: 216px;
}

.lanr_t2{margin:0px 4px;}

}






@media only screen and (max-width:768px){
.yu_yan a{margin:0px;margin-top: 14px;margin-left: 20px;}

	
.Cp_dh{display: none}

.banner{height: 80%;}
.shen{    padding: 10px;box-sizing: border-box;height: 90px;}
.shen p{margin: 33px;    width: 100%;font-size: 14px;}
.shen span{margin:0px;    width: 100%;    padding-top: 10px;font-size: 12px;}
.sj_dh {overflow: inherit;display: block;}
.qie_huan{left:20px;}
.qie_huan a{margin: 0px;}
.chpzs_pt1{width: 100%;padding:0px 10px;box-sizing:border-box;}
.chpzs_pt1 h2{margin-top: 20px;}
.span_2{padding-bottom: 10px;}

	
}

@media only screen and (max-width:667px){
.slideBox{display: none;}
.sideMenu{display:block;}
.focus{display:block;}
.dd_hh{display: none}
.ban{display: none}
.li_r {
    width: 76%;
}
.sj_dh{
	display: block;
}

.banner{height:auto;}
.focus{height: auto;}
.ny_lb{margin-top: 10px !important;}

	
}
/*.sideMenu{position:relative;bottom: 0px}*/
@media only screen and (max-width:450px){
.sideMenu{display:block;margin-bottom: 0px}
.tempWrap ul{height: 100%}

.focus .bd{width: 100%;height: 100%;}
	.banner {
    height: auto;
}
.slideBox{display: none}
.focus{display: block;margin-top: 46px;}
.p_left {
    width:100%;
    margin-top: 10px;
   padding:0px 10px !important; 
    height: 100%;
    overflow: hidden;
    background: #ffffff;
    float: left;
    position: relative;
}
.p_left_sj{margin-top: 6px;}
.shen{
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    height: 90px;
    margin-top: 55%;
    z-index: 50;
    }

.news_r {
    width:100%;
    float: right;
    height: 400px;
    padding-right: 3px;
    box-sizing: border-box;
}

.news_l {
    width: 100%;
    float: left;
    height: 100%;
    background: #f5f5f5;
    padding-left: 3px;
    box-sizing: border-box;
}

.news_r {
    width: 100%;
    float: right;
    height: 200px;
    overflow: hidden;
    padding:0px 10px;
    box-sizing: border-box;
}
.news_r img{height: 100%;}
.news_l {
    float: left;
    height: 100%;
    width:initial;
    background: #f5f5f5;
    margin: 0px 10px;
    box-sizing: border-box;
}
.li_r {
    width: 76%;
}




}



@media only screen and (max-width:375px){

.p_left {
    width:100%;
    margin-top: 10px;
   padding:0px 10px !important; 
    height: 100%;
    overflow: hidden;
    background: #ffffff;
    float: left;
    position: relative;
}
.p_left_sj{margin-top: 6px;}
.shen{position: initial;    padding: 10px;
    box-sizing: border-box;
    height: 90px;
    margin-top: 55%;}

.news_r {
    width:100%;
    float: right;
    height: 400px;
    padding-right: 3px;
    box-sizing: border-box;
}

.news_l {
    width: 100%;
    float: left;
    height: 100%;
    background: #f5f5f5;
    padding-left: 3px;
    box-sizing: border-box;
}

.news_r {
    width: 100%;
    float: right;
    height: 200px;
    overflow: hidden;
    padding:0px 10px;
    box-sizing: border-box;
}
.news_r img{height: 200px;}
.news_l {
    float: left;
    height: 100%;
    width: 100%;
    background: none;
    padding: 0px 10px;
    margin: 0px;
    box-sizing: border-box;
}

.news_l ul{background: #f5f5f5;}
.li_r {
    width: 72% !important;
}


.dd_hh{display: none}
.ban{display: none}

.chpzs_pt1 h2{font-size: 24px;}
.chpzs_pt1 .span_1{font-size: 16px;}
.chpzs_pt1 .span_2{font-size: 14px;}
.chpzs_sp1{height: 400px;}
.spi_bof a{    margin: 180px auto 38px;}
#sp_p video{width:95%;}
.ba{height: 200px;}
}


@media only screen and (max-width:414px){
.li_l {
    width: 22%;
}
.li_r {
    width: 68%;
}

.news_r {
    width:100%;
    float: right;
    height: 400px;
    padding-right: 3px;
    box-sizing: border-box;
}

.news_l {
    width: 100%;
    float: left;
    height: 100%;
    background: #f5f5f5;
    padding-left: 3px;
    box-sizing: border-box;
}

.news_r {
    width: 100%;
    float: right;
    height: 200px;
    overflow: hidden;
    padding:0px 10px;
    box-sizing: border-box;
}
.news_r img{height: 100%;}
.news_l {
    float: left;
    height: 100%;
    width: 100%;
    background: none;
    padding: 0px 10px;
    margin: 0px;
    box-sizing: border-box;
}

.news_l ul{background: #f5f5f5;}
.li_r {
    width: 75%;
}
}


@media only screen and (max-width:375px){

.li_l {
    width: 24%;
}
}
@media only screen and (max-width:375px){

}
@media only screen and (max-width:320px){

	.shen p {
    margin: 0px;
    width: 100%;
    font-size: 14px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.shen span {
    margin: 0px;
    width: 100%;
    padding-top: 10px;
    height: 35px;overflow: hidden;
    font-size: 12px;
     text-overflow: ellipsis;
  
}
.li_r {
    width: 68% !important;
}
.li_l {
    width: 28%;
}	

}
@media only screen and (max-width:1130px){
.p_left{padding-left: 12px;}

}