@charset "utf-8";
body{background-color: #fff; min-width:1200px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{ -webkit-text-size-adjust:none; margin: 0 ; padding: 0; border: none; -webkit-tap-highlight-color:rgba(0,0,0,0); font-size: 12px; font-family:Arial, Helvetica, sans-serif,"微软雅黑"; font-weight:normal;}
html,body{height:100%; margin:0 auto;}
img,input,button,a,select,textarea{margin: 0; padding: 0; resize:none; border:none; outline:none;}
ol,ul,li {list-style:none;}
h1,h2,h3,h4,h5,h6,p,em,i,b,em,u{font-size:100%; word-wrap:break-word; font-weight: normal; font-style: normal;}
a:active, a:focus{outline:none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0; border:0;}
*html{background-attachment:fixed;}
a, a:hover{text-decoration:none !important;}
img{border:0;}

select{cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none;}/*清除Safari、Chrome、Firefox 的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand{display: none;}/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

input{-webkit-appearance: none; outline:none; border:0; border-radius:0; margin:0; padding:0;}
input[type="date"]::-webkit-calendar-picker-indicator {display: none;}
input[type="date"]::-webkit-clear-button{display:none;}

/************************************************************以上为默认公共属性**************************************************************/

::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background-color:#999;-webkit-border-radius:5px;border-radius:5px}
::-webkit-scrollbar-thumb:hover{background-color:#666}
::-webkit-scrollbar-thumb:active{background-color:#333}
::-webkit-scrollbar-button{display:none}
::-webkit-scrollbar-track{background-color:#f1f1f1}

/************************************************************以上为滚动条美化**************************************************************/

#app img{display:block;}
.xh-header{position: fixed; top: 0; z-index: 3; width: 100%; box-shadow: 0 -5px 20px; min-width:1200px;}
.xh-logo{float:left; width:calc(100% - 40px); background-color:#FFF; padding:3px 20px;}
.xh-logo-menu{position:absolute; right:30px; margin-top:6px; border-bottom:0 !important;}
.xh-logo-menu li{padding:0 38px; font-size:16px;}
.xh-logo-menu li:hover{color:#409eff !important;}
.xh-content{clear:both;}
.xh-title{text-align:center; margin: 66px 0 40px;}
.xh-title span{font-size: 26px; color: #525252;}
.xh-title label{margin-top: 10px; display:block; font-size:16px; color:#777572;}
.cross-line{border-bottom: 1px solid #dddddd; height: 20px; margin-bottom: 60px;}
.cross-line span{background-color: white; padding: 0 50px;}
.xh-service{text-align:center; padding-left:calc((100% - 1200px) / 2);}
.xh-service > div{float: left; width: 258px; margin: 0 20px 40px;}
.xh-service .xh-card img{width: 83px; margin: 38px auto;}
.xh-service .xh-card span{font-size: 20px; margin-top: 20px; display: block;}
.xh-service .xh-card a{color: #303133;}
.xh-service .xh-card a:hover{color: #00bcd4;}
.xh-service .xh-card .xh-content{color:#666; font-size:14px; margin-top: 18px; line-height: 25px;}
.telinfo{text-align: center; height: 300px;}
.telinfo input{margin-top: 100px; padding: 22px 100px; border-radius: 58px; background-color: rgba(0, 152, 255, 0.96); border: 2px solid rgb(0, 183, 249); color: aliceblue; font-size: 18px;}

.xh-footer{background-color: #434343;}
.xh-footer a{color:#FFF;}
.xh-footer .contact{text-align: center; margin: 30px 0 5px 50px;}
.xh-footer .contact img{width: 100px; margin-bottom: 6px;}
.xh-footer .contact span{background-color: #2d2c2c; border-radius: 20px; color: aliceblue; padding: 4px 10px;}
.xh-footer .logo{margin-top: 30px; margin-right: 20px;}
.xh-footer .copyright{text-align: center; padding: 20px; color: aliceblue; border-top: 1px solid #383838; margin-top: 20px;}

.xh-card-content{padding: 14px;}
.xh-card-content h1{font-size: 18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.xh-card-content h2{font-size: 13px; color: #999; line-height: 20px; margin-top: 6px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.xh-card-content a{color: #303133;}
.xh-card-content a:hover{color: #00bcd4;}
.xh-card-content-button h1{width: 88%; float: left;}
.xh-card-content-button .button{float: right; margin-top: -8px; padding-bottom: 18px;}
.xh-card-image{width: 100%; height: 260px; display: block;}
.xh-card-menu-button{width: 100%; text-align: center; margin-top: 30px;}

.solvecontent{margin: 60px 0 0;}

.xh-element-alert{text-align: center; margin-top: 39px;}
.xh-element-alert i{font-size: 60px; color: #04c585;}
.xh-element-alert label{margin: 50px; display: block; font-size: 18px;}

/************************************************************以上为通用布局**************************************************************/

.both{clear:both;}
.backf8f8f8{background-color: #f8f8f8; padding: 1px;}
.float_left{float: left;}
.float_right{float: right;}
.align-center{text-align:center;}
.xh-width-120{width: 120px !important;}
.xh-width-200{width: 200px !important;}
.xh-width-percent-100{width: 100% !important;}
.xh-margin-auth{margin-left: auto; margin-right: auto;}

/************************************************************以上为特殊属性**************************************************************/