body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
form,
input,
button,
textarea,
p,
th,
td {
    margin: 0;
    padding: 0;
}
body {
    font: 12px/1.5 '\5FAE\8F6F\96C5\9ED1', arial, 'Hiragino Sans GB';
    color: #333;
    -webkit-text-size-adjust: none;
}
img {
    vertical-align: middle;
    border: none;
    max-width: 100%;
}
ul,
ol {
    list-style: none outside none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button,
input,
select,
textarea {
    font-size: 100%;
    vertical-align: middle;
    outline: none;
    font-family: 'arial';
}
a {
    color: #333;
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
}
a:focus {
    outline: 0 none;
}
h1,
h2,
h3,
h4 {
    font-size: 100%;
    font-weight: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    -moz-appearance: button;
}
.text,
.btn,
textarea {
    font-family: "\5FAE\8F6F\96C5\9ED1", arial, 'Hiragino Sans GB';
}
.clearfix:after {
    content: ".";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}
.clearfix {
    *zoom: 1;
}
.btn {
    border: none;
    cursor: pointer;
}
html,
body {
    width: 100%;
    height: 100%
}
em {
    font-style: normal;
}
li {
    list-style: none;
}
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#loading {
    background-color: #d70c19;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    margin-top: 0px;
    top: 0px;
    left: 0;
    z-index: 9999999;
    overflow: hidden
}
#loading-center {
    width: 100%;
    height: 100%;
    position: relative;
}
#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 200px;
    width: 200px;
    margin-top: -100px;
    margin-left: -100px;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.object {
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    border-top: 5px solid #FFF;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #FFF;
    border-right: 5px solid transparent;
    -webkit-animation: animate 2s infinite;
    animation: animate 2s infinite;
}
#object_one {
    left: 75px;
    top: 75px;
    width: 50px;
    height: 50px;
}
#object_two {
    left: 65px;
    top: 65px;
    width: 70px;
    height: 70px;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
#object_three {
    left: 55px;
    top: 55px;
    width: 90px;
    height: 90px;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
#object_four {
    left: 45px;
    top: 45px;
    width: 110px;
    height: 110px;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
@-webkit-keyframes animate {
    50% {
        -ms-transform: rotate(360deg) scale(0.8);
        -webkit-transform: rotate(360deg) scale(0.8);
        transform: rotate(360deg) scale(0.8);
    }
}
@keyframes animate {
    50% {
        -ms-transform: rotate(360deg) scale(0.8);
        -webkit-transform: rotate(360deg) scale(0.8);
        transform: rotate(360deg) scale(0.8);
    }
}

/* head */

.box {
    width: 1200px;
    margin: 0 auto;
}
.head {
    background: #fcfcfc;
    height: 77px;
}

/*.head_inner{ width:1390px; margin:0 auto;}*/

h1 {
    float: left;
    margin: 8px 0 0 30px;
}
.head h1 {
    padding-top: 0;
    margin-top: 0;
}
.nav {
    float: left;
    margin: 17px 20px 0 60px;
}
.nav li {
    float: left;
}
.nav li a {
    font-size: 16px;
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 16px;
    transition: all 0.5s ease 0s;
}
@media screen and (max-width: 1440px) {
    .nav li a {
        padding: 5px
    }
}
.nav li a.active {
    color: #e10000;
}
ul#phone li a.active {
    background-color: #e10000;
}
.nav li a:hover {
    color: #e10000;
    transition: all 0.5s ease 0s;
}
.all {
    float: right;
    padding-top: 35px;
    margin-right: 30px;
}
.head_right {
    float: right;
}
.search {
    float: left;
    position: relative;
    height: 77px;
    margin-right: 10px;
}
.search i {
    width: 50px;
    height: 77px;
    display: block;
    background: url(../images/search.png) center 38px no-repeat;
    cursor: pointer;
}
.searchbox {
    padding: 10px;
    background: #e10000;
    overflow: hidden;
    position: absolute;
    z-index: 99;
    top: 52px;
    left: -268px;
    opacity: 0;
    visibility: hidden;
}
.searchbox .text {
    width: 230px;
    padding: 9px 0 9px 5px;
    height: 20px;
    line-height: 20px;
    float: left;
    border: none;
    border: 0;
    background: #fff;
    color: #e10000;
    font-size: 14px;
}
.searchbox .btn {
    background: url(../images/search1.png) center center no-repeat;
    width: 51px;
    height: 38px;
    float: left;
    border: none;
}
.search:hover .searchbox {
    opacity: 1;
    visibility: visible;
    top: 77px;
}

/* foot */

.foot {
    height: 420px !important;
    background: url(../images/foot_bj.jpg)center no-repeat #191414;
}
.foot_top {
    padding: 30px 0 20px 0;
}
.foot_left {
    width: 788px;
    float: left;
}
.foot_nav {
    width: 20%;
    float: left;
    box-sizing: border-box;
}
.foot_nav span,
.foot_center span {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
}
.foot_nav a {
    font-size: 12px;
    color: #a5a4a4;
    transition: all 0.5s ease 0s;
    display: block;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}
.foot_nav a:hover {
    color: #fff;
    transition: all 0.5s ease 0s;
}
.foot_right {
    float: right;
    padding: 56px 33px 0 0;
    width: 130px;
    box-sizing: border-box;
}
.foot_right span {
    display: block;
    width: 97px;
    height: 97px;
    overflow: hidden;
}
.foot_right span img {
    width: 97px;
    height: 97px;
    overflow: hidden;
    border: 3px solid #fff;
    box-sizing: border-box
}
.foot_right em {
    display: block;
    height: 33px;
    line-height: 33px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    width: 100%;
}
.foot_center {
    float: left;
    margin-left: 3px;
    width: 250px;
    padding-bottom: 40px;
}
.foot_call {
    padding: 16px 0 30px 0;
}
.add_ul li em {
    display: block;
    width: 35px;
    float: left;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}
.add_ul li i {
    display: block;
    width: 212px;
    float: left;
    line-height: 24px;
    color: #fff;
    font-size: 14px;
}
.foot_bottom {
    border-top: 1px solid #4a4646;
    line-height: 44px;
    overflow: hidden;
    padding: 5px 0;
}
.foot_bottom a {
    color: #a5a4a4;
    transition: all 0.5s ease 0s;
}
.add_left {
    float: left;
    color: #a5a4a4;
}
.add_right {
    float: right;
}
.add_a {
    color: #a5a4a4;
    height: 30px;
    line-height: 30px;
}
.add_a h3 {
    float: left;
}
.add_a .add_div {
    width: 800px;
    float: left;
}
.add_a .add_div a {
    color: #a5a4a4;
    transition: all 0.5s ease 0s;
    padding: 0 3px;
}
i {
    font-style: normal;
}
.foot_bottom a:hover,
.add_a .add_div a:hover {
    transition: all 0.5s ease 0s;
    color: #fff
}

/* index */

.flex-direction-nav {
    display: none;
}
.flex-control-nav {
    width: 100%;
    height: 10px;
    line-height: 10px;
    left: 0;
    bottom: 30px;
    text-align: center;
    position: absolute;
    z-index: 9999
}
.flex-control-nav li {
    display: inline-block;
    margin: 0 5px;
}
.flex-control-nav li a {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #b90000;
    font-size: 0;
    cursor: pointer;
    border: 1px solid #b90000;
}
.flex-control-nav li a.flex-active {
    background: none;
}
.flexslider {
    position: relative;
    width: 100%;
    height: 80%;
    margin: 0 auto;
    overflow: hidden;
}
.slides li .banner_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slides li {
    position: relative;
    width: 100%;
    height: 100%;
}
.slides {
    width: 100%;
    height: 100%;
}
.section2 {
    background: url(../images/pages1.jpg) center top no-repeat;
    background-size: cover;
}
.assets {
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.index_tit {
    text-align: center;
}
.index_tit span {
    display: block;
    margin-bottom: 15px;
}
.index_tit em {
    display: block;
}
.assets_word {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    padding: 40px 0;
    height: 72px;
    overflow: hidden;
}
.assets_div {
    max-width: 1200px;
    height: 400px;
    position: relative;
    margin: 0 auto;
    margin-top: 30px
}
.assets_scroll {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.ass_ul li {
    margin-right: 10px;
    float: left;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

/* 外部层 */

.s2-1 {
    padding: 0 80px;
}
[id^="owl-demo"] {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
}
[id^="owl-demo"] .owl-stage-outer {
    overflow: hidden;
    position: relative;
    z-index: 10;
}
[id^="owl-demo"] * {
    box-sizing: border-box;
}

/* 导航层 */

[id^="owl-demo"] .owl-item {
    float: left;
}
[id^="owl-demo"] .owl-item a {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
}
[id^="owl-demo"] .owl-item img {
    width: 100%;
    height: auto;
}
#owl-demo3 .owl-item img {
    width: auto;
    max-width: unset;
    height: auto;
}
[id^="owl-demo"] .owl-controls {
    position: absolute;
    bottom: 0px;
    height: 0px;
    z-index: 11;
    width: 100%;
    text-align: center;
}
[id^="owl-demo2"] .owl-controls {
    bottom: 50%;
}

/* 左右按钮 */

[id^="owl-demo"] .owl-controls .owl-nav {
    position: relative;
    z-index: 13
}
[id^="owl-demo"] .owl-controls .owl-nav [class*=owl-] {
    height: 90px;
    width: 49px;
    margin-top: -30px;
    opacity: .5;
    transition: 600ms;
    text-indent: -9999px;
    cursor: pointer;
}
[id^="owl-demo"] .owl-controls .owl-nav [class*=owl-]:hover {
    opacity: 1;
}
[id^="owl-demo"] .owl-controls .owl-nav .disabled {
    opacity: .5;
    cursor: default
}
[id^="owl-demo"] .owl-controls .owl-nav .owl-prev {
    float: left;
    margin-left: -60px;
    background: url(../images/righta.png) center center no-repeat;
}
[id^="owl-demo"] .owl-controls .owl-nav .owl-next {
    float: right;
    margin-right: -50px;
    background: url(../images/lefta.png) center center no-repeat;
}
#owl-demo4 .owl-controls .owl-nav .owl-prev {
    background: url(../images/apt_left.png) left top no-repeat;
    display: block;
    width: 22px;
    height: 42px;
    overflow: hidden;
    position: absolute;
}
#owl-demo4 .owl-controls .owl-nav .owl-next {
    background: url(../images/apt_right.png) left top no-repeat;
    display: block;
    width: 22px;
    height: 42px;
    overflow: hidden;
    position: absolute;
    right: -20px;
}
@media screen and (min-width: 0) and (max-width: 479px) {
    .s2-1 {
        padding: 0px;
    }
    [id^="owl-demo"] .owl-controls .owl-nav .owl-prev {
        margin-left: -50px;
    }
    [id^="owl-demo"] .owl-controls .owl-nav .owl-next {
        margin-right: -50px;
    }
}

/* 产品页 左右按钮 */

