@charset "UTF-8";

/*basic css*/

html, body, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    font-size: 12px;
    font-family: "Microsoft YaHei", '微软雅黑', "Arial";
    background-color: #fff;
}

input, textarea, button {
    padding: 0;
    font-family: "Microsoft YaHei", '微软雅黑', "Arial";
}

input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}

input {
    outline: none;
    -webkit-appearance: none; /*去除系统默认的样式*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
}

input:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-modify: read-write-plaintext-only;
}

textarea {
    -webkit-appearance: none;
}

@font-face {
    /* font-test*/
    font-family: CODE_BOLD;
    src: url('../font/CODE_BOLD/iconfont.woff'),
    url('../font/CODE_BOLD/iconfont.ttf'),
    url('../font/CODE_BOLD/iconfont.eot'); /* IE9 */
}

@font-face {
    font-family: "iconfont";
    src: url('//at.alicdn.com/t/font_741197_c7sm9jnjek7.eot?t=1537846778597'); /* IE9*/
    src: url('//at.alicdn.com/t/font_741197_c7sm9jnjek7.eot?t=1537846778597#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
    url('//at.alicdn.com/t/font_741197_c7sm9jnjek7.ttf?t=1537846778597') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_741197_c7sm9jnjek7.svg?t=1537846778597#iconfont') format('svg'); /* iOS 4.1- */
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

a {
    cursor: pointer;
}

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

.slick-slide:focus, input:focus, a:focus {
    outline: none !important;
}

img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
}

select, input, textarea, button {
    vertical-align: middle;
    outline: none;
}

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

tr {
    margin: 0;
    padding: 0;
}

td {
    margin: 0;
    padding: 0;
}

iframe {
    border: none;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.hidden {
    display: none;
    visibility: hidden;
}

.wrap {
    border: 0;
    padding: 0;
    width: 1150px;
    margin: 0 auto;
    *zoom: 1;
}

.wrap:after {
    clear: both;
    content: "";
    display: table;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    visibility: hidden;
}

.fix {
    *zoom: 1;
}

.fix:after {
    clear: both;
    content: "";
    display: table;
}

input:focus, textarea:focus {
    outline: none;
}

a {
    display: inline-block;
    max-width: 100%;
}

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

.twos {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.clearfix:after, .clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.picture {
    position: relative;
    overflow: hidden;
}

.picture img {
    transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
}

.each-item:hover .picture img {
    transform: scale(1.15);
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    zoom: 1.15 \9;
}

.each-item1:hover .picture img {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    zoom: 1.05 \9;
}

.each-item1 .picture img {
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    width: 101%;
    max-width: 101%;
}

.each-item2:hover .picture img {
    transform: scale(1.07);
    -moz-transform: scale(1.07);
    -webkit-transform: scale(1.07);
    zoom: 1.07 \9;
}

.each-item2 .picture img {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.scanle_img {
    overflow: hidden;
}

input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px white inset !important;
}

input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}


.box {
    width: 90%;
    max-width: 1600px;
    margin: auto;
}

input::placeholder {
    color: #999999
}

input::-webkit-input-placeholder {
    color: #999999
}


/*edd  basic */
/*header*/

.header {
    /* background: #ffffff; */
	background: #090b1a;
    opacity: 0.8;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.header .header_wrapper {
    margin: auto;
}

.header .logo {
    width: 200px;
    float: left;
    display: block;
    margin-top: 20px;
}

.header .right {
    font-size: 14px;
    line-height: 40px;
    color: #333;
    float: right;
    padding: 30px 0;
}

.header .right .nav {
    display: inline-block;
}

.header .nav a {
    color: #fff;
    padding: 0 30px;
    display: inline-block;
}

.header .nav a.on,
.header .nav a:hover {
    /* color: #1383e4; */
    background: #ff9600;
}

.header .right .en {
    color: #333;
    display: inline-block;
    margin-left: 22px;
}

.header .line {
    width: 50px;
    height: 3px;
    background: #1383e4;
    position: absolute;
    bottom: 12px;
    left: 0;
    transition: all .4s;
    -webkit-transition: all .4s;
}

.menu_ico {
    display: none;
    float: right;
}

.menu_ico span {
    width: 28px;
    height: 2px;
    background: #fff;
    display: block;
    margin-top: 8px;
}

.menu_ico span:nth-child(2) {
    width: 20px;
    margin-left: 7px;
}

.on .menu_ico {
    margin-top: 25px;
}

.menu_ico span {
    transition: transform .5s;
    -webkit-transition: -webkit-transform .5s;
}

.on .menu_ico span:nth-child(2) {
    display: none;
}

.on .menu_ico span:nth-child(1) {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-bottom: -5px;
}

.on .menu_ico span:nth-child(3) {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-top: 3px;
}

.nav li {
    display: inline-block;
    position: relative;
}

.nav li .t1 {
    color: #fff;
    font-size: 14px;
    /* font-weight: bold;
    line-height: 60px;
    margin: 0 27px; */
    position: relative;
}

.nav li .t2 {
    display: none;
    position: absolute;
    top: 100%;
    padding: 10px 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #333;
}

.main {
    padding-top: 100px;
    box-sizing: border-box;
}

@media screen and (max-width: 1650px) {
    .header .logo {
        width: 200px;
    }

    .header .right {
        font-size: 15px;
        padding: 10px 0;
    }

    .main {
        padding-top: 80px;
    }

    .header .nav a {
        padding: 0 18px;
    }
}

@media screen and (max-width: 1400px) {
    .header .logo {
        width: 180px;
    }

    .header .right {
        font-size: 14px;
        /* line-height: 70px; */
    }

    .main {
        padding-top: 70px;
    }

    .header .nav a {
        padding: 0 15px;
    }

    .box {
        width: 80%;
        margin: auto;
    }
}

@media screen and (max-width: 1199px) {	
    .header .line {
        display: none;
    }

    li.nav2 .t1:after {
        content:'';
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        width: 10px;
        height: 10px;
        display: block;
        transform: rotate(45deg);
        position: absolute;
        right: 10px;
        top: 20px;
    }
    .nav li .t2 {
        position: static;
    }

    .nav li .t2 a {
        border: 0;
        line-height: 2.5;
        font-size: 14px;
    }

    .header.on {
        height: 100vh;
        background: #333;
    }

    .menu_ico {
        display: block;
        float: right;
        margin-top: 15px;
    }

    .header .right {
        display: none;
        width: 100%;
        line-height: 55px;
    }

    .header .logo {
        width: 250px;
        padding: 10px 0;
    }

    .header .header_wrapper {
        width: 92%
    }

    .box {
        width: 92%;
        margin: auto;
    }

    .header .right .nav {
        width: 100%;
        display: block;
    }

    .header .nav a {
        padding: 0 15px;
        margin: 0;
        display: block;
        border-bottom: 1px solid #eee;
        box-sizing: border-box;
        text-align: left;
    }.header .nav a:hover{
        background:transparent
    }

    .header .right .en {
        width: 100%;
    }
}

@media screen and (max-width: 980px) {
    .header .logo {
        width: 140px;
        padding: 15px 0;
        margin: 0;
    }
}


/*end header*/

/*banner*/
.banner_bg {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.banner_bg .bg {

}

.banner_bg .lans {
    color: #ffffff;
    position: absolute;
    left: 10%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    top: 50%;
    width: 50%;
}

.banner_bg .t1 {
    font-size: 32px;
    font-weight: bold;
}

.banner_bg .t2 {
    font-size: 56px;
    font-weight: bold;
    margin: 13px 0 10px 0;
}

.banner_bg .t3 {
    font-size: 17.5px;
    margin: 20px 0 32px 0;
    line-height: 1.5;
    height: 79px;
}

.banner_bg .t4 {
    font-size: 14px;
    color: #ffffff;
    width: 100px;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #ffffff;
    border-radius: 30px;
    text-align: center;
    line-height: 38px;
}

.banner_index .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #5a5859;
    opacity: 1;
}

.banner_index .swiper-pagination-bullet-active {
    background: #0aaead;
}

.banner_index .swiper-pagination {
    bottom: 6%;
}

.index_brand {

}

.index_title {
    text-align: center;
    margin: 90px 0 60px 0;
}

.index_brand .index_title {
    color: #221815;
}

.index_title .e_title {
    font-size: 55px;
    font-family: 'CODE_BOLD';
    line-height: 1;
}

.index_title .c_title {
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    font-family: 'CODE_BOLD';
}

.index_brand_list {
    margin-bottom: 150px;
    margin-top: 10px;
}

.index_brand_list li {
    width: 26.45%;
    float: left;
    transition: all .5s;
    -moz-transition: all .5s;
    overflow: hidden;
    -webkit-transition: all .5s;
    position: relative;
}

.index_brand_list li .scale_img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 3;
    opacity: 1;
    transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
}

.index_brand_list li:hover .scale_img:after {
    opacity: 0;
}

.index_brand_list li.on {
    width: 41.8%;
}

.index_brand_list li:nth-child(even) {
    margin:0 2.55%;
}

.index_brand_list a {
    display: block;
}

.index_brand_list .scale_img {
    overflow: hidden;
    position: relative;
    width: 640px;
}

.index_brand_list .ico {
    width: 70px;
    position: absolute;
    top: calc(45% - 35px);
    left: calc(50% - 35px);
    z-index: 5;
}

.index_brand_list .t1 {
    font-size: 20px;
    color: #221815;
    margin-top: 15px;
    font-weight: bold;
}

.index_brand_list .t2 {
    font-size: 14px;
    color: #999999;
    line-height: 26px;

}

.index_pro {
    position: relative;
}

.index_pro .index_title {
    color: #ffffff;
    position: absolute;
    width: 100%;
    z-index: 10;
    margin: 60px 0 0;
}

.index_pro .swiper-button-prev, .index_pro .swiper-container-rtl .swiper-button-next, .index_pro .swiper-button-next, .index_pro .swiper-container-rtl .swiper-button-prev {
    background: url(".");
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #ffffff;
}

.index_pro .swiper-button-prev img, .index_pro .swiper-button-next img {
    transition: all .3s;
    -webkit-transition: all .3s;
}

.index_pro .swiper-button-prev img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.index_pro .swiper-button-prev:hover img {
    margin-left: -10px;
}

.index_pro .swiper-button-next:hover img {
    margin-left: 10px;
}

span:focus {
    outline: none;
}

.pro_list_index {
    margin: 0px 0 5px 0;
}

.pro_list_index li {
    width: calc(50% - 5px);
    float: left;
    margin: 5px 0;
}

.pro_list_index li:nth-child(even) {
    margin-left: 10px;
}

.pro_list_index a {
    display: block;
    position: relative;
}

.pro_list_index .scan-img {
    overflow: hidden;
}

.pro_list_index .lans {
    position: absolute;
    z-index: 5;
    right: 9%;
    top: 50%;
    transform: translate(0, -50%);
}

.pro_list_index li:nth-child(even) .lans {
    left: 9%;
    right: 0;
}

.pro_list_index .t1 {
    font-size: 20px;
    color: #0aaead;
    /* font-weight: bold; */
}

.pro_list_index .t2 {
    font-size: 26px;
    color: #fcfdfd;
    font-weight: bold;
    margin: 6px 0 30px 0;
}

.pro_list_index .t3 {
    color: #0aaead;
    width: 100px;
    height: 40px;
    border-radius: 30px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #0aaead;
    transition: background-color .3s;
    -webkit-transition: all .3s;
    line-height: 38px;
}

.pro_list_index li:hover .t3 {
    background: #0aaead;
    color: #ffffff;
}

.index_live_banner {

}

.index_live_banner li {
}

.index_live_banner a:hover {
    box-shadow: 0px 0 10px 0px rgba(0, 0, 0, .17);
    z-index: 10;
}

.index_live_banner a {
    margin: 1px 0px 10px 0px;
    border: 1px solid #efefef;
    box-sizing: border-box;
    width: 100%;
    /* overflow: hidden; */
    position: relative;
    border: 1px solid #efefef;
}

.index_live_banner .lans {
    position: absolute;
    bottom: 0;
    width: calc(100% + 2px);
    left: 0;
    background: #ffffff;
    padding: 0px 20px 20px 20px;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.index_live_banner .lans:After,.index_live_banner .lans:before{
    content:'';
    display: inline-block;
    height:100%;
    background:#efefef;
    width: 1px;
    position: absolute;
    top: 0;
    right: 0;
}
.index_live_banner .lans:before{
    right:auto;
    left:0;
}
.index_live_banner .t1 {
    line-height: 35px;
}

.index_live_banner a:hover .lans {
    font-size: 20px;
    font-weight: bold;
    padding: 2px 20px 25px 20px;
    width: calc(100% + 2px);
    left: 0px;
}

.index_live_banner a:hover .t1 {
    padding-top: 20px;
}

.index_live_banner .name {
    font-size: 18px;
    color: #0aaead;
    float: left;
}

.index_live_banner .no {
    color: #999999;
    font-size: 12px;
    float: right;
}

.index_live_banner .t2 {
    font-size: 12px;
    color: #727171;
}

.index_news_list {
    margin-bottom: 100px;

}

.index_news_list li {
    width: 23.8%;
    float: left;
    margin-left: 1.6%;
    background: #f6f6f6;
}

.index_news_list li:first-child {
    margin-left: 0;
}

.index_news_list a {
    display: block;
}

.index_news_list .lans {
    position: relative;
    padding: 30px 15px;
    margin: 0 15px;
    margin-bottom: 50px;
    border-bottom: 1px solid #060606;
}

.index_news_list .t1 {
    font-size: 14px;
    color: #060606;
}

.index_news_list .t1 span {
    color: #646464;
    margin-right: 25px;

}

.index_news_list .t2 {
    font-size: 26px;
    line-height: 36px;
    height: 72px;
    color: #060606;
    -webkit-line-clamp: 2;
    margin: 35px 0;
}
.index_news_list li:hover .t2{
    color:#09a5a4;
}


.index_news_list .t3 {
    font-size: 14px;
    color: #646464;
}

.footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    font-size: 12px;
    line-height:1.8;
    padding: 5px 0;
    color: #8e8e8e;
    text-align: right;
    background:rgba(0,0,0,.8);
}
.footer a{
    color: #ff9600;
}

.f_top .f_nav {
    display: inline-block;
    float: left;
}

.f_nav li {
    float: left;
    margin-right: 80px;
}

.f_nav h4 {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 20px;
}

.f_nav a {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #848383;
}

.f_ico {
    float: left;
    padding-top: 2px;
}

.f_ico a {
    background: #3a3b3f;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-left: 15px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: 0.5s;
}

.f_ico a:hover {

    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: transparent;
}

.f_ewm {
    width: 150px;
    float: right;
}

.f_ewm .t1 {
    font-size: 22px;
    color: #ffffff;
}

.f_ewm .t2 {
    font-size: 22px;
    color: #0aaead;
    line-height: 45px;
}

.f_ewm .t3 {

}

.f_ewm .t4 {
    font-size: 14px;
    color: #7b7b7b;
    line-height: 33px;
    margin-left: 4px;
}

.crumb {
    font-size: 14px;
    color: #999999;
    margin-top: 40px;
    margin-left: -15px;
}

.crumb a {
    color: #999999;
    margin: 0 15px;
}

.new_nav {
    margin-top: 60px;

}

.new_nav li {
    width: 30%;
    margin-left: 20%;
    float: left;
    text-align: center;
    cursor: pointer;
}

.new_nav li.on .t2, .new_nav li:hover .t2 {
    color: #FF9600;
}

.new_nav li:first-child {
    margin-left: 10%;
}

.new_nav .t1 {
}

.new_nav .t2 {
    font-size: 26px;
    color: #000000;
    margin: 20px 0 0px 0;
}

.new_nav .t3 {
    color: #666666;
    font-size: 14px;
    line-height: 30px;
    margin: 0px 0 55px 0;
}

.news_list {

}

.news_list li {

    margin-bottom: 38px;
}

.news_list a:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .17);
}

