﻿#nav {
    margin: 5px auto 0 auto;
    width: 900px;
    height: 70px;
    padding-left: 370px;
}
li{
    list-style: none;
}
#nav .jquery_out {
    line-height: 45px;
    display: block;
    text-align: center;
    color: #585858;
    font: 18px/32px "微软雅黑";
    background-image: url(../images/bg04.png);
    background-repeat: no-repeat;
    background-position: right center;
}

#nav .jquery_inner {
    margin-left: 16px;
}

#nav .jquery {
    margin-right: 1px;
    padding: 0 2em;
    line-height: 45px;
}

#nav .jquery a {
    color: #585858;
    text-decoration: none;
    line-height: 45px;
    display: block;
    padding: 0 0px;
    width: 80px;
}


#nav .mainlevel {
    position: relative;
    float: left;
    z-index: 1003;;
    text-align: center;
    list-style-type: none;
    padding: 0 27px;
    /*IE6 only*/
}

#nav>.mainlevel>a {
    position: relative;
    color: #5a5a5a;
    text-decoration: none;
    line-height: 70px;
    display: block;
    font-size: 17px;
}
#nav>.mainlevel>a::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 3px;
    background: #0065b9;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#nav>.mainlevel:hover>a::before,
#nav>.mainlevel.on>a::before {
    width: 100%;
}
.drop-down a{
    color: #5a5a5a;
    text-decoration: none;
    line-height: 45px;
    display: block;
    padding: 0 27px;
    font-size: 16px;
}
.ql-container .ql-editor{
    font-size: 12px;
    line-height: 1.7;
    text-align: justify;
}
#nav .mainlevel>ul {
    /*border-top: 3px solid #0065b9;*/
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 70px;
    width: 135px;
    z-index: 1004;
    background: #fff;
    box-shadow: 0 2px 10px #ccc;
    /*transition: 1s;*/
    border-radius: 5px;
}

#nav .mainlevel>ul>li {
    border-top: 1px solid #f4f4f4;
    background: rgb(255, 255, 255);
    list-style-type: none;
    /*IE6 only*/
    position: relative;
}
#nav .mainlevel>ul:first-child{
    border-top: none!important;
}

#nav .mainlevel .sublevel{
    position: absolute;
    top: -1px;
    left: 120px;
    display: none;
}
#nav .mainlevel .sublevel a{
    width: 160px;
    border-top: 1px solid #f4f4f4;
    background: rgb(255,255,255);
}
#nav .mainlevel .sublevel a:hover{
    color: #0065b9;
    /*background-color: #0c7db8;*/
}

.sp_header,.foot_div{
    display: none;
}

.top04 {
	/*width:35px;*/
	height:30px;
	float: left;
	position: relative;
	margin-top: 5px;
}
.top04 input{
	float: left;
	width: 0px;
	height: 24px;
	outline: none;
	box-sizing: border-box;
	border-radius: 5px 5px 5px 5px;
	border: 0px solid #CCCCCC;
	border-right-width: 0px;
	transition: width 1s;
}
.top04 button{
	width:35px;
	float: right;
	flex: 1;
	height: 24px;
	font-size: 13px;
	line-height: 24px;
	color: #FFFFFF;
	background-color:#FFFFFF;
	outline: none;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #CCCCCC;
    border: none;
	/*border-left-width: 0px;*/
}
.top04 button img{
    width: 20px;
    height: 20px;
}
.top04 button i{
	font-style: normal;
}
.top04 button:hover{
	font-size: 13px;
	line-height: 24px;
	background-color: #ECECEC;
}


.nav_z{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1560px;
    margin:0 auto;
    height: 80px;
}
.nav_01{
    flex: 20%;
}
.nav_02{
    flex: 20%;
    margin-top: 10px;

}
#nav{
    flex: 0 0 65%;
}
.nav_01 img{
    height:25px;
}

