.color_white{
    color: white;
;
}
/*头部样式*/
.logo_pc {
    background: url("../image/logo01.png") no-repeat;
    background-size: contain;
    width: 120px;
    height: 52px;
    margin-top: 10px;
}
.head .layui-nav{
   border-radius: 0px;
    height: 63px;

}
.head .layui-nav li a{
    color: black;
    font-size: 16px;
}
.head .layui-nav li a:hover{
    color: red;
}

.head .layui-nav li:after{
    display: none;
}
.head .layui-nav-item h1 a{
    text-indent: -999px;
}
.head li .layui-nav-child{
    top: 70px;
    border-top: 1px solid white;
    border-right: none;
    border-left: none;
    border-bottom: none;
   -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    display: none;
    /*opacity: 0;*/
    /*z-index: -1;*/
    background-color: #f3f3f3;
    padding: 10px 0;

}

.top_nav li:hover dl{
    display: block;
    top: 60px;
   z-index: 1000;

}
.top_nav_width .top_nav .layui-nav-item{
  position: static;

}
.top_nav_width .top_nav .layui-nav-item .layui-nav-child{
    min-width: 99.8%;
}
.width_eight dl dd img{
    width: 50px;
}


.bottom{
    background-color: #22252e;
    padding: 30px 0;
}
.bottom_right_text p:nth-of-type(1){
    font-size: 26px;
}
.bottom_right_text p:nth-of-type(2){
    font-size: 40px;
    margin:20px 0;
    color: red;
}
.bottom_right_text{
   line-height: 28px;
    font-size: 16px;
}
/*底部样式*/
.bottom_pc_count{
    margin: 20px 30px;
    text-align: center;
    line-height: 40px;
}
.bottom_pc_count ul li a{
    color: #959595;
    font-size: 14px;
}
.bottom_pc{
    margin-top: 30px;
    border-top: 1px solid #bebebe;
    padding-top: 20px;
}
.bottom_pc_count>h4{

    border-bottom: 2px solid black;
    width: 96px;
    margin-bottom: 10px;
    padding: 10px 0;
}
.bottom_fwrx img{
    width: 80px ;
    height: 80px
}

.bottom_fixed{
   position: fixed;
    text-align: center;
    width: 100%;
    bottom: 0px;
    background-color: white;
    box-shadow: 2px 0 7px 0 rgb(103, 95, 95);
    padding: 10px 0;
    font-size: 12px;
}
.bottom_fixed a{
    font-size: 12px;
}
.bottom_fixed img{
    height: 19px;
    width: 20px;
}
.copyright{
    background-color: black;
    color: white;
    padding: 25px 0;
}
.copyright>p{
    margin-left: 30px;

}
@media all and (max-width: 768px){
    .copyright>p{
        margin-left: 10px;
        line-height: 30px;
    }
    .copyright{
    	padding: 13px 0;
    margin-bottom: 54px;
    }
}
.copyright a{
    color: white;
}
.copyright a:hover{
    color: #2eceff;
}
.wnagluo_ico img{
    width: 100px;
    height:100px;
}
/*手机端底部和头部的下拉样式*/
.logo_sj{
    width: 110px;
    height: 50px;
}
details summary {
    height: 43px;
    line-height: 54px;
    padding-left: 10px;
    font-size: 14px;
}
details summary::-webkit-details-marker { display:none; }

.navbar-collapse{
    padding: 0;
    position: absolute;
    z-index: 3;
    width: 100%;
    background-color: white;
    font-size: 13px;
}
.null summary:after{
    content: "-";
    width: 18px;
}
details[open] summary:after {
    content: "-";

}

details summary:after {
    content: "+";
    width: 20px;
    height: 30px;
    margin-right: 0.5em;
    font-size: 1.5em;
    float: right;
    color: #aaa;
}
details ul {
    overflow: hidden;
}
details ul li {
    list-style: none;
    padding: 20px 20px;
  /*  font-size: 12px;*/
    border-bottom: 1px solid #ddd;
}
details ul li a{
    font-size: 12px;
}

.t_ioc{
    display: block;
    width: 20px;
    height: 1px;
    border-radius: 1px;
    margin: 5px;
    background-color:white;

}