#carousel-example-generic .owl-item {
    float: left;
}
#carousel-example-generic .owl-controls .owl-nav {
    position: relative;
    z-index: 13
}
#carousel-example-generic .owl-controls .owl-nav [class*=owl-] {
    height: 60px;
    width: 20px;
    margin-top: -30px;
    opacity: .5;
    transition: 600ms;
    text-indent: -9999px;
    cursor: pointer;
}
#carousel-example-generic .owl-controls .owl-nav [class*=owl-]:hover {
    opacity: 1;
}
#carousel-example-generic .owl-controls .owl-nav .disabled {
    opacity: .5;
    cursor: default
}
#carousel-example-generic .owl-controls .owl-nav .owl-prev {
    float: left;
    margin-left: 10px;
    background: url(../images/righta.png) center center no-repeat;
}
#carousel-example-generic .owl-controls .owl-nav .owl-next {
    float: right;
    margin-right: 10px;
    background: url(../images/lefta.png) center center no-repeat;
}
.ass_ul li span {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
}
.ass_ul li span img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.ass_ul li .ass_box {
    bottom: -100%;
    right: -100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* padding: 0 5px;*/
    position: absolute;
    transition: all 0.5s ease 0s;
    box-sizing: border-box;
}
.ass_box .ass_div {
    height: 100%;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
    text-align: center;
    background: #cc0000;
    opacity: .6;
}
.ass_div em {
    display: block;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    height: 26px;
    line-height: 26px;
}
.ass_div i {
    display: block;
    font-size: 14px;
    color: #fff;
    height: 24px;
    line-height: 24px;
    transition: all 0.5s ease 0s;
}
.ass_ul li:hover .ass_box {
    transition: all 0.5s ease 0s;
    bottom: 0;
    right: 0;
}
.section3 {
    background: url(../images/pages2.jpg) center top no-repeat;
    background-size: cover;
}
.index_box {
    width: 1200px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.section4 {
    background: url(../images/pages3.jpg) center top no-repeat;
    background-size: cover;
}
.index_add {
    font-size: 30px;
    color: #fff;
    text-align: center;
    height: 132px;
    line-height: 132px;
    margin-bottom: 14px;
}
.ser_ul {
    margin-bottom: 48px;
}

/*.ser_ul li{ width:25%; text-align:center; float:left;}
.ser_ul li a{ display:block; background:url(../images/serbj.png) center top no-repeat; height:184px; font-size:30px; color:#fff; line-height:184px; transition:all 1s ease 0s;  }
.ser_ul li a.on{ background:url(../images/serbj1.png) center top no-repeat; transform:rotate(-360deg); transition:all 1s ease 0s; }*/

.ser_ul li {
    width: 25%;
    text-align: center;
    float: left;
}
.ser_ul li a {
    display: inline-block;
    cursor: default;
}
.ser_ul li a i {
    background: url(../images/ico1.png) no-repeat;
    display: block;
    width: 159px;
    height: 188px;
    margin-bottom: 10px;
    -webkit-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.ser_ul .tu1 i {
    background-position: 0 0;
}
.ser_ul .tu2 i {
    background-position: -171px 0;
}
.ser_ul .tu3 i {
    background-position: -342px 0;
}
.ser_ul .tu4 i {
    background-position: -513px 0;
}
.ser_ul li a:hover {
    color: #004098;
}
.ser_ul .tu1 a:hover i,
.ser_ul .tu1 a.on i {
    background-position: 0 -190px;
}
.ser_ul .tu2 a:hover i,
.ser_ul .tu2 a.on i {
    background-position: -171px -190px;
}
.ser_ul .tu3 a:hover i,
.ser_ul .tu3 a.on i {
    background-position: -342px -190px;
}
.ser_ul .tu4 a:hover i,
.ser_ul .tu4 a.on i {
    background-position: -513px -190px;
}
.fuwu_ul {
    margin-bottom: 50px;
    text-align: center
}
.fuwu_ul li {
    width: 150px;
    display: inline-block;
    text-align: center;
    margin: 0 15px
}
.fuwu_ul li span {
    display: block;
    height: 65px;
    line-height: 65px;
}
.fuwu_ul li em {
    width: 150px;
    height: 45px;
    background: #c10000;
    color: #fff;
    line-height: 45px;
    display: block;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
}
.ser_inner h3 {
    font-size: 16px;
    color: #a9a8a7;
    height: 35px;
    line-height: 35px;
    text-align: center;
}
.ser_inner {
    display: none;
}
.onser li:nth-child(1) {
    -webkit-animation: fadeInUp 1s linear 0.1s both;
    animation: fadeInUp 1s ease 0.1s both;
}
.onser li:nth-child(2) {
    -webkit-animation: fadeInUp 1s linear 0.2s both;
    animation: fadeInUp 1s ease 0.2s both;
}
.onser li:nth-child(3) {
    -webkit-animation: fadeInUp 1s linear 0.3s both;
    animation: fadeInUp 1s ease 0.3s both;
}
.onser li:nth-child(4) {
    -webkit-animation: fadeInUp 1s linear 0.4s both;
    animation: fadeInUp 1s ease 0.4s both;
}
.onser li:nth-child(5) {
    -webkit-animation: fadeInUp 1s linear 0.5s both;
    animation: fadeInUp 1s ease 0.5s both;
}
.onser li:nth-child(6) {
    -webkit-animation: fadeInUp 1s linear 0.6s both;
    animation: fadeInUp 1s ease 0.6s both;
}
.section5 {
    background: url(../images/pages4.jpg) center top no-repeat;
    background-size: cover;
}
.section5 .index_add {
    color: #535353;
}
.section6 {
    background: url(../images/pages5.jpg) center top no-repeat;
    background-size: cover;
}
.in_left {
    float: left;
}
.in_right {
    float: right;
}
.in_box img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.section7 {
    background: url(../images/pages6.jpg) center top no-repeat;
    background-size: cover;
}
.section7 .index_tit span {
    margin: 0;
}
.link_top {
    margin: 36px 0 10px 0;
    height: 220px;
    overflow: hidden;
    position: relative;
}
.linktop_scroll {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.linktop_scroll ul {}
.linktop_scroll li {
    overflow: hidden;
    float: left;
    width: 100%;
}
.linktop_scroll li em {
    display: block;
    overflow: hidden;
    margin-bottom: 22px;
    transition: all 1s ease 0s;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}
.linktop_scroll em img {
    width: 212px;
    height: 68px;
    overflow: hidden;
}
.i-technology-list {
    margin: 50px 0 60px 0;
    box-sizing: border-box;
}
.i-technology-list li {
    float: left;
    width: 300px;
    box-sizing: border-box;
    height: 418px;
    position: relative;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
    overflow: hidden;
    border-right: 1px solid #bfbfbf;
    border-left: 0;
}
.i-technology-list li .tec-box {
    background: #ededed;
}
.i-technology-list .tec-li .tec-box {
    background: #b30000;
}
.tec-box {
    float: left;
    width: 300px;
    height: 100%;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
    position: relative;
    z-index: 2;
}
.t-sp {
    display: block;
    margin: 140px 0px 0 0;
    width: 100%;
    height: 56px;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    background: url(../images/yun1.png) center center no-repeat;
}
.t-sp1 {
    background: url(../images/yun1.png) center center no-repeat;
    background-size: contain;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.t-sp2 {
    background: url(../images/yun2.png) center center no-repeat;
    background-size: contain;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.t-sp3 {
    background: url(../images/yun3.png) center center no-repeat;
    background-size: contain;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.t-sp4 {
    background: url(../images/ib4.png) center center no-repeat;
    background-size: contain;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.i-tec-h {
    font-size: 30px;
    text-align: center;
    line-height: 80px;
    height: 80px;
    overflow: hidden;
    color: #b30000;
    font-weight: bold;
    width: 300px;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.i-tec-p {
    line-height: 37px;
    color: #666666;
    text-align: center;
    margin: 0px 0px 35px 0;
    width: 300px;
    padding: 0 10px;
    box-sizing: border-box;
    height: 180px;
    overflow: hidden;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    font-size: 18px;
}
.begin .i-tec-p {
    line-height: 29px;
}
.tec-med {
    float: left;
    width: 299px;
    height: 189px;
    overflow: hidden;
    background: #fff;
    position: absolute;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 55px;
    z-index: 1;
}
.i-tec-tips {
    display: block;
    text-align: center;
    font-size: 14px;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.i-tec-tips .tec_pic {
    display: block;
    text-align: center;
}
.i-tec-tips .tec_word {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #404040;
    font-size: 14px;
}
.i-tec-tips i {
    width: 110px;
    height: 5px;
    background: #b30000;
    display: block;
    margin: 0 auto;
}
.tec_em {
    overflow: hidden;
    margin-bottom: 20px;
}
.i-tec-tips em {
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    width: 50%;
    text-align: center;
    color: #333;
    display: block;
    float: left;
    font-weight: bold;
}
.tec_span {
    height: 120px;
    overflow: hidden;
}
.i-tec-tips span {
    display: block;
    float: left;
    width: 50%;
    font-size: 16px;
    color: #666666;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: left;
    text-indent: 38px;
}
.i-technology-list .tec-li {
    width: 600px;
    background: #fff;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
    color: #707070;
    cursor: pointer;
}
.i-tec-tips a {
    color: #707070
}
.tec-li .t-sp {
    -margin: 90px 75px 20px;
    transition: all 0.6s ease 0.2s;
    -webkit-transition: all 0.6s ease 0.2s;
    -moz-transition: all 0.6s ease 0.2s;
    -ms-transition: all 0.6s ease 0.2s;
    -o-transition: all 0.6s ease 0.2s;
}
.tec-li .t-sp1 {
    background: url(../images/yun11.png) center center no-repeat;
    background-size: contain;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.tec-li .t-sp2 {
    background: url(../images/yun2.png) center center no-repeat;
    background-size: contain;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.tec-li .t-sp3 {
    background: url(../images/yun3.png) center center no-repeat;
    background-size: contain;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.i-technology-list .tec-li h3 {
    color: #fff;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.i-technology-list .tec-li p {
    color: #fff;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.tec-li .tec-med {
    width: 299px;
    /*float: right;*/
    height: 300px;
    text-align: center;
    padding: 0px 0px 0px 0;
    box-sizing: border-box;
    background: #fff;
    height: 100%;
    position: absolute;
    right: 0;
    top: 55px;
    z-index: 1;
    animation: fadeInRight .4s ease 0.3s both;
    -webkit-animation: fadeInRight .4s ease 0.3s both;
    -moz-animation: fadeInRight .4s ease 0.3s both;
    -ms-animation: fadeInRight .4s ease 0.3s both;
    -o-animation: fadeInRight .4s ease 0.3s both;
}
.tec-li .tec-med .i-tec-tips {
    margin-bottom: 20px;
    color: #fff;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    font-size: 14px;
}
.tec-li .tec-med .i-tec-tips a {
    color: #fff;
    font-size: 14px;
}
.tec2.tec-li .t-sp3 {
    background: url(../images/yun33.png) center center no-repeat;
}
.tec1.tec-li .t-sp2 {
    background: url(../images/yun22.png) center center no-repeat;
}
.exp {
    width: 1200px;
    margin: 0 auto;
}
.exp_ul li {
    width: 20%;
    text-align: center;
    float: left;
    position: relative;
}
.exp {
    max-width: 100%;
    width: 1200px;
    margin: 0 auto;
    height: 20%;
    position: relative;
}
.exp_ul {
    max-width: 100%;
    width: 1200px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
.counter {
    /*display:block;*/
    height: 55px;
    line-height: 55px;
    color: #b90000;
    font-size: 40px;
    margin-bottom: 30px;
    font-family: Arial;
    font-weight: bold;
}
.exp_i {
    background: url(../images/nian.png) left top no-repeat;
    width: 41px;
    height: 34px;
    display: inline-block;
    /*position:absolute; top:12px; right:0;*/
}
.exp li span {
    height: 42px;
    line-height: 42px;
    display: block;
    text-align: center;
    font-size: 24px;
    color: #333333;
}
.exp_i1 {
    right: 51px;
}
.exp_i2 {
    right: 27px;
}
.exp_i3 {
    right: 27px;
}
.exp_i4 {
    right: 39px;
}
.zhonggong {
    padding-top: 100px;
}

/* page */

.title {
    padding: 80px 0 30px 0;
}
.title h3:first-child {
    font-size: 30px;
    line-height: 45px;
}
.title h3:nth-child(2) {
    font-size: 38px;
    color: #bd090a;
    font-weight: bold;
    line-height: 38px;
}

/* contact */

.details_tit {
    line-height: 35px;
    padding: 10px 0;
    background: #f2f2f2;
    border-bottom: 1px solid #e0e0e0;
}
.wrap {
    width: 1200px;
    margin: 0 auto;
}
.position {
    font-size: 14px;
    color: #ab0000;
    float: left
}
.position li {
    float: left;
}
.position li a {
    display: block;
    padding: 0 10px;
    transition: all 0.5s ease 0s;
    background: url(../images/nav.png) right center no-repeat;
}
.position li a:hover,
.position li a.for {
    color: #ab0000;
    transition: all 0.5s ease 0s;
}
.position li a.on {
    background: none;
}
.current {
    float: right;
    color: #666666;
    font-size: 14px;
}
.current a {
    display: inline-block;
    margin-right: 2px;
}
.contact {
    margin: 25px auto 40px;
}
.cont_top {
    margin: 145px 0 20px 20px;
}
.us_center li {
    float: left;
    width: 33.3%;
    height: 60px;
    border-right: 1px solid #c9c9c9;
    box-sizing: border-box;
    padding: 15px 0 0 10px;
    margin-bottom: 10px;
}
.us_center li i {
    width: 35px;
    float: left;
    display: block;
}
.us_center li em {
    display: block;
    float: left;
    overflow: hidden;
    line-height: 30px;
    font-size: 13px;
    color: #676767;
}
.us_center li em:nth-child(2) {
    margin-left: 10px;
}
.us_center li.up {
    border: none;
}
.us_center li.down i {
    margin: 0;
}
.back {
    background: #f2f2f2;
}

/* ent */

.ent_ul {
    padding: 0 14px;
    margin: 0 0 50px -30px;
}
.ent_ul li {
    float: left;
    margin: 30px 0 0 30px;
    border-radius: 5px;
    border: 1px solid #eeeeee;
    width: 368px;
    background: #fff;
}
.ent_ul li em {
    width: 368px;
    height: 201px;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}
.ent_ul li em img {
    width: 368px;
    height: 201px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    opacity: .8
}
.ent_ul li .ent_box {
    padding: 0 10px;
}
.ent_box i {
    display: block;
    font-style: normal;
    color: #333333;
    font-size: 18px;
    overflow: hidden;
    height: 44px;
    line-height: 44px;
    transition: all 0.5s ease 0s;
}
.ent_box .ent_zi {
    height: 50px;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
    line-height: 25px;
    margin-bottom: 10px;
}
.ent_box .ent_time {
    height: 26px;
    line-height: 26px;
    margin-bottom: 18px;
}
.ent_time .time_left {
    background: url(../images/time.jpg) left center no-repeat;
    float: left;
    padding-left: 17px;
    font-size: 14px;
    color: #666666;
    width: 259px;
    overflow: hidden;
}
.ent_time .time_right {
    display: block;
    float: right;
    width: 70px;
    height: 24px;
    border: 1px solid #c20a0a;
    border-radius: 5px;
    text-align: center;
    color: #c20a0a;
    font-size: 14px;
    transition: all 0.5s ease 0s;
}
.ent_time .time_right:hover {
    transition: all 0.5s ease 0s;
    background: #c20a0a;
    color: #fff;
}
.ent_box i:hover {
    color: #c20a0a;
    transition: all 0.5s ease 0s;
}
.ent_ul li:hover img {
    transition: all 0.5s ease 0s;
    opacity: 1
}

/* ent_info */

.ent_div {
    padding: 0 16px;
}
.ent_top {
    background: #fff;
    margin: 40px 0 30px 0;
    border: 1px solid #eeeeee;
    padding: 20px;
    box-sizing: border-box;
}
.ent_top dt {
    float: left;
    width: 441px;
    height: 238px;
    overflow: hidden;
    margin-right: 68px;
}
.ent_top dt img {
    width: 441px;
    height: 238px;
    overflow: hidden;
}
.ent_top dd {
    float: left;
    width: 570px;
}
.ent_top dd h3 {
    height: 74px;
    line-height: 74px;
    color: #c20a0a;
    font-size: 24px;
}
.ent_top dd .ent_em {
    height: 144px;
    overflow: hidden;
    line-height: 36px;
    font-size: 14px;
    color: #666666;
}
.ent_em em {
    display: block;
}
.activity {
    margin-bottom: 20px;
    position: relative;
}
.ent_bnt {
    cursor: pointer;
    border-radius: 5px;
    background: #b00404;
    transition: all 0.5s ease 0s;
    color: #fff;
    width: 148px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #b00404;
    margin-left: 56px;
    position: absolute;
    right: 10px;
    top: -84px;
    transition: all 0.5s ease 0s;
}
.ent_bnt:hover {
    background: none;
    color: #b00404;
    transition: all 0.5s ease 0s;
}
.ent_copy {
    cursor: pointer;
    border-radius: 5px;
    background: #666;
    transition: all 0.5s ease 0s;
    color: #fff;
    width: 148px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #666;
    margin-left: 56px;
    position: absolute;
    right: 10px;
    top: -84px;
    transition: all 0.5s ease 0s;
}
.acti_left {
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    padding: 0 28px;
    width: 100%;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
    padding-bottom: 10px;
    box-sizing: border-box
}
.acti_left h3,
.acti_right h3 {
    padding-top: 18px;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #eaeaea;
    font-size: 16px;
    color: #c20a0a;
    position: relative;
}
.acti_left h3 span {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 65px;
    height: 3px;
    background: #c20a0a;
}
.acti_div {
    font-size: 14px;
    line-height: 30px;
    padding-top: 20px;
    padding-bottom: 40px;
    overflow: hidden;
}

/*.acti_right{background:#fff; border:1px solid #eeeeee; border-radius:5px; padding:0 28px; width:568px; box-sizing:border-box; height:578px; float:right;}*/

.acti_right h3 {
    color: #333333;
    margin-bottom: 48px;
}
.acti_right h3 span {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 65px;
    height: 3px;
    background: #a0a0a0;
}
.acti_form {
    padding: 0 26px;
}
.acti_box {
    margin-bottom: 22px;
}
.acti_txt {
    float: left;
    height: 36px;
    line-height: 36px;
    border: 1px solid #e9e9e9;
    width: 360px;
    padding-left: 6px;
    font-size: 14px;
    border-radius: 5px;
}
.acti_box span {
    float: left;
    display: block;
    font-size: 14px;
    color: #333333;
    width: 56px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
}
.acti_box em {
    display: block;
    float: left;
    color: #fb0000;
    margin-left: 12px;
    height: 38px;
    line-height: 38px;
}
.acti_yz {
    width: 90px;
    margin-right: 16px;
}
.acti_box textarea {
    float: left;
    height: 70px;
    line-height: 20px;
    border: 1px solid #e9e9e9;
    width: 360px;
    padding: 6px 0 0 6px;
    font-size: 14px;
    border-radius: 5px;
    resize: none;
}
.acti_sub {
    display: block;
    cursor: pointer;
    border-radius: 5px;
    background: #b00404;
    transition: all 0.5s ease 0s;
    color: #fff;
    width: 148px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #b00404;
    margin-left: 56px;
}
.acti_sub:hover {
    background: none;
    color: #b00404;
    transition: all 0.5s ease 0s;
}
.like {
    clear: both;
}
.like h3 {
    font-size: 16px;
    color: #b00404;
    border-bottom: 2px solid #b00404;
    height: 30px;
    line-height: 30px;
    width: 80px;
    padding-top: 20px;
}
.like .ent_ul {
    padding: 0;
    margin-left: -32px;
}
.acti_right {
    display: none;
}
.acti-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 10;
}
.acti-pos-box {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -288px;
    margin-left: -312px;
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    padding: 0 28px;
    width: 568px;
    box-sizing: border-box;
    height: 578px;
    z-index: 20;
}
.acti-pos-box .close {
    background: url(../images/close.jpg) left top no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 20px;
    top: 32px;
    display: block;
}

/* news */

.dl_tit {
    padding: 92px 24px 90px;
    border-bottom: 1px solid #d5e0ea;
}
.dl_tit dt {
    float: left;
    width: 572px;
    height: 387px;
    overflow: hidden;
    margin-right: 43px;
}
.dl_tit dt img {
    width: 572px;
    height: 387px;
    overflow: hidden;
    transition: all 1s ease 0s;
}
.dl_tit dt:hover img {
    transition: all 1s ease 0s;
    transform: scale(1.1, 1.1)
}
.dl_tit dd {
    float: left;
    width: 537px;
    padding-top: 32px;
}
.dl_tit dd .way {
    line-height: 48px;
    font-size: 30px;
    color: #ab0000;
    height: 142px;
    overflow: hidden;
    margin-bottom: 45px;
    display: block;
}
.dl_tit dd .news_way {
    line-height: 24px;
    color: #666666;
    font-size: 14px;
    height: 72px;
    overflow: hidden;
    margin-bottom: 20px;
}
.way_em {
    height: 34px;
    line-height: 34px;
    display: block;
    color: #ab0000;
    font-size: 18px;
}
.xinwen_dl {
    margin-top: 80px;
}
.xinwen_dl dt {
    float: left;
    margin-right: 48px;
    width: 103px;
    text-align: center;
}
.xinwen_dl dt span {
    display: block;
    padding-top: 15px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    font-size: 24px;
    color: #333333;
}
.xinwen_dl dt em {
    font-size: 14px;
    color: #666666;
    display: block;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}
.xinwen_left {
    float: left;
    width: 200px;
    height: 127px;
    overflow: hidden;
    margin-right: 32px;
    position: relative;
}
.xinwen_left .hot {
    background: url(../images/hot.png) left center no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
}
.xinwen_left img {
    width: 200px;
    height: 127px;
    overflow: hidden;
    opacity: .8;
    transition: 0.5s ease 0s;
}
.xinwen_left:hover img {
    opacity: 1;
    transition: 0.5s ease 0s;
}
.xinwen_right {
    float: left;
    width: calc(100% - 403px);
}
.xinwen_right .xinwen_tit {
    height: 34px;
    line-height: 34px;
    color: #ab0000;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    display: block;
}
.xinwen_right .xinwen_tit:hover {
    transition: all 0.5s ease 0s;
    transform: translateX(10px)
}
.xinwen_word {
    height: 48px;
    overflow: hidden;
    line-height: 24px;
    color: #666666;
    font-size: 14px;
    margin-bottom: 8px;
}
.xinwen_right .xinwen_see {
    display: block;
    width: 105px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #9e7253;
    color: #ab0000;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.5s ease 0s;
}
.xinwen_right .xinwen_see:hover {
    border: 1px solid #ab0000;
    transition: all 0.5s ease 0s;
    background: #ab0000;
    color: #fff;
}
.met_pager * {
    display: inline-block;
}
.met_pager .PreSpan,
.met_pager .NextSpan {
    padding: 9px 15px;
    border: 1px solid #e4eaec;
    background: #fff;
    color: #ccd5db;
    cursor: default;
}
.met_pager a {
    text-decoration: none;
}
.met_pager a {
    padding: 9px 15px;
    border: 1px solid #e4eaec;
    border-right: none;
    background: #fff;
    text-align: center;
    color: #76838f;
}
.met_pager a.NextA {
    border-right: 1px solid #e4eaec;
}
.met_pager a.Ahover {
    border-color: #e10000;
    background: #e10000;
    border-color: ;
    background: ;
    color: #fff;
    cursor: default;
}
.show {
    font-size: 18px;
    background: #dcdcdc;
    height: 54px;
    line-height: 54px;
    width: 320px;
    border: 1px solid #dcdcdc;
    display: block;
    color: #f6f6f6;
    text-align: center;
    margin: 120px auto 75px;
    transition: all 0.5s ease 0s;
}
.show:hover {
    color: #ab0000;
    transition: all 0.5s ease 0s;
    background: none;
    padding: 0 20px;
}
.release {
    border-bottom: 1px solid #d5e0ea;
    padding: 75px 0 25px 0;
    text-align: center;
    margin-bottom: 30px;
}
.release h3 {
    height: 54px;
    line-height: 54px;
    overflow: hidden;
    color: #064581;
    font-size: 24px;
}
.release span {
    display: block;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    color: #666666;
}
.news_word {
    line-height: 24px;
    font-size: 14px;
    overflow: hidden;
}
.return {
    display: block;
    float: right;
    font-size: 14px;
    color: #ab0000;
    padding: 20px 0;
    transition: all 0.5s ease 0s;
}
.return:hover {
    color: #ab0000;
    transition: all 0.5s ease 0s;
}
.piece {
    padding: 30px 0 30px 0;
}
.piece a {
    height: 50px;
    line-height: 50px;
    display: block;
    color: #333333;
    font-stretch: 14px;
    overflow: hidden;
}
.piece a.pre {
    float: left
}
.piece a.next {
    float: right
}
.piece a:hover {
    color: #d70c19;
    transition: all 0.5s ease 0s;
}
.news_pic {
    margin-bottom: 70px;
}
.operate {
    padding: 66px 0 45px 0;
    margin-left: -20px;
}
.operate li {
    float: left;
    width: 385px;
    height: 300px;
    overflow: hidden;
    margin-left: 20px;
}
.operate li span {
    height: 300px;
    width: 385px;
    overflow: hidden;
    position: relative;
    display: block;
}
.operate li span img {
    height: 300px;
    width: 385px;
    overflow: hidden;
    transition: all 1s ease 0s;
}
.operate li span:hover img {
    transition: all 1s ease 0s;
    transform: scale(1.1, 1.1)
}
.operate li span:hover em img {
    transform: scale(1, 1);
    transform: translateX(-5px)
}
.operate li span em {
    position: absolute;
    left: 0;
    bottom: 50px;
    display: block;
}
.operate li span em img {
    width: auto;
    height: auto;
}
.service_ul {
    padding: 0;
    margin-left: -48px;
}
.service_ul li {
    margin-left: 46px;
}
.service_ul li a {
    cursor: pointer
}
.stop {
    padding: 48px 0 0 0;
    background: #fff;
    margin-top: 40px;
}
.stop_tit {
    background: url(../images/oper_titbj.png) center center no-repeat;
    text-align: center;
    height: 36px;
    line-height: 36px;
}
.stop_ul {
    background: url(../images/stop.jpg) center 14px no-repeat;
    margin-top: 67px;
    width: 100%;
}
.stop_ul li {
    width: 33.3%;
    float: left;
    text-align: center;
    padding: 0 70px;
    box-sizing: border-box;
}
.stop_ul li span {
    display: block;
    transition: all 0.5s ease 0s;
}
.stop_ul li:hover span {
    transform: translateY(-10px);
    transition: all 0.5s ease 0s;
}
.stop_ul li i {
    height: 65px;
    display: block;
    font-size: 16px;
    color: #666666;
    line-height: 65px;
}
.stop_ul li .stop_div {
    height: 70px;
    overflow: hidden;
    line-height: 24px;
    font-size: 14px;
    color: #666666;
    text-align: center;
    margin-bottom: 40px;
}
.stop_box {
    padding: 40px 0 0 0;
}
.stop_box .stop_tit {
    margin-bottom: 27px;
}
.dilemma_tit {
    padding-top: 110px;
    text-align: center;
}
.dilemma_div {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    text-align: center;
    padding: 50px 0;
}
.dilemma_ul {
    padding-bottom: 135px;
}
.dilemma_ul li {
    float: left;
    width: 25%;
    text-align: center;
}
.good_tit {
    padding-top: 50px;
    text-align: center;
}
.good {
    background: url(../images/good.jpg) center center no-repeat;
    height: 800px;
}
.good_div {
    position: relative;
    height: 598px;
}
.good_div .good_top {
    width: 499px;
    height: 499px;
    margin: 64px auto 0;
    background: url(../images/hao2.png) left top no-repeat;
}
.good_top {
    transition: all 1.5s ease 0s;
    -webkit-animation: pulse 1.5s linear infinite;
    -webkit-pulse-fill-mode: both;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1)
    }
    50% {
        -moz-transform: scale(1.1)
    }
    100% {
        -moz-transform: scale(1)
    }
}
.king {
    background: #fff;
}
.king_tit {
    padding-top: 98px;
    text-align: center;
}
.king_div {
    margin: 112px 0 247px 0;
    background: url(../images/pissbj.png) center 54px no-repeat;
}
.king_div dl {
    float: left;
    width: 577px;
    margin-bottom: 42px;
}
.king_div dt {
    float: left;
    width: 443px;
    line-height: 24px;
    color: #666666;
    font-size: 14px;
    height: 50px;
    overflow: hidden;
    margin-top: 30px;
    text-align: right;
}
.king_div dd {
    display: block;
    float: right;
    background: #31859c;
    color: #fff;
    text-align: center;
    width: 108px;
    height: 108px;
    font-size: 30px;
    line-height: 108px;
}
.king_div .king_dl {
    float: right;
}
.king_div .king_dl dt {
    display: block;
    float: left;
    background: #31859c;
    color: #fff;
    text-align: center;
    width: 108px;
    height: 108px;
    font-size: 30px;
    line-height: 108px;
    margin: 0;
}
.king_div .king_dl dd {
    float: right;
    width: 443px;
    line-height: 24px;
    color: #666666;
    font-size: 14px;
    height: 50px;
    overflow: hidden;
    margin-top: 30px;
    background: none;
    text-align: left;
}
.king_dl1 {
    background: #604a7b!important;
}
.king_dl2 {
    background: #ff8623!important;
}
.king_dl3 {
    background: #c20a0a!important;
}
.fle {
    background: url(../images/good3.jpg) center center no-repeat;
    height: 880px;
    text-align: center;
}
.good_bottom {
    position: absolute;
    top: -34px;
    left: 50%;
    margin-left: -560px;
}
.fle_inner {
    text-align: center;
    padding-top: 116px;
}
.jiao_ul {
    padding-top: 56px;
}
.jiao_ul li {
    float: left;
    width: 20%;
    text-align: center;
    transition: all 0.5s ease 0s;
}
.jiao_ul li:hover {
    transition: all 0.5s ease 0s;
    transform: translateY(-10px)
}
.int_tan {
    position: absolute;
    width: 1200px;
    height: 42px;
    left: 50%;
    top: 373px;
    margin-left: -600px;
}
.int_tan a {
    width: 250px;
    height: 42px;
    display: block;
    transition: all 0.5s ease 0s;
    background: #b00404;
    color: #fff;
    font-size: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 42px;
    margin-left: 150px;
}
.int_tan a:hover {
    background: #fff;
    color: #b00404;
    transition: all 0.5s ease 0s;
}
.sys_tit {
    padding-top: 110px;
    text-align: center;
}
.sys_ul,
.sys_ul1 {
    padding: 97px 0 80px 0;
}
.sys_ul li,
.sys_ul1 li {
    width: 20%;
    float: left;
    text-align: center;
}
.sys_ul li span,
.sys_ul1 li span {
    display: block;
    transition: all 1s ease 0s;
    width: 140px;
    height: 140px;
    margin: 0 auto;
    line-height: 140px;
    box-shadow: 0 0 0 3px rgba(194, 10, 10, 1);
    border-radius: 140px;
    overflow: hidden;
}
.sys_ul1 li span {
    box-shadow: none;
    transition: all 0.5s ease 0s;
}
.sys_ul1 li:hover span {
    transition: all 0.5s ease 0s;
    transform: translateY(-20px)
}
.sys_ul li em,
.sys_ul1 li em {
    display: block;
    height: 106px;
    line-height: 106px;
    color: #333333;
    font-size: 24px;
}
.hardware {
    background: url(../images/hardbj.jpg) center top no-repeat;
    ;
    height: 899px;
    background-size: cover;
}
.hard_div {
    font-size: 18px;
    text-align: center;
    color: #fff;
    padding-top: 60px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    margin-bottom: 48px;
}
.hard_img {
    margin-bottom: 54px;
    position: relative;
    width: 1187px;
    height: 338px;
}
.hard_img span {
    transform: rotate(0deg);
    transition: all 0.8s ease 0s;
}
.hard_img .hard1 {
    position: absolute;
    left: 0;
    top: 0;
}
.hard_img .hard2 {
    position: absolute;
    left: 207px;
    top: 138px;
}
.hard_img .hard3 {
    position: absolute;
    left: 410px;
    top: 0;
}
.hard_img .hard4 {
    position: absolute;
    left: 615px;
    top: 138px;
}
.hard_img .hard5 {
    position: absolute;
    right: 210px;
    top: 0;
}
.hard_img .hard6 {
    position: absolute;
    right: 0;
    top: 138px;
}
.hard_img span:hover {
    transform: rotate(-360deg);
    transition: all 0.8s ease 0s;
}
.hard_demand {
    width: 228px;
    height: 48px;
    line-height: 48px;
    transition: all 0.5s ease 0s;
    text-align: center;
    border: 1px solid #fff;
    background: url(../images/hardbtn.png);
    transition: all 0.5s ease 0s;
    display: block;
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
}
.hard_demand:hover {
    background: none;
    transition: all 0.5s ease 0s;
}
.ai {
    background: url(../images/aibj.jpg) center top no-repeat;
    ;
    height: 899px;
    background-size: cover;
}
.ai_div {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #333;
    padding: 44px 0 90px 0;
}
.ai .sys_ul {
    padding-bottom: 70px;
}
.ai .hard_demand {
    background: #ab0000;
    border: 1px solid #ab0000;
    color: #fff;
    border-radius: 5px;
    font-size: 24px;
    transition: all 0.5s ease 0s;
    clear: both
}
.ai .hard_demand:hover {
    background: none;
    color: #ab0000;
    transition: all 0.5s ease 0s;
    padding: 0 20px;
}
.ind {
    background: url(../images/indbj.jpg) center top no-repeat;
    ;
    height: 899px;
    background-size: cover;
}
.ind_right {
    float: right;
    margin-top: 200px;
}
.ind_left {
    width: 610px;
    float: left;
    padding: 200px 0 0 20px;
    box-sizing: border-box;
    margin-bottom: 48px;
}
.ind_left .ind_tit {
    margin-bottom: 46px;
}
.ind_div {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    height: 243px;
    overflow: hidden;
    margin-bottom: 37px;
}
.ind_demand {
    width: 228px;
    height: 48px;
    line-height: 48px;
    transition: all 0.5s ease 0s;
    text-align: center;
    border: 1px solid #fff;
    background: url(../images/hardbtn.png);
    display: block;
    font-size: 24px;
    color: #fff;
    transition: all 0.5s ease 0s;
}
.ind_demand:hover {
    transition: all 0.5s ease 0s;
    background: none;
}
.link_tit {
    padding: 170px 0 0 0;
    text-align: center;
}
.link_ul {
    padding: 30px 0 60px 0;
}
.link_ul li {
    width: 20%;
    float: left;
    text-align: center;
    height: 73px;
    overflow: hidden;
    margin-top: 22px;
    box-sizing: border-box;
    padding: 0 5px;
}
.link_ul li a {
    display: block;
    border: 1px solid #e5e5e5!important;
    box-sizing: border-box;
    overflow: hidden;
}
.link_ul li img {
    width: auto;
    height: auto;
    max-width: 100%;
    transition: all 1s ease 0s;
}
.link_ul li:hover img {
    transition: all 1s ease 0s;
    transform: scale(1.2, 1.2)
}
.tutor h3 {
    padding: 46px 0 0 16px;
}
.tutor_dl {
    background: #f5f5f5;
    margin-top: 40px;
    padding: 10px 35px;
    display: none;
}
.tutor_dl dt {
    float: left;
    margin-right: 20px;
    width: 161px;
    height: 198px;
    overflow: hidden;
}
.tutor_dl dt img {
    width: 161px;
    height: 198px;
    overflow: hidden;
}
.tutor_dl dd {
    float: left;
    width: 935px;
    padding-top: 13px;
}
.tutor_dl dd em {
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    display: block;
    overflow: hidden;
}
.tutor_dl dd .tutor_tit {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
}
.tutor_dl dd .tutor_tit i {
    background: url(../images/tutorline.jpg) right center no-repeat;
    padding: 0 16px;
    display: inline-block;
    font-size: 16px;
    color: #c20a0a;
    margin-bottom: 10px;
}
.tutor_dl dd .tutor_div {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
.tutor_dl dd .tutor_tit i.upon {
    padding-left: 0;
}
.tutor_dl dd .tutor_tit i.on {
    background: none;
}

/* space */

.headquarters {
    background: #ffffff;
    margin: 20px 0;
    padding: 18px 48px 56px;
}
.quar_tit {
    height: 63px;
    line-height: 63px;
    font-size: 18px;
    overflow: hidden;
    position: relative;
}
.quar_tit i {
    display: block;
    float: left;
}
.quar_tit span {
    display: block;
    float: left;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #a0a0a0;
    margin-top: 20px;
    margin: 30px 6px 0;
}
.quar_right {
    float: right;
    width: 436px;
}
.quar_right em {
    font-size: 24px;
    color: #c20a0a;
    height: 80px;
    line-height: 80px;
    overflow: hidden;
}
.quar_div {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    height: 186px;
    overflow: hidden;
    margin-bottom: 45px;
}
.quar_cont a {
    width: 128px;
    height: 34px;
    display: block;
    background: #c20a0a;
    border: 1px solid #c20a0a;
    border-radius: 15px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 34px;
    margin-bottom: 24px;
    transition: all 0.5s ease 0s;
}
.quar_cont a:hover {
    transition: all 0.5s ease 0s;
    background: none;
    color: #c20a0a
}
.collect {
    display: block;
    background: url(../images/shouc.jpg) left center no-repeat;
    height: 20px;
    line-height: 20px;
    color: #3a3a3a;
    font-size: 14px;
    padding-left: 24px;
    cursor: pointer;
}
.quar_left {
    float: left;
    width: 650px;
    overflow: hidden;
}
.housing {
    margin-bottom: 20px;
}
.hous_left {
    width: 898px;
    float: left;
    background: #fff;
    padding: 28px 36px 0;
    box-sizing: border-box;
    min-height: 660px;
}
.hous_left .quar_tit {
    font-size: 24px;
    color: #333;
}
.hous_tit {
    background: #f0f0f0;
    height: 70px;
    overflow: hidden;
}
.hous_tit li {
    width: 16.6%;
    float: left;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 2px;
    box-sizing: border-box;
}
.hous_tit li:last-child {
    padding-right: 2px;
}
.hous_tit li span,
.hous_tit li p {
    display: block;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #060606;
    font-size: 14px;
}
.hous_tit li em {
    height: 20px;
    line-height: 20px;
    display: block;
    font-size: 14px;
    color: #575757;
    overflow: hidden;
}
.hous_num {
    background: #f8f8f8;
    height: 44px;
    line-height: 44px;
}
.hous_num li {
    width: 16.6%;
    float: left;
    text-align: center;
    overflow: hidden;
    color: #242424;
    font-size: 14px;
}
.room_tit {
    background: none;
    border-bottom: 1px solid #e4e4e4
}
.room_tit .enter {
    width: 104px;
    height: 34px;
    display: block;
    border: 1px solid #d71221;
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    overflow: hidden;
    color: #d71221;
    border-radius: 15px;
    transition: all 0.5s ease 0s;
}
.room_tit .enter:hover {
    background: #d71221;
    color: #fff;
    transition: all 0.5s ease 0s;
}
.hous_show {
    width: 120px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-size: 14px;
    border-radius: 15px;
    display: block;
    margin: 33px auto;
    background: #d80c18;
    border: 1px solid #d80c18;
    text-align: center;
    transition: all 0.5s ease 0s;
}
.hous_show:hover {
    background: none;
    color: #d80c18;
    transition: all 0.5s ease 0s;
}
.hous_right {
    float: right;
    width: 285px;
}
.manager {
    background: #fff;
    margin-bottom: 15px;
    padding-bottom: 18px;
}
.manager h3 {
    height: 66px;
    line-height: 66px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    font-size: 20px;
    overflow: hidden;
    margin-bottom: 15px;
}
.manager .hous_img {
    display: block;
    width: 108px;
    height: 108px;
    margin: 0 auto;
}
.manager .hous_img img {
    width: 108px;
    height: 108px;
    border-radius: 108px;
    border: 3px solid #d80c18
}
.manager em {
    height: 38px;
    line-height: 38px;
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    color: #4a4a4a;
}
.manager i {
    display: block;
    overflow: hidden;
    text-align: center;
    height: 24px;
    line-height: 24px;
    color: #d71620;
    font-size: 14px;
}
.manager p {
    display: block;
    overflow: hidden;
    text-align: center;
    height: 24px;
    line-height: 24px;
    color: #2b2b2b;
    font-size: 14px;
}
.make {
    background: #fff;
    padding-bottom: 20px;
}
.make h3 {
    height: 66px;
    line-height: 66px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    font-size: 20px;
    overflow: hidden;
    margin-bottom: 15px;
}
.make_txt {
    width: 230px;
    height: 36px;
    border: 2px solid #ededed;
    background: none;
    padding-left: 6px;
    margin: 0 auto 12px;
    display: block;
}
.make_sub {
    font-size: 16px;
    color: #fff;
    width: 238px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #d13939;
    border: 1px solid #d13939;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    margin-bottom: 12px;
    transition: all 0.5s ease 0s;
}
.make_sub:hover {
    background: none;
    color: #d13939;
    transition: all 0.5s ease 0s;
}
.make p {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    color: #5b5b5b
}
.make p i {
    color: #dd2938;
}
.guess {
    background: #fff;
    padding: 30px 26px 58px 10px;
}
.guess h3 {
    height: 52px;
    line-height: 52px;
    font-size: 24px;
    color: #0a0a0a;
    margin-bottom: 20px;
}
.honor_img {
    margin-left: -30px;
    display: none;
}
.honor_img li {
    float: left;
    margin-left: 30px;
    border: 1px solid #c6e3ff;
}
.honor_tab {
    text-align: center;
    height: 60px;
    line-height: 60px;
}
.honor_tab li {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #555555;
    margin: 0 3px;
    display: inline-block;
    cursor: pointer;
}
.honor_tab li.on {
    background: #d50c1a;
}
.rongyu_ul {
    height: 420px;
    width: 1200px;
    position: relative;
    overflow: hidden;
}
.rongyu_ul li {
    width: 10000px;
    position: absolute;
    left: 0;
    top: 0;
}
.rongyu_ul li span {
    float: left;
    margin-right: 44px;
    border: 1px solid #c6e3ff;
    display: block;
    width: 352px;
    height: 452px;
    transition: all 0.5s ease 0s;
    position: relative;
}
.rongyu_ul li span em {
    height: 70px;
    line-height: 70px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 20px;
    text-indent: 28px;
}
.rongyu_ul li span img {
    width: 352px;
    height: 452px;
    overflow: hidden;
}
.map {
    background: #fff;
    margin-bottom: 20px;
}
.map h3 {
    height: 52px;
    line-height: 52px;
    font-size: 24px;
    color: #0a0a0a;
    margin-top: 20px;
}
.map_left {
    float: left;
    width: 877px;
    height: 442px;
    overflow: hidden;
}
.map_left img {
    width: auto;
    height: auto;
    max-width: 100%;
    overflow: hidden;
}
.map_right {
    float: right;
    width: calc(25% - 20px);
    font-size: 16px;
    line-height: 30px;
    color: #363636;
    overflow: hidden;
    margin-left: 20px;
}
.map_right i {
    color: #d20000;
}
.map_top,
.map_center {
    margin-bottom: 30px;
}
.advantage {
    background: #fff;
    margin-bottom: 20px;
    padding: 25px 36px 40px;
    width: 898px;
    box-sizing: border-box;
}
.advantage h3 {
    height: 66px;
    line-height: 66px;
    font-size: 24px;
    color: #000000;
}
.evaluate {
    background: #fff;
    padding: 25px 36px 40px;
    margin-bottom: 20px;
    width: 898px;
    box-sizing: border-box;
}
.evaluate h3 {
    height: 66px;
    line-height: 66px;
    font-size: 24px;
    color: #000000;
}
.eval_div {
    position: relative;
    height: 212px;
    overflow: hidden;
}
.eval_srcoll {
    width: 712px;
    position: absolute;
    left: 50%;
    top: 0;
    overflow: hidden;
    height: 212px;
    margin-left: -356px;
}
.eval_srcoll li {
    float: left;
    width: 712px;
}
.eval_left {
    background: url(../images/adv_left.jpg) left top no-repeat;
    width: 17px;
    height: 31px;
    position: absolute;
    left: 0;
    top: 84px;
}
.eval_right {
    background: url(../images/adv_right.jpg) left top no-repeat;
    width: 17px;
    height: 31px;
    position: absolute;
    right: 0;
    top: 84px;
}
.eval_left:hover {
    background: url(../images/adv_left1.jpg) left top no-repeat;
}
.eval_right:hover {
    background: url(../images/adv_right1.jpg) left top no-repeat;
}
.meet_div {
    position: relative;
    height: 416px;
}
.meet_inner {
    width: 637px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.meet_ul li {
    float: left;
    width: 637px;
    overflow: hidden;
    position: relative;
    height: 416px;
}
.qua_hover {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    background: url(../images/quabj.png) left top;
    width: 100%;
}
.qua_left {
    float: left;
    color: #fff;
    font-size: 20px;
    color: #fff;
    text-indent: 20px;
}
.qua_right {
    float: right;
    color: #fff;
    font-size: 14px;
    padding-right: 48px;
    display: none;
}
.qua_right em {
    font-size: 16px;
    display: inline-block;
    padding: 0 2px;
}
.qua_right i {
    display: inline-block;
    padding: 0 2px;
}
.meet_left {
    position: absolute;
    right: 55px;
    bottom: 4px;
    font-size: 30px;
    color: #fff;
    z-index: 999999999;
}
.meet_right {
    position: absolute;
    right: 24px;
    bottom: 4px;
    font-size: 30px;
    color: #fff;
    z-index: 999999999;
}
.style h3 {
    padding: 46px 0 0 0;
}
.style_ul {
    margin-left: -64px;
}
.style_ul li {
    margin: 55px 0 0 70px;
    float: left;
    width: 350px;
    overflow: hidden;
}
.style_ul li span {
    width: 350px;
    height: 245px;
    overflow: hidden;
    display: block;
}
.style_ul li img {
    width: 350px;
    height: 245px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
.style_ul li:hover img {
    transition: all 0.5s ease 0s;
}
.style_ul li em {
    display: block;
    height: 40px;
    background: #e3e3e3;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #666666;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
.style_ul li:hover em {
    background: #c20a0a;
    color: #fff;
    transition: all 0.5s ease 0s;
}
.miao {
    display: block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 24px;
    margin: 40px 0 0px 0;
}
.ban {
    width: 793px;
    height: 750px;
    position: relative;
    margin: 10px auto 0 auto;
}
.ban2 {
    width: 728px;
    height: 509px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    border: 1px solid #c20a0a;
}
.ban2 ul {
    position: absolute;
    left: 0;
    top: 0;
}
.ban2 ul li {
    width: 728px;
    height: 509px;
}
.prev {
    float: left;
    cursor: pointer;
}
.num {
    height: 96px;
    overflow: hidden;
    width: 728px;
    position: relative;
    float: left;
    margin
}
.min_pic {
    padding-top: 10px;
    width: 790px;
    height: 96px;
    margin: 0 auto;
}
.num ul {
    position: absolute;
    left: 0;
    top: 0;
}
.num ul li {
    width: 139px;
    height: 96px;
    margin-right: 8px;
}
.num ul li.on {}
.prev_btn1 {
    width: 30px;
    text-align: center;
    height: 96px;
    margin-right: 1px;
    cursor: pointer;
    float: left;
}
.next_btn1 {
    width: 30px;
    text-align: center;
    height: 96px;
    cursor: pointer;
    float: left;
}
.prev1 {
    position: absolute;
    top: 220px;
    left: -50px;
    width: 28px;
    height: 42px;
    z-index: 9;
    cursor: pointer;
}
.next1 {
    position: absolute;
    top: 220px;
    right: -50px;
    width: 28px;
    height: 42px;
    z-index: 9;
    cursor: pointer;
}
.mhc {
    background: #000;
    width: 100%;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(Opacity=50);
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.pop_up {
    width: 500px;
    height: 500px;
    padding: 10px;
    background: #fff;
    position: fixed;
    -position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -255px;
    margin-top: -255px;
    display: none;
    z-index: 99;
}
.pop_up_xx {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -40px;
    right: 0;
    cursor: pointer;
}
.pop_up2 {
    width: 500px;
    height: 500px;
    position: relative;
    overflow: hidden;
}
.pop_up2 {
    width: 500px;
    height: 500px;
    position: relative;
    overflow: hidden;
    float: left;
}
.pop_up2 ul {
    position: absolute;
    left: 0;
    top: 0;
}
.pop_up2 ul li {
    width: 500px;
    height: 500px;
    float: left;
}

/* about */

.brand {
    background: url(../images/brandbj.jpg) center bottom no-repeat;
    padding-bottom: 140px;
}
.brand_top p > img {
    margin: 66px 0 0 30px;
    float: right;
}
.brand_bottom > p > img {
    float: left;
    margin: 0;
    margin-right: 30px;
}
.apt {
    background: url(../images/apt.jpg) center top no-repeat;
    height: 780px;
    background-size: cover;
}
.apt_tit {
    text-align: center;
    padding-top: 130px;
}
.deve_tit {
    text-align: center;
    padding: 73px 0 80px 0;
}
.deve_div {
    margin-left: -37px;
}
.deve_div dl {
    background: url(../images/devebj.jpg) right bottom no-repeat;
    margin-bottom: 104px;
    padding-bottom: 30px;
    width: 580px;
    margin-left: 37px;
    float: left;
}
.deve_div dt {
    float: left;
    width: 175px;
    margin-right: 15px;
}
.deve_div dd {
    float: left;
    width: 390px;
    line-height: 24px;
    color: #1d1d1d;
    font-size: 14px;
}
.apt_div {
    margin: 106px auto 0;
    width: 1200px;
    height: 207px;
    position: relative;
}
.apt_scroll {
    width: 1183px;
    height: 207px;
    position: absolute;
    left: 50%;
    margin-left: -598.5px;
    top: 0;
}
.apt_scroll li {
    float: left;
    text-align: center;
    box-sizing: border-box;
}
.apt_scroll li span {
    display: inline-block;
    padding: 6px;
    border: 1px solid #858585;
    overflow: hidden;
}
.apt_scroll li em {
    display: block;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 14px;
    color: #333333;
    overflow: hidden;
}
.apt_scroll li span img {
    width: 190px;
    height: 124px;
    overflow: hidden;
    transition: all 1s ease 0s;
}
.apt_left {
    background: url(../images/apt_left.png) left top no-repeat;
    display: block;
    width: 22px;
    height: 42px;
    overflow: hidden;
    position: absolute;
    left: -20px;
    top: 45px;
}
.apt_right {
    background: url(../images/apt_right.png) left top no-repeat;
    display: block;
    width: 22px;
    height: 42px;
    overflow: hidden;
    position: absolute;
    right: -20px;
    top: 45px;
}
.apt_scroll li:hover img {
    transition: all 1s ease 0s;
    transform: scale(1.4, 1.4);
}
.course_div {
    height: 675px;
    position: relative;
    background: url(../images/coursebj.jpg) center 307px repeat-x;
    margin-top: 100px;
}
.course_scorll {
    width: 1200px;
    height: 655px;
    position: absolute;
    left: 0px;
    top: 0;
    overflow: hidden;
}
.course_scorll ul {
    width: 10000px;
}
.course_scorll ul li {
    float: left;
    width: 255px;
    margin-right: 50px;
}
.course_box {
    position: relative;
    width: 230px;
}
.course_box span {
    display: block;
    width: 217px;
    height: 158px;
    overflow: hidden;
    margin-bottom: 5px;
}
.course_box span img {
    width: 217px;
    height: 158px;
    overflow: hidden;
}
.course_zi {
    line-height: 24px;
    font-size: 14px;
    color: #333333;
    padding-right: 5px;
    width: 210px;
    overflow: hidden;
}
.course_box .course_em {
    position: absolute;
    right: -21px;
    top: 158px;
    background: url(../images/tu.png) center top no-repeat;
    width: 69px;
    height: 140px;
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #c20a0a;
    padding-top: 67px;
    text-indent: 13px;
}
.course_inner {
    padding-top: 404px;
}

/*.course_inner .course_em{ position: absolute; right: 1px; top: 271px ;background:url(../images/tu1.png) center top no-repeat; width:23px; height:140px; display:block; font-size:18px; font-weight:bold; color:#c20a0a; padding-top:50px; text-indent:-11px; }*/

.course_inner .course_em {
    position: absolute;
    right: -38px;
    top: 265px;
    background: url(../images/tu1.png) 7px top no-repeat;
    width: 69px;
    height: 140px;
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #c20a0a;
    padding-top: 50px;
    text-align: center;
    text-indent: -17px;
}
.course_left {
    position: absolute;
    left: 0;
    top: 295px;
    width: 22px;
    height: 22px;
    display: block;
    background: url(../images/course_left.png) left top no-repeat;
}
.course_right {
    position: absolute;
    right: 0;
    top: 295px;
    width: 22px;
    height: 22px;
    display: block;
    background: url(../images/course_right.png) left top no-repeat;
}
.friend {
    padding: 40px 0;
}
.friend ul {
    margin-left: -32px;
}
.friend li {
    margin-left: 32px;
    width: 214px;
    float: left;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.friend li a {
    width: 212px;
    height: 68px;
    display: block;
    overflow: hidden;
}
.friend li a img {
    width: 212px;
    height: 68px;
    overflow: hidden;
    transition: all 1s ease 0s;
}
.friend li a:hover img {
    transition: all 1s ease 0s;
    transform: scale(1.1, 1.1)
}
.server_main {
    width: 1200px;
    margin: 65px auto 0;
    position: relative;
    background: #fff;
}
.server_con {
    padding: 39px 34px;
}
.server_img_lf {
    width: 473px;
    height: 250px;
    float: left;
}
.server_txt_rh {
    width: 600px;
    float: right;
}
.server_txt_rh span {
    display: block;
    font: 24px/50px 'Microsoft YaHei';
    color: #d70c19;
    padding-top: 20px;
}
.server_txt_rh p {
    font: 16px/30px 'Microsoft YaHei';
    color: #666666;
    padding-top: 33px;
}
.apply_pop {
    display: block;
    width: 150px;
    height: 40px;
    text-align: center;
    font: 16px/40px 'Microsoft YaHei';
    color: #fff;
    background: #d70c19;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    position: absolute;
    right: 0;
    top: -53px;
    border: 1px solid #d70c19;
    transition: all 0.5s ease 0s;
}
.apply_pop:hover {
    background: none;
    color: #d70c19;
    transition: all 0.5s ease 0s;
}
.anchors_list {
    width: 1100px;
    padding: 25px 50px 0;
    margin: 30px auto 40px;
    background: #fff;
}
.anchors_list .anchors_tit {
    display: block;
    height: 38px;
    font: 24px/38px 'Microsoft YaHei';
    color: #333333;
    border-left: #d70c19 solid 5px;
    padding-left: 12px;
    margin-left: -16px;
}
.anchors_box {
    border-top: #d2d2d2 solid 1px;
    margin-top: 8px;
}
.anchors_box ul {
    padding-bottom: 30px;
}
.anchors_box li {
    float: left;
    margin-left: 73px;
}
.anchors_box li:first-child {
    margin: 0;
}
.anchors_box {
    padding: 60px 0;
    text-align: center;
}
.share_box {
    border-top: #d2d2d2 solid 1px;
    margin-top: 8px;
    padding-bottom: 20px;
}
.share_left {
    width: 520px;
    float: left;
    padding: 28px 0 0 0;
}
.share_right {
    width: 551px;
    float: right;
    padding: 70px 0 0 0;
    line-height: 24px;
    color: #666666;
    font-size: 14px;
}
.patent_box {
    border-top: #d2d2d2 solid 1px;
    margin-top: 8px;
    padding: 40px 0 20px;
}
.patent_box li {
    width: 33.3%;
    text-align: center;
    float: left;
}
.jr_box {
    border-top: #d2d2d2 solid 1px;
    margin-top: 8px;
    padding: 65px 0 30px 0;
}
.jr_box li {
    width: 25%;
    float: left;
    text-align: center;
}
.shen_see {
    display: block;
    float: right;
    margin: 12px 0;
    width: 150px;
    height: 40px;
    text-align: center;
    font: 16px/40px 'Microsoft YaHei';
    color: #fff;
    background: #d70c19;
    border-radius: 5px;
    border: 1px solid #d70c19;
}
.shen_see:hover {
    background: none;
    color: #d70c19;
    transition: all 0.5s ease 0s;
}
.fin_ul {
    margin-left: -36px;
}
.fin_ul li {
    margin: 0 0 38px 36px;
    width: 580px;
    float: left;
    padding: 23px 30px 0;
    box-sizing: border-box;
    background: #fff;
}
.fin_ul li h3,
.consult h3,
.zc_list h3,
.process h3 {
    background: url(../images/fin_house.jpg) left center no-repeat;
    height: 52px;
    line-height: 52px;
    border-bottom: 1px solid #dcdcdc;
    color: #d70c19;
    font-size: 24px;
    padding-left: 48px;
}
.fin_ul li em {
    display: block;
    height: 226px;
    line-height: 226px;
    text-align: center;
    overflow: hidden;
}
.fin_ul li em img {
    width: auto;
    height: auto;
    max-width: 100%
}
.fin_ul li .fin_div {
    height: 148px;
    overflow: hidden;
    color: #666666;
    line-height: 30px;
    font-size: 14px;
    margin-bottom: 15px;
}
.fin_see {
    width: 80px;
    height: 26px;
    display: block;
    background: url(../images/fin6.jpg) left center no-repeat;
    margin-bottom: 30px;
    float: right;
}
.consult {
    padding: 24px 30px 62px;
    background: #fff;
    margin-bottom: 40px;
}
.consult_ul {
    padding: 42px 0 63px 0;
}
.consult_ul li {
    width: 33.3%;
    float: left;
    text-align: center;
}
.consult_ul li em {
    height: 44px;
    line-height: 44px;
    font-size: 24px;
    color: #333;
    overflow: hidden;
    margin-bottom: 15px;
    display: block;
}
.consult_ul li p {
    /*height: 28px; line-height: 28px;*/
    font-size: 16px;
}
.consult_div {
    padding-top: 25px;
}
.consult_div a {
    display: inline-block;
    margin: 0 12px;
}
.consult_ul li p a {
    margin: 0 15px;
}
.zc_list {
    padding: 24px 30px 10px;
    background: #fff;
    margin-bottom: 40px;
}
.zc_ul {
    padding: 26px 0;
}
.zc_ul li {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding-left: 22px;
    background: url(../images/list.jpg) left center no-repeat;
    height: 35px;
}
.zc_ul li a {
    display: block;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
.zc_ul li a:hover {
    color: #d70c19;
    transition: all 0.5s ease 0s;
}
.process {
    padding: 24px 30px 10px;
    background: #fff;
    margin-bottom: 40px;
}
.cess_ul {
    background: url(../images/cessbj.jpg) 250px 76px no-repeat;
    padding: 60px 0
}
.cess_ul li {
    width: 25%;
    float: left;
    text-align: center;
}
.poli_see {
    width: 104px;
    height: 28px;
    line-height: 28px;
    float: left;
    background: #d70c19;
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: block;
    margin: 20px 0 50px 0;
    border: 1px solid #d70c19;
    transition: all 0.5s ease 0s;
}
.poli_see:hover {
    background: none;
    color: #d70c19;
    transition: all 0.5s ease 0s;
}
.fle_see {
    margin: 50px auto 0;
    border: 1px solid #c20a0a;
    height: 38px;
    transition: all 0.5s ease 0s;
    line-height: 38px;
    width: 218px;
    text-align: center;
    background: #c20a0a;
    color: #fff;
    font-size: 18px;
    border-radius: 10px;
    display: block;
}
.fle_see:hover {
    background: none;
    color: #c20a0a;
    transition: all 0.5s ease 0s;
}
.join_form {
    padding: 98px 0 0 0px;
    width: 670px;
    margin: 0 auto
}
.join_form h3 {
    text-align: center;
    margin-bottom: 93px;
}
.join_div {
    margin-bottom: 24px;
    overflow: hidden;
}
.join_div em {
    display: block;
    width: 150px;
    text-align: right;
    font-synthesis: 16px;
    color: #333;
    height: 42px;
    line-height: 42px;
    float: left;
}
.join_div .join_txt {
    width: 340px;
    height: 38px;
    line-height: 38px;
    padding-left: 7px;
    border: 1px solid #dcdcdc;
    margin-left: 20px;
    float: left;
}
.join_sub {
    transition: all 0.5s ease 0s;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #c20a0a;
    border-radius: 20px;
    margin: 0 0 150px 170px;
    border: 1px solid #c20a0a;
    display: block;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    width: 348px;
}
.join_sub:hover {
    background: none;
    color: #c20a0a;
    transition: all 0.5s ease 0s;
}
.check {
    margin: 0 10px 0 170px
}
.join_div span {
    color: #666666;
}
.begin .assets_word {
    padding: 10px 0;
}
.begin .zhonggong {
    padding-top: 50px;
    text-align: center;
}

/*.begin .zhonggong img{ height: 380px; width:auto }*/

.begin .index_add {
    height: 50px;
    line-height: 50px;
}
.begin .link_top {
    margin: 5px 0;
    height: 212px;
}
.begin .linktop_scroll {
    height: 212px;
}
.begin .link_bottom {
    margin-top: 5px;
}
.begin .search {
    margin-right: 10px;
}
.begin .all {
    margin-right: 10px;
}
.begin .nav li a {
    padding: 0 7px;
}
.begin .apt_left {
    left: -6px;
}
.begin .apt_right {
    right: -9px;
}
.begin .section7 .index_tit span {
    margin-bottom: 30px;
}
.begin h1 {
    margin: 13px 0 0 10px;
}
.begin h1 img {
    height: auto;
}
.index_head {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 999999
}
.apt_inner {
    width: 1218px;
}
.begin .nav {
    margin: 17px 10px 0 15px
}
.begin .ass_ul li span {
    overflow: hidden;
}
.begin .assets {
    top: 57%;
}
.begin .index_box {
    top: 57%;
}
.begin .ser_ul {
    margin-bottom: 20px;
}
.begin .fuwu_ul {
    margin-bottom: 20px;
}
.begin .in_left {
    text-align: center
}
.begin .in_left img {
    height: 380px;
}
.begin .in_right img {
    height: 360px;
}
.begin .cond {
    height: 380px;
    overflow: hidden;
}
.begin .section5 .index_box {
    top: 56%;
}
.begin .linkbot_scroll li a {
    margin-bottom: 5px;
}
.begin .assets_scroll {
    /*overflow: hidden;*/
}
.begin .tec-li .tec-med .i-tec-tips {
    margin-bottom: 3px;
}
.ser_pop {
    display: block;
    width: 150px;
    height: 40px;
    text-align: center;
    font: 16px/40px 'Microsoft YaHei';
    color: #fff;
    background: #d70c19;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border: 1px solid #d70c19;
    transition: all 0.5s ease 0s;
    margin: 20px auto 0;
    clear: both;
}
.ser_pop:hover {
    transition: all 0.5s ease 0s;
    background: none;
    color: #d70c19
}
.active .exp_ul li:nth-child(1) {
    -webkit-animation: fadeInUp 1s linear 0.2s both;
    animation: fadeInUp 1s ease 0.2s both;
}
.active .exp_ul li:nth-child(2) {
    -webkit-animation: fadeInUp 1s linear 0.3s both;
    animation: fadeInUp 1s ease 0.3s both;
}
.active .exp_ul li:nth-child(3) {
    -webkit-animation: fadeInUp 1s linear 0.4s both;
    animation: fadeInUp 1s ease 0.4s both;
}
.active .exp_ul li:nth-child(4) {
    -webkit-animation: fadeInUp 1s linear 0.5s both;
    animation: fadeInUp 1s ease 0.5s both;
}
.active .exp_ul li:nth-child(5) {
    -webkit-animation: fadeInUp 1s linear 0.6s both;
    animation: fadeInUp 1s ease 0.6s both;
}
.active .index_tit {
    -webkit-animation: fadeInUp 1s linear 0.2s both;
    animation: fadeInUp 1s ease 0.2s both;
}
.active .assets_word,
.active .zhonggong,
.active .index_add,
.active .link_top {
    -webkit-animation: fadeInUp 1s linear 0.4s both;
    animation: fadeInUp 1s ease 0.4s both;
}
.active .cond,
.active .link_bottom {
    -webkit-animation: fadeInUp 1s linear 0.6s both;
    animation: fadeInUp 1s ease 0.6s both;
}
.exp_ul li .exp_i4,
.exp_ul li .exp_i2 {
    background: url(../images/jia.png) left top no-repeat
}
.exp_ul li .exp_i3 {
    background: url(../images/xiang.png) left top no-repeat
}
.active .in_left,
.active .phone_left {
    -webkit-animation: bounceInLeft 1s linear 0.4s both;
    animation: bounceInLeft 1s ease 0.4s both;
}
.active .in_right {
    -webkit-animation: bounceInRight 1s linear 0.4s both;
    animation: bounceInRight 1s ease 0.4s both;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(40px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
.background {
    background: url(../images/background.png) left top;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 99999999;
}
.ask {
    display: none;
    width: 534px;
    position: fixed;
    left: 50%;
    margin-top: -273px;
    top: 50%;
    margin-left: -267px;
    background: #fff;
    border-radius: 10px;
    padding: 0 100px;
    box-sizing: border-box;
    z-index: 999999999;
}
.ask h3 {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    height: 102px;
    line-height: 102px;
}
.aks_div {
    border-radius: 5px;
    border: 1px solid #d2d4dc;
    width: 330px;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    margin-bottom: 27px;
}
.aks_div em {
    display: block;
    float: left;
}
.ask_txt {
    width: 280px;
    float: right;
    border: none;
    background: none;
    font-size: 14px;
    padding-left: 8px;
    height: 48px;
    line-height: 48px;
    color: #666666;
}
.aks_text {
    height: 150px;
    padding: 16px 0 0 8px;
    border: none;
    background: none;
    font-size: 14px;
    color: #666666;
    resize: none;
    border-radius: 5px;
    border: 1px solid #d2d4dc;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 27px;
}
.aks_sub {
    width: 330px;
    height: 48px;
    line-height: 48px;
    background: #d70c19;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    border: 1px solid #d70c19;
    border-radius: 5px;
    transition: all 0.5s ease 0s;
    margin-bottom: 27px;
}
.map_right .aks_div {
    width: auto;
}
.map_right .ask_txt {
    width: auto;
    float: unset;
}
.map_right .aks_sub {
    width: 100%;
}
.aks_sub:hover {
    background: none;
    color: #d70c19;
    transition: all 0.5s ease 0s;
}
.ask .close {
    background: url(../images/close.jpg) left top no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
}
.pub_word {
    width: 100%;
    height: auto;
    padding-bottom: 30px;
}
.pub_word .acti_div {
    height: auto;
}
.build_info {
    height: auto;
    padding-bottom: 50px;
}
.right_ul {
    position: fixed;
    right: 20px;
    top: 50%;
    height: 290px;
    margin-top: -145px;
    z-index: 999999999999999999999999999;
}
.right_ul li {
    margin: 0px 0 7px 0;
    cursor: pointer;
}
.right_ul li a {
    border-radius: 12px;
    width: 12px;
    height: 12px;
    display: block;
    background: #898989;
    font-family: Arial;
    position: relative;
    margin: 0 auto;
}
.right_ul li a.qq {
    width: 40px;
    height: 40px;
    background: #b72e2e;
    text-align: center;
    line-height: 40px;
}
.right_ul li a.on {
    background: none;
    width: 40px;
    text-align: center;
}
.right_ul li a .qq_what {
    position: absolute;
    left: -109px;
    top: -24px;
    display: none;
}
.right_ul li a .qq_call {
    position: absolute;
    left: -109px;
    top: 7px;
    color: #ab0000;
    display: none;
}
.right_ul li .weixin:hover .qq_what {
    display: block;
}
.right_ul li .dianhua:hover .qq_call {
    display: block;
}
.right_ul li em {
    color: #ab0000;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    display: block;
    float: right;
    margin-left: 10px;
    display: none;
}
.right_ul li em i {
    background: url(../images/dian.jpg) left center no-repeat;
    width: 5px;
    height: 5px;
    display: inline-block;
    margin: 0 5px;
}
.right_ul li.active a {
    height: 35px;
    background: #ab0000;
}
.banner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1200px;
    text-align: center
}
.banner .zi1 {
    margin-bottom: 28px;
}
.banner .zi2 {
    margin-bottom: 20px;
}
.zi1 p {
    font-size: 60px;
    color: #da0c0d;
    font-family: '华文细黑';
}
.zi2 p {
    font-size: 30px;
    color: #b00404;
    font-family: '华文细黑';
}
.flex-active-slide .zi1,
.active .flex-active-slide .zi1 {
    -webkit-animation: fadeInUp 1s linear 0.1s both;
    animation: fadeInUp 1s ease 0.1s both;
}
.flex-active-slide .zi2,
.active .flex-active-slide .zi2 {
    -webkit-animation: fadeInUp 1s linear 0.3s both;
    animation: fadeInUp 1s ease 0.3s both;
}
.flex-active-slide .zi3,
.active .flex-active-slide .zi3 {
    -webkit-animation: fadeInUp 1s linear 0.5s both;
    animation: fadeInUp 1s ease 0.5s both;
}
.flex-active-slide .banner_see,
.active .flex-active-slide .banner_see {
    -webkit-animation: fadeInUp 1s linear 0.7s both;
    animation: fadeInUp 1s ease 0.7s both;
}
.banner_see {
    margin: 40px auto 0;
    display: block;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
.phnav {
    background: url(../images/navph.png) left top no-repeat;
    width: 34px;
    height: 22px;
    position: absolute;
    right: 15px;
    top: 42px;
    z-index: 999999999999999999999999;
    display: block;
}
#phone {
    width: 100%;
    position: absolute;
    background: #d30000;
    left: 0;
    top: 69px;
    z-index: 999999999999999;
    margin: 0;
    display: none;
}
#phone li {
    height: 38px;
    line-height: 38px;
    text-align: center;
    float: none;
    width: 100%;
    margin: 0;
}
#phone li a {
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.foot_recu {
    padding: 0px 0 0px 0px;
    display: none;
}
.foot_recu ul {
    cursor: pointer;
}
.foot_pos dd li {
    line-height: 42px;
    color: #333;
    height: 42px;
    padding-left: 20px;
    font-size: 14px;
    position: relative;
    background: #191414;
    color: #fff;
    border-bottom: 1px solid #616161;
}
.foot_con p,
.foot_con a {
    display: block;
    height: 38px;
    line-height: 38px;
    background: #dcdcdc;
    border-bottom: 1px solid #bcbcbc;
    text-indent: 20px;
}
.foot_con {
    display: none;
}
.foot_pos li .jia {
    position: absolute;
    top: 17px;
    right: 10px;
    background: url(../images/shang.png) left center no-repeat;
    width: 18px;
    height: 9px;
}
.foot_recu dd .act li {
    color: #fff;
}
.foot_recu dd .act li .jia {
    position: absolute;
    top: 17px;
    right: 10px;
    background: url(../images/xia.png) left center no-repeat;
    width: 18px;
    height: 9px;
}
.hi-icon {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    cursor: default;
}
.hi-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hi-icon:before {
    font-family: 'ecoicon';
    speak: none;
    font-size: 48px;
    line-height: 140px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}
.hi-icon-effect-4 .hi-icon {
    width: 140px;
    height: 140px;
    line-height: 140px;
}
.hi-icon-effect-4a .hi-icon {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}
.hi-icon-effect-4 .hi-icon:before {
    line-height: 140px;
}
.hi-icon-effect-4 .hi-icon:after {
    top: -4px;
    left: -4px;
    padding: 0;
    z-index: 10;
    border: 4px dashed #c20a0a;
}
.hi-icon-effect-4 .hi-icon:after {
    box-shadow: 0 0 0 0 rgba(194, 10, 10, 0);
    color: #fff;
}

/* Effect 4b */

.hi-icon-effect-4b .hi-icon::after {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}
.hi-icon-effect-4b .hi-icon:after {
    -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite;
}
@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(30px)
    }
    80% {
        -moz-transform: translateX(-10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(-30px)
    }
    80% {
        -moz-transform: translateX(10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}
.active .ser_ul li:nth-child(1) {
    -webkit-animation: bounceIn 1s linear 0.2s both;
    animation: bounceIn 1s ease 0.2s both;
}
.active .ser_ul li:nth-child(2) {
    -webkit-animation: bounceIn 1s linear 0.3s both;
    animation: bounceIn 1s ease 0.3s both;
}
.active .ser_ul li:nth-child(3) {
    -webkit-animation: bounceIn 1s linear 0.4s both;
    animation: bounceIn 1s ease 0.4s both;
}
.active .ser_ul li:nth-child(4) {
    -webkit-animation: bounceIn 1s linear 0.5s both;
    animation: bounceIn 1s ease 0.5s both;
}
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.05)
    }
    70% {
        -moz-transform: scale(.9)
    }
    100% {
        -moz-transform: scale(1)
    }
}
.zhonggong {
    padding-top: 90px;
}
.zhong_left {
    position: absolute;
    left: 0;
}
.zhong_zi {
    line-height: 36px;
    color: #333;
    font-size: 24px;
    width: 540px;
    margin-bottom: 20px;
}
.zhong_right {
    float: right;
    padding-top: 40px;
}
.zhong_img {
    width: 396px;
    height: 396px;
    position: relative;
}
.active .zhong_one {
    background: url(../images/pic1.png) left top no-repeat;
    width: 396px;
    height: 396px;
    transition: all 2s ease 0s;
    -webkit-animation: spinAround 2s linear;
    -webkit-pulse-fill-mode: both;
}
.active .zhong_two {
    background: url(../images/pic2.png) left top no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -92px;
    margin-left: -92px;
    z-index: 9999;
    width: 184px;
    height: 184px;
}
.active .zhong_right {
    -webkit-animation: bounceInRight 1s linear 0.4s both;
    animation: bounceInRight 1s ease 0.4s both;
}
.active .zhong_left {
    -webkit-animation: bounceInLeft 1s linear 0.4s both;
    animation: bounceInLeft 1s ease 0.4s both;
}
@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

/*.begin .zhong_left img{ height:290px;}*/

.begin .zhong_img {
    width: 240px;
    height: 240px;
}
.begin .zhong_one {
    width: 240px;
    height: 240px;
    background-size: cover
}
.begin .zhong_two {
    width: 140px;
    height: 140px;
    margin-top: -70px;
    margin-left: -70px;
}
.begin .zhong_two img {
    width: 140px;
    height: 140px;
}
.phone_king {
    display: none;
}
.begin .counter {
    margin: 0;
}
.begin .zhong_right {
    padding-top: 0;
}
.begin .zhong_right img {
    height: 330px;
}
.begin .ass_ul li {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.05)
    }
    70% {
        -moz-transform: scale(.9)
    }
    100% {
        -moz-transform: scale(1)
    }
}
.phone_banner {
    display: none;
}
.section7 .index_tit {
    text-align: left;
}
.stardl dt {
    width: 200px;
    height: 180px
}
.stardl dt img {
    width: 200px;
    height: 180px
}
.stardl dd {
    width: 909px;
    padding: 0;
}
.fin_see {
    text-align: right;
    color: #d70c19;
    font-size: 20px;
    background: none;
}
.sys_ti {
    text-align: center;
    margin: 20px 0 0 0;
}
.active .ass_ul li {
    -webkit-animation: zoomIn 1s linear 0.1s both;
    animation: zoomIn 1s ease 0.1s both;
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}
.service-bar {
    width: 51px;
    height: 364px;
    position: fixed;
    right: 20px;
    top: 50%;
    margin-top: -152px;
    border-radius: 30px;
    z-index: 9999;
}
.service-cloumn li {
    position: relative;
    color: #fff;
    padding-left: 10px;
}
.service-cloumn li > a,
.sgotop {
    background: url(../images/sericon.png) no-repeat;
    display: block;
    width: 51px;
}
.service-cloumn li a {
    color: #fff;
}
.service-cloumn .kf-online > a {
    background-position: -70px 0;
    height: 76px;
}
.service-cloumn .telme > a {
    background-position: -70px -76px;
    height: 68px;
}
.service-cloumn .surprised > a {
    background-position: -70px -144px;
    height: 69px;
}
.service-cloumn .scan > a {
    background-position: -70px -213px;
    height: 67px;
    border-radius: 0 0 30px 30px;
}
.service-cloumn .kf-suggest > a {
    background-position: -70px -280px;
    height: 84px;
}
.service-cloumn .kf-online > a:hover {
    background-position: 0 0;
}
.service-cloumn .telme > a:hover {
    background-position: 0 -76px;
}
.service-cloumn .surprised > a:hover {
    background-position: 0 -144px;
}
.service-cloumn .scan > a:hover {
    background-position: 0 -213px;
}
.service-cloumn .kf-suggest > a:hover {
    background-position: 0 -280px;
}
.sameStyle {
    position: absolute;
    right: 50px;
    top: 0;
    border-radius: 10px;
    display: none;
}
.kf-online-box {
    background: #d70c19;
    padding: 15px;
    width: 160px;
}
.serTime {
    font-weight: 700;
    margin-bottom: 10px;
}
.kf-online-box a {
    text-decoration: underline;
}
.telme-box {
    background: #d70c19;
    padding: 15px;
    width: 200px;
}
.ct400 {
    margin-bottom: 5px;
}
.ct400 b {
    font-size: 20px;
}
.ct010 {
    font-weight: 700;
    margin-bottom: 15px;
}
.leave {
    font-weight: 700;
    margin-bottom: 8px;
}
.leaveMsg {
    margin-bottom: 10px;
}
.leaveMsg .text {
    width: 170px;
    height: 28px;
    line-height: 28px;
    background: #fff;
    border-radius: 4px 0 0 4px;
    border: none;
    padding: 0 0 0 5px;
}
.leaveMsg .cMe {
    width: 70px;
    height: 28px;
    background: #d70c19;
    color: #fff;
    font-weight: 700;
    border: none;
    border-radius: 0 4px 4px 0;
}
.reply {
    font-size: 12px;
}
.scanCode,
.suggest-box {
    background: #fff;
    padding: 10px;
}
.suggest-box {
    width: 180px;
    padding: 15px 10px;
}
.suggest-email,
.suggest-tel {
    margin-bottom: 8px;
}
.suggest-scan p {
    text-align: center;
    margin-top: 5px;
}
.suggest-scan {
    float: left;
    margin-left: 12px;
}
.service-cloumn li:hover .sameStyle {
    display: block;
}
.sgotop {
    background-position: 0 -371px;
    width: 51px;
    height: 51px;
    position: absolute;
    bottom: -112px;
    left: 10px;
    display: none;
}
.suggest-box {
    top: -50px;
}
.pf-shop-car {
    position: absolute;
    left: 10px;
    bottom: -56px;
    width: 51px;
    height: 51px;
    background: #e42e2e;
    border-radius: 50%;
}
.pf-car-icon {
    width: 51px;
    height: 51px;
    border-radius: 50%;
    background-position: -810px 12px;
}
.spa .style_ul {
    margin-left: -35px;
    padding-top: 0px;
}
.spa .style_ul li {
    margin: 40px 0 0 35px;
    float: left;
    width: 260px;
    border: 1px solid #ffffff;
    overflow: hidden;
}
.spa .style_ul li span {
    width: 260px;
    height: 286px;
    overflow: hidden;
    display: block;
}
.spa .style_ul li img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    object-fit: cover;
}
.spa .style_ul li:hover img {
    transition: all 0.5s ease 0s;
}
.spa .style_ul li em {
    display: block;
    height: 33px;
    text-align: left;
    background: none;
    line-height: 33px;
    font-size: 16px;
    color: #666;
    overflow: hidden;
    background: url(../images/king.png) left center no-repeat;
    padding-left: 20px;
    transition: all 0.5s ease 0s;
    font-weight: bold
}
.spa .spa_he {
    background: #e3e3e3;
    padding: 8px 20px;
    transition: all 0.5s ease 0s;
}
.spa .spa_he:hover {
    background: #d70c19;
    color: #fff;
    transition: all 0.5s ease 0s;
}
.spa .spa_he i {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #666;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
.spa .spa_he:hover i,
.spa .spa_he:hover em {
    color: #fff;
    transition: all 0.5s ease 0s;
}
.kongjian {
    background: #fff;
}
.ser_list {
    margin: 0;
}
.ser_list li {
    margin-left: 20px;
    width: 520px;
    padding: 23px 20px;
    box-sizing: border-box;
}
.ser_list li em {
    height: 100px;
    line-height: 100px;
}
.ser_list li h3 {
    background: none;
    margin-bottom: 30px;
    padding: 0;
}
.ser_list li .fin_div {
    padding-top: 20px;
}
.poli_qq {
    float: right;
}
.poli_see {
    margin-bottom: 10px;
}
.style_ul li video {
    width: 100%;
}
.anchors_box img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.adv_dl {
    border-bottom: 1px dashed #d2d2d2;
    padding-top: 15px;
}
.adv_dl.on {
    border: none;
}
.adv_dl dt {
    float: left;
    width: 100px;
    color: #959595;
    font-size: 16px;
}
.adv_dl dd {
    width: 725px;
    float: left;
}
.adv_dl dd li {
    width: 16.6%;
    float: left;
    margin-bottom: 15px;
    text-align: center;
}
.adv_dl dd li span {
    display: block;
}
.adv_dl dd li span img {
    width: 69px;
    height: 69px;
    border-radius: 69px;
    border: 1px solid #959595;
}
.adv_dl dd li em {
    display: block;
    height: 36px;
    line-height: 36px;
    color: #252525;
    font-size: 14px;
    overflow: hidden;
}
.rongyu_ul li span {
    width: 271px;
    margin: 0 60px;
    text-align: center;
    height: 400px;
    border: none;
}
.rongyu_ul li span img {
    width: 271px;
    height: 400px;
    border: 1px solid #c6e3ff;
    box-sizing: border-box;
    object-fit: cover;
}
.stop_list li {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center
}
.stop_list li h3 {
    text-align: center;
}
.stop_list li .fin_div {
    height: auto;
}
.stop_list .poli_see {
    border-radius: 5px;
    margin: 0 10px 30px;
    display: inline-block;
    float: none
}
.bnt_left {
    background: url(../images/righta.png) left center no-repeat;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -45px;
    width: 50px;
    height: 90px;
    display: block;
}
.bnt_right {
    background: url(../images/lefta.png) left center no-repeat;
    position: absolute;
    right: -55px;
    top: 50%;
    margin-top: -45px;
    width: 50px;
    height: 90px;
    display: block;
}
.begin .assets_div {
    margin: 0 auto;
    margin-top: 30px;
}
.BMapLabel {
    display: none!important;
}
.mb_banner {
    display: none;
}
.pos-phone {
    position: fixed;
    bottom: 10%;
    right: 8px;
    width: 40px;
    height: 40px;
    background: url(../images/phone.png) no-repeat;
    background-size: 100%;
    display: none;
    z-index: 1280;
}
@media screen and (min-width: 0) and (max-width: 479px) {
    .begin h1 img {
        height: 35px;
    }
    .phnav {
        top: 23px;
    }
}