.mobile_header,#toolbar{display:none;}


.common_banner{height:450px;}
.common_banner img{max-width:100%;height:auto;}

.p50{padding:50px 0;}
.p30{padding:30px 0;}
.p20{padding:20px 0;}
.p10{padding:10px 0;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}



.contact_left{padding:20px 16px 0;}
.contact_left p{font-size:14px;line-height:25px;padding:10px 0;border-bottom:1px dashed #dedede;}
.contact_left p:last-of-type{border:0;}
.main-zyrs {
    overflow: hidden;
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid #2878FC;
    margin-bottom: 10px;
}


.main-zyrs h2 {
    font-size: 20px;
    color: #2878FC;
    float: left;
    font-weight: bold;
}

.main-zyrs small {
    float: right;
    font-size: 14px;
    color: #878787;
    height: 60px;
    overflow: hidden;
    text-indent: 25px;
    background: url(../images/dq.png) no-repeat 0px center;
    margin-top: 5px;

}

.main-zyrs small a {
    margin-left: 5px;
    font-size: 14px;
    color: #878787;
}
/* product  show */
.pro_position {background:#f6f6f6;}
.pro_position small {

    font-size: 14px;
    color: #878787;
    height: 60px;
    overflow: hidden;
    padding-left: 25px;
    background: url(../images/dq.png) no-repeat 0px center;
    margin-top: 5px;
}

.pro_position small a {
    margin-left: 5px;
    font-size: 14px;
    color: #878787;
}

.pages{text-align:center;clear:both;}
.pages ul{float:unset;}
.pages ul li{width:unset;display:inline-block;margin:0;float:unset;}
.pages ul li a{display:inline-block;height:30px;line-height:30px;margin-right:5px;padding:0 10px;border:1px solid #2878FC;color:#333;}
.pages ul li.active a,.pages ul li a:hover{background:#2878FC;color:#fff;}


.litpic{position: relative;width:100%;height:0;padding-bottom:75%;overflow: hidden;}
.litpic img{position: absolute;width:100%;height:100%;}

.cpxx {
    width: 100%;
    height: auto;
    float: left;
}

.cpxxqh {
    position: relative;
    float: left;
    overflow: hidden;
    width: 450px;
}

.cpxxqh .bigImg {
    height: 450px;
    position: relative;
}
.cpxxqh .bigImg .litpic{padding-bottom:100%;}
.cpxxqh .bigImg li img {
    vertical-align: middle;
    border: 1px solid #eee;
}

.cpxxqh .bigImg h4 {
    font-size: 14px;
    font-weight: bold;
    line-height: 33px;
    height: 33px;
    padding-right: 30px;
    overflow: hidden;
    text-align: left;
}

.cpxxqh .smallScroll {
    height: 60px;
    margin-top: 16px;
}

.cpxxqh .sPrev {
    float: left;
    display: block;
    width: 31px;
    height: 60px;
    text-indent: -9999px;
    background: url(../images/sprites1008l.png) no-repeat center center;
}

.cpxxqh .sNext {
    float: left;
    display: block;
    width: 31px;
    height: 60px;
    text-indent: -9999px;
    background: url(../images/sprites1008r.png) no-repeat  center center;
}

.cpxxqh .smallImg {
    float: left;
    margin: 0px;
    display: inline;
    width: 340px;
    overflow: hidden;
    margin-left: 24px;
    margin-right: 24px;
}
.cpxxqh .smallImg .litpic{padding-bottom:100%;}

.cpxxqh .smallImg ul {
    height: 60px;
    width: 9999px;
    overflow: hidden;
}

.cpxxqh .smallImg li {
    float: left;
    width: 70px;
    cursor: pointer;
    display: inline;
}

.cpxxqh .smallImg img {
    border: 1px solid #dcdddd;
    width: 60px;
    height: 60px;
    float: left;

}

.cpxxqh .smallImg .on img {
    border-color: #1e50a2;
}

.cpxxqh .pageState {
    position: absolute;
    top: 235px;
    right: 5px;
    font-family: "Times New Roman", serif;
    letter-spacing: 1px;
}

.cpxxqh .pageState span {
    color: #f00;
    font-size: 16px;
}

.cpxxinfo {
    width: 870px;
    height: auto;
    float: right;
}

.cpxxinfo h1 {
    width: 100%;
    float: left;
    font-weight: bold;
    font-size: 18px;
    margin-top: 20px;
    color: #262626;
    line-height: 22px;
}

.cpxxinfo p {
    width: 100%;
    font-size: 16px;
    margin-top: 24px;
    float: left;
    margin-bottom: 75px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
}

.cpfx {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 60px;
}

.cpfx a {
    margin-right: 8px;
    float: left;
}

.cpfx img {
    width: 40px;
    height: 40px;
    float: left;
}

.cpbtn {
    width: 100%;
    height: auto;
    float: left;
}

.cpbtn a {
    width: 242px;
    height: 40px;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #2878FC;
    line-height: 38px;
    text-align: center;
    margin-right: 36px;
    font-size: 16px;
    color: #2878FC;
    float: left;
}

.cpbtn a:hover {
    background: #2878FC;
    color: #fff;
}

.cpbtn span{font-size:20px;color:#2878FC;line-height:50px;}
.cpbtn .htel{float:unset;margin-top:0;}


.cpxq {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 80px;
}

.cpxq h2 {
    width: 100%;
    height: 43px;
    float: left;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 24px;
    line-height: 27px;
    font-size: 20px;
    color: #262626;
}

.cpxq .content {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 60px;
}

.cpxq .content p {
    line-height: 30px;
    margin: 5px 0;
    font-size: 16px;
    color: #262626;
	text-wrap: initial!important;
    /*text-align: justify!important;*/
}

.cpxq .content table{width: 100% !important;margin:5px 0;border-collapse:collapse;}
.cpxq .content table td,.cpxq .content table th{border:1px solid #333;text-align:center;width:unset !important;}
.cpxq .content h2{border:0;font-size:14px;height:auto;float:unset;margin:5px 0;font-weight:normal;}

.cpxq .content p span{
	text-wrap: initial!important;
    text-align: justify!important;
	}

.cpxq .content img {
    max-width: 100%;
}

.product_list .picbox{padding-bottom:100% !important;}



/* news */
.news_list>ul li {
    width: 100%;
    height: auto;
    float: left;
    padding: 36px;
    box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
    margin-bottom: 24px;
    /* border-bottom: 2px solid #14458F; */
}

.news_left{width:200px;float:left;}
.news_right{width:calc(100% - 230px);float:right;}
.news_right h2{font-size:18px;font-weight:normal;height:30px;line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;color:#262626;}
.news_right p{line-height:30px;color:#666;font-size:14px;margin-top:20px;}
.news_right span{display:block;color:#999;font-size:14px;margin-top:10px;}
.news_list>ul li a{display:block;}
.news_list>ul li a:hover img{transition: all 2s;transform: scale(1.1);}
.news_list>ul li a:hover .news_right h2{color:#2878FC;}
.clear{clear:both;}

.news_info{border-bottom: 1px dashed #dcdcdc;}
.news_info h2{font-size:20px;line-height:30px;text-align:center;}
.news_info p{text-align:center;}
.news_info p .arti_update {
    background: url(../images/fa.png) no-repeat 0px center;
}
.news_info p span{
    color: #999999;
    font-size: 14px;
    text-indent: 17px;
    display: inline-block;
}

.news_content p{font-size:14px;line-height:30px;margin:5px 0;}
.news_content img{max-width:100%;height:auto;}
.prev_next li{}
.prev_next li a{display:block;height:40px;line-height:40px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}

.zilanmu{}
.zilanmu ul{display:flex;justify-content: center;}
.zilanmu li{width:150px;margin:0 10px;text-align:center;}
.zilanmu li a{display:block;height:50px;line-height:50px;font-size:16px;color:#262626;border:1px solid #eee;background-color: #f6f6f6;}
.zilanmu li.on a,.zilanmu li a:hover{background:#2878FC;border-color:#2878FC;color:#fff;}

/* case */
.casecon{/* background:#f6f6f6; */}
.case_list{}
.case_list li{width:23.5%;margin-right:2%;margin-bottom:2%;float:left;box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;}
.case_list li:nth-of-type(4n){margin-right:0;}
.case_list li a{display:block;}
.case_info{padding:20px;}
.case_info h2{font-size:18px;font-weight:normal;color:#262626;height:30px;line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_info p{font-size:14px;line-height:30px;color:#666;margin-top:10px;}
.case_info span{display:block;font-size:14px;color:#999;margin-top:10px;}
.case_list li a:hover img{transition: all 2s;transform: scale(1.1);}
.case_list li a:hover h2{color:#2878FC;}

/* about */
.ab_about_img{padding:50px 0 0;position: relative;}
.video_btn{position: absolute;top:calc(50% - 60px);left:calc(50% - 60px);cursor:pointer;}

.ab_video_tc{position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:999;display:none;}
.ab_video_tc .ab_video{position: relative;width:800px;height:500px;top:20%;left:calc(50% - 400px);}
.ab_video_tc .ab_video video{width:100%;}
.video_close{position: absolute;right:10px;top:0;font-size:40px;color:#fff;height:30px;line-height:30px;cursor:pointer;}

.text-center {
    text-align: center;
}
.conta p{font-size:14px;}
.conta h2{font-size:20px;}