@charset "utf-8";
body {
    min-width: 1200px;
    margin: 0 auto;
    padding: 0;
    font-size: 15px;
    color: #666;
    font-family: Microsoft YaHei, SimSun
}

img {
    border: 0
}

form,
p,
h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    padding: 0
}

input,
select,
textarea {
    font-family: Microsoft YaHei, SimSun
}

div,
ul,
li {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    backface-visibility: hidden;
    /* perspective: 1000px; */
}

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

li {
    text-overflow: ellipsis
}

a {
    text-decoration: none;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: 0
}

a:hover {
    text-decoration: none;
    color: #f63
}

@keyframes fadeIn {
    0 {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@font-face {
    font-family: 'icon';
    src: url(../fonts/iconfont.woff) format('woff')
}

.himg {
    position: relative;
    z-index: 1
}

.himg img {
    min-width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: -200%;
    top: -200%;
    right: -200%;
    bottom: -200%;
    margin: auto;
    transition: transform .4s ease
}

.himgs img {
    min-width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: -200%;
    top: -200%;
    right: -200%;
    bottom: -200%;
    margin: auto
}

.himg:hover img {
    transform: scale(1.1, 1.1)
}

.a_row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.trtion {
    transition: 600ms;
    transition-timing-function: ease-out
}

.in_alltitle {
    width: 100%;
    height: auto
}

.in_alltitle p {
    text-align: center;
    font-size: 1.6em;
    color: #000;
    margin: 1em auto;
    position: relative;
    max-width: 500px
}

.in_alltitle.color p {
    color: #fff
}

.in_alltitle p:before,
.in_alltitle p:after {
    content: "";
    width: 35%;
    height: 1px;
    display: block;
    background: #000;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: .5px;
    z-index: -1
}

.in_alltitle.color p:before,
.in_alltitle.color p:after {
    background: #fff
}

.in_alltitle p:after {
    left: auto;
    right: 0
}

.in_alltitle span {
    width: 100%;
    height: 1em;
    display: block;
    line-height: 1em;
    text-align: center;
    padding-bottom: 1em
}

.in_alltitle.color span {
    color: #fff
}

.in_allmore {
    display: block;
    text-align: center;
    font-family: icon;
    margin: 1em auto
}

.in_allmore font {
    font-size: 1.3em
}

.link {
    width: 100%;
    height: 1px;
    background: #d2d2d2;
    margin: 1.6em auto;
    display: none
}

header {
    width: 100%;
    height: auto;
    position: relative
}

header .fixd {
    position: fixed;
    z-index: 80;
    top: 0;
    left: 0;
    right: 0;
    background: #fff
}

header.fixd .logo_lang a {
    display: block;
    height: 30px;
    float: left
}

header.fixd .logo_lang a img {
    max-height: 100%
}

header.fixd .lang {
    line-height: 2em
}

header.fixd .nav_ul {
    padding: 1em 0
}

.logo_lang {
    width: 100%;
    max-width: 1800px;
    height: auto;
    margin: 0 auto;
    padding: 1em 0
}

.logo_lang a {
    margin-left: 3em;
    height: 100px;
    display: block
}

.logo_lang a img {
    max-height: 100%
}

.lang {
    font-family: icon;
    float: right;
    line-height: 3.5em;
    margin-right: 3em
}

.nav {
    width: 100%;
    height: auto;
    background: #000;
}

.nav_ul {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2em 0;
}

.nav_ul li {
    display: inline-block;
    font-size: 1.025em;
    margin-right: 6em;
    position: relative;
    overflow: visible
}

.nav_ul li:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background: #1660e8;
    position: absolute;
    bottom: -1em;
    transition: 600ms;
    transition-timing-function: ease-out;
    transform: rotateY(90deg)
}

.nav_ul li:hover:after {
    transform: rotateY(0)
}

.nav_ul li:last-child {
    margin-right: 0
}

.nav_ul li a {
    color: #fff
}

.banner {
    width: 100%;
    position: relative
}

.bannerul {
    height: 660px;
    white-space: nowrap
}

.bannerul li {
    width: 116%;
    height: 100%;
    display: inline-block
}

.bannerul li.seton {
    opacity: 1;
    z-index: 1
}

.bannerul li img {
    min-width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: -200%;
    top: -200%;
    right: -200%;
    bottom: -200%;
    margin: auto
}

.list_on {
    text-align: center;
    position: absolute;
    bottom: 5em;
    width: 100%;
    height: 20px;
    z-index: 99
}

.list_on a {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #fff;
    border-radius: 8px;
    margin-right: 10px
}

.list_on a.on {
    width: 24px;
    height: 8px;
    display: inline-block;
    background: #fff;
    border-radius: 8px;
    margin-right: 10px
}

.banner_newslist {
    height: 4em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.banner_newslist:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #333;
    opacity: .7
}

.banerlistul {
    width: 100%;
    height: 100%;
    max-width: 960px;
    margin: 0 auto
}

.banerlistul li {
    width: 100%;
    height: 100%;
    line-height: 4em
}

.banerlistul li a {
    color: black;
}

.banerlistul li font {
    font-size: 1.2em
}

.in_product {
    width: 100%;
    height: auto;
    background: url(../images/back.jpg) no-repeat center center
}

.in_productul {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto
}

.in_productul li {
    width: 30%;
    height: 270px;
    margin: 1.5%;
    float: left;
    box-shadow: 0 0 15px #999;
    position: relative
}

.in_productul li .himg {
    width: 100%;
    height: 100%;
    display: block
}

.in_productul li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transform: translateY(calc(100% - 3.8em))
}

.in_productul li span:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: #333;
    opacity: .5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: 600ms;
    transition-timing-function: ease-out
}

.in_productul li span p {
    padding: .6em;
    font-size: 1.5em;
    color: #fff
}

