@charset "utf-8";
* {
    margin: 0;
    padding: 0
}

body,
html {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 14px;
    background: #FFF;
    color: #3e3e3e;
    overflow-x: hidden
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
img,
input,
legend,
li,
ol,
pre,
td,
textarea,
th,
ul {
    border: medium none;
    margin: 0;
    padding: 0;
    outline: 0
}

body,
button,
input,
select,
textarea {
    font: 14px LatoLight, '寰蒋闆呴粦', "Microsoft YaHei", tahoma, Srial, helvetica, sans-serif;
    outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

li,
ol,
ul {
    list-style: none
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

p {
    margin: 0
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

tr {
    cursor: pointer
}

input {
    border: 0
}

textarea {
    resize: none;
    padding: 0
}

::selection {
    background: #A2060A;
    color: #fff
}

::-moz-selection {
    background: #A2060A;
    color: #fff
}

.clear {
    clear: both
}

.scroll_cs {
    position: fixed;
    top: 0;
    color: #000;
    font-size: 36px;
    z-index: 999;
    left: 0
}

.Hover_off {
    cursor: url(../images/hover.ico), crosshair
}

.scrollbar {
    padding-right: 5px;
    height: auto;
    overflow: auto
}

.scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 10px
}

.scrollbar::-webkit-scrollbar-button {
    background-color: #ababa7
}

.scrollbar::-webkit-scrollbar-track {
    background: #ababa7
}

.scrollbar::-webkit-scrollbar-track-piece {
    background: url(http://www.lyblog.net/wp/wp-content/themes/mine/img/stripes_tiny_08.png)
}

.scrollbar::-webkit-scrollbar-thumb {
    background: #1F99D6;
    border-radius: 4px
}

.scrollbar::-webkit-scrollbar-corner {
    background: #82AFFF
}

.scrollbar::-webkit-scrollbar-resizer {
    background: #FF0BEE
}

.content1200 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: auto;
    z-index: 2
}

.IEtips {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: url(../images/ieBG.png);
    display: none
}

.IEtips_Box {
    width: 1000px;
    background: #FAFAFA;
    height: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 -500px
}

.IEtips .Browser {
    margin-top: 35px
}

.IEtips .IEtips_title {
    font-size: 36px;
    width: 80%;
    margin: 0 auto;
    padding-top: 35px
}

.IEtips .Browser ul {
    overflow: hidden;
    text-align: center;
    width: 80%;
    margin: 0 auto
}

.IEtips .Browser ul li {
    margin: 0 40px;
    text-align: center;
    width: 120px;
    float: left
}

.IEtips .Browser ul li img {
    width: 100px;
    margin: 0 auto
}

.IEtips .Browser ul li a,
.IEtips .Browser ul li span {
    display: inline-block;
    margin-top: 25px;
    color: #2570e1;
    font-size: 16px;
    transition: all .5s;
    -webkit-transition: all .5s
}

.IEtips .Browser ul li a:hover {
    color: #800886
}

.IEtips .brn_off {
    background: url(../images/brn_off.png);
    height: 32px;
    width: 32px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer
}

#navToggle {
    position: fixed;
    z-index: 101;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    display: none
}

#navToggle span {
    position: absolute;
    top: 0;
    display: block;
    width: 30px;
    height: 2px;
    left: 0;
    border: 0 solid #A80000;
    background-color: #A80000;
    -webkit-transition: top .2s .2s, background .2s, opacity 0s .2s, -webkit-transform .2s;
    transition: top .2s .2s, background .2s, opacity 0s .2s, -webkit-transform .2s;
    transition: top .2s .2s, transform .2s, background .2s, opacity 0s .2s;
    transition: top .2s .2s, transform .2s, background .2s, opacity 0s .2s, -webkit-transform .2s
}

#navToggle span:nth-of-type(2) {
    top: 15px
}

#navToggle span:nth-of-type(3) {
    top: auto;
    bottom: 0;
    -webkit-transition: bottom .2s .2s, background .2s, -webkit-transform .2s;
    transition: bottom .2s .2s, background .2s, -webkit-transform .2s;
    transition: bottom .2s .2s, transform .2s, background .2s;
    transition: bottom .2s .2s, transform .2s, background .2s, -webkit-transform .2s
}

#navToggle.expanded:hover {
    border-color: #fff
}

#navToggle.expanded {
    border-color: #aaa
}

#navToggle.expanded:hover span {
    transform: scale(.9)
}

#navToggle.expanded span:nth-of-type(1) {
    top: 15px;
    transform: rotate(45deg);
    transition: top .2s, transform .2s .2s, background .2s;
    -webkit-transform: rotate(45deg);
    -webkit-transition: top .2s, -webkit-transform .2s .2s, background .2s
}

#navToggle.expanded span:nth-of-type(2) {
    opacity: 0;
    transition: opacity .2s;
    -webkit-transition: opacity .2s
}

#navToggle.expanded span:nth-of-type(3) {
    bottom: 14px;
    transform: rotate(-45deg);
    transition: bottom .2s, transform .2s .2s, background .2s;
    -webkit-transform: rotate(-45deg);
    -webkit-transition: bottom .2s, -webkit-transform .2s .2s, background .2s
}

#mobileNav.expanded {
    display: block;
    top: 0
}

#mobileNav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transition: cubic-bezier(.92, .1, .25, 1) .8s;
    -webkit-transition: cubic-bezier(.92, .1, .25, 1) .8s
}

#mobileNav.cur {
    transform: translateY(0);
    -webkit-transform: translateY(0)
}

#mobileNav ul {
    margin-top: 72px;
    background: #A80000
}

#mobileNav ul li {
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #8c1114;
    border-top: 1px solid #e4363b
}

#mobileNav ul li a {
    display: block;
    height: 100%;
    color: #fff
}

.in-banner {
    position: relative;
    background-attachment: fixed;
    background-size: auto 85%;
    width: 100%;
    height: 85vh;
    z-index: 5;
    background-position: top
}

.in-banner .img {
    width: 100%;
    position: absolute;
    top: 0;
    background: #000;
    height: 100%;
    opacity: .6;
    filter: alpha(opacity=60);
    z-index: -1
}

.in-banner .img.coo {
    opacity: 0;
    filter: alpha(opacity=0)
}

.Top-phoneNumber {
    position: fixed;
    top: 0;
    width: 100%;
    height: 30px;
    background: #131313;
    line-height: 30px;
    z-index: 16
}

.Top-phoneNumber .PNbox {
    font-size: 12px;
    color: rgba(255, 255, 255, .3);
    width: 320px;
    float: right;
    line-height: 30px
}

.Top-phoneNumber .Number {
    font-size: 18px;
    color: rgba(255, 255, 255.6);
    margin-left: 15px
}

.header {
    height: auto;
    position: fixed;
    top: 30px;
    width: 100%;
    left: 0;
    z-index: 100;
    padding: 10px 0;
    transition: all .6s;
    -webkit-transition: all .6s;
    padding: 10px 0
}

.header.active {
    background: rgba(0, 0, 0, .7);
    top: 30px
}

.header h1 {
    position: relative;
    width: 245px;
    margin-left: 2%;
    float: left
}

.header h1 a {
    width: 100%;
    display: block
}

.header h1 a img {
    width: 100%
}

.header .nav {
    float: right;
    margin-right: 2%;
    margin-top: 12px
}

.header .nav ul li {
    position: relative;
    float: left;
    transition: all .5s;
    -webkit-transition: all .5s
}

.header .nav ul li:before {
    position: absolute;
    content: '';
    left: 5%;
    width: 0;
    bottom: 0;
    height: 2px;
    background: #b7060b;
    transition: all .5s;
    -webkit-transition: all .5s
}

.header .nav ul li.active:before,
.header .nav ul li:hover:before {
    width: 90%
}

.header .nav ul li:after {
    content: '/';
    position: absolute;
    left: -4px;
    top: 0;
    opacity: .15;
    filter: alpha(opacity=15);
    color: #fff
}

.header .nav ul li:first-child:after {
    display: none
}

.header .nav ul li a {
    font-size: 14px;
    color: #fff;
    display: block;
    width: 116px;
    text-align: center;
    line-height: 30px
}

.banner .banner-text {
    position: absolute;
    z-index: 15;
    width: 679px;
    height: 364px;
    left: 50%;
    top: 50%;
    margin: -182px 0 0 -340px
}

.banner .banner-text .line {
    background: rgba(255, 255, 255, .7);
    position: absolute
}

.banner .banner-text .line.line-right {
    right: 0;
    top: 0;
    height: 0%;
    width: 4px;
    transition: all .9s;
    -webkit-transition: all .9s;
    transition-delay: 3.3s;
    -webkit-transition-delay: 3.3s
}

.banner .banner-text .line.line-top {
    top: 0;
    left: 0;
    width: 0;
    height: 4px;
    transition: all 1.2s;
    -webkit-transition: all 1.2s;
    transition-delay: 2.1s;
    -webkit-transition-delay: 2.1s
}

.banner .banner-text .line.line-left {
    left: 0;
    bottom: 0;
    width: 4px;
    height: 0%;
    transition: all .6s;
    -webkit-transition: all .6s;
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s
}

.banner .banner-text .line.line-bottom {
    bottom: 0;
    height: 4px;
    right: 0;
    width: 0;
    transition: all 1.2s;
    -webkit-transition: all 1.2s;
    transition-delay: .3s;
    -webkit-transition-delay: .3s
}

.banner .banner-text .line.line-right2 {
    right: 0;
    top: 75%;
    height: 0%;
    width: 4px;
    transition: all .3s;
    -webkit-transition: all .3s
}

.banner .banner-text .line.cur.line-bottom {
    width: 100%
}

.banner .banner-text .line.cur.line-top {
    width: 100%
}

.banner .banner-text .line.cur.line-left {
    height: 100%
}

.banner .banner-text .line.cur.line-right {
    height: 60%
}

.banner .banner-text .line.cur.line-right2 {
    height: 25%
}

.banner .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 8
}

.banner .video {
    position: absolute;
    top: -16%;
    left: -20%;
    width: 140%;
    height: 140%;
    z-index: 10
}

.banner .video video {
    width: 100%
}

.banner .banner-tab {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    z-index: 15;
    height: 170px
}

.banner .banner-tab ul {
    height: 130px;
    width: 720px;
    left: 50%;
    margin-left: -360px;
    position: absolute;
    bottom: 0;
    height: 170px
}

.banner .banner-tab ul li {
    width: 180px;
    height: 170px;
    float: left;
    background: #fff;
    padding: 15px;
    position: relative;
    bottom: -40px;
    transition: all .5s;
    -webkit-transition: all .5s;
    cursor: pointer
}

.banner .banner-tab ul li span {
    display: block;
    position: absolute;
    z-index: 15
}

.banner .banner-tab ul li .cn {
    font-size: 18px;
    color: #dad8d8;
    left: 25px;
    bottom: 104px
}

.banner .banner-tab ul li .en {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    left: 25px;
    top: 75px;
    opacity: .5;
    filter: alpha(opacity=50)
}

.banner .banner-tab ul li:after {
    background: url(../images/banner-tab.jpg);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    transition: all .5s;
    -webkit-transition: all .5s;
    z-index: 5
}

.banner .banner-tab ul li:before {
    background: url(../images/activebanner-tab.jpg);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    transition: all .5s;
    -webkit-transition: all .5s;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .5s;
    -webkit-transition: all .5s;
    z-index: 6
}

.banner .banner-tab ul li.active:after {
    opacity: 0!important;
    filter: alpha(opacity=0)
}

.banner .banner-tab ul li.active:before {
    opacity: 1!important;
    filter: alpha(opacity=100)
}

.banner .banner-tab ul li.active .cn {
    color: #dad8d8!important
}

.banner .banner-tab ul li.active .en {
    color: #fff!important
}

.banner .bannert-img {
    height: 100%
}

.banner .bannert-img ul li.cur {
    filter: blur(10px)
}

.banner .bannert-img ul li.swiper-slide {
    z-index: 2
}

.banner .bannert-img ul li.swiper-slide-active {
    z-index: 5
}

.banner .bannert-img ul li img {
    width: 105%;
    height: 100%
}

@media screen and (min-width: 1201px) {
    .banner .banner-tab ul li.active,
    .banner .banner-tab ul li:hover {
        bottom: 0
    }
    .banner .banner-tab ul li:hover:after {
        opacity: 0;
        filter: alpha(opacity=0)
    }
    .banner .banner-tab ul li:hover .cn {
        color: #060001
    }
    .banner .banner-tab ul li:hover .en {
        color: #060001;
        opacity: .5;
        filter: alpha(opacity=50)
    }
}

.PageTitle {
    text-align: center;
    padding: 40px 0;
    font-family: "鏂板畫浣�"
}

.PageTitle span {
    display: block
}

.PageTitle span.cn {
    font-size: 30px;
    color: #1d1d1d
}

.PageTitle span.en {
    font-size: 18px;
    color: #1d1d1d;
    opacity: .4;
    filter: alpha(opacity=40);
    text-transform: uppercase;
    position: relative
}

.PageTitle span.en:after {
    background: #a19898;
    width: 80px;
    height: 2px;
    left: 50%;
    margin-left: -40px;
    position: absolute;
    content: '';
    bottom: -24px
}

.PageTitle P {
    margin-top: 10px;
    font-family: "鏂板畫浣�";
    color: #666
}

.index-body .box {
    background: url(../images/bg.jpg)
}

.index-body .box1 {
    height: 600px;
    position: relative
}

.index-body .box1 .PageTitle {
    position: absolute;
    width: 100%;
    z-index: 15
}

.index-body .box1 .content1200 {
    height: 100%;
    width: 1400px
}

.index-body .box1 .milestones {
    height: 100%;
    overflow: hidden;
    position: relative
}

.index-body .box1 .milestones ul {
    position: relative;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
}

.index-body .box1 .milestones ul li {
    position: relative;
    width: 20%;
    ;
}

.index-body .box1 .milestones ul li .title {
    width: 218px;
    height: 218px;
    position: absolute;
    margin: -109px 0 0 -109px;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    background: url(../images/icon-lcround.png) no-repeat center;
    cursor: pointer;
    background-size: 100% 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1)
}

.index-body .box1 .milestones ul li .title:hover {
    background-size: 110% 110%
}

.index-body .box1 .bolang1 {
    position: absolute;
    width: 500%;
    left: 0;
    height: 302px;
    background: url(../images/wave1.png) repeat-x;
    top: 50%
}

.index-body .box1 .bolang2 {
    position: absolute;
    width: 500%;
    left: 0;
    height: 302px;
    background: url(../images/wave2.png) repeat-x;
    top: 49%;
    background-size: 1900px auto
}

.index-body .box1 .milestones ul li .round {
    height: 300px;
    width: 300px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin: -150px 0 0 -150px;
    top: 50%
}

.index-body .box1 .milestones ul li .round .title span {
    display: block;
    color: #fff;
    text-align: center;
    z-index: 14
}

.index-body .box1 .milestones ul li .round .title .img {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #dab96a;
    position: relative
}

.index-body .box1 .milestones ul li .round .title img {
    display: block;
    margin: 0 auto;
    position: absolute;
    left: -3px;
    top: -3px;
    width: 220px;
    height: 220px;
}

.index-body .box1 .milestones ul li .round .title span.year {
    text-align: center;
    font-size: 20px;
    color: #323232;
    padding-top: 15px;
}

.index-body .box1 .milestones ul li .round .title-T span.year {
    position: absolute;
    width: 100%;
    height: 36px;
    top: 50%;
    margin-top: -18px;
    text-align: center;
    font-size: 24px;
    color: #fff;
}

.index-body .box1 .milestones ul li .round .title span.names {
    font-size: 12px
}

.index-body .box1 .milestones ul li .pic {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all .5s;
    -webkit-transition: all .5s
}

.index-body .box1 .milestones ul li .pic .img {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #dab96a;
    position: relative
}

.index-body .box1 .milestones ul li .pic .img img {
    display: block;
    margin: 0 auto;
    position: absolute;
    left: -3px;
    top: -3px;
    width: 300px;
    height: 300px
}

.index-body .box1 .milestones ul li .summary {
    width: 100%;
    margin-top: 0
}

.index-body .box1 .milestones ul li .summary .title-T span {
    color: #a50004
}

.index-body .box1 .milestones ul li .summary .title-T span.year {
    font-size: 20px
}

.index-body .box1 .milestones ul li .summary .title-T span.names {
    font-size: 14px;
    margin-left: 5px
}

.index-body .box1 .milestones ul li .summary .text {
    font-size: 12px;
    color: #666;
    line-height: 24px;
    height: 96px
}

.index-body .box1 .milestones ul li.swiper-slide-active .title {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0)
}

.index-body .box1 .milestones ul li.swiper-slide-active .pic {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1)
}

.index-body .box1 .milestones .swiper-pagination-box1 {
    position: absolute;
    bottom: 20px;
    text-align: center;
    z-index: 15
}

.index-body .box1 .milestones .swiper-pagination-box1 span {
    width: 10px;
    height: 10px
}

.index-body .box1 .milestones .swiper-pagination-box1 span.swiper-pagination-bullet-active {
    background: #A80000
}