.nav_z .top01{
    padding: 0 27px;
    display: flex;
    justify-content: flex-end;
}
.nav_z .top03 {
	/*width:32px;*/
	/*height:30px;*/
	float: left;
	position: relative;
	margin-right: 10px;
	padding-left: 24px;
    margin-top: 6px;
	/*background-image: url(../images/diqiu.png);*/
	/*background-size:18px 18px;*/
	/*background-repeat: no-repeat;*/
	/*background-position: left center;*/
}
.nav_z .top03 a{
	font-size: 13px;
	line-height: 30px;
	color: #a3a3a3;
	text-decoration: none;
}


/*侧边栏*/

#slider{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:1000;}
*html #slider{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#slider li{width:161px;height:49px;}
#slider li img{float:right;}
#slider li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;text-decoration: none;}
#slider li a .shows{display:block;}
/*#slider li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}*/
#slider li a.weixin_area .hides{display:none;position:absolute;right:143px;}
#slider li a.weixin_area .weixin{display:none;position:absolute;right:0;top:30px}
#slider li a.video_area .slide_video{display:none;position:absolute;right:0;top:80px}
#slider li a.phone_area .slide_phone{display:none;position:absolute;right:0;top:120px}

#p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
#p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}



#map{
    height: 500px;
}


.foor03_z{
    background-color: #525252;
    padding-bottom: 10px;
    padding-top: 10px;
}
.foor03_z .ingDong{
    margin-left: 20px;
}
.foor03_z .taoBao{
    margin-left: 10px;
}
.foor03_z ul{
    width: 1200px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    color: #fff;
}

.foor03_z ul img{
    vertical-align: middle;
    width: 40px;
}
.ss{
    display: none;
}
.video_r .video_border .numberPlus{
    color: #0065b9;
    font-size: 30px;
}

