.header {
    /* position: relative; */
    position: fixed;
    top: 0;
    z-index: 999;
    background-color: rgb(255, 255, 255);
}
.header .conBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 100px;
    transition: all .3s;

}

.indexHeader.is_stuck {
    background: #efefef;
    transition: all .3s;
}

.indexHeader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 10;
    background: transparent;
    transition: all .3s;
}

.header-icon {
    display: flex;
}

.header-icon .item {
    margin: 0 5px;
    cursor: pointer;
}

.header-icon .item .iconfont {
    font-size: 22px;
}

.header .conBox .header-left {
    display: flex;
    align-items: center;
    transition: all .3s;
}

.header .conBox .header-right {
    display: flex;
    align-items: center;
    transition: all .3s;

}

.header .container_1600 {
    overflow: initial;
}

.toClient {
    width: 150px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #35347B;
    border-radius: 19px;
    margin-left: 20px;
}

.toClient span {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}

p{
    font-size: 14px;
    color: #545454;
    line-height: 1.7;
}
.header_top .line1{
    padding-top: 20px;
}
.follow_box{
    padding-top: 10px;
    text-align: right;
}
.follow_box a{
    display: inline-block;
    margin: 1px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    border-radius: 50%;
}
.follow_box a:nth-of-type(1){
    background: url(../image/style123tiny.png) no-repeat 0 0 #3b5998;
}
.follow_box a:nth-of-type(2){
    background: url(../image/style123tiny.png) no-repeat 0 -64px #d14836;
}
.follow_box a:nth-of-type(3){
    background: url(../image/style123tiny.png) no-repeat 0 -320px #cd332d;
}
.follow_box a:nth-of-type(4){
    background: url(../image/style123tiny.png) no-repeat 0 -128px #007fb1;
}
.follow_box a:nth-of-type(5){
    background: url(../image/style123tiny.png) no-repeat 0 -256px #00aced;
}

.header_nav .container_1200{
    position: relative;
}
.nav_list {
    font-size: 0;
    line-height: 0;
    position: relative;
    margin-left: 34px;
}
.solution_ul{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    padding: 30px 0;
    background: #fff;
    z-index: 1000;
    border-top: 1px solid #ccc;
}
.solution_ul ul li{
    float: left;
    width: 33.33%;
}
.solution_ul ul li a{
    display: block;
    font-size: 16px;
    color: #343434;
    letter-spacing: 0;
    line-height: 1.9em;
}
.solution_ul ul li a:hover,
.solution_ul ul li a.on{
    color: #44a8f2;
}
.solution_ul ul li:nth-of-type(3n+1){
    clear: both;
}
.nav_list > li {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1;
}
.nav_list > li:nth-of-type(1){
    background: none;
}

.nav_list > li > a {
    display: inline-block;
    padding-right: 35px;
    /*border-bottom: 3px solid #ffffff;*/
    transition: all .3s;
}

.nav_list > li > a > span {
    display: inline-block;
    line-height: 87px;
    text-align: center;
    font-size: 18px;
    color: #5d5d61;
    transition: all .5s;

}

.nav_list > li > a > i {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: url("../image/dropdown_menu.png") no-repeat center;
    -moz-transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -ms-transition: all linear .3s;
}

.nav_list > li:hover i {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.nav_list > li.active > a,
.nav_list > li.on > a{
    /*border-bottom: 3px solid #34326c;*/
    transition: all .3s;
}
.nav_list > li.active span,
.nav_list > li.on span{
    color: #34326c;
}

.nav_normal > li {
    position: relative;
}

.nav_normal > li .dropdown_menu {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 10px 0px;
    min-width: 185px;
    display: none;
    background: #f7f8f8;
    z-index: 1;
}
.nav_normal > li .dropdown_menu.dropdown_menuProduct{
    min-width: 520px;
}
.nav_normal > li .dropdown_menu.dropdown_menuProduct > li{
    width: 50%;
    float: left;
}
.nav_normal > li .dropdown_menu .Three_menu{
    position: relative;
}
.nav_normal > li .dropdown_menu .Three_menu::after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 38px;
    background: url(../image/r-jt.png)no-repeat center;
}
.nav_normal > li .dropdown_menu .Three_menu .Three_menu_box{
    position: absolute;
    left: 100%;
    background-color: #f7f8f8;
    padding: 5px 0;
    top: 0;
    display: none;
}
.nav_normal > li .dropdown_menu .Three_menu .Three_menu_box li a{
    display: block;
    padding: 0 20px;
    line-height: 38px;
    text-align: left;
    font-size: 16px;
    color: #333;
    white-space: nowrap;
}
.nav_normal > li .dropdown_menu .Three_menu .Three_menu_box li a:hover{
    color: #44a8f2;
}
.nav_normal .dropdown_menu li {
    width: 100%;
}

.nav_normal .dropdown_menu > li > a {
    display: block;
    width: 100%;
    line-height: 38px;
    text-align: left;
    font-size: 16px;
    color: #333;
    padding-left: 30px;
    padding-right: 40px;
    white-space: nowrap;
}
.nav_normal .dropdown_menu li a:hover{
    color: #44a8f2;
}