.swiper-button-next-milestones,
.swiper-button-prev-milestones {
    width: 39px;
    height: 78px;
    background: url(../images/o-right.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -39px;
    right: -100px;
    cursor: pointer;
    display: block
}

.swiper-button-prev-milestones {
    background-image: url(../images/o-left.png);
    left: -100px;
    right: auto
}

.index-body .box2 {
    height: auto;
    background: url(../images/index-box2.jpg);
    position: relative
}

.index-body .box2:before {
    content: "";
    display: block;
    width: 0;
    border-top: 12px solid #fff;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: 0;
    z-index: 3;
    left: 50%;
    margin-left: -12px
}

.index-body .box2 .PageTitle span {
    color: #fff
}

.index-body .culture {
    position: relative;
    width: 100%;
    bottom: 0;
    left: 0;
    margin-top: 15px
}

.index-body .culture ul {
    overflow: hidden
}

.index-body .culture ul li {
    width: 20%;
    float: left;
    background: #000;
    position: relative
}

.index-body .culture ul li img {
    width: 100%;
    opacity: .4;
    filter: alpha(opacity=40);
    transition: all .5s;
    -webkit-transition: all .5s
}

.index-body .culture ul li .title-T,
.index-body .culture ul li .title-T1 {
    position: absolute;
    padding: 20px 0;
    width: 100%;
    bottom: 50%;
    margin-bottom: -51px;
    z-index: 15;
    transition: all .8s;
    -webkit-transition: all .8s
}

.index-body .culture ul li .title-T1:after,
.index-body .culture ul li .title-T:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
    transition: all .5s;
    -webkit-transition: all .5s
}

.index-body .culture ul li .title-T span,
.index-body .culture ul li .title-T1 span {
    display: block;
    text-align: center;
    color: #fff;
    transition: all .5s;
    -webkit-transition: all .5s
}

.index-body .culture ul li .title-T span.cn,
.index-body .culture ul li .title-T1 span.cn {
    font-size: 20px;
    margin-bottom: 20px;
    position: relative
}

.index-body .culture ul li .title-T span.cn:after {
    content: "";
    position: absolute;
    bottom: -10px;
    width: 46px;
    height: 1px;
    background: rgba(255, 255, 255, .7);
    left: 50%;
    margin-left: -23px
}

.index-body .culture ul li .title-T span.en,
.index-body .culture ul li .title-T1 span.en {
    font-size: 12px
}