.in_productul li span small {
    padding: .6em;
    display: block;
    color: #fff;
    line-height: 2em;
    font-size: 1em;
    opacity: 0;
    white-space: normal
}

.in_productul li span a.prodmore {
    position: absolute;
    right: .6em;
    bottom: .6em;
    color: #fff;
    opacity: 0;
    transition: opacity .6s
}

.in_productul li:hover span {
    transform: translateY(0)
}

.in_productul li:hover span:after {
    opacity: .8
}

.in_productul li:hover span small {
    transition-delay: 600ms;
    opacity: 1
}

.in_productul li:hover span a {
    transition-delay: 1000ms;
    opacity: 1
}

.in_productul li span a.prodmore:hover {
    color: #e60f23
}

.in_programme {
    width: 100%;
    height: auto;
    background: url(../images/programmeimg.jpg) no-repeat top center;
    border-bottom: 1px solid #e5e5e5
}

.in_progul {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto
}

.in_progul li {
    width: 22%;
    height: auto;
    margin: 1.5%;
    float: left;
    font-family: icon
}

.in_progul li .himg {
    width: 100%;
    height: 160px;
    display: block;
    position: relative
}

.in_progul li .himg img {
    filter: blur(1px);
    transition: transform 10s ease
}

.in_progul li .himg:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: #333;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    z-index: -1
}

.in_progul li .himg span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    line-height: 160px;
    color: #fff;
    font-size: 6em
}

.in_progul li .programme_content {
    padding: 1em;
    background: #f7f7f7
}

.in_progul li .programme_content p {
    color: #333;
    font-size: 1.1em;
    font-weight: bold
}

.in_progul li .programme_content small {
    display: block;
    line-height: 2em;
    margin-top: 1em;
    font-size: .8em
}

.in_progul li:hover .himg img {
    transform: scale(1.3, 1.3)
}

.in_case {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e5e5e5
}

.in_casehiden {
    width: 100%;
    height: auto;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 2em 0 .5em 0
}

.in_casewidth {
    max-width: 1000px;
    width: 100%;
    height: auto;
    margin: 0 auto
}

.in_caseul {
    height: auto
}

.in_caseul li {
    width: 33.33%;
    height: auto;
    float: left;
    text-align: center
}

.in_caseul li span {
    width: 92%;
    height: auto;
    display: block;
    margin: 1em auto;
    border: 1px solid #e5e5e5
}

.in_caseul li img {
    max-width: 100%;
    display: inline-block
}

.in_caseul li .a_row {
    padding: 0 .6em;
    color: #000;
    font-weight: normal;
    font-size: 1.33em
}

.in_caseul li .a_row a {
    color: #000
}

.in_caseul li .a_row.inhfiv {
    margin-top: .8em
}

.in_caseul li .a_row.topx {
    margin-top: 1em
}

.in_caseul li small {
    display: block;
    padding: 1.5em;
    line-height: 2em;
    padding-top: 3em;
    font-size: .9em;
    text-align: left
}

.in_caseul li:hover span {
    box-shadow: 0 0 15px #999
}

.off,
.forward {
    width: 45px;
    height: 45px;
    background: #ddd;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -27.5px;
    font-family: icon;
    border-radius: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 2em;
    color: #fff;
    cursor: pointer
}

.off:hover,
.forward:hover {
    background: #58b4e2
}

.forward {
    left: auto;
    right: 0
}

.in_casevideo {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e5e5e5
}

.case_video {
    width: 45%;
    height: auto;
    float: left
}

.case_video video {
    max-width: 100%
}

.case_text {
    width: 55%;
    float: right
}

.case_text .a_row {
    font-size: 2.33em;
    text-align: center;
    padding: 3em 0;
    color: #000
}

.pro_ul {
    width: 100%;
    text-align: center;
    margin-bottom: 5em
}

.pro_ul li {
    display: inline-block;
    padding: 0 2vw
}

.pro_ul li span {
    width: .6em;
    height: 1em;
    line-height: 1em;
    display: inline-block;
    font-size: 4em;
    font-family: Arial;
    overflow: hidden;
    position: relative;
    color: #e60f23
}

.pro_ul li font {
    height: 1em;
    line-height: 1em;
    display: inline-block;
    font-size: 4em;
    font-family: Arial;
    overflow: hidden;
    position: relative;
    color: #e60f23
}

.pro_ul li strong {
    font-weight: normal;
    display: block;
    color: #999;
    font-size: 1em;
    max-width: 180px;
    margin-top: 2em
}

.pro_ul li span:before {
    content: '0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9';
    display: block;
    transition: transform 2s ease-out .4s
}

.in_casevideo.seton .pro_ul li span.n1:before {
    transform: translateY(-13em)
}

.in_casevideo.seton .pro_ul li span.n2:before {
    transform: translateY(-15em)
}

.in_casevideo.seton .pro_ul li span.n3:before {
    transform: translateY(-10em)
}

.in_casevideo.seton .pro_ul li span.n4:before {
    transform: translateY(-10em)
}

.in_casevideo.seton .pro_ul li span.n5:before {
    transform: translateY(-18em)
}

.in_casevideo.seton .pro_ul li span.n6:before {
    transform: translateY(-10em)
}

.in_casevideo.seton .pro_ul li span.n7:before {
    transform: translateY(-15em)
}

.in_casevideo.seton .pro_ul li span.n8:before {
    transform: translateY(-10em)
}

.in_casevideo.seton .pro_ul li span.n9:before {
    transform: translateY(-12em)
}

.in_casevideo.seton .pro_ul li span.n10:before {
    transform: translateY(-17em)
}

.in_news {
    width: 100%;
    height: auto;
    background: url(../images/newsback.jpg) no-repeat center center;
    border-bottom: 1px solid #e5e5e5
}

.in_newswidth {
    width: 100%;
    height: auto;
    max-width: 1200px;
    margin: 1.5em auto
}