.top_sj_navTwo{
    width:100%;
  background-color: white;
    height: 100%;
    position: fixed;
    top:0;
    left: 0;
    display: none;
    opacity: 1;
    z-index: 2;
}
.top_sj_gb{
    font-size: 30px;
    float: right;
    color: black;
    padding-right: 30px;
}


.sidebar {
    position: fixed;
    top: 80%;
    right: 10px;
    z-index: 12;
}
.sidebar ul {
    /* background-color: #414149; */
    position: relative;
}
.sidebar ul li img {
    width: 50px;
    height: 50px;
    padding: 10px;
}
/*面包屑导航*/
.fangzi_ico{
    width: 20px;
}
.nav-box{
        border:1px solid #a8a8a8;
    overflow: hidden;
    padding: 10px 30px;
}
.nav-width{
    width: 13%;
}
.nav-box-active{
    background-color: #0C0C0C;
    border: 1px solid #0C0C0C;
    color: white;
}
@media all and  (max-width: 768px){
    .nav-width{
        width:33%;
        height: 50px;
    }
    .nav-box{
        padding: 10px 20px;
    }
}

/*新闻列表*/
.newList_img{
    width: 260px;
    height: 200px;
    overflow: hidden;
}
.newList{
    color: #8e8e8e;
    height: 200px;
    margin: 20px 20px 20px 0;
    border-bottom: 1px solid #a5a5a5 ;
    padding:10px 0;

}
.newList_title{
    font-size: 18px;
    margin-bottom: 10px;
}
.newList_time img{
    width: 25px;
    float: right;
    margin-right: 20px;
    transition: all 0.5s;
}
.newList:hover .newList_time img{
    margin-right: 0;
}
@media all and (max-width: 768px){
    .newList_img{
        width: 100%;
        height: auto;
    }
    .newList{
        border:none;
        margin: 0;
        height: auto;

    }
    .newList_title{
        font-size: 14px;
    }
    .newList_title~p{
        font-size: 13px;
    }

}




/*推荐新闻*/
.new_tj_box{
   /* margin: 0 20px*/;
    border: 1px solid #d3d3d3;

}
.new_tj_title{
    padding:10px ;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px dashed #dbdbdb;

}
.new_tj_count{
    line-height: 30px;
    border-bottom: 1px dashed #dbdbdb;
    margin: 15px  20px;

}
.new_tj_count img{
    width: 70%;

}
.new_list_box{
    background-color: #eeeeee;
    padding-bottom: 30px;
}
.new_list{
    line-height: 40px;

}
.new_list li{
    border-bottom: 1px dashed  #dbdbdb;
    margin: 0 20px;

}
.new_list img{
    width: 20px;
    float:right;
    padding-top: 10px;
}

.new_tj_height{
    height: 580px;overflow: hidden
}


/*新闻详情*/
.newDetails_width{
    margin-top: 20px;
}
.newDetails_width p{
    /*width: 35%;*/
    text-align: center;
}
.description{
	border-top: 1px solid #e9e9e9;
	
}
.description p{
	width: 35%;
    text-align: center;
}
.nd_content{
	margin-left: 10px;
}
.nd_content p{
	font-size: 1.2em;
}
.layui-col-sm12 p{
    line-height: 1.6em;
    margin-bottom:10px;
    margin-top: 10px;
}
.sj span{
	font-size: 13px;
    color: #666;
}
.newDetails h1{
    text-align: center;
    padding: 20px 20px;    
    font-weight: bold;
}
.newDetails center{
    margin-top: 20px;
    margin-bottom: 20px;
}
/* .newDetails img{
    max-width: 100% !important;
} */
.new_tj_fixed{
    position: fixed;
    width: 255px;
   /* top: 10%;*/

}
.new_tj_title_sj{

    background-color: #e0e0e0;
    padding: 5px 0;
    font-size: 16px;
    font-weight: bold;
}
.new_tj_title_sj ~ div ul li{
    border-bottom:1px #bfbfbf dashed;
    padding:15px 0;
}
@media all and (max-width: 768px) {
    .newDetails_width p{
        width: 50%;
        padding: 0 10px;

    }
}