.index-body .culture ul li .title-T1 {
    bottom: 0;
    margin-bottom: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.index-body .culture ul li .title-T1 span.cn {
    margin-bottom: 0
}

.index-body .culture ul li .title-T1:after {
    opacity: 1;
    filter: alpha(opacity=100)
}

.index-body .culture ul li .title-T1 span {
    color: #ab0004
}

@media screen and (min-width: 1201px) {
    .index-body .culture ul li:hover img {
        opacity: .8;
        filter: alpha(opacity=80)
    }
    .index-body .culture ul li:last-child:hover img {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    .index-body .culture ul li:hover .title-T1 {
        opacity: .8;
        filter: alpha(opacity=80)
    }
    .index-body .culture ul li:hover .title-T {
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

.index-body .box3 {
    height: 920px;
    position: relative;
    padding: 30px 0 0 0
}

.index-body .box3 .title-tips {
    font-size: 14px;
    color: #6b0104;
    line-height: 28px;
    width: 1200px;
    margin: 20px auto 0
}

.index-body .box3 .title-tips .more {
    width: 90px;
    height: 20px;
    background: #fc9127;
    border-radius: 10px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    display: block;
    margin: 40px auto 0
}

.index-body .box3 .introduction {
    margin-top: 70px
}

.index-body .box3 .introduction .img-news {
    padding: 0;
    position: relative;
    z-index: 2;
    width: 25%
}

.index-body .box3 .introduction .img-news:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .5s;
    -webkit-transition: all .5s
}

.index-body .box3 .introduction .img-news img {
    max-height: 100%;
    max-width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .8s;
    -webkit-transition: all .8s
}

.index-body .box3 .introduction .img-news .summary {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 15px
}

.index-body .box3 .introduction .img-news .summary .year {
    display: block;
    font-size: 18px;
    color: #a1a1a1;
    margin-top: 100px;
    transition: all .8s;
    -webkit-transition: all .8s
}

.index-body .box3 .introduction .img-news .summary .title a {
    font-size: 16px;
    color: #333;
    line-height: 27px;
    overflow: hidden;
    height: 54px
}

.index-body .box3 .introduction .img-news .summary .text {
    font-size: 14px;
    color: #8a8989;
    line-height: 28px;
    margin-top: 35px
}

.index-body .box3 .introduction .img-news .summary .more {
    margin-top: 40px;
    display: block;
    float: left;
    width: 70px;
    height: 18px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    background: #fc9127;
    font-size: 12px;
    border-radius: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    margin-left: 30px;
    transition: all .5s;
    -webkit-transition: all .5s
}

@media screen and (min-width: 1201px) {
    .index-body .box3 .introduction .img-news:hover img {
        opacity: .4;
        filter: alpha(opacity=40)
    }
    .index-body .box3 .introduction .img-news:hover:before {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    .index-body .box3 .introduction .img-news:hover .summary .text,
    .index-body .box3 .introduction .img-news:hover .summary .title a,
    .index-body .box3 .introduction .img-news:hover .summary .year {
        color: #fff
    }
    .index-body .box3 .introduction .img-news:hover .summary .more {
        margin-left: 0;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    .index-body .box3 .introduction .img-news:hover .summary .year {
        margin-top: 80px
    }
}

.index-body .box4 {
    position: relative
}

.index-body .box4 .content1200 {
    position: absolute;
    height: 100%;
    left: 45%;
    margin-left: -500px;
    width: auto
}

.index-body .box4 .company-text {
    width: 410px;
    height: 100%;
    background: #6f0104;
    top: 0;
    position: absolute;
    overflow: hidden
}

.index-body .box4 .company-text ul {
    height: 308px;
    position: relative;
    width: 100%;
    top: 0;
    margin-top: 15%
}

.index-body .box4 .company-text ul li {
    position: relative;
    height: 100%
}

.index-body .box4 .company-text .title-T {
    padding: 20% 20px;
    position: relative;
    top: 0;
    font-family: "瀹嬩綋"
}

.index-body .box4 .company-text .title-T span {
    color: #fff;
    display: block
}

.index-body .box4 .company-text .title-T span.cn {
    font-size: 30px
}

.index-body .box4 .company-text .title-T span.en {
    font-size: 18px;
    opacity: .5;
    filter: alpha(opacity=20);
    text-transform: uppercase
}

.index-body .box4 .company-text ul {
    margin-top: 0
}

.index-body .box4 .company-text .company-bk {
    background: url(../images/bg.jpg);
    padding: 15px;
    overflow: hidden;
    margin-bottom: 1px
}

.index-body .box4 .company-text .company-name {
    font-size: 18px
}

.index-body .box4 .company-text .company-nameE {
    font-size: 12px;
    color: #333;
    opacity: .5;
    filter: alpha(opacity=50);
    text-transform: uppercase;
    margin-top: 5px
}

.index-body .box4 .company-text .more {
    width: 74px;
    height: 18px;
    display: block;
    float: left;
    text-align: center;
    line-height: 16px;
    background: #fc9127;
    color: #fff;
    border-radius: 10px;
    margin-top: 10px;
    transition: all .5s;
    -webkit-transition: all .5s;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    margin-left: 40px
}

.index-body .box4 .company-text .swiper-pagination-box4 {
    text-align: center;
    margin-top: 15px
}

.index-body .box4 .company-text .swiper-pagination-box4 span {
    height: 10px;
    width: 10px
}

.index-body .box4 .company-text .swiper-pagination-box4 span.swiper-pagination-bullet-active {
    background: #fc9127
}

.index-body .box4 .company-text .company-bk.active .more {
    opacity: 1;
    filter: alpha(opacity=100);
    margin-left: 0
}

.index-body .box4 .company-img {
    position: relative;
    transform: translateX(30%);
    -webkit-transform: translateX(30%);
    display: none
}

.index-body .box4 .company-img.active {
    display: block
}

.index-body .box4 .company-img ul li {
    width: 75%
}

.index-body .box4 .company-img ul li img {
    width: 100%
}

.index-body .box4 .swiper-pagination-company {
    position: absolute;
    bottom: 10px;
    width: 55%;
    right: 10%;
    z-index: 15;
    text-align: center
}

.index-body .box4 .swiper-pagination-company span {
    width: 12px;
    border-radius: 0;
    opacity: 1;
    background: #a8a5a4;
    margin: 0 5px;
    transition: all .5s;
    -webkit-transition: all .5s;
    height: 3px;
    position: relative
}

.index-body .box4 .swiper-pagination-company span.swiper-pagination-bullet-active {
    background: #fc9127;
    width: 60px
}

.index-body .box4 .swiper-pagination-company span:after {
    content: "";
    display: block;
    width: 22px;
    height: 15px;
    position: absolute;
    top: -6px;
    left: -5px;
    cursor: pointer
}

.index-body .box4 .swiper-pagination-company span.swiper-pagination-bullet-active:after {
    width: 70px
}

@media screen and (min-width: 1500px) {
    .index-body .box4 .company-text .company-bk {
        padding: 25px 20px
    }
    .index-body .box4 .company-text .swiper-pagination-box4 {
        margin-top: 150px
    }
    .index-body .box4 .company-text .company-name {
        font-size: 22px
    }
    .index-body .box4 .company-text .company-nameE {
        margin-top: 10px
    }
}

.index-body .box.box5 {
    background: #fff
}

.index-body .box5 .PageTitle {
    background: url(../images/map.png) no-repeat;
    background-size: 100% 100%;
    padding: 50px 0 70px
}

.index-body .box5 .PageTitle span.cn {
    color: #fff
}

.index-body .box5 .PageTitle span.en {
    color: #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.product-text {
    width: 100%;
    height: 100%;
    background: url(../images/product-text.png) no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.product-body .boxs {
    width: 100%;
    height: 350px;
    background: url(../images/box1-bg.jpg) no-repeat right 0;
    background-size: 100% 380px;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: relative
}

.product-body .box2 {
    background-image: url(../images/box2-bg.jpg)
}

.product-body .box3 {
    background-image: url(../images/box3-bg.jpg)
}

.product-body .box4 {
    background-image: url(../images/box4-bg.jpg)
}

.product-body .box5 {
    background-image: url(../images/box5-bg.jpg)
}

.product-body .boxs .product-content {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 10
}

.product-body .boxs .product-content .c-txt {
    float: left;
    width: 50%;
    padding: 20px;
    margin-top: 95px;
    transition: all .5s;
    -webkit-transition: all .5s
}

.product-body .boxs .product-content .c-txt .p-tit {
    font-size: 30px;
    color: #333;
    border-left: 4px solid #840004;
    padding-left: 20px;
    line-height: 30px;
    height: 30px
}

.product-body .boxs .product-content .c-txt .p-tit img {
    height: 100%
}

.product-body .boxs .product-content .c-txt .p-main {
    font-size: 12px;
    color: #666;
    padding: 25px;
    line-height: 24px
}

.product-body .boxs .product-content .c-txt .p-more a {
    display: block;
    width: 90px;
    height: 20px;
    font-size: 12px;
    color: #fff;
    background: #fc9127;
    text-align: center;
    line-height: 18px;
    border-radius: 20px;
    margin-left: 20px
}

.product-body .boxs.odd .product-content .c-txt .p-main,
.product-body .boxs.odd .product-content .c-txt .p-tit {
    color: #fff
}

.product-body .boxs:after {
    content: "";
    position: absolute;
    top: 0;
    right: -10%;
    width: 100%;
    height: 100%;
    background: url(../images/bg-mask1.png) no-repeat right center;
    background-size: auto 100%;
    transition: all .5s;
    -webkit-transition: all .5s
}

.product-body .boxs.box1:after {
    background-image: url(../images/bg-mask2.png)
}

.product-body .boxs.box3:after,
.product-body .boxs.box5:after {
    background-image: url(../images/bg-mask3.png)
}

@media screen and (min-width: 1201px) {
    .product-body .boxs .product-content .c-txt .p-more a:hover {
        background: #f4a14f
    }
    .product-body .boxs:hover .product-content .c-txt {
        margin-top: 75px
    }
    .product-body .boxs .product-content .c-txt .p-more a {
        margin-left: 400px;
        opacity: 0;
        filter: alpha(opacity=0)
    }
    .product-body .boxs:hover .product-content .c-txt .p-more a {
        opacity: 1;
        filter: alpha(opacity=100);
        margin-left: 20px;
        animation: more .8s ease-out;
        -webkit-animation: more .8s ease-out
    }
    @-webkit-keyframes more {
        0% {
            margin-left: 400px;
            opacity: 0
        }
        70% {
            margin-left: 0;
            opacity: 1
        }
        85% {
            margin-left: 30px
        }
        95% {
            margin-left: 10px
        }
        100% {
            margin-left: 20px
        }
    }
    @keyframes more {
        0% {
            margin-left: 400px;
            opacity: 0
        }
        70% {
            margin-left: 0;
            opacity: 1
        }
        85% {
            margin-left: 30px
        }
        95% {
            margin-left: 10px
        }
        100% {
            margin-left: 20px
        }
    }
    .product-body .boxs:hover:after {
        right: 50%
    }
}

.Tits {
    margin: 50px auto;
    text-align: center
}

.news-text {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.news-body {
    background: url(../images/bg.jpg);
    overflow: hidden
}

.news-body .news-tits {
    text-align: center
}

.news-body .PageTitle {
    display: inline-block;
    width: auto;
    position: relative;
    padding: 60px 20px;
    cursor: pointer
}

.news-body .PageTitle span.cn {
    font-size: 24px
}

.news-body .PageTitle span.en {
    font-size: 14px
}

.news-body .PageTitle.active span.cn {
    font-size: 30px;
    color: #c30017
}

.news-body .PageTitle.active span.en {
    font-size: 18px;
    color: #c30017
}

.news-body .PageTitle span.en:after {
    display: none
}

.news-body .PageTitle.active:after {
    background: 0 0;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    content: '';
    bottom: 40px;
    border-top: 6px solid #c30017;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    opacity: 1
}

.news-body .box-container {
    max-width: 1200px;
    margin: 0 auto;
    color: #666
}

.news-body .boxs {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    padding: 30px 0
}

.news-body .boxs .box-txt {
    float: left;
    padding-right: 85px;
    transition: all 1s;
    -webkit-transition: all 1s
}

.news-body .boxs .box-txt .t-tit a {
    font-size: 24px;
    color: #333
}

.news-body .boxs .box-txt .t-date {
    color: #838383;
    line-height: 35px;
    padding-left: 20px;
    background: url(../images/date.png) no-repeat left center
}

.news-body .boxs .box-txt .t-main {
    line-height: 24px
}

.news-body .boxs .t-more a {
    position: absolute;
    bottom: 30px;
    left: 15px;
    width: 90px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    background: #fc9127;
    border-radius: 20px;
    transition: all 1s;
    -webkit-transition: all 1s
}

.news-body .boxs .box-img {
    float: right;
    padding: 0;
    overflow: hidden;
    cursor: pointer
}

.news-body .boxs .box-img img {
    width: 100%;
    transition: all 1s;
    -webkit-transition: all 1s
}

.news-body .boxs:hover .box-img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.news-body .boxs:hover .t-more a {
    left: 40px
}

.pages {
    height: 150px;
    text-align: center;
    line-height: 150px
}

.pages .p-next,
.pages .p-prev {
    width: 10px;
    height: 10px;
    margin-bottom: 4px;
    display: inline-block;
    background: url(../images/left-arrow.png) no-repeat
}

.pages .p-next {
    background-image: url(../images/right-arrow.png)
}

.pages .ps {
    display: inline-block;
    overflow: hidden
}

.pages .ps li {
    float: left;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #6b0104;
    margin: 0 10px;
    text-align: center
}

.pages .ps li.active a {
    background: #6B0104;
    color: #fff
}

.pages .ps li a {
    width: 100%;
    display: block;
    height: 100%;
    color: #666
}

.pages .ps li.d {
    border: none
}

.operation-text {
    width: 100%;
    height: 100%;
    background: url(../images/operation-text.png) no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.operation-body .PageTitle span.en:after {
    display: none
}

.operation-body .body-top .boxs-container {
    overflow: hidden;
    position: relative
}

.operation-body .body-top .boxs-container:before {
    content: "";
    display: block;
    width: 0;
    border-top: 12px solid #fff;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: 0;
    z-index: 3;
    left: 50%;
    margin-left: -12px
}

.operation-body .body-top .boxs {
    width: 50%;
    float: left;
    height: 290px;
    position: relative;
    background: #000;
    cursor: pointer;
    padding: 2% 3%;
    overflow: hidden
}

.operation-body .body-top .boxs .img {
    height: 100%;
    width: 100%;
    opacity: .4;
    filter: alpha(opacity=40);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .5s;
    -webkit-transition: all .5s
}

.operation-body .body-top .boxs .box-text {
    position: relative;
    z-index: 5;
    color: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.operation-body .body-top .boxs .box-text:before {
    display: block;
    content: "";
    border: 1px solid #fff;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    transition: all .5s;
    -webkit-transition: all .5s
}

.operation-body .body-top .boxs .box-text .text-tit {
    font-size: 24px;
    text-align: center;
    margin-top: 80px;
    transition: all .5s;
    -webkit-transition: all .5s;
    margin-bottom: 30px
}

.operation-body .body-top .boxs .box-text .text-tit img {
    display: inline-block;
    vertical-align: bottom
}

.operation-body .body-top .boxs .box-text .text-tit span {
    margin-left: -15px
}

.operation-body .body-top .boxs .box-text .texts {
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
    padding: 0 10%;
    transition: all .5s;
    -webkit-transition: all .5s
}

.operation-body .body-bottom .swipers {
    width: 100%;
    height: 622px;
    background: url(../images/bg.jpg);
    position: relative
}

.operation-body .body-bottom .swiper-pagination {
    position: initial
}

.operation-body .body-bottom .swipers:before {
    content: "";
    display: block;
    width: 0;
    border-top: 12px solid #fff;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: 0;
    z-index: 3;
    left: 50%;
    margin-left: -12px
}

.operation-body .body-bottom .swipers .product-list {
    width: 80%;
    min-width: 1000px
}

.operation-body .body-bottom .swipers .product-list .swiper-slide .boxs {
    text-align: center;
    cursor: pointer
}

.operation-body .body-bottom .swipers .product-list .swiper-slide .boxs .img-box {
    display: block;
    margin: 50px auto 20px;
    position: relative;
    width: 156px;
    height: 147px;
    overflow: hidden
}

.operation-body .body-bottom .swipers .product-list .swiper-slide .boxs .img-box img {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    display: block;
    position: absolute
}

.operation-body .body-bottom .swipers .product-list .swiper-slide .boxs .img-box:after {
    content: "";
    width: 102%;
    height: 100%;
    background: url(../images/kuan.png) no-repeat center center;
    position: absolute;
    top: 0;
    left: -1%;
    background-size: cover
}

.operation-body .body-bottom .swipers .product-list .swiper-slide .boxs .text-box {
    color: #666;
    position: relative;
    transition: all .5s;
    -webkit-transition: all .5s
}

.operation-body .body-bottom .swipers .product-list .swiper-slide .boxs .text-box:before {
    content: "";
    position: absolute;
    width: 0;
    border-bottom: 9px solid #760004;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 50%;
    margin-left: -5px;
    top: -5px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .5s;
    -webkit-transition: all .5s
}

.operation-body .body-bottom .swipers .product-list .swiper-slide .boxs .text-box .firstChild {
    font-size: 22px;
    line-height: 40px
}

.operation-body .body-bottom .swipers .swiper-button-next-operation,
.operation-body .body-bottom .swipers .swiper-button-prev-operation {
    position: absolute;
    width: 39px;
    height: 78px;
    background: url(../images/o-left.png) no-repeat;
    top: 50%;
    margin-top: -39px;
    cursor: pointer;
    left: 5%;
    z-index: 10
}

.operation-body .body-bottom .swipers .swiper-button-next-operation {
    background-image: url(../images/o-right.png);
    right: 5%;
    left: auto
}

@media screen and (min-width: 1201px) {
    .operation-body .body-top .boxs:hover .img {
        opacity: .6;
        filter: alpha(opacity=60);
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }
    .operation-body .body-top .boxs:hover .box-text:before {
        opacity: .5;
        filter: alpha(opacity=50)
    }
    .operation-body .body-top .boxs:hover .box-text .text-tit {
        margin-top: 50px
    }
    .operation-body .body-top .boxs:hover .box-text .unline {
        opacity: .5;
        filter: alpha(opacity=50)
    }
    .operation-body .body-top .boxs:hover .box-text .texts {
        opacity: .9;
        filter: alpha(opacity=90)
    }
    .operation-body .body-bottom .swipers .product-list .swiper-slide .boxs:hover .text-box {
        color: #760004
    }
    .operation-body .body-bottom .swipers .product-list .swiper-slide .boxs:hover .text-box:before {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    .operation-body .body-bottom .swipers .product-list .swiper-slide .boxs:hover .img-box img {
        width: 110%;
        margin: -5%
    }
}

.inherit-text {
    width: 100%;
    height: 100%;
    background: url() no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.inherit-body .PageTitle span.en:after {
    display: none
}

.inherit-body .body-top .boxs-container {
    overflow: hidden;
    position: relative
}

.inherit-body .body-top .boxs-container:before {
    content: "";
    display: block;
    width: 0;
    border-top: 12px solid #fff;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: 0;
    z-index: 3;
    left: 50%;
    margin-left: -12px
}

.inherit-body .body-top .boxs {
    width: 50%;
    float: left;
    height: 622px;
    position: relative;
    background: #000;
    cursor: pointer;
    padding: 3%;
    overflow: hidden
}

.inherit-body .body-top .boxs .img {
    height: 100%;
    width: 100%;
    opacity: .4;
    filter: alpha(opacity=40);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .5s;
    -webkit-transition: all .5s
}

.inherit-body .body-top .boxs .box-text {
    position: relative;
    z-index: 5;
    color: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.inherit-body .body-top .boxs .box-text:before {
    display: block;
    content: "";
    border: 1px solid #fff;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    transition: all .5s;
    -webkit-transition: all .5s
}

.inherit-body .body-top .boxs .box-text .text-tit {
    font-size: 24px;
    text-align: center;
    margin-top: 180px;
    transition: all .5s;
    -webkit-transition: all .5s
}

.inherit-body .body-top .boxs .box-text .text-tit span.en {
    display: block;
    font-size: 18px;
    opacity: .5;
    filter: alpha(opacity=50);
    margin-top: 20px
}

.inherit-body .body-top .boxs .box-text .unline {
    width: 70px;
    height: 1px;
    background: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    margin: 20px auto
}

.inherit-body .body-top .boxs .box-text .texts {
    text-align: center;
    padding: 0 15%
}

.inherit-body .body-top.b2 .boxs {
    width: 100%
}

@media screen and (min-width: 1201px) {
    .inherit-body .body-top .boxs:hover .img {
        opacity: .6;
        filter: alpha(opacity=60);
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }
    .inherit-body .body-top .boxs:hover .box-text:before {
        opacity: .5;
        filter: alpha(opacity=50)
    }
    .inherit-body .body-top .boxs:hover .box-text .text-tit {
        margin-top: 140px
    }
}

.ContactUs-text {
    width: 100%;
    height: 100%;
    background: url(../images/ContactUs-text.png) no-repeat center center;
    position: absolute;
    top: 0;
    left: 0
}

.ContactUs-body .box {
    background: url(../images/bg.jpg)
}

.ContactUs-body .join-logo {
    text-align: center;
    height: 170px;
    line-height: 170px
}

.ContactUs-body .join-logo a {
    width: 180px;
    height: 65px;
    display: inline-block;
    margin: 0 125px;
    position: relative
}

.ContactUs-body .join-logo a.wyzp {
    background: url(../images/icon-joinLogo1.png) no-repeat left top;
    transition: all .5s;
    -webkit-transition: all .5s
}

.ContactUs-body .join-logo a.zlzp {
    background: url(../images/icon-joinLogo2.png) no-repeat left top;
    transition: all .5s;
    -webkit-transition: all .5s
}

.ContactUs-body .join-logo a:hover {
    background-position: left bottom
}

.ContactUs-body .join-logo a span {
    position: absolute
}

.ContactUs-body .join-logo a span.borderL {
    left: 0;
    top: 0
}

.ContactUs-body .join-logo a span.borderR {
    right: 0;
    bottom: 0
}

.ContactUs-body .join-logo a span.borderL:after {
    position: absolute;
    content: ''
}

.ContactUs-body .join-logo a span.borderL:before {
    position: absolute;
    content: ''
}

.ContactUs-body .join-logo a span.borderR:after {
    position: absolute;
    content: ''
}

.ContactUs-body .join-logo a span.borderR:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 1px;
    background: #BEBEBE;
    top: -6px;
    left: -20px
}

.ContactUs-body .join-logo .wyzp span.borderL:after {
    width: 1px;
    height: 50px;
    background: #BEBEBE;
    top: -20px;
    left: -6px
}

.ContactUs-body .join-logo .wyzp span.borderL:before {
    width: 50px;
    height: 1px;
    background: #BEBEBE;
    top: -6px;
    left: -20px
}

.ContactUs-body .join-logo .wyzp span.borderR:after {
    width: 1px;
    height: 50px;
    background: #BEBEBE;
    bottom: -20px;
    left: 5px
}

.ContactUs-body .join-logo .wyzp span.borderR:before {
    width: 50px;
    height: 1px;
    background: #BEBEBE;
    top: 6px;
    left: -20px
}

.ContactUs-body .join-logo .zlzp span.borderL:after {
    width: 1px;
    height: 50px;
    background: #BEBEBE;
    top: -20px;
    left: -6px
}

.ContactUs-body .join-logo .zlzp span.borderL:before {
    width: 50px;
    height: 1px;
    background: #BEBEBE;
    top: -6px;
    left: -20px
}

.ContactUs-body .join-logo .zlzp span.borderR:after {
    width: 1px;
    height: 50px;
    background: #BEBEBE;
    bottom: -20px;
    left: 5px
}

.ContactUs-body .join-logo .zlzp span.borderR:before {
    width: 50px;
    height: 1px;
    background: #BEBEBE;
    top: 6px;
    left: -20px
}

.ContactUs-body .box2 {
    margin: 0 auto
}

.ContactUs-body .box2 .left {
    padding: 0;
    position: relative
}

.ContactUs-body .box2 .right {
    padding: 0;
    position: relative
}

.ContactUs-body .box2 .left img {
    width: 100%
}

.ContactUs-body .box2 .right img {
    width: 100%
}

.ContactUs-body .box2 .information {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 10%;
    transition: all .8s;
    -webkit-transition: all .8s;
    z-index: 5;
    cursor: pointer
}

.ContactUs-body .box2 .information:after {
    content: "";
    display: block;
    width: 90%;
    height: 80%;
    border: 1px solid #fff;
    position: absolute;
    top: 10%;
    left: 2%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .5s;
    -webkit-transition: all .5s;
    z-index: -1
}

.ContactUs-body .box2 .information .names {
    margin-bottom: 25px;
    margin-bottom: 70px
}

.ContactUs-body .box2 .information .names span {
    display: block;
    text-transform: uppercase;
    width: 100%;
    position: absolute;
    top: 40%;
    left: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    text-align: center
}

.ContactUs-body .box2 .information .names span.cn {
    font-size: 28px;
    line-height: 32px
}

.ContactUs-body .box2 .information .names span.cn:after {
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 4px;
    margin-left: -15px;
    left: 50%;
    bottom: -15px;
    background: #fff;
    opacity: .4;
    filter: alpha(opacity=40);
    ransition: all .5s;
    -webkit-transition: all .5s
}

.ContactUs-body .box2 .information .names span.en {
    margin-top: 60px;
    display: inline-block
}

.ContactUs-body .box2 .information .infor {
    line-height: 28px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .8s;
    -webkit-transition: all .8s
}

.ContactUs-body .box2 .information .infor i {
    height: 14px;
    width: 14px;
    display: inline-block;
    background-size: 14px auto!important;
    background: url(../images/icon-infoamation@2x-14_14.png) no-repeat;
    margin-right: 10px
}

.ContactUs-body .box2 .information .infor i.phoneNumber {
    background-position: 0 bottom
}

.ContactUs-body .box2 .information .infor i.email {
    background-position: 0 -14px
}

.ContactUs-body .box2 .information .infor i.diz {
    background-position: 0 -28px
}

.ContactUs-body .box2 .information .infor a {
    color: #fff
}

@media screen and (min-width: 1201px) {
    .ContactUs-body .box2 .information:hover {
        padding-left: 12%;
        padding-right: 8%
    }
    .ContactUs-body .box2 .information:hover:after {
        left: 5%;
        opacity: .6;
        filter: alpha(opacity=60)
    }
    .ContactUs-body .box2 .information:hover .infor {
        opacity: 1;
        filter: alpha(opacity=1)
    }
    .ContactUs-body .box2 .information:hover .names span {
        top: 20%;
        margin-left: -30%
    }
    .ContactUs-body .box2 .information:hover .names span.cn:after {
        opacity: 0;
        filter: alpha(opacity=0)
    }
    .ContactUs-body .box2 .information:hover .names span.en {
        margin-top: 40px
    }
}

.ContactUs-body .map {
    height: 400px;
    width: 100%;
    position: relative
}

.into-body .PageTitle {
    padding: 50px 0 30px
}

.into-text {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.into-body .PageTitle span.en:after {
    display: none
}

.into-body .Brand:before,
.into-body .Five:before,
.into-body .box3 .Honors:before,
.into-body .box5 .Firm:before {
    content: "";
    display: block;
    width: 0;
    border-top: 12px solid #fff;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: 0;
    z-index: 3;
    left: 50%;
    margin-left: -12px
}

.into-body .Five {
    background: url(../images/bg.jpg);
    margin: 0 auto;
    position: relative
}

.into-body .Five .left {
    height: 100%;
    padding: 50px
}

.into-body .Five .left ul li {
    overflow: hidden
}

.into-body .Five .left ul li .names {
    margin-bottom: 35px;
    position: relative
}

.into-body .Five .left ul li .names span {
    display: block
}

.into-body .Five .left ul li .names span.cn {
    font-size: 30px;
    color: #ab0004
}

.into-body .Five .left ul li .names span.en {
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    opacity: .5;
    filter: alpha(opacity=50)
}

.into-body .Five .left ul li .names:after {
    width: 86px;
    height: 2px;
    background: #ab0004;
    position: absolute;
    content: '';
    bottom: -12px
}

.into-body .Five .left ul li .text {
    font-size: 14px;
    line-height: 28px;
    color: #666
}

.into-body .Five .left ul li .more {
    width: 88px;
    height: 20px;
    background: #fc9127;
    color: #fff;
    text-align: center;
    line-height: 20px;
    display: block;
    float: left;
    border-radius: 10px;
    margin-top: 25px
}

.into-body .Five .page-box {
    position: absolute;
    bottom: 50px;
    left: 50px
}

.into-body .Five .page-box span {
    display: inline-block;
    margin-right: 5px;
    font-family: "瀹嬩綋"
}

.into-body .Five .page-box span.p-now {
    color: #ab0004;
    font-size: 80px;
    position: relative;
    line-height: 80px;
    margin-right: 30px
}

.into-body .Five .page-box span.p-now:after {
    display: block;
    content: "";
    width: 44px;
    height: 63px;
    background: url(../images/line-x.png);
    position: absolute;
    bottom: 8px;
    right: -44px
}

.into-body .Five .page-box span.p-all {
    color: #666;
    font-size: 38px
}

.into-body .Five .page-box span.swiper-left,
.into-body .Five .page-box span.swiper-right {
    cursor: pointer
}

.into-body .Five .right {
    float: right;
    padding: 0
}

.into-body .Five .right ul li img {
    width: 100%
}

@media screen and (min-width: 1450px) {
    .into-body .Five .left {
        padding: 120px 80px 0
    }
    .into-body .Five .page-box {
        left: 80px
    }
}

.into-body .Brand {
    background: url(../images/brand.jpg) no-repeat;
    padding: 80px 0;
    position: relative
}

.into-body .Brand .img-tit {
    text-align: center;
    margin-bottom: 80px
}

.into-body .Brand .img-tit img {
    display: inline-block
}

.into-body .Brand .img-team {
    height: 120px
}

.into-body .Brand .img-team div {
    background: url(../images/wh01.png) no-repeat center center;
    height: 100%;
    position: relative
}

.into-body .Brand .img-team div:after {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 1px;
    background: #fff;
    opacity: .2;
    filter: alpha(opacity=20);
    left: 0;
    top: 0
}

.into-body .Brand .img-team div.img4:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 1px;
    background: #fff;
    opacity: .2;
    filter: alpha(opacity=20);
    right: 0;
    top: 0
}

.into-body .Brand .img-team div.img2 {
    background-image: url(../images/wh02.png)
}

.into-body .Brand .img-team div.img3 {
    background-image: url(../images/wh03.png)
}

.into-body .Brand .img-team div.img4 {
    background-image: url(../images/wh04.png)
}

.into-body .box4 .PageTitle {
    background: url(../images/map2.png) no-repeat;
    background-size: 100% 100%;
    padding: 50px 0
}

.into-body .box4 .PageTitle span.cn {
    color: #fff
}

.into-body .box4 .PageTitle span.en {
    color: #fff;
    opacity: .2;
    filter: alpha(opacity=20);
    margin-top: 10px
}

.into-body .box4 .map {
    margin: 20px auto
}

.into-body .box3 .Honors {
    height: 582px;
    width: 100%;
    position: relative;
    background: url(../images/honor.jpg) center;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.into-body .box3 .Honors .flipster {
    width: 1000px;
    margin: 110px auto 0;
    position: relative;
    padding-bottom: 70px
}

.into-body .box3 .Honors .flipster ul li {
    width: 490px;
    height: 330px;
    background: #fff
}

.into-body .box3 .Honors .flipster ul li .flip-content {
    height: 100%
}

.into-body .box3 .Honors .flipster ul li .img {
    height: 100%;
    width: 100%;
    background: #FFF
}

.into-body .box3 .Honors .flipster ul li .img img {
    margin: 0 auto;
    background: #000;
    height: 100%;
    width: auto
}

.into-body .box3 .Honors .flipster ul li .text {
    margin-top: 30px;
    text-align: center;
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .7s;
    -webkit-transition: all .7s
}

.into-body .box3 .Honors .flipster ul li .text:before {
    content: "";
    display: block;
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    border-bottom: 9px solid #6B0104;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.into-body .box3 .Honors .flipster ul li .text span {
    padding: 0 20px;
    display: inline-block;
    background: #6b0104;
    color: #fff;
    border-radius: 30px;
    height: 30px;
    line-height: 30px
}

.into-body .box3 .Honors .flipster ul li.flip-current .text {
    opacity: 1;
    filter: alpha(opacity=100)
}

.into-body .box5 .Firm {
    position: relative;
    padding: 10px 0 60px;
    background: url(../images/bg.jpg);
    overflow: hidden
}

.into-body .box5 .Firm:after {
    position: absolute;
    width: 2px;
    height: 100%;
    background: #fff;
    content: "";
    left: 50%;
    top: 0;
    margin-left: -1px
}

.into-body .box5 .Firm .box {
    width: 50%;
    float: left
}

.into-body .box5 .Firm .firm-icon {
    text-align: center
}

.into-body .box5 .Firm .firm-icon img {
    display: inline-block;
    margin: 40px 0
}

.into-body .box5 .Firm p {
    padding: 0 15%;
    line-height: 24px
}

.flipster {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: relative
}

.flip-item,
.flip-items {
    display: block;
    margin: 0 auto;
    padding: 0;
    list-style-type: none
}

.flip-items {
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.flip-item {
    position: absolute;
    opacity: .99
}

.flip-future,
.flip-next,
.flip-past,
.flip-prev {
    cursor: pointer
}

.flip-item img {
    display: block;
    width: 100%
}

.flipster-coverflow .flip-items {
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    position: relative;
    padding-top: 2%;
    padding-bottom: 5%
}

.flipster-coverflow .flip-item {
    display: block;
    -webkit-transition: all 175ms ease-in-out;
    -moz-transition: all 175ms ease-in-out;
    -o-transition: all 175ms ease-in-out;
    -ms-transition: all 175ms ease-in-out;
    transition: all 175ms ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective: 800px;
    position: absolute;
    width: 30%
}

.flipster-coverflow .flip-content {
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(.05, rgba(255, 255, 255, .12)), color-stop(.2, transparent))
}

.flipster-coverflow .flip-past .flip-content {
    -webkit-transform: rotateY(0) scale(.75);
    -moz-transform: rotateY(0) scale(.75);
    -o-transform: rotateY(0) scale(.75);
    -ms-transform: rotateY(0) scale(.75);
    transform: rotateY(0) scale(.75)
}

.flipster-coverflow .flip-future .flip-content {
    -webkit-transform: rotateY(0) scale(.75);
    -moz-transform: rotateY(0) scale(.75);
    -o-transform: rotateY(0) scale(.75);
    -ms-transform: rotateY(0) scale(.75);
    transform: rotateY(0) scale(.75)
}

.flipster-coverflow.no-rotate .flip-past .flip-content {
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -o-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75)
}

.flipster-coverflow.no-rotate .flip-future .flip-content {
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -o-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75)
}

.flipster-coverflow .flip-current .flip-content {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0)
}

.flipster-coverflow .flip-hidden {
    visibility: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.flipster-carousel .flip-items {
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    perspective: 2000px
}

.flipster-carousel .flip-item {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 350ms ease-out;
    -moz-transition: all 350ms ease-out;
    -o-transition: all 350ms ease-out;
    -ms-transition: all 350ms ease-out;
    transition: all 350ms ease-out
}

.no-csstransforms .flipster-carousel .flip-item {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none
}

.flipster-carousel .flip-items img {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.flipster-carousel .flip-past {
    -webkit-transform: translateX(-60%) translateZ(0) rotateY(0) scale(.65);
    -moz-transform: translateX(-60%) translateZ(0) rotateY(0) scale(.65);
    -o-transform: translateX(-60%) translateZ(0) rotateY(0) scale(.65);
    -ms-transform: translateX(-60%) translateZ(0) rotateY(0) scale(.65);
    transform: translateX(-60) translateZ(0) rotateY(0) scale(.65)
}

.flipster-carousel.no-rotate .flip-past {
    -webkit-transform: translateX(-60%) translateZ(0) scale(.65);
    -moz-transform: translateX(-60%) translateZ(0) scale(.65);
    -o-transform: translateX(-60%) translateZ(0) scale(.65);
    -ms-transform: translateX(-60%) translateZ(0) scale(.65);
    transform: translateX(-60%) translateZ(0) scale(.65)
}

.no-csstransforms3d .flipster-carousel .flip-past {
    -webkit-transform: translateX(-56%) scale(.5);
    -moz-transform: translateX(-56%) scale(.5);
    -o-transform: translateX(-56%) scale(.5);
    -ms-transform: translateX(-56%) scale(.5);
    transform: translateX(-56%) scale(.5)
}

.no-csstransforms .flipster-carousel .flip-past {
    left: -20%;
    top: 40%;
    width: 50%;
    height: 50%
}

.flipster-carousel .flip-future {
    -webkit-transform: translateX(60%) translateZ(0) rotateY(0) scale(.65);
    -moz-transform: translateX(60%) translateZ(0) rotateY(0) scale(.65);
    -o-transform: translateX(60%) translateZ(0) rotateY(0) scale(.65);
    -ms-transform: translateX(60%) translateZ(0) rotateY(0) scale(.65);
    transform: translateX(60%) translateZ(0) rotateY(0) scale(.65)
}

.flipster-carousel.no-rotate .flip-future {
    -webkit-transform: translateX(80%) translateZ(0) scale(.65);
    -moz-transform: translateX(80%) translateZ(0) scale(.65);
    -o-transform: translateX(80%) translateZ(0) scale(.65);
    -ms-transform: translateX(80%) translateZ(0) scale(.65);
    transform: translateX(80%) translateZ(0) scale(.65)
}

.no-csstransforms3d .flipster-carousel .flip-future {
    -webkit-transform: translateX(56%) scale(.5);
    -moz-transform: translateX(56%) scale(.5);
    -o-transform: translateX(56%) scale(.5);
    -ms-transform: translateX(56%) scale(.5);
    transform: translateX(56%) scale(.5)
}

.no-csstransforms .flipster-carousel .flip-future {
    left: 88%;
    top: 40%;
    width: 50%;
    height: 50%
}

.flipster-carousel .flip-prev {
    -webkit-transform: translateX(-30%) translateZ(0) rotateY(0) scale(.8);
    -moz-transform: translateX(-30%) translateZ(0) rotateY(0) scale(.8);
    -o-transform: translateX(-30%) translateZ(0) rotateY(0) scale(.8);
    -ms-transform: translateX(-30%) translateZ(0) rotateY(0) scale(.8);
    transform: translateX(-30%) translateZ(0) rotateY(0) scale(.8)
}

.flipster-carousel.no-rotate .flip-prev {
    -webkit-transform: translateX(-60%) translateZ(0) scale(.8);
    -moz-transform: translateX(-60%) translateZ(0) scale(.8);
    -o-transform: translateX(-60%) translateZ(0) scale(.8);
    -ms-transform: translateX(-60%) translateZ(0) scale(.8);
    transform: translateX(-60%) translateZ(0) scale(.8)
}

.no-csstransforms3d .flipster-carousel .flip-prev {
    -webkit-transform: translateX(-24%) scale(.75);
    -moz-transform: translateX(-24%) scale(.75);
    -o-transform: translateX(-24%) scale(.75);
    -ms-transform: translateX(-24%) scale(.75);
    transform: translateX(-24%) scale(.75)
}

.no-csstransforms .flipster-carousel .flip-prev {
    left: -9%;
    top: 20%;
    width: 75%;
    height: 75%
}

.flipster-carousel .flip-next {
    -webkit-transform: translateX(30%) translateZ(0) rotateY(0) scale(.8);
    -moz-transform: translateX(30%) translateZ(0) rotateY(0) scale(.8);
    -o-transform: translateX(30%) translateZ(0) rotateY(0) scale(.8);
    -ms-transform: translateX(30) translateZ(0) rotateY(0) scale(.8);
    transform: translateX(30%) translateZ(0) rotateY(0) scale(.8)
}

.flipster-carousel.no-rotate .flip-next {
    -webkit-transform: translateX(60%) translateZ(0) scale(.8);
    -moz-transform: translateX(60%) translateZ(0) scale(.8);
    -o-transform: translateX(60%) translateZ(0) scale(.8);
    -ms-transform: translateX(60%) translateZ(0) scale(.8);
    transform: translateX(60%) translateZ(0) scale(.8)
}

.no-csstransforms3d .flipster-carousel .flip-next {
    -webkit-transform: translateX(24%) scale(.75);
    -moz-transform: translateX(24%) scale(.75);
    -o-transform: translateX(24%) scale(.75);
    -ms-transform: translateX(24%) scale(.75);
    transform: translateX(24%) scale(.75)
}

.no-csstransforms .flipster-carousel .flip-next {
    left: 39%;
    top: 20%;
    width: 75%;
    height: 75%
}

.flipster-carousel .flip-future,
.flipster-carousel .flip-past {
    z-index: 1;
    -webkit-transition-delay: 87.5ms;
    -moz-transition-delay: 87.5ms;
    -o-transition-delay: 87.5ms;
    transition-delay: 87.5ms
}

.flipster-carousel .flip-future .img img,
.flipster-carousel .flip-past .img img {
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    transition: all .5s;
    -webkit-transition: all .5s
}

.flipster-carousel .flip-next,
.flipster-carousel .flip-prev {
    z-index: 2;
    -webkit-transition-delay: .058s;
    -moz-transition-delay: .058s;
    -o-transition-delay: .058s;
    transition-delay: .058s
}

.flipster-carousel .flip-next .img img,
.flipster-carousel .flip-prev .img img {
    -webkit-opacity: .6;
    -moz-opacity: .6;
    opacity: .6;
    transition: all .8s;
    -webkit-transition: all .8s
}

.flipster-carousel .flip-current {
    z-index: 25;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transition-delay: .058s;
    -moz-transition-delay: .058s;
    -o-transition-delay: .058s;
    transition-delay: .058s
}

.flipster-carousel .flip-current .text .yeary {
    opacity: 1!important;
    filter: alpha(opacity=0)!important;
    transform: translateY(0)!important;
    -webkit-transform: translateY(0)!important
}

.flipster-carousel .flip-hidden {
    visibility: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: rotateY(0) translateX(0) scale(.5);
    -moz-transform: rotateY(0) translateX(0) scale(.5);
    -o-transform: rotateY(0) translateX(0) scale(.5);
    -ms-transform: rotateY(0) translateX(0) scale(.5);
    transform: rotateY(0) translateX(0) scale(.5);
    -webkit-transition-delay: .116s;
    -moz-transition-delay: .116s;
    -o-transition-delay: .116s;
    transition-delay: .116s
}

.no-transition {
    -webkit-transition-duration: 0s!important;
    -moz-transition-duration: 0s!important;
    -o-transition-duration: 0s!important;
    transition-duration: 0s!important
}

.flipto-next,
.flipto-prev {
    height: 78px;
    width: 39px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -39px;
    transition: all .4s;
    -webkit-transition: all .4s
}

.flipto-prev {
    right: -35px;
    background: url(../images/o-right.png)
}

.flipto-next {
    left: -35px;
    background: url(../images/o-left.png)
}

.footer {
    height: 610px;
    background: url(../images/footer-bg.jpg) center no-repeat;
    position: relative;
    text-align: center;
    background-size: cover;
    width: 100%;
    bottom: 0;
    left: 0
}

.footer .footer-logo {
    padding: 30px 0 20px
}

.footer .footer-text {
    position: relative;
    text-align: center;
    margin-top: 15px
}

.footer .footer-text span {
    position: relative;
    display: inline-block;
    background: #1B1B1B;
    z-index: 15;
    padding: 0 15px
}

.footer .footer-text:after {
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
    top: 50%;
    height: 1px;
    background: #fff;
    opacity: .2;
    z-index: 2
}

.footer .footer-phone {
    margin-top: 15px
}

.footer .footer-img img {
    display: block;
    margin: 0 auto
}

.footer .CooperationCompany {
    text-align: center;
    margin-top: 25px
}

.footer .CooperationCompany span {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    opacity: .6;
    filter: alpha(opacity=60);
    width: 250px;
    cursor: pointer
}

.footer .CooperationCompany span.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.footer .copyright {
    height: 62px;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    line-height: 62px;
    text-align: center
}

.footer .copyright span {
    margin-left: 15px
}

.footer .copyright span a {
    color: #3e3e3e
}

.footer .ewm {
    display: inline-block;
    margin-top: 25px
}

.footer .ewm .es {
    display: none
}

.footer .ewm .es.active {
    display: block
}

.footer .ewm img {
    margin: 0 auto
}

.footer .ewm span {
    display: block;
    color: #fff;
    margin-top: 10px
}

.model_news_detail {
    max-width: 1000px;
    margin: auto;
    margin-bottom: 50px;
    position: relative
}

.model_news_detail .back {
    width: 100%;
    height: 50px;
    position: relative
}

.model_news_detail .back a {
    display: block;
    width: 150px;
    height: 40px;
    color: #fc9127;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 20px;
    right: 0;
    border: 1px solid #fc9127
}

.model_news_detail .back a:hover {
    background: #fc9127;
    color: #FFF
}

.model_news_detail .title {
    width: 90%;
    height: auto;
    line-height: 35px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    padding: 35px 5% 15px 5%
}

.model_news_detail .summary {
    width: 100%;
    height: auto;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #666;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ccc
}

.model_news_detail .summary span {
    font-size: 14px;
    font-family: Georgia, Times, serif;
    color: red;
    font-weight: 700
}

.model_news_detail .detailContent {
    width: 100%;
    min-height: 300px;
    margin: 25px 0;
    line-height: 28px;
    text-indent: 28px;
    color: #3E3E3E
}

.model_news_detail .detailContent img {
    text-indent: 0;
    text-indent: 0;
    max-width: 100%;
    margin: 15px auto;
    display: block
}

.model_news_detail .newShare {
    width: 100%;
    height: 25px;
    position: relative;
    margin: 15px 0 35px 0
}

.model_news_detail .newShare strong {
    float: right;
    margin-right: 10px
}

.model_news_detail .detailPage {
    width: 100%;
    height: auto
}

.model_news_detail .detailPage div a {
    font-weight: 400
}

.model_news_detail .detailPage div {
    width: 100%;
    line-height: 20px;
    border-bottom: 1px dotted #ccc;
    font-size: 14px;
    height: auto;
    padding: 5px 0;
    font-weight: 700
}

.swiper-pagination-bullet-active {
    background: #A80000
}

.operation-body .body-bottom .swipers .swiper-pagination {
    margin-top: 10px
}

.operation-body .body-bottom .swipers .swiper-pagination-bullet {
    margin: 0 5px
}

.zhiding {
    background: url(../images/zhiding.png);
    height: 32px;
    width: 32px;
    position: fixed;
    right: 15px;
    bottom: 35px;
    z-index: 25;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
    opacity: 0;
    filter: alpha(opacity=0)
}

.zhiding.cur {
    opacity: 1;
    filter: alpha(opacity=100)
}

#SA_x5F_Other.green circle {
    fill: #6fbc6d
}

svg:hover #land circle {
    animation: sea .5s linear forwards;
    -webkit-animation: sea .5s linear forwards
}

@keyframes sea {
    0% {
        fill: rgba(255, 255, 255, .2)
    }
    10% {
        fill: rgba(255, 255, 255, .4)
    }
    20% {
        fill: rgba(255, 255, 255, .6)
    }
    30% {
        fill: rgba(255, 255, 255, .8)
    }
    40% {
        fill: rgba(255, 255, 255, 1)
    }
    50% {
        fill: rgba(255, 255, 255, .8)
    }
    60% {
        fill: rgba(255, 255, 255, .6)
    }
    70% {
        fill: rgba(255, 255, 255, .4)
    }
    80% {
        fill: rgba(255, 255, 255, .2)
    }
    90% {
        fill: rgba(255, 255, 255, .1)
    }
    100% {
        fill: none
    }
}

@-webkit-keyframes sea {
    0% {
        fill: rgba(255, 255, 255, .2)
    }
    10% {
        fill: rgba(255, 255, 255, .4)
    }
    20% {
        fill: rgba(255, 255, 255, .6)
    }
    30% {
        fill: rgba(255, 255, 255, .8)
    }
    40% {
        fill: rgba(255, 255, 255, 1)
    }
    50% {
        fill: rgba(255, 255, 255, .8)
    }
    60% {
        fill: rgba(255, 255, 255, .6)
    }
    70% {
        fill: rgba(255, 255, 255, .4)
    }
    80% {
        fill: rgba(255, 255, 255, .2)
    }
    90% {
        fill: rgba(255, 255, 255, .1)
    }
    100% {
        fill: none
    }
}

#pin_x5F_NA:hover circle {
    animation: pin_x5F_NA .5s linear forwards;
    -webkit-animation: pin_x5F_NA .5s linear forwards
}

@keyframes pin_x5F_NA {
    50% {
        fill: rgba(255, 255, 255, .5)
    }
    100% {
        fill: #f00a20
    }
}

@-webkit-keyframes pin_x5F_NA {
    50% {
        fill: rgba(255, 255, 255, .5)
    }
    100% {
        fill: #f00a20
    }
}

#pin_x5F_SA:hover circle {
    animation: pin_x5F_SA .5s linear forwards;
    -webkit-animation: pin_x5F_SA .5s linear forwards
}

@keyframes pin_x5F_SA {
    50% {
        fill: rgba(255, 255, 255, .5)
    }
    100% {
        fill: #f00a20
    }
}

@-webkit-keyframes pin_x5F_SA {
    50% {
        fill: rgba(255, 255, 255, .5)
    }
    100% {
        fill: #f00a20
    }
}

#pin_x5F_E:hover circle {
    animation: pin_x5F_E .5s linear forwards;
    -webkit-animation: pin_x5F_E .5s linear forwards
}

@keyframes pin_x5F_E {
    50% {
        fill: rgba(255, 255, 255, .5)
    }
    100% {
        fill: #f00a20
    }
}

@-webkit-keyframes pin_x5F_E {
    50% {
        fill: rgba(255, 255, 255, .5)
    }
    100% {
        fill: #f00a20
    }
}

#pin_x5F_Asia:hover circle {
    animation: pin_x5F_Asia .5s linear forwards;
    -webkit-animation: pin_x5F_Asia .5s linear forwards
}

@keyframes pin_x5F_Asia {
    50% {
        fill: rgba(255, 255, 255, .5)
    }
    100% {
        fill: #f00a20
    }
}

@-webkit-keyframes pin_x5F_Asia {
    50% {
        fill: rgba(255, 255, 255, .5)
    }
    100% {
        fill: #f00a20
    }
}

#pin_x5F_O:hover circle {
    animation: pin_x5F_O .5s linear forwards;
    -webkit-animation: pin_x5F_O .5s linear forwards
}

@keyframes pin_x5F_O {
    50% {
        fill: rgba(255, 255, 255, .5)
    }
    100% {
        fill: #f00a20
    }
}

@-webkit-keyframes pin_x5F_O {
    50% {
        fill: rgba(255, 255, 255, .5)
    }
    100% {
        fill: #f00a20
    }
}

#pin_x5F_NA {
    cursor: url(../images/red.png), pointer
}

#pin_x5F_SA {
    cursor: url(../images/red.png), pointer
}

#pin_x5F_E {
    cursor: url(../images/red.png), pointer
}

#pin_x5F_Asia {
    cursor: url(../images/red.png), pointer
}