.in_newsimg {
    width: 45%;
    height: 427px;
    float: left;
    position: relative;
    overflow: hidden;
    margin-right: 5%
}

.in_newslist {
    height: 408px
}

.in_newslist li {
    height: 75px;
    margin-bottom: 1.8em
}

.in_newslist li .news_tma {
    width: 40px;
    height: auto;
    float: left;
    text-align: center
}

.in_newslist li .news_tma span {
    width: 40px;
    height: 44px;
    display: block;
    line-height: 44px;
    background: #c1c1c1;
    color: #fff;
    border-radius: 5px;
    font-size: 1.1em
}

.in_newslist li .news_tma font {
    display: block;
    margin-top: .6em
}

.in_newslist li .innews_list {
    padding: 0 3em;
    position: relative
}

.in_newslist li .innews_list p {
    font-size: 1.1em
}

.in_newslist li .innews_list p a {
    color: #000
}

.in_newslist li .innews_list small {
    display: block;
    margin-top: .8em;
    line-height: 1.8em
}

.in_newslist li .innews_list:after {
    content: "HOT";
    width: 3em;
    height: 1.3em;
    display: block;
    background: red;
    color: #fff;
    text-align: center;
    line-height: 1.3em;
    position: absolute;
    right: .6em;
    top: 0;
    border-radius: 3px
}

.in_newslist li.on .news_tma span {
    background: red
}

.in_newslist li.on .news_tma font {
    color: red
}

.in_newslist li.on .innews_list p a {
    color: red
}

.in_newslist li.on .innews_list small {
    color: #cf0404
}

.frind_url {
    width: 100%;
    max-width: 1200px;
    margin: 1em auto;
    position: relative
}

.frind_url span {
    width: 5em;
    display: block;
    padding: 0 .5em 0 0;
    float: left
}

.frind_url .link_url {
    width: calc(100% - 7em);
    left: 7em
}

.frind_url .link_url a {
    display: inline-block;
    padding: 0 1em 1em 1em
}

footer {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #363749;
    color: #fff;
    margin-top: 1.6em
}

footer a {
    color: #fff
}

.bottom_about {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 1em auto
}

.bottom_about .fast_ul {
    width: 60%;
    height: auto;
    float: left
}

.fast_ul li {
    float: left;
    font-size: .9em;
    width: 22%;
    margin: 1.5%
}

.fast_ul li:first-child {
    display: none
}

.fast_ul li:nth-child(4) {
    display: none
}

.fast_ul li:last-child {
    display: none
}

.fast_ul li a.last_on {
    font-size: 1.5em
}

.fast_ul li .sub a {
    display: none;
    margin: 2.5em auto
}

.fast_ul li .sub a:first-child,
.fast_ul li .sub a:nth-child(2),
.fast_ul li .sub a:nth-child(3),
.fast_ul li .sub a:nth-child(4) {
    display: block
}

.wecheat {
    width: 40%
}

.wecheat p.gzwm {
    font-size: 1.5em;
    margin-top: 1.5%
}

.wecheat_img {
    width: 100%;
    height: auto;
    margin-top: 2em
}

.wecheat_img div.div {
    float: left;
    width: 50%;
    max-width: 180px;
    height: 2.5em;
    line-height: 2.5em;
    cursor: pointer;
    border: 1px solid #8e8e8e;
    border-radius: 35px;
    position: relative
}

.wecheat_img div.div span {
    width: 100%;
    height: 100%;
    display: block;
    text-indent: 1.5em
}

.wecheat_img div.div span:after {
    content: "\e7e5";
    font-family: icon;
    float: right;
    margin-right: .5em;
    font-size: 2em
}

.wecheat_img div.div:last-child {
    margin-left: 1.5em
}

.wecheat_img div.div .wec_cheatimg {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    background: #323233;
    opacity: 0
}

.wecheat_img div.div:hover {
    height: 220px
}

.wecheat_img div.div:hover .wec_cheatimg {
    opacity: 1
}

.keep {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 1em 0;
    background: #000
}

.nr_img {
    width: 100%;
    height: 300px;
    display: none
}

.nr_img.block {
    display: block
}

.nr_nav {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 2.4em auto
}

.nr_nav a {
    display: inline-block;
    padding: 1.4em 2.6em;
    background: #888;
    color: #fff;
    margin-right: 2.3em;
    border-radius: 10px;
    margin-bottom: 1.3em
}

.nr_nav a.on {
    background: #73a4ee;
    box-shadow: 6px 4px 5px #dedede
}

.nr_nav a:last-child {
    margin-right: 0
}

.nr_nav a:hover {
    background: #73a4ee;
    box-shadow: 6px 4px 5px #dedede
}

.brief_content {
    width: 100%;
    height: auto;
    background: url(../images/introductionbg.png) no-repeat top center;
    background-size: 100%
}

.content_center {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto
}

.brief_imgcenter {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    line-height: 200%
}

.content_img {
    width: 100%;
    height: auto;
    padding: 2.5em 0;
    text-align: center
}

.content_img img {
    display: inline-block
}

.team_ul {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto
}

.team_ul li {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    text-align: center
}

.team_ul li:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 2px;
    background: #fff;
    transition: 600ms;
    transition-timing-function: ease-out
}

.team_ul li span {
    width: 25%;
    height: 185px;
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 5%
}

.team_ul li span:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #363749;
    opacity: 0;
    transition: 600ms;
    transition-timing-function: ease-out;
    z-index: -1
}

.team_ul li p {
    width: 80%;
    display: block;
    padding: 0 3.5%;
    padding-top: 1.6em;
    font-size: 1.3em;
    color: #333;
    text-align: left
}

.team_ul li small {
    width: 85%;
    display: block;
    padding: 1.6% 3.5%;
    font-size: .9em;
    color: #666;
    line-height: 25px;
    color: #999;
    text-align: left
}

.team_ul li span font {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    line-height: 185px;
    font-size: 2em;
    color: #fff;
    opacity: 0
}

