/* ::::: http://www.637.com{$myurl}/0552/css/css.css ::::: */
/* ::::: http://www.637.com{$myurl}/0552/css/base.css ::::: */
html, body, p, a, dl, dt, dd, h1, h2, h3, h4, h5, table, td, dl, dt, dd, ul, li {
    margin: 0px;
    padding: 0px;
}
ul, ol, li, dl, dt, dd {
    list-style: outside none none;
}
ol, ul, li {
    list-style-type: none;
}
a img {
    border: 0px none;
    max-width: 100%;
}
a, a:hover {
    text-decoration: none;
    cursor: pointer;
}
h2, h2 a, h3, h3 a, h4, h4 a, .fonth, .fonth a {
    font-weight: normal;
    font-family: "Microsoft YaHei", "微软雅黑";
}
body, p, div, a, dl, dt, dd {
    font-family: "Microsoft YaHei", "微软雅黑";
}
body {}
.color {
    color: rgb(246, 80, 58);
}
.headcon .nav .li:hover p.p1::after, .headcon .nav .on p.p1::after {
    content: "";
    position: absolute;
    left: 45px;
    bottom: 0px;
    z-index: 50;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgb(247, 249, 251);
}
.headcon .nav .on p.p1::after {
    border-bottom: 10px solid rgb(255, 255, 255);
}
/* ::::: http://www.637.com{$myurl}/0552/html/36/index.css ::::: */
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0px;
    padding: 0px;
}
fieldset, img {
    border: 0px none;
}
ol, ul {
    list-style: outside none none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-size: 100%;
}
q::after, q::before {
    content: "";
}
html {
    font-size: 62.5%;
}
body {
    font-size: 1.6rem;
}
* {
    font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
    color: rgb(114, 114, 114);
}
*::-moz-selection {
    background: rgb(255, 29, 0) none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
}
body, html {
    width: 100%;
    overflow-x: hidden;
}
.main_box {
    width: 1000px;
    margin: 0px auto;
}
.color {
    color: rgb(255, 29, 0) ! important;
}
.clear {
    clear: both;
}
#about_more:hover, #logo_fot:hover, #service_content .f3 dd .up .iconfont:hover, .servie-li ul li a:hover span {
    transform: rotate(360deg);
}
a:link, a:visited {
    color: rgb(114, 114, 114);
    text-decoration: none;
    cursor: pointer ! important;
}
a:active, a:hover {
    border: medium none;
    color: rgb(255, 29, 0);
}
.main_box {
    width: 1200px;
    margin: 0px auto;
}
.n_content {
    position: relative;
}
#about_content {
    padding-top: 0.1px;
}
#about_content .f3 .up {
    background: rgb(28, 28, 30) none repeat scroll 0% 0%;
    margin: 80px auto 40px;
    padding: 70px 0px;
}
#about_content .f3 .up h1 {
    color: rgb(255, 255, 255);
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
}
#about_content .f3 .up p {
    color: rgb(136, 136, 142);
    font-size: 14px;
    text-align: center;
}
#about_content .f3 .un .un_up ul {
    margin: 0px -40px;
}
#about_content .f3 .un .un_up li {
    display: block;
    margin: 60px;
    float: left;
    width: 200px;
}
#about_content .f3 .un .un_up li .number {
    margin: 0px auto;
    position: relative;
    border-radius: 10px;
    background: rgb(255, 29, 0) none repeat scroll 0% 0%;
    height: 210px;
    width: 200px;
}
#about_content .f3 .un .un_up li .number h2 {
    font-family: Heiti, Arial, Helvetica, sans-serif;
    line-height: 210px;
    color: rgb(255, 255, 255);
    font-size: 100px;
    text-align: center;
}
#about_content .f3 .un .un_up li .number #about_more {
    position: absolute;
    right: 20px;
    top: 20px;
}
#about_content .f3 .un .un_up li .number .line {
    height: 10px;
    display: block;
    background: rgb(255, 29, 0) none repeat scroll 0% 0%;
    position: absolute;
    top: 50%;
    z-index: 16;
    width: 100%;
}
#about_content .f3 .un .un_up li h1 {
    text-transform: lowercase;
    display: block;
    margin-top: 30px;
    text-align: center;
    color: rgb(74, 74, 76);
    font-size: 16px;
}
#contact_content .content .left dd .color {
    font-size: 12px;
}
.fix::after {
    clear: both;
    content: "";
    display: table;
}
.bounceIn {
    animation-name: bounceIn;
}
#newBridge .nb-icon-group .nb-clearfix::after {
    content: "";
    display: block;
    height: 0px;
    line-height: 0;
    clear: both;
    visibility: hidden;
}
*::-moz-placeholder {
    color: rgb(171, 171, 171);
    opacity: 1;
}
.firebugResetStyles {
    z-index: 2147483646 ! important;
    top: 0px ! important;
    left: 0px ! important;
    display: block ! important;
    border: 0px none ! important;
    margin: 0px ! important;
    padding: 0px ! important;
    outline: 0px none ! important;
    min-width: 0px ! important;
    max-width: none ! important;
    min-height: 0px ! important;
    max-height: none ! important;
    position: fixed ! important;
    transform: rotate(0deg) ! important;
    transform-origin: 50% 50% 0px ! important;
    border-radius: 0px ! important;
    box-shadow: none ! important;
    background: transparent none repeat scroll 0% 0% ! important;
    pointer-events: none ! important;
    white-space: normal ! important;
}
style.firebugResetStyles {
    display: none ! important;
}
.firebugResetStyles::before, .firebugResetStyles::after {
    content: "" ! important;
}
.firebugResetStyles {
    z-index: 2147483646 ! important;
    top: 0px ! important;
    left: 0px ! important;
    display: block ! important;
    border: 0px none ! important;
    margin: 0px ! important;
    padding: 0px ! important;
    outline: 0px none ! important;
    min-width: 0px ! important;
    max-width: none ! important;
    min-height: 0px ! important;
    max-height: none ! important;
    position: fixed ! important;
    transform: rotate(0deg) ! important;
    transform-origin: 50% 50% 0px ! important;
    border-radius: 0px ! important;
    box-shadow: none ! important;
    background: transparent none repeat scroll 0% 0% ! important;
    pointer-events: none ! important;
    white-space: normal ! important;
}
style.firebugResetStyles {
    display: none ! important;
}
.firebugResetStyles::before, .firebugResetStyles::after {
    content: "" ! important;
}
.guandian {
    background-color: rgb(245, 245, 245);
    padding-top: 60px;
    padding-bottom: 50px;
}
.guandian .tit {
    text-align: center;
    color: rgb(102, 102, 102);
    font-size: 50px;
}
.guandian .con {
    text-align: center;
}
.firebugResetStyles {
    z-index: 2147483646 ! important;
    top: 0px ! important;
    left: 0px ! important;
    display: block ! important;
    border: 0px none ! important;
    margin: 0px ! important;
    padding: 0px ! important;
    outline: 0px none ! important;
    min-width: 0px ! important;
    max-width: none ! important;
    min-height: 0px ! important;
    max-height: none ! important;
    position: fixed ! important;
    transform: rotate(0deg) ! important;
    transform-origin: 50% 50% 0px ! important;
    border-radius: 0px ! important;
    box-shadow: none ! important;
    background: transparent none repeat scroll 0% 0% ! important;
    pointer-events: none ! important;
    white-space: normal ! important;
}
style.firebugResetStyles {
    display: none ! important;
}
.firebugResetStyles::before, .firebugResetStyles::after {
    content: "" ! important;
}
.box1 {
    margin-top: 70px;
    background-color: #F3F4F6;
}
.box1 .ll {
    float: left;
    width: 600px;
}
.box1 .ll img {
    width: 100%
}
.box1 .rr {
    margin-left: 600px;
    padding-left: 40px;
}
.box2 .rr {
    float: right;
    width: 600px;
}
.box2 .rr img {
    width: 100%
}
.box2 .ll {
    margin-right: 600px;
    padding-right: 40px;
}
.box1 .rr h3, .box2 .ll h3 {
    color: #FD4200;
    line-height: 60px;
    height: 50px;
    overflow: hidden;
}
.box1 .rr .con, .box2 .ll .con {
    color: rgb(67, 67, 69);
    font-size: 14px;
    line-height: 30px;
}