#pin_x5F_O {
    cursor: url(../images/red.png), pointer
}

#pin_x5F_Asia circle,
#pin_x5F_E circle,
#pin_x5F_NA circle,
#pin_x5F_O circle,
#pin_x5F_SA circle {
    fill: #c98585
}

#pin_x5F_NA .zmd.zm1 {
    animation: RED 1.2s linear infinite
}

#pin_x5F_NA .zmd.zm2 {
    animation: RED2 1.2s linear infinite
}

#pin_x5F_NA .zmd.zm3 {
    animation: RED3 1.2s linear infinite
}

#pin_x5F_NA .zmd.zm4 {
    animation: RED4 1.2s linear infinite
}

#pin_x5F_NA .zmd.zm5 {
    animation: RED5 1.2s linear infinite
}

#pin_x5F_NA .zmd.zm6 {
    animation: RED6 1.2s linear infinite
}

#pin_x5F_NA .zmd.zm7 {
    animation: RED7 1.2s linear infinite
}

#pin_x5F_NA .zmd.zm8 {
    animation: RED8 1.2s linear infinite
}

#pin_x5F_SA .zmd.zm1 {
    animation: RED 1.1s linear infinite
}

#pin_x5F_SA .zmd.zm2 {
    animation: RED2 1.1s linear infinite
}

