/* 自定义滚动条 */
::-webkit-scrollbar { width: 4px;}
::-webkit-scrollbar-track { background: #fefefe;}
::-webkit-scrollbar-thumb { background: #c2c2c2; border-radius: 2px;}
::-webkit-scrollbar-thumb:hover {background: #ff9600; }
/* @font-face {
	font-family: 'Conv_DINCondensedC';
	src: url('../fonts/DINCondensedC.eot');
	src: local('☺'), url('../font/DINCondensedC.woff') format('woff'), url('../font/DINCondensedC.ttf') format('truetype'), url('../font/DINCondensedC.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OPPOSans';
	src: url('../font/OPPOSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
} */
html{background-color: #f0f4ff;}
body{}
input[type="text"] {-webkit-appearance:none;}
textarea {-webkit-appearance:none;}
h1,h2,h3,h4,h5,h6,figure {font-weight:400;}
::-webkit-selection {color:#fff;background:#ff9600;}
::-moz-selection {color:#fff;background:#ff9600;}
::selection {color:#fff;background:#ff9600;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase,.initialism {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}

p{margin:0}
dl,dd,ul,li {margin:0;padding:0;list-style:none}
.fixed {z-index:9999;}
.bg-gray{background:#F7F7F7}
#pc-header {
    padding-bottom: 10px;
    background-image: url('../image/top-bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
}
#pc-header .logo{padding: 0;margin: 0 auto;float: none;}
#pc-header .logo img{max-width:100%;max-height:70px;}
#pc-header .contact{padding:15px 10px 0px 10px;}
#pc-header .contact-item{
    display: flex;
    box-sizing: border-box;
    height: 40px;
    padding: 5px 5px;
    width: 100%;
    background: #ffffff;
    border-radius: 20px;
    border-color: #e6e6e6;
    border-style: solid;
    border-width: 3px;
    line-height: 24px;
}
#pc-header .contact-item [class*='icon-']:before{color: #a2a2a2;}
#pc-header .contact-item img{
    width: 24px;height: 24px;display: inline-block;margin-right: 8px;
}
#pc-header .contact-item span{font-weight: bold;flex-grow: 1;font-size: 18px;}
#pc-header .contact-item:hover {background-color:#f1f1f1;transition:none}
#pc-header .contact-item:hover span{color: #ff9600 !important;}
#content-main{
    background-image: url('../image/icon-bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 1px;
}
/* 底部地图版权 begin*/
 
/*盒子*/
.panel {
    border: solid 3px #ddd;
    border-radius: 16px;
}
.panel-head {
    background-color: #ffffff;
    padding: 0px;
    height: 32px;
    border-radius: 15px 15px 0 0;
    border-bottom: none;
    text-align: left !important;
}
.panel-head img{width: 26px; height: 26px;border-radius: 13px;margin-right: 4px;display: none;}
.panel-head h3{
    font-size: 16px; 
    color: #ffffff;
    display: inline-block;
    line-height: 32px;
    padding: 0px 26px;
    border-radius: 15px 0px 18px 0px;
    background-color: #1d44c0;
}
.panel-body {padding: 10px;height: 240px;overflow-y: auto;border-radius: 0 0 15px 15px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;}
.panel-body .cnt-item{padding: 2px 0px;height: 30px;width: 49.99%;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;display: flex;color: #000;line-height: 20px;}
.panel-body .cnt-item span{padding-right: 4px;display: inline-block;font-size: 12px;line-height: 20px;}
.panel-body.sp-w2 .cnt-item span{min-width: 24px;text-align: right;}
.panel-body.sp-w3 .cnt-item span{min-width: 30px;text-align: right;}
.panel-body .cnt-item img{width: 20px; height: 20px;margin-right: 2px;border-radius: 4px;margin-right: 4px;margin-left: 4px;}
.panel-foot{padding: 6px 8px;border-radius: 0 0 8px 8px;background-color: #fff;border:none;}
.pinfo-sbar a.bar-item{display: flex;padding: 10px 0px;border-bottom: #cfcfcf solid 1px;}
.pinfo-sbar a.bar-item img{width: 30px;height: 30px;border-radius: 15px;}
.pinfo-sbar a.bar-item span{flex-grow: 1;line-height: 30px;font-size: 18px;margin-left: 8px;}
.pinfo-sbar a.bar-item i{line-height: 30px;}
.pinfo-sbar a:last-child{border-bottom: none;}
/* 颜色 */
.border-self, .border-self-0{border-color: #b9b9b9 !important;}
.border-self-1{border-color: #5c929d !important;}
.border-self-2{border-color: #afe2b1 !important;}
.border-self-3{border-color: #f0d3b7 !important;}
.border-self-4{border-color: #e5aac6 !important;}
.border-self-5{border-color: #f3a4a4 !important;}
.bg-udf{background-color: #ffffff;}
.bg-self{background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);}

.border-self .panel-head::after, .border-self-0 .panel-head::after{background-color: #767676 !important;}
.border-self-1 .panel-head::after{background-color: #006c82 !important;}
.border-self-2 .panel-head::after{background-color: #61c765 !important;}
.border-self-3 .panel-head::after{background-color: #ec9a1d !important;}
.border-self-4 .panel-head::after{background-color: #c76899 !important;}
.border-self-5 .panel-head::after{background-color: #ea4b4c !important;}

.border-self-1 a:hover{color: #fda726 !important;}
.border-self-2 a:hover{color: #fda726 !important;}
.border-self-3 a:hover{color: #fda726 !important;}
.border-self-4 a:hover{color: #fda726 !important;}
.border-self-5 a:hover{color: #fda726 !important;}


.panel-shadow{
    border-width: 0px !important;
    box-shadow: 0 0 15px 0px #c9d9ff;
}

.notice-box{
	/* background-image: url('../images/ntc-bg2.png'); */
	background-repeat: no-repeat;background-position: right center;
	background-size: contain;
}

.radius-larger{border-radius: 10px;}

@media (max-width: 480px) {
    .notice-box{background-image: none !important;}
    .xl12 {
        padding-left:20px !important;
        padding-right:20px !important;
    }
    .xl12 .panel-head::before {
        width: calc(100% - 64px) !important;
    }
    .panel:hover > .panel-head::after {
        width:calc(100% - 64px) !important;
    }
    .panel-body {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        height: auto;
    }
    .panel-body .cnt-item{width: 49.99%;}
    .first-box-item{padding-bottom: 26px;}
	
	.fixed-service-box{width: 60px !important;}
	.fixed-service-box .serv-item{width: 60px !important;height: 60px !important;}
	.serv-dialog{right: 60px !important;}
	.fixed-service-box .serv-item img{
		width: 40px !important;
		height: 40px !important;
	}
	.fixed-service-box .serv-item .kf-text{font-size: 12px !important;line-height: 14px !important;}
}

.fixed-service-box{
	position: fixed;
	background-color: #ffffff;
	box-shadow: 0 0 5px #ccc;
	width: 80px;
	border-radius: 16px 0 0 16px;
	bottom: 180px;
	right: 0;
	min-height: 100px;
	z-index: 9;
}
.fixed-service-box .serv-item{
	width: 80px;
	height: 80px;
	padding: 10px;
	overflow: hidden;
}
.fixed-service-box .serv-item img{
	width: 60px;
	height: 60px;
}
.fixed-service-box .serv-item:first-child{border-radius: 16px 0 0 0;}
.fixed-service-box .serv-item:last-child{border-radius: 0px 0 0 16px;}
.fixed-service-box .serv-item .kf-text{
	width: 100%;height:100%;background-image: linear-gradient(to top, #d70000 0%, #ff5454 100%);
	display: flex;flex-direction: column;justify-content: center;
	color: #fff;font-size: 16px;border-radius: 50%;text-align: center;align-items: center;font-weight: bold;
}

.serv-dialog{
	display: none;
	position: fixed;
	width: 280px;
	min-height: 200px;
	bottom: 180px;
	box-sizing: border-box;
	box-shadow: 0 0 10px #666;
	right: 80px;
	background-color: #ffffff;
	z-index: 8;
	border-radius: 16px 16px 4px 4px;
}
.serv-dialog .title{
	text-align: center;
	color: #ffffff;
	background-color: #fb794f;
	padding: 0px 20px;
	border-radius: 16px 16px 0px 0px;
	line-height: 40px;
	font-size: 20px;
	font-family: Microsoft YaHei-Light,Microsoft YaHei;
}
.serv-dialog .content{
	padding: 20px;
	padding-bottom: 10px;
}
.serv-dialog .content img{
	width: 100%;
}
.serv-dialog .content .number{
	padding: 0px;text-align: center;color: #000;font-size: 18px;
	font-weight: bold;margin-top: 10px;
	font-family: Microsoft YaHei-Light,Microsoft YaHei;
}
.serv-dialog .buttons{
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	padding: 10px 20px 20px;
	gap: 10px;
	justify-content: center;
	align-items: center;
}
.serv-dialog .buttons .ft-btn{
	flex: 1;
	width: 100%;
	border: none;
	background-color: #b38548;
	height: 40px;
	line-height: 40px;
	border-radius: 8px;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	font-family: Microsoft YaHei-Light,Microsoft YaHei;
}
.serv-item.active{background-color: #b1e7ff;}
.serv-dialog .buttons .ft-btn:hover{color: #000;}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}
@media (min-width: 1360px) {
    .container {
        width: 1320px;
    }
}