@charset "UTF-8";
* {
    font-family: "Arial", -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
    font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
ul, li {
    list-style: none;
}
input:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
input[type="text"] {
    -webkit-appearance: none;
}
textarea {
    -webkit-appearance: none;
}
body {
    padding-top: 104px;
}
.layui-layer-content {
    background: transparent;
}
.bdsharebuttonbox{
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: 12px;
}
.bdsharebuttonbox a {
    margin-right: 12px;
}
.bdsharebuttonbox a{
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    width: 39px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bds_qzone:hover{
    background-image: url(/Public/Images/home/phpcms/en-us/news_share11.png)!important;
}
.bds_weixin:hover{
    background-image: url(/Public/Images/home/phpcms/en-us/news_share22.png)!important;
}
.bds_tsina:hover{
    background-image: url(/Public/Images/home/phpcms/en-us/news_share33.png)!important;
}
.bds_sqq:hover{
    background-image: url(/Public/Images/home/phpcms/en-us/news_share44.png)!important;
}
.bd_weixin_popup .bd_weixin_popup_foot{
    display: none;
}
.bd_weixin_popup .bd_weixin_popup_head span{
    display: none;
}
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: none;
    box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.3);
}
.header .header_box {
    padding-left: 96px;
}
.header .logo_box {
    display: block;
    padding-top: 12px;
}
.header .nav li {
    position: relative;
    display: inline-block;
}
.header .nav a {
    display: inline-block;
    font-size: 16px;
    color: #333;
    padding: 43px 37px;
}
.header .normal_nav > li:hover > a {
    color: #2ca1db;
}
.header .normal_nav > li:last-child a {
    padding: 40px 0 40px 37px;
}
.header .drop_nav > li > a {
    border-bottom: 2px solid transparent;
}
.header .drop_nav > li:hover > a {
    color: #2ca1db;
    border-bottom: 2px solid #2ca1db;
    padding: 0;
}
.header .drop_nav li {
    display: inline-block;
    line-height: 56px;
    padding: 0 14px;
}
.header .drop_nav a {
    font-size: 14px;
    color: #666;
    padding: 0;
}
.header .white_box {
    display: none;
    background-color: #fff;
    width: 100%;
    height: 58px;
    border-top: 1px solid #ececec;
    position: absolute;
    left: 0;
    top: 100%;
}
.header .white_box_tr {
    display: none;
    background-color: #fff;
    width: 100%;
    height: 240px;
    border-top: 1px solid #ececec;
    position: absolute;
    left: 0;
    top: 161px;
    box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.3);
}
.header .drop_nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    white-space: nowrap;
    z-index: 99;
    font-size: 0;
    overflow: visible !important;
}
.header .drop_nav li {
    //position: relative;
}
.header .drop_down {
    display: none;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 100%;
    //transform: translateX(-50%);
   // -ms-transform: translateX(-50%);
    //-moz-transform: translateX(-50%);
   // -o-transform: translateX(-50%);
   // -webkit-transform: translateX(-50%);
    font-size: 0;
}
.header .drop_down li {
    padding: 16px 20px 20px;
    text-align: center;
    line-height: normal;
}
.header .drop_down li:hover {
    background: #f2f2f2;
}
.header .drop_down li span {
    display: inline-block;
}
.header .drop_down li p {
    width: 100%;
    font-size: 15px;
    color: #555;
    white-space: nowrap;
}
.header .drop_down .img_box {
    margin-bottom: 12px;
}
.header .drop_down .img {
    width: 158px;
    height: 168px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.header .drop_down span {
    display: block;
}
.header .nav_right {
    background: #2ca1db url(/Public/Images/home/phpcms/en-us/nav_bg.png) no-repeat left top;
    height: 104px;
    line-height: 104px;
    padding: 0 96px 0 100px;
}
.shadow.m_header img {
    height: auto;
}
.search_icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    line-height: normal;
}
.search_icon:hover {
    background: #fff;
    color: #2ca1db;
}
.search_box {
    height: 80px;
    width: 100%;
    background: #202223;
    position: relative;
    z-index: 9999;
    display: none;
}
.search_box:hover .close {
    opacity: 1;
    moz-opacity: 1;
    filter: alpha(opacity=10);
}
.search_box .search_form {
    display: inline-block;
    position: relative;
    height: 40px;
    top: 20px;
    left: 50%;
    margin-left: -350px;
    background: #666;
    -webkit-box-shadow: 0 1px 2px black;
    -moz-box-shadow: 0 1px 2px black;
    -ms-box-shadow: 0 1px 2px black;
    box-shadow: 0 1px 2px black;
    z-index: 9999;
}
.search_box input {
    width: 550px;
    height: 40px;
    padding: 10px 20px;
    font-size: 14px;
    color: #555;
    border: none;
    background: #fff;
    overflow: hidden;
    vertical-align: middle;
}
.search_box button {
    width: 110px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border: none;
    margin-left: -4px;
    overflow: hidden;
    vertical-align: middle;
    background: #2ca1db;
    outline: none;
    cursor: pointer;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}