#pin_x5F_SA .zmd.zm3 {
    animation: RED3 1.1s linear infinite
}

#pin_x5F_SA .zmd.zm4 {
    animation: RED4 1.1s linear infinite
}

#pin_x5F_SA .zmd.zm5 {
    animation: RED5 1.1s linear infinite
}

#pin_x5F_SA .zmd.zm6 {
    animation: RED6 1.1s linear infinite
}

#pin_x5F_SA .zmd.zm7 {
    animation: RED7 1.1s linear infinite
}

#pin_x5F_SA .zmd.zm8 {
    animation: RED8 1.1s linear infinite
}

#pin_x5F_E .zmd.zm1 {
    animation: RED 1s linear infinite
}

#pin_x5F_E .zmd.zm2 {
    animation: RED2 1s linear infinite
}

#pin_x5F_E .zmd.zm3 {
    animation: RED3 1s linear infinite
}

#pin_x5F_E .zmd.zm4 {
    animation: RED4 1s linear infinite
}

#pin_x5F_E .zmd.zm5 {
    animation: RED5 1s linear infinite
}

#pin_x5F_E .zmd.zm6 {
    animation: RED6 1s linear infinite
}

#pin_x5F_E .zmd.zm7 {
    animation: RED7 1s linear infinite
}

#pin_x5F_E .zmd.zm8 {
    animation: RED8 1s linear infinite
}

#pin_x5F_Asia .zmd.zm1 {
    animation: RED 1.3s linear infinite
}

#pin_x5F_Asia .zmd.zm2 {
    animation: RED2 1.3s linear infinite
}

#pin_x5F_Asia .zmd.zm3 {
    animation: RED3 1.3s linear infinite
}

#pin_x5F_Asia .zmd.zm4 {
    animation: RED4 1.3s linear infinite
}

#pin_x5F_Asia .zmd.zm5 {
    animation: RED5 1.3s linear infinite
}

#pin_x5F_Asia .zmd.zm6 {
    animation: RED6 1.3s linear infinite
}

#pin_x5F_Asia .zmd.zm7 {
    animation: RED7 1.3s linear infinite
}

#pin_x5F_Asia .zmd.zm8 {
    animation: RED8 1.3s linear infinite
}

#pin_x5F_O .zmd.zm1 {
    animation: RED 1s linear infinite
}

#pin_x5F_O .zmd.zm2 {
    animation: RED2 1s linear infinite
}

#pin_x5F_O .zmd.zm3 {
    animation: RED3 1s linear infinite
}

#pin_x5F_O .zmd.zm4 {
    animation: RED4 1s linear infinite
}

#pin_x5F_O .zmd.zm5 {
    animation: RED5 1s linear infinite
}

#pin_x5F_O .zmd.zm6 {
    animation: RED6 1s linear infinite
}

#pin_x5F_O .zmd.zm7 {
    animation: RED7 1s linear infinite
}

#pin_x5F_O .zmd.zm8 {
    animation: RED8 1s linear infinite
}

@keyframes RED {
    0%,
    100%,
    24.6% {
        fill: #c98585
    }
    12.3% {
        fill: #f32020
    }
}

@keyframes RED2 {
    0%,
    100%,
    12.3%,
    36.9% {
        fill: #c98585
    }
    24.6% {
        fill: #f32020
    }
}

@keyframes RED3 {
    0%,
    100%,
    24.6%,
    49.2% {
        fill: #c98585
    }
    36.9% {
        fill: #f32020
    }
}

@keyframes RED4 {
    0%,
    100%,
    36.9%,
    61.5% {
        fill: #c98585
    }
    49.2% {
        fill: #f32020
    }
}

@keyframes RED5 {
    0%,
    100%,
    49.2%,
    73.8% {
        fill: #c98585
    }
    61.5% {
        fill: #f32020
    }
}

@keyframes RED6 {
    0%,
    100%,
    61.5%,
    86.1% {
        fill: #c98585
    }
    73.8% {
        fill: #f32020
    }
}

@keyframes RED7 {
    0%,
    100%,
    73.8% {
        fill: #c98585
    }
    86.1% {
        fill: #f32020
    }
}

@keyframes RED8 {
    0%,
    86.1% {
        fill: #c98585
    }
    100% {
        fill: #f32020
    }
}

.svg-map {
    width: 1000px;
    margin: 30px auto;
    position: relative
}

.svg-map svg {
    width: 100%
}

.pop-svg-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 100;
    display: none
}

.pop-svg {
    width: 800px;
    height: 50%;
    background: url(../images/pop-svg-over.jpg);
    position: absolute;
    left: 50%;
    top: 25%;
    z-index: 15;
    margin-left: -400px;
    overflow: hidden;
    border-radius: 20px
}

.pop-svg .title {
    height: 54px;
    line-break: 54px;
    background: #850005;
    font-size: 18px;
    color: #fff;
    text-align: center;
    position: relative;
    line-height: 54px
}

.pop-svg .title:after {
    background: url(../images/pop-title.png) no-repeat;
    width: 163px;
    height: 41px;
    content: '';
    position: absolute;
    right: 10px;
    top: 1px;
    top: 6px
}

.pop-svg-over {
    position: absolute;
    height: 80%;
    width: 96%;
    bottom: 5%
}

.pop-svg ul {
    overflow: hidden;
    position: absolute;
    width: 100%
}

.pop-svg ul p {
    width: 33%;
    float: left;
    text-align: center;
    line-height: 24px;
    margin: 2px 0
}

.pop-svg-off {
    position: absolute;
    top: 0;
    cursor: url(../images/hover.ico), crosshair;
    width: 100%;
    height: 100%;
    left: 0
}

.ImportantPlace ul li {
    position: absolute;
    width: 160px
}

.ImportantPlace ul li div {
    background: #d33b3a;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    line-height: 28px;
    color: #fff;
    text-align: center
}

.ImportantPlace ul li.cur1 {
    left: -5%;
    top: 16%
}

.ImportantPlace ul li.cur2 {
    left: -5%;
    top: 29%
}

.ImportantPlace ul li.cur3 {
    left: -5%;
    top: 42%
}

.ImportantPlace ul li.cur4 {
    right: -1%;
    top: 30%
}

.ImportantPlace ul li.cur1 span.after {
    position: absolute;
    width: 70px;
    height: 2px;
    background: #d33b3a;
    right: -70px;
    top: 14px
}

.ImportantPlace ul li.cur2 span.after {
    position: absolute;
    width: 70px;
    height: 2px;
    background: #d33b3a;
    right: -70px;
    top: 14px
}

.ImportantPlace ul li.cur3 span.after {
    position: absolute;
    width: 70px;
    height: 2px;
    background: #d33b3a;
    right: -70px;
    top: 14px
}

.ImportantPlace ul li.cur4 span.after {
    position: absolute;
    width: 70px;
    height: 2px;
    background: #d33b3a;
    left: -70px;
    top: 14px
}

.ImportantPlace ul li.cur1 span.before {
    position: absolute;
    width: 40px;
    height: 2px;
    background: #d33b3a;
    right: -109px;
    top: 14px;
    transform: rotate(23deg);
    -webkit-transform: rotate(23deg);
    transform-origin: left;
    -webkit-transform-origin: left
}

.ImportantPlace ul li.cur2 span.before {
    position: absolute;
    width: 40px;
    height: 2px;
    background: #d33b3a;
    right: -109px;
    top: 14px;
    transform: rotate(-23deg);
    -webkit-transform: rotate(-23deg);
    transform-origin: left;
    -webkit-transform-origin: left
}

.ImportantPlace ul li.cur3 span.before {
    position: absolute;
    width: 63px;
    height: 2px;
    background: #d33b3a;
    right: -133px;
    top: 14px;
    transform: rotate(-52deg);
    -webkit-transform: rotate(-52deg);
    transform-origin: left;
    -webkit-transform-origin: left
}

.ImportantPlace ul li.cur4 span.before {
    position: absolute;
    width: 63px;
    height: 2px;
    background: #d33b3a;
    left: -133px;
    top: 14px;
    transform: rotate(-23deg);
    -webkit-transform: rotate(-23deg);
    transform-origin: right;
    -webkit-transform-origin: right
}

.circles {
    display: none
}

.circles div {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    left: 0;
    cursor: pointer
}

.circles div.land1 {
    top: 26%;
    left: 22%;
    cursor: url(../images/red.png), pointer
}

.circles div.land2 {
    top: 14%;
    left: 50%;
    cursor: url(../images/blue.png), pointer
}

.circles div.land3 {
    top: 71%;
    left: 30%;
    cursor: url(../images/black.png), pointer
}

.circles div.land4 {
    top: 40%;
    left: 70%;
    cursor: url(../images/yellow.png), pointer
}

.circles div span {
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #721414;
    border-radius: 50%;
    position: absolute/*!  */
    /*!  */
}

.circles div.land1 span {
    border-color: #f63a43
}

.circles div.land2 span {
    border-color: #596bf9
}

.circles div.land3 span {
    border-color: #49f854
}

.circles div.land4 span {
    border-color: #fce650
}

.circles div .circle1 {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #fff;
    opacity: .2;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-animation: bgAniamte 2s ease infinite;
    -moz-animation: bgAniamte 2s ease infinite;
    -ms-animation: bgAniamte 2s ease infinite;
    animation: bgAniamte 2s ease infinite;
    margin: -25px 0 0 -25px
}

.circles div .circle2 {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #e1e1e1;
    border-radius: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    box-shadow: 0 0 10px #c7c7c7;
    margin: -15px 0 0 -15px;
    z-index: 12
}

.circles div .circle3 {
    width: 16px;
    height: 16px;
    background: #747474 url(../images/plus.png) no-repeat;
    border-radius: 19px;
    border: 2px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-animation: rectAniamte 2s ease infinite;
    -moz-animation: rectAniamte 2s ease infinite;
    -ms-animation: rectAniamte 2s ease infinite;
    animation: rectAniamte 2s ease infinite;
    margin: -8px 0 0 -8px;
    z-index: 15
}

@-webkit-keyframes bgAniamte {
    0% {
        opacity: .8;
        transform: scale(.8);
        -webkit-transform: scale(.8)
    }
    80% {
        opacity: 0;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes bgAniamte {
    0% {
        opacity: .8;
        transform: scale(.8);
        -webkit-transform: scale(.8)
    }
    80% {
        opacity: 0;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-ms-keyframes bgAniamte {
    0% {
        width: 30px;
        height: 30px;
        opacity: .8;
        left: 10px;
        top: 10px
    }
    80% {
        width: 50px;
        height: 50px;
        opacity: 0;
        left: 0;
        top: 0
    }
    100% {
        width: 50px;
        height: 50px;
        opacity: 0;
        left: 0;
        top: 0
    }
}

@keyframes bgAniamte {
    0% {
        opacity: .8;
        transform: scale(.8);
        -webkit-transform: scale(.8)
    }
    80% {
        opacity: 0;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes rectAniamte {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rectAniamte {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes rectAniamte {
    0% {
        -ms-transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg)
    }
}

@keyframes rectAniamte {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes aa {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        opacity: 0
    }
    33% {
        transform: scale(.5);
        -webkit-transform: scale(.5);
        opacity: .8
    }
    66% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: .6
    }
    99% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes aa {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        opacity: 0
    }
    33% {
        transform: scale(.5);
        -webkit-transform: scale(.5);
        opacity: .8
    }
    66% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: .6
    }
    99% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@media screen and (min-width: 1025px) {
    .ImportantPlace ul li div {
        opacity: 0;
        filter: alpha(opacity=0)
    }
    .ImportantPlace ul li.cur1 span.after,
    .ImportantPlace ul li.cur1 span.before,
    .ImportantPlace ul li.cur2 span.after,
    .ImportantPlace ul li.cur2 span.before,
    .ImportantPlace ul li.cur3 span.after,
    .ImportantPlace ul li.cur3 span.before,
    .ImportantPlace ul li.cur4 span.after,
    .ImportantPlace ul li.cur4 span.before {
        width: 0
    }
}

.productDel-body .PageTitle span.en:after {
    display: none
}

.productDel-body .Del-content {
    background: url(../images/bg.jpg);
    position: relative;
    padding: 60px 0;
    text-align: center
}

.productDel-body .Del-content:before {
    content: "";
    display: block;
    width: 0;
    border-top: 12px solid #fff;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: 0;
    z-index: 3;
    left: 50%;
    margin-left: -12px
}

.productDel-body .Del-content .c-tit {
    display: inline-block;
    margin-bottom: -4px
}

.productDel-body .boxs {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.productDel-body .boxs .box {
    width: 50%;
    padding: 30px 0;
    position: relative;
    z-index: 1
}

.productDel-body .boxs .box.odd {
    text-align: left;
    float: left
}

.productDel-body .boxs .box.even {
    text-align: right;
    float: right
}

.productDel-body .boxs .line {
    height: 100%;
    width: 1px;
    background: #A2060A;
    left: 50%;
    top: 0;
    position: absolute;
    content: '';
    top: -253px
}

.OtherIndustries {
    margin-top: 35px
}

.OtherIndustries ul {
    text-align: center
}

.OtherIndustries ul li {
    display: inline-block;
    border: 1px solid #bfbfbf;
    margin: 0 15px;
    color: #3d3d3d;
    position: relative
}

.OtherIndustries ul li a {
    color: #3d3d3d;
    padding: 20px;
    display: block
}

.OtherIndustries ul li:after {
    position: absolute;
    content: '';
    width: 30%;
    height: 2px;
    background: #B7060B;
    bottom: 20%;
    left: 20px;
    transition: all .4s;
    -webkit-transition: all .4s
}

.OtherIndustries ul li.active a,
.OtherIndustries ul li:hover a {
    background: #B7060B;
    color: #fff
}

.OtherIndustries ul li.active:after,
.OtherIndustries ul li:hover:after {
    background: #fff;
    width: 40%
}

.productDel-body .boxs .box.box2 {
    padding-top: 160px
}

.productDel-body .boxs .box img {
    border-radius: 5px;
    display: inline-block;
    width: 80%
}

.productDel-body .boxs .box:after {
    content: "";
    position: absolute;
    width: 20%;
    height: 1px;
    background: #850003;
    top: 126px;
    right: 0;
    z-index: 3
}

.productDel-body .boxs .box.even:after {
    right: auto;
    left: 0
}

.productDel-body .boxs .box.box2:after {
    top: 256px
}

.productDel-body .boxs .box:before {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #850003;
    top: 120px;
    right: -7px;
    z-index: 10
}

.productDel-body .boxs .box.even:before {
    right: auto;
    left: -7px
}

.productDel-body .boxs .box.box2:before {
    top: 250px
}

.productDel-body.P-02 .boxs .box.even {
    border: none
}

.productDel-body.P-02 .boxs .box.box2 {
    padding-top: 210px
}

.productDel-body.P-02 .boxs .box:before {
    /*!  */
}

.productDel-body.P-02 .boxs .box.box2:before {
    top: 360px
}

.productDel-body.P-02 .boxs .box.box2:after {
    top: 365px
}

.operationDel-body .PageTitle span.en:after {
    display: none
}

.operationDel-body .pages {
    background: url(../images/bg.jpg)
}

.operationDel-body .boxs {
    margin: 0;
    cursor: pointer
}

.operationDel-body .box {
    padding: 0
}

.operationDel-body .box .img {
    position: relative;
    overflow: hidden
}

.operationDel-body .box .img img {
    width: 100%;
    display: inline-block;
    transition: all .5s;
    -webkit-transition: all .5s
}

.operationDel-body .box .img:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/search.png) no-repeat center center;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2;
    transition: all .5s;
    -webkit-transition: all .5s;
    background-size: 0
}

.operationDel-body .box .img:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .5s;
    -webkit-transition: all .5s
}

.operationDel-body .box .p-tit {
    padding: 0 25px;
    height: 60px;
    line-height: 60px;
    color: #333;
    transition: all .5s;
    -webkit-transition: all .5s
}

.operationDel-body .box .Parent-box .Mask {
    background: #B7060B;
    z-index: -1
}

@media screen and (min-width: 1025px) {
    .operationDel-body .box:hover .img img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1)
    }
    .operationDel-body .box:hover .img:before {
        opacity: 1;
        filter: alpha(opacity=100);
        background-size: 36px
    }
    .operationDel-body .box:hover .img:after {
        opacity: .5;
        filter: alpha(opacity=50)
    }
    .operationDel-body .box:hover .p-tit {
        background: #ab0004;
        color: #fff
    }
}

.operationDel-body .box {
    padding: 0;
    cursor: pointer
}

.product-show {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none
}

.product-show .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: .7
}

.product-show .pic {
    width: 70%;
    height: 80%;
    overflow: hidden;
    position: absolute;
    z-index: 15;
    left: 15%;
    top: 10%
}

.product-show .pic img {
    width: 100%;
    margin: 0 auto;
    border-radius: 15px
}

.product-show .bg:hover {
    cursor: url(../images/hover.ico), crosshair
}

.company-infor-body {
    background: url(../images/bg.jpg);
    position: relative;
    padding-top: 63px
}

.company-infor-body .company-names ul {
    text-align: center
}

.company-infor-body .company-names li {
    width: 145px;
    height: 114px;
    border: 1px solid #bfbfbf;
    display: inline-block;
    margin: 0 15px;
    color: #3d3d3d;
    transition: all .3s;
    -webkit-transition: all .3s
}

.company-infor-body .company-names li span {
    display: block;
    font-size: 18px;
    text-align: left;
    height: 46px;
    line-height: 23px;
    text-indent: 1em;
    position: relative;
    overflow: hidden
}

.company-infor-body .company-names li span.en {
    text-align: center;
    text-indent: 0
}

.company-infor-body .company-names li span.cn {
    height: 30px
}

.company-infor-body .company-names li span.cn:after {
    width: 26px;
    height: 2px;
    background: #850005;
    position: absolute;
    content: '';
    left: 1em;
    bottom: 0
}

.company-infor-body .company-names li.active {
    background: #850005;
    border: 1px solid #850005;
    color: #fff
}

.company-infor-body .company-names li.active span:after {
    background: #fff
}

.company-infor-body .company-names li a {
    color: #3d3d3d;
    display: block;
    height: 100%;
    padding-top: 0;
    text-decoration: none
}

.company-infor-body .company-names li.active a {
    color: #fff
}

@media screen and (min-width: 1201px) {
    .company-infor-body .company-names li:hover {
        background: #850005;
        border: 1px solid #850005;
        color: #fff
    }
    .company-infor-body .company-names li:hover span:after {
        background: #fff
    }
    .company-infor-body .company-names li:hover a {
        color: #fff
    }
}

.company-infor-body .company-information {
    font-size: 14px;
    line-height: 28px;
    margin-top: 25px;
    overflow: hidden;
    padding-bottom: 75px
}

.company-infor-body .company-information .company-name {
    padding-bottom: 20px;
    position: relative
}

.company-infor-body .company-information .company-name span {
    display: block;
    text-align: center;
    position: relative
}

.company-infor-body .company-information .company-name span.cn {
    font-size: 30px;
    color: #850005;
    line-height: 63px
}

.company-infor-body .company-information .company-name span.en {
    color: #060001;
    text-transform: uppercase;
    opacity: .5
}

.company-infor-body .company-information .company-name span.en:after {
    width: 84px;
    height: 1px;
    background: #850005;
    position: absolute;
    content: '';
    left: 50%;
    margin-left: -42px;
    bottom: -15px
}

.company-infor-body .company-information .company-img {
    display: block;
    margin: 45px auto 25px;
    width: 100%
}

.company-infor-body .company-information .web-text {
    width: 374px;
    height: 38px;
    text-align: center;
    background: #850005;
    font-size: 16px;
    line-height: 38px;
    color: #fff;
    margin: 0 auto;
    border-radius: 0 0 8px 8px;
    margin-top: 55px
}

.company-infor-body .company-information .web-text:after {
    width: 100%;
    left: 0;
    position: absolute;
    content: '';
    height: 1px;
    background: #850005
}

.company-infor-body .company-information .web-text a {
    color: #fff
}

.cooperationModel-text {
    width: 100%;
    height: 100%;
    background: url(../images/cooperationModel-text.png) no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.cooperationModel-body .page-text {
    background: url(../images/CooperationModel-page-text.png) no-repeat center center;
    height: 180px
}

.cooperationModel-body .cooperationModel-bk ul {
    margin: 0 auto
}

.cooperationModel-body .cooperationModel-bk li {
    position: relative;
    padding: 0
}

.cooperationModel-body .cooperationModel-bk li img {
    width: 100%
}

.cooperationModel-body .cooperationModel-bk li .bg-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    transition: cubic-bezier(.22, .61, .36, 1) .5s;
    -webkit-transition: cubic-bezier(.22, .61, .36, 1) .5s
}

.cooperationModel-body .cooperationModel-bk li .black {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: #000;
    opacity: .8;
    z-index: 15;
    transition: cubic-bezier(.22, .61, .36, 1) .5s;
    -webkit-transition: cubic-bezier(.22, .61, .36, 1) .5s
}

.cooperationModel-body .cooperationModel-bk li .round {
    width: 290px;
    position: absolute;
    top: 45%;
    left: 50%;
    margin: -145px 0 0 -145px;
    overflow: hidden;
    height: 60%;
    transition: cubic-bezier(.22, .61, .36, 1) .5s;
    -webkit-transition: cubic-bezier(.22, .61, .36, 1) .5s;
    z-index: 16
}

.cooperationModel-body .cooperationModel-bk li .round-text {
    position: absolute;
    top: 20%;
    width: 90%;
    left: 5%;
    overflow: hidden;
    height: 0%;
    transition: cubic-bezier(.22, .61, .36, 1) .5s;
    -webkit-transition: cubic-bezier(.22, .61, .36, 1) .5s;
    z-index: 17
}

@media screen and (min-width: 1201px) {
    .cooperationModel-body .cooperationModel-bk li:hover .round-text {
        height: 70%
    }
    .cooperationModel-body .cooperationModel-bk li:hover .round {
        height: 0%
    }
}

.Exhibition-body h2 {
    position: relative;
    padding-top: 56px;
    padding-bottom: 66px;
    line-height: 26px;
    text-align: center;
    color: #1d1d1d;
    font-family: "鏂板畫浣�";
    font-weight: 900
}

.Exhibition-body h2:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    border: 12px solid;
    border-color: #fff transparent transparent transparent;
    z-index: 3;
    margin-left: -12px
}