/*search*/
.header_search_box {
    position: absolute;
    right: 0;
    bottom: 27px;
    width: 32px;
    height: 40px;
    overflow: hidden;;
    background: rgba(0,0,0,0);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    transition: all .3s;
}
.header_search_box.active{
    width: 260px;
    background: #34326c;
    transition: all .3s;
}
.header_search_box a {
    line-height: 0;
    width: 32px;
    height: 40px;
    text-align: right;
    display: block;
    position: relative;
    float: right;
    z-index: 10;
    background: rgba(0,0,0,0);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.header_search_box img {
    position: absolute;
    top: 9px;
    right: 6px;
}

.header_search_box img.close {
    opacity: 0;
    transition: all .3s;
}

.header_search_box .search_click.active img.close {
    opacity: 1;
    transition: all .3s;
}
.header_search_box .search_click.active img.open{
    opacity: 0;
}

.search_form {
    position: absolute;
    top: 0;
    right: 32px;
    width: 0;
    display: block;
    z-index: -1;
    transition: all .3s;
}
.header_search_box.active .search_form{
    width: 220px;
    z-index: 9;
    transition: all .3s;
}

.search_form .info{
    width: 100%;
    padding-right: 32px;
}
.search_form input[type="text"] {
    width: 100%;
    height: 40px;
    background: none;
    border: 0;
    text-indent: 10px;
    font-size: 14px;
    color: #ffffff;
}
.search_form input[type="text"]::-webkit-input-placeholder {
    color: #ffffff;
}

.search_form input.btn_search {
    width: 32px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../image/search.png") no-repeat center center;
    border: 0;
    font-size: 0;
    cursor: pointer;
}


.m_header {
    display: none;
}

/*footer*/

.footer_box{
    background: #f5f5f5;
    margin-top: 0px;
}
.footerCon_box{
}
.fast_navigation .items {
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.fast_navigation .items .item {
    padding: 0 10px;
}

.fast_navigation .items .item{
    flex-basis: 16%;
}

.fast_navigation{
    padding: 60px 0;
    overflow: hidden;
}
a.cus_service{
    display: inline-block;
    line-height: 40px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #337ab7;
    color: #fff;
    margin: 10px 0;
}
a.cus_service:hover{
    color: #337ab7;
    background: #fff;
}
.fast_navigation .form .input{
    position: relative;
    margin-bottom: 10px;
}
.fast_navigation .form .input input[type=text],
.fast_navigation .form .input textarea{
    width: 100%;
    height: 30px;
    text-indent: 6px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset;
}
.fast_navigation .form .input textarea{
    resize: none;
    padding-top: 8px;
    height: 110px;
}
.fast_navigation .form .input .btn{
    padding: 0 10px;
    width: 150px;
    height: 35px;
    background-color: #1d2180;
    color: #fff;
    border: 0;
    float: right;
    cursor: pointer;
}
.fast_navigation h3 {
    letter-spacing: 0;
    line-height: 1.8em;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #1B1B1B;
}

.fast_navigation ul li,
.fast_navigation ul li a {
    font-size: 16px;
    line-height: 2em;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #1B1B1B;
}

.fast_navigation ul li a:hover {
    color: #53529f;
    text-decoration: underline;
}

.fast_navigation .qrcode {
    width: 80px;
    margin-top: 30px;
}

.footer_copyright {
    overflow: hidden;
    background-color: transparent;
    border-top: 1px solid rgba(27, 27, 27, 0.1);
}
.footer_copyright .container_1200{
    padding-top: 15px;
    padding-bottom: 15px;
}
.footer_copyright .text{
    text-align: center;
}
.footer_copyright p a{
    text-decoration: underline;
}

.footer_box .headerSearch {
    margin: 33px 0;
}

.footer_box .headerSearch .formInfo {
    padding-left: 40px;
    position: relative;
    /*margin-left: 24px;*/
    width: 358px;
    height: 48px;
    line-height: 48px;
    background: #F4F5F7;
    /*border-radius: 18px;*/
}

.footer_box .headerSearch .formInfo input[type="text"] {
    width: 100%;
    height: 28px;
    border: 0;
    padding: 10px;
    font-size: 16px;
    background: none;
    color: #000;
}

.footer_box .headerSearch .formInfo button {
    position: absolute;
    top: 8px;
    left: 42px;
    border: 0;
    cursor: pointer;
}

.footer_box .headerSearch .formInfo button:before {
    position: absolute;
    content: '\e601';
    width: 40px;
    height: 28px;
    line-height: 35px;
    top: 0;
    right: 0;
    text-align: center;
    font-family: "iconfont", sans-serif;
    color: #aaaaaa;
    font-size: 16px;
}

.footer_link {
    display: flex;
}

.footer_link li .iconfont {
    font-size: 48px;
    margin-right: 14px;
}

.tips{
    color: red;
}
.footer_copyright p span,
.footer_copyright p a,
.footer_copyright p{
    font-size: 16px;
    color: #fff;
    line-height: 1.7;
}
.footer_copyright p span{
    display: inline-block;
    padding: 0 5px;
}
.index_box1 .slick-prev{
    width: 40px;
    height: 50px;
    background: url(../image/skin.png)no-repeat 0 0;
}
.index_box1 .slick-next{
    width: 40px;
    height: 50px;
    background: url(../image/skin.png)no-repeat -150px 0;
}
.index_box1 .slick-dots li,
.index_box1  .slick-dots li.slick-active{
    background: #fff;
    width: auto;
    height: auto;
    padding: 3px;
}
.index_box1 .slick-dots li button{
    border-radius: 50%;
    width: 4px;
    height: 4px;
    padding: 0;
}
.index_box1  .slick-dots li.slick-active button{
    background: #3c323c;
    border-radius: 50%;
    
}
.banner_slick img{
    width: 100%;
}

.easyzoom_box{
    display: none;
}
.easyzoom_box.on{
    display: block;
}
/*banner*/
a,strong,span{
    font-size: inherit;
    color: inherit;
}
.cust_slick {
    padding: 0 25px;
    margin-top: 20px;
}
.cust_slick .img{
    display: table;
    height: 72px;
    margin:  0 10px;
}
.cust_slick .img img{
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    border: 1px solid #ccc;
}
.cust_slick .slick-prev{
    width: 21px;
    height: 42px;
    background: url(../image/buttonstyle.png)no-repeat left top;
}
.cust_slick .slick-next{
    width: 21px;
    height: 42px;
    background: url(../image/buttonstyle.png)no-repeat right top;
}
.index_box2 .info{
    padding-top: 25px;
    padding-right: 0;
    padding-bottom: 25px;
    padding-left: 10px;
}
.index_box2 .info h3{
    font-size: 20px;
    color: #424242;
    line-height: 1.4;
    font-weight: bold;
}
.index_box2 .info p{
    font-size: 16px;
    color: #424242;
    line-height: 1.4;
}
.index_box2 .content{
    border-bottom: 1px solid #c7c7c7;
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
}
.index_box3 .tip{
    padding-top: 50px;
    padding-bottom: 40px;
    text-align: center;
}
.index_box3 .tip h3{
    font-size: 20px;
    color: #545454;
    letter-spacing: 0;
    line-height: 1.8em;
}
.index_box3 .tip p{
    font-size: 16px;
    color: gray;
    line-height: 1.7em;
}
.index_box3 .more{
    padding-top: 70px;
    text-align: center;
}
.index_box3 .more a{
    display: inline-block;
    line-height: 40px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #fff;
    color: #333;
    border-radius: 3px;
    border-color: #333;
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
}
.index_box3 .more a:hover{
    background-color: #333;
    color: #fff;
}
.index_box3 .content{
    padding-bottom: 50px;
    text-align: center;
}
.index_box3 .content .item .img{
    filter: grayscale(100%);
    transition:  all .3s;
}
.index_box3 .content .item:hover .img{
    filter: grayscale(0%);
}
.index_box3 .content a.link{
    display: inline-block;
    border: 1px solid #2f35a3;
    line-height: 30px;
    width: 120px;
    color: #2f35a3;
    font-size: 14px;
}
.index_box3 .content .item:hover a.link{
    background-color: #2f35a3;
    color: #fff;
}
.index_box4 .tip{
    padding: 10px 0;
}
.index_box4 .tip p{
    font-size: 13px;
    color: #343434;
    line-height: 1;
    margin: 15px 0;
}
.index_box4 .tip p a:hover{
    color: #209eea;
}
.index_box4 .tip a.more{
    display: inline-block;
    line-height: 40px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #fff;
    color: #333;
    border-radius: 3px;
    border-color: #333;
    border-style: solid;
    border-width: 1px;
}
.index_box4 .tip a.more:hover{
    background-color: #333;
    color: #fff;
}
.index_box4 .content{
    padding-top: 10px;
    padding-bottom: 50px;
    overflow: hidden;
}
.index_box4 .content .item{
    width: 20%;
    float: left;
    padding-left: 10px;
    margin-bottom: 10px;
}
.index_box4 .content .item .info{
    position: relative;
    padding: 5px;
    border: 1px solid #ccc;
}
.index_box4 .content .item .info > span{
    position: absolute;
    width: 27px;
    height: 33px;
    display: inline-block;
    right: -4px;
    top: 10px;
    z-index: 3;
    background-image: url("../image/product_ico.png");
    background-repeat: no-repeat;
}
.index_box4 .content .item .info.new_products span {
    background-position: 0 0;
}

.index_box4 .content .item .info.hot_products span {
    background-position: 0 -39px;
}

.index_box4 .content .item .info.recommend_product span {
    background-position: 0 -77px;
}

.index_box4 .content .item .info.hot_recommend span {
    height: 70px;
    background-position: 0 -39px;
}

.index_box4 .content .item .info.hot_new span {
    height: 70px;
    background-position: 0 0;
}

.index_box4 .content .item .info.recommend_new span {
    height: 70px;
    background-image: url("../image/product_ico2.png");
    background-position: 0 -39px;
}

.index_box4 .content .item .info.all_product span {
    height: 107px;
    background-position: 0 0;
}
.img{
    line-height: 0;
    overflow: hidden;
}
.index_box4 .content .item .info .img img{
    transition:  all .3s;
}
.index_box4 .content .item:hover .img img{
    transform: scale(1.2);
}
.index_box4 .content .txt{
    padding: 5px 0;
    margin-bottom: 10px;
}
.index_box4 .content .txt a{
    display: block;
    font-size: 14px;
    color: #222;
    line-height: 1.5em;
    height: 40px;
    overflow: hidden;
}
.index_box4 .content .item:hover .txt a{
    color: #209eea;
    text-decoration: underline;
}
.index_box5 .tip{
    padding: 10px 0;
}
.index_box5 .tip h3{
    line-height: 1.3em;
    font-size: 16px;
    color: #484848;
    font-weight: bold;
    background: url(../image/1512_bg.png)no-repeat right center;
    background-position-x: 240px !important;
}
.index_box5 a.more{
    font-size: 14px;
    color: #000;
    line-height: 1.7;
}
.index_box5 a.more:hover{
    color: #209eea;
}
.index_box5 .content{
    padding-top: 10px;
    padding-bottom: 30px;
    text-align: center;
}
.index_box5 .content p{
    margin-top: 3px;
    font-size: 14px;
    color: #545454;
    line-height: 1em;
    margin-bottom: 10px;
}
.index_box5 .video_click{
    line-height: 0;
    overflow: hidden;
}
.index_box5 .video_click img{
    transition: all .3s;
}
.index_box5 .video_click:hover img{
    transform: scale(1.1);
}
.index_box6 .content{
    background: url(../image/1532_bg.jpg)no-repeat center top;
    background-size: cover;
}
.index_box6 .content .about_info{
    padding-bottom: 15px;
    padding-left: 15px;
    margin-top: 30px;
}
.index_box6 .tip{
    position: relative;
    padding-bottom: 12px;
}
.index_box6 .tip h3{
    font-size: 16px;
    color: #484848;
    font-weight: bold;
    line-height: 1.8;
}
.index_box6 .tip a.more{
    position: absolute;
    top: 50%;
    right: 10px;
    line-height: 1em;
    margin-top: -0.5em;
    font-size: 14px;
    color: #000;
}
.index_box6 .tip a.more:hover{
    color: #209eea;
}
.index_box6 .content .about_info p{
    font-size: 14px;
    color: #484848;
    line-height: 1.7;
}
.index_box6 .content  .new_info{
    padding-left: 15px;
}
.index_box6 .content  .new_info ul h4 a{
    font-size: 14px;
    color: #545454;
    letter-spacing: 0;
    line-height: 1.7em;
}
.index_box6 .content  .new_info ul li{
    position: relative;
    margin-bottom: 5px;
}
.index_box6 .content  .new_info ul h4{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 8em;
}
.index_box6 .content  .new_info ul .time{
    line-height: 1.5em;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1.5em;
    font-size: 14px;
    color: #545454;
}
.cust_box1{
    padding: 40px 0;
}
.cust_box1 .img{
    margin-bottom: 25px;
    text-align: center;
}
.cust_box1 .img img{
    width: 100%;
}
.cust_box2 h3{
    padding-left: 20px;
    background-color: #3d85c6;
    margin-bottom: 20px;
    font-size: 24px;
    color: #fff;
    line-height: 1.8;
}
.cust_box2 p{
    font-size: 14px;
    color: #000;
    line-height: 1.7;
}
.cust_box2 .content{
    padding: 30px 0;
}
.cust_box2 .content img{
    margin-bottom: 20px;
}

.about_box1{
    background-color: #f4f4f7;
}
.about_box1 .info1{
    padding-top: 65px;
    padding-right: 155px;
    padding-bottom: 30px;
    padding-left: 155px;
}
.about_box1 h1{
    font-size: 32px;
    color: #3a3a3c;
    letter-spacing: 0;
    line-height: 1.8em;
    padding-bottom: 15px;
    text-align: center;
}
.about_box1 p{
    font-size: 14px;
    color: #717177;
    line-height: 2.2em;
    text-align: center;
}
.about_box1 .watch{
    margin-bottom: 50px;
    text-align: center;
}
.about_box1 .imgs .img{
    transition: all .3s;
}
.about_box1 .imgs .img:hover{
    animation: big 1s;
}
@keyframes big{
    50%{
        transform: scale(1.1);
    }
    100%{
        transform: scale(1);
    }
}
.about_box1 .content{
    padding-top: 10px;
    padding-bottom: 60px;
}
.about_box1 .content .item{
    border: 1px solid #b7b8bc;
    padding: 15px;
    min-height: 130px;
    margin-bottom: 20px;
}
.about_box1 .content .item .tit{
    font-size: 24px;
    color: #3a3a3c;
    letter-spacing: 0;
    padding-right: 50px;
    line-height: 1em;
    cursor: pointer;
    height: 96px;
}
.about_box1 .content .item .tit.more{
    padding-right: 160px;
    background: url(../image/1644_img5.png)no-repeat right center;
}
.about_box1 .content .item p{
    margin-top: 15px;
    font-size: 14px;
    color: #717177;
    line-height: 1.7;
    display: none;
    text-align: left;
}
.about_box2{
    padding-bottom: 40px;
}
.about_box2 h3{
    font-size: 32px;
    color: #3a3a3c;
    letter-spacing: 0;
    line-height: 1.8em;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
}
.about_box2 h4{
    font-size: 24px;
    color: #333;
    letter-spacing: 0;
    line-height: 1.8em;
    padding-top: 10px;
}
.about_box2 p{
    font-size: 14px;
    color: #717177;
    line-height: 1.7;
}
.about_box3{
    padding-bottom: 95px;
    background: url(../image/910_img.jpg)no-repeat center top;
}
.about_box3 h3{
    font-size: 32px;
    color: #fff;
    letter-spacing: 0;
    line-height: 1.8em;
    padding-top: 40px;
}
.about_box3 p{
    font-size: 14px;
    color: #fff;
    line-height: 2;
}
.about_box4{
    padding-top: 60px;
    padding-bottom: 80px;
    background: url(../image/921_img.jpg)no-repeat center;
}
.about_box4 h3{
    font-size: 32px;
    color: #3a3a3c;
    letter-spacing: 0;
    line-height: 1.8em;
    padding-bottom: 20px;
}
.about_box4 .info{
    padding-left: 10px;
}
.about_box4 p{
    font-size: 14px;
    color: #717177;
}
.about_box5{
    background: url(../image/936_img.jpg)no-repeat center top;
    padding-bottom: 30px;
    padding-top: 30px;
}
.about_box5 h3{
    font-size: 32px;
    color: #3a3a3c;
    letter-spacing: 0;
    line-height: 1.4em;
}
.about_box5 h4{
    font-size: 24px;
    color: #717177;
    line-height: 1.7;
    font-family: Open Sans Light;
    margin-bottom: 20px;
}
.about_box5 p{
    font-size: 14px;
    color: #717177;
    line-height: 1.7;
}
.cer_slick{
    padding: 0 25px;
}
.cer_slick .img{
    padding: 0 10px;
}
.cer_slick .slick-prev{
    width: 21px;
    height: 42px;
    background: url(../image/buttonstyle.png)no-repeat left top;
}
.cer_slick .slick-next{
    width: 21px;
    height: 42px;
    background: url(../image/buttonstyle.png)no-repeat right top;
}
@media (min-width: 1800px){
    .about_box5 .info2{
        position: relative;
        left: 220px;
    }
}
.about_box6{
    padding-bottom: 40px;
}
.about_box6 .info{
    padding-top: 40px;
    padding-right: 0;
    padding-bottom: 30px;
    text-align: center;
}
.about_box6 h3{
    font-size: 32px;
    color: #3a3a3c;
    letter-spacing: 0;
    line-height: 1.5em;
}
.about_box6 p{
    font-size: 14px;
    color: #717177;
}
.about_box6 .line{
    padding-top: 13px;
    padding-left: 80px;
    margin-bottom: 20px;
    background-position: left top;
    background-repeat: no-repeat;
}
.about_box6 .line h4{
    font-size: 24px;
    color: #3a3a3c;
    letter-spacing: 0;
    line-height: 1.4em;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 10px;
}
.about_box6 .line.icon1{
    background-image: url(../image/956_icon1.png);
}
.about_box6 .line.icon2{
    background-image: url(../image/956_icon2.png);
}
.about_box6 .line.icon3{
    background-image: url(../image/956_icon3.png);
}
.about_box6 .line.icon4{
    background-image: url(../image/956_icon4.png);
}
.about_box6 .line.icon5{
    background-image: url(../image/956_icon5.png);
}
.about_box6 .line.icon6{
    background-image: url(../image/956_icon6.png);
}
.factory_tour{
    padding: 30px 0;
    background: #f5f5f5;
}
.factory_tour .img{
    text-align: center;
}
.factory_tour p{
    font-size: 18px;
    color: #333;
    line-height: 1.7em;
    text-align: center;
}
.factory_tour .item{
    margin-bottom: 10px;
}

.cer_box1{
    padding: 30px 0;
    background: #f5f5f5;
}
.cer_box1 ul{
    overflow: hidden;
}
.cer_box1 ul li{
    width: 25%;
    float: left;
    padding-left: 20px;
    margin-bottom: 20px;
}
.cer_box1 ul li:nth-of-type(4n+1){
    clear: both;
}
.case_box1{
    padding-top: 140px;
    padding-bottom: 160px;
    background: url(../image/1145_img1.jpg)no-repeat center top;
}
.case_box1 h1{
    color: #FFFFFF;
    line-height: 1.5;
    font-size: 45.672px;
    text-align: center;
}
.case_box2{
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #f6f6f6;
}
.case_box2 ul li{
    display: inline-block;
    margin-right: 20px;
}
.case_box2 ul li:nth-last-child(1){
    margin-right: 0;
}
.case_box2 ul li a{
    display: inline-block;
    background-color: #ddd;
    line-height: 60px;
    color: #4a4687;
    border-top-left-radius: 40px !important;
    border-bottom-right-radius: 40px !important;
    font-size: 18px;
    font-weight: bold;
    width: 265px;
    text-align: center;
}
.case_box2 ul li a:hover{
    background: #4a4687;
    color: #fff;
}
.case_box2 ul li a .icon{
    display: inline-block;
    width: 9px;
    height: 14px;
    background: url(../image/1145_img2.png)no-repeat center;
    margin-left: 20px;
}
.case_box2 ul li a:hover .icon{
    background: url(../image/1145_img3.png)no-repeat center;
}
.case_box3{
    padding-bottom: 50px;
}
.case_box3 h3{
    font-size: 32px;
    color: #3a3a3c;
    letter-spacing: 0;
    line-height: 1.2em;
    border-left: 8px solid #4a4687;
    padding-left: 15px;
    margin-top: 80px;
    margin-bottom: 30px;
}
.visit_items{
    display: flex;
    flex-wrap: wrap;
}
.visit_items .item{
    width: 24%;
    height: 202px;
    margin-right: 1.33%;
    overflow: hidden;
}
.visit_items .item .img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.visit_items .item img{
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.visit_items .item:nth-of-type(4n+4){
    margin-right: 0;
    margin-bottom: 20px;
}

.beverage_items{
    display: flex;
    flex-wrap: wrap;
}
.beverage_items .item{
    width: 31.66%;
    margin-right: 2.5%;
    margin-bottom: 20px;
    border-bottom: 2px solid #c4c4c4;
    padding-bottom: 5px;
}
.beverage_items .item:nth-of-type(3n+3){
    margin-right: 0;
}
.beverage_items .item .txt{
    line-height: 1.6em;
    font-size: 20px;
    color: #555;
    text-align: center;
    padding: 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.case_tit{
    background-color: #f6f6f6;
    padding-left: 20px;
    margin-bottom: 30px;
    font-size: 24px;
    color: #555;
    line-height: 1.7;
}
.packaging_items{
    display: flex;
    flex-wrap: wrap;
}
.packaging_items .item{
    width: 24%;
    height: 202px;
    margin-right: 1.33%;
    overflow: hidden;
}
.packaging_items .item .img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.packaging_items .item img{
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.packaging_items .item:nth-of-type(4n+4){
    margin-right: 0;
    margin-bottom: 20px;
}

.cust_videos{
    display: flex;
    flex-wrap: wrap;
}
.cust_videos .item{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 30px;
}
.cust_videos .item:nth-of-type(3n+3){
    margin-right: 0;
}
.cust_videos .item .video{
    padding-top: 56.2%;
    width: 100%;
    position: relative;
}
.cust_videos .item .video iframe{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.cust_videos .item .txt{
    padding-top: 30px;
    padding-right: 10px;
    padding-bottom: 0;
    height: 120px;
    padding-left: 10px;
    background: url(../image/customer-t.png)no-repeat left top;
}
.cust_videos .item .txt p{
    font-size: 14px;
    color: #636363;
    line-height: 1.2em;
    text-align: center;
}
.cust_videos .item .name{
    font-size: 24px;
    color: #35347a;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.2em;
    margin-bottom: 10px;
    text-align: center;
}
.cust_videos .item p{
    font-size: 14px;
    color: #636363;
    line-height: 1.4em;
    text-align: center;
}
.cust_videos .item .info{
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    min-height: 230px;
}
.servece_items1{
    margin-bottom: 20px;
}
.servece_items1 .item .img{
    margin-bottom: 10px;
}
.servece_items1 .item .info{
    background-color: #f6f6f6;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 15px;
}
.servece_items1 .item .info .txt{
    padding-right: 80px;
    background: url(../image/1644_img5.png)no-repeat right center;
}
.servece_items1 .item .info p{
    font-size: 14px;
    color: #717177;
    line-height: 1.4;
}

.servece_items2{
    display: flex;
    flex-wrap: wrap;
}
.servece_items2 .item{
    width: 24%;
    height: 202px;
    margin-right: 1.33%;
    overflow: hidden;
}
.servece_items2 .item .img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.servece_items2 .item img{
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.servece_items2 .item:nth-of-type(4n+4){
    margin-right: 0;
    margin-bottom: 20px;
}
.servece_items1 .item .img{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.servece_items1 .item .img:hover{
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-transform-origin:center bottom;
    -ms-transform-origin:center bottom;
    transform-origin:center bottom
}
.servece_items2 .item:hover,
.packaging_items .item:hover{
    animation: big 1s;
}

@keyframes bounce{
    0%,20%,53%,80%,100%{
        -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
        -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
    }
    40%,43%{
    -webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
    transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
    -webkit-transform:translate3d(0,-30px,0);
    transform:translate3d(0,-30px,0)
    }
    70%{
    -webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
    transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
    -webkit-transform:translate3d(0,-15px,0);
    transform:translate3d(0,-15px,0)
    }
    90%{
    -webkit-transform:translate3d(0,-4px,0);
    transform:translate3d(0,-4px,0)
    }
}
@keyframes big{
    50%{
        transform: scale(1.05);
    }
    100%{
        transform: scale(1);
    }
}
.beverage_items .item .info,
.visit_items .item{
    transition: all .3s;
}
.beverage_items .item:hover .info,
.visit_items .item:hover{
    transform: translateY(-15px);
}
.video_content{
    padding: 30px 0;
}
.video_content p{
    margin-top: 5px;
    padding: 0 5px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    line-height: 1.7;
    text-align: center;
    margin-bottom: 20px;
}
.video_content .video_click{
    height: 190px;
    overflow: hidden;
}
.video_content .video_click img{
    transition:  all .3s;
}
.video_content .video_click:hover img{
    transform: scale(1.1);
}
.contact_box1{
    padding-top: 75px;
    padding-bottom: 45px;
    background: url(../image/contact_bg.png)no-repeat center;
}
.contact_box1 h1{
    font-size: 48px;
    color: #fff;
    line-height: 1.7;
    padding-left: 30px;
}

.contact_box2 .container{
    padding: 40px 0;
    background: #f5f5f557;
}
.contact_box2 h3{
    font-size: 17px;
    line-height: 1.7em;
    color: #000;
}
.contact_box2 p{
    line-height: 2.3em;
    color: #000;
}
.contact_box2 .form .input{
    position: relative;
    margin-bottom: 10px;
}
.contact_box2 .form .input input[type=text],
.contact_box2 .form .input textarea{
    width: 100%;
    height: 40px;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    text-indent: 6px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset;
}
.contact_box2 .form .input textarea{
    resize: none;
    padding-top: 8px;
    height: 90px;
}
.contact_box2 .form .input .btn{
    border: 1px solid #204d74;
    border-radius: 4px;
    background: #204d74;
    color: #fff;
    font-size: 14px;
    width: 102px;
    height: 30px;
    cursor: pointer;
    transition: all .3s ease-out;
}
.contact_box2 .form .input .btn:hover{
    background: #286090;
}
.contact_box3 .container{
    padding: 50px 0;
    border-top: 2px solid rgb(153, 153, 153);
}
.contact_box3  .col_box{
    padding: 10px 0;
}
.contact_box3 h3{
    font-size: 18px;
    color: #353535;
    font-weight: bold;
    line-height: 1.8;
}
.contact_box3 p{
    font-size: 14px;
    color: #353535;
}
.contact_box3 a{
    text-decoration: underline;
}
.contact_box4 .map{
    position: relative;
    height: 400px;
}
.contact_box4 .map iframe{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.contact_box4{
    padding-top: 30px;
}

.solution_slick .slick-prev{
    width: 40px;
    height: 50px;
    background: url(../image/skin.png)no-repeat 0 0;
}
.solution_slick .slick-next{
    width: 40px;
    height: 50px;
    background: url(../image/skin.png)no-repeat -150px 0;
}
.solution_slick .slick-dots li,
.solution_slick  .slick-dots li.slick-active{
    background: #333;
    width: auto;
    height: auto;
    padding: 3px;
}
.solution_slick .slick-dots li button{
    border-radius: 50%;
    width: 4px;
    height: 4px;
    padding: 0;
}
.solution_slick .slick-dots li.slick-active button{
    background: #fff;
    border-radius: 50%;
    
}
.solution_slick .video_click::after{
    display: none;
}
.solution_slick .img img{
    width: 100%;
}
.solution_news_box2{
    padding: 60px 0;
}
.solution_box2{
    padding: 60px 0;
}
.solution_box2 h1{
    font-size: 32px;
    color: #3a3a3c;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.2em;
    text-align: center;
}
.solution_box2 h2{
    font-size: 18px;
    color: #838385;
    font-weight: bold;
    line-height: 1.2em;
    text-align: center;
    margin-top:25px;
    margin-bottom:55px;
}

.solution_box2 .item{
    position: relative;
    margin-bottom: 20px;
}
.solution_box2 .item .img img{
    width: 100%;
}
.solution_box2 .item .tip{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 64px;
    display: table;
    background-color: rgba(52, 50, 108, 0.8);
}
.solution_box2 .item .tip span{
    display: table-cell;
    padding: 0 6px;
    font-size: 14px;
    vertical-align: middle;
    color: #ffffff;
    line-height: 1.2;
    padding-left: 17px;
    
}
.solution_info1{
    position: relative;
}
.solution_info1 .info{
    position: absolute;
}
.solution_info1 h1{
    color: #4c4c4c;
    font-family: quicksand;
    margin-bottom: 20px;
}
.solution_info1 h2{
    font-family: '微软雅黑';
    color: #4c4c4c;
}

.solution_info2 .container{
    padding: 10px 0;
    border-bottom: 1px solid #393877;
}
.solution_info2 h3{
    font-size: 24px;
    color: #3a3a3c;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.2em;
    padding-top: 10px;
    padding-bottom: 5px;
}
.solution_info2 h4{
    font-size: 14px;
    color: #838385;
    line-height: 1;
}
.solution_info2 .link{
    position: relative;
    height: 80px;
    display: table;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.solution_info2 .link::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(51, 49, 106, 0.79);
    transition: all .3s;
}
.solution_info2 .link:hover::before{
    background-color: transparent;
}
.solution_info2 .link a{
    position: relative;
    display: table-cell;
    vertical-align: middle;
    color: #FFFFFF;
    line-height: 1.2em;
    text-align: center;
    padding: 6px;
    font-size: 14px;
    font-family: 微软雅黑;
    z-index: 10;
}
.solution_info2 .other{
    border: 2px solid #393877;
    height: 80px;
    display: table;
    width: 100%;
}
.solution_info2 .other a{
    display: table-cell;
    vertical-align: middle;
    color: #545454;
    line-height: 1.2em;
    text-align: center;
    padding: 6px;
    font-size: 14px;
    font-family: 微软雅黑;
}
.solution_info2 .other a:hover{
    background: rgba(0, 0, 0, .1);
}
.solution_info3{
    padding-top: 50px;
    padding-bottom: 27px;
    background: url(../image/1330_bg.png)no-repeat center bottom;
}
.solution_info3 .tip{
    text-align: center;
    padding-bottom: 20px;
    background: url(../image/1312_bg2.png)no-repeat center bottom;
    margin-bottom: 20px;
}
.solution_info3 .tip h3{
    font-size: 32px;
    line-height: 1.2em;
    text-align: center;
    font-family: 微软雅黑;
}
.solution_info3 .tip h4{
    color: rgb(131, 131, 133);
    font-family: "Open Sans";
    font-size: 18px;
    line-height: 1.2;
}
.solution_info3 .video_click::after{
    display: none;
}
.solution_info3 .img{
    margin-top: 40px;
    border: 9px solid #fff;
}
.solution_info4{
    border-bottom: 1px solid #c3c2c7;
}
.solution_info4 h3{
    font-size: 52px;
    color: #3a3a3c;
    font-weight: bold;
    line-height: 1.2;
    margin-top: 75px;
}
.solution_info4 h4{
    font-size: 27px;
    color: #838385;
    line-height: 1.4;
}
.solution_info4 .info{
    padding-left: 30px; 
}
.solution_info4 p{
    font-size: 14px;
    padding-left: 40px;
    color: #595963;
    line-height: 1.3;
}
.solution_info4 .txt{
    
    border-left: 1px solid #c3c2c7;
}
.solution_info4 .txt1 p{
    background: url(../image/gz1.png)no-repeat 5px top;
}
.solution_info4 .txt2 p{
    background: url(../image/gz2.png)no-repeat 5px top;
}
.solution_info4 .txt3 p{
    background: url(../image/gz3.png)no-repeat 5px top;
}
.solution_info4 .txt4 p{
    background: url(../image/gz4.png)no-repeat 5px top;
}
.solution_info4 .txt5 p{
    background: url(../image/gz5.png)no-repeat 5px top;
}
.solution_info4 .txt6 p{
    background: url(../image/gz6.png)no-repeat 5px top;
}
.solution_info4 .txt7 p{
    background: url(../image/gz7.png)no-repeat 5px top;
}
.solution_info5{
    border-bottom: 1px solid #c3c2c7;
}
.solu_tab1{
    
}
.solu_tab1 .tab_btn{
    text-align: center;
    padding-top: 70px;
    margin-bottom: 30px;
    border-bottom: 1px solid #393877;
}
.solu_tab1 .tab_btn .btn{
    display: inline-block;
    line-height: 50px;
    width: 300px;
    background-color: #ecf0f4;
    color: #393877;
    border-top-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    font-size: 24px;
    margin-right: 20px;
    cursor: pointer;
}
.solu_tab1 .tab_btn .btn.on{
    background-color: #393877;
    color: #fff;
}
.solu_tab1 .tab_info .img{
    height: 0;
    overflow: hidden;
    text-align: center;
}
.solu_tab1 .tab_info .img.on{
    height: auto;
}
.forform h3{
    font-size: 24px;
    color: #838385;
    line-height: 1;
    padding-top: 30px;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 50px;
    background: url(../image/1356_icon.png)no-repeat left center;
}
.forform{
    padding: 10px 0;
}
.forform a.more{
    display: inline-block;
    line-height: 42px;
    width: 180px;
    text-align: center;
    color: #393877;
    border: 2px solid #393877;
    border-top-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    margin-top: 20px;
    float: right;
}
.forform a.more:hover{
    background: #393877;
    color: #fff;
}
.solution_info6{
    padding-top: 50px;
}
.solution_info6 .tip{
    text-align: center;
    padding-bottom: 20px;
    background: url(../image/1312_bg2.png)no-repeat center bottom;
    margin-bottom: 20px;
}
.solution_info6 .tip h3{
    font-size: 32px;
    line-height: 1.2em;
    text-align: center;
    font-family: 微软雅黑;
}
.solution_info6 .tip h4{
    color: rgb(131, 131, 133);
    font-family: "Open Sans";
    font-size: 18px;
    line-height: 1.2;
}
.solution_info6 table{
    text-align: center;
    font-family: 微软雅黑;
}
.solution_info6 table tr:nth-of-type(1) th{
    height: 52px;
    background-color: rgb(101, 101, 183);
    text-align: center;
    border-color: rgb(238, 238, 238);
}
.solution_info6 table tr:nth-of-type(1) th,
.solution_info6 table tr:nth-of-type(1) th p{
    font-size: 16px;
    color: #fff;
}
.solution_info6 table tr td,
.solution_info6 table tr td p{
    color: #595963;
}
.solution_info7{
    background-color: #ecf0f4;
    padding-top: 55px;
    padding-bottom: 55px;
}
.solution_info7 .content{
    background-color: #f7f7f7;
    border: 20px solid #fff;
    padding: 0 40px;
}
.solution_info7 h3{
    font-size: 35px;
    color: #4c4c4c;
    letter-spacing: 0;
    line-height: 1.8em;
    text-align: center;
    margin-bottom: 15px;
}
.solution_info7 .txt{
    background-color: #393877;
    padding-top: 20px;
    padding-right: 80px;
    padding-bottom: 20px;
    padding-left: 80px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.solution_info7 .txt p{
    font-size: 17px;
    color: #fff;
}
.solution_info7 .img{
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}
.solution_info8{
    background-color: #ecf0f4;
    padding-bottom: 55px;
}
.solu_tab2 .tab_btn{
    padding-top: 13px;
    padding-bottom: 27px;
    background: url(../image/1441_bg.png)no-repeat center top;
}
.solu_tab2 ul li{
    display: inline-block;
    margin-right: 29px;
    line-height: 46px;
    width: 188px;
    background-color: #35347b;
    border-top-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    transition:  all .3s;
    cursor: pointer;
}
.solu_tab2 ul li p{
    font-size: 16px;
    text-align: center;
    color: #fff;
    line-height: 46px;
}
.solu_tab2 ul li:nth-last-child(1){
    margin-right: 0;
}
.solu_tab2 ul li:hover,
.solu_tab2 ul li.on{
    background: #6665b8;
}
.solu_tab2 .tab_info{
    padding-top: 42px;
}
.solu_tab2 .tab_info .tip{
    padding-top: 50px;
    padding-bottom: 15px;
    padding-left: 25px;
    margin-top: 15px;
    border-bottom: 4px solid #35347b;
}
.solu_tab2 .tab_info .line:nth-of-type(1) .tip{
    background: url(../image/num1.png)no-repeat left top;
}
.solu_tab2 .tab_info .line:nth-of-type(2) .tip{
    background: url(../image/num2.png)no-repeat left top;
}
.solu_tab2 .tab_info .line:nth-of-type(3) .tip{
    background: url(../image/num3.png)no-repeat left top;
}
.solu_tab2 .tab_info .line:nth-of-type(4) .tip{
    background: url(../image/num4.png)no-repeat left top;
}
.solu_tab2 .tab_info .line:nth-of-type(5) .tip{
    background: url(../image/num5.png)no-repeat left top;
}
.solu_tab2 .tab_info h3{
    font-size: 32px;
    color: #3a3a3c;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.4em;
}
.solu_tab2 .tab_info h4{
    font-size: 18px;
    color: #9ca4ac;
    letter-spacing: 3px;
    line-height: 1.2em;
}
.solu_tab2 .tab_info .txt{
    padding-top: 30px;
    padding-left: 25px;
}
.solu_tab2 .tab_info .txt p{
    font-size: 16px;
    color: #5b5b5e;
    line-height: 1.4;
}
.solu_tab2 .tab_info .line:nth-of-type(even) .row .col_lg_12:nth-of-type(1){
    float: right;
}
.solu_tab2 .tab_info .line{
    display: none;
}
.solu_tab2 .tab_info .line.on{
    display: block;
}
.solution_info9 {
    padding-top: 80px;
}
.solution_info9 .tip{
    text-align: center;
    padding-bottom: 20px;
    background: url(../image/1312_bg2.png)no-repeat center bottom;
    margin-bottom: 20px;
}
.solution_info9 .tip h3{
    font-size: 32px;
    line-height: 1.2em;
    text-align: center;
    font-family: 微软雅黑;
}
.solution_info9 .tip h4{
    color: rgb(131, 131, 133);
    font-family: "Open Sans";
    font-size: 18px;
    line-height: 1.2;
}
.solution_info9 h5{
    font-size: 24px;
    color: #545454;
    font-weight: bold;
    font-style: italic;
    line-height: 1.7;
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 10px;
}
.system_info{
    background-color: #ecf0f4;
    padding: 0 50px;
    padding-bottom: 30px;
}
.system_info .info1 ul li{

}
.system_info .info1 ul li p{
    font-size: 16px;
    color: #5b5b5e;
    padding-top: 8px;
    padding-bottom: 5px;
    padding-left: 50px;
    border-bottom: 1px solid #545454;
}
.system_info .info1 ul li:nth-of-type(1) p{
    background: url(../image/1533_num1.png)no-repeat left center;
}
.system_info .info1 ul li:nth-of-type(2) p{
    background: url(../image/1533_num2.png)no-repeat left center;
}
.system_info .info1 ul li:nth-of-type(3) p{
    background: url(../image/1533_num3.png)no-repeat left center;
}
.system_info .info1 ul li:nth-of-type(4) p{
    background: url(../image/1533_num4.png)no-repeat left center;
}
.system_info .info1 ul li:nth-of-type(5) p{
    background: url(../image/1533_num5.png)no-repeat left center;
}
.system_info .info2,
.system_info .info1{
    padding-top: 10px;
}
.system_info .info2 ul li{
    padding-left: 50px;
}
.system_info .info2 ul li p{
    font-size: 16px;
    color: rgb(91, 91, 94);
    padding-left: 20px;
    background: url(../image/1533_icon.png)no-repeat left top;
}
.solution_info10{
    padding-top: 30px;
}
.solution_info10 h4{
    padding-top: 30px;
    padding-right: 0;
    padding-bottom: 20px;
    box-shadow: 0;
    font-size: 24px;
    color: #333;
    letter-spacing: 0;
    line-height: 1.8em;
}
.solution_info10 h4 img{
    margin-right: 10px;
}
.solution_info10 p{
    font-size: 16px;
    color: rgb(91, 91, 94);
}
.solution_info10 .line{
    padding: 10px;
    background-color: #ecf0f4;
    margin-bottom: 30px;
}
.solution_info10 .line .img{
    padding-top: 30px;
    padding-right: 50px;
    padding-bottom: 30px;
    padding-left: 30px;
}
.solution_info10 ul li p{
    font-size: 16px;
    color: rgb(91, 91, 94);
    padding-left: 20px;
    background: url(../image/1533_icon.png)no-repeat left top;
}
.solution_info10{
    border-bottom: 1px solid #c3c2c7;
}

.solution_info11 .tip{
    text-align: center;
    padding-bottom: 20px;
    background: url(../image/1312_bg2.png)no-repeat center bottom;
    margin-bottom: 20px;
}
.solution_info11 .tip h3{
    font-size: 32px;
    line-height: 1.2em;
    text-align: center;
    font-family: 微软雅黑;
}
.solution_info11 .tip h4{
    color: rgb(131, 131, 133);
    font-family: "Open Sans";
    font-size: 18px;
    line-height: 1.2;
}
.solution_info11{
    padding-top: 40px;
}
.solution_info12{
    padding-bottom: 60px;
}
.solution_info12 .content{
    margin: 20px auto 30px;
    border: 1px solid #dddddd;
    overflow: hidden;
    padding: 20px;
}
.solution_info12 h3{
    font-size: 28px;
    font-weight: bold;
    padding-right: 10px;
    line-height: 37px;
    color: #3a3a3c;
    width: 22%;
    text-align: right;
    float: left;
}
.solution_info12 .info{
    width: 54%;
    height: 37px;
    overflow: hidden;
    float: left;
}
.solution_info12 .btns{
    width: 24%;
    float: left;
}
.solution_info12 .btns .btn{
    width: 120px;
    height: 30px;
    float: left;
    color: #393877;
    display: inline-block;
    border: 1px solid #393877;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    line-height: 30px;
    margin: 0 5px;
    cursor: pointer;
    transition: all .3s;
}
.solution_info12 ul li a{
    font-size: 28px;
    line-height: 37px;
    color: #3a3a3c;
}
.solution_info12 ul li a:hover{
    color: #35347a;
}

.other_line1{
    padding-top: 40px;
}
.other_line1 h5{
    font-size: 28px;
    color: #333;
    letter-spacing: 0;
    line-height: 1.8em;
    margin-bottom: 20px;
}
.other_line1 h5 img{
    margin-right: 10px;
}
.other_line1 ul li p{
    font-size: 16px;
    color: rgb(91, 91, 94);
    padding-left: 20px;
    background: url(../image/1533_icon.png)no-repeat left top
}
.other_line1 .tip{
    text-align: center;
    padding-bottom: 20px;
    background: url(../image/1312_bg2.png)no-repeat center bottom;
    margin-bottom: 20px;
    margin-top: 55px;
}
.other_line1 .tip h3{
    font-size: 32px;
    line-height: 1.2em;
    text-align: center;
    font-family: 微软雅黑;
}
.other_line1 .tip h4{
    color: rgb(131, 131, 133);
    font-family: "Open Sans";
    font-size: 18px;
    line-height: 1.2;
}
.other_line1 table{
    font-family: 微软雅黑;
}
.other_line1 table th,
.other_line1 table td{
    padding: 0;
}
.other_line1 table th{
    color: #595963;
    padding: 12px 15px;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    border: 2px solid #ffffff;
}
.other_line1 table td{
    font-size: 18px;
    color: #595963;
    border: 2px solid #ffffff;
}
.other_line1 .slider_table table{
    border: 0;
    margin: 0;
}
.other_line1 .slider_table{
    padding: 0;
}
.other_line1 table td table th{
    padding: 12px 15px;
}
.other_line1 table td table td{
    color: #7e7e88;
    padding: 30px 15px;
}

.line_tip{
    text-align: center;
    padding-bottom: 20px;
    background: url(../image/1312_bg2.png)no-repeat center bottom;
    margin-bottom: 20px;
    margin-top: 55px;
}
.line_tip .h3{
    font-size: 32px;
    line-height: 1.2em;
    text-align: center;
    font-family: 微软雅黑;
}
.line_tip .h4{
    color: rgb(131, 131, 133);
    font-family: "Open Sans";
    font-size: 18px;
    line-height: 1.2;
}
.solution_info10 .video_click::after{
    display: none;
}
.other_line2 .items .item{
    margin-bottom: 20px;
}
.other_line2 .items .item .img{
    position: relative;
}
.other_line2 .items .item .img .tip{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transform: translateY(100%);
    background: rgba(0,0,0,0.6);
    transition: all .3s;
}
.other_line2 .items .item:hover .img .tip{
    transform: translateY(0);
}
.other_line2 .items .item .img .tip a.more{
    color: #ffffff;
    width: 120px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    background: #393877;
    border-top-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}
.other_line2 .items .item .txt{
    
    padding-right: 20px;
    
    padding-left: 20px;
    margin-top: 2px;
    font-size: 14px;
    color: #fff;
    line-height: 1.4;
    background-color: #53535f;  
    border-bottom-right-radius: 15px !important;
    transition: all .3s;
}
.other_line2 .items .item:hover .txt{
    background: #393877;
}
.other_line2 .items .item .txt a{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 22px;
    display: block;
    text-transform: capitalize;
    background: url(../image/1636_img12.png)no-repeat right center;
}
.other_line2 .items .item .img img{
    width: 100%;
}

.other_line3{
    background-color: #ecf0f4;
    padding-bottom: 40px;
    padding-top: 40px;
}
.other_line3 .txt1{
    padding-top: 30px;
    padding-right: 0;
    padding-bottom: 20px;
    box-shadow: 0;
    font-size: 24px;
    color: #333;
    letter-spacing: 0;
    line-height: 1.8em;
}
.other_line3 .txt1 img{
    margin-right: 10px;
}
.other_line3 p{
    font-size: 16px;
    color: rgb(91, 91, 94);
}
.other_line3 .line{
    padding: 10px;
    background-color: #ecf0f4;
    margin-bottom: 30px;
}
.other_line3 .line .img{
    padding-top: 30px;
    padding-right: 50px;
    padding-bottom: 30px;
    padding-left: 30px;
}
.other_line3 ul li p{
    font-size: 16px;
    color: rgb(91, 91, 94);
    padding-left: 20px;
    background: url(../image/1533_icon.png)no-repeat left top;
}
.other_line3 .txt2 p{
    font-size: 14px;
}
.other_line3 .info2{
    border-left: 1px solid #d4d8db;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 30px;
}
.other_line4{
    padding: 70px 0;
    background: url(../image/825911_img8.jpg)no-repeat center top;
}
.other_line4 h3{
    font-size: 28px;
    color: #fff;
    letter-spacing: 0;
    line-height: 1.8em;
    margin-bottom: 20px;
}
.other_line4 h3 img{
    margin-right: 10px;
}
.other_line4 p{
    font-size: 15px;
    color: #b5b4d8;
}
.other_line4 .watch{
    height: 300px;
    background: url(../image/825911_img7.png)no-repeat center;
}
.other_line4 .video_click::after{
    display: none;
}
.other_line5 .video_click::after{
    display: none;
}
.other_line5 .video_click img{
    width: 100%;
    transition: all .3s;
}
.other_line5 .video_click:hover img{
    transform: scale(1.1);
}
.other_line5{
    padding-bottom: 40px;
}
.other_line5 .item{
    width: 50%;
    float: left;
}
.other_line5 .info{
    padding-top: 35px;
    padding-left: 30px;
    padding-right: 30px;
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
    height: 375px;
}
.other_line5 .info .txt1{
    padding-top: 100px;
    background: url(../image/8251027_img22.png)no-repeat left top;
    color: rgb(99, 99, 99);
    font-size: 14px;
    line-height: 1.4;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
.other_line5 .info .txt2{
    font-size: 16px;
    line-height: 1.4em;
    color: #323275;
    text-align: right;
}
.other_line5 .info .txt3{
    font-size: 34px;
    color: #5b5b5e;
    line-height: 1.4;
    text-align: right;
}
.other_line6{
    overflow: hidden;
}
.other_line6 .item{
    position: relative;
    width: 33.33%;
    float: left;
}
.other_line6 .item .img img{
    width: 100%;
}
.other_line6 .item .tip{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 6px;
    line-height: 2em;
    text-align: center;
    font-size: 32px;
    color: #fff;
    background-color: rgba(57, 56, 119, 0.75);
}

.callbtn{
    display: inline-block;
    line-height: 42px;
    width: 180px;
    border-top-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    background-color: #6665b8;
    color: #fff;
    border-radius: 0;
    border-color: #6665b8;
    border-style: solid;
    border-width: 2px;
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
}
.other_line7 .items{
    overflow: hidden;
}
.other_line7 .items .item{
    width: 25%;
    float: left;
    position: relative;
}
.other_line7 .items .item .tip{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: table;
    height: 105px;
}
.other_line7 .items .item .tip span{
    display: table-cell;
    vertical-align: middle;
    padding: 0 6px;
    text-align: center;
    line-height: 1.2em;
    font-size: 32px;
    color: #fff;
    background-color: rgba(57, 56, 119, 0.77);
}
.other_line8{
    overflow: hidden;
    background-color: #ecf0f4;
    margin-bottom: 50px;
}
.other_line8 .item{
    width: 50%;
    float: left;
}
.other_line8 .item .info{
    padding-top: 30px;
    padding-left: 30px;
}
.other_line8 .item .tip{
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 65px;
    background-repeat: no-repeat;
    background-position: left center;
}
.other_line8 .item h3{
    font-family: Droid Sans;
    font-size: 32px;
    color: #333;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.3em;
}
.other_line8 .item h4{
    font-size: 18px;
    color: #444;
    line-height: 1.3;
}
.other_line8 .item ul li{
    margin-bottom: 5px;
}
.other_line8 .item ul li p{
    font-size: 16px;
    color: rgb(91, 91, 94);
    padding-left: 20px;
    background: url(../image/1533_icon.png)no-repeat left top;
}
.other_line9{
    background-color: #ecf0f4;
    padding-top: 40px;
    padding-bottom: 20px;
}
.other_line9 .tip{
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 65px;
    background-repeat: no-repeat;
    background-position: left center;
}
.other_line9 h3{
    font-family: Droid Sans;
    font-size: 32px;
    color: #333;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.3em;
}
.other_line9 h4{
    font-size: 18px;
    color: #444;
    line-height: 1.3;
}
.other_line9 ul li{
    margin-bottom: 5px;
}
.other_line9 ul li p{
    font-size: 16px;
    color: rgb(91, 91, 94);
    padding-left: 20px;
    background: url(../image/1533_icon.png)no-repeat left top;
}
.other_line9 .row{
    margin-bottom: 20px;
}
.otherLine_slick{
    padding: 0 25px;
    margin-bottom: 50px;
}
.otherLine_slick .item{
    padding: 0 10px;
}
.otherLine_slick .item .img img{
    margin: auto;
}
.otherLine_slick .item{
    text-align: center;
}
.otherLine_slick .item p{
    margin-top: 5px;
}
.otherLine_slick .slick-prev{
    width: 21px;
    height: 42px;
    background: url(../image/buttonstyle.png)no-repeat left top;
}
.otherLine_slick .slick-next{
    width: 21px;
    height: 42px;
    background: url(../image/buttonstyle.png)no-repeat right top;   
}
.other_line10 .table_responsive{
    box-shadow: 0px 0px 10px 2px #ccc;
    margin-bottom: 40px;
}
.other_line10 .table_responsive td{
    height: 60px;
}
.cuscontent .video_click::after{
    display: none;
}
.cuscontent .video_click{
    margin: 0 35px;
}
.cuscontent .video_click img{
    transform: all .3s;
}
.cuscontent .video_click:hover img{
    transform: scale(1.1);
}
.cuscontent ul li{
    margin-bottom: 20px;
}
.cuscontent ul li .img{
    height: 70px;
}
.cuscontent .info{
    padding-left: 20px;
}
.cuscontent h3{
    font-family: Droid Sans;
    font-size: 32px;
    color: #333;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.8em;
    margin-bottom: 20px;
    padding-top: 20px;
}
.cuscontent h3 img{
    margin-right: 10px;
}
.content2 h3{
    font-family: Droid Sans;
    font-size: 32px;
    color: #333;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.8em;
    margin-bottom: 20px;
    padding-top: 20px;
}
.content2 h3 img{
    margin-right: 10px;
}
.content2 .items img{
    width: 100%;
}
.content2 .items{
    margin-top: 30px;
}

.wine_filling_Line tr{
    border-bottom: 2px solid #ffffff;
}
.wine_filling_Line tr th{
    text-align: center;
    font-size: 18px;
    color: #595963;
    font-weight: normal;
    height: 50px;
}
.wine_filling_Line tr th,
.wine_filling_Line tr td{
    background: #f7f7f7;
}
.wine_filling_Line tr th:nth-child(2n),
.wine_filling_Line tr td:nth-child(2n){
    background: #e5e5e8;
    border-left: 2px solid #ffffff;
    border-right:  2px solid #ffffff;
}
.wine_filling_Line tr td:nth-child(1),
.wine_filling_Line tr td:nth-child(2){
    text-align: center;
    padding: 7px 0;
}
.wine_filling_Line tr td:nth-child(3){
    padding: 3px 35px;
}
.wine_filling_Line tr td{
    color: #595963;
    font-size: 15px;
}
.wine_filling_Line tr td span{
    display: block;
    text-align: left;
}
.other_line11 .items .item{
    margin-bottom: 20px;
}
.other_line11 .items .item .img img{
    width: 100%;
}
.other_line11 .items .item .img{
    border: 1px solid #eeeeee;
}
.other_line11 .items .item .info p:nth-of-type(1){
    padding-top: 10px;
    padding-bottom: 5px;
}
.other_line11 .items .item .info p{
    font-size: 18px;
    color: #545459;
    letter-spacing: 0;
    line-height: 1.2em;
}
.other_line11 .items .item .info p:nth-of-type(2){
    font-size: 14px;
    color: #717177;
}


.line_hover{
    position: relative;
    border: 1px solid #f1f1f1;
}
.oil_poa{
    position: absolute;
}
.oil_poa.oil_poa1{
    top: 117px;
    left: 15px;
}
.oil_poa.oil_poa2{
    top: 138px;
    left: 260px;
}
.oil_poa.oil_poa3{
    top: 123px;
    left: 428px;
}
.oil_poa.oil_poa4{
    top: 138px;
    left: 576px;
}
.oil_poa.oil_poa5{
    top: 148px;
    right: 336px;
}
.oil_poa.oil_poa6{
    top: 57px;
    right: 328px;
}
.oil_poa.oil_poa7{
    top: 96px;
    right: 64px;
}
.oil_poa .ico{
    width: 95px;
    height: 84px;
    cursor: pointer;
}
.oil_poa .oil_img{
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
}
.oil_poa .oil_img img{
    width: auto;
    max-width: inherit;
}
.oil_poa.oil_poa1 .oil_img{
    left: -10px;
    top: -220px;
}
.oil_poa.oil_poa2 .oil_img{
    top: 44px;
    left: -50px;
}
.oil_poa.oil_poa3 .oil_img{
    left: -50px;
    bottom: 50px;
}
.oil_poa.oil_poa4 .oil_img{
    bottom: 42px;
    left: -45px;
}
.oil_poa.oil_poa5 .oil_img{
    top: 40px;
    left: -42px;
}
.oil_poa.oil_poa6 .oil_img{
    bottom: 30px;
    left: -32px;
}
.oil_poa.oil_poa7 .oil_img{
    left: -44px;
    top: 40px;
}

.oil_poa.oil_poa1:hover .oil_img{
    top: -200px;
}
.oil_poa.oil_poa2:hover .oil_img{
    top: 24px;
}
.oil_poa.oil_poa3:hover .oil_img{
    bottom: 30px;
}
.oil_poa.oil_poa4:hover .oil_img{
    bottom: 22px;
}
.oil_poa.oil_poa5:hover .oil_img{
    top: 20px;
}
.oil_poa.oil_poa6:hover .oil_img{
    bottom: 10px;
}
.oil_poa.oil_poa7:hover .oil_img{
    top: 20px;
}
.oil_poa:hover .oil_img{
    visibility: visible;
    opacity: 1;
}

.midh{
    font-size: 32px;
    color: #3a3a3c;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.8em;
    margin-top: 50px;
}

.other_line12{
    padding-top: 50px;
}
.other_line12 .info1{
    margin-bottom: 50px;
}
.other_line12 h3 img{
    margin-right: 10px;
}
.other_line12 h3{
    font-size: 32px;
    color: #3a3a3c;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.8em;
    margin: 10px 0;
}
.other_line12 .video_click::after{
    display: none;
}

.other_line13{
    background-color: #ecf0f4;
    padding-top: 64px;
    padding-bottom: 90px;
}
.other_line13 .info{
    padding-left: 50px;
}
.other_line13 .info .img{
    margin-bottom: 25px;
}
.other_line13 .info ul li{
    padding-left: 20px;
    background: url(../image/8261439_img6.png)no-repeat left top;
}
.other_line13 .info ul li p{
    font-size: 16px;
    color: #5b5b5e;
}
.other_line14 .row{
    padding-top: 45px;
    padding-bottom: 40px;
    background-color: #ecf0f4;
    
    margin: 0 auto;
    margin-bottom: 30px;
}
.other_line14 .img{
    margin-bottom: 25px;
}
.other_line14 .info{
    padding-left: 50px;
}
.other_line14{
    padding-top: 30px;
}
.other_line14 p{
    font-size: 16px;
    color: #5b5b5e;
}

.other_line15{
    padding-top: 60px;
}
.other_line15 h3 img{
    margin-right: 10px;
}
.other_line15 h3{
    padding-bottom: 20px;
    padding-top: 10px;
    margin-bottom: 10px;
    font-size: 32px;
    color: #3a3a3c;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.8em;
}
.other_line15 .item .tip{
    margin-bottom: 10px;
    margin-top: 20px;
    padding-left: 15px;
    border-left: 3px solid #323275;
    font-size: 16px;
    color: #717177;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 2.5em;
}
.other_line15 .item p{
    font-size: 14px;
    color: #717177;
}
.other_line15 .item{
    margin-bottom: 20px;
}
.other_line16 {
    padding-bottom: 40px;
}
.other_line16 .video{
    padding-top: 56.2%;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}
.other_line16 .video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.protxt{
    margin-bottom: 10px;
}
.policy_box{
    padding: 40px 0;
    background: #fbfbfb;
}
.policy_box h1{
    font-size: 30px;
    color: #000;
    letter-spacing: 0;
    line-height: 1.8em;
    text-align: center;
    margin-bottom: 10px;
}
.policy_box u{
    font-size: inherit;
    color: inherit;
}
.policy_box em{
    font-size: inherit;
    color: inherit;
    font-style: italic;
}
.policy_box p{
    font-size: 16px;
    color: #000;
}
.teamshow_box1 h1{
    font-size: 30px;
    color: #000;
    font-weight: bold;
    line-height: 1.8em;
    text-align: center;
}
.teamshow_box1 p{
    font-size: 16px;
    color: #000;
}
.teamshow_box1 .content{
    text-align: center;
    border: 8px solid #000;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 15px;
}
.teamshow_box1 .content p{
    line-height: 1.4;
}
.teamshow_box1 h3{
    font-size: 24px;
    color: #000;
    font-weight: bold;
    line-height: 1.7em;
    margin-top: 60px;
}
.teamshow_box1 .img{
    margin-bottom: 20px;
}
.teamshow_box1 h4{
    font-size: 14px;
    color: #000;
    font-weight: bold;
    line-height: 1.7em;
    padding-bottom: 7px;
    background: url(../image/829916_bg1.jpg)no-repeat left bottom;
    margin-bottom: 15px;
}
.teamshow_box1 ul li{
    padding-left: 20px;
    background: url(../image/829916_bg2.png)no-repeat left 6px;
}
.teamshow_box1 ul li p{
    font-size: 14px;
    color: #000;
}
.teamshow_box1 .link{
    font-size: 18px;
    color: #000;
    line-height: 1.4;
    margin-top: 20px;
    margin-bottom: 20px;
}
.teamshow_box1 .link .click{
    display: inline-block;
    background: #2858ad;
    border-radius: 18px;
    padding: 2px 10px;
    color: #fff;
}
.teamshow_box1 .link .click:hover{
    color: #209eea;
}
.teamshow_box1{
    padding-bottom: 50px;
}
.foreign_box1 .item{
    position: relative;
    padding-left: 156px;
    height: 163px;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #c2d4ec;
    margin-bottom: 20px;
}
.foreign_box1 .item .name{
    padding-top: 30px;
    padding-bottom: 15px;
    font-size: 16px;
    color: #000;
    line-height: 1.8;
}
.foreign_box1 .item p{
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
.foreign_box1 .item .tel::before{
    content: "\f098";
    font-family: FontAwesome;
    color: #35347b;
    font-size: 20px;
    vertical-align: middle;
    margin-right: 7px;
}
.foreign_box1 .item .mail::before{
    content: "\f199";
    font-family: FontAwesome;
    color: #35347b;
    font-size: 20px;
    vertical-align: middle;
    margin-right: 7px;
}
.foreign_box1 .item p a:hover{
    color: #209eea;
}
.foreign_box1 .item .txt{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(61,60,131,0.93);
    padding-top: 20px;
    padding-right: 5px;
    padding-left: 10px;
    z-index: 9;
    display: none;
}
.foreign_box1 .item .txt p{
    font-size: 13px;
    color: #fff;
    font-weight: 300;
    line-height: 1.2;
    font-family: Arial;
}
.foreign_box1 .item .tip{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20px;
    background-image: url(../image/xiala.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(61,60,131,0.93);
    z-index: 10;
    cursor: pointer;
}
.foreign_box1 .item .tip.on{
    transform: rotate(180deg);
}
.foreign_box1{
    padding: 40px 0 ;
}
.sale_box1{
    padding: 40px 0;
}
.sale_box1 h1{
    font-size: 24px;
    color: #000;
    font-weight: bold;
    text-align: center;
    line-height: 1.7em;
    margin-bottom: 25px;
}
.sale_box1 .img{
    margin-bottom: 20px;
}
.sale_box1 .img img{
    width: 100%;    
}
.sale_box1 h3{
    padding-bottom: 25px;
    font-size: 24px;
    color: #000;
    font-weight: bold;
    line-height: 1.7;
    margin-top: 45px;
}
.sale_box1 .coninfo{
    border: 1px solid #0079c3;
    margin-bottom: 20px;
}
.sale_box1 .coninfo .tip{
    font-size: 24px;
    color: #fff;
    line-height: 1.8em;
    text-align: center;
    background-color: #0079c3;
    
}
.personnel_slick{
    
}
.personnel_slick .img{
    padding: 0 5px;
    margin-bottom: 0;
}
.personnel_slick .slick-prev{
    height: 42px;
    width: 42px;
    background: url(../image/buttonstyle1.png)no-repeat left top;
}
.personnel_slick .slick-next{
    height: 42px;
    width: 42px;
    background: url(../image/buttonstyle1.png)no-repeat right top;
}

.debug_box1 .img{
    text-align: center;
    margin-bottom: 20px;
}
.debug_box1{
    padding: 40px 0;
}
.debug_box1 .img img{
    max-width: 375px;
}
.debug_box1 .tip{
    margin-bottom: 30px;
}
.debug_box1 .video{
    padding-top: 56.2%;
    width: 100%;
    position: relative;
}
.debug_box1 .video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.debug_box1 p{
    margin-top: 5px;
    padding: 0 5px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
.exh_bo1{
    padding: 50px 0;
}
.exh_bo1 .tab_btn{
    text-align: center;
    margin-bottom: 50px;
}
.exh_bo1 .tab_btn .item{
    display: inline-block;
    cursor: pointer;
    margin: 0 20px;
    font-size: 20px;
}
.exh_bo1 .tab_btn .item.on{
    color: #337ab7;
}
.exh_lists .item{
    margin-bottom: 80px;
    overflow: hidden;
}
.exh_lists .item .time{
    width: 180px;
    float: left;
    margin-right: 20px;
}
.exh_lists .item .time .txt1{
    color: #666;
    font-size: 40px;
    line-height: 40px;
    font-weight: lighter;
}
.exh_lists .item .time .txt2{
    font-size: 24px;
    line-height: 30px;
    color: #000;
    margin-top: 15px;
}
.exh_lists .item .info{
    float: left;
    width: 800px;
    margin-right: 20px;
} 
.exh_lists .item .info p{
    color: #000;
    font-size: 16px;
}
.exh_lists .item .info p a:hover{
    color: #337ab7;
}
.exh_bo2 .tab_info .line{
    display: none;
}
.exh_bo2 .tab_info .line.on{
    display: block;
}
.coming{
    padding-bottom: 100px;
    text-align: center;
    color: #888;
    font-size: 20px;
}
.exh_bo2 a.more{
    display: inline-block;
    background-color: #fff;
    color: #333;
    border-radius: 50px;
    border-color: #8eb8e8;
    border-style: solid;
    border-width: 5px;
    line-height: 57px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 22px;
}
.exh_bo2 a.more:hover{
    background-color: #8eb8e8;
    color: #fff;
}
.exh_bo2{
    padding-bottom: 50px;
}
.exh_bo3{
    padding-bottom: 60px;
}
.exh_bo3 h3{
    font-size: 30px;
    margin-bottom: 40px;
    line-height: 1.5;
}
.exh_bo3 .item{
    border: 1px solid #eee;
}
.exh_bo3 .item .info{
    padding: 11px 16px 13px;
}
.exh_bo3 .item .img{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 180px;
}
.exh_bo3 .item h4 a{
    color: #212529;
    font-size: 16px;
    margin-bottom: 5px;
    -webkit-line-clamp: 1;
    -ms-line-clamp: 1;
    -moz-line-clamp: 1;
    -o-line-clamp: 1;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -woz-box-orient: vertical;
    -o-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 18px;
}
.exh_bo3 .item h4 a:hover{
    color: #337ab7;
    text-decoration: underline;
}
.exh_bo3 .item p{
    color: #adb5bd;
    line-height: 16px;
    margin-bottom: 12px;
    -webkit-line-clamp: 2;
    -ms-line-clamp: 2;
    -moz-line-clamp: 2;
    -o-line-clamp: 2;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -woz-box-orient: vertical;
    -o-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 32px;
}
.exhstory_box{
    padding: 30px 0;
}
.exhstory_box p{
    font-size: 14px;
    color: #313131;
    line-height: 1.4;
    padding-top: 10px;
    margin-bottom: 20px;
}
.exhstory_box .img img{
    width: 100%;
}
.exhstory_slick .slick-prev{
    width: 40px;
    height: 50px;
    background: url(../image/skin.png)no-repeat 0 0;
}
.exhstory_slick .slick-next{
    width: 40px;
    height: 50px;
    background: url(../image/skin.png)no-repeat -150px 0;
}
.exhstory_slick .slick-dots li,
.exhstory_slick .slick-dots li.slick-active{
    background: #fff;
    width: auto;
    height: auto;
    padding: 3px;
}
.exhstory_slick .slick-dots li button{
    border-radius: 50%;
    width: 4px;
    height: 4px;
    padding: 0;
}
.exhstory_slick  .slick-dots li.slick-active button{
    background: #3c323c;
    border-radius: 50%;
    
}

#row20210510 .item .img .slick-prev,
#row20210510 .item .img .slick-next,
.img20210510 .item .img .slick-prev,
.img20210510 .item .img .slick-next{
    width: 21px;
    height: 42px;
    margin-top: -21px;
    background: url("../image/buttonstyle.png") no-repeat;
}
#row20210510 .item .img .slick-prev,
.img20210510 .item .img .slick-prev{
    background-position: left center;
    left: 10px;
}
#row20210510 .item .img .slick-next,
.img20210510 .item .img .slick-next{
    background-position: right center;
    right: 10px;
}

.header.indexHeader .nav_list > li > a > span {
    color: #ffffff;
}

.header.indexHeader .header-right .iconfont {
    color: #ffffff;
}

.header.indexHeader.is_stuck .nav_list > li > a > span {
    color: #000000;
}

.header.indexHeader.is_stuck .header-right .iconfont {
    color: #000000;
}


.nav_list > li.active > a,
.nav_list > li.on > a {
    /*border-bottom: 3px solid #34326c;*/
    text-decoration: underline;
    transition: all .3s;
}

.nav_list > li.active span,
.nav_list > li.on span {
    text-decoration: underline;
}


.index1Slick .slick-dots li.slick-active {
    width: 60px;
    background-color: #35347b;
    border-radius: 6px;
}

.index1Slick .slick-dots li {
    background: #ffffff;
}
.pagination,.page-numbar{
    display: flex;
}
.page-status{
	position: relative;
	display: block;
	padding: .5rem .75rem;
	line-height: 1.25;
	color: #17a2b8;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
.page-index,.page-pre,.page-next,.page-last,.page-num, .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #17a2b8;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}
.page-num-current:hover {
	color: #fff;
}

.index2 .title h2 ,
.index3 .title h2 ,
.index4 .title h2 ,
.index5 .title h2 ,
.index6 .title h2 ,
.index7 .title h2 {
    font-size: 48px;
    font-family: 'Lato',sans-serif;
    font-weight: 600;
    color: #1C1C1C;
    text-align: center;
}

.index2 .title{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.index2 .title p{
    font-size: 16px;
    line-height: 30px;
    margin-top: 12px;
}

.index2 .title a{
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    color: #7A7A7A;
    display: flex;
    align-items: flex-end;
}

.index2 {
    padding: 76px 0 78px;
    background: #F4F5F7;
}

.index2 .content{
    margin-top: 50px;
}


.index2 .index2Slick .item .img{
    position: relative;
}

.index2 .index2Slick {
    margin: 0 -10px;
}
.index2 .index2Slick .item{
    padding: 0 10px;
}
.index2 .index2Slick .item .waterImg{
    overflow: hidden;
}
.index2 .index2Slick .item:hover img{
    transform: scale(1.2);
}
.index2 .index2Slick .item img{
    transition: all 0.4s;
}

.index2 .index2Slick .item .img .yin-yin{
    background: rgba(53, 52, 123, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(0);
    transition: all 0.5s;
}
.index2 .index2Slick .item .img .yin-yin span{
    width: 64px;
    height: 64px;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 24px;
}
.index2 .index2Slick .item:hover .yin-yin{
    transform: scale(1);
}

.index2 .index2Slick .item .text p{
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #1C1C1C;
    margin-top: 24px;
    text-align: center;
}

.container_1600 .conBox{
    padding: 0 100px;
}

.index2Slick .slick-prev, .index2Slick .slick-next {
    background: transparent;
    margin-top: -52px;
}

.index2Slick  .slick-next {
    right: 33px;
}

.index2Slick  .slick-prev {
    left: 10px;
}

.index2Slick .slick-prev:after {
    content: '\e653';
    font-family: "iconfont" !important;
    width: 63px;
    height: 54px;
    background: rgba(53, 52, 122, 0.8);
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.index2Slick .slick-next:after {
    content: '\e775';
    font-family: "iconfont" !important;
    width: 63px;
    height: 54px;
    background: rgba(53, 52, 122, 0.8);
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}


.index3 {
    margin-top: 68px;
}

.index3 .introduct {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}

.index3 .introduct p{
    font-size: 16px;
    font-weight: 300;
    color: #343434;
    line-height: 30px;
}

.index3 .introduct a{
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    color: #7A7A7A;
    display: flex;
    align-items: flex-end;
}

.index3 .context {
    padding: 0 13px;
    margin-top: 55px;
    display: grid;
    grid-template-columns: repeat(2,49.6%);
    grid-row-gap: 10px;
    justify-content: space-between;
}

.index3 .context .item{
    position: relative;
}

.index3 .context .item .product{
    position: relative;
}

.index3 .context .item .product .text-img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
    padding: 63px 0 0 96px;
}
.index3 .context .item .product .text-img h3{
    font-size: 36px;
    font-weight: 900;
    color: #1B1B1B;
    transition: all 0.5s;
}
.index3 .context .item .product .text-img p{
    width: 438px;
    font-size: 16px;
    font-weight: 400;
    margin: 19px 0 18px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #050505;
    transition: all 0.5s;
}
.index3 .context .item .product .text-img a{
    font-size: 16px;
    font-weight: 900;
    text-decoration: none;
    color: #C12424;
    opacity: 0.8;
    transition: all 0.5s;
}
.index3 .context .item .product .text-img .img{
    display: inline-block;
    position: absolute;
    bottom: 50px;
    right: 40px;
    transition: all 0.5s;
    z-index: -1;
}
.index3 .context .item .text-img{
    position: relative;
}
.index3 .context .item .product_drink{
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: all 0.45s;
    z-index: 2;
}
.index3 .context .item:hover .product_drink{
    transform: scale(1);
}
.index3 .context .item:hover .img{
    opacity: .6;
}

.index3 .context .item:hover .text-img a{
    color: #df2929;
}
.index3 .context .item:hover .text-img p{
    color: #050505;
}


.index3 .context .item .product .text-img h3 a{
    color: #050505;
}
.index3 .context .item:hover .product .text-img a{
    text-decoration: underline;
}

.index3 .context .item:hover .product .text-img h3 a{
    color: #e68014;
}

.index3 .to_contact{
    text-align: center;
}
.index3 .to_contact p{
    padding: 57px 0;
    font-size: 18px;
    font-weight: 400;
    color: #343434;
}
.index3 .to_contact p a{
    color: rgba(193, 36, 36, 1);
    text-decoration: underline;
}

.index4 {
    overflow: hidden;
    background: url("../images/index4bg.jpg") no-repeat top;
    /*height: 690px;*/
    /*background-size: cover;*/
    /*padding-bottom: 440px;*/
}

.index4 .title {
    text-align: center;
    margin-top: 195px;
}
.index4 .title h2{
    color: #ffffff;
    letter-spacing: 6px;
}
.index4 .content{
    background: #ffffff;
    position: relative;
    margin-top: 240px;
}
.index4 .content .text{
    width: 50%;
    padding: 70px 125px 129px 102px;
}
.index4 .content .text h3{
    font-size: 24px;
    font-weight: 900;
    color: #282828;
}
.index4 .content .text p{
    font-size: 16px;
    font-weight: 400;
    color: #282828;
    line-height: 30px;
    margin: 28px 0 42px;
}
.index4 .content .img{
    position: absolute;
    right: -30px;
    top: 60px;
}
.index4 .content .img img{
    max-width: 80%;
}
.index4 .content .text a{
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline;
    color: #C12424;
}
.index4 .content .text a.video_click{
    text-decoration: none;
    display: inline-block;
}
.index4 .content .text a.video_click{
    font-size: 18px;
    font-weight: 900;
    color: #282828;
    text-decoration: none;
    display: inline-block;
    height: 30px;
    padding-right: 38px;
    transform: translateY(6px);
}
.index4 .content span{
    font-size: 18px;
    font-weight: 900;
    color: #282828;
    margin-left: 20px;

}
.index4 .video_click:after {
    background: url("../image/openVideo.png") no-repeat right;
}



.index5 {
    padding: 0px 0 85px;
}
.index5 .content{
    margin-top: 54px;
}
.index5 .content .item .text h3{
    font-size: 24px;
    font-weight: 400;
    color: #282828;
    margin-top: 16px;
}
.index5 .content .item .text p{
    font-size: 16px;
    margin: 22px 0 33px;
    font-weight: 400;
    color: #282828;
}
.index5 .content .item .text a{
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
    color: #545454;
}

.index5Slick {
    margin: 0 -10px;
}
.index5Slick .item{
    padding: 0 10px;
}

.index5Slick .slick-prev, .index5Slick .slick-next {
    background: transparent;
    margin-top: -115px;
}

.index5Slick  .slick-next {
    right: 33px;
}

.index5Slick  .slick-prev {
    left: 10px;
}

.index5Slick .slick-prev:after {
    content: '\e653';
    font-family: "iconfont" !important;
    width: 63px;
    height: 54px;
    background: rgba(53, 52, 122, 0.8);
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.index5Slick .slick-next:after {
    content: '\e775';
    font-family: "iconfont" !important;
    width: 63px;
    height: 54px;
    background: rgba(53, 52, 122, 0.8);
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.index6 {
    padding: 76px 0 158px;
    background: #F4F5F7;
}
.index6 .title,
.index7 .title{
    display: flex;
    justify-content: space-between;
}
.index6 .title a,
.index7 .title a{
    font-size: 16px;
    font-weight: 900;
    color: #7A7A7A;
    display: flex;
    align-items: flex-end;
}
.index6 .content p{
    font-size: 18px;
    font-weight: 400;
    margin-top: 18px;
    color: #1D1D1D;
    opacity: 0.6;
}

.index6Slick {
    margin: 0 -9px;
    margin-top: 70px;
}
.index6Slick .item{
    padding: 0 9px;
}
.index6Slick .item .img{
    margin: 9px 0px;
    overflow: hidden;
    border-radius: 6px;
}
.index6Slick .item .img img{
    transition: all 0.5s;
}
/* .index6Slick .item .img:hover img{
    transform: scale(1.3);
} */
/* .index6Slick .item .img:hover {
    animation: skew 1s;
} */

.index6 .container_1600 {
    overflow: initial;
}

.index6 .slick-dots {
    bottom: -68px;
}
.index6 .slick-dots li {
    background: transparent;
    border: 1px solid #000000;
}
.index6 .slick-dots li.slick-active {
    background-color: #C11920;
    border: 1px solid #C11920;
}

.index7 {
    padding: 65px 0 78px;
}
.index7 .content{
    margin-top: 66px;
    display: grid;
    grid-template-columns: repeat(3,32%);
    justify-content: space-between;
}
.index7 .content p{
    display: inline;
    padding: 30px 25px 52px;
    font-size: 20px;
    font-weight: bold;
    color: #1F1F1F;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background: #F4F5F7;
}
.index7 .content .item:hover{
    transform: translateY(-20px);
}
.index7 .content .item{
    transition: all 0.5s;
}

.index5Slick .item img{
    transition: all 0.5s;
}

.index5Slick .item .img{
    overflow: hidden;
}

.index5Slick .item:hover img{
    transform: scale(1.2);
}

.index8 {
    width: 100%;
    height: 148px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #53529F;
}
.index8 p{
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
}
.index8 p a{
    display: inline-block;
    margin-left: 20px;
    width: 175px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #FFFFFF;
    border-radius: 25px;
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
}

.header .langBox {
    position: relative;
    /*margin-left: 16px;*/
    display: inline;
}

.langBox ul a {
    /*display: ;*/
    white-space: nowrap;
    font-size: 14px;
    line-height: 30px;
    padding: 0 15px;
    color: #ffffff;
}

.langBox span {
    font-size: 20px;
    padding: 2px;
    line-height: 1;
    font-weight: 300;
    cursor: pointer;
    /*display: inline-block;*/
    transition: all 0.5s;
}

.langBox span:hover {
    color: #0A539F;
}

.langBox ul {
    position: absolute;
    left: 0;
    background: #35347b;
    padding: 8px 0;
    display: none;
}

.langBox ul li:hover {
    background: #35347b;
}

.langBox ul li {
    transition: all 0.5s;
}

.newsList {
    padding: 0 0 80px;
}

.newsList .title h2{
    font-size: 34px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}

.newsList .title h2{
    font-size: 34px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}

.Crumbs.news {
    background-color: #f2f2f2;
}

.col_sm_24 p img{width: 100%;}

.product_tab .tab_switch .switch .con_box p img{
    width: auto;
}
/*.col_sm_24 img{width: auto;}*/

.newsList .content p{
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 1.4;
    margin: 15px 0 20px;
}

.newsList .context {

    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 12px;
    grid-row-gap: 30px;
}

.newsList .context .text {
    background-color: #fff;
    padding: 20px 10px 30px;
}

.newsList .context .text span{
    color: rgba(0, 0, 0, 0.5);
    font-size: 11px;
    display: inline-block;
    /*text-transform: uppercase;*/
    margin-bottom: 10px;
}
.newsList .context .text h3{
    margin: 0 0 15px;
    font-size: 18px;
    color: #454444;
    font-weight: 700;
    line-height: 1.1;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.newsList .context .text p{
    margin: 0 0 15px;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.newsList .context .item:hover .img img{
    transform: scale(1.2);
}
.newsList .context .item .img img{
    transition: all 0.5s;
}
.newsList .context .item .img{
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.newsList .page_box {
    float: none;
    display: flex;
    justify-content: center;
}

.newsList .page_box .page li{
    margin: 0 5px;
}


@keyframes skew {
    0%, 11.1%, 100% {
        transform: translateZ(0);
    }
    22.2% {
        transform: skewX(
                -12.5deg
        ) skewY(
                -12.5deg
        );
    }
    33.3% {
        transform: skewX(
                6.25deg
        ) skewY(
                6.25deg
        );
    }
    44.4% {
        transform: skewX(
                -3.125deg
        ) skewY(
                -3.125deg
        );
    }
    55.5% {
        transform: skewX(
                1.5625deg
        ) skewY(
                1.5625deg
        );
    }
    66.6% {
        transform: skewX(
                -.78125deg
        ) skewY(
                -.78125deg
        );
    }
    77.7% {
        transform: skewX(
                .390625deg
        ) skewY(
                .390625deg
        );
    }
    88.8% {
        transform: skewX(
                -.1953125deg
        ) skewY(
                -.1953125deg
        );
    }
}

@media (max-width: 1680px) {
    .container_1600 .conBox {
        padding: 0px 0px;
    }

    .index3 .context .item .product .text-img .img {
        width: 50%;
    }

    .index3 .context .item .product .text-img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 4;
        padding: 34px 0 0 32px;
    }

    .index3 .context .item .product .text-img {
        padding: 34px 0 0 32px;
    }

    .footer_box .container_1600 {
        padding: 0;
    }
}

@media (max-width: 1220px) {
    .nav_list > li > a {
        padding: 0 12px;
    }

    .exh_lists .item .info {
        width: 550px;
    }

    .nav_list > li > a > span {
        font-size: 14px;
    }

    .index4 .content .img {
        position: relative;
        right: auto;
        top: auto;
        text-align: center;
    }

    .index4 .content .text {
        width: 100%;
        padding: 20px 30px;
    }

    .index4 .content .text p {
        margin: 28px 0 30px;
    }

    .index4 .content {
        background: #ffffff;
        position: relative;
        margin-top: 150px;
    }

    .index5 {
        margin-top: 40px;
    }
}

@media (max-width: 992px) {

    .index6Slick {
        margin-top: 30px;
    }
    .index3 .context {
        grid-template-columns: 100%;
    }

    .index2 .title {
        flex-direction: column;
    }

    .index2 .title a {
        margin-top: 20px;
    }

    .index3 .introduct {
        flex-direction: column;
    }


    .index3 .introduct p {
        width: auto;
    }
    .index3 .introduct a {
        margin-top: 20pxs;
    }

    .index7 {
        display: none;
    }

    .fast_navigation .items .item {
        display: none;
    }

    .fast_navigation .items .item:nth-of-type(5) {
        display: none;
    }

    .newsList .context {
        grid-template-columns: repeat(2,50%);
    }
}
@media (max-width: 640px) {
    .header{
        top:0;
        z-index: 1003;
    }
    .index1{
        margin-top: 85px;
    }
    .index5{
        padding: 0px 0 5px;
    }
    .index6 .slick-dots {
        bottom: -25px;
    }
    .index8{
        padding: 15px 25px
    }
    .index8 p {
        font-size: 18px;
        font-weight: 600;
        color: #FFFFFF;
        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    }
  
    .index8 p a {
        display: inline-block;
        margin-top: 10px;
        width: 150px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border: 1px solid #FFFFFF;
        border-radius: 25px;
        font-size: 18px;
        font-weight: 600;
    }

    .index6 .title {
        flex-direction: column;
    }
    .index6 .title a{
        margin-top: 20px;
    }
    .col_sm_24{
        margin-bottom: 15px;
       }
       .col_sm_24 p img{
        width: 100%;
        height: auto;
       }

       .flex-about{
        flex-direction: column;
       }
       .flex-about p:nth-child(1){
        width: 100%;
        margin-bottom: 20px;
       }
    .index5Slick .item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .index3 .context .item .product .text-img {
        padding: 10px 0 0 10px;
    }

    .index3 .context .item .product .text-img h3 {
        font-size: 24px;
    }
    .index3 .context .item .product .text-img .img {
        bottom: 19px;
        right: 15px;
    }

    .index3 .context .item .product .text-img p {
        width: auto;
        font-size: 14px;
    }

    .index2 .index2Slick .item {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .index2 .title h2, .index3 .title h2, .index4 .title h2, .index5 .title h2, .index6 .title h2, .index7 .title h2 {
        font-size: 28px;
    }

    .index2,.index6 {
        padding: 35px 0;
    }

    .index3 {
        margin-top: 35px;
    }

    .index3 .context {
        margin-top: 22px;
    }

    .index3 .to_contact p {
        padding: 20px 0;
        display: none;
    }

    .newsList .context {
        grid-template-columns: 100%;
        padding: 15px;
    }

    .newsList .page_box {
        margin-top: 40px;
    }
}

@media (max-width: 1220px){
    .nav_list > li > a{
        padding: 0 20px;
    }
    .exh_lists .item .info{
        width: 550px;
    }
}
@media (max-width: 992px){
    .index2,.index4,.index6,.index7{
        display: none;
    }
    .index_box2 .info{
        text-align: center;
    }
    .cust_slick .img{
        height: 52px;
    }
    .index_box3 .more{
        padding-top: 0px;
        margin-bottom: 30px;
    }
    .index_box3 .content a.link{
        margin-bottom: 20px;
    }
    .index_box4 .content .item{
        width: 50%;
    }
    .index_box3 .content{
        padding-bottom: 0px;
    }
    .index_box5 .video_click img{
        width: 100%;
    }
    .fast_navigation .items .item:nth-of-type(1),
    .fast_navigation .items .item:nth-of-type(2){
        display: none;
    }
    .fast_navigation .items .item{
        width: 100% !important;
    }
    .footer_copyright{
        padding-bottom: 50px;
    }
    .logo_box{
        padding: 10px 0;
    }
    .solution_box2{
        padding: 30px 0;
    }
    .fast_navigation{
        padding: 10px 0;
    }
    .solution_info2 h4{
        margin-bottom: 20px;
    }
    .solution_info4 h3{
        margin-top: 20px;
        font-size: 33px;
    }
    .solution_info4 .info{
        padding-left: 0;
    }
    .solution_info4 .txt{
        border: 0;
        padding: 0 !important;
        margin-bottom: 20px !important;
    }
    .solution_info4 h4{
        margin-bottom: 30px;
    }
    .solu_tab1 .tab_btn{
        padding-top: 30px;
    }
    .forform a.more{
        float: left;
    }
    .solution_info7 h3{
        font-size: 20px;
    }
    .solution_info7 .content{
        border: 0;
        padding: 0 12px;
    }
    .solution_info7 .txt{
        padding: 20px 10px;
    }
    .solution_info7{
        padding: 30px 0;
    }
    .solu_tab2 .tab_btn{
        background: none;
    }
    .solu_tab2 .tab_btn{
        display: none;
    }
    .solu_tab2 .tab_info{
        padding-top: 0;
    }
    .solu_tab2 .tab_info .line{
        display: block;
        margin-bottom: 20px;
    }
    .solu_tab2 .tab_info .line .img{
        margin-top: 20px;
    }
    .solu_tab2 .tab_info .txt{
        padding-left: 0;
    }
    .solution_info8{
        padding-bottom: 20px;
    }
    .solution_info9{
        padding-top: 30px;
    }
    .system_info{
        padding: 0 15px;
    }
    .system_info .info2 ul li{
        padding-left: 0;
    }
    .solution_info10 .line .img{
        padding: 0;
    }
    .solution_info10 h4{
        font: 20px;
    }
    .cust_videos .item{
        width: 100%;
        margin-right: 0;
    }
    .cust_videos .item .txt{
        height: auto;
        padding-bottom: 20px;
    }
    .solution_info12{
        display: none;
    }
    .Crumbs{
        height: 0;
        padding: 0;
        overflow: visible;
    }
    .line_tip{
        margin-top: 20px;
    }
    .solution_info2{
        overflow: hidden;
    }
    .solution_info2 .container{
        padding: 0 10px;
    }
    .other_line3 .line .img{
        padding: 0;
    }
    .other_line4 .watch{
        height: 70px;
        margin-top: 30px;
    }
    .other_line4{
        padding: 30px 0;
    }
    .other_line5 .item{
        width: 100%;
    }
    .other_line6 .item{
        width: 100%;
    }
    .other_line4{
        background-size: cover !important;
    }
    .other_line8 .item{
        width: 100%;
    }
    .cuscontent .video_click{
        margin: 0;
    }
    .cuscontent ul{
        margin-top: 20px;
    }
    .cuscontent ul li{
        display: inline-block;
    }
    .content2 .items .img{
        margin-bottom: 10px;
    }
    .oil_poa{
        display: none;
    }
    .other_line13 .info{
        padding-left: 0;
    }
    .other_line13{
        padding: 30px 0;
    }
    .other_line14 .info{
        padding-left: 0;
    }
    .about_box1 .info1{
        padding: 30px 0;
    }
    .about_box1 .content .item .tit{
        font-size: 16px;
    }
    .about_box3{
        background-size: cover;
        padding-bottom: 30px;
    }
    .about_box4{
        padding: 30px 0;
        background-image: none;
    }
    .about_box5{
        background: none;
    }
    .cer_box1 ul li{
        width: 50%;
    }
    .cer_box1 ul li:nth-of-type(4n+1){
        clear: inherit;
    }
    .cer_box1 ul li:nth-of-type(odd){
        clear: both;
    }
    .foreign_box1 .item .txt{
        display: none;
    }
    .foreign_box1 .item .tip{
        display: none;
    }
    .foreign_box1 .item .name{
        padding-top: 7px;
    }
    .foreign_box1 .item{
        padding-left: 142px;
    }
    .debug_box1 .img img{
        width: 100%;
    }
    .mnone{
        display: none;
    }
    .case_box1{
        padding: 50px 0;
    }
    .case_box2{
        display: none;
    }
    .visit_items .item,
    .packaging_items .item,
    .servece_items2 .item{
        width: 49%;
        margin-right: 1%;
        height: 120px;
    }
    .beverage_items .item{
        width: 49%;
        margin-right: 1%;
    }
    .exh_lists .item .time{
        width: 100%;
        margin-right: 0;
    }
    .exh_lists .item .info{
        width: 100%;
        margin-right: 0;
    }
    .exh_lists .item .img{
        width: 100%;
    }
    .exh_lists .item{
        margin-bottom: 30px;
    }
    .exh_bo3 .item{
        margin-bottom: 20px;
    }
    .contact_box1 h1{
        font-size: 30px;
    }
    .contact_box2 .form {
        margin-top: 30px;
    }
    .contact_box2 .container{
        padding: 40px 10px;
    }
    .contact_box3 .container{
        padding: 30px 10px;
    }
    .solution_info1 h1{
        margin-bottom: 5px;
    }
}
@media (max-width: 992px) {
    .m_header {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 99999;
    }

    .m_header {
        height: 60px;
    }

    .logo_box {
        width: 100%;
        text-align: center;
        height: 60px;
        line-height: 0;
        font-size: 0;
        zoom: 1;
    }

    .logo_box img {
        height: 100%;
    }


    .nav_toggle {
        color: #fff;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        transform-origin: 50% 50%;
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -13px;
        z-index: 999;
    }

    .nav_toggle {
        cursor: pointer;
        padding: 10px 45px 16px 0;
    }

    .nav_toggle span,
    .nav_toggle span:before,
    .nav_toggle span:after {
        cursor: pointer;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        height: 3px;
        width: 45px;
        background: #666;
        position: absolute;
        display: block;
        content: '';
    }

    .nav_toggle span:before {
        top: -10px;
    }

    .nav_toggle span:after {
        bottom: -10px;
    }

    .nav_toggle span,
    .nav_toggle span:before,
    .nav_toggle span:after {
        transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
    }

    .nav_toggle.active span {
        background-color: transparent;
    }

    .nav_toggle.active span:before,
    .nav_toggle.active span:after {
        top: 0;
    }

    .nav_toggle.active span:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }

    .nav_toggle.active span:after {
        transform: translateY(-10px) rotate(-45deg);
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        top: 10px;
    }


    .m_header .m_nav {
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #fff;
        z-index: 2;
        overflow: auto;
        border-top: 1px solid #f0f0f0;
        margin-top: -1px;
    }

    .m_header .m_nav_list > li a span {
        display: block;
        width: 100%;
        padding: 0 15px;
        line-height: 35px;
        text-align: left;
        font-size: 16px;
        color: #5e6063;
    }

    .m_header .m_nav_list > li {
        position: relative;
        border-bottom: 1px solid #f0f0f0;
        transition: transform .5s ease;
        transform: matrix(1, -1, 0, 1, 200, 100);
    }

    .m_header .m_nav_list > li > i {
        position: absolute;
        width: 40px;
        height: 36px;
        background: #000;
        top: 0px;
        right: 10px;
        background: url("../image/dropdown_menu.png") no-repeat center;
    }

    .m_header .m_nav_list > li > a {
        opacity: 0;
    }

    .m_header .m_nav_list .dropdown .dropdown_menu {
        height: 0;
        overflow: hidden;
    }

    .m_header .m_nav_list .dropdown .dropdown_menu.on {
        height: auto;
    }

    .m_header .m_nav_list .dropdown_menu > li {
        border-top: 1px solid #f0f0f0;
        background: #f5f5f5;
    }
    .m_header .m_nav_list .dropdown_menu > li a{
        font-size: 14px;
        color: #5e6063;
        line-height: 30px;
        padding: 0 30px;
    }
    .product_img_box{
        position: relative;
    }
    .product_img_slick_box{
        position: static;
    }
    .related_pro .item .img{
        display: block;
    }
    .related_pro .item .img img{
        margin: auto;
    }
}
@media (max-width: 767px) {
    .footer_fixed_form{
        display: none;
    }
    .fancybox-close{
        right: 0;
        top: -40px;
    }
    #back_top{
        width: 0;
        height: 0;
        overflow: hidden;
    }
    .fast_navigation .col_lg_6,
    .fast_navigation .col_lg_8{
        display: none;
    }
    .fast_navigation .col_lg_10{
        width: 100%;
    }
    .footer_copyright .text{
        text-align: center;
        margin-bottom: 10px;
    }
    .footer_copyright p span, .footer_copyright p a, .footer_copyright p{
        line-height: 1.4;
    }

}
@media (max-width: 640px){

}
@media (max-width: 580px){

}
@media (max-width: 480px) {

}

img.lazyload,
img.lazyloading {
    opacity: 0;
    transition: opacity 400ms;
}

img.lazyloaded {
    opacity: 1;
}



.list-paddingleft-2{
    padding-left: 20px;
}

.list-paddingleft-3{
    padding-left: 30px;
}

.change:hover {
    color: #c12424 !important;
    transition: all 0.5s;
}