html,body{
background: #fff;
width: 100%;
height: 100%;
font-size: 14px;
}
html{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-overflow-scrolling: touch;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-ms-overflow-style: -ms-autohiding-scrollbar;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
#markdown-editor li{list-style-type: disc;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:sup;}
sub{vertical-align:sub;}
input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;outline: none}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
header,footer,nav{display: block;}
/* ::-moz-selection{background:#fe917b; color:#fff;}
::selection {background:#fe917b; color:#fff;} */
html,body{background:#fff;}
body{font-family:"microsoft yahei",Arial;color:#444458; -webkit-font-smoothing:antialiased;}
i{font-style:normal;}
a{text-decoration: none;color: #333;border: 0;font-size: 100%;margin: 0;padding: 0;vertical-align: baseline;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
a:hover{
color: #41b883;
}
button{
margin: 0;
padding: 0;
border: none;
outline: none;
cursor: pointer;
font-family: "microsoft yahei",Arial;
background: #fff;
}
.clr:after{clear: both;content:'\0020';display: block;visibility:hidden;height:0;}
.clr{zoom:1;}
.clearfix:before, .clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom:1;}
.fl{float: left;}
.fr{float: right;}
.hide {display:none;}
.text-left{
text-align: left;
}
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}
/*---------*/
.media{
display: flex;
align-items: flex-start;
}
.media, .media-body {
overflow: hidden;
zoom: 1;
}
.media-body, .media-left, .media-right {
/* display: table-cell;
vertical-align: top; */
}
.media-left, .media>.pull-left {
padding-right: 10px;
}
.media-right, .media>.pull-right {
padding-left: 10px;
}
.media-body {
flex: 1;
}
.media-middle {
/* vertical-align: middle; */
align-self: center!important;
}
.media-bottom {
/* vertical-align: bottom; */
align-self: flex-end!important;
}
/*----------*/
.center-container{
width: 1200px;
margin: 0 auto;
}
.h1, .h2, .h3, .h4, .h5, .h6{
font-weight: 500;
line-height: 1.2;
}
.h1{
font-size: 2.5rem;
}
.h2{
font-size: 2rem;
}
.h3{
font-size: 1.75rem;
}
.h4{
font-size: 1.5rem;
}
.h5{
font-size: 1.25rem;
}
.h6{
font-size: 1rem;
}
body{
padding-top: 60px;
}
/* header */
#header{
position: fixed;
top: 0;
left: 0;
z-index: 15;
width: 100%;
height: 60px;
/* background-color: #fff; */
transition: background .5s;
}
#header.header-bg{
background-color: #fff;
}
#header .logo{
float: left;
margin-left: 24px;
margin-top: 14px;
}
#header .logo a{
display: block;
/* width: 214px;
height: 36px;
background: url("../images/logo.png") no-repeat center; */
}
#header .logo img{
vertical-align: middle;
height: 36px;
width: 231px;
}
#header .navs{
float: right;
}
#header .navs ul li{
float: left;
margin: 0 30px;
}
#header .navs ul li a{
display: block;
height: 60px;
line-height: 60px;
font-size: 14px;
color: #2a3656;
}
#header .navs ul li.on a{
color: #bd552c;
}
/* footer */
#footer {
/* margin-top: 50px; */
padding: 45px 0;
background-color: #ECF1F5;
}
#footer .left{
float: left;
margin-left: 30px;
}
#footer .left .logo{
font-size: 0;
margin-bottom: 20px;
}
#footer .left .logo img{
display: inline-block;
vertical-align: middle;
width: 108px;
}
#footer .left .logo .text{
display: inline-block;
vertical-align: middle;
margin-left: 16px;
font-size: 12px;
color: #aebad2;
}
#footer .left .contact{
padding-left: 3px;
font-size: 12px;
color: #454D62;
}
#footer .left .contact .phone{
margin-bottom: 15px;
}
#footer .left .contact .phone i{
display: inline-block;
vertical-align: middle;
width: 17px;
height: 17px;
background: url("../images/icon_phone.png") no-repeat center;
margin-right: 8px;
}
#footer .left .contact .email i{
display: inline-block;
vertical-align: middle;
width: 17px;
height: 17px;
background: url("../images/icon_email.png") no-repeat center;
margin-right: 8px;
}
#footer .center-nav{
margin-left: 380px;
margin-right: 300px;
font-size: 0;
text-align: center;
}
#footer .center-nav .nav-col{
display: inline-block;
vertical-align: top;
margin: 0 18px;
}
#footer .center-nav .nav-col .col-header{
font-size: 13px;
color: #454d62;
font-weight: bold;
margin-bottom: 15px;
}
#footer .center-nav .nav-col ul li{
margin-bottom: 15px;
}
#footer .center-nav .nav-col ul li a{
font-size: 12px;
color: #454d62;
}
#footer .right{
float: right;
}
#footer .qrs{
font-size: 0;
text-align: center;
}
#footer .qrs .item{
display: inline-block;
margin: 0 19px;
font-size: 13px;
}
#footer .qrs .item .img{
border: 1px solid #cdd6de;
margin-bottom: 15px;
}
#footer .qrs .item img{
display: block;
width: 78px;
height: 78px;
}
#footer .qrs .item p{
color: #454d62;
font-weight: bold;
}
#footer .rights{
margin-top: 40px;
text-align: center;
font-size: 11px;
color: #a7b0c7;
}
#footer .friend-links{
margin-top: 20px;
padding-top: 24px;
border-top: 1px solid rgba(167, 176, 199, .25);
font-size: 0;
text-align: center;
}
#footer .friend-links .tit{
font-size: 14px;
font-weight: bold;
color: #454D62;
text-align: center;
padding: 0 40px;
border-right: 1px solid #A7B0C7;
margin-right: 18px;
}
#footer .friend-links a{
font-size: 14px;
font-weight: 400;
color: #454D62;
margin: 0 18px;
}
/* 客服弹框 */
.dialog_service{
position: fixed;
z-index: 50;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: none;
}
.dialog_service .bg{
position: absolute;
z-index: 50;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0,0,0, .3);
}
.dialog_service .pop_box{
position: absolute;
top: 100px;
left: calc(50% - 197px);
z-index: 51;
height: 496px;width: 394px;
background: url("../images/z_748.png");
background-size: 100% 100%;
background-repeat: no-repeat;
}
.dialog_service .pop_box .close{
position: absolute;
top: -25px;
right: -12px;
width: 32px;
height: 32px;
background: url("../images/z_746.png") no-repeat;
cursor: pointer;
}
.dialog_service .pop_box .turn-btn{
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 34px;
left: calc(50% - 102px);
width: 204px;
height: 70px;
background: url("../images/z_750.png") no-repeat;
background-size: 100% 100%;
cursor: pointer;
}
.dialog_service .pop_box .turn-btn span{
font-weight: 400;
font-size: 20px;
letter-spacing: 2px;
color: #fe9d5f;
margin-top: -8px;
}
.dialog_service .pop_box .qr{
position: absolute;
top: 180px;
right: 155px;
width: 175px;
height: 175px;
background-color: #fff;
}
.dialog_service .pop_box .qr img{
display: block;
width: 175px;
height: 175px;
}
.dialog_service .pop_box .text{
position: absolute;
top: 370px;
right: 90px;
text-align: center;
font-size: 19px;
font-weight: bold;
color: #fff;
line-height: 1.5;
}