.Exhibition-body h2 small {
    margin-top: 20px;
    font-family: "寰蒋闆呴粦";
    font-size: 18px;
    opacity: .2
}

.Exhibition-body figure {
    background: url(../images/bg.jpg)
}

.Exhibition-body figure div {
    margin: 0 auto;
    padding: 52px 0;
    width: 1200px;
    font-family: "鏂板畫浣�";
    line-height: 26px;
    text-align: justify
}

.Exhibition-body figure div img {
    margin: 15px 0;
    width: 100%
}

.planning-body h2 {
    position: relative;
    padding-top: 56px;
    padding-bottom: 66px;
    line-height: 26px;
    text-align: center;
    color: #1d1d1d;
    font-family: "鏂板畫浣�";
    font-weight: 900
}

.planning-body h2:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    border: 12px solid;
    border-color: #fff transparent transparent transparent;
    z-index: 3;
    margin-left: -12px
}

.planning-body h2 small {
    margin-top: 20px;
    font-family: "寰蒋闆呴粦";
    font-size: 18px;
    opacity: .2
}

.planning-body figure {
    padding-top: 42px;
    padding-bottom: 42px;
    background: url(../images/bg.jpg)
}

.planning-body figure figcaption {
    margin: 0 auto;
    max-width: 1200px;
    line-height: 26px;
    font-size: 14px/*! font-family: "鏂板畫浣�"; */
}

.planning-body figure .block {
    position: relative;
    margin: 42px auto 0;
    max-width: 1200px
}

.planning-body figure div img {
    float: left;
    display: inline-block;
    width: 50%;
    height: auto
}

.planning-body figure .block:nth-of-type(2n) img {
    float: right
}

.planning-body figure article {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 24px;
    width: 50%;
    height: 100%;
    background-color: #fff;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    justify-content: center
}

.planning-body figure article .inner-box {
    max-height: calc(100% - 80);
    overflow-y: auto
}

.planning-body figure .block:nth-of-type(2n+1) article {
    left: initial;
    right: 0
}

.planning-body figure div article h3 {
    font-weight: 800;
    color: #ab0004;
    margin-bottom: 22px;
    font-weight: 100
}

.planning-body figure div article h3 small {
    opacity: .5;
    font-family: "瀹嬩綋";
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px
}

.planning-body figure div article h3 span {
    display: inline-block;
    width: 88px;
    height: 1px;
    background-color: #ab0004
}

.planning-body figure div article {
    color: #666;
    line-height: 26px;
    font-size: 14px;
    text-align: justify
}

.page_navigation {
    text-align: center;
    height: 150px;
    line-height: 150px
}

.page_navigation a {
    display: inline-block;
    width: 22px;
    height: 22px;
    overflow: hidden
}

.page_navigation .page_link {
    line-height: 22px;
    border: 1px solid #6b0104;
    margin: 0 10px;
    text-align: center;
    color: #666
}

.page_navigation .previous_link {
    width: 22px;
    height: 22px;
    background: url(../images/left-arrow.png) center no-repeat;
    text-indent: 10em;
    background-position: center
}

.page_navigation .previous_link.p-next {
    background: url(../images/right-arrow.png) no-repeat;
    background-position: center
}

.page_navigation .page_link.active_page {
    background: #6B0104;
    color: #fff
}

@media screen and (min-width: 767px) {
    .index-body .box1 .bolang1 {
        -webkit-animation: bolang1 18s linear infinite;
        animation: bolang1 18s linear infinite
    }
    @-webkit-keyframes bolang1 {
        0% {
            background-position: 0 50px
        }
        100% {
            background-position: 1900px 50px
        }
    }
    @keyframes bolang1 {
        0% {
            background-position: 0 50px
        }
        100% {
            background-position: 1900px 50px
        }
    }
    .index-body .box1 .bolang2 {
        -webkit-animation: bolang2 24s linear infinite;
        animation: bolang2 24s linear infinite
    }
    @-webkit-keyframes bolang2 {
        0% {
            background-position: 0 0
        }
        100% {
            background-position: -1900px 0
        }
    }
    @keyframes bolang2 {
        0% {
            background-position: 0 0
        }
        100% {
            background-position: -1900px 0
        }
    }
    .index-body .box1 .milestones ul li.cur1 .round {
        top: 36%;
        -webkit-animation: round1 12s ease-in-out infinite;
        animation: round1 12s ease-in-out infinite
    }
    .index-body .box1 .milestones ul li.cur2 .round {
        top: 48%;
        -webkit-animation: round2 12s ease-in-out infinite;
        animation: round2 12s ease-in-out infinite
    }
    .index-body .box1 .milestones ul li.cur3 .round {
        top: 52%;
        -webkit-animation: round3 12s ease-in-out -1s infinite;
        animation: round3 12s ease-in-out -1s infinite
    }
    .index-body .box1 .milestones ul li.cur4 .round {
        top: 38%;
        -webkit-animation: round4 12s ease-in-out infinite;
        animation: round4 12s ease-in-out infinite
    }
    .index-body .box1 .milestones ul li.cur5 .round {
        top: 47%;
        -webkit-animation: round5 12s ease-in-out 1.5s infinite;
        animation: round5 12s ease-in-out 1.5s infinite
    }
    .index-body .box1 .milestones ul li.cur6 .round {
        top: 45%;
        -webkit-animation: round6 12s ease-in-out -1s infinite;
        animation: round6 12s ease-in-out -1s infinite
    }
    .index-body .box1 .milestones ul li.cur7 .round {
        top: 45%;
        -webkit-animation: round7 12s ease-in-out 1.7s infinite;
        animation: round7 12s ease-in-out 1.7s infinite
    }
    @-webkit-keyframes round1 {
        0% {
            top: 36%
        }
        50% {
            top: 52%
        }
        100% {
            top: 36%
        }
    }
    @keyframes round1 {
        0% {
            top: 36%
        }
        50% {
            top: 52%
        }
        100% {
            top: 36%
        }
    }
    @-webkit-keyframes round2 {
        0% {
            top: 48%
        }
        15% {
            top: 52%
        }
        65% {
            top: 36%
        }
        100% {
            top: 48%
        }
    }
    @keyframes round2 {
        0% {
            top: 48%
        }
        15% {
            top: 52%
        }
        65% {
            top: 36%
        }
        100% {
            top: 48%
        }
    }
    @-webkit-keyframes round3 {
        0% {
            top: 52%
        }
        50% {
            top: 36%
        }
        100% {
            top: 52%
        }
    }
    @keyframes round3 {
        0% {
            top: 52%
        }
        50% {
            top: 36%
        }
        100% {
            top: 52%
        }
    }
    @keyframes round4 {
        0% {
            top: 38%
        }
        5% {
            top: 36%
        }
        55% {
            top: 52%
        }
        100% {
            top: 38%
        }
    }
    @-webkit-keyframes round4 {
        0% {
            top: 38%
        }
        5% {
            top: 36%
        }
        55% {
            top: 52%
        }
        100% {
            top: 38%
        }
    }
    @-webkit-keyframes round5 {
        0% {
            top: 47%
        }
        15% {
            top: 52%
        }
        65% {
            top: 36%
        }
        100% {
            top: 47%
        }
    }
    @keyframes round5 {
        0% {
            top: 47%
        }
        15% {
            top: 52%
        }
        65% {
            top: 36%
        }
        100% {
            top: 47%
        }
    }
    @-webkit-keyframes round6 {
        0% {
            top: 53%
        }
        50% {
            top: 40%
        }
        100% {
            top: 53%
        }
    }
    @keyframes round6 {
        0% {
            top: 53%
        }
        50% {
            top: 36%
        }
        100% {
            top: 53%
        }
    }
    @-webkit-keyframes round7 {
        0% {
            top: 36%
        }
        50% {
            top: 52%
        }
        100% {
            top: 36%
        }
    }
    @keyframes round7 {
        0% {
            top: 36%
        }
        50% {
            top: 52%
        }
        100% {
            top: 36%
        }
    }
}

@media screen and (max-width: 1750px) {
    .swiper-button-next-milestones {
        right: -50px
    }
    .swiper-button-prev-milestones {
        left: -50px
    }
    .index-body .box1 .milestones ul li.cur1 .round {
        animation-delay: 1s;
        -webkit-animation-delay: 1s
    }
    .index-body .box1 .milestones ul li.cur2 .round {
        animation-delay: 3s;
        -webkit-animation-delay: 3s
    }
    .index-body .box1 .milestones ul li.cur3 .round {
        animation-delay: 1s;
        -webkit-animation-delay: 1s
    }
    .index-body .box1 .milestones ul li.cur4 .round {
        animation-delay: -10s;
        -webkit-animation-delay: -10s
    }
    .index-body .box1 .milestones ul li.cur5 .round {
        animation-delay: -8s;
        -webkit-animation-delay: -8s
    }
    .index-body .box1 .milestones ul li.cur6 .round {
        animation-delay: 2s;
        -webkit-animation-delay: 2s
    }
    .index-body .box1 .milestones ul li.cur7 .round {
        animation-delay: -8s;
        -webkit-animation-delay: -8s
    }
}

@media screen and (max-width: 1450px) and (min-width:1025px) {
    .swiper-button-next-milestones {
        right: -70px
    }
    .swiper-button-prev-milestones {
        left: -70px
    }
    .index-body .box1 .bolang1,
    .index-body .box1 .bolang2 {
        background-size: 1629px auto
    }
    @-webkit-keyframes bolang2 {
        0% {
            background-position: 0 0
        }
        100% {
            background-position: -1629px 0
        }
    }
    @keyframes bolang2 {
        0% {
            background-position: 0 0
        }
        100% {
            background-position: -1629px 0
        }
    }
    @-webkit-keyframes bolang1 {
        0% {
            background-position: 0 50px
        }
        100% {
            background-position: 1629px 50px
        }
    }
    @keyframes bolang1 {
        0% {
            background-position: 0 50px
        }
        100% {
            background-position: 1629px 50px
        }
    }
}

@media screen and (width: 1024px) {
    .product-text {
        background-size: 90%
    }
    .product-text.sb {
        background-size: initial
    }
    #mobileNav ul li.active {
        background-color: #8c1114
    }
    .index-body .box3 {
        height: auto;
        padding-bottom: 60px
    }
    .product-body .boxs {
        height: auto;
        padding-bottom: 40px
    }
    .swiper-button-next-milestones {
        display: none
    }
    .swiper-button-prev-milestones {
        display: none
    }
    .index-body .box1 .bolang1,
    .index-body .box1 .bolang2 {
        background-size: 2223px auto
    }
    .index-body .box1 .bolang2 {
        top: 35%
    }
    @-webkit-keyframes bolang2 {
        0% {
            background-position: 0 0
        }
        100% {
            background-position: -2223px 0
        }
    }
    @keyframes bolang2 {
        0% {
            background-position: 0 0
        }
        100% {
            background-position: -2223px 0
        }
    }
    @-webkit-keyframes bolang1 {
        0% {
            background-position: 0 50px
        }
        100% {
            background-position: 2223px 50px
        }
    }
    @keyframes bolang1 {
        0% {
            background-position: 0 50px
        }
        100% {
            background-position: 2223px 50px
        }
    }
    .index-body .box1 .milestones ul li.cur1 .round {
        animation-delay: -10s;
        -webkit-animation-delay: -10s
    }
    .index-body .box1 .milestones ul li.cur2 .round {
        animation-delay: -9s;
        -webkit-animation-delay: -9s
    }
    .index-body .box1 .milestones ul li.cur3 .round {
        animation-delay: 2s;
        -webkit-animation-delay: 2s
    }
    .index-body .box1 .milestones ul li.cur4 .round {
        animation-delay: -8s;
        -webkit-animation-delay: -8s
    }
    .index-body .box1 .milestones ul li.cur5 .round {
        animation-delay: -7s;
        -webkit-animation-delay: -7s
    }
    .index-body .box1 .milestones ul li.cur6 .round {
        animation-delay: -9s;
        -webkit-animation-delay: -9s
    }
    .index-body .box1 .milestones ul li.cur7 .round {
        animation-delay: -7s;
        -webkit-animation-delay: -7s
    }
}