.team_ul li:hover span:after {
    opacity: .8
}

.team_ul li:hover span img {
    filter: blur(0.7px)
}

.team_ul li:hover span font {
    opacity: 1
}

.team_ul li:hover:after {
    width: 70%;
    background: red
}

.honor_ul {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto
}

.honor_ul li {
    width: calc(30% - 2px);
    height: 210px;
    margin: 1.5%;
    float: left;
    cursor: pointer;
    box-shadow: 0 0 10px #333
}

.honor_ul li img {
    min-width: auto;
    max-width: 100%
}

.honor_ul li span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    line-height: 210px;
    color: #fff;
    font-size: 2em;
    opacity: 0
}

.honor_ul li span:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #333;
    opacity: 0;
    transition: 600ms;
    transition-timing-function: ease-out;
    z-index: -1
}

.honor_ul li:hover span {
    opacity: 1
}

.honor_ul li:hover span:after {
    opacity: .8
}

.video_opacity {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    position: fixed;
    z-index: -1;
    opacity: 0;
    background: #333;
    font-family: icon
}

.video_opacity .close {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    right: 5%;
    top: 5%;
    background: #fff;
    text-align: center;
    line-height: 50px;
    cursor: pointer
}

.video_opacity.seton {
    z-index: 98;
    opacity: .8
}

.video_flash {
    width: 80%;
    height: 80%;
    position: absolute;
    left: 10%;
    top: 10%;
    position: fixed;
    z-index: -1;
    opacity: 0;
    display: none;
    text-align: center
}

.video_flash.seton {
    z-index: 99;
    opacity: 1;
    display: block
}

.video_flash img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    transition: 600ms;
    transition-timing-function: ease-out;
    opacity: 0
}

.video_flash.seton img {
    opacity: 1
}

.history {
    width: 100%;
    height: auto;
    max-width: 1200px;
    margin: 0 auto
}

.histroyheight {
    height: auto;
    width: 100%;
    position: relative;
    padding-bottom: 2em;
    padding-top: 2em;
    position: relative
}

.histroyheight:after {
    content: "";
    width: 2px;
    height: 100%;
    display: block;
    position: absolute;
    left: 40px;
    top: 0;
    background: #ab0000;
    z-index: -1
}

.histroyheight:before {
    content: "";
    width: 10px;
    height: 3px;
    display: block;
    position: absolute;
    left: 80px;
    top: calc(50% - 1.5px);
    background: #ab0000
}

.histroytitle {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    text-align: center;
    line-height: 80px;
    background: #ab0000;
    color: #fff;
    float: left;
    margin-right: 2em;
    position: absolute;
    left: 0;
    top: calc(50% - 40px)
}

.rightdiv {
    width: calc(80% - 30px);
    padding: 30px;
    float: right;
    background: #f3f3f3;
    box-shadow: 0 0 10px #999;
    margin-right: 5%;
    margin-bottom: 1em
}

.rightdiv:last-child {
    margin-bottom: 1em
}

.rightdiv p {
    margin-bottom: 1em
}

.rightdiv small {
    line-height: 2em
}

.product_center {
    width: 100%;
    height: auto;
    max-width: 1200px;
    margin: 0 auto
}

.product_center.noneblock {
    display: none
}

.product_center p {
    font-size: 1.4em;
    color: #333;
    margin-bottom: 1em
}

.product_center small {
    line-height: 2em;
    font-size: .9em
}

.spantitle {
    display: inline-block;
    padding: 1.1em 3em;
    background: #888;
    color: #fff;
    position: relative;
    font-family: icon;
    cursor: pointer;
    margin-right: 2.5em;
    border-radius: 10px
}

.spantitle:hover {
    background: #73a4ee;
    box-shadow: 6px 4px 5px #dedede
}

.spantitle.seton {
    background: #73a4ee;
    box-shadow: 6px 4px 5px #dedede
}

.spantitle:last-child {
    margin-right: 0
}

.spantitle:before {
    content: "\e60f";
    font-size: 2em;
    position: absolute;
    left: .2em;
    top: .4em
}

.productetxt {
    width: calc(100% - 62px);
    height: auto;
    padding: 30px;
    border: 1px dashed #c5c5c5;
    margin: 2em 0;
    position: relative
}

.productetxt .produ_tab {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -3;
    transform: translateY(80px)
}

.productetxt .produ_tab.seton {
    position: static;
    z-index: 1;
    opacity: 1;
    transform: translateY(0)
}

.productetxt .produ_tab img {
    max-width: 100%
}

.productetxt video {
    max-width: 100%
}

.case_list {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto
}

.case_list li {
    width: 95%;
    padding: 2.5%
}

.textleft {
    width: 50%;
    height: auto;
    float: left;
    margin-top: 100px
}

.textright {
    width: 45%;
    height: auto;
    float: right;
    box-shadow: 0 0 10px #999
}

.textright img {
    display: block;
    max-width: 100%
}

.num {
    width: calc(30% - 30px);
    max-width: 150px;
    margin: 20px 20px 0 0;
    padding: 20px 0 0 10px;
    border-top: 1px solid #333;
    font-size: 2.3em;
    color: #333;
    float: left
}

.case_list li:nth-child(2n) .textleft {
    float: right
}

.case_list li:nth-child(2n) .textright {
    float: left
}

.textleft h1 {
    font-size: 1.6em;
    color: #2a2a2a;
    font-weight: normal;
    margin-bottom: .5em
}

.textleft small {
    line-height: 1.6em
}

.casemore {
    display: block;
    clear: both;
    text-align: right;
    margin-top: .6em;
    font-family: icon
}

body.newsback {
    background: url(../images/newsbacks.jpg) no-repeat center 160px
}

.news_list {
    width: 100%;
    height: auto;
    max-width: 1200px;
    margin: 0 auto
}

.news_list li {
    padding: 1.6em 0
}