.search_box button:hover {
    background: #12a3ea;
}
.search_box .close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 8px;
    right: -40px;
    opacity: 0;
    moz-opacity: 0;
    filter: alpha(opacity=0);
    background: #aaaaaa;
    color: #fff;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.lan {
    display: inline-block;
    position: relative;
    width: 90px;
    height: 31px;
    border-radius: 29px;
    -webkit-border-radius: 29px;
    -ms-border-radius: 29px;
    -moz-border-radius: 29px;
    -o-border-radius: 29px;
    border: 1px solid #fff;
    line-height: normal;
    margin-left: 29px;
    vertical-align: middle;
}
.lan ul {
    position: absolute;
    left: 2px;
    top: 2px;
}
.lan li {
    display: inline-block;
    width: 40px;
    height: 25px;
    text-align: center;
    line-height: 25px;
}
.lan li.on a {
    color: #2ca1db;
}
.lan li a {
    color: #fff;
}
.lan .slide_b {
    position: absolute;
    left: 2px;
    top: 2px;
    display: inline-block;
    width: 40px;
    height: 25px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    background: #fff;
}
.lan .slide_b.on {
    left: auto;
    right: 2px;
}
.banner .swiper-slide {
    width: 100%;
    padding-top: 43.18%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.banner .banner_nav {
    position: absolute;
    left: 50%;
    bottom: 50px;
    display: inline-block;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 1000;
    padding: 10px 38px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 52px;
    -webkit-border-radius: 52px;
    -ms-border-radius: 52px;
    -moz-border-radius: 52px;
    -o-border-radius: 52px;
}
.banner .swiper-pagination, .banner .swiper-button-next, .banner .swiper-button-prev {
    position: static;
}
.banner .arrow {
    display: inline-block;
    width: 50px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    background: #2ca1db;
    padding: 7px 4px 0;
    vertical-align: middle;
    margin-right: 8px;
}
.banner .arrow .iconfont {
    color: #fff;
}
.banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next {
    background: none;
}
.banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev {
    background: none;
}
.banner .swiper-button-next, .banner .swiper-button-prev {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 45%;
    height: 100%;
    vertical-align: middle;
}
.banner .swiper-pagination {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    font-size: 0;
}
.banner .page a.on, .banner .page a:hover {
    background-color: #2ca1db;
}
.banner .swiper-pagination-bullet {
    width: 40px;
    height: 24px;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    zoom: 1;
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    background: url(/Public/Images/home/phpcms/en-us/banner_icon1.png) no-repeat center;
    opacity: 1;
    moz-opacity: 1;
    filter: alpha(opacity=10);
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    margin: 0 4px;
}
.banner .swiper-pagination-bullet-active {
    background: url(/Public/Images/home/phpcms/en-us/banner_icon2.png) no-repeat center;
}
.container_1726 {
    position: relative;
    width: 1726px;
    margin: auto;
}
.container_1430 {
    position: relative;
    width: 1430px;
    margin: auto;
}
.index_part1 {
    background: url(/Public/Images/home/phpcms/en-us/index_bg1.png) no-repeat center;
    background-size: cover;
}
.index_part1 .con {
    padding: 78px 170px 0;
}
.index_part1 h1 {
    font-size: 42px;
    color: #333;
    margin-bottom: 30px;
    padding-top: 94px;
}
.index_part1 p {
    font-size: 14px;
    color: #666;
    line-height: 1.7;
}
.index_part1 span {
    display: block;
    text-align: center;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #2ca1db;
    color: #2ca1db;
    font-size: 12px;
    margin-top: 50px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.index_part1 span:hover {
    background: #2ca1db;
    color: #fff;
}
.index_part1 .img_box {
    display: inline-block;
    width: 654px;
    height: 548px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.index_part2 {
    padding: 68px 0 85px;
}
.index_part2 .index_pro {
    padding-left: 360px;
}
.index_part2 .product_swiper {
    overflow: hidden;
}
.index_part2 .img_box {
    display: inline-block;
    width: 377px;
    height: 302px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 35px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.index_part2 h4 {
    font-size: 16px;
    color: #2ca1db;
    text-align: center;
    padding: 0 10px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index_part2 .swiper-slide {
    overflow: hidden;
}
.index_part2 .item {
    width: 100%;
    display: inline-block;
    text-align: center;
    overflow: hidden;
}
.index_part2 .item:hover .img_box {
    transform: scale(1.1) translateZ(0);
    -ms-transform: scale(1.1) translateZ(0);
    -webkit-transform: scale(1.1) translateZ(0);
    -o-transform: scale(1.1) translateZ(0);
    -moz-transform: scale(1.1) translateZ(0);
}
.index_part2 .left_pro {
    width: 300px;
    position: absolute;
    left: 0;
    top: 90px;
}
.index_part2 .left_pro h1 {
    font-size: 42px;
    color: #2ca1db;
    margin-bottom: 16px;
}
.index_part2 .left_pro p {
    font-size: 14px;
    color: #555;
    margin-bottom: 46px;
    line-height: 1.6;
    max-height: 88px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.index_part2 .swiper-button-next{
    position: absolute;
    right:20px;
    top:50%;
    margin-top: -24px;
    width: 48px;
    height: 48px;
    background: #2ca1db;
    color: #fff;
    text-align: center;
    line-height: 48px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.index_part2 .swiper-button-next:hover, .index_part2 .swiper-container-rtl .swiper-button-prev:hover {
    background: #fff;
    border: 1px solid #2ca1db;
    color: #2ca1db;
}
.index_part2 .swiper-scrollbar {
    height: 1px;
    background: #000;
    margin-top: 100px;
}
.index_part2 .swiper-scrollbar-drag {
    height: 3px;
    background: #2ca1db;
    top: -0.5px;
}
.index_part3 {
    width: 100%;
    padding-top: 34.32%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.posi_text {
    width: 23%;
    position: absolute;
    right: 20%;
    top: 30%;
    text-align: right;
}
.posi_text h1 {
    font-size: 42px;
    color: #2ca1db;
    margin-bottom: 24px;
}
.posi_text p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 48px;
    line-height: 1.7;
}
.posi_text i {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    background: #2ca1db;
    color: #fff;
    text-align: center;
    line-height: 48px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.posi_text i:hover {
    background: #fff;
    color: #2ca1db;
}
.tit {
    padding: 65px 0 54px;
    text-align: center;
    font-size: 36px;
    color: #333;
}
.tit h2 {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #666;
    line-height: 1.7;
    padding: 0 58px;
}
.tit h2:before, .tit h2:after {
    position: absolute;
    content: '';
    width: 47px;
    height: 42px;
}
.tit h2:before {
    background: url(/Public/Images/home/phpcms/en-us/solu_detail_icon1.png) no-repeat center;
    background-size: cover;
    left: 0;
    top: -13px;
}
.tit h2:after {
    background: url(/Public/Images/home/phpcms/en-us/solu_detail_icon2.png) no-repeat center;
    background-size: cover;
    right: 0;
    top: -4px;
}
.tit h3 {
    font-size: 42px;
    color: #333;
    margin-bottom: 34px;
}
.tit p {
    font-size: 14px;
    color: #555;
    line-height: 1.7;
}
.tit em {
    font-family: 'Arial';
    font-size: 24px;
    color: #2ca1db;
    font-weight: bold;
}
.tit span {
    position: relative;
    display: inline-block;
    font-size: 28px;
    color: #2ca1db;
    padding: 0 40px;
}
.tit span:before {
    position: absolute;
    left: 0;
    top: 50%;
    content: '';
    margin-top: -1px;
    width: 26px;
    height: 2px;
    background: #2ca1db;
}
.tit span:after {
    position: absolute;
    right: 0;
    top: 50%;
    content: '';
    margin-top: -1px;
    width: 26px;
    height: 2px;
    background: #2ca1db;
}
.index_part4 {
    background: url(/Public/Images/home/phpcms/en-us/index_bg3.png) no-repeat center;
    background-size: cover;
    padding-bottom: 72px;
}
.index_part4 .accordion .item {
    vertical-align: top;
}
.index_part4 .col {
    display: block;
    position: relative;
    padding: 56px 66px 27px 22px;
    border-left: 1px solid #d7d7d7;
}
.index_part4 h1 {
    font-size: 18px;
    color: #333;
    line-height: 1.6;
    margin-bottom: 20px;
}
.index_part4 i {
    display: block;
    font-family: 'Arial';
    font-size: 14px;
    color: #666;
}
.index_part4 p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin-top: 18px;
    max-height: 132px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.index_part4 span {
    display: inline-block;
    border-radius: 38px;
    -webkit-border-radius: 38px;
    -ms-border-radius: 38px;
    -moz-border-radius: 38px;
    -o-border-radius: 38px;
    margin-top: 36px;
}
.index_part4 span em {
    display: none;
    vertical-align: middle;
    font-size: 15px;
    color: #fff;
}
.index_part4 span i {
    display: inline-block;
    font-size: 15px;
    color: #bfbfbf;
    vertical-align: middle;
}
.index_part4 .line {
    position: absolute;
    left: 0;
    top: 56px;
    width: 3px;
    height: 47px;
    background: #2ca1db;
}
.index_part4 .item.active h1 {
    color: #2ca1db;
}
.index_part4 .item.active span {
    padding: 9px 26px;
    background: #2ca1db;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.index_part4 .item.active span:hover {
    background: #1a8fca;
}
.index_part4 .item.active span em {
    display: inline-block;
}
.index_part4 .item.active span i {
    color: #fff;
    margin-left: 10px;
}
.index_part4 .slick-dots li {
    border: 1px solid #2ca1db;
}
.index_part4 .slick-dots li.slick-active {
    background-color: #2ca1db;
}
.index_part4 .slick-dots {
    bottom: 0;
}
.see_more {
    display: block;
    width: 142px;
    height: 44px;
    line-height: 44px;
    margin: 30px auto 0;
    border-radius: 44px;
    -webkit-border-radius: 44px;
    -ms-border-radius: 44px;
    -moz-border-radius: 44px;
    -o-border-radius: 44px;
    border: 1px solid #2ca1db;
    font-size: 14px;
    color: #2ca1db;
    text-align: center;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.see_more.on {
    background: #2ca1db;
    color: #fff;
}
.see_more.on i {
    color: #fff;
}
.see_more.on:hover {
    background: #fff;
    color: #2ca1db;
}
.see_more.on:hover i {
    color: #2ca1db;
}
.see_more:hover {
    background: #2ca1db;
    color: #fff;
}
.see_more:hover i {
    color: #fff;
}
.see_more i {
    display: inline-block;
    margin-left: 10px;
    color: #2ca1db;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.index_part5 {
    padding-bottom: 54px;
}
.index_part5 .img {
    width: 100%;
    padding-top: 36.89%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.index_part5 .brand .col_lg_4{
    padding: 0 30px;
}
.index_part5 .brand {
    padding: 0 100px;
}
.footer {
    background: #3a3a3a;
}
.footer .foot_con {
    padding: 0 122px;
}
.footer .foot_top {
    padding: 54px 0 32px;
    border-bottom: 1px solid #424040;
}
.footer dl {
    display: inline-block;
    margin-right: 25px;
    vertical-align: top;
}
.footer dt {
    margin-bottom: 22px;
}
.footer dt a {
    font-size: 16px;
    color: #fff;
}
.footer dt a:hover {
    color: #2ca1db;
}
.footer dd {
    margin-bottom: 13px;
}
.footer dd a {
    font-size: 14px;
    color: #888;
}
.footer dd a:hover {
    color: #2ca1db;
}
.footer .code {
    text-align: center;
}
.footer .col_lg_7 {
    padding-left: 111px;
}
.footer .img_box {
    display: inline-block;
    width: 122px;
    height: 122px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 18px;
}
.footer p {
    font-size: 14px;
    color: #a8a8a8;
}
.footer h1 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
.footer li {
    font-size: 14px;
    color: #c8c8c8;
    margin-bottom: 14px;
}
.footer li i {
    display: inline-block;
    margin-right: 8px;
    color: #2ca1db;
}
.footer .copy_right {
    padding: 26px 0;
}
.footer .copy_right p {
    display: block;
    font-size: 14px;
    color: #727272;
}
.footer .copy_right p a{
    font-size: 14px;
    color: #727272;
}
.footer .copy_right p a:hover{
    color: #2ca1db;
}
.footer .copy_right em {
    font-size: 14px;
    color: #727272;
}
.footer .kgu span {
    display: inline-block;
    font-size: 14px;
    color: #7a7a7a;
    vertical-align: bottom;
}
.footer .kgu img {
    vertical-align: middle;
}
.product_nav {
    height: 67px;
    background: #fff url(/Public/Images/home/phpcms/en-us/product_nav_bg.png) no-repeat left center;
    z-index: 999;
}
.product_nav .left {
    font-size: 30px;
    color: #333;
    line-height: 64px;
    border-bottom: 3px solid #2ca1db;
}
.product_nav li {
    display: inline-block;
}
.product_nav li:hover a {
    color: #2ca1db;
}
.product_nav li.on a {
    color: #2ca1db;
}
.product_nav li.current a {
    color: #2ca1db;
}
.product_nav li a {
    display: inline-block;
    font-size: 16px;
    color: #666;
    padding: 0 18px;
    line-height: 67px;
}
.product_show .pro {
    padding: 40px 0;
}
.product_show .img {
    display: inline-block;
    width: 400px;
    height: 449px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.product_show h1 {
    font-size: 36px;
    color: #333;
    margin-bottom: 36px;
}
.product_show p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    max-height: 88px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.product_show .text {
    position: absolute;
    right: 0;
    top: 50%;
    padding-right: 43px;
}
.product_show .right {
    float: right;
}
.product_show .left {
    float: left;
}
.product_show .see_more {
    margin: 46px 0 0;
}
.product1 {
    background: url(/Public/Images/home/phpcms/en-us/pro_bg1.png) no-repeat center;
    background-size: cover;
}
.product1 .img_box {
    background: url(/Public/Images/home/phpcms/en-us/product_bg1.png) no-repeat center;
    background-size: cover;
    text-align: center;
}
.product1 .text {
    right: auto;
    left: 0;
}
.product1 h1 {
    color: #fff;
}
.product1 p {
    color: #b3b4b5;
}
.product2 {
    background: url(/Public/Images/home/phpcms/en-us/pro_bg2.png) no-repeat center;
    background-size: cover;
}
.container_1200 {
    position: relative;
}
.banner_nor {
    width: 100%;
    padding-top: 20.83%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.list li {
    font-size: 14px;
    color: #555;
    padding: 18px 0;
    border-bottom: 1px solid #98c7df;
}
.list li em {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #2ca1db;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 10px;
}
.systerm {
    padding-bottom: 74px;
}
.systerm.gray {
    background: #f3f2f2;
}
.systerm .img_box {
    text-align: center;
}
.systerm .padding {
    padding-top: 40px;
}
.systerm .sys_img {
    display: inline-block;
    margin-left: 10px;
}
.pro_detail .para_img {
    text-align: center;
}
.pro_detail .para {
    background: url(/Public/Images/home/phpcms/en-us/pro_detail_bg2.png) repeat-x left top;
    padding-bottom: 68px;
}
.pro_detail .small_banner {
    padding: 30px 0;
    background: url(/Public/Images/home/phpcms/en-us/pro_detail_banner.png);
    background-size: cover;
}
.pro_detail .small_banner h1 {
    font-size: 39px;
    font-weight: bold;
    color: #2ca1db;
    margin-bottom: 36px;
    padding-top: 104px;
}
.pro_detail .small_banner p {
    font-size: 14px;
    color: #cac6c2;
    line-height: 1.7;
}
.pro_detail .small_banner .img_box {
    display: inline-block;
    text-align: right;
}
.pro_detail .small_banner .img {
    width: 509px;
    height: 604px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.pro_detail .small_banner .words {
    display: inline-block;
    text-align: center;
    margin-top: 30px;
    cursor: pointer;
}
.pro_detail .small_banner .words:hover i {
    border: 1px solid #2ca1db;
    background: #2ca1db;
}
.pro_detail .small_banner .words:hover span {
    color: #2ca1db;
}
.pro_detail .small_banner .words i {
    display: block;
    width: 85px;
    height: 85px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    line-height: 85px;
    color: #fff;
    font-size: 59px;
    margin-bottom: 12px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.pro_detail .small_banner .words span {
    font-size: 16px;
    color: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.pro_detail .img_box {
    text-align: center;
}
.pro_detail .tech {
    background: url(/Public/Images/home/phpcms/en-us/pro_detail_bg1.png) no-repeat center;
    background-size: cover;
    padding-bottom: 80px;
}
.pro_detail .tech .row {
    margin: 0;
}
.pro_detail .tech_con {
    padding: 0 130px;
}
.pro_detail .tech_con .col_lg_12 {
    padding: 0 33px;
}
.pro_detail .sy {
    background: url(/Public/Images/home/phpcms/en-us/pro_detail_bg2.png) repeat-x left top;
    padding-bottom: 80px;
}
.pro_detail .sy .top {
    padding: 80px 163px 0;
}
.pro_detail .sy .top .col {
    margin-top: 54px;
}
.pro_detail .sy .top h1 {
    font-size: 36px;
    color: #333;
    margin-bottom: 16px;
}
.pro_detail .sy .top p {
    font-size: 16px;
    color: #555;
}
.pro_detail .sy .top .img {
    width: 386px;
    height: 396px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.pro_detail .sy .bom {
    padding: 0 110px;
}
.pro_detail .sy .bom img {
    vertical-align: top;
}
.feedback {
    background: #f2f3f4;
    padding-bottom: 100px;
}
.feedback .tips {
    position: absolute;
    right: 10px;
    top: 8px;
    color: #f00000;
    padding: 0;
    font-size: 12px;
}
.feedback .col_lg_12, .feedback .col_lg_24 {
    padding: 0 20px 0 0;
}
.feedback .inp_bordered .label_control {
    left: 14px;
    top: 9px;
    font-size: 14px;
    color: #999;
}
.feedback .inp_control {
    height: 50px;
}
input:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.feedback textarea {
    border: none;
    resize: none;
    outline: none;
    width: 100%;
    height: 266px;
    padding: 15px;
}
.inp_bordered {
    border: 1px solid #e3e3e3;
    line-height: 0;
}
.feedback input, .feedback label, .feedback textarea {
    line-height: normal;
}
/*滑动验证码*/
#slider {
    display: inline-block;
    vertical-align: middle;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
}
.verify-bar-area {
    position: relative;
    background: #fff;
    text-align: center;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
}
.verify-bar-area .verify-move-block {
    position: absolute;
    top: 0px;
    left: 0;
    background: #2ca1db url(/Public/Images/home/phpcms/en-us/slide_icon1.png) no-repeat center;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    box-shadow: 0 0 2px #888888;
    -webkit-border-radius: 1px;
}
.verify-bar-area .verify-move-block.right {
    background: #5cb85b url(/Public/Images/home/phpcms/en-us/slide_icon3.png) no-repeat center;
}
.verify-bar-area .verify-move-block:hover {
    background-color: #087de0;
    color: #fff;
}
.verify-bar-area .verify-left-bar {
    position: absolute;
    top: -1px;
    left: -1px;
    background: #f0fff0;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #ddd;
    overflow: visible !important;
}
.verify-img-panel {
    margin: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #ddd;
    border-radius: 3px;
    position: relative;
}
.verify-img-panel .verify-refresh {
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.verify-img-panel .icon-refresh {
    font-size: 20px;
    color: #fff;
}
.verify-img-panel .verify-gap {
    background-color: #fff;
    position: relative;
    z-index: 2;
    border: 1px solid #fff;
}
.verify-bar-area .verify-move-block .verify-sub-block {
    position: absolute;
    text-align: center;
    z-index: 3;
    border: 1px solid #fff;
}
.verify-bar-area .verify-move-block .verify-icon {
    font-size: 18px;
}
.verify-bar-area .verify-msg {
    z-index: 3;
}
.yz_box em {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #666;
    margin-right: 12px;
}
.feedback .form_sub {
    padding-right: 20px;
    margin-top: 20px;
}
.feedback.wh {
    background: #fff;
}
.feedback .form_sub button {
    width: 156px;
    height: 52px;
    background: #2ca1db;
    font-size: 16px;
    color: #fff;
    outline: none;
    border: none;
    cursor: pointer;
}
.feedback .form_sub button:hover {
    background: #0c8fd0;
}
.con_nav {
    background: #f3f3f3;
    height: 64px;
    line-height: 64px;
    z-index: 9999;
}
.con_nav .left {
    font-size: 28px;
    color: #333;
}
.con_nav li {
    display: inline-block;
}
.con_nav li.current a {
    background: #2ca1db;
    color: #fff;
}
.con_nav li.on a {
    background: #2ca1db;
    color: #fff;
}
.con_nav li:hover a {
    background: #2ca1db;
    color: #fff;
}
.con_nav li a {
    display: block;
    padding: 0 22px;
    font-size: 16px;
    color: #333;
}
#sticky_item {
    top: 104px !important;
}
.is_stuck {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
}
.about {
    position: relative;
}
.about .company {
    padding: 58px 0 0 250px;
}
.about .company h1 {
    position: relative;
    font-size: 36px;
    color: #333;
    padding-bottom: 26px;
    margin-bottom: 28px;
}
.about .company h1:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 54px;
    height: 1px;
    background: #2ca1db;
}
.about .company p {
    font-size: 14px;
    color: #666;
    line-height: 1.7;
    margin-bottom: 24px;
}
.about .company .img_box {
    width: 100%;
}
.about .company .img {
    width: 100%;
    padding-top: 60.55%;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}
.about .company .row {
    margin: 0;
}
.about .company .col_lg_11 {
    padding: 0;
}
.about .company .col_lg_15 {
    padding: 0;
}
.about .service {
    position: relative;
    background: #eee;
}
.about .service .ser {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    height: 670px;
}
.about .service .icon {
    display: inline-block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    border: 15px solid rgba(167, 192, 93, 0.7);
    font-size: 56px;
}
.about .service p {
    width: 356px;
    font-size: 14px;
    color: #555;
    line-height: 1.7;
}
.about .service .col {
    position: absolute;
    right: -5%;
    top: 16%;
    padding-left: 170px;
}
.about .service .col.col3 {
    position: absolute;
    right: 6%;
    bottom: 18%;
    top: auto;
    padding-left: 170px;
}
.about .service .col.col1 {
    position: absolute;
    left: 7%;
    top: 19%;
    right: auto;
    padding: 177px 40px 0 0;
}
.about .service .col.col1 .icon {
    right: 0;
    top: 0;
    left: auto;
    margin-top: 0;
    font-size: 120px;
}
.about .service .icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -75px;
}
.about .service .icon.blue {
    border: 15px solid rgba(105, 185, 226, 0.7);
    padding-top: 30px;
}
.about .service .icon.red {
    border: 15px solid rgba(239, 184, 200, 0.7);
    padding-top: 30px;
}
.about .culture {
    position: relative;
    padding-bottom: 90px;
}
.about .culture .col_lg_6 {
    padding: 0 17px;
}
.about .culture .img_box {
    position: relative;
}
.about .culture .img {
    width: 100%;
    padding-top: 64.04%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.about .culture span {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #333;
    margin-top: 17px;
}
.about .culture .blue_cover {
    position: absolute;
    left: 0;
    top: 100%;
    bottom: 0;
    right: 0;
    background: rgba(63, 169, 211, 0.9);
    opacity: 0;
    moz-opacity: 0;
    filter: alpha(opacity=0);
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.about .culture p {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 14px;
    color: #fff;
    line-height: 1.7;
    padding: 0 30px;
}
.no-touchevents .about .culture .col:hover .blue_cover {
    top: 0;
    opacity: 1;
    moz-opacity: 1;
    filter: alpha(opacity=10);
}
.no-touchevents .about .culture .col:hover span {
    color: #2ca1db;
}
.about .culture .col.on .blue_cover {
    top: 0;
    opacity: 1;
    moz-opacity: 1;
    filter: alpha(opacity=10);
}
.about .culture .col.on span {
    color: #2ca1db;
}
.about .honor {
    position: relative;
    background: #f5f5f5;
}
.about .honor .hon_con {
    padding: 0 130px 50px;
}
.about .honor .item {
    position: relative;
    background: #fff;
    margin-bottom: 22px;
    padding: 42px 54px;
    cursor: pointer;
}
.about .honor .item:hover {
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1);
}
.about .honor .item.on {
    height: 533px;
}
.about .honor .item.on .icon {
    width: 148px;
    height: 150px;
}
.about .honor h2 {
    position: relative;
    font-size: 26px;
    color: #838383;
    padding-top: 28px;
    margin-bottom: 4px;
}
.about .honor h2:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 2px;
    background: #ccc;
}
.about .honor h1 {
    font-size: 28px;
    color: #020202;
    margin-bottom: 60px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.about .honor .col {
    padding: 0 9px;
}
.about .honor span {
    font-size: 14px;
    color: #888;
}
.about .honor span i {
    color: #888;
    margin-left: 4px;
}
.about .honor .icon {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 66px;
    height: 84px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.about .per {
    position: relative;
    padding-bottom: 194px;
}
.about .per_con {
    padding: 0 110px;
}
.about .per_con .slick_item {
    padding: 0 16px;
}
.about .per_con .item {
    display: block;
    background: #f5f5f5;
    padding: 37px 34px 47px;
    cursor: pointer;
}
.about .per_con .item:hover {
    background: #2ca1db;
}
.about .per_con .item:hover .top {
    border-bottom: 1px solid #fff;
}
.about .per_con .item:hover span, .about .per_con .item:hover h1, .about .per_con .item:hover h2, .about .per_con .item:hover p {
    color: #fff;
}
.about .per_con .item:hover em {
    background: #fff;
    color: #2ca1db;
}
.about .per_con .top {
    padding-bottom: 18px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
}
.about .per_con span {
    display: block;
    font-family: 'Arial';
    font-size: 14px;
    color: #999;
    margin-bottom: 14px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.about .per_con h1 {
    font-size: 20px;
    color: #2ca1db;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.about .per_con h2 {
    font-size: 16px;
    color: #333;
    margin-bottom: 18px;
}
.about .per_con p {
    font-size: 14px;
    color: #666;
    line-height: 1.7;
    height: 92px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.about .per_con em {
    display: block;
    width: 102px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    background: #949493;
    margin-top: 30px;
}
.about .per_con .slick-prev, .about .per_con .slick-next {
    top: auto;
    bottom: -112px;
    height: 40px;
    width: 44px;
    margin-top: 0;
    font-size: 14px;
    color: #bab8b8;
    background: transparent;
    border: 1px solid #bab8b8;
}
.about .per_con .slick-prev:hover, .about .per_con .slick-next:hover {
    background: #2ca1db;
    border: 1px solid #2ca1db;
    color: #fff;
}
.about .per_con .slick-prev i, .about .per_con .slick-next i {
    font-size: 23px;
}
.about .per_con .slick-prev {
    left: 50%;
    margin-left: -50px;
}
.about .per_con .slick-next {
    right: auto;
    left: 50%;
    margin-left: 6px;
}
.recui {
    padding: 36px;
}
.recui .recui_t {
    font-size: 26px;
    color: #333;
    padding-bottom: 11px;
    border-bottom: 2px solid #e9e9e9;
    margin-bottom: 30px;
}
.recui h1 {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}
.recui p {
    font-size: 14px;
    color: #666;
    line-height: 1.7;
    margin-bottom: 5px;
}
.recui .con {
    max-height: 240px;
}
.recui .scrollbar-rail > .scroll-element {
    background-color: transparent;
}
.recui .scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #3f3f3f;
}
.recui_apply {
    width: 150px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    background: #2ca1db;
    border: 1px solid #2ca1db;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    cursor: pointer;
    margin-top: 96px;
}
.recui_apply:hover {
    background: #fff;
    color: #2ca1db;
}
.recui_apply i {
    font-size: 30px;
    margin-left: 10px;
    vertical-align: middle;
}
.solution .solu {
    padding: 0 50px;
}
.solution .solu2 {
    background: #fff url(/Public/Images/home/phpcms/en-us/solution_bg.png) repeat-x left top;
}
.solution .col_lg_1_5, .solution .col_lg_1_7, .solution .col_lg_4 {
    margin-bottom: 88px;
}
.solution .img_box {
    position: relative;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.no-touchevents .solution .img_box:hover {
    transform:translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
}
.solution .img_box i {
    position: absolute;
    color: #2ca1db;
    right: 0;
    top: 50%;
    margin-top: -8.5px;
    opacity: 0;
    moz-opacity: 0;
    filter: alpha(opacity=0);
}
.solution .solu_con {
    position: relative;
    padding-bottom: 50px;
    text-align: center;
}
.solution .col {
    position: relative;
    padding: 0 135px;
}
.solution .bg {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    height: 100%;
}
.solution .bg1 {
    background: url(/Public/Images/home/phpcms/en-us/solution_bg1.png) no-repeat center;
}
.solution .bg2 {
    background: url(/Public/Images/home/phpcms/en-us/solution_bg2.png) no-repeat center;
}
.solu_detail .view_show {
    padding: 77px 0 88px;
}
.solu_detail .img_box {
    text-align: center;
}
.solu_detail .col {
    display: inline-block;
    border-bottom: 4px solid #2ca1db;
    margin: 0 -7px;
}
.solu_detail p {
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    padding: 16px 0 20px;
}
.solu_detail .advan {
    background: url(/Public/Images/home/phpcms/en-us/solu_detail_bg1_02.png) no-repeat center;
    background-size: cover;
    padding-bottom: 90px;
}
.contact {
    position: relative;
}
.contact i {
    color: #2ca1db;
    font-size: 40px;
}
.contact span {
    display: block;
    font-size: 20px;
    color: #333;
    padding: 15px 0;
}
.contact p {
    font-size: 16px;
    color: #555;
}
.contact p.on {
    font-family: 'Arial';
    font-size: 24px;
    color: #2ca1db;
}
.contact .col_lg_6 {
    text-align: center;
    border-right: 1px solid #e6e5e5;
}
.contact .col_lg_6:last-child {
    border-right: none;
}
.contact .map {
    width: 100%;
    margin: 50px 0 88px;
    border: 6px solid #e4e4e4;
}
.contact #dituContent {
    width: 100%;
    height: 590px;
}
.cooper {
    position: relative;
    background: #eee;
    padding-bottom: 80px;
}
.cooper .col_lg_1_7 {
    text-align: center;
    margin-bottom: 18px;
}
.cooper .col {
    display: inline-block;
    width: 100%;
    height: 72px;
    padding: 8px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    background-color: #fff;
}
.cooper .item {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.search_page {
    padding: 47px 0 100px;
}
.search_page .search_t {
    font-size: 36px;
    color: #333;
    margin-bottom: 24px;
}
.search_page .sear_form {
    background: #e0e0e0;
    padding: 30px 20px;
}
.search_page .sear_input {
    position: relative;
}
.search_page input {
    width: 100%;
    height: 46px;
    border: 1px solid #cdcdcd;
    padding: 14px 60px 14px 6px;
}
.search_page button {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 48px;
    height: 46px;
    border: 1px solid #cdcdcd;
    background: #ededed;
    color: #2a2a2a;
    font-size: 29px;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.search_page button:hover {
    background: #d2d2d2;
}
.search_page span {
    display: block;
    font-size: 15px;
    color: #777;
    padding: 17px 0 8px;
}
.search_page .col {
    display: block;
    padding: 17px 0 15px;
    border-bottom: 1px solid #d3d3d3;
}
.search_page .col:hover h1 {
    color: #2ca1db;
}
.search_page .col:hover p {
    color: #2ca1db;
}
.search_page h1 {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
}
.search_page p {
    font-size: 16px;
    color: #666;
}
.search_page .more {
    width: 250px;
    height: 64px;
    font-size: 15px;
    color: #666;
    text-align: center;
    line-height: 64px;
    background: #fff;
    margin: 55px auto 0;
    box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.1);
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    cursor: pointer;
}
.search_page .more:hover {
    background: #2ca1db;
    color: #fff;
}
.news .col_lg_11 {
    padding: 0 20px 0 0;
}
.news .col_lg_13 {
    padding: 0;
}
.news .top .img_box {
    position: relative;
    text-align: left;
}
.no-touchevents .news .top .img_box:hover .img {
    transform: scale(1.1) translateZ(0);
    -ms-transform: scale(1.1) translateZ(0);
    -webkit-transform: scale(1.1) translateZ(0);
    -o-transform: scale(1.1) translateZ(0);
    -moz-transform: scale(1.1) translateZ(0);
}
.news .top .img {
    width: 100%;
    height: 388px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.news .top .tip {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    height: 81px;
    padding-left: 126px;
}
.news .top .tip span {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 116px;
    background: url(/Public/Images/home/phpcms/en-us/news_bg1.png) no-repeat center;
    background-size: cover;
    font-family: 'Arial';
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding-top: 57px;
    height: 100%;
}
.news .top .tip span em {
    position: absolute;
    left: 50%;
    top: 16px;
    margin-left: -12.24px;
    display: inline-block;
    font-family: 'Arial';
    font-size: 22px;
    color: #fff;
    line-height: 1;
}
.news .top .tip p {
    display: inline-block;
    width: 98%;
    font-size: 22px;
    color: #fff;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 81px;
}
.news .row {
    margin: 0;
}
.news .col {
    display: block;
    margin-bottom: 22px;
}
.no-touchevents .news .col:hover .img {
    transform: scale(1.1) translateZ(0);
    -ms-transform: scale(1.1) translateZ(0);
    -webkit-transform: scale(1.1) translateZ(0);
    -o-transform: scale(1.1) translateZ(0);
    -moz-transform: scale(1.1) translateZ(0);
}
.news .col:hover h1 {
    color: #2ca1db;
}
.news .col:hover p {
    color: #2ca1db;
}
.news .col .img {
    width: 298px;
    height: 183px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.news .text {
    margin-left: 322px;
}
.news .text h1 {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news .text span {
    display: block;
    font-family: 'Arial';
    font-size: 15px;
    color: #999;
    margin-bottom: 19px;
}
.news .text p {
    font-size: 14px;
    color: #666;
    line-height: 1.7;
    margin-bottom: 22px;
    height: 46px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.news .text i {
    font-size: 15px;
    color: #2ca1db;
}
.news .bot {
    padding: 32px 0 43px;
}
.news .bot .col {
    border-bottom: 1px solid #e8e7e7;
    padding-bottom: 34px;
    margin-bottom: 34px;
}
.page {
    border-left: none;
    text-align: center;
}
.page p {
    display: inline-block;
    font-size: 15px;
    color: #999;
    margin-left: 6px;
}
.page a {
    height: 48px;
    width: 48px;
    background-color: #f1f1f1;
    line-height: 48px;
    border: none;
    font-size: 15px;
    color: #555;
    margin: 0 5px;
}
.page a.prev, .page a.next {
    width: 64px;
}
.no-touchevents .page a.on, .page a:hover {
    background-color: #2ca1db;
    color: #fff;
}
.page .prev, .page .next {
    font-weight: normal;
}
.news_detail {
    background: #f5f6f8;
    padding: 72px 0 66px;
}
.news_detail .col_lg_17, .news_detail .col_lg_7 {
    padding: 0 10px;
}
.news_detail .news_con {
    background: #fff;
    text-align: center;
    padding: 48px 50px 60px;
}
.news_detail .news_con p {
    font-size: 15px;
    color: #666;
    line-height: 1.8;
    text-align: left;
    margin-bottom: 10px;
}
.news_detail .news_con img {
    margin: 10px 0;
}
.news_detail .news_t {
    text-align: center;
}
.news_detail .news_t h1 {
    font-size: 36px;
    color: #333;
}
.news_detail .news_t span {
    display: block;
    padding: 19px 0 26px;
    font-size: 14px;
    color: #666;
}
.news_detail .news_t span i {
    color: #666;
    margin-right: 5px;
    vertical-align: middle;
}
.news_detail .news_t span i.on {
    font-size: 20px;
}
.news_detail .col {
    background: #fff;
    padding: 30px 40px;
    margin-bottom: 12px;
}
.news_detail .col.on h1 {
    display: inline-block;
}
.news_detail .col h1 {
    font-size: 18px;
    color: #202020;
    font-weight: bold;
}
.news_detail .col p {
    font-size: 16px;
    color: #333;
    padding: 14px 0 11px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.no-touchevents .news_detail .col p:hover {
    color: #2ca1db;
}
.news_detail .col span {
    font-family: 'Arial';
    font-size: 14px;
    color: #888;
}
.news_detail .col i {
    display: inline-block;
    width: 38px;
    height: 38px;
    text-align: center;
    border: 2px solid #e1e1e1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    color: #e1e1e1;
    font-size: 25px;
    margin-left: 10px;
    vertical-align: middle;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.no-touchevents .news_detail .col i:hover {
    border: 2px solid #2ca1db;
    color: #2ca1db;
}
.news_detail .return {
    display: block;
    width: 100%;
    text-align: center;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #fff;
    background: #2ca1db;
    margin-top: -12px;
}
.news_detail .return:hover {
    background: #1394d4;
}
.collapse {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    text-align: center;
}
.collapse p {
    font-size: 32px;
    color: #333;
    padding: 30px 0 70px;
}
.collapse a {
    display: inline-block;
    width: 190px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    background: #db8f2c;
    font-size: 18px;
    color: #fff;
    margin: 0 8px;
    border-radius: 55px;
    -webkit-border-radius: 55px;
    -ms-border-radius: 55px;
    -moz-border-radius: 55px;
    -o-border-radius: 55px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.collapse a:hover {
    background: #ef9014;
}
.collapse a.blue {
    background: #2ca1db;
}
.collapse a.blue:hover {
    background: #0e91d2;
}
.m_header .m_lang a {
    width: 50%;
    float: left;
    text-align: center;
    line-height: 39px;
    display: inline-block;
    border-right: 1px solid #eeeeee;
    font-size: 16px;
    color: #333;
}
#services, #corporate-culture, #honor, #recruit, #coo, #company-profile {
    position: absolute;
    left: 0;
    top: -150px;
}
#com {
    top: -60px;
}
@media (max-width: 1820px){

}
@media (max-width: 1760px) {
    .container_1726 {
        width: 100%;
        padding: 0 20px;
    }
    .index_part2 .left_pro {
        left: 30px;
    }
    .footer .foot_con {
        padding: 0 54px;
    }
    .index_part1 .con {
        padding: 78px 150px 0;
    }
}
@media (max-width: 1820px){
    .header .drop_down li p {
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
    }
    .header .drop_down a{
        width: 190px;
    }
    .header .drop_nav a {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .header .drop_nav li > a {
        max-width: 180px;
    }
}
@media (max-width: 1619px){
    .header .normal_nav > li > a {
        padding: 43px 23px;
    }
}
@media (max-width: 1600px) {
    .header .normal_nav > li > a {
        padding: 43px 30px;
    }
    .index_part1 .con {
        padding: 78px 88px 0;
    }
    .index_part2 .img_box {
        width: 312px;
        height: 282px;
    }
    .index_part5 .brand {
        padding: 0 20px;
    }
    .footer .foot_con {
        padding: 0 24px;
    }
    .footer dl {
        margin-right: 44px;
    }
}
@media (max-width: 1560px) {
    .about .company {
        padding: 50px 0 0 40px;
    }
    .about .company .col_lg_11 {
        padding: 0;
    }
    .about .service p {
        width: 322px;
    }
    .about .service .col {
        right: -2%;
    }
    .about .service .col.col1 {
        left: 10%;
    }
    .about .service .col.col3 {
        right: 8%;
    }
    .about .culture .col_lg_6 {
        padding: 0 8px;
    }
    .about .culture p {
        font-size: 14px;
    }
    .about .honor .hon_con {
        padding: 0 30px 50px;
    }
    .about .per_con {
        padding: 0 30px;
    }
    .header .drop_nav li {
        padding: 0 10px;
    }

    .header .drop_nav li > a {
        max-width: 161px;
    }
    .header .drop_down li{
        padding-bottom: 15px;
    }
    .header .white_box_tr{
        height:219px;
    }
}
@media (max-width: 1500px) {
    .solution .solu {
        padding: 0;
    }
    .posi_text {
        top: 20%;
    }
}
@media (max-width: 1480px) {
    .footer .col_lg_7 {
        padding-left: 40px;
    }
    .news_detail .row {
        margin: 0;
    }
    .header .nav_right {
        padding: 0 66px 0 100px;
    }
    .header .header_box {
        padding-left: 47px;
    }
    .index_part1 .img_box {
        width: 573px;
        height: 488px;
    }
    .index_part1 h1 {
        padding-top: 67px;
    }
    .index_part2 .index_pro {
        padding-left: 308px;
        padding-right: 60px;
    }
    .index_part2 .left_pro {
        width: 280px;
    }
    .index_part2 .img_box {
        width: 285px;
        height: 263px;
        margin-bottom: 16px;
    }
    .index_part4 .col {
        padding: 56px 30px 65px 22px;
    }
    .banner .banner_nav {
        bottom: 20px;
    }
    .index_part1 h1 {
        font-size: 36px;
    }
    .index_part1 .img_box {
        width: 467px;
        height: 393px;
    }
    .index_part2 .left_pro h1 {
        font-size: 38px;
    }
    .posi_text h1 {
        font-size: 38px;
    }
    .foot_top .col_lg_11 {
        width: 51.833333%;
    }
    .foot_top .col_lg_6 {
        width: 18%;
    }
}
@media (max-width: 1450px) {
    .container_1430 {
        width: 100%;
        padding: 0 20px;
    }
    .contact p.on {
        font-size: 21px;
    }
    .contact p {
        font-size: 15px;
    }
    .header .normal_nav > li > a {
        padding: 43px 14px;
    }
    .header .drop_nav li > a {
        max-width: 132px;
    }
    .header .drop_nav > li {
        padding: 0 7px;
    }
    .header .drop_down .img {
        width: 121px;
        height: 143px;
    }
    .header .white_box_tr {
        height: 194px;
    }
}
@media (max-width: 1380px) {
    .solution .bg {
        display: none;
    }
    .solution .col {
        padding: 0 80px;
    }
    .solution .img_box i {
        opacity: 1;
        moz-opacity: 1;
        filter: alpha(opacity=10);
    }
    .tit span {
        font-size: 24px;
    }
    .solution .solu_con {
        padding-bottom: 0px;
    }
    .solution .col_lg_1_5, .solution .col_lg_1_7, .solution .col_lg_4 {
        margin: 0 0 67px;
    }
}
@media (max-width: 1340px){
    .bdsharebuttonbox {
        display: block;
        margin-top: 16px;
    }
    .header .drop_nav li > a {
        max-width: 122px;
    }
}
@media (max-width: 1330px) {
    .index_part5 .brand .col_lg_4 {
        padding: 0 10px;
    }
    .header .nav_right {
        padding: 0 32px 0 89px;
    }
    .index_part1 h1 {
        font-size: 31px;
    }
    .index_part1 p {
        font-size: 15px;
    }
    .index_part1 .img_box {
        width: 409px;
        height: 346px;
    }
    .index_part1 h1 {
        padding-top: 23px;
    }
    .index_part2 .img_box {
        width: 268px;
        height: 252px;
        margin-bottom: 16px;
    }
    .index_part2 .left_pro {
        top: 65px;
    }
    .footer dl {
        margin-right: 35px;
    }
    .foot_top .col_lg_11 {
        width: 52.833333%;
    }
    .foot_top .col_lg_6 {
        width: 16%;
    }
    .about .company h1 {
        font-size: 30px;
    }
    .about .company {
        padding: 28px 0 0 20px;
    }
    .about .company p {
        font-size: 14px;
        margin-bottom: 16px;
    }
    .about .service p {
        width: 258px;
    }
    .about .service .col {
        right: 1%;
        top: 14%;
    }
    .about .service .col.col1 {
        left: 14%;
    }
    .about .service .col.col3 {
        right: 12%;
        bottom: 16%;
    }
    .about .per_con .slick_item {
        padding: 0 8px;
    }
    .about .per_con {
        padding: 0;
    }
    .about .honor .hon_con {
        padding: 0 0 50px;
    }
    .cooper .col {
    width: 100%;
        height: 66px;
    }
}
@media (max-width: 1240px) {
    .footer .col_lg_7 {
        padding-left: 0;
    }
}
@media (max-width: 1230px) {
    .container_1200 {
        width: 100%;
        padding: 0 20px;
    }
    .solu_detail .col {
        margin: 0 46px 24px;
    }
}
@media (max-width: 1200px) {
    .product_nav {
        display: none;
    }
    .con_nav {
        display: none;
    }
    .header {
        display: none;
    }
    body {
        padding-top: 50px;
    }
    .m_header .logo_box img {
        width: 50px;
    }
    .logo_box {
        padding: 3px 0 0 10px;
    }
    .nav_toggle span, .nav_toggle span:before, .nav_toggle span:after {
        background: #2ca1db;
    }
    .m_header .m_nav_list .dropdown_menu a {
        line-height: 33px;
        font-size: 13px;
    }
    .accordion {
        padding-bottom: 20px;
    }
    .footer .foot_top {
        display: none;
    }
    .footer .copy_right {
        padding: 16px 0;
    }
    .index_part2 .left_pro h1 {
        font-size: 30px;
    }
    .index_part2 .left_pro p {
        font-size: 14px;
        margin-bottom: 40px;
        max-height: 88px;
    }
    .index_part2 .index_pro {
        padding-left: 228px;
    }
    .index_part2 .left_pro {
        width: 200px;
    }
    .index_part2 .img_box {
        width: 152px;
        height: 171px;
        margin-bottom: 16px;
    }
    .index_part2 .swiper-scrollbar {
        margin-top: 62px;
    }
    .index_part2 h4 {
        font-size: 16px;
    }
    .posi_text h1 {
        font-size: 33px;
        margin-bottom: 17px;
    }
    .posi_text p {
        font-size: 14px;
        margin-bottom: 31px;
    }
    .index_part5 .brand {
        padding: 0;
    }
    .index_part5 .row {
        margin: 0;
    }
    #sticky_item {
        top: 50px !important;
    }
    .product_nav .left {
        font-size: 27px;
    }
    .product_show h1 {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .product_show p {
        font-size: 14px;
        max-height: 110px;
    }
    .pro_detail .small_banner h1 {
        font-size: 35px;
    }
    .pro_detail .small_banner .img {
        width: 400px;
        height: 540px;
    }
    .pro_detail .tech_con {
        padding: 0;
    }
    .pro_detail .sy .top {
        padding: 80px 0 0;
    }
    .pro_detail .sy .bom {
        padding: 0;
    }
    .pro_detail .para_img {
        padding: 0 10px;
    }
    .list li {
        font-size: 14px;
        padding: 12px 0;
    }
    .systerm .sys_img {
        margin: 12px 0 0;
    }
    .systerm.yy {
        text-align: center;
    }
    .about .culture .col_lg_6 {
        margin-bottom: 35px;
    }
    .about .culture {
        padding-bottom: 30px;
    }
    .tit p {
        font-size: 15px;
    }
    .about .honor .item {
        padding: 33px 24px;
    }
    .about .honor h1 {
        font-size: 22px;
    }
    .about .honor h2 {
        font-size: 23px;
        padding-top: 23px;
    }
    .about .honor .item.on {
        height: 468px;
    }
    .recui .recui_t {
        font-size: 23px;
    }
    .recui_apply {
        margin-top: 55px;
    }
    .search_page .search_t {
        font-size: 28px;
        margin-bottom: 24px;
    }
    .news .col_lg_11 {
        padding: 0;
        margin-bottom: 22px;
    }
    .news_detail .news_t h1 {
        font-size: 30px;
    }
    .news_detail .news_con {
        padding: 48px 20px 18px;
    }
    .news_detail .col {
        padding: 18px 10px;
        margin-bottom: 12px;
    }
    .news_detail .col.on h1 {
        display: block;
        margin-bottom: 14px;
    }
    .contact i {
        font-size: 31px;
    }
    .contact p.on {
        font-size: 18px;
    }
    .solution .col {
        padding: 0 30px;
    }
    .collapse p {
        font-size: 23px;
        padding: 30px 0 50px;
    }
    .posi_text {
        width: 32%;
        right: 13%;
        top: 17%;
    }
}
@media (max-width: 1023px){
    .solu_detail .col {
        margin: 0 5px 24px;
    }
}
@media (max-width: 992px) {
    .index_part2 .swiper-slide {
        text-align: center;
    }
    .banner .banner_nav {
        padding: 8px 25px;
    }
    .index_part1 .img_box {
        width: 330px;
        height: 279px;
    }
    .index_part1 .con {
        padding: 50px 0 0;
    }
    .index_part1 span {
        margin-top: 20px;
    }
    .index_part2 {
        padding: 38px 0 48px;
    }
    .posi_text h1 {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .posi_text p {
        font-size: 14px;
        margin-bottom: 18px;
        max-height: 69px;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .tit {
        padding: 38px 0 34px;
        font-size: 32px;
    }
    .tit h3 {
        font-size: 32px;
        margin-bottom: 21px;
    }
    .index_part5 {
        padding-bottom: 35px;
    }
    .footer .copy_right p {
        float: none;
    }
    .kgu {
        float: none;
    }
    .footer .copy_right em {
        display: block;
        margin: 5px 0;
    }
    .footer .copy_right {
        text-align: center;
    }
    .index_part1 h1 {
        padding-top: 0;
    }
    .index_part1 h1 {
        font-size: 29px;
    }
    .product_show .img {
        width: 328px;
        height: 425px;
    }
    .pro_detail .small_banner .img {
        width: 300px;
        height: 498px;
    }
    .pro_detail .small_banner h1 {
        font-size: 32px;
        padding-top: 70px;
    }
    .pro_detail .tech_con .col_lg_12 {
        padding: 0 20px;
    }
    .pro_detail .sy .top {
        padding: 62px 0 0;
    }
    .pro_detail .sy .top h1 {
        font-size: 30px;
    }
    .pro_detail .sy .top .img {
        width: 305px;
        height: 341px;
    }
    .feedback {
        padding-bottom: 38px;
    }
    .systerm {
        padding-bottom: 23px;
    }
    .systerm .padding {
        padding-top: 8px;
    }
    .banner_nor {
        padding-top: 33.625%;
    }
    .con_nav .left {
        font-size: 24px;
    }
    .con_nav li a {
        padding: 0 16px;
    }
    .about .company {
        padding: 0 0 0 20px;
    }
    .about .company p {
        padding-right: 20px;
    }
    .about .service .ser {
        background: none !important;
        height: auto;
    }
    .about .service .col {
        position: relative;
    }
    .about .service .col.col1 {
        position: relative;
        padding: 56px 0 56px 133px;
        left: auto;
        top: auto;
    }
    .about .service .col.col3 {
        position: relative;
        padding: 56px 0 56px 133px;
        right: auto;
        bottom: auto;
    }
    .about .service .col.col1 .icon {
        right: auto;
        left: 0;
        top: 50%;
        margin-top: -56px;
        font-size: 88px;
    }
    .about .service .icon.red {
        right: auto;
        left: 0;
        top: 50%;
        margin-top: -56px;
    }
    .about .service .icon {
        width: 112px;
        height: 112px;
        border: 10px solid rgba(167, 192, 93, 0.7);
        font-size: 40px;
    }
    .about .service .icon.red {
        border: 10px solid rgba(239, 184, 200, 0.7);
        padding-top: 24px;
    }
    .about .service .icon.blue {
        border: 10px solid rgba(105, 185, 226, 0.7);
        padding-top: 26px;
        margin-top: -56px;
    }
    .about .service p {
        width: auto;
    }
    .about .service .col {
        right: auto;
        top: auto;
        padding: 56px 0 56px 133px;
    }
    .about .honor .col {
        padding: 0;
    }
    .about .honor .icon {
        width: 38px;
        height: 57px;
    }
    .about .honor .item.on .icon {
        width: 104px;
        height: 110px;
    }
    .about .honor .item {
        margin-bottom: 10px;
    }
    .about .honor .item.on {
        height: 456px;
    }
    .about .per {
        padding-bottom: 132px;
    }
    .about .per_con .slick-prev, .about .per_con .slick-next {
        bottom: -74px;
    }
    .search_page {
        padding: 33px 0 40px;
    }
    .search_page .more {
        margin: 30px auto 0;
    }
    .news .top .col_lg_11 .img {
        height: 318px;
    }
    .page a.on, .page a:hover {
        background-color: #2ca1db;
    }
    .page {
        margin-bottom: 40px;
    }
    .news .bot {
        padding: 0 0 6px;
    }
    .news_detail {
        padding: 32px 0 20px;
    }
    .news_detail .news_t h1 {
        font-size: 25px;
    }
    .news_detail .news_con {
        padding: 35px 10px 10px;
    }
    .news_detail .col p {
        font-size: 14px;
    }
    .news_detail .col h1 {
        font-size: 16px;
    }
    .news_detail .col i {
        width: 26px;
        height: 26px;
        font-size: 16px;
    }
    .contact .map {
        margin: 28px 0 18px;
    }
    .cooper {
        padding-bottom: 16px;
    }
    .contact #dituContent {
        height: 350px;
    }
    .tit span {
        font-size: 22px;
    }
    .solution .col_lg_1_5, .solution .col_lg_1_7, .solution .col_lg_4 {
        margin: 0 0 48px;
    }
    .solution .col {
        padding: 0;
    }
    .tit h2:before, .tit h2:after {
        width: 27px;
        height: 27px;
    }
    .tit h2 {
        padding: 0 34px;
    }
    .collapse img {
        width: 368px;
    }
    .collapse a {
        width: 163px;
        height: 55px;
    }
    .bdsharebuttonbox a {
        margin-right: 4px;
    }
    .bdsharebuttonbox {
        margin-left: 0;
    }
}
@media (max-width: 767px) {
  .Promotional_video{
  padding-bottom:65px !important;
  }
    .bdsharebuttonbox a {
        margin-right: 10px;
    }
    .posi_text p {
        font-size: 12px;
        margin-bottom: 7px;
        max-height: 40px;
    }
    .index_part1 .col_lg_11 {
        text-align: right;
    }
    .banner .swiper-pagination-bullet {
        width: 28px;
        height: 15px;
    }
    .banner .swiper-pagination-bullet-active {
        background-size: cover;
    }
    .banner .arrow {
        padding: 5px 4px 0;
        width: 45px;
        height: 23px;
        line-height: 23px;
    }
    .banner .swiper-button-next, .banner .swiper-button-prev {
        width: 43%;
    }
    .banner .swiper-button-next i, .banner .swiper-button-prev i {
        font-size: 11px;
    }
    .banner .banner_nav {
        padding: 4px 10px;
        bottom: 6px;
    }
    .banner .swiper-slide {
        padding-top: 53.18%;
    }
    .index_part1 h1 {
        font-size: 23px;
        margin-bottom: 13px;
    }
    .index_part1 p {
        font-size: 14px;
    }
    .index_part1 .col_lg_11 {
        text-align: center;
    }
    .index_part2 .left_pro h1 {
        font-size: 23px;
        margin-bottom: 11px;
    }
    .index_part2 .left_pro p {
        font-size: 12px;
        max-height: 57px;
        margin-bottom: 34px;
    }
    .container_1726, .container_1200, .container_1430 {
        width: 100%;
        padding: 0 10px;
    }
    .index_part2 .left_pro {
        left: 10px;
        top: 15px;
    }
    .index_part2 .index_pro {
        padding-left: 186px;
    }
    .index_part2 .left_pro {
        width: 150px;
    }
    .index_part2 .img_box {
        width: 93px;
        height:93px;
        margin-bottom: 8px;
    }
    .index_part2 .swiper-button-next, .index_part2 .swiper-container-rtl .swiper-button-prev {
        width: 30px;
        height: 30px;
        line-height: 30px;
        right: 10px;
    }
    .index_part2 h4 {
        font-size: 13px;
    }
    .index_part2 .swiper-button-next, .index_part2 .swiper-container-rtl .swiper-button-prev {
        width: 38px;
        height: 38px;
        line-height: 38px;
    }
    .index_part2 .swiper-scrollbar {
        margin-top: 43px;
    }
    .index_part3 {
        padding-top: 40.32%;
    }
    .posi_text h1 {
        font-size: 23px;
        margin-bottom: 8px;
    }
    .posi_text i {
        width: 38px;
        height: 38px;
        line-height: 38px;
    }
    .posi_text {
        width: 43%;
        right: 10px;
        top: 11%;
    }
    .tit {
        padding: 30px 0 20px;
        font-size: 24px;
    }
    .tit h3 {
        font-size: 24px;
    }
    .index_part4 h1 {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .index_part4 p {
        font-size: 12px;
        margin-top: 13px;
        max-height: none;
    }
    .index_part4 span {
        margin-top: 29px;
    }
    .index_part4 span em {
        font-size: 12px;
    }
    .index_part4 span i {
        font-size: 12px;
        margin-left: 7px;
    }
    .index_part4 .col {
        padding: 20px 18px 32px 21px;
    }
    .accordion .item {
        height: auto;
    }
    .index_part4 .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 2px;
    }
    .see_more {
        width: 127px;
        height: 38px;
        line-height: 38px;
        margin: 30px auto 0;
        font-size: 12px;
    }
    .index_part4 {
        padding-bottom: 38px;
    }
    .index_part5 .brand .col_lg_4 {
        margin-bottom: 10px;
    }
    .index_part5 {
        padding-bottom: 10px;
    }
    .footer .copy_right p {
        font-size: 12px;
    }
    .footer .copy_right p a{
        font-size: 12px;
    }
    .footer .copy_right em {
        font-size: 12px;
    }
    .footer .kgu span {
        font-size: 12px;
    }
    .footer .kgu img {
        width: 54px;
    }
    .footer .copy_right {
        padding: 12px 0;
    }
    .product_show .text {
        position: static;
        padding-right: 0;
        margin-top: 0 !important;
    }
    .product_show p {
        max-height: none;
    }
    .product_show .img {
        width: 200px;
        height: 300px;
        display: inline-block;
    }
    .product_show .right {
        margin-top: 35px;
        text-align: center;
    }
    .product_show h1 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .product_show .see_more {
        margin: 24px 0 0;
    }
    .row {
        margin: 0;
    }
    .pro_detail .small_banner h1 {
        font-size: 24px;
        padding-top: 8px;
        margin-bottom: 18px;
    }
    .pro_detail .small_banner p {
        font-size: 12px;
    }
    .pro_detail .small_banner .words i {
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 33px;
    }
    .pro_detail .small_banner .words span {
        font-size: 14px;
    }
    .pro_detail .small_banner .img {
        display: inline-block;
        width: 200px;
        height: 350px;
    }
    .pro_detail .small_banner .col_lg_11 {
        text-align: center;
    }
    .pro_detail .tech_con .col_lg_12 {
        padding: 0;
    }
    .list li {
        font-size: 13px;
        padding: 12px 0;
    }
    .pro_detail .tech {
        padding-bottom: 27px;
    }
    .pro_detail .sy .top {
        padding: 0;
    }
    .pro_detail .sy .top h1 {
        font-size: 22px;
    }
    .pro_detail .sy .top p {
        font-size: 14px;
    }
    .pro_detail .sy .top .col {
        margin-top: 30px;
    }
    .pro_detail .sy .top .img {
        display: inline-block;
        width: 254px;
        height: 297px;
    }
    .pro_detail .sy {
        padding-bottom: 22px;
    }
    .pro_detail .para {
        padding-bottom: 19px;
    }
    .feedback .col_lg_12, .feedback .col_lg_24 {
        padding: 0;
    }
    .feedback .form_sub {
        padding-right: 0;
        margin-top: 7px;
    }
    .yz_box {
        float: none;
    }
    .feedback .form_sub button {
        float: none;
        display: block;
        margin: 10px auto 0;
    }
    .feedback {
        padding-bottom: 20px;
    }
    .banner_nor {
        padding-top: 37.625%;
    }
    .tit p {
        font-size: 14px;
    }
    .tit h3 {
        margin-bottom: 14px;
    }
    .about .company h1 {
        font-size: 22px;
        padding-bottom: 14px;
        margin-bottom: 12px;
    }
    .about .company p {
        padding-right: 10px;
        font-size: 12px;
        margin-bottom: 10px;
    }
    .about .company {
        padding: 0 0 0 10px;
    }
    .about .company .col_lg_11 {
        padding: 29px 0 0;
    }
    .about .service .icon {
        width: 66px;
        height: 66px;
        font-size: 27px;
        border: 6px solid rgba(167, 192, 93, 0.7);
    }
    .about .service .col.col1 .icon {
        margin-top: -33px;
        font-size: 56px;
    }
    .about .service p {
        font-size: 13px;
    }
    .about .service .col.col1, .about .service .col, .about .service .col.col3 {
        padding: 22px 0 22px 78px;
    }
    .about .service .icon.blue {
        padding-top: 14px;
        margin-top: -33px;
        border: 6px solid rgba(105, 185, 226, 0.7);
    }
    .about .service .icon.red {
        padding-top: 12px;
        border: 6px solid rgba(239, 184, 200, 0.7);
        margin-top: -33px;
    }
    .about .culture .col_lg_6 {
        padding: 0;
        margin-bottom: 23px;
    }
    .about .culture {
        padding-bottom: 0px;
    }
    .tit em {
        font-size: 18px;
    }
    .about .honor h1 {
        font-size: 20px;
        margin-bottom: 42px;
    }
    .about .honor h2 {
        font-size: 20px;
        padding-top: 20px;
    }
    .about .honor span {
        font-size: 12px;
    }
    .about .honor .item.on {
        height: auto;
    }
    .about .honor .item.on .icon {
        width: 61px;
        height: 66px;
    }
    .about .honor .hon_con {
        padding: 0 0 8px;
    }
    .about .per_con h1 {
        font-size: 18px;
    }
    .about .per_con p {
        font-size: 12px;
        height: auto;
    }
    .about .per_con h2 {
        font-size: 16px;
        margin-bottom: 12px;
    }
    .about .per_con .item {
        padding: 26px;
    }
    .about .per {
        padding-bottom: 78px;
    }
    .about .per_con .slick-prev, .about .per_con .slick-next {
        height: 26px;
        width: 26px;
        bottom: -43px;
    }
    .about .per_con .slick-prev i, .about .per_con .slick-next i {
        font-size: 15px;
    }
    .about .per_con .slick-prev {
        margin-left: -26px;
    }
    .recui .recui_t {
        font-size: 18px;
        margin-bottom: 16px;
    }
    .recui h1 {
        font-size: 14px;
    }
    .recui {
        padding: 16px;
    }
    .recui p {
        font-size: 12px;
        margin-bottom: 2px;
    }
    .recui .con {
        max-height: 138px;
    }
    .recui_apply {
        margin-top: 29px;
        width: 114px;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
    }
    .recui_apply i {
        font-size: 26px;
        margin-left: 7px;
    }
    .search_page .search_t {
        font-size: 23px;
        margin-bottom: 16px;
    }
    .search_page .sear_form {
        padding: 10px 10px;
    }
    .search_page span {
        font-size: 12px;
        padding: 13px 0 8px;
    }
    .search_page h1 {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .search_page p {
        font-size: 12px;
    }
    .search_page .more {
        width: 178px;
        height: 47px;
        font-size: 14px;
        line-height: 47px;
    }
    .news .top .tip {
        height: 52px;
    }
    .news .top .tip span {
        width: 80px;
        font-size: 11px;
        padding-top: 39px;
    }
    .news .top .tip span em {
        top: 10px;
        font-size: 16px;
    }
    .news .top .tip {
        height: 52px;
        padding-left: 88px;
    }
    .news .top .tip p {
        font-size: 15px;
        line-height: 52px;
    }
    .news .top .col_lg_11 .img {
        height: 206px;
    }
    .news .top .img_box {
        float: none;
    }
    .news .col .img {
        width: 100%;
        height: 200px;
    }
    .news .text {
        margin-left: 0;
        margin-top: 10px;
    }
    .news .text h1 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .news .text p {
        font-size: 13px;
        margin-bottom: 13px;
        height: auto;
    }
    .news .text span {
        font-size: 12px;
        margin-bottom: 6px;
    }
    .news .text i {
        font-size: 13px;
    }
    .news .img_box {
        width: 100%;
        float: none;
    }
    .news .bot .col {
        border-bottom: none;
        margin-bottom: 0;
    }
    .news_detail .col_lg_17, .news_detail .col_lg_7 {
        padding: 0;
    }
    .news_detail .news_t h1 {
        font-size: 20px;
    }
    .news_detail .news_t span {
        padding: 15px 0 14px;
        font-size: 12px;
    }
    .news_detail {
        padding: 10px 0 10px;
    }
    .news_detail .news_con p {
        font-size: 14px;
        margin-bottom: 0px;
    }
    .news_detail .col_lg_7 .item {
        margin-top: 10px;
    }
    .news_detail .col h1 {
        font-size: 16px;
    }
    .news_detail .col {
        padding: 13px 10px;
        margin-bottom: 10px;
    }
    .contact .col_lg_6 {
        border-right: none;
        border-bottom: 1px solid #e6e5e5;
        padding-bottom: 15px;
        margin-bottom: 22px;
    }
    .contact span {
        font-size: 18px;
        padding: 10px 0;
    }
    .contact .map {
        margin: 0 0 10px;
    }
    .contact #dituContent {
        height: 300px;
    }
    .cooper .col {
    width: 100%;
        height: 52px;
        padding: 6px;
    }
    .cooper .col_lg_1_7 {
        margin-bottom: 4px;
    }
    .tit span {
        font-size: 14px;
        padding: 0 34px;
    }
    .solution .col_lg_1_5, .solution .col_lg_1_7, .solution .col_lg_4 {
        margin: 0 0 29px;
    }
    .tit h2 {
        padding: 0;
        font-size: 12px;
    }
    .tit h2:before, .tit h2:after {
        display: none;
    }
    .solu_detail .view_show {
        padding: 26px 0 0px;
        text-align: center;
    }
    .solu_detail .col {
        margin: 0 0 24px;
        width: 100%;
        width: 70%;
    }
    .solu_detail .img_box {
        width: 100%;
    }
    .solu_detail .img_box img {
        width: 100%;
    }
    .solu_detail p {
        font-size: 15px;
        padding: 11px 0 12px;
    }
    .solu_detail .advan {
        padding-bottom: 19px;
    }
    .collapse a {
        width: 133px;
        height: 47px;
        line-height: 47px;
        font-size: 16px;
        color: #fff;
        margin: 11px 0;
    }
}
@media (max-width: 640px) {
    .layui-layer-content img {
        max-width: 330px !important;
    }
}
@media (max-width: 325px) {
    .banner .swiper-pagination-bullet {
        width: 23px;
        height: 15px;
    }
    .banner .arrow {
        padding: 5px 4px 0;
        width: 33px;
        height: 23px;
        line-height: 23px;
    }
    .banner .swiper-button-next, .banner .swiper-button-prev {
        width: 39%;
    }
    .index_part1 h1 {
        font-size: 20px;
        margin-bottom: 13px;
    }
    .index_part1 .con {
        padding: 29px 0 0;
    }
    .index_part1 p {
        font-size: 12px;
    }
    .index_part1 span {
        width: 38px;
        height: 38px;
        line-height: 38px;
    }
    .index_part1 .img_box {
        width: 263px;
        height: 221px;
    }
    .index_part2 .left_pro h1 {
        font-size: 20px;
        margin-bottom: 11px;
    }
    .index_part2 .left_pro p {
        font-size: 12px;
    }
    .index_part2 .img_box {
        width: 72px;
        height: 79px;
    }
    .index_part2 h4 {
        font-size: 11px;
    }
    .posi_text h1 {
        font-size: 19px;
        margin-bottom: 8px;
    }
    .posi_text p {
        font-size: 10px;
        margin-bottom: 14px;
    }
    .index_part3 {
        padding-top: 48.32%;
    }
    .verify-bar-area {
        width: 287px !important;
    }
    .layui-layer-content img {
        max-width: 275px !important;
    }
    .news .top .col_lg_11 .img {
        height: 159px;
    }
    .news .col .img {
        height: 162px;
    }
    .cooper .col {
    width: 100%;
        height: 45px;
        padding: 6px;
    }
    .index_part2 .index_pro {
        padding-left: 160px;
    }
}
.Promotional_video{
width:80%;
margin-left:10%;
  padding-bottom: 100px;
}
.Promotional{
background: #f5f5f5;
}
.header .nav li.drop{
	position: relative;
}