@media screen and (width: 768px) {
    .swiper-button-next-milestones {
        display: none
    }
    .swiper-button-prev-milestones {
        display: none
    }
    .index-body .box1 .bolang1,
    .index-body .box1 .bolang2 {
        background-size: 1667px auto
    }
    .index-body .box1 .bolang2 {
        top: 38%
    }
    @-webkit-keyframes bolang2 {
        0% {
            background-position: 0 0
        }
        100% {
            background-position: -1667px 0
        }
    }
    @keyframes bolang2 {
        0% {
            background-position: 0 0
        }
        100% {
            background-position: -1667px 0
        }
    }
    @-webkit-keyframes bolang1 {
        0% {
            background-position: 0 50px
        }
        100% {
            background-position: 1667px 50px
        }
    }
    @keyframes bolang1 {
        0% {
            background-position: 0 50px
        }
        100% {
            background-position: 1667px 50px
        }
    }
    .index-body .box1 .milestones ul li.cur1 .round {
        animation-delay: 2s;
        -webkit-animation-delay: 2s
    }
    .index-body .box1 .milestones ul li.cur7 .round {
        animation-delay: -7s;
        -webkit-animation-delay: -7s
    }
}

@media screen and (max-width: 1450px) {
    .index-body .box1 .content1200 {
        width: 1200px
    }
    .cooperationModel-body .cooperationModel-bk li .round {
        width: 200px;
        margin: -145px 0 0 -100px
    }
    .cooperationModel-body .cooperationModel-bk li .round-text {
        width: 96%;
        left: 2%
    }
}

@media screen and (min-width: 769px) and (max-width:1200px) {
    #navToggle {
        top: 20px;
        right: 20px
    }
    .in-banner {
        height: 70vh;
        background-attachment: scroll;
        background-size: auto 100%
    }
    .operation-text {
        background-size: 70%
    }
    .inherit-text {
        background-size: 70%
    }
    .operation-body .body-bottom .swipers .product-list {
        width: 70%;
        min-width: auto
    }
    .news-body .boxs {
        margin-left: 20px
    }
    .news-body .boxs .box-img {
        padding-right: 50px
    }
    .news-body .boxs .box-txt {
        padding-right: 40px
    }
    .news-body .boxs .box-txt .t-main {
        text-align: justify
    }
    .news-body .boxs:hover .box-img img {
        transform: none;
        -webkit-transform: none
    }
    .news-body .boxs:hover .box-txt {
        margin-right: initial;
        margin-left: initial
    }
    .news-body .boxs:hover .t-more a {
        left: 15px
    }
    .footer .content1200 {
        width: initial
    }
}

@media screen and (max-width: 1200px) {
    .in-banner {
        height: 70vh;
        background-attachment: scroll;
        background-size: auto 100%
    }
    .svg-map {
        width: 80%
    }
    .ImportantPlace ul li.cur1,
    .ImportantPlace ul li.cur2,
    .ImportantPlace ul li.cur3 {
        left: -11%
    }
    .ImportantPlace ul li.cur4 {
        right: -5%
    }
    .Top-phoneNumber {
        display: none
    }
    #navToggle {
        display: block
    }
    .header {
        top: 0
    }
    .header.active {
        top: 0
    }
    .header .nav {
        display: none
    }
    .banner {
        height: 680px
    }
    .banner .video {
        top: 0
    }
    .banner .video video {
        height: 768px
    }
    .banner .banner-tab ul li.active {
        bottom: -20px
    }
    .banner .banner-text {
        width: 500px;
        height: 280px;
        margin: -140px 0 0 -250px
    }
    .banner .banner-text img {
        width: 120%
    }
    .PageTitle {
        padding: 30px 0
    }
    .PageTitle span.cn {
        font-size: 26px
    }
    .PageTitle span.en {
        font-size: 16px
    }
    .PageTitle span.en:after {
        bottom: -10px
    }
    .index-body .box .content1200 {
        width: 96%
    }
    .index-body .box1 .milestones ul li .summary {
        width: 100%
    }
    .index-body .culture ul {
        overflow: visible
    }
    .index-body .culture ul li img {
        opacity: .8;
        filter: alpha(opacity=80)
    }
    .index-body .culture ul li .title-T {
        bottom: 0;
        margin-bottom: 0
    }
    .index-body .culture ul li .title-T:after {
        opacity: .8;
        filter: alpha(opacity=80)
    }
    .index-body .culture ul li .title-T span {
        color: #ab0004
    }
    .index-body .culture ul li .title-T span.cn {
        margin-bottom: 0;
        font-size: 16px
    }
    .index-body .culture ul li .title-T span.cn:after {
        display: none
    }
    .swiper-pagination.box2-p {
        bottom: 3px
    }
    .swiper-pagination.box2-p .swiper-pagination-bullet-active {
        background: #A80000
    }
    .index-body .box3 .title-tips {
        width: 100%
    }
    .index-body .box3 .introduction {
        width: 100%
    }
    .swiper-pagination.box3-p {
        bottom: -25px
    }
    .swiper-pagination.box3-p .swiper-pagination-bullet-active {
        background: #A80000
    }
    .index-body .box3 .introduction .img-news img {
        opacity: .4;
        filter: alpha(opacity=40)
    }
    .index-body .box3 .introduction .img-news:before {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    .index-body .box3 .introduction .img-news .summary .text,
    .index-body .box3 .introduction .img-news .summary .title a,
    .index-body .box3 .introduction .img-news .summary .year {
        color: #fff
    }
    .index-body .box3 .introduction .img-news .summary .more {
        margin-left: 0;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    .index-body .box3 .introduction .img-news .summary .year {
        margin-top: 30px
    }
    .index-body .box4 .content1200 {
        left: 60%;
        width: auto
    }
    .index-body .box4 .company-text {
        width: 300px
    }
    .index-body .box4 .company-text .title-T {
        padding: 20px
    }
    .index-body .box4 .company-text .company-bk {
        padding: 10px
    }
    .index-body .box4 .company-text .company-nameE {
        margin-top: 0
    }
    .index-body .box4 .company-text .more {
        opacity: 1;
        filter: alpha(opacity=100);
        margin-left: 0;
        margin-top: 0;
        float: right
    }
    .index-body .box4 .company-text .title-T span.cn {
        font-size: 26px
    }
    .index-body .box4 .company-text .title-T span.en {
        font-size: 14px
    }
    .ContactUs-body .join-logo a.wyzp,
    .ContactUs-body .join-logo a.zlzp {
        background-position: left bottom
    }
    .ContactUs-body .box2 .information {
        padding: 12% 8% 0
    }
    .ContactUs-body .box2 .information:after {
        width: 94%;
        height: 90%;
        left: 3%;
        top: 5%
    }
    .ContactUs-body .box2 .information:after {
        opacity: .6;
        filter: alpha(opacity=60)
    }
    .ContactUs-body .box2 .information .infor {
        opacity: 1;
        filter: alpha(opacity=1)
    }
    .ContactUs-body .box2 .information .names {
        margin-bottom: 25px
    }
    .ContactUs-body .box2 .information .names span {
        top: 11%;
        margin-left: -30%
    }
    .ContactUs-body .box2 .information .names span.cn:after {
        opacity: 0;
        filter: alpha(opacity=0)
    }
    .ContactUs-body .box2 .information .names span.en {
        margin-top: 35px
    }
    .into-body .Five .left {
        padding: 30px
    }
    .into-body .Five .page-box {
        bottom: 10px;
        left: auto;
        right: 60%;
        z-index: 5
    }
    .into-body .Five .left ul li .names {
        margin-bottom: 25px
    }
    .into-body .Five .left ul li .names span.cn {
        font-size: 28px
    }
    .into-body .Five .left ul li .names span.en {
        font-size: 14px
    }
    .into-body .Five .page-box span.p-now {
        font-size: 60px;
        line-height: 60px;
        margin-right: 18px
    }
    .into-body .Five .page-box span.p-now:after {
        background-size: 100% 100%;
        width: 28px;
        height: 45px;
        right: -28px
    }
    .into-body .Five .page-box span.p-all {
        font-size: 32px
    }
    .inherit-body .body-top .boxs {
        height: 440px
    }
    .inherit-body .body-top .boxs .box-text .texts {
        padding: 0 10%
    }
    .inherit-body .body-top .boxs .img {
        opacity: .6;
        filter: alpha(opacity=60)
    }
    .inherit-body .body-top .boxs .box-text:before {
        opacity: .5;
        filter: alpha(opacity=50)
    }
    .inherit-body .body-top .boxs .box-text .text-tit {
        margin-top: 100px
    }
    .inherit-body .body-top .boxs .box-text .text-tit span.en {
        margin-top: 10px
    }
    .operation-body .body-top .boxs {
        height: 280px
    }
    .operation-body .body-top .boxs .img {
        opacity: .6;
        filter: alpha(opacity=60)
    }
    .operation-body .body-top .boxs .box-text:before {
        opacity: .5;
        filter: alpha(opacity=50)
    }
    .operation-body .body-top .boxs .box-text .text-tit {
        margin-top: 40px
    }
    .operation-body .body-top .boxs .box-text .unline {
        opacity: .5;
        filter: alpha(opacity=50)
    }
    .operation-body .body-top .boxs .box-text .texts {
        opacity: .9;
        filter: alpha(opacity=90)
    }
    .product-body .boxs {
        background-size: cover;
        background-position: 60%
    }
    .product-body .boxs:after {
        display: none
    }
    .product-body .boxs .product-content .c-txt .p-more a {
        opacity: 1;
        filter: alpha(opacity=100);
        margin-left: 20px
    }
    .productDel-body .boxs {
        width: 900px
    }
    .productDel-body.P-02 .boxs .box.box2 {
        padding-top: 210px
    }
    .productDel-body.P-02 .boxs .box:after {
        top: 121px
    }
    .productDel-body.P-02 .boxs .box.box2:after {
        top: 296px
    }
    .productDel-body.P-02 .boxs .box:before {
        top: 115px
    }
    .productDel-body.P-02 .boxs .box.box2:before {
        top: 290px
    }
    .company-infor-body .company-information {
        width: 96%
    }
    .cooperationModel-body .cooperationModel-bk li .round-text {
        height: 70%
    }
    .cooperationModel-body .cooperationModel-bk li .round {
        display: none
    }
    .cooperationModel-body .page-text {
        background-size: 80% auto
    }
    .Exhibition-body figure div {
        width: 96%
    }
    .planning-body figure figcaption {
        padding: 0 20px
    }
    .productDel-body .boxs .line {
        top: -169px
    }
    .footer {
        position: relative
    }
    .footer-bottom {
        margin-bottom: 0
    }
    .into-body .box3 .Honors .flipster {
        width: 900px
    }
    .into-body .box3 .Honors .flipster ul li {
        width: 440px;
        height: 330px
    }
    .into-body .box5 .Firm p {
        padding: 0 10%
    }
}

@media screen and (max-width: 768px) {
    #mobileNav ul li.active {
        background-color: #8c1114
    }
    .product-body .boxs {
        height: auto;
        padding-bottom: 40px
    }
    .OtherIndustries {
        margin-top: 10px
    }
    .OtherIndustries ul li {
        margin: 0
    }
    .OtherIndustries ul li a {
        padding: 10px
    }
    .ImportantPlace ul li.cur1 {
        top: -5%
    }
    .ImportantPlace ul li.cur2 {
        top: 35%
    }
    .ImportantPlace ul li.cur3 {
        top: 50%
    }
    .ImportantPlace ul li.cur1 span.after,
    .ImportantPlace ul li.cur2 span.after,
    .ImportantPlace ul li.cur3 span.after {
        width: 20px;
        right: -20px
    }
    .ImportantPlace ul li.cur1 span.before {
        right: -90px;
        width: 70px;
        transform: rotate(56deg);
        -webkit-transform: rotate(56deg)
    }
    .ImportantPlace ul li.cur2 span.before {
        right: -75px;
        width: 55px;
        transform: rotate(-41deg);
        -webkit-transform: rotate(-41deg)
    }
    .ImportantPlace ul li.cur3 span.before {
        right: -103px;
        width: 83px;
        transform: rotate(-60deg);
        -webkit-transform: rotate(-60deg)
    }
    .ImportantPlace ul li.cur4 {
        right: -11%
    }
    .ImportantPlace ul li.cur4 span.before {
        width: 44px;
        left: -84px
    }
    .ImportantPlace ul li.cur4 span.after {
        width: 40px;
        left: -40px
    }
    .pop-svg {
        width: 700px;
        margin-left: -350px;
        top: 15%
    }
    .banner {
        height: 50vh
    }
    .banner .video video {
        height: auto;
        width: 100%
    }
    .banner .banner-text {
        width: 400px;
        height: 200px;
        margin: -140px 0 0 -200px
    }
    .banner .banner-text img {
        width: 110%
    }
    .banner .banner-tab ul li {
        bottom: -50px
    }
    .banner .banner-tab ul li .cn {
        font-size: 16px;
        bottom: 115px
    }
    .banner .banner-tab ul li .en {
        font-size: 12px;
        top: 60px
    }
    .index-body .box3 .introduction .img-news .summary .more {
        margin-top: 20px
    }
    .index-body .box3 .introduction .img-news .summary .text {
        margin-top: 20px
    }
    .index-body .box4 .content1200 {
        left: 70%
    }
    .index-body .box4 .company-text .company-bk {
        padding: 5px 10px
    }
    .index-body .box4 .company-text .swiper-pagination-box4 {
        margin-top: -5px
    }
    .index-body .box4 .company-img ul li img {
        height: 425px
    }
    .index-body .box5 .PageTitle {
        padding: 30px 0 40px
    }
    .ContactUs-body .join-logo a {
        margin: 0 10%
    }
    .ContactUs-body .box2 .address img {
        height: 200px
    }
    .ContactUs-body .box2 .information .names {
        margin-bottom: 35px
    }
    .product-body .boxs {
        position: relative
    }
    .product-body .boxs .product-content {
        width: 100%
    }
    .product-body .boxs .product-content .c-txt {
        width: 60%
    }
    .product-body .boxs .product-content .c-txt .p-tit {
        font-size: 24px;
        line-height: 26px
    }
    .product-body .boxs .product-content .c-txt .p-main {
        padding: 10px 20px
    }
    .Top-phoneNumber {
        display: none
    }
    #navToggle {
        top: 20px;
        right: 20px
    }
    .header {
        top: 0
    }
    .header.active {
        top: 0
    }
    .header .nav {
        display: none
    }
    .in-banner {
        height: 60vh;
        background-size: auto 100%;
        background-position: 50% 0
    }
    .cooperationModel-text,
    .inherit-text,
    .into-text,
    .operation-text,
    .product-text {
        background-size: 90%
    }
    .product-text.sb {
        background-size: initial
    }
    .news-body {
        padding-left: 10px;
        padding-right: 10px
    }
    .news-body .detailContent p {
        text-align: justify
    }
    .operation-body .body-top .boxs {
        width: 100%
    }
    .operation-body .body-bottom .swipers .product-list {
        width: 80%;
        min-width: auto
    }
    .inherit-body .body-top .boxs {
        width: initial;
        float: none
    }
    .inherit-body .body-top .boxs .box-text .text-tit {
        margin-top: 100px
    }
    .inherit-body .body-top.b2 .boxs {
        height: auto
    }
    .inherit-body .body-top.b2 .boxs .box-text .texts {
        padding-bottom: 50px
    }
    .inherit-body .body-top.b2 .boxs .box-text .text-tit {
        margin-top: 50px
    }
    .news-body .boxs {
        padding-bottom: 50px
    }
    .news-body .boxs .box-txt {
        float: none;
        padding-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical
    }
    .news-body .boxs:hover .box-img img {
        transform: none;
        -webkit-transform: none
    }
    .news-body .boxs:hover .box-txt {
        margin-right: initial;
        margin-left: initial
    }
    .news-body .boxs:hover .t-more a {
        left: initial
    }
    .news-body .boxs .t-more {
        margin-top: 20px
    }
    .news-body .boxs .box-txt .t-tit a {
        font-size: 20px
    }
    .footer .content1200 {
        width: initial
    }
    .productDel-body .boxs {
        width: 96%
    }
    .productDel-body .boxs .box img {
        width: 85%
    }
    .productDel-body .boxs .box:after {
        width: 15%
    }
    .productDel-body.P-02 .boxs .box.box2 {
        padding-top: 175px
    }
    .productDel-body.P-02 .boxs .box.box2:before {
        top: 260px
    }
    .productDel-body.P-02 .boxs .box.box2:after {
        top: 266px
    }
    .company-infor-body .company-names li {
        width: 120px;
        margin: 0 5px
    }
    .company-infor-body .company-names li span {
        font-size: 14px
    }
    .productDel-body .boxs .line {
        top: -140px
    }
    .into-body .Five .left {
        padding-bottom: 100px
    }
    .into-body .Five .page-box {
        right: 30px;
        bottom: 30px
    }
    .into-body .Brand .img-team div.img4:before,
    .into-body .Brand .img-team div:after {
        display: none
    }
    .into-body .box3 .Honors {
        height: auto
    }
    .into-body .box3 .Honors .flipster {
        width: 88%;
        padding-bottom: 0;
        margin: 60px auto
    }
    .into-body .box3 .Honors .flipster ul li {
        width: 340px
    }
    .into-body .box3 .Honors .flipster ul li .img {
        height: auto
    }
    .into-body .box3 .Honors .flipster ul li .img img {
        width: 100%;
        height: auto
    }
}