.news_list li .himg {
    width: 33%;
    height: 300px;
    display: block;
    float: left;
    margin-right: 5%
}

.news_list li .a_row {
    font-size: 1.6em;
    display: block;
    margin-bottom: 1em;
    margin-top: 1.5em
}

.news_list li small {
    line-height: 2em
}

.video_ul {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto
}

.video_ul li {
    width: calc(25% - 2em);
    height: auto;
    box-shadow: none;
    margin: 1em
}

.video_ul li div {
    width: 100%;
    height: 166px;
    display: block;
    position: relative
}

.video_ul li img {
    min-width: 100%
}

.video_ul li p {
    width: 100%;
    line-height: 30px;
    margin-top: 1em;
    color: #000
}

.video_ul li small {
    height: auto;
    text-align: left;
    font-size: .8em
}

.come_content {
    width: 100%;
    height: auto;
    max-width: 1200px;
    margin: 0 auto;
    background: #f1f1f1
}

.come_top {
    padding: 5em
}

.cometop_l {
    width: 50%;
    float: left
}

.hos {
    color: #000;
    font-size: 1.2em
}

.cometop_l h1 {
    padding: .8em 0;
    color: #e12a46
}

.cometop_l h1 a {
    color: #e12a46
}

.cometop_l .comdata {
    padding: 1em 0;
    color: #6b6b6b;
    max-width: 80%;
    border-bottom: 1px solid #dfdfdf
}

.cometop_r {
    width: 40%;
    float: right
}

.puttitle {
    text-align: center;
    margin-top: 1em
}

.cometop_r form {
    margin-top: 1.5em
}

.cometop_r input {
    display: block;
    height: 3em;
    width: 80%;
    margin: 0 auto;
    text-indent: .5em;
    margin-bottom: 1.5em
}

.cometop_r textarea {
    display: block;
    height: 8em;
    width: 80%;
    margin: 0 auto;
    text-indent: .5em
}

.submit {
    height: 4em;
    width: 17em;
    text-align: center;
    line-height: 4em;
    text-align: center;
    color: #fff;
    background: #e51024;
    margin: 1.5em auto;
    cursor: pointer
}

#map {
    width: 100%;
    height: 620px;
    background-color: #ccc
}

#map div {
    overflow: visible
}

#map img {
    max-width: none
}

#map .anchorBL {
    display: none
}

#maps {
    width: 100%;
    height: 620px;
    background-color: #ccc
}

#maps div {
    overflow: visible
}

#maps img {
    max-width: none
}

#maps .anchorBL {
    display: none
}

.ne_map {
    width: 100%;
    max-width: 1200px;
    height: 400px
}

.problemnr {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto
}

.problemnr_list {
    width: 95%;
    margin: 2.5% auto;
    border: 1px dashed #c5c5c5
}

.problemnr_list li {
    padding: 1.6em;
    position: relative;
    text-indent: 1em
}

.problemnr_list li:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    display: block;
    border: 1px solid red;
    position: absolute;
    left: 1em;
    top: 2em
}

.problemnr_list li font {
    float: right
}

.problemnr_list li:hover {
    background: #f8f8f8
}

.problemnr_list li .download {
    font-family: icon;
    float: right;
    font-size: 1.5em
}

.problemnr_list li:hover .download {
    color: #73a4ee
}

.jobs_list {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #f5f5f5
}

.jobs_list li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #fff
}

.jobs_list li .td {
    width: 199px;
    margin-right: 1px;
    float: left;
    display: inline
}

.jobs_list li .td.t3 {
    width: 760px;
    margin-right: 0
}

.jobs_list li.bt .td {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    text-align: center;
    color: #fff
}

.jobs_list li.bt .td.t1 {
    background-color: #555
}

.jobs_list li.bt .td.t2 {
    background-color: #777
}

.jobs_list li.bt .td.t3 {
    background-color: #999
}

.jobs_list li.row {
    line-height: 24px;
    color: #888;
    padding: 10px 0
}

.jobs_list li.row .td {
    font-size: 14px;
    text-align: center
}

.jobs_list li.row .td.t3 {
    text-align: left
}

.jobs_list li.row .td.t3 .dect {
    height: 48px;
    margin: 0;
    padding: 0 10px;
    overflow: hidden
}

.jobs_list li.row .td.t3 .dect.open {
    height: auto
}

.jobs_list li.row .jbtn {
    height: 20px;
    line-height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAA8CAYAAABmdppWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDE1NTNCMEM1REFBMTFFNUE4MTlFMUM1MTgxNkRCMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDE1NTNCMEQ1REFBMTFFNUE4MTlFMUM1MTgxNkRCMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MTU1M0IwQTVEQUExMUU1QTgxOUUxQzUxODE2REIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MTU1M0IwQjVEQUExMUU1QTgxOUUxQzUxODE2REIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pmn7rXYAAAFbSURBVHja7JexicNAEEVXxi0oVuAa5AasWE6vAim6Bq4AN+BIZciX6hqws+tAsYpYj2AMYtk/OxLrg4P98MHg8WMQXj02a5rGLJJTa2pFLakFdaQ+qAP1Rp1ew13XGTf7xecT9ZN6dmYO3A9qT71SfwzIbgG7eGBuzjx3koA5b3Y0uhx5PkfAGm1GzygTNq0RsJJgArRCwBLB2ra1ArREwEKCCdACAUcEewVARx9wz3/agw/kgy7yQBsOZlsGBLzxCViTnn/nBU58nO5K2J3nJ+nozWfzS7Fpz3PwLC9fDvPQL/Vb+7bxJbPWmphJwAjA5JT3OiWw6TqnKBJ2yvxGRlLyfBd2CvIHUEPYKT4o8gxyys7nBhcKXLPOKa5GozhFgCWnJAUkp/wfp2TvcEq8ewrFBqD6e4oSqrunrIDqnCI8x+1OUcA23VMk2OZ7SlSn2OSUpIA/Aj4FGADphvJxbaovLwAAAABJRU5ErkJggg==) no-repeat 0 -18px;
    padding-left: 20px;
    color: #666;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    cursor: pointer
}