.news_list a {
    padding: 25px 2.6%;
    display: block;
    transition: box-shadow .4s;
    -webkit-transition: box-shadow .4s;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0);
}

.news_list a:hover .t1 {
    color: #FF9600;
}

.news_list .left {
    width: 400px;
    float: left;
}

.news_list .right {
    width: calc(100% - 400px - 5%);
    float: right;
}

.news_list .right .t1 {
    font-size: 24px;
    font-weight: bold;
    color: #060606;
    line-height: 75px;
}

.news_list .right .t2 {
    font-size: 14px;
    line-height: 30px;
    height: 60px;
    color: #666;
    margin-bottom: 70px;
    -webkit-line-clamp: 2;
}

.news_list .right .t3 {
    color: #999999;
    font-size: 14px;
    border-top: 1px solid #eeeeee;
    padding-top: 24px;
}

.news_list .left1 {
    float: left;
}

.news_list .time {
    float: left;
    margin-right: 15px;
}

.news_list .no {
    float: left;
}

.news_list .no i {
    font-style: normal;
    margin: 0 20px;
}

.news_list .right1 {
    float: right;
    padding-right: 18px;
}

.news_list .right1 img {
    width: 1px;
    height: 20px;
    margin-left: 0;
    transition: margin-left .3s;
    -webkit-transition: margin-left .3s;
}

.news_list a:hover .right1 {
    color: #FF9600;
}

.news_list a:hover .right1 img {
    width: 30px;
    margin-left: 10px;
}

.pagetion {
    text-align: center;
    margin-bottom: 70px;
    color: #666666;
    font-size: 14px;
    line-height: 40px;
}

.pagetion a {
    color: #666666;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 0 16px;
    position: relative;
    margin: 0 10px;
}

.pagetion a:last-child {
    margin-right: 20px;
}

.pagetion a:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    transition: all .3s linear;
    box-sizing: border-box;
    background: #FF9600;
    transform: scale(0);
    -webkit-transform: scale(0);
    z-index: 1;
}

.pagetion a i {
    position: relative;
    z-index: 2;
    font-style: normal;
}

.pagetion a:hover:after, .pagetion a.on:after {
    transform-origin: center center;
    transform: scaleY(1)
}

.pagetion a:hover, .pagetion a.on {
    color: #ffffff;
}

.news_sum dd {
    display: none;
}

.main_video {
    background: url('../images/bg_video.png') bottom left no-repeat;
}

.main {
    padding: 1px 0 0;
    box-sizing: border-box;
}

.video_list {
    padding: 40px 0 20px 0;
}

.video_list li {
    width: calc(19% - 18px);
    /* float: left; */
    margin: 11px -1px 11px 0;
    font-size: 18px;
    line-height: 55px;
    color: #222222;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.video_list li:nth-child(odd) {
    margin: 11px 23px;
}

.video_list .t1 {
    position: relative;
}

.video_list .play {
    width: 60px;
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
}

.video_list a {
    display: block;
}

.window_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .8);
    z-index: 20;
    display: none;
}

.window_video {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 25;
    width: 400px;
    background: #ffffff;
    display: none;
}

.videos_img {
    position: relative;
    width: calc(100% - 30px);
    margin: 15px;
}

.videos_img .close {
    position: absolute;
    top: -30px;
    right: -30px;
    z-index: 10;
    width: 30px;
}

.down_nav {
    text-align: center;
}

.down_nav a {
    width: 180px;
    display: inline-block;
    line-height: 100px;
    font-size: 24px;
    color: #222222;
    font-weight: bold;
    border-bottom: 4px solid transparent;
    margin: 0 21px;
}

.down_nav img {
    margin-right: 10px;
}

.down_nav a .t2 {
    display: none;
}

.down_nav a:hover, .down_nav a.on {
    border-color: #0aaead;
    color: #0aaead;
}

.down_nav a:hover .t1, .down_nav a.on .t1 {
    display: none;
}

.down_nav a:hover .t2, .down_nav a.on .t2 {
    display: inline-block;

}

.download_list {

    margin: 45px 0;
}

.download_list li {
    width: 22.2%;
    display: inline-block;
    vertical-align: top;
    margin: 20px 0 20px calc(3.6% - 2px);
}

.download_list li:nth-child(4n - 3) {
    margin-left: 0;
}

.download_list a {
    display: block;
    padding: 85px 10px 55px 10px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5
}

.download_list .t1 {
    width: 30%;
    margin: auto;
}

.download_list .t2 {
    font-size: 16px;
    height: 60px;
    line-height: 30px;
    color: #222222;
    text-align: center;
    font-weight: bold;
    margin: 20px 0 12px 0;
}

.download_list .t3 {
    width: 24px;
    margin: auto;
}

.download_list1 {
    margin: 50px 0;
}

.download_list1 li {
    width: 48%;
    float: left;
    box-sizing: border-box;
    border: 1px solid #eeeeee;
    margin: 15px 0;
}

.download_list1 li:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .17);
}

.download_list1 li:nth-child(even) {
    margin-left: 4%;
}

.download_list1 a {
    display: block;
    line-height: 140px;
    padding: 10px 34px 10px 10px;
    box-sizing: border-box;
}

.download_list1 .t1 {
    width: 160px;
    float: left;
}

.download_list1 .t2 {
    float: left;
    padding: 0 24px;
    box-sizing: border-box;
    font-size: 20px;
    color: #222222;
    width: calc(100% - 190px);

}

.download_list1 .t3 {
    width: 24px;
    float: right;
}

.after_title {
    font-size: 40px;
    font-weight: bold;
    color: #222222;
    text-align: center;
}

.heng {
    width: 50px;
    height: 4px;
    background: #FFFFFF;
    margin: 25px auto;
}

.editor {
    max-width: 1000px;
    margin: auto;
    font-size: 16px;
    line-height: 30px;
    color: #444444;
    padding-bottom: 90px;
}

.editor1 {
    line-height: 34px;
}

.editor1 p {
    text-indent: 2em;
}

.map {
    position: relative;
}
.map .inside_title{
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 2;
}
.map .right {
    width: 100%;
}

.map .left {
    width: 21.7%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.map .left .t1 {
    margin-bottom: 270px;
}

.map .left .t1 li {
    font-size: 16px;
    color: #222222;
    margin: 50px 0 0 0;
}

.map .left .t1 span {
    line-height: 1;
    vertical-align: bottom;
    margin-right: 5px;
    font-size: 36px;
    color: #0aadac;
    font-weight: bold;
}

.map .left .t2 {
    font-size: 16px;
    color: #222222;
    font-weight: bold;
}

.map .left .t2 img {
    margin-right: 5px;
}

.map .left .t2 li {
    margin: 26px 0;
}

.map .title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.inside_title .e_title {
    font-size: 30px;
    font-family: CODE_BOLD;
    text-align: center;
}

.inside_title .c_title {
    font-size: 36px;
    font-weight: bold;
    text-align: center;

}

.branch_list {

    margin: 20px auto 60px auto;
}

.branch_list li {
    width: 47.6%;
    margin: 20px 0;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    display: inline-block;
}

.branch_list li:hover {
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, .15);
    border-color: transparent;
}