@media screen and (max-width: 767px) {
    .banner {
        height: 40vh
    }
    .banner .bannert-img ul li img {
        width: auto;
        margin-left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%)
    }
    .product-body .boxs .product-content .c-txt .p-tit {
        height: 25px
    }
    .product-body .boxs .product-content .c-txt {
        margin-top: 40px
    }
    .product-body .boxs.odd:after {
        background: rgba(50, 50, 50, .2)
    }
    .product-body .boxs.box1:after {
        background: rgba(0, 0, 0, .2)
    }
    .operation-body .body-top .boxs .box-text .text-tit img {
        width: 80%
    }
    .Exhibition-body h2 {
        font-size: 26px
    }
    #mobileNav ul {
        margin-top: 44px
    }
    .into-body .box5 .Firm .box {
        width: 100%;
        float: left
    }
    .into-body .box5 .Firm:after {
        display: none
    }
    .OtherIndustries {
        display: none
    }
    .swiper-button-next-milestones {
        display: none
    }
    .swiper-button-prev-milestones {
        display: none
    }
    .banner .banner-tab {
        display: none
    }
    .banner .banner-text {
        width: 220px;
        height: 110px;
        margin: -55px 0 0 -110px
    }
    .banner .bannert-img .swiper-pagination-banner {
        z-index: 15;
        bottom: 10px;
        position: absolute;
        text-align: center
    }
    .banner .bannert-img .swiper-pagination-bullet {
        background: #A80000
    }
    .banner .video video {
        width: auto;
        height: 80%
    }
    .PageTitle span.cn {
        font-size: 20px
    }
    .PageTitle span.en {
        font-size: 14px;
        padding: 0 2%
    }
    .index-body .box1 {
        height: 590px;
        padding: 0
    }
    .index-body .box1 .bolang2 {
        background-size: auto auto;
        top: 39%;
        left: -155px
    }
    .index-body .box1 .milestones ul li .summary {
        width: 134%;
        text-align: center;
        margin-left: -17%
    }
    .index-body .box1 .milestones ul li .summary .text {
        height: 96px
    }
    .index-body .box1 .milestones ul li.cur1 .round {
        top: 45%
    }
    .index-body .box1 .milestones ul li.cur2 .round {
        top: 45%
    }
    .index-body .box1 .milestones ul li.cur3 .round {
        top: 45%
    }
    .index-body .box1 .milestones ul li.cur4 .round {
        top: 45%
    }
    .index-body .box2 {
        padding-bottom: 50px
    }
    .index-body .culture {
        width: 90%;
        margin: 0 auto
    }
    .swiper-pagination.box2-p {
        bottom: -25px
    }
    .index-body .box3 {
        height: auto;
        padding-bottom: 80px
    }
    .index-body .box3 .title-tips .more {
        margin-top: 20px
    }
    .index-body .box3 .swiper-container-box3 {
        width: 94%;
        margin: 0 auto
    }
    .index-body .box4 .content1200 {
        left: 0;
        margin-left: 0;
        width: 100%
    }
    .index-body .box4 .company-text {
        width: 100%
    }
    .index-body .box4 .swiper-pagination-company {
        display: none
    }
    .index-body .box4 .company-img ul li {
        width: 100%
    }
    .ContactUs-body .join-logo {
        height: 120px;
        line-height: 120px
    }
    .ContactUs-body .join-logo a {
        width: 90px;
        height: 32px
    }
    .ContactUs-body .join-logo a.wyzp,
    .ContactUs-body .join-logo a.zlzp {
        background-size: 100% 200%
    }
    .ContactUs-body .box2 .information .names {
        margin-bottom: 30px
    }
    .ContactUs-body .box2 .information .names span.en {
        margin-top: 16px;
        margin-left: -20px
    }
    .product-body .boxs {
        background-size: auto 100%;
        background-position-x: 70%
    }
    .product-body .boxs:hover {
        background-position-x: 70%
    }
    .product-body .boxs .product-content .c-txt {
        width: 100%;
        padding: 10px
    }
    .product-body .boxs:after {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(50, 50, 50, .4)
    }
    .product-body .boxs .product-content .c-txt .p-main,
    .product-body .boxs .product-content .c-txt .p-tit {
        color: #fff
    }
    .product-body .boxs .product-content .c-txt .p-main {
        padding: 10px;
        text-align: justify
    }
    .ContactUs-body .box2 .information .infor {
        line-height: 24px
    }
    .header h1 {
        width: 123px
    }
    .in-banner {
        height: 40vh
    }
    .ContactUs-text,
    .cooperationModel-text,
    .inherit-text,
    .into-text,
    .news-text,
    .operation-text,
    .product-text {
        background-size: 90%
    }
    .product-text.sb {
        background-size: 90%
    }
    #navToggle {
        top: 14px;
        right: 14px;
        width: 20px;
        height: 20px
    }
    #navToggle.expanded {
        width: 30px;
        height: 30px;
        top: 10px
    }
    #navToggle.expanded span {
        width: 30px
    }
    #navToggle.expanded span:nth-of-type(2) {
        bottom: 14px
    }
    #navToggle span {
        width: 20px
    }
    #navToggle span:nth-of-type(2) {
        top: 9px
    }
    .product-body .boxs .product-content .c-txt .p-main {
        padding: 20px;
        text-align: justify
    }
    .inherit-body .body-top .boxs {
        padding: 0;
        height: initial
    }
    .inherit-body .body-top.b2 .boxs {
        height: initial
    }
    .inherit-body .body-top.b2 .boxs .box-text .texts {
        margin-bottom: 60px;
        padding: 0 10px;
        font-size: 12px;
        text-align: justify
    }
    .inherit-body .body-top .boxs .box-text .text-tit {
        margin-top: 50px
    }
    .inherit-body .body-top .boxs .box-text .texts {
        margin-bottom: 60px;
        padding: 0 10px;
        font-size: 12px;
        text-align: center
    }
    .operation-body .body-bottom .swipers {
        height: initial;
        padding-bottom: 20px
    }
    .operation-body .body-bottom .swipers .product-list {
        width: 100%;
        min-width: auto
    }
    .operation-body .body-bottom .swipers .swiper-button-next-operation,
    .operation-body .body-bottom .swipers .swiper-button-prev-operation {
        display: none
    }
    .operation-body .body-top .boxs {
        background: url(../resources/o1.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
        padding: 6% 3%
    }
    .operation-body .body-top .box2 {
        background-image: url(../resources/o2.jpg)
    }
    .operation-body .body-top .box3 {
        background-image: url(../resources/o3.jpg)
    }
    .operation-body .body-top .box4 {
        background-image: url(../resources/o4.jpg)
    }
    .operation-body .body-top .boxs .img {
        display: none
    }
    .operation-body .body-top .boxs:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        background-color: rgba(0, 0, 0, .5)
    }
    .operation-body .body-top .boxs .box-text .unline {
        opacity: 1
    }
    .operation-body .body-top .boxs .box-text .texts {
        padding: 0;
        opacity: 1
    }
    .news-body .PageTitle {
        padding: 20px 15px 0
    }
    .news-body .PageTitle.active:after {
        bottom: -10px
    }
    .news-body .box-container .boxs .box-txt .t-tit {
        margin-top: 20px
    }
    .news-body .boxs .t-more {
        margin-top: 40px
    }
    .footer {
        height: initial
    }
    .footer .footer-logo img {
        width: 85px
    }
    .footer .CooperationCompany span {
        font-size: 12px
    }
    .footer .copyright {
        height: 50px;
        line-height: 50px;
        font-size: 12px
    }
    .footer .copyright span {
        display: none
    }
    .footer .ewm {
        margin-bottom: 70px;
        margin-top: 20px
    }
    .footer .ewm img {
        width: 40%
    }
    .footer .ewm span {
        font-size: 12px
    }
    .index-body .box5 .PageTitle {
        background-size: 200% 100%;
        background-position: 50%
    }
    .index-body .svg-map {
        margin-bottom: 150px;
        width: 100%
    }
    .ImportantPlace ul li.cur1,
    .ImportantPlace ul li.cur2,
    .ImportantPlace ul li.cur3,
    .ImportantPlace ul li.cur4 {
        left: 50%;
        margin-left: -80px;
        top: auto
    }
    .ImportantPlace ul li.cur1 {
        bottom: -30px
    }
    .ImportantPlace ul li.cur2 {
        bottom: -65px
    }
    .ImportantPlace ul li.cur3 {
        bottom: -100px
    }
    .ImportantPlace ul li.cur4 {
        bottom: -135px
    }
    .ImportantPlace ul li.cur1 .after,
    .ImportantPlace ul li.cur1 .before,
    .ImportantPlace ul li.cur2 .after,
    .ImportantPlace ul li.cur2 .before,
    .ImportantPlace ul li.cur3 .after,
    .ImportantPlace ul li.cur3 .before,
    .ImportantPlace ul li.cur4 .after,
    .ImportantPlace ul li.cur4 .before {
        display: none
    }
    .productDel-body .Del-content {
        padding: 30px 0
    }
    .productDel-body .boxs {
        padding: 0 2%
    }
    .productDel-body .boxs .box {
        width: 100%;
        padding: 20px 0
    }
    .productDel-body .boxs .box.odd {
        text-align: right;
        float: right
    }
    .productDel-body .boxs .line {
        left: 6px;
        top: 0
    }
    .productDel-body .Del-content .c-tit {
        width: 60px
    }
    .productDel-body .Del-content .c-tit img {
        width: 100%
    }
    .productDel-body .boxs .box.box2 {
        padding-top: 20px
    }
    .productDel-body .boxs .box img {
        width: 92%
    }
    .productDel-body .boxs .box:after {
        width: 8%;
        top: 100px;
        right: auto;
        left: 0
    }
    .productDel-body .boxs .box:before {
        top: 94px;
        right: auto;
        left: -7px
    }
    .productDel-body .boxs .box.box2:after {
        top: 100px
    }
    .productDel-body .boxs .box.box2:before {
        top: 94px
    }
    .productDel-body.P-02 .boxs .box.box2 {
        padding-top: 20px
    }
    .productDel-body.P-02 .boxs .box.odd {
        border-left: 1px solid #850003;
        border-right: none
    }
    .productDel-body.P-02 .boxs .box.even {
        border-left: 1px solid #850003
    }
    .productDel-body.P-02 .boxs .box.box2:after {
        top: 121px
    }
    .productDel-body.P-02 .boxs .box.box2:before {
        top: 115px
    }
    .cooperationModel-body .cooperationModel-bk li .round-text {
        width: 90%;
        left: 5%
    }
    .cooperationModel-body .page-text {
        background-size: 96% auto;
        height: 90px
    }
    .company-infor-body .company-names li {
        width: 45%;
        margin: 5px;
        height: 70px
    }
    .company-infor-body .company-names li span {
        font-size: 12px;
        line-height: 24px;
        height: 24px
    }
    .company-infor-body .company-names li .title {
        margin-top: 6px
    }
    .company-infor-body .company-information .web-text {
        width: 100%;
        left: 0
    }
    .Exhibition-body figure div {
        overflow: hidden;
        font-size: 12px
    }
    .planning-body h2 {
        padding: 30px 0
    }
    .planning-body figure figcaption {
        padding: 0 5px;
        font-size: 12px
    }
    .planning-body figure div article h3 {
        text-align: center
    }
    .planning-body figure div img {
        float: none;
        width: 100%
    }
    .planning-body figure article {
        position: initial;
        padding: 15px 5px;
        width: 100%
    }
    .planning-body figure div article p {
        text-indent: 2em;
        line-height: 22px;
        font-size: 12px
    }
    .planning-body figure .block {
        margin: 0 auto
    }
    .into-body .box4 .PageTitle {
        background-size: 200% 100%;
        background-position: 50%
    }
    .into-body .svg-map {
        margin-bottom: 150px;
        width: 100%
    }
    .into-body .PageTitle P {
        padding: 0 40px;
        font-size: 12px
    }
    .into-body .Five .left {
        padding: 30px 20px 80px
    }
    .into-body .Five .left ul li .names span.cn {
        font-size: 22px
    }
    .into-body .Five .left ul li .names span.en {
        font-size: 12px
    }
    .into-body .Five .left ul li .text {
        text-align: justify
    }
    .into-body .Five .page-box {
        bottom: 20px;
        right: 20px
    }
    .into-body .Brand {
        padding-bottom: 30px
    }
    .into-body .Brand .img-tit {
        margin-bottom: 40px
    }
    .into-body .Brand .img-tit img {
        width: 90%
    }
    .into-body .Brand .img-team div {
        height: 120px
    }
    .into-body .Brand .img-team {
        height: auto
    }
    .into-body .box3 .Honors .flipster {
        overflow: hidden
    }
    .flipto-next,
    .flipto-prev {
        display: none;
        overflow: hidden
    }
    .into-body .box3 .Honors .flipster ul li {
        width: 100%;
        height: auto
    }
    .into-body .box5 .Firm p {
        text-align: justify;
        padding: 0 5%
    }
}

.pop-svg .boxs {
    display: none
}

.pop-svg .boxs.active {
    display: block
}

.Top-phoneNumber .cn,
.Top-phoneNumber .en {
    float: right;
    display: inline-block;
    height: 100%;
    width: 40px;
    background: url(../images/china.jpg) no-repeat center center
}

.Top-phoneNumber .en {
    background-image: url(../images/english.jpg)
}

.Top-phoneNumber .dt {
    float: right;
    color: rgba(255, 255, 255, .3);
    padding-left: 45px;
    padding-right: 15px;
    position: relative;
    background: url(../images/webMap.png) no-repeat left center
}

.Top-phoneNumber .dt:after {
    content: "";
    position: absolute;
    border-left: 5px solid rgba(255, 255, 255, .3);
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    top: 50%;
    margin-top: -4px;
    right: 5px
}

@media screen and (min-width: 1025px) {
    .ImportantPlace ul li div {
        opacity: 0;
        filter: alpha(opacity=0)
    }
    .ImportantPlace ul li.cur1 span.after,
    .ImportantPlace ul li.cur1 span.before,
    .ImportantPlace ul li.cur2 span.after,
    .ImportantPlace ul li.cur2 span.before,
    .ImportantPlace ul li.cur3 span.after,
    .ImportantPlace ul li.cur3 span.before,
    .ImportantPlace ul li.cur4 span.after,
    .ImportantPlace ul li.cur4 span.before,
    .ImportantPlace ul li.cur5 span.after,
    .ImportantPlace ul li.cur5 span.before,
    .ImportantPlace ul li.cur6 span.after,
    .ImportantPlace ul li.cur6 span.before,
    .ImportantPlace ul li.cur7 span.after,
    .ImportantPlace ul li.cur7 span.before {
        width: 0
    }
}

.ImportantPlace ul li.cur5 span.before {
    position: absolute;
    width: 50px;
    height: 2px;
    background: #d33b3a;
    left: -70px;
    top: 14px;
    transform: rotate(-23deg);
    -webkit-transform: rotate(-23deg);
    transform-origin: right;
    -webkit-transform-origin: right
}

.ImportantPlace ul li.cur6 span.before {
    position: absolute;
    width: 40px;
    height: 2px;
    background: #d33b3a;
    right: -109px;
    top: 14px;
    transform: rotate(23deg);
    -webkit-transform: rotate(23deg);
    transform-origin: left;
    -webkit-transform-origin: left
}

.ImportantPlace ul li.cur7 span.before {
    position: absolute;
    width: 85px;
    height: 2px;
    background: #d33b3a;
    right: -115px;
    top: 15px;
    transform: rotate(-70deg);
    -webkit-transform: rotate(-70deg);
    transform-origin: left;
    -webkit-transform-origin: left
}

.ImportantPlace ul li.cur5 span.after {
    position: absolute;
    width: 20px;
    height: 2px;
    background: #d33b3a;
    left: -20px;
    top: 14px
}

.ImportantPlace ul li.cur6 span.after {
    position: absolute;
    width: 70px;
    height: 2px;
    background: #d33b3a;
    right: -70px;
    top: 14px
}

.ImportantPlace ul li.cur7 span.after {
    position: absolute;
    width: 30px;
    height: 2px;
    background: #d33b3a;
    right: -30px;
    top: 14px
}

.ImportantPlace ul li.cur5 {
    right: -3%;
    top: 69%
}

.ImportantPlace ul li.cur6 {
    left: 4%;
    top: 56%
}

.ImportantPlace ul li.cur7 {
    left: 34%;
    top: 39%
}

@media screen and (max-width: 768px) {
    .ImportantPlace ul li.cur6 {
        left: -11%
    }
    .ImportantPlace ul li.cur5 {
        right: -11%
    }
    .ImportantPlace ul li.cur5 span.before {
        width: 16px;
        left: -36px
    }
    .ImportantPlace ul li.cur7 {
        left: 27%;
        top: 35%
    }
    .ImportantPlace ul li.cur7 span.before {
        width: 54px;
        right: -58px
    }
    .ImportantPlace ul li.cur7 span.after {
        width: 4px;
        right: -4px
    }
}

@media screen and (max-width: 767px) {
    .ImportantPlace ul li {
        width: 86%;
        left: 7%!important;
        margin-left: 0!important
    }
    .ImportantPlace ul li span.after,
    .ImportantPlace ul li span.before {
        display: none!important
    }
    .index-body .svg-map {
        margin: 10px auto 160px
    }
    .ImportantPlace ul li.cur1 {
        top: auto;
        bottom: -30px
    }
    .ImportantPlace ul li.cur4 {
        top: auto;
        bottom: -60px
    }
    .ImportantPlace ul li.cur5 {
        top: auto;
        bottom: -90px
    }
    .ImportantPlace ul li.cur6 {
        top: auto;
        bottom: -120px
    }
    .ImportantPlace ul li.cur7 {
        top: auto;
        bottom: -150px
    }
}