.jobs_list li.row .jbtn.open {
    background-position: 0 2px
}

.jobs_list li.row .jbtn.tab {
    background-position: 5px -35px;
    background-color: #ddd;
    padding: 3px 5px 3px 25px;
    border-radius: 4px;
    float: right
}

.jobs_btn {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 20px auto;
    background-color: #666;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer
}

.jobs_btn:hover {
    background-color: #333
}

#form_jobs {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto
}

.jobs_list li .td {
    width: 20%
}

.jobs_list li .td.t3 {
    width: calc(60% - 2px)
}

body.backbody {
    background: url(../images/newsbacks.jpg) left
}

.con_titleon {
    padding: 0 0 20px 0;
    text-align: center;
    color: #5e5e5e;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 1px dotted #d3d3d3
}

.con_tmaon {
    font-size: 16px;
    margin: 20px 0;
    color: #5e5e5e;
    text-align: center
}

.con_contenton {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    line-height: 200%;
    padding-bottom: 30px;
    border-bottom: 1px dashed #5e5e5e
}

.con_pageon {
    margin-top: 20px;
    color: #5e5e5e
}

.con_pageon a {
    color: #5e5e5e
}

.page_all {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    min-height: 76px
}

.con_share {
    position: absolute;
    right: 0;
    top: 15px
}

.con_share font {
    float: left;
    font-size: 18px;
    line-height: 45px;
    color: #5e5e5e
}

.con_share .bdsharebuttonbox .bds_qzone {
    background: url(../images/tubiao.png) no-repeat left -135px;
    padding: 0;
    height: 33px;
    width: 33px;
    margin-right: 0
}

.con_share .bdsharebuttonbox .bds_tsina {
    background: url(../images/tubiao.png) no-repeat left -90px;
    padding: 0;
    height: 33px;
    width: 33px
}

.con_share .bdsharebuttonbox .bds_weixin {
    background: url(../images/tubiao.png) no-repeat left top;
    padding: 0;
    height: 33px;
    width: 33px
}

.background img {
    max-width: 100%
}

.nr_content img {
    max-width: 100%
}

.bottom_newslist {
    margin-top: 5px
}

.cndns-right-box .box-border .sev-b .dailiul li {
    display: block;
    float: none;
    width: 90%;
    font-size: 14px;
    margin-bottom: 15px
}

.rightfiexd {
    width: 62px;
    height: auto;
    position: fixed;
    bottom: 60px;
    right: 30px;
    z-index: 80;
}

.rightfiexd li {
    font-family: icon;
    text-align: center;
    background: #fff;
    font-size: .8em;
    padding-bottom: .5em;
    cursor: pointer;
    border-bottom: 1px solid #dadada
}

.rightfiexd li:last-child {
    border-bottom: 0
}

.rightfiexd li p {
    font-size: 3em;
    color: #73a4ee;
    font-weight: bold;
    padding-top: .2em
}

.contop {
    opacity: 0
}

.contop.seton {
    opacity: 1
}

.querydata {
    width: 90%;
    max-width: 800px;
    height: auto;
    position: fixed;
    top: calc(50% - 230px);
    left: calc(50% - 400px);
    background: #d4dde2;
    opacity: 0;
    z-index: -3;
    border-radius: 10px;
    padding-bottom: 1.6em;
    overflow: visible
}

.querydatatitle {
    text-align: center;
    font-size: 1.3em;
    text-align: center;
    padding-top: 4em;
    margin-bottom: 2.5em
}

.querydata.seton {
    z-index: 100;
    opacity: 1
}

.mask {
    width: 100%;
    height: 100%;
    background: #333;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .7;
    z-index: 99;
    opacity: 0;
    z-index: -4
}

.mask.seton {
    z-index: 99;
    opacity: .7
}

.inter {
    width: 100%;
    max-width: 450px;
    height: auto;
    margin: 0 auto
}

.inter p {
    font-size: 1.1em;
    color: #525d64;
    margin-bottom: 1.5em
}

.inter select {
    height: 2em;
    line-height: 2em;
    font-size: .9em;
    text-indent: 1em;
    padding-right: 1em;
    border-radius: 5px
}

.query_mit {
    width: 110px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    background: #e2574c;
    border-radius: 5px;
    cursor: pointer
}

.weig {
    width: 300px;
    height: auto;
    padding: 1em;
    text-align: center;
    margin: 1.5em auto;
    box-shadow: 0 0 10px #999;
    background: #fff;
    line-height: 1.8em
}

.result {
    width: 400px;
    height: auto;
    padding: 1em;
    margin: 1.5em auto;
    background: #fff;
    line-height: 1.8em;
    box-shadow: 0 0 10px #999
}

.resulticon {
    float: left;
    font-family: icon;
    height: 80px;
    line-height: 80px;
    margin-right: 20px;
    font-size: 3em
}

.close_query {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    position: absolute;
    right: -15px;
    top: -15px;
    background: #3e3e3d;
    border: 2px solid #fff;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 1em;
    font-family: icon;
    cursor: pointer
}

.right_cunus {
    width: 100%;
    max-width: 1200px;
    height: 600px;
    position: fixed;
    left: calc(50% - 600px);
    top: calc(50% - 300px);
    opacity: 0;
    z-index: -3;
    overflow: visible
}

.right_cunus.seton {
    z-index: 100;
    opacity: 1
}

.cunusmsg {
    height: 180px;
    width: 100%;
    padding: 2.5em 0
}

.cunusmsg:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: -1;
    background: #abb6bc;
    opacity: .7;
    left: 0;
    top: 0
}