.branch_list li:nth-child(even) {
    margin-left: calc(4.8% - 4px);
}

.branch_list a {
    display: block;
    background: url(.) right bottom no-repeat #ffffff;

}

.branch_list .picture {
    width: 45%;
    float: left;

}

.branch_list .lans {
    width: 55%;
    float: left;
    box-sizing: border-box;
    padding: 30px 15px 0 30px;
    font-size: 14px;
    color: #222222;
    line-height: 20px;
}

.branch_list .t1 {
    font-size: 20px;
    line-height: 2;
    color: #0aadac;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
}

.branch_list .mess {
    box-sizing: border-box;
    padding: 10px 0 10px 40px;
}

.branch_list .t2 {
    margin-top: 25px;
    background: url('../images/ico_loc.png') center left no-repeat;
}

.branch_list .t3 {
    background: url('../images/ico_user.png') center left no-repeat;

}

.branch_list .t4 {
    background: url('../images/user_iphone.png') center left no-repeat;

}

.security_banner {
    background: url(.) center center no-repeat #031520;
    padding: 1px 0;
}

.tech_sum {
    background: #071024;
    padding: 1px 0;
}

.radius {
    position: relative;
}

.tech_sum .right {
    width: 39.5%;
    float: right;
    margin-right: 6%;
}

.radius:after {
    content: '';
    display: block;
    background: url('../images/t1_on.png') center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.radius .on {
    content: '';
    display: block;
    background: url('../images/t1_on1.png') center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
}

.radius.on2 .on {
    transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
}

.radius.on3 .on {
    transform: rotate(-120deg);
    -webkit-transform: rotate(-120deg);
}

.radius .lans {
    font-size: 26px;
    font-weight: bold;
    color: #ffffff;
    width: 100%;
    position: absolute;
}

.radius .t1 .lans {
    top: -60%;
    width: 100%;
    text-align: center;
}

.radius .t2 .lans {
    transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    right: 25%;
    top: 43%;
    width: 110%;
    text-align: right;
}

.radius .t3 .lans {
    transform: rotate(-65deg);
    -webkit-transform: rotate(-65deg);
    left: 30%;
    top: 45%;
}

.radius .t1 {
    width: 64%;
    height: 20%;
    position: absolute;
    top: 2%;
    left: 18%;
    border-radius: 80% 80% 0 0;
    z-index: 2;
    /* background: #fff; */
}

.radius .t2 {
    width: 75%;
    height: 40%;
    position: absolute;
    bottom: 15%;
    right: -18%;
    border-radius: 0 0 80% 80%;
    z-index: 2;
    /* background: #fff; */
    transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
}

.radius .t3 {
    width: 79%;
    height: 30%;
    position: absolute;
    left: -20%;
    bottom: 22%;
    border-radius: 0 0 100% 100%;
    z-index: 2;
    transform: rotate(65deg);
    -webkit-transform: rotate(65deg);
}

.radius .lans:after {
    border: 2px solid #0aaead;
    width: 10px;
    height: 10px;
    content: '';
    display: block;
    margin: auto;
    border-radius: 50%;
    position: absolute;
    bottom: 40%;
    left: 32%;
}

.radius .t1 .lans:after {

    bottom: -70%;

    left: calc(50% - 5px);
}

.radius .t2 .lans:after {
    left: 67%;
}

.tech_sum .canvas {
    position: relative;
    padding: 160px 0;
}

.tech_sum .left {
    font-weight: bold;
    color: #ffffff;
    width: 43%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.tech_sum .left li {
    display: none;
}

.tech_sum .left .t1 {
    font-size: 20px;
}

.tech_sum .left .t2 {
    font-size: 50px;
    margin: 20px 0 25px 0;
}

.tech_sum .left .t3 {
    font-size: 24px;
}

.tech_list {
    height: 85vh;
    width: 100%;
    overflow: hidden;
}

.tech_list li {
    width: 20%;
    /* float: left; */
    display: inline-block;
    height: 85vh;
    background: url(.) center center no-repeat;
    position: relative;
    transition: width .75s;
    -webkit-transition: width .75s;
    margin-left: -4px;
}

.tech_list {
    white-space: nowrap;
    width: calc(100% + 6px);
}

.tech_list li a {
    display: block;
    width: 60%;
    cursor: default;
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    z-index: 5;
    color: #ffffff;
    text-align: center;
    white-space: normal;
    transition: all .4s;
    -webkit-transition: all .4s;
}

.tech_list.on li:nth-child(5), .tech_list li.on {
    width: 22%;
}

.tech_list.on li:nth-child(4), .tech_list li.on + li {
    width: 18%;
}

.tech_list li.on a, .tech_list.on li:nth-child(5) a {
    top: 40%;
}

.tech_list li .t1 {
    font-size: 36px;
    font-weight: bold;
}

.tech_list li .heng {
    background: #ffffff;
    height: 4px;
    margin: 20px auto;
    display: none;
}

.tech_list li.on .heng {
    display: block;
}

.tech_list li .t2 {
    display: block;
    font-size: 16px;
    line-height: 26px;
    margin-top: 15px;
}

.tech_list li .t3 {
    display: none;
    font-size: 16px;
    line-height: 26px;
}

.tech_list li.on .t2 {
    display: none;
}

.tech_list li.on .t3 {
    display: block;
}

.tech_list_wraperr {
    width: 100%;
    overflow: hidden;
}

.category_banner1 {
    display: block;
    position: relative;
    overflow: hidden;
}

.category_banner1 .img {
    position: relative;
}

.category_banner1.on .img {
    z-index: -1;
}

.category_banner1 .ico_play {
    width: 60px;
    height: 60px;
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    z-index: 2;
}

.category_banner1.on .ico_play {
    z-index: -1;
}

.category_banner1 .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}

.category_banner1.on .video {
    z-index: 2;
}

.category_list li a {
    position: relative;
}

/* .category_list li a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(255, 255, 255, .2);
    transition: all .5s;
    -webkit-transition: all .5s;
}
 */
/* .category_list li a:hover:after {
    opacity: 1;
} */

.category_list li .lans {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 42%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    z-index: 3;
    color: #ffffff;
}

.category_list li:nth-child(even) .lans {
    color: #222222;
}

.category_list li .t1 {
    font-size: 40px;
    font-weight: bold;
}

.category_list li .t2 {
    font-size: 16px;
    line-height: 30px;
    margin: 30px 0 35px 0;
}

.category_list li .t3 {
    font-size: 14px;
    width: 100px;
    line-height: 40px;
    height: 40px;
    border: 1px solid #ffffff;
    border-radius: 30px;
    text-align: center;
    background-color: transparent;
    transition: background-color .5s;
    -webkit-transition: background-color .5s;
}

.category_list li:nth-child(even) .t3 {
    border-color: #eeeeee;
}

.category_list li:hover .t3 {
    color: #ffffff;
    background: #FF9600;
    border-color: transparent;
}

.jm11_sum {
    background: url(.) center center no-repeat;
    padding-bottom: 100px;
    padding-top: 1px;
    margin-top: -1px;
	
	width: 100%;
    margin: 0 auto;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-image: url(/style2/images/bg6.jpg);
}

.jm11_sum .title_h2 {
    color: #ffffff;
	text-align: center;
	padding: 100px 0 20px 0;
    margin-bottom: 0;
	visibility: visible;
    animation-name: fadeInUp;
    font-size: 40px;
    font-weight: bold;
}

.jm11_sum .title_h4 {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 50px;
}

.jm11_sum .jm11_form {

    max-width: 1000px;

    margin: auto;

    font-size: 16px;
}

.jm11_form li {
    position: relative;
    width: calc(50% - 10px);
    float: left;
    margin-bottom: 20px;
}

.jm11_form .ico {
    position: absolute;
    top: 15px;
    left: 15px;
}

.jm11_form li:nth-child(2) {
    margin-left: 20px;
}

.jm11_form .text {
    width: 100%;
    height: 60px;
    line-height: 30px;
    padding: 15px 55px;
    box-sizing: border-box;
    border: 0;
    font-size: 16px;
    font-weight: lighter;
}

.jm11_sum .jm11_form .t2 {
    position: relative;
    margin-bottom: 20px;
}

.jm11_sum .jm11_form .t3 {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 30px;
}

.jm11_form .textarea {
    width: 100%;
    resize: none;
    height: 150px;
    padding: 15px 50px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: lighter;
}

.jm11_form .sub {
    width: 160px;
    height: 60px;
    line-height: 60px;
    border: 0;
    color: #ffffff;
    margin: 0 20px;
    font-size: 18px;
    transition: all .5s;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .4);
}

.jm11_form .sub:hover {
    margin-top: -5px;
    margin-bottom: 5px;
}

.jm11_form .sub1 {

    background: rgb(255,150,0);

    border: 0;
}

.jm11_form .sub2:hover {
    color: #FF9600;

}

.jm11_form .t4 .sub1 {
    width: 100%;
    margin: 0;
}

.jm11_form .tips {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}

.map2 {
    background: rgb(255,150,0);
    color: #ffffff;
    padding: 30px 0 60px 0px;
}

.contact_box {
    width: 83%;
    max-width: 1600px;
    margin: auto;
}

.map2 .lans_en {
    font-size: 18px;
    width: 18px;
    float: left;
    writing-mode: vertical-lr;
    position: relative;
    padding-bottom: 50px;
}

.map2 .lans_en:after {
    width: 1px;
    height: 40px;
    background: #ffffff;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 8px;
}

.contact_left {
    width: 63%;
    float: left;
    margin-left: 40px;
}

.contact_left li {
    width: 40%;
    float: left;
    padding-left: 75px;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    font-weight: lighter;
    box-sizing: border-box;
    padding-right: 5px;
    margin-bottom: 20px;
}

.contact_left li img {
    margin-right: 3px;
}

.contact_left .title {
    font-size: 26px;
    margin-bottom: 20px;
}

.contact_left .ico {
    position: absolute;
    top: -1px;
    font-style: normal;
    left: 0;
}

.contact_right {
    float: right;
    margin-right: 25px;
    margin-top: 13px;
}

.contact_right li {
    font-size: 14px;
    line-height: 24px;
    margin-right: 25px;
    float: left;
}

.contact_right li img {
    display: block;
    margin-bottom: 5px;
}

.series_sum {
    margin: 120px auto 120px auto;
}

.series_sum a {
    display: block;
    position: relative;
}

.series_sum .lans {
    color: #ffffff;
    position: absolute;
    left: 10%;
    width: 80%;
    top: 10%;
    text-align: center;
    z-index: 2;
}
.series_sum .advsum li:first-child .lans{
    top: 40%;
    transform: translate(0,-50%);
    left: 6%;
}
.series_sum .t1 {
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: bold;
}

.series_sum .t2 {
    font-size: 18px;
    line-height: 26px;
    margin: 10px 0 0px 0;
}

.series_sum .t3 {
    width: 80px;
    line-height: 35px;
    height: 35px;
    border: 1px solid #ffffff;
    border-radius: 30px;
    text-align: center;
    font-size: 14px;
    margin: 20px auto;
}