.news_box .title{
    font-size: 30px;
}
.news_r .news_box>p{
    font-size: 28px;
}
.zhuti_nav ul{
    width: 1200px;
    margin:0 auto;
}
@media (max-width:1000px) {
    .xq_con{
        font-size: 15px!important;
    }
    .xq_tit h1{
        font-size: 22px!important;
    }
    .foor03_z ul li{
        padding-left: 10px;
    }
    .BMap_bubble_pop{
        width: 220px!important;
    }
    .map-img{
        float: none!important;
        margin: auto!important;
    }
    .map-address{
        margin:0;
        line-height:1.5;
        font-size:13px;
    }
    .BMap_bubble_content{
        width: auto!important;
        height: auto!important;
    }
    .pro_z{
        padding: 30px 10px 30px 10px;
        box-sizing: border-box;
    }
    .xq_box {
        display: flex;
        margin: 20px 0;
        flex-direction: column;
    }
    .xgcp .swiper-button-prev{
        display: none;
    }
    .xgcp .swiper-button-next{
        display: none;
    }
    .video_r .video_border{
        border: none;
    }
    .video_r .video_border .numberPlus{
        color: #0065b9;
        font-size: 20px;
    }
    .video_r .numberPlus{
        color: #0065b9;
        font-size: 20px;
    }
    .video_r .video_number{
        font-size: 30px;
    }
    .video_r .video_number_title{
        font-size: 14px;
    }
    /*#slider{*/
    /*    display: none;*/
    /*}*/
    .sp_header,.foot_div{
        display: block;
    }
    body,html{
        overflow-x: hidden;
    }
    body>*{
        width: 100%;
    }
    .top_z,.nav_z{
        display: none;
    }
    .banner-content{
        min-width: 100%;
    }
    .banner_z,.banner-content{
        height: 200px;
        background-size: cover!important;
    }
    .banner-slide-circle{
        transform: translateX(-50%);
    }
    .ql-container .ql-editor{
        font-size: 10px;
        line-height: 1.5;
        text-align: justify;
        padding: 0px;
    }
    .video{
        width: 100%;
        flex-wrap: wrap;
    }
    .video_l,.video_r{
        flex: 0 0 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .item-img:hover .indexProList{
        height: 25px;
        line-height: 25px;
    }
    .video_r .video_content{
        margin-left: 0;
    }
    .video_z{
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .video_r ul {
        display: flex;
        margin-top: 0px;
        margin-left: 15%;
        text-align: left;
        align-items: baseline;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: stretch;
    }
    .video_r ul li{
        flex: 0 0 50%;
        padding-top: 10px;
    }
    .news{
        margin-bottom: 70px;
    }
    .news .news_phone{
        display: block!important;
        font-size: 25px;
        margin-left: 10px;
        color: #5a5a5a;
    }
    .news_l img{
        width: 100%;
        height: 100%;
        /*width: 450px;*/
        /*height: 350px;*/
    }
    .news .news_l_title{
        width: 350px;
    }
    .news_l_title p{
        font-size: 16px;
        width: auto;
        padding-bottom: 10px;
        padding-top: 10px;
        white-space: nowrap;
    }
    .news_l_title h2{
        font-size: 16px;
        line-height: 24px;
        margin-right: 40px;
        margin-top: 10px;
    }
    .video_r .video_content{
        height: 370px;
    }
    .ql-editor{
        line-height: 25px;
        font-size: 10px;
        /*font-family: fantasy;*/
    }
    .pro{
        width: 100%;
        padding: 0px;
    }
    .xiant .pro_item_p_2{
        padding-bottom: 10px;
    }
    .zhutiyou_tw1 .pro_item_bg{
        height: 77%;
    }
    .zhutiyou_tw1 .pro_item_bg .pro_item_p_1{
        font-size: 18px;
        top: 15px;
    }
    .zhutiyou_tw1 .pro_item_bg .pro_item_p_2{
        font-size: 18px;
        padding-bottom: 15px
    }
    .pro_item_bg .pro_item_p_2,.pro_item_bg .pro_item_p_1{
        font-size: 12px;
    }
    .pro_item_bg .pro_item_p_1{
        top: 7px;
        left: 10px;
    }
    .pro_item_bg .pro_item_p_2{
        bottom: 7px;
        left: 10px;
    }
    .pro_item_bg2 p{
        width: 100%;
    }
    .pro_item_bg2 p a{
        font-size: small;
    }
    .swiper-button-prev,.swiper-button-next{
        width: 10px;
    }
    .zhutiyou_tw,.zhuti_list{
        width: 100%;
    }
    .zhutiyou_tw li{
        flex: 0 0 50%;
    }
    .news_z{
        height:auto;
    }
    .news{
        width: 100%;
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 10px;
        height:auto;
    }
    .news_l,.news_r{
        flex: 0 0 100%!important;
        width: 100%;
        padding-left:0;
    }
    .news_box .title{
        font-size: 25px;
    }
    .news_r .news_box{
        /*margin:30px 0;*/
        margin:0;
        padding: 0;
    }
    .news_r .news_box .title{
        display: none;
    }
    .news_r .news_box p{
        /*display: none;*/
        font-size: 25px;
    }
    .news_r .news_box li a{
        overflow: hidden;
    }

    .news_r .news_box li a>p{
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .news_r .news_box li{
        /*overflow: hidden;*/
        /*white-space: normal;*/
        /*text-overflow: ellipsis;*/
        width: 100%;
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .news_r .news_box li p{
        margin-top: 0px!important;
        font-size: 16px!important;
    }
    .news_r .news_box h2{
        font-size: 15px;
    }

    .foot_box{
        display: none;
    }
    .foot_div .foot li{
        margin-top: 0px!important;
    }
    .foot_div .foot_z{
        padding-bottom: 2px!important;
        padding-top: 0px!important;
    }
    .foot,.foot_div .foot_z{
        height: auto;
    }
    .foot,.foot_div .foot_z .phoneBuy{
        border-bottom: none;
    }
    .foot,.foot_div .foot_z .phoneBuy img{
        width: 35px;
    }
    .foot,.foot_div .foot_z .phoneBuy .ingDong{
        margin-left: 20px;
        vertical-align: middle;
    }
    .foot,.foot_div .foot_z .phoneBuy .taoBao{
        margin-left: 10px;
        vertical-align: middle;
    }

    .zhuti,.xq{
        width:100%;
    }

    .news_con_img{
        display: none;
    }
    .news_con_con h2 a{
        font-size: 16px;
        line-height: 1.5;
    }
    .zhutiyou{
        padding:10px 0px;
    }
    .zhutiyou_con{
        margin-top: 20px;
        flex-wrap: wrap;
    }
    .zhutiyou_con img{
        height: auto;
    }
    .zhutiyou_con img{
       width: 100%;
        object-fit: contain;
    }
    .zhutiyou_con div{
        flex: 100%;
    }
    .zhutiyou_tw li{
        float: none;
        width: 100%;
    }

    .xq{
        width: 100%;
        box-sizing: border-box;
        padding:0 10px;
    }
    .zhutiyou{
        width: 95%;
        margin:0 auto;
    }
    .zhutiyou_tw p{
        display: block;
        text-align: center;
    }
    .zhutiyou_tit h5{
        line-height: 1.5;
    }
    .news_con{
        height: auto;
    }
    .zhuti_nav ul li img{
        margin-bottom: 7px;
        width: 55%;
    }

    .news_z{
        padding-top:70px;
        padding-bottom: 0;
    }
    .banner-slide{
        height: 100%;
    }
    .banner-slide-image ul li {
        height: 200px;
    }

    .banner-slide-circle {
        bottom: 11px;
    }
    :root {
        --swiper-navigation-size: 30px!important;
        /*
        --swiper-navigation-color: var(--swiper-theme-color);
        */
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: 20px!important;
        left: auto;
    }

    #map{
        height: 300px;
    }

    .zhuti_z{
        padding-top:20px ;
    }
    .ss{
        display: block;
        width: 90%;
        margin:0 auto;
        border: 1px solid #eaeaea;
        border-radius: 10px;
        overflow: hidden;
    }
    .ss input{
        outline: none;
        border: none;
        padding:10px;
        width: 80%;
    }
    .ss button{
        display: inline-block;
        height: 100%;
        background-color: transparent;
        border:none;
        outline: none;
        width:15%;
        border-left:1px solid #eaeaea;
        padding-left: 10px;
    }
    .zhutiyou_tw1{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-content: space-between;
    }
    .zhutiyou_tw1 li:nth-child(even){
        margin-bottom: 30px;
    }
    .zhutiyou_tw1 li {
        flex:0 0 50%;
        margin-bottom: 0px;
        vertical-align:top;
        font-size:12px;
        line-height:18px;
        min-height:18px;
        text-align:left;
        padding:0px;
        /*overflow:hidden;*/
        list-style-type: none;
        cursor: pointer;
    }
    .zhutiyou_tw1 li img{
        width:58%;
        height: 100%;
        display: block;
        margin: 0;
        /*margin:0 auto;*/
        /*margin-bottom: 10px;*/
    }



    .foor03_z{
        display: none;
    }
    .xq_you .lm {
        font-size: 16px;
    }
    .zhuti_nav ul{
        width: 100%;
        flex-wrap: wrap;
    }
    .zhuti_nav ul li{
        flex: 0 0 33%;
        font-size: x-small;
        padding: 10px;
    }

    .pro_item_bg2{
        font-size: 15px;
    }

    .zhuti_nav_this p{
        font-size: 10px;
    }

    html .pagination>li,html  .pagination>li:focus,html  .pagination>li:hover,html  .pagination>li>span,html  .pagination>li>span:focus,html  .pagination>li>span:hover {
        margin-right: 14px;
    }
    html .pagination .prevPage,html .pagination>.prevPage,html  .pagination>.prevPage:focus,html  .pagination>.prevPage:hover,html  .pagination>.prevPage>span,html  .pagination>.prevPage>span:focus,html  .pagination>.prevPage>span:hover{
        margin-right: 14px;
    }
}