.cunusmsg span {
    width: 30%;
    height: 100%;
    background: #fff;
    float: left;
    margin: 0 1.5%;
    position: relative
}

.cunusmsg span:before {
    content: "\e656";
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 60px;
    position: absolute;
    left: calc(50% - 30px);
    top: -30px;
    font-family: icon;
    text-align: center;
    line-height: 60px;
    font-size: 2em;
    color: #e83c25
}

.cunusmsg span p {
    padding: .5em 1em .5em 1em;
    font-size: 1.2em;
    color: #000;
    text-align: left
}

.cunusmsg span p a {
    color: #000
}

.cunusmsg span p:first-child {
    padding: 3em 1em .5em 1em
}

.cunusmsg span:nth-child(2) p {
    text-align: center
}

.cuns_msgmap {
    width: calc(100% - 3%);
    padding: 1.5%
}

.cuns_msgmap:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: -1;
    background: #97a2a8;
    opacity: .7;
    left: 0;
    top: 0
}

.cunstile {
    font-size: 1.2em;
    color: #5d5d6e;
    margin-bottom: 1.5em
}

.cuns_msg {
    width: 25%;
    float: left;
    margin-right: 5%
}

.cuns_msgmap input {
    display: block;
    height: 3em;
    width: 100%;
    margin: 0 auto;
    text-indent: .5em;
    margin-bottom: 1.5em
}

.cuns_msgmap textarea {
    display: block;
    height: 8em;
    width: 100%;
    margin: 0 auto;
    text-indent: .5em
}

.cuns_map {
    width: 70%;
    height: auto
}

.inoall#maps {
    height: 360px
}

.wx_imgoll {
    width: 150px;
    height: auto;
    position: fixed;
    background: #787874;
    right: 120px;
    bottom: 45px;
    padding: 1em;
    z-index: -1;
    opacity: 0
}

.wx_imgoll.seton {
    z-index: 1;
    opacity: 1
}

.wx_imgoll img {
    max-width: 100%;
    display: block
}

.wx_imgoll p {
    font-size: .4em;
    color: #fff;
    text-align: center;
    padding: .5em 0
}

.page {
    text-align: center;
    margin: 15px 0
}

.page a {
    text-align: center;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #ef8200;
    margin-left: 5px;
    color: #fff;
    font-size: 12px;
    line-height: 30px
}

.page a.on {
    background: #09f
}

.page .in {
    background: #a9020a
}

#menu-handler {
    font-family: icon;
    width: 50px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: none;
    float: right;
    margin-top: 3px;
}

.menu-handler:after {
    content: "\e62b";
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 3em;
    color: #333;
}

.navon:after {
    content: "\e625"
}

.wenav {
    width: 100%;
    position: absolute;
    top: 44px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    display: none
}

.wenav:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background: #fff;
    opacity: .9;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.wenav li {
    width: 30%;
    height: 30px;
    margin: 1.6%;
    float: left;
    text-align: center;
    line-height: 30px
}

.wenav li:first-child {
    display: none
}

.wenav li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333
}

.wenav li a.actvie {
    background: #e40807;
    color: #fff
}

.transShownav {
    opacity: 1;
    transform: translateY(0);
    z-index: 9;
    display: block
}