/*产品列表*/
.product_ico{
    width: 14%;
    text-align: center;
}
.product_ico img{
    width: 80px;
}
.product_color{
    background-color: #f4f4f4;
    padding: 30px 0;
}
.product_list{
    text-align: center;
    background-color: white;
    padding:20px 0;
}
.product_list p:nth-of-type(2),.product_total_ljgd{
    display: inline-block;
    padding:  7px 20px;
    background-color: #bc0000;
    color: white;
}
.product_list p:nth-of-type(2)  a{
    color: white;
}
.product_total_btn{
    padding:20px 0;
    overflow: hidden;
    cursor: pointer;
    font-size: 18px;
}
.product_total_btn>span{
    display: inline-block;
    width:80px;
    float: right;
}
.product_total_btn>span i{
    display: inline-block;
    margin:0 10px;
    float: left;
    font-style: normal;
    height:24px;
    line-height:24px;
}
.product_total_btn>span em{
    display:inline-block;
    width:24px;
    height:24px;
    background: url("../image/open.png") no-repeat center/cover;
    background-size: 100% 100%;
    float: left;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.open_btn em{
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
@media all and (max-width:768px) {
    .product_ico{
        width: 24%;

    }
    .product_ico img{
        width: 70px;
    }
    .product_list{
        font-size: 12px;
    }
    .product_list p:nth-of-type(2),.product_total_ljgd{
        padding:  5px 15px;
    }
    .product_total_btn{
        font-size: 16px;
        padding: 20px 10px;
    }
}

/*产品详情*/
.product_xq_img{
    width: 50%
}
.product_details_title{
    font-size: 20px;
    font-weight: bold;
}
@media all and (max-width: 768px) {
    .product_xq_img{
        width: 70%
    }
    .product_details_title{
        font-size: 16px;
        font-weight: bold;
    }
}


/*视频播放器*/
.sp{
    cursor: pointer;
}
.video_p{
    position: fixed;
    top:0;
    left: 0;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,.6);
    display: none;
    z-index: 3;
}
.video-js{
    width: 670px;
    height: 450px;
    background-color: #fff;
    margin-left: 30%;
    margin-top: 10%;
    /*margin-top: 9%;*/
    /* margin: 9% 50%;*/
}
@media all and (max-width: 768px){
    /*视频播放器*/
    .video-js {
        width: 400px;
        height: 260px;
        margin: 230px auto;
    }
    .v_count{
        padding: 20px 0;
    }
}

/*百度地图*/
.gs_name{
    font-size: 20px;
    font-weight: bold;
}
#allmap{
    width: 100%;
    height: 500px;
}
@media all and (max-width: 768px) {
    .gs_name{
        font-size: 16px;
        font-weight: bold;
    }
    #allmap {
        width: 100%;
        height: 300px;
    }
}
/*过渡动画*/
.animation_scale{
    transition:all 1s;
    transform:scale(1);
}
.animation_scale:hover{
    transition:all 1s;
    transform:scale(1.1)
}
.animation_scale_9{
    transition:all 1s;
    transform:scale(1);
}
.animation_scale_9:hover{
    transition:all 1s;
    transform:scale(0.9)
}
/*旋转*/
.keleyi {
    -webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;
}
.keleyi:hover{
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}


/*边框线*/
.animation_border{
    position: relative;
    padding: 50px 0;
    width: 85%;
    margin: 0 auto;
}
.animation_border:before,.animation_border:after{ /*before：伪元素，元素头部添加内容;after:伪元素，元素尾部添加内容*/
    content:"";
    display:block;
    width: 0;
    height:0;
    border:2px solid transparent;
    box-sizing: border-box;
    position: absolute;
}

.animation_border:before{
    top:0;
    left:0;     /*ease-in：加速*/
    /*transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;*/
}
.animation_border:after{
    right:0;
    bottom:0;
    /*transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in ;*/
}
.animation_border:hover:before{
    width:100%;
    height:100%;
    transition:width 0.2s ease-in ,height 0.2s ease-in 0.2s;
    border-top-color: white;
    border-right-color: white;
}
.animation_border:hover:after{
    width:100%;
    height:100%;
    transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.4s,height 0.3s ease-in 0.6s;
    border-bottom-color: white;
    border-left-color: white;
}
@media all and  (max-width: 768px){
    .animation_border :before{
        width:100%;
        height:100%;
        transition:width 0.2s ease-in ,height 0.2s ease-in 0.2s;
        border-top-color: white;
        border-right-color: white;
    }
    .animation_border :after{
        width:100%;
        height:100%;
        transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.4s,height 0.3s ease-in 0.6s;
        border-bottom-color: white;
        border-left-color: white;
    }
}