.series1 .lans {
    top: 50%;
    text-align: left;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.series1 .t1 {
    font-size: 40px;
    line-height: 47px;
    font-weight: bold;
}

.series1 .t2 {
    font-size: 18px;
    line-height: 26px;
    margin: 20px 0 45px 0;
}

.series1 .t3 {
    margin: 0;
}

.series_list2 li {
    float: left;
    width: calc(50% - 7px);
    margin: 7px 0;
}

.series_list2 .t3 {
    margin: 15px auto;
    width: 60px;
    line-height: 28px;
    height: 28px;
    margin-top: 25px;
}

.series_list2 li:nth-child(even) {
    margin-left: 14px;
}

.series1 {
    margin: 7px 0;
}

.series_list3 li {
    float: left;
    width: calc(33.3% - 9px);
    margin: 7px 0;
}

.series_list3 li:nth-child(3n -1 ) {
    margin: 7px 14px;
}

.series_sum a:hover .t3 {
    color: #ffffff;
    background: #0aaead;
    border-color: transparent;
}

.security_sum {
    max-width: 1200px;
    width: 100%;
    margin: 140px auto 200px auto;
}

.security_sum .left {
    width: 53.5%;
    float: left;
    /* margin: 50px 0; */
    padding: 50px 5.5% 150px 0%;
    box-sizing: border-box;
    position: relative;
}

.security_sum .left:after {
    content: '';
    background: url('../images/heng.png') center center no-repeat;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.security_sum .left .t1 {
    font-size: 30px;
    color: #ffffff;
    text-align: center;
}

.security_sum .left .t2 {
    width: 100%;
    margin: 40px auto;
    max-width: 570px;
}

.security_sum .left .t2_input {
    width: 73.5%;
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    padding: 10px;
    border: 0;
    float: left;
    font-size: 16px;
}

.security_sum .left .t2_sub {
    width: 24.5%;
    line-height: 60px;
    height: 60px;
    background: #0aaead;
    color: #ffffff;
    border: 0;
    display: block;
    float: right;
    font-size: 16px;
}

.security_sum .right {
    width: 45%;
    padding-left: 5%;
    box-sizing: border-box;
    float: right;
    padding-top: 60px;
}

.security_sum .right .t1 {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 18px;
}

.security_sum .right .t2 {
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
}

.adv {
    margin-top: 3%;
}

.series_list2.advsum li {
    width: 49.25%;
}

.series_list2.advsum li:nth-child(even) {
    margin-left: 1.5%;
}

.series_sum .advsum li:nth-child(1) .lans {
    text-align: left;
}

.series_sum .advsum li:nth-child(1) .t3 {
    margin-left: 0;
}

.series_sum .advsum .t1 {
    font-size: 36px;
}

.marketing {
    margin-bottom: 30px;
}

.marketing li {
    width: calc(33.3% - 18px);
    background: #ffffff;
    display: inline-block;
    margin-top: 24px;
    vertical-align: top;
    transition: all .4s;
    -webkit-transition: all .4s;
}

.marketing li:hover {
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, .15);
}

.marketing li:nth-child(3n-1) {
    margin: 24px 23px 0 23px;
}

.marketing a {
    display: block;
}

.marketing .picture {

}

.marketing .lans {
    width: 85%;
    margin: 40px auto 70px auto;
}

.marketing .number {
    font-size: 26px;
    color: #222222;
    font-weight: bold;
    font-family: 'arial';
}

.marketing .number:before {
    width: 30px;
    height: 1px;
    background: #666666;
    content: '';
    display: inline-block;
    margin-right: 13px;
    margin-bottom: 10px;
    transition: all .4s;
    -webkit-transition: all .4s;
}

.marketing li:hover .number:before {
    width: 50px;
}

.marketing .t1 {
    font-size: 20px;
    line-height: 30px;
    color: #222222;
    height: 30px;
    margin: 10px 0;

}

.marketing .t2 {
    font-size: 14px;
    line-height: 26px;
    color: #999999;
    height: 52px;
    -webkit-line-clamp: 2;

}

.news_details {
    margin-top: -93px;
    position: relative;
    z-index: 2;
}

.news_details .left {
    width: 76%;
    float: left;
    background: #ffffff;
    padding: 35px 32px;
    box-sizing: border-box;
}

.news_details .right {
    width: 22.7%;
    float: right;
    background: #ffffff;
    padding: 35px 32px;
    box-sizing: border-box;
}

.news_details .title {
    font-size: 30px;
    color: #222222;
    font-weight: bold;
}

.news_details .mess {
    font-size: 14px;
    color: #999999;
    margin: 27px 0 13px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.news_details .mess li {
    margin-right: 75px;
    float: left;
}

.news_details .editors {
    font-size: 16px;
    line-height: 30px;
    color: #444444;
    width: 100%;
}

.news_details .right_list {

}

.right_list a {
    display: none;
    margin: 15px 0 30px 0;
}

.right_list a:nth-child(1), .right_list a:nth-child(2), .right_list a:nth-child(3) {
    display: block;
}

.right_list .t1 {
    font-size: 14px;
    color: #060606;
    
}

.right_list .t1 span {
    color: #646464;
    display: inline-block;
    margin-right: 10px;
}

.right_list .t2 {
    font-size: 18px;
    color: #222222;
    font-weight: bold;
	line-height: 40px;
}

.right .more {
    color: #666666;
    line-height: 2;
    cursor: pointer;
    text-align: center;
}

.tuijian {
    font-size: 14px;
    color: #646464;
    font-weight: bold;
    padding: 60px 0 30px 0;
    border-bottom: 1px solid #dddddd;
}

.tuijian a {
    font-weight: normal;
    color: #333333;
    display: inline-block;
    margin: 0 10px;
}

.new_pagetion {
    text-align: center;
    padding: 40px 0 150px 0;
}

.new_pagetion a {
    font-size: 14px;
    color: #646464;
    display: inline-block;
}

.new_pagetion a:hover {
    color: #FF9600;
}

.new_pagetion a.on {
    margin: 0 130px;
}

/*map.html*/
.map1 .title {
    font-size: 18px;
    font-weight: bold;
    padding-top: 60px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d8d8d8;
}

.map1 .title span {
    color: #0aaead;
    margin-right: 20px;
}

.map1 .map_list {
    padding-bottom: 130px;
}

.map_list li {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    margin-top: 60px;
    padding-bottom: 40px;
}

.map_list li a, .map_list li h4 {
    font-size: 18px;
    line-height: 36px;
    color: #777;
    display: block;
}

.map_list li h4 {
    color: #0f0f0f;
    padding-bottom: 10px;
}

.map_list li a:hover {
    text-decoration: underline;
}

/*end map.html*/
/*search.html*/
.search-list {
    width: 83%;
    margin: -60px auto 100px;
    position: relative;
}

.search-top {
    width: 85%;
    max-width: 800px;
    height: 120px;
    padding: 20px 40px;
    box-sizing: border-box;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 10px 40px rgba(223, 229, 232, 0.5);
}

.search-left input {
    background: none;
    outline: none;
    border: none;
    color: #000;
    font-size: 18px;
    width: 100%;
    line-height: 80px;
}

.search-left {
    width: calc(100% - 90px);
    padding-left: 30px;
    box-sizing: border-box;
    float: left;
}

.search-left input::-webkit-input-placeholder { /* WebKit browsers */
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.search-left input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.search-left input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.search-right {
    width: 80px;
    height: 80px;
    border-left: 1px solid #0aaead;
    float: right;
}

.search-right .search_btns {
    width: 80px;
    height: 80px;
    background: url('../images/ico_searh.png') right center no-repeat;
    display: block;
    border: 0;
    background-size: 35% 35%;
    cursor: pointer;
}

.list-main {

    width: 100%;
    margin: 50px auto;
}

.search-main {
    width: 100%;
    padding: 30px 0;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #ddd;
}

.search-main a {
    width: 100%;
    height: 100%;
}

.search-main .red_xian {
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: #0aaead;
    transition: all 1s ease-in-out;
}

.search-main.on .red_xian {
    width: 100%;
}

.search-main .search-main-one {
    width: 100%;
    height: 72px;
}

.search-main .search-main-two {
    width: 0;
    height: 72px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    background-color: #fff;
    transform: translate(0, -50%);
    transition: all 1s ease-in-out;
    overflow: hidden;
}

.search-main.on .search-main-two {
    width: 100%;
}

.main-left {
    display: block;
    float: left;
    width: 80%;
}

.main-left .title {

    font-size: 20px;

    color: #000;

    font-weight: bold;

    margin-bottom: 20px;

    height: 30px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
}

.main-left .title em {
    color: #d90909;
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
}

.main-left .text {
    max-width: 910px;
    font-size: 14px;
    color: #84898c;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-right .kuai {
    padding: 10px 28px;
    background-color: #e6e9ec;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}

.search-main-two .main-left .title {
    color: #0aaead;
}

.search-main-two .main-left .text {
    color: #000;
}

.search-main-two .main-right .kuai {
    background-color: #fff;
    padding: 0;
    width: 0;
    margin-bottom: 16px;
    overflow: hidden;
    transition: all 0.3s;
}

.main-right {
    display: inline-block;
    float: right;
    padding: 10px 0;
}

.search-main-two .main-right .kuai img {
    width: 88px;
    height: 13px;
}

.search-main.on .search-main-two .main-right .kuai {
    width: 100%;
}

.none {
    text-align: center;
}

.next-list {
    margin: 50px 0 100px 0;
}

/*end search.html*/
/*servies.html*/

.servies_list {
    padding: 60px 0 100px 0;
}

.servies_list a {
    float: left;
    display: block;
    position: relative;
    width: calc(33.3% - 6.5px);
    overflow: hidden;
}

.servies_list a:nth-child(3n-1) {
    margin: 0 10px;
}

.servies_list .lans {
    width: 100%;
    position: absolute;
    top: 75%;
    left: 0;
    z-index: 2;
    text-align: center;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
}

.servies_list a:hover .lans {
    top: 50%;
}

.servies_list a:hover .t3 {
    opacity: 1;
}

.servies_list .lans .t1 {
    width: 60px;
    margin: auto;
}

.servies_list .lans .t2 {
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    margin: 20px 0;
}

.servies_list .lans .t3 {
    opacity: 0;
    width: 115px;
    height: 40px;
    font-size: 14px;
    border-radius: 30px;
    line-height: 40px;
    border: 1px solid rgba(255, 255, 255, .3);
    color: #ffffff;
    margin: auto;
}

.servies_list .lans .t3 img {
    margin-right: -13px;
}

.servies1_list {
    padding: 30px 0 120px 0;
}

.servies1_list li {
    width: calc(25% - 7.5px);
    position: relative;
    padding-top: calc(25% - 7.5px);
    background: #242426;
    margin-left: 10px;
    float: left;
}

.servies1_list li:first-child {
    margin-left: 0;
}

.servies1_list li:nth-child(even) {
    background: #112835;
}

.servies1_list .lans {
    position: absolute;
    top: 20%;
    left: 10%;
    width: 80%;
    text-align: center;
}

.servies1_list .ico {
    margin: 25px 0;
}

.servies1_list .t1 {
    font-size: 20px;
    line-height: 40px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    padding: 15px 0 10px 0;
}

.servies1_list .t2 {
    color: #ffffff;
    font-size: 16px;
}

.servies1_list .ewm {

}

/*end servies.html*/
/*about.html*/
.about_bg {
    background: url(.) bottom left no-repeat #ffffff;
    position: relative;

}
.about_bg .box{
    max-width: 1200px;
}
.about_title {
    text-align: center;
    padding: 100px 0 40px 0;
    color: #000000;
}

.about_title .e_title {
    font-size: 30px;
    font-family: 'Code Bold';
    letter-spacing: -2px;
}

.about_title .c_title {
    font-size: 36px;
    font-weight: bold;
    margin-top: 5px;
}

.about_editor {
    font-size: 16px;
    line-height: 40px;
    color: #444444;
}

.about_number {
    padding: 180px 0 170px 0;
}

.about_number li {
    color: #222222;
    float: left;
    width: 14%;
    margin-left: 14.5%;
}

.about_number li:nth-child(1) {
    margin-left: 0;
}

.about_number .number {
    font-size: 60px;
    font-family: 'arial';
    font-weight: bold;
    margin-right: 5px;
}

.about_number i {
    font-size: 40px;
    vertical-align: top;
    font-family: 'arial';
    font-weight: bold;
}

.about_number .t1 {
    font-size: 16px;
    color: #222222;
}

.about_number .t2 {
    font-size: 16px;
    color: #666666;

}

.about_bg2 {
    background: #151719;
    padding: 115px 1.56%;
    box-sizing: border-box;
}

.about_list li {
    position: relative;
}

.about_bg2 .left {
    width: 43.7%;
    float: left;
}

.about_bg2 .right {
    width: 54.6%;
    float: right;
}

.about_bg2 .right li {
    width: 48.5%;
    float: left;
}

.about_bg2 .right li:nth-child(even) {
    margin-left: 3%;
}

.about_bg2 .right li:nth-child(3), .about_bg2 .right li:nth-child(4) {
    margin-top: 3%;
}

.about_bg2 a {
    display: block;
}

.about_bg2 .lans {
    position: absolute;
    top: 30px;
    left: 5%;
    width: 80%;
    z-index: 2;
    color: #ffffff;
}

.about_bg2 .t1 {
    font-size: 34px;
    margin-bottom: 15px;
}

.about_bg2 .t2 {
    font-size: 16px;
    line-height: 26px;
}

.honor {
    background: #1d2022;
}

.honor .about_title {
    color: #ffffff;
}

/*资质荣誉*/
.hon_con {
    padding: 80px 0;
}

.hon_con .tea_case {
    width: 80%;
    /* padding-bottom: 200px; */
    margin: auto;
}

.hon_tab_nav_box {
    float: left;
    width: 15%;
}

.hon_tab_nav_box > div {
    max-width: 130px;
    color: #666666;
    transition: all .5s ease-out;
    padding-bottom: 50px;
    cursor: pointer;
}

.hon_tab_nav_box > div:last-child {
    padding-bottom: 0;
}

.hon_tab_num {
    font-size: 60px;
    line-height: 1;
}

.hon_tab_name {
    line-height: 56px;
    font-size: 16px;
    font-weight: 700;
    color: #72787f;
    transition: all .5s ease-out;
    position: relative;
    font-weight: normal;
}

.hon_tab_name::after {
    content: '';
    position: absolute;
    width: 0;
    height: 5px;
    /* background-color: #00653b; */
    left: 0;
    bottom: 0;
    transition: all .5s ease-out;
}

.hon_tab_nav_box > div.on, .hon_tab_nav_box > div:hover {
    color: #00a9b1;
}

.hon_tab_nav_box > div.on .hon_tab_name, .hon_tab_nav_box > div:hover .hon_tab_name {
    color: #fff;
}

.hon_tab_nav_box > div:hover .hon_tab_name::after, .hon_tab_nav_box > div.on .hon_tab_name::after {
    width: 100%;
}

.hon_con_case {
    float: left;
    width: 85%;
    position: relative;
}

.hon_con_case > div {
    display: none;
    position: relative;
}

.hon_con_case > div:first-child {
    display: block;
}

.hon_con_box {
    float: left;
    width: 45%;
    padding-right: 10%;
    padding-left: 10%;
    overflow: hidden;
    position: relative;
    margin-top: 8px;
}

.hon_con_box .swiper-container {
    overflow: initial;
    padding-bottom: 120px;
}

.sha_tra {
    position: absolute;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(228, 233, 237, 1) 0%, rgba(228, 233, 237, 0) 25%, rgba(228, 233, 237, 0) 75%, rgba(228, 233, 237, 1) 100%);
    background: -o-linear-gradient(left, rgba(228, 233, 237, 1) 0%, rgba(228, 233, 237, 0) 25%, rgba(228, 233, 237, 0) 75%, rgba(228, 233, 237, 1) 100%);
    background: -webkit-gradient(linear, right top, right bottom, color-stop(0, #1d2022), color-stop(0.25, rgba(228, 233, 237, 0)), color-stop(0.75, rgba(228, 233, 237, 0)), color-stop(1, #1d2022));
    background: -webkit-linear-gradient(left, #1d2022 0%, rgba(228, 233, 237, 0) 25%, rgba(228, 233, 237, 0) 75%, #1d2022 100%);
    z-index: 3;
    top: 0;
    left: 0;
    pointer-events: none;
}

.hon_con_box .swiper-slide {
    opacity: 0.9;
    transition: all .5s ease-in;
}

.hon_con_box .swiper-slide.active {
    opacity: 1;
}

.hon_con_box .swiper-slide > div {
    width: 100%;
    position: relative;
}

.hon_con_box .swiper-slide > div > img {
    display: block;
    max-width: 435px;
    max-height: 405px;
    margin: 0 auto;
}

.hon_name {
    text-align: center;
    margin-top: 25px;
    font-weight: 700;
    color: #fff;
    font-size: 24px;
    line-height: 1.5;
    opacity: 0;
    transition: all .5s ease-in;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
}

.hon_con_box .swiper-slide.active .hon_name {
    opacity: 1;
}

.hon_name_box {
    width: calc(29.23% + 50px);
    float: right;
    padding: 25px 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

.hon_name_text {
    font-size: 16px;
    line-height: 60px;
    height: 60px;
    padding: 0 10px;
    text-align: center;
    opacity: 1;
    color: #666666;
    transition: all .5s ease-in;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hon_name_box .active-nav .hon_name_text {
    font-size: 18px;
    font-weight: 700;
    background-color: #00a9b1;
    box-shadow: 0 0 46px rgba(29, 56, 75, .17);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
}

.hon_name_box .swiper-container {
    height: 270px;
    padding: 25px 25px 15px 25px;
    overflow: hidden;
}

.hon_name_box .swiper-slide {
    cursor: pointer;
}

.hon_name_box .swiper-button-prev, .hon_name_box .swiper-button-next {
    background-image: none;
    width: 100%;
    height: 22px;
    text-align: center;
    margin: 0;
    background: url('../images/next.jpg') center center no-repeat;
    outline: none;
}

.hon_name_box .swiper-button-prev {
    top: 0;
    left: 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.hon_name_box .swiper-button-next {
    top: auto;
    right: 0;
    bottom: 0;
}

/*资质荣誉*/

.about_bg5 {
    padding: 60px 0;
}

.about_bg5 .map {
    width: 58%;
    float: left;
}

.about_bg5 .right {
    width: 30%;
    float: right;
    margin-top: 50px;
    margin-right: -1%;
}

.about_bg5 .title {
    font-size: 30px;
    font-weight: bold;
    margin-left: 30px;
}

.about_bg5 .heng {
    margin-left: 0;
}


.about_list1 li {
    margin-bottom: 40px;
    background: url(.) left 0px no-repeat;
    padding-left: 30px;
    box-sizing: border-box;
}
.about_list1 li.iphone{
    background-image: url('../images/iphone1.png');
    margin-top: 55px;
}
.about_list1 li.loc{
    background-image: url('../images/loc5.png');
}
.about_list1 .t1 {
    font-size: 14px;
    line-height: 1;
    color: #FFFFFF;
}

.about_list1 .t2 {
    font-size: 16px;
    line-height: 2;
    color: #FFFFFF;
}
.ewm_list{
    text-align: center;
    padding-top: 40px;
    /* padding-left: 30px; */
    box-sizing: border-box;
}
.ewm_list li{
    display: inline-block;
    vertical-align: top;
    width: 23%;
    /* margin-left: 4%; */
}
.ewm_list li:nth-child(3n -1 ){
    margin: 0 8%;
}
.ewm_list .ewm{
    max-width: 100px;
}
.ewm_list .name{
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF;
    text-align: center;
}
.right-side{
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    z-index: 10;
    border-right: 2px solid #dcdcdc;
}
.right-side.fixednav{
    position: fixed;
}
.right-side a{
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 1;
    color: #222222;
    font-weight: bold;
    margin: 0 25px;
    margin-bottom: 100px;
}
.right-side a:nth-child(odd){
    color: #999999;
}
.right-side a.on i{
    background: #FF9600;
}
.right-side a .lans{
    opacity: 0;
}
.right-side a.on .lans{
    opacity: 1;
}
.right-side a:last-child{
    margin-bottom: 0;
}
.right-side a i{
    width: 15px;
    height: 15px;
    background: #dcdcdc;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: -34px;
}
.i_ico{
    display: inline-block;
}
.i_ico a{
    margin: 0 3px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    display: none;
    transition: 0.5s;
}
.i_ico.on a{
    display: inline-block;
}
.i_ico a:nth-child(1),.i_ico a:nth-child(2),.i_ico a:nth-child(3),.i_ico a:last-child{
    display: inline-block;
}
.i_ico a:hover{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: ;
}
.pro_details{
    position: relative;
}
.pro_details .buy{
    position: absolute;
    left: 10%;
    top: 55%;
}
/*end about.html*/
@media screen and (max-width: 1600px) {
    .download_list a {
        padding: 65px 10px 35px 10px;
    }

    .download_list li {
        margin: 20px 0 20px calc(3.6% - 3px);
    }

    .download_list .t2 {
        font-size: 15px;
        margin: 18px 0 10px 0;
    }

    .news_list .right .t2 {
        margin-bottom: 40px;
    }

    .news_list .left {
        width: 350px;
    }

    .news_list .right {
        width: calc(100% - 350px - 5%);
    }

    .news_list .right .t1 {
        line-height: 65px;
    }

    .banner_bg .t1 {
        font-size: 30px;
        font-weight: bold;
    }

    .banner_bg .t2 {
        font-size: 52px;
        font-weight: bold;
        margin: 10px 0 7px 0;
    }

    .banner_bg .t3 {
        font-size: 15.5px;
        margin: 15px 0 27px 0;
        line-height: 1.5;
        height: 70px;
    }

    .index_news_list .t2 {
        font-size: 22px;
        line-height: 30px;
        height: 60px;
        margin: 25px 0;
    }

    .index_news_list .lans {
        padding: 20px 10px;
        margin-bottom: 40px;
    }

    .f_nav li {
        margin-right: 70px;
    }

    .f_nav li {
        margin-right: 50px;
    }
}

@media screen and (max-width: 1450px) {
    .series_sum{
        margin: 60px auto;
    }
    .about_bg2 .t1{
        font-size: 30px;
    }
    .branch_list .lans {
        padding: 20px 10px 0 20px;
    }

    .branch_list .mess {
        padding: 7px 0 7px 30px;
    }

    .branch_list .t2 {
        margin-top: 15px;
    }

    .download_list1 .t1 {
        width: 130px;
    }

    .download_list1 a {
        line-height: 114px;
        padding: 10px 24px 10px 10px;
    }

    .download_list1 .t2 {
        font-size: 18px;
        width: calc(100% - 155px);
        padding: 0 20px;
    }

    .down_nav a {
        font-size: 22px;
        line-height: 80px;
        width: 170px;
        margin: 0 15px;
    }

    .news_list .left {
        width: 300px;
    }

    .news_list .right {
        width: calc(100% - 300px - 3%);
    }

    .news_list .right .t3 {
        padding-top: 15px;
    }

    .index_pro .swiper-button-prev, .index_pro .swiper-container-rtl .swiper-button-next, .index_pro .swiper-button-next, .index_pro .swiper-container-rtl .swiper-button-prev {
        width: 50px;
        height: 50px;
    }

    .banner_bg .t1 {
        font-size: 28px;
        font-weight: bold;
    }

    .banner_bg .t2 {
        font-size: 48px;
        font-weight: bold;
        margin: 10px 0 7px 0;
    }

    .banner_bg .t3 {
        font-size: 15px;
        height: 68px;
    }

    .pro_list_index .t1 {
        font-size: 16px;
        color: #0aaead;
        font-weight: bold;
    }

    .pro_list_index .t2 {
        font-size: 22px;
    }

    .pro_list_index .t3 {
        font-size: 15px;
    }

    .f_nav a {
        font-size: 13px;
        line-height: 28px;
    }

    .f_nav h4 {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .new_nav {
        margin-top: 45px;
    }

    .video_list {
        padding: 20px 0 10px 0;
    }

    .series_sum .advsum .t1 {
        font-size: 28px;
    }
    .video_list .play{
        width: 40px;
        top: calc(50% - 20px);
        left: calc(50% - 20px);
    }
    .servies_list .lans .t2{
        font-size: 27px;
    }
    .after_title{
        font-size: 37px;
    }
    .right-side a{
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 1367px) {
    .down_nav a {
        font-size: 20px;
        width: 160px;
    }

    .f_ewm .t2, .f_ewm .t1 {
        font-size: 20px;
    }

    .f_ewm .t3 {
        width: 105px;
    }

    .f_ico a {
        width: 25px;
        height: 25px;
        margin-right: 7px;
    }

    .f_nav li {
        margin-right: 35px;
    }

    .servies1_list .lans {
        top: 12%;
    }

    .servies1_list .t1 {
        font-size: 18px;
        line-height: 25px;
    }

    .hon_tab_nav_box > div {
        padding-bottom: .4rem;
    }

    .hon_tab_num {
        font-size: 30px;
    }

    .hon_tab_name {
        line-height: 48px;
    }

    .new_title {
        margin-top: 0;
    }

    .mar_data_box {
        margin-top: 1.8rem;
    }

    .scr1_img_box {
        width: 50%;
        margin-top: 0;
    }

    .pul_initial .language_box {
        margin-top: 100px;
    }
}

@media screen and (max-width: 1200px) {
	.jm11_sum .title_h2 {
        padding-top: 100px;
		padding-bottom: 10px;
		font-size: 22px;
    }
	
	.jm11_form .sub {
        width: 100px;
        height: 40px;
        line-height: 40px;
        margin: 0 10px;
        font-size: 14px;
    }

    .jm11_sum {
        padding-bottom: 50px;
        /*margin-bottom: 50px;*/
    }
	
	.map2 .lans_en {
        width: 100%;
        writing-mode: inherit;
        padding-bottom: 20px;
    }

    .map2 .lans_en:after {
        position: static;
        display: inline-block;
        width: 40px;
        height: 1px;
        margin-bottom: 7px;
        margin-left: 10px;
    }
	
	.contact_left {
        width: Calc(100% - 60px)
    }
	
	.contact_right {
        width: 100%;
        padding-left: 80px;
        box-sizing: border-box;
    }
	
	.contact_left {
        width: 100%;
        margin-left: 0
    }

    .contact_left .title {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 30px;
    }

    .contact_left li {
        width: 100%;
        /* margin-bottom:30px;  */
        font-size: 14px;
    }

    .contact_left li img {
        width: 28px;
    }
	
	.contact_right {
        padding: 0;
        text-align: center;
        padding: 0;
        width: 100%;
        margin: 0;
        margin-top: 30px;
    }

    .contact_right li {
        float: none;
        display: inline-block;
    }
	
    .box {
        width: 92%;
        margin: auto;
    }

    .main {
        border-top: 64px solid #000;
    }

    .index_live_banner .lans {
        padding: 10px;
    }

    .iphonemedia {
        display: block
    }

    .pcmedia {
        display: none
    }

    /*header*/
    .header {
        background: rgba(0, 0, 0, .93) !important;
        /* padding: 5px 0; */
        padding: 0;
    }

    .header.bg0 {
        background: rgba(34, 34, 34, .9);
        height: calc(100vh + 85px);
        overflow: hidden;
        overflow-y: scroll;
    }

    .header.bg0 .header_bottom {
        /* background: #000000; */
        /* padding-top: 20px; */
    }

    .header.fix {
        position: fixed;
    }

    .header.fix.bg1 {
        height: calc(100vh + 85px);
        overflow: hidden;
        overflow-y: scroll;
    }

    .header_lans {
        line-height: 32px;
        position: relative;
        background: #222;
        z-index: 10;
    }

    .header_lans .ones {
        width: 85%;
        margin: 0 5% 0 5%;
        color: #ffffff;
        font-size: 10px;
        text-align: center;
    }

    .header_lans .close {
        position: absolute;
        right: 5px;
        top: -2px;
        z-index: 3;
        width: 21px;
    }

    .header_top {
        height: 66px;
        position: relative;
        z-index: 10;
        /* background: rgba(0, 0, 0, .75); */
        transition: all .4s;
        -webkit-transition: all .4s;
    }

    .header.bg0 .header_top {

        /* background: rgba(0, 0, 0, 1); */

    }

    .header_relative {
        position: relative;
        overflow: hidden;
        z-index: 10;
    }

    .header .header_gradess {
        position: absolute;
        width: 110%;
        top: -10px;
        left: -5%;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        height: 100px;
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=20, MakeShadow=false);
        overflow: hidden;
        min-height: 100vh;
    }

    .header .header_gradess.he {
        min-height: 110vh;
        height: 690px;
    }

    .header_top .login_header {
        float: right;
        margin-top: 23px;
        opacity: 1;
        transition: all .4s;
        -webkit-transition: all .4s;
    }

    .header_top .logo {
        position: absolute;
        bottom: 50%;
        left: 50%;
        transform: translate(-50%, 50%);
        width: 60px;
    }

    .header_top .menu_icon {
        float: left;
        margin-top: 21px;
    }

    .menu_icon span {
        display: block;
        width: 20px;
        height: 1px;
        background: #ffffff;
        margin: 6px 0;
        transition: all .4s;
        -webkit-transition: all .4s;
    }

    .menu_icon.on span:first-child {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        margin-top: 10px;
    }

    .menu_icon.on span:nth-child(2) {
        display: none;
    }

    .menu_icon.on span:nth-child(3) {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        margin-top: -7px;
    }

    .header_bottom {
        display: none;
        width: 100%;
        height: 690px;
        position: relative;
        z-index: 10;
        /* background: rgba(0, 0, 0, .65); */
        padding: 1px 0;
    }

    .seach_box {
        width: 100%;
        background: #434343;
        border-radius: 10px;
        height: 40px;
        padding: 4px 0 0 0;
        box-sizing: border-box;
        margin: 20px 0;
        transition: all .4s;
        -webkit-transition: all .4s;
    }

    .seach_box .submit {
        width: 20px;
        height: 20px;
        border: 0;
        background: url('../images/ico_searh1.png') center center no-repeat;
        display: block;
        background-size: 100% 100%;
        float: left;
        margin-left: 10px;
        margin-top: 7px;
        opacity: .6;
    }

    .seach_box .text {
        float: right;
        display: block;
        width: calc(100% - 50px);
        border: 0;
        background: transparent;
        line-height: 20px;
        height: 20px;
        font-size: 16px;
        color: #ffffff;
        padding: 5px 0;
    }

    .header_nav {
        border-bottom: 1px solid #0aaead;
        padding-bottom: 2px;
    }

    .header_nav li {
        border-top: 1px solid #4f4f4f;
    }

    .header_nav li > a {
        display: block;
        position: relative;
        font-size: 15px !important;
        line-height: 22px;
        padding: 16px 0;
        color: #ffffff;
        font-family: 'fs_bold';
    }

    .header_nav li > a:after {
        content: '';
        display: block;
        position: absolute;
        top: 24px;
        right: 20px;
        width: 5px;
        height: 5px;
        border-bottom: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transition: all .4s;
        -webkit-transition: all .4s;
    }

    .header_nav li > a.arrow:after {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .header_nav .nav2 {
        display: none;
        margin-top: -5px;
        margin-left: 20px;
        padding-bottom: 10px;
    }

    .header_nav .nav2 a, .header_search a {
        display: block;
        font-size: 14px;
        line-height: 35px;
        color: #c5c5c5;
    }

    .seach_box .cancal {
        color: #6bf;
        font-size: 17px;
        display: none;
        margin-left: 3px;
    }

    .seach_box.focus {
        width: 85%;
        position: relative;
        /* margin-top: 40px; */
    }

    .seach_box.focus .cancal {
        position: absolute;
        left: 102%;
        width: 100px;
        display: block;
        top: 0;
        line-height: 40px;
    }

    .header_search {
        display: none;
    }

    .header_search h2 {
        font-size: 13px;
        line-height: 1;
        color: #888888;
    }

    .header_search1 {
        padding-top: 5px;
    }

    .header_search1 a {
        font-size: 15px;
        line-height: 50px;
        color: #fff;
        border-top: 1px solid #4f4f4f;
    }

    .header_search1 a:first-child {
        border-top: 0px;
    }

    .login_header.opacity {
        opacity: 0;
    }

    .banner_bg .lans {
        left: 5%;
        width: 55%;
    }

    .series_sum {
        margin: 20px auto;
    }

    .series_list3 li {
        width: calc(33.3% - 9.5px);
    }

    .series1 .t2 {
        font-size: 16px;
        line-height: 24px;
        margin: 15px 0 35px 0;
    }

    .series_sum .t3 {
        width: 70px;
        line-height: 30px;
        height: 30px;
        font-size: 12px;
    }

    .series1 .t1 {
        font-size: 35px;
    }

    .series_sum .t1, .series_sum .advsum .t1 {
        font-size: 25px;
        line-height: 37px;
    }

    .series_sum .t2 {
        font-size: 16px;
        line-height: 24px;
    }

    .category_list li .lans {
        left: 5%;
    }

    .category_list li .t1 {
        font-size: 35px;
    }

    .category_list li .t2 {
        margin: 20px 0 25px 0;
        font-size: 14px;
        line-height: 26px;
    }

    .tech_list li a {
        width: 80%;
        left: 10%;
    }

    .tech_list li {
        height: 70vh;
    }

    .tech_list li a {
        top: 40%;
    }

    .tech_list {
        width: 100%;
        height: 70vh;
    }

    .tech_list li .t1 {
        font-size: 30px;
    }

    .tech_list li .t3 {
        display: block;
        font-size: 14px;
        line-height: 24px;
    }

    .tech_list li .heng {
        display: block;
        height: 2px;
        width: 30px;
    }

    .tech_sum .canvas {
        margin: 0;
        padding: 0
    }

    .tech_sum .left {
        width: 100%;
        position: static;
        float: none;
        transform: translate(0, 0%);
        -webkit-transform: translate(0, 0%);
    }

    .tech_sum .right {
        width: 60%;
        max-width: 500px;
        margin: 20px auto;
        float: none;
    }

    .tech_sum .left li {
        display: block;
        margin: 100px 0;
    }

    .tech_sum .left .t1 {
        font-size: 16px
    }

    .tech_sum .left .t2 {
        font-size: 40px;
        margin: 10px 0 15px 0;
    }

    .tech_sum .left .t3 {
        font-size: 20px
    }

    .branch_list .lans {
        font-size: 12px;
    }

    .inside_title .c_title, .inside_title .left .t1 span {
        font-size: 30px;
    }

    .map .left .t1 {
        margin-bottom: 20vh;
    }

    .inside_title .e_title {
        font-size: 25px;
    }

    .after_title {
        font-size: 30px;
        margin-top: 30px;
    }

    .heng {
        margin: 15px auto 30px auto;
        height: 2px;
    }

    .download_list1 {
        margin: 35px 0;
    }

    .download_list1 li, .download_list1 li:nth-child(even) {
        margin: 15px 0;
        width: 100%;
    }

    .download_list li:nth-child(4n - 3), .download_list li {
        width: 48%;
        margin: 8px auto;
    }

    .download_list li:nth-child(even) {
        margin-left: calc(4% - 4px);
    }

    .window_video {
        width: 80%;
    }

    .video_list li:nth-child(3n - 1), .video_list li {
        margin: 10px 0;
        width: 48%;
    }

    .video_list li:nth-child(even) {
        margin-left: calc(4% - 4px);
    }

    .news_list .left {
        width: 250px;
    }

    .new_nav {
        margin: 15px 0 10px 0;
    }

    .pagetion a {
        line-height: 25px;
        margin: 0 2px;
        padding: 0 8px;
        font-size: 12px;
    }

    .new_nav .t2 {
        font-size: 18px;
        line-height: 35px;
        border-radius: 30px;
        margin: 10px 0;
    }

    .new_nav li.on .t2, .new_nav li:hover .t2 {
        background: #0aaead;
        color: #ffffff;
    }

    .new_nav .t3, .new_nav .t1 {
        display: none;
    }

    .news_list .right {
        width: calc(100% - 250px - 3%);
    }

    .news_list .right .t1 {
        font-size: 20px;
        line-height: 2;
    }

    .news_list .right .t2 {
        font-size: 14px;
        line-height: 28px;
        height: 56px;
        margin-bottom: 30px;
    }

    .news_list a {
        padding: 20px 2%;
    }

    .footer .f_top {
        display: none;
    }

    .banner_bg .bg {
        width: 120%;
        margin-left: -10%;
    }

    .index_title {
        margin: 50px 0 20px 0;
    }

    .index_title .e_title {
        font-size: 45px;
    }

    .index_title .c_title {
        font-size: 26px;
    }

    .index_brand_list .ico {
        width: 60px;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
    }

    .index_pro .swiper-button-prev, .index_pro .swiper-container-rtl .swiper-button-next, .index_pro .swiper-button-next, .index_pro .swiper-container-rtl .swiper-button-prev {
        width: 40px;
        height: 40px;
    }

    .pro_list_index .t3 {
        font-size: 12px;
        width: 50px;
        line-height: 25px;
        height: 25px;
    }

    .pro_list_index .t2 {
        font-size: 20px;
        margin: 4px 0 20px 0;
    }

    .pro_list_index .t1 {
        font-size: 14px;
    }

    .index_live_banner a {
        border: 1px solid #dddddd;
    }

    .index_live_banner a:hover {
        box-shadow: 0px 0 0px 0px rgba(0, 0, 0, 0);
        position: static;
    }

    .index_news_list li {
        width: calc(50% - 15px);
        margin-left: 0;
        margin-bottom: 30px;
    }

    .index_news_list li:first-child {
        margin-left: 0;
    }

    .index_news_list li:nth-child(even) {
        margin-left: 30px;
    }

    .index_news_list {
        margin-bottom: 50px;
    }

    .footer .f_bottom {
        text-align: center;
        font-size: 12px;
        line-height: 18px;
    }

    .pagetion a:after {
        transition: all .0s linear;
        -webkit-transition: all .0s linear;;
    }

    .video_list li {
        font-size: 16px;
        line-height: 40px;
    }

    .download_list .t2 {
        font-size: 14px;
        line-height: 28px;
        height: 56px;
    }

    .down_nav {
        margin-top: 20px;
    }

    .download_list {
        margin: 30px 0;
    }

    .branch_list {
        margin: 10px auto 30px auto;
    }

    .tech_sum .left {
        margin: 0px 0 70px 0;
    }

    .security_sum .left, .security_sum .right {
        width: 100%;
        padding: 10px 0;
    }

    .security_sum .left:after {
        display: none;
    }

    .series_list2.advsum li {
        width: 100%;
    }

    .series_list2.advsum li:nth-child(even) {
        margin-left: 0;
    }

    .series_list2.advsum li:nth-child(1) a {
        width: 49%;
        float: left;
        margin: 7px 0;
    }

    .series_list2.advsum li:nth-child(1) a.adv {
        margin: 7px 0 7px 2%;
    }

    .marketing li:nth-child(3n-1), .marketing li {
        width: 48.5%;
        margin: 15px 0;
    }

    .marketing li:nth-child(even) {
        margin-left: calc(3% - 4px);
    }

    .news_details .left {
        width: 100%;
        float: left;
        background: #ffffff;
        padding: 35px 0;
        box-sizing: border-box;
    }

    .news_details .right {
        display: none;
    }

    .main-left {
        width: calc(100% - 150px);
    }

    .search-list {
        margin: -60px auto 100px;
        min-height: 50vh;
    }

    .servies_list .lans .t1 {
        width: 50px;
    }

    .servies_list .lans .t2 {
        font-size: 26px;

    }

    .servies1_list li:first-child, .servies1_list li {
        width: 49%;
        padding-top: 49%;
        margin: 10px 0;
    }

    .servies1_list li:nth-child(even) {
        margin-left: 2%
    }

    .about_bg2 {
        padding: 30px 4%;
        box-sizing: border-box;
    }

    .about_bg2 .left, .about_bg2 .right {
        width: 100%;
        margin: 10px 0 0;
    }
    .about_bg5 .map{
        width: 100%;
    }
    .about_bg5 .right{
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .category_list li .t1 {
        font-size: 30px;
    }

    .radius .lans {
        font-size: 20px;
        line-height: 1.5;
    }

    .tech_sum .left .t2 {
        font-size: 35px
    }

    .tech_sum .left li {
        margin: 50px 0 70px 0;
    }

    .radius .lans:after {

        width: 6px;

        height: 6px;
    }

    .branch_list li:nth-child(even), .branch_list li {
        margin: 10px 0;
        width: 100%;
    }

    .branch_list .lans {
        font-size: 14px;
    }

    .branch_list .t2 {
        padding: 10px 0 10px 40px;
    }

    .map .title {
        position: static;
        margin-top: 40px;
    }

    .map .left .t1 {
        margin-bottom: 0;
    }

    .map .left .t1 span {
        display: block;
        line-height: 1.3;
    }

    .map .left .t1 li {
        width: 30%;
        display: inline-block;
        text-align: center;
    }

    .map .left .t2 li {
        width: auto;
        display: inline-block;
        margin-right: 20px;
    }

    .map .left {
        position: static;
        width: 100%;
        transform: translate(0, 0%);
        -webkit-transform: translate(0, 0%);
    }

    .news_list .left {
        width: 100%;
    }

    .news_list .right {
        width: 100%;
        margin-top: 15px;
    }

    .news_list .no {
        float: none;
        display: block;
        margin: 15px 0 10px 0;
        line-height: 1.8;
    }

    .news_list .time {
        float: none;
        display: block;
    }

    .news_list a {
        padding: 15px;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .17);
    }
    .map .inside_title{
        position: static;
        margin-top: 30px;
    }
    .right-side{
        display: none;
    }
}

@media screen and (max-width: 900px) {
    .about_bg2 .t1 {
        font-size: 30px;
    }

    .about_bg2 .t2 {
        font-size: 14px;
        line-height: 20px;
    }

    .about_title {
        padding: 50px 0 20px 0;
    }

    .about_title .e_title {
        font-size: 22px;
    }

    .about_title .c_title {
        font-size: 24px;
    }

    .about_editor {
        font-size: 14px;
        line-height: 34px;
    }

    .about_number li {
        width: 45%;
        margin: 40px 2%;
    }

    .about_number {
        padding: 10px 0;
    }

    .about_number .number {
        font-size: 40px;
    }

    .about_number i {
        font-size: 20px;
    }

    .map_list li {
        width: 48%;
    }

    .map_list li a, .map_list li h4 {
        font-size: 15px;
        line-height: 30px;
    }

    .security_sum {
        margin: 100px auto;
    }

    .security_sum .left .t1 {
        font-size: 27px;
    }

    .security_sum .left .t2 {
        margin: 20px auto;
    }

    .security_sum .left .t2_input, .security_sum .left .t2_sub {
        line-height: 55px;
        height: 55px;
    }

    .series_sum .t1, .series_sum .advsum .t1 {
        font-size: 20px;
        line-height: 30px;
    }

    .series1 .t1 {
        font-size: 25px;
    }

    .series_sum .t3 {
        margin: 10px auto;
    }

    .series1 .t3 {
        margin: 10px 0;
    }

    .category_list li .t2 {
        margin: 15px 0 20px 0;
        font-size: 12px;
        line-height: 20px;
    }

    .category_list li .t1 {
        font-size: 27px;
    }

    .tech_list li .t1 {
        font-size: 28px;
    }

    .tech_sum .left .t2 {
        font-size: 30px;
    }

    .inside_title .c_title {
        font-size: 28px;
    }

    .banner_bg .t1 {
        font-size: 22px;
        font-weight: bold;
    }

    .banner_bg .t2 {
        font-size: 37px;
        font-weight: bold;
        margin: 10px 0 7px 0;
    }

    .banner_bg .t3 {
        font-size: 14px;
        height: 63px;
    }

    .banner_bg .t4 {
        font-size: 12px;
        width: 60px;
        height: 25px;
        line-height: 25px;
    }

    .index_title, .index_pro .index_title {
        margin: 40px 0 20px 0;
    }

    .index_title .e_title {
        font-size: 40px;
    }

    .index_title .c_title {
        font-size: 24px;
    }

    .index_brand_list {
        margin-bottom: 50px;
        margin-top: 0;
    }

    .pro_list_index {
        margin: 1px 0 2px 0;
    }

    .pro_list_index li {
        width: 100%;
        margin: 2px 0;
    }

    .pro_list_index li:nth-child(even) {
        margin-left: 0px;
    }

    .series_list2 li:nth-child(even), .series_list2 li {
        margin: 5px auto;
        width: 100%;
    }

    .series_list3 li:nth-child(3n -1 ), .series_list3 li {
        margin: 5px auto;
        width: 100%;
    }

    .series_list2.advsum li:nth-child(1) a.adv, .series_list2.advsum li:nth-child(1) a {
        margin: 10px 0 0 0;
        float: none;
        width: 100%;
    }

    .series_sum .advsum li .lans {
        text-align: left;
        top: 10%;
        left: 5%;
    }

    .series_sum .advsum li .t3 {
        margin-left: 0;
        width: 40px;
        font-size: 12px;
        line-height: 25px;
        height: 25px;
    }

    .advsum {
        margin-top: -10px;
    }

    .crumb {
        margin-top: 20px;
    }
}

@media screen and (max-width: 700px) {
    .about_bg5 .title{
        font-size: 22px;
        margin-top: 30px;
    }
    .about_bg5{
        padding: 20px 0;
    }
    .about_list1 li{
        margin-bottom: 20px;
    }
    .ewm_list{
        padding-top: 10px;
    }
    .ewm_list .ewm{
        width: 50px;
        margin: auto;
    }
    .about_bg2 .t1 {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .hon_tab_nav_box {
        float: none;
        width: 100%;
    }

    .hon_tab_nav_box > div {
        width: 25%;
        float: left;
        text-align: center;
    }

    .hon_con_case {
        float: none;
        width: 100%;
    }

    .hon_name_box {
        position: relative;
        top: 0;
        height: 100px;
        overflow: hidden;
    }

    .hon_name {
        display: none;
    }

    .hon_con_box .swiper-container {
        padding-bottom: 0;
    }

    .hon_con .tea_case {
        padding: 10px 15px 0px 15px;
    }

    .hon_tab_num {
        font-size: 24px;
    }

    .hon_tab_name {
        line-height: 40px;
        font-size: 14px;
    }

    .hon_tab_name::after {
        height: 3px;
    }

    .servies_list a:nth-child(3n-1), .servies_list a {
        width: 100%;
        margin: 10px 0;
    }

    .servies1_list .ico {
        margin: 15px 0;
    }

    .servies1_list .ico img {
        width: 20%;
    }

    .servies1_list .ewm img {
        width: 35%;
    }

    .news_details .left {
    }

    .news_details .title {
        font-size: 25px;
    }

    .new_pagetion a.on {
        margin: 0 25px;
    }

    .tuijian {
        padding: 30px 0 15px 0;
        line-height: 2;
    }

    .new_pagetion {
        padding: 40px 0 60px;
    }

    .news_details .mess li {
        margin-right: 30px;
        line-height: 2;
    }

    .security_sum {
        margin: 80px auto;
    }

    .security_sum .left .t1 {
        font-size: 25px;
    }

    .security_sum .left .t2_input, .security_sum .left .t2_sub {
        line-height: 50px;
        height: 50px;
        font-size: 14px;
    }

    .series1 .img {
        display: none;
    }

    .series1 {
        background: url(.) center center no-repeat;
        width: 100%;
        height: 300px;
        background-size: auto 100%;
    }

    .category_list li .img {
        display: none;
    }

    .category_list li a {
        width: 100%;
        height: 300px;
        background: url(.) 30% center no-repeat;
        background-size: auto 100%;
    }

    .category_list li .t3 {
        width: 70px;
        line-height: 30px;
        height: 30px;
        font-size: 12px;
    }

    .tech_list li .t1 {
        font-size: 25px;
    }

    .tech_sum .left .t2 {
        font-size: 26px;
    }

    .radius .lans {
        font-size: 16px
    }

    .tech_sum .left .t1 {
        font-size: 14px
    }

    .tech_sum .left .t3 {
        font-size: 17px
    }

    .branch_list .lans {
        font-size: 12px;
        padding: 10px 5px 0 10px;
    }

    .branch_list .t2 {
        margin-top: 6px;
    }

    .branch_list a {
        background-size: 20% auto;
    }

    .branch_list .mess, .branch_list .t2 {
        padding: 1vh 0 1vh 20px;
        background-size: 15px 15px;
    }

    .branch_list .t1 {
        font-size: 17px;
    }

    .inside_title .c_titlen {
        font-size: 22px;
    }

    .download_list1 {
        margin: 25px 0
    }

    .download_list1 a {
        line-height: 70px;
    }

    .download_list1 .t1 {
        width: 60px
    }

    .download_list1 .t2 {
        font-size: 14px;
        width: calc(100% - 80px);
        padding: 0 10px;
    }

    .download_list1 .t3 {
        width: 18px;
    }

    .index_news_list {
        margin-bottom: 20px;
    }

    .index_live_banner .lans {
        padding: 7px 7px 15px 7px;
    }

    .banner_bg .t1 {
        font-size: 17px;
        font-weight: bold;
    }

    .banner_bg .t2 {
        font-size: 32px;
        font-weight: bold;
        margin: 7px 0 4px 0;
    }

    .banner_bg .t3 {
        font-size: 13px;
        height: 59px;
    }

    .index_title, .index_pro .index_title {
        margin: 40px 0 20px 0;
    }

    .index_title .e_title {
        font-size: 28px;
        margin-bottom: 5px;
    }

    .index_title .c_title {
        font-size: 17px;
    }

    .index_brand_list {
        margin-bottom: 30px;
    }

    .index_pro .index_title {
        margin: 20px 0 10px 0;
    }

    .index_brand_list .t1 {
        font-size: 16px;
        margin-top: 7px;
    }

    .index_brand_list li {
        margin-left: 0;
    }

    .index_brand_list li:first-child {
        width: 100%;
        margin-bottom: 17px;
    }

    .index_brand_list li:nth-child(2) {
        width: 50%;
        margin: 0;
    }

    .index_brand_list li:last-child {
        margin-left: 2%;
        width: 48%;
    }

    .index_brand_list .scale_img {
        height: 300px;
    }

    .index_brand_list .ico {
        width: 50px;
        top: calc(50% - 25px);
        left: calc(50% - 25px);
    }

    .index_news_list .lans {
        padding: 10px;
        margin: 0 2.5%;
        margin-bottom: 20px;
    }

    .index_news_list .t2 {
        font-size: 15px;
        line-height: 22px;
        height: 44px;
        margin: 15px 0;
    }

    .index_news_list .t3, .index_news_list .t1 {
        font-size: 12px;
    }

    .index_pro .swiper-button-prev, .index_pro .swiper-container-rtl .swiper-button-next, .index_pro .swiper-button-next, .index_pro .swiper-container-rtl .swiper-button-prev {
        width: 30px;
        height: 30px;
    }

    .index_news_list li {
        width: 48.5%;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .index_news_list li:nth-child(even) {
        margin-left: 3%;
    }

    .pro_list_index .t2 {
        font-size: 16px;
    }

    .pro_list_index li .lans {
        right: 3%;
    }

    .pro_list_index li:nth-child(even) .lans {
        left: 3%
    }

    .inside_title .c_title {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .inside_title .e_title {
        font-size: 18px
    }

    .after_title {
        font-size: 24px;
    }

    .map .left .t1 li {
        margin: 10px 0;
    }

    .branch_list .t1 {
        font-size: 15px;
    }

    .marketing li:nth-child(3n-1), .marketing li, .marketing li:nth-child(even) {
        margin-left: 0;
        width: 100%;
    }

    .marketing {
        margin: 10px 0;
    }

    .servies_list .lans {
        top: 50%;
    }

    .servies_list .lans .t3 {
        opacity: 1;
    }

    .servies1_list .t1 {
        font-size: 16px;
        line-height: 25px;
    }

    .servies_list {
        padding: 30px 0;
    }

    .servies1_list .t2 {
        font-size: 14px;
    }

    .servies1_list {
        padding: 0px 0 50px 0;
        margin-top: -10px;
    }

    .hon_con_box {
        width: 100%;
        box-sizing: border-box;
    }

    .hon_con .tea_case {
        width: 100%;
        box-sizing: border-box;
    }

    .hon_name_box {
        width: 100%;
        top: -100px;
        padding: 0;
    }

    .hon_name_box .swiper-button-prev, .hon_name_box .swiper-button-next {
        display: none;
    }

    .hon_name_box .swiper-container {
        height: auto;
    }

    .hon_name_text {
        color: #ffffff;
    }
    .servies_list .lans .t2{
        font-size: 20px;
    }
    .search-top{
        height: 80px;
    }
    .search-left input{
        line-height: 40px;
    }
    .search-right .search_btns, .search-right{
        height: 40px;
        width: 40px;
    }
}

@media screen and (max-width: 550px) {
    .about_bg2 .right li, .about_bg2 .right li:nth-child(3), .about_bg2 .right li:nth-child(4), .about_bg2 .right li:nth-child(2) {
        width: 100%;
        margin: 8px 0;
    }

    .servies1_list .t1 {
        font-size: 13px;
        line-height: 1.5;
    }

    .marketing .lans {
        width: 90%;
        margin: 30px auto 40px auto;
    }

    .servies1_list .ico {
        margin: 10px 0;
    }

    .servies1_list .ewm {
        margin-top: 10px;
    }

    .servies1_list .lans {
        top: 8%;
    }

    .servies1_list .t2 {
        font-size: 12px;
    }

    .marketing .t1 {
        font-size: 18px;
    }

    .security_sum .left .t1 {
        font-size: 23px;
    }

    .security_sum .right .t1 {
        font-size: 18px;
    }

    .security_sum .right {
        padding: 40px 0;
    }

    .series_sum .lans {
        top: 5%;
    }
    .series_sum .advsum li:nth-child(1) .lans{
        top:50%
    }
    .series1 .lans {
        top: 40%;
        left: 5%;
    }

    .series1 .t1 {
        font-size: 20px;
    }

    .series_sum .t2 {
        margin: 0px 0 10px 0;
        font-size: 12px;
    }

    .series_sum .t1, .series_sum .advsum .t1 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .category_list li .t1 {
        font-size: 20px;
    }

    .tech_list li .t1 {
        font-size: 20px;
    }

    .tech_sum .left .t2 {
        font-size: 20px;
        margin: 7px 0 10px 0;
    }

    .tech_sum .left .t1 {
        font-size: 12px
    }

    .tech_sum .left .t3 {
        font-size: 15px
    }

    .radius .t1 {
        top: -5%;
    }

    .radius .t2 {
        right: -30%;
    }

    .radius .t2 .lans:after {

        left: 55%;
    }

    .radius .lans {
        font-size: 14px
    }

    .radius .t3 {
        left: -30%;
    }

    .radius .t3 .lans:after {

        left: 45%;
    }

    .branch_list .mess, .branch_list .t2 {

        padding: 5px 0 5px 20px;
    }

    .branch_list .lans {
        font-size: 13px;
    }

    .download_list1 {
        margin: 20px 0
    }

    .download_list1 .t3 {
        width: 15px;
    }

    .download_list1 li, .download_list1 li:nth-child(even) {
        margin: 5px 0;
    }

    .download_list1 a {
        line-height: 52px;
        padding: 5px 14px 5px 5px;
    }

    .down_nav img {
        width: 25px;
    }

    .down_nav a {
        font-size: 17px;
        line-height: 50px;
        width: 130px;
        border-width: 2px;
        margin: 0 10px;
    }

    .download_list .t3 {
        width: 15px;
    }

    .download_list a {
        padding: 35px 10px 25px 10px;
    }

    .video_list li:nth-child(3n - 1), .video_list li, .video_list li:nth-child(even) {
        margin: 8px 0;
        width: 100%;
    }

    .banner_bg .t1 {
        font-size: 13px;
    }

    .banner_bg .t2 {
        font-size: 20px;
    }

    .banner_bg .t3 {
        font-size: 12px;
        -webkit-line-clamp: 2;
        height: 36px;
    }

    .index_brand_list .scale_img {
        height: 120px;
    }

    .index_brand_list li:first-child .scale_img {
        height: 140px

    }

    .index_brand_list .ico {
        width: 30px;
        top: calc(50% - 15px);
        left: calc(50% - 15px);
    }

    .index_brand_list .t1 {
        font-size: 14px;
    }

    .index_brand_list .t2 {
        font-size: 12px;
        line-height: 1.5;
    }

    .hon_con {
        box-sizing: border-box;
        padding: 0px 0;
        width: 100%;
        overflow: hidden;
    }
}

@media screen and (max-width: 360px) {
    .branch_list .lans {
        font-size: 11px;
        line-height: 16px;
    }

    .down_nav a {
        font-size: 16px;
        line-height: 50px;
        width: 120px;
        border-width: 3px;
        margin: 0 5px;
    }

    .download_list {
        margin: 15px 0;
    }
}