body, html,
div,p,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend, input, button, textarea,
blockquote,
th, td { margin: 0; padding: 0; }
video {  margin: 0;  padding: 0;  border: 0;  font: inherit; vertical-align: baseline; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
a {color: inherit; text-decoration: none; cursor: pointer; 
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;}
a:hover { text-decoration: none; }
img { border: none; }
ol, ul, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body {font: normal 16px/1 "Microsoft Yahei",Arial,Simsun,sans-serif; color: #313131; max-width: 1920px; margin:0 auto; background: #fff; overflow-x: hidden;  }
input,textarea{ border: none; font: inherit;}
input:focus,textarea:focus{ outline: none; font: inherit;}
.wrap{ margin: 0 auto;}
.img-responsive{ display: block; max-width: 100%; height: auto; }
.text-right{ text-align: right;}
.clearfix { zoom: 1; }
.clearfix::after {content: ""; height: 0; line-height: 0; display: block; visibility: hidden; clear: both;}
.text-overflow-1{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.text-overflow-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.hidden-xs{ display: block!important;}
.visible-xs,.visible-xxs{ display: none!important;}
.pull-left{ float: left;}
.pull-right{ float: right;}

.header{ padding: 15px 0; line-height: 1;}
.header ul{ margin-top: 24px;}
.header li{ float: left; font-size: 16px; }
.header li:first-child{ padding-right: 15px; margin-right: 15px; border-right: 1px solid; }
.header .tel{ font-size: 0.4rem; font-weight: 700; color: #da251d; margin-top: 10px;}
.header a:hover{ color: inherit;}


.footer{ padding: 40px 0; font-size: 14px; color: #ddd; text-align: center; background: #3f3f3f; }
.footer .links a{ display: inline-block; margin: 0 15px 20px; text-transform: uppercase; }

.gotop{ position: fixed; right: 10px; bottom: 200px; width: 48px; height: 48px; background: rgba(0,118,224,.7) url("../images/top.png") no-repeat center; cursor: pointer;}
.gotop:hover{ background-color: rgba(0,118,224,1)}

@media (min-width: 1760px){
    .wrap{ width: 1560px; }
}
@media (max-width: 1759px){
    .wrap{ width: 1360px; }



}
@media (max-width: 1559px){
    .wrap{ width: 1160px; }



}
@media (max-width: 1359px){
    .wrap{ width: 960px; }


}
@media (max-width: 1024px){
    .wrap{ width: 100%; padding: 0 0.27rem;}
    .hidden-xs{ display: none!important;}
    .visible-xs{ display: block!important;}

    .footer{ padding: 20px 0;}
    .footer .links a{ margin: 0 10px 15px;}


}
@media (max-width: 750px){
    .wrap{ padding: 0 0.4rem;}
    .hidden-xxs{ display: none!important;}
    .visible-xxs{ display: block!important;}


    .header{ padding: 0.2rem 0;}
    .header .logo img{ width: 3rem;}
    .header .tel{ font-size: 0.4rem; margin-top: 0.2rem;}

}





@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?3u1dxa');
    src:  url('../fonts/icomoon.eot?3u1dxa#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?3u1dxa') format('truetype'),
    url('../fonts/icomoon.woff?3u1dxa') format('woff'),
    url('../fonts/icomoon.svg?3u1dxa#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-address2:before {
    content: "\e900";
}
.icon-email:before {
    content: "\e901";
}
.icon-skype:before {
    content: "\e902";
}
.icon-whatsapp:before {
    content: "\e903";
}
.icon-tel:before {
    content: "\e904";
}
.icon-weixin:before {
    content: "\e905";
}
.icon-address1:before {
    content: "\e906";
}
.icon-kefu:before {
    content: "\e907";
}