.single_box {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.single_box img {
    max-width: 100%
}

@media screen and (max-width:1500px) {
    .pro_ul li span {
        font-size: 3em
    }
    .pro_ul li font {
        font-size: 3em
    }
    .case_text .a_row {
        padding: 2.5em 0 2.5em 0;
        font-size: 1.63em
    }
}

@media screen and (max-width:1400px) {
    .case_text .a_row {
        padding: 1.5em 0;
        font-size: 1.63em
    }
    .pro_ul li {
        padding: 0
    }
}

@media screen and (max-width:1024px) {
    .logo_lang a {
        margin-left: 1em
    }
    body {
        min-width: 0;
        font-size: 12px
    }
    .nav {
        display: none;
    }
    .lang {
        display: none
    }
    .logo_lang {
        width: 60%;
        float: left;
        margin-left: 2%
    }
    .logo_lang img {
        width: 202px
    }
    header {
        height: 45px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 90;
        background: #fff
    }
    #menu-handler {
        display: block
    }
    .rightfiexd {
        right: auto;
        left: 0;
        opacity: .8
    }
    .querydata {
        left: calc(50% - 45%)
    }
    .querydatatitle {
        padding: 1em;
        margin-bottom: 1em;
        line-height: 2em
    }
    .inter p {
        width: 90%;
        margin: 1.5em auto
    }
    .query_mit {
        margin-left: 1.5em
    }
    .weig {
        max-width: 80%;
        margin: 1.5em auto
    }
    .result {
        max-width: 80%;
        margin: 1.5em auto
    }
    .right_cunus {
        max-width: 90%;
        left: calc(50% - 45%)
    }
    .cunusmsg {
        height: auto
    }
    .cunusmsg span {
        display: block;
        width: 90%;
        margin: 1.5em auto;
        height: auto;
        float: none;
        padding-bottom: 1em
    }
    .cuns_msgmap {
        display: none
    }
    .banner {
        margin-top: 45px
    }
    .bannerul {
        height: 230px
    }
    .banner_newslist {
        display: none
    }
    .list_on {
        bottom: .5em
    }
    .list_on a {
        background: #333
    }
    .in_alltitle span {
        width: auto;
        padding: 0 1em;
        font-size: 1.2em;
        height: auto;
        line-height: 2em
    }
    .in_productul li {
        width: 90%;
        margin: 2em auto;
        float: none
    }
    .in_progul li {
        width: 90%;
        margin: 2em auto;
        float: none
    }
    .case_video {
        width: 90%;
        margin: 2em auto;
        float: none
    }
    .case_text {
        width: 90%;
        margin: 2em auto;
        float: none
    }
    .in_newsimg {
        width: 90%;
        margin: 2em auto;
        float: none;
        height: 230px
    }
    .in_newsimg .himg {
        width: 100%
    }
    .webhiden {
        height: 320px;
        overflow-x: hidden;
        overflow-y: scroll
    }
    .in_newslist {
        width: 90%;
        margin: 2em auto;
        float: none;
        height: auto
    }
    .url_ul {
        width: 90%;
        margin: 2em auto;
        float: none
    }
    .url_ul li {
        width: calc(47% - 2px)
    }
    .in_url p {
        text-align: center
    }
    .bottom_about .fast_ul {
        width: 90%;
        margin: 2em auto;
        float: none
    }
    .wecheat {
        width: 90%;
        margin: 2em auto;
        float: none
    }
    .wecheat_img div.div {
        width: 40%
    }
    .wecheat_img div.div .wec_cheatimg img {
        max-width: 100%
    }
    .nr_nav {
        width: 90%;
        margin: 4em 5%
    }
    .nr_nav a {
        width: calc(33.33% - 2em);
        margin: 0 1em;
        margin-bottom: .4em;
        padding: .7em 0;
        text-align: center;
        font-size: 1.2em;
        background: #666
    }
    .content_center {
        width: auto;
        padding: 0 1em
    }
    .content_center img {
        max-width: 100%
    }
    .brief_imgcenter img {
        max-width: 100%
    }
    .nr_img.block {
        height: 150px;
        margin-top: 50px
    }
    .team_ul li span {
        display: none
    }
    .honor_ul li {
        width: calc(47% - 2px);
        height: 140px
    }
    .product_center small {
        padding: 0 1em;
        display: block
    }
    .spantitle {
        margin-bottom: 1em
    }
    .spantitle:first-child {
        margin-left: calc(5% + 1em)
    }
    .textleft {
        width: 90%;
        margin: 2em auto;
        float: none
    }
    .textright {
        width: 90%;
        margin: 2em auto;
        float: none;
        display: block;
        margin-top: 1.5em
    }
    .case_list li:nth-child(2n) .textright {
        float: none;
        margin-top: 1.5em
    }
    .news_list li .himg {
        width: 90%;
        margin: 2em auto;
        float: none;
        height: 150px
    }
    .news_list li .a_row {
        width: 90%;
        margin: 1em auto
    }
    .news_list li p {
        width: 90%;
        margin: 1em auto
    }
    .come_top {
        padding: 1em
    }
    .cometop_l {
        width: 90%;
        margin: 1em auto;
        float: none
    }
    .cometop_r {
        width: 90%;
        margin: 1em auto;
        float: none
    }
    .puttitle {
        text-align: left
    }
    .cometop_r input {
        width: 90%;
        margin: 0;
        margin-bottom: 1.5em
    }
    .cometop_r textarea {
        width: 90%;
        margin: 0
    }
    #map {
        height: 300px
    }
    .con_contenton {
        width: auto;
        padding: 0 1em
    }
    .con_share {
        position: static
    }
    .con_share font {
        font-size: 1.2em
    }
    .con_titleon {
        font-size: 2em
    }
    .pro_ul li {
        width: 90%;
        margin: 0 auto
    }
    .pro_ul li strong {
        width: 90%;
        margin: 1em auto;
        float: none
    }
    .histroytitle {
        width: 30px;
        height: 30px;
        line-height: 30px;
        top: calc(50% - 15px)
    }
    .histroyheight:after {
        left: 15px
    }
    .histroyheight:before {
        left: 30px
    }
    .rightdiv {
        width: calc(80% - 30px);
        padding: 15px
    }
    .wecheat_img div.div:hover {
        height: 180px
    }
    .in_newslist li .innews_list p {
        font-size: 1.2em
    }
    .in_newslist li .innews_list small {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .in_newslist li {
        padding: .5em 0;
        margin: 0
    }
    .case_video video {
        display: block;
        width: 100%;
        height: 45vw
    }
    .problemnr_list li:before {
        width: 5px;
        height: 5px;
        border-radius: 5px
    }
    .productetxt {
        width: calc(100% - 2em);
        padding: 1em
    }
    .frind_url {
        display: none
    }
    .video_ul li {
        width: calc(50% - 2em);
        height: auto
    }
    .video_ul li .himg {
        height: 120px
    }
    .nr_img.block {
        display: none
    }
    .nr_img.blockon {
        display: block
    }
    .mibostop {
        margin-top: 45px
    }
    .textleft h1 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .miobbototm {
        margin-bottom: 1em
    }
    .rightdiv p {
        font-size: 1.2em;
        line-height: 1.8em
    }
    .video_ul li p {
        line-height: 1.6em;
        margin-top: .5em
    }
    .cometop_l .comdata {
        font-size: 1.2em
    }
    .rightfiexd {
        width: 50px
    }
    .rightfiexd li {
        padding-bottom: 0
    }
    .fast_ul li .sub a {
        margin: 1em auto
    }
    .cunusmsg span:before {
        width: 30px;
        height: 30px;
        left: calc(50% - 15px);
        top: -15px;
        line-height: 30px;
        color: #e83c25
    }
    .in_allmore {
        font-size: 1.3em
    }
    .miobtitle {
        font-size: 1.5em
    }
    a {
        color: #73a4ee
    }
    .cunusmsg span p a {
        color: #73a4ee
    }
    .menu-handler:after {
        font-size: 2.5em
    }
    .wenav {
        width: 30%;
        right: 0
    }
    .wenav li {
        width: 100%;
        margin: 0
    }
    .resulticon {
        margin-right: 10px
    }
    .resulticon img {
        max-width: 100%;
        max-height: 100%
    }
    .logo_lang {
        padding: 0;
        position: relative;
        height: 100%
    }
    .logo_lang a {
        height: 90%;
        position: absolute;
        top: 5%
    }
}

.img1 {
    display: block;
}

.img2 {
    display: none;
}

.img3 {
    display: none;
}