/*头部*/
body{
    padding-top: 130px;
}
.header {

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #ffffff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.3);

}



/*logo*/

.header_top{

    background: #232323;

}

.header_top .header_tip{

    display: flex;

    justify-content: space-between;

    align-items: center;

    height: 40px;

}

.header_top .tip_left span{

    font-size: 18px;

    color: #fff;

}

.header_top .tip_right span:nth-of-type(1){

    margin-right: 35px;

}

.header_top .tip_right span{

    font-size: 16px;

    color: #fff;

}

.header_top .lang{

    font-size: 16px;

    color: #fff;

    margin-left: 120px;

}

.header_top img{

    vertical-align: middle;

    margin-right: 5px;

}

.img{

    line-height: 0;

    overflow: hidden;

}

.header_nav .nav{

    display: flex;

    justify-content: space-between;

    height: 90px;

    padding-right: 40px;
    align-items: center;

}



/*导航*/

.header_nav .container_1200{

    position: relative;

}

.nav_list {

    font-size: 0;

    line-height: 0;

    position: relative;

}



.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: 0 25px;

    transition: all .3s;

}



.nav_list > li > a > span {

    display: inline-block;

    float: left;

    line-height: 37px;

    color: #353535;

    font-size: 20px;

    transition: all .5s;



}



.nav_list > li > a > i {

    display: inline-block;

    float: left;

    width: 24px;

    height: 24px;

    margin-top: 7px;

    background: url("https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/reset/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{

    transition: all .3s;

}

.nav_list > li.active span,

.nav_list > li.on span{

    color: #00a2e8;

}



.nav_normal > li {

    position: relative;

}



.nav_normal > li .dropdown_menu {

    position: absolute;
    top: 100%;
    left: 0;
    min-width: 250px;
    display: none;
    background: #fff;
    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 .dropdown_menu li {

    width: 100%;

}



.nav_normal .dropdown_menu li a {

    display: block;

    width: 100%;

    line-height: 36px;

    font-size: 16px;

    color: #222;

    padding: 0 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 250px;
}

.nav_normal .dropdown_menu li a:hover{

    color: #fff;
    background: #00a2e8;

}



/*search*/

.header_search_box {

    position: absolute;

    right: 0;

    bottom: 24px;

    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: #00a2e8;

    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("https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/reset/search.png") no-repeat center center;

    border: 0;

    font-size: 0;

    cursor: pointer;

}



/*pc隐藏模块*/

.m_header {

    display: none;

}



/*footer*/

.footerCon_box{

    background: #232323;

}

.fast_navigation .items{

    display: flex;

    justify-content: space-between;

}



.fast_navigation .items .item:nth-of-type(1){

    width: 250px;

}

.fast_navigation .items .item:nth-of-type(3){

    width: 275px;

}

.fast_navigation .items .item:nth-of-type(4){

    width: 260px;

}

.fast_navigation .items .item:nth-of-type(2) ul li a{

    text-transform: uppercase;

}

.fast_navigation .items .item .tip{

    font-size: 16px;

    color: #fff;

    margin-bottom: 16px;

}

.fast_navigation .items .item:nth-of-type(1) p{

    font-size: 14px;

    color: #fff;

    line-height: 1.4;

    font-weight: 300;

}

.fast_navigation{

    padding-top: 80px;

    padding-bottom: 20px;

    overflow: hidden;

}

.fast_navigation h2{

    font-size: 20px;

    color: #fff;

    letter-spacing: 0;

    line-height: 1em;

    padding-bottom: 20px;

}

.fast_navigation ul li,

.fast_navigation ul li a{

    font-size: 16px;

    color: #fff;

    font-weight: 300;

    line-height: 2em;

}

.fast_navigation ul li a:hover{

    text-decoration: underline;

}

.email_click:hover{

    text-decoration: underline;

}

.fast_navigation .items .item:nth-of-type(3) li{

    position: relative;

    padding-left: 24px;

}

.fast_navigation .items .item li.info1{

    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/1000_icon1.png)no-repeat left 6px;

}

.fast_navigation .items .item li.info2{

    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/1000_icon2.png)no-repeat left 6px;

}

.fast_navigation .items .item li.info3{

    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/1000_icon3.png)no-repeat left 6px;

}

.fast_navigation .items .item li.info4{

    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/1000_icon4.png)no-repeat left 6px;

}

.footer_copyright{

    overflow: hidden;

    background: #00a2e8;

}

.footer_copyright .container_1200{

    padding-top: 18px;

    padding-bottom: 18px;

}

.footer_copyright .text{

    text-align: center;

}

.footer_copyright p span,

.footer_copyright p a,

.footer_copyright p{

    color: #fff;

    line-height: 24px;

}

.footer_copyright p span{

    display: inline-block;

    padding: 0 5px;

}

.footer_copyright p a:hover{

    text-decoration: underline;

}

.fast_navigation .items .item .footer_search_form{

    margin-top: 42px;

}

.fast_navigation .items .item .footer_search_form .input{

    display: flex;

}

.fast_navigation .items .item .footer_search_form  input[type=text]{

    flex: 1;

    height: 38px;

    border: 0;

    background: rgba(199, 199, 199, .25);

    text-indent: 12px;

    color: #fff;

}

.fast_navigation .items .item .footer_search_form .sub{

    width: 43px;

    height: 38px;

    background: #00a2e8 url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/reset/search.png) no-repeat center;

    border: 0;

    cursor: pointer;

}


.fast_navigation .items .item:nth-of-type(4) .form{



}

.fast_navigation .items .item:nth-of-type(4) .form .input{

    position: relative;

    margin-bottom: 10px;

}
.fast_navigation .items .item:nth-of-type(4) .form .input .tips{
    color: red;
}

.fast_navigation .items .item:nth-of-type(4) .form .input input[type=text],

.fast_navigation .items .item:nth-of-type(4) .form .input textarea{

    width: 100%;

    height: 40px;

    border: 0;

    text-indent: 12px;

    font: 16px;

    color: #9f9f9f;

    font-weight: 300;

    background: #e3e3e3;

}

.fast_navigation .items .item:nth-of-type(4) .form .input textarea{

    height: 85px;

    padding-top: 10px;

    resize: none;

}

.fast_navigation .items .item:nth-of-type(4) .form .input .Varify_img{

    position: absolute;

    right: 2px;

    top: 2px;

    height: 36px;

    cursor: pointer;

}

.fast_navigation .items .item:nth-of-type(4) .form .input .sub{

    width: 100%;

    height: 40px;

    font-size: 16px;

    font-weight: 300;

    border: 0;

    background: #00a2e8;

    background: linear-gradient(#00a2e8,#00a2e8);

    color: #fff;

    cursor: pointer;

    transition: all .3s;

}

.fast_navigation .items .item:nth-of-type(4) .form .input .sub:hover{

    background: #1b6d90;

    background: linear-gradient(#00a2e8,#1b6d90);

}

.fast_navigation .text_sec{

    text-align: center;

    margin-top: 24px;

}

.fast_navigation .text_sec .follow_service a{

    margin-right: 20px;

}

.fast_navigation .text_sec .follow_service a:hover{

    opacity: .7;

}

.fast_navigation .text_sec .tag_link{

    font-size: 14px;

    color: #fff;

    margin-top: 18px;

}

.fast_navigation .text_sec .tag_link a{

    font-size: 14px;

    color: #fff;

    padding: 0 10px;
    border-right: 1px solid #fff;

}
.fast_navigation .text_sec .tag_link a:nth-last-child(1){
    border-right: 0;
}



.Social_concern {

    width: 48px;

    height: 265px;

    position: fixed;

    left: 0;

    top: 50%;

    margin-top: -132.5px;

    z-index: 97

}



.Social_concern a {

    width: 48px;

    height: 48px;

    margin-bottom: 5px;

    display: block;

}



.Social_concern a.Facebook {

    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/reset/follow-service.png) no-repeat -56px 0 #3b5998;

}



.Social_concern a.Google {

    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/reset/follow-service.png) no-repeat -56px -64px #d14836;

}



.Social_concern a.Linkedin {

    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/reset/follow-service.png) no-repeat -56px -128px #007fb1;

}



.Social_concern a.Twitter {

    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/reset/follow-service.png) no-repeat -56px -256px #00aced;

}



.Social_concern a.Youtube {

    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/reset/follow-service.png) no-repeat -56px -320px #cd332d;

}



.Social_concern a:hover {

    opacity: 0.95;

}

.Fast_contact ul li.onlineservice_li:nth-of-type(2){

    background: #26cf41;

}

.Fast_contact ul li.onlineservice_li:nth-of-type(3){

    background: #cd332d;

}

.Fast_contact ul li.onlineservice_li:nth-of-type(4){

    background: #18b6f1;

}

.Fast_contact ul li.onlineservice_li:nth-of-type(5){

    background: #078b1c;

}



.index_box1{
    max-width: 2000px;
    margin: auto;
}

.banner_slick .slick_first{

    position: relative;

}

.banner_slick .slick_first .content{

    position: absolute;

    display: flex;

    align-items: center;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.banner_slick h3{

    font-size: 70px;

    font-weight: bold;

    color: #fff;

    line-height: 1.4;

}

.banner_slick span.more{

    display: block;

    width: 200px;

    line-height: 60px;

    text-align: center;

    font-size: 24px;

    color: #fff;

    background: #00a2e8;

    background: linear-gradient(#00a2e8,#00a2e8);

    margin-top: 150px;

}

.banner_slick span.more:hover{

    background: #1b6d90;

    background: linear-gradient(#00a2e8,#1b6d90);

}

.banner_slick .slick-dots li{

    background: #fff;

    border-radius: 10px;

}

.banner_slick .slick-dots li.slick-active{

    background: #00a2e8;

    width: 50px;

}

.index_box2 {

    padding-top: 75px;

    padding-bottom: 30px;

}

.index_box2 h1{

    margin-bottom: 35px;

    text-align: center;

}

.index_box2 p{

    font-size: 18px;

    color: #6c6c6c;

    font-weight: 300;

    text-align: center;

}

.index_box2 .items{

    display: flex;

    flex-wrap: wrap;

    margin-top: 50px;

}

.index_box2 .items .item::before{

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #00a2e8;

    transition: all .3s;

    z-index: -1;

}

.index_box2 .items .item{

    position: relative;

    width: 23%;

    border: 1px solid #ccc;

    margin-right: 2.66%;

    margin-bottom: 60px;

    background: #fff;

}

.index_box2 .items .item.B_R::before{

    left: 6px;

    top: 6px;

    box-shadow: 1.5px 2.598px 7px 0px rgba( 0, 0, 0 ,.3);

}

.index_box2 .items .item.T_R::before{

    left: 6px;

    top: -6px;

    box-shadow: 1.5px 2.598px 7px 0px rgba( 0, 0, 0 ,.3);

}

.index_box2 .items .item.B_L::before{

    left: -6px;

    top: 6px;

    box-shadow: 1.5px 2.598px 7px 0px rgba( 0, 0, 0 ,.3);

}

.index_box2 .items .item.T_L::before{

    left: -6px;

    top: -6px;

    box-shadow: 1.5px 2.598px 7px 0px rgba( 0, 0, 0 ,.3);

}

.index_box2 .items .item:hover::before{

    

}

.index_box2 .items .item .img{

    text-align: center;

}

.index_box2 .items .item .img img{

    transition: all .3s;

}

.index_box2 .items .item:hover .img img{

    transform: scale(1.1);

}

.index_box2 .items .item:nth-of-type(4n+4){

    margin-right: 0;

}

.index_box2 .items .item .info{

    padding: 10px 10px 30px 10px;

}

.index_box2 .items .item .info h4{

    font-size: 18px;

    color: #4a4a4a;

    font-weight: bold;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-bottom: 15px;

}

.index_box2 .items .item .info p{

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    text-align: left;

    font-size: 14px;

    color: #232323;

    font-weight: 300;

    line-height: 1.4;

}

.index_box2 .items .item .info p span{

    font-size: 14px;

    color: #232323;

    font-weight: bold;

}

.index_box2 .items .item .info a.more{

    display: block;

    width: 110px;

    line-height: 34px;

    text-align: center;

    font-size: 14px;

    color: #232323;

    font-weight: 300;

    border: 1px solid #00a2e8;

    margin-top: 25px;

}

.index_box2 .items .item .info a.more:hover{

    color: #00a2e8;

}

.index_box2 .items .item:hover h4{

    color: #00a2e8;

}

.index_box3{

   height: 949px;

   overflow: hidden;
   max-width: 2000px;
   margin: auto;

}

.index_box3 .text1{

    padding-bottom: 25px;

}

.index_box3 h4{

    font-size: 30px;

    color: #fff;

    margin-top: 8px;

}

.index_box3 p{

    font-size: 14px;

    color: #fff;

    font-weight: 300;

    line-height: 1.7;

}

.index_box3 a.more{

    display: block;

    width: 162px;

    line-height: 46px;

    text-align: center;

    font-size: 16px;

    color: #fff;

    font-weight: 300;

    background: #232323;

    margin: auto;

}

.index_box3 .text1{

    background: #00a2e8;

    padding-top: 28px;

}

.index_box3 .text2{

    position: relative;

    padding-top: 70px;

    height: 690px;

    background: #00a2e8;

    border-top: 1px solid #fff;

}

.index_box3 .text2 .tip{

    padding-top: 22px;

}

.index_box3 .text2 .tip h3{

    color: #fff !important;

    margin-bottom: 22px;

}

.index_box3 .text2 .tip p{

    font-size: 18px;

    color: #fff;    

    font-weight: 300;

    line-height: 1.5;

    ext-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

}

.index_box3 .tab_content{

    position: absolute;

    left: 0;

    top: 70px;

    width: 100%;

    height: 810px;

}

.index_box3 .tab_content .line{

    height: 0;

    overflow: hidden;

}

.index_box3 .tab_content .line.on{

    height: 100%;

    overflow: visible;

}

.index_box3 .tab_content .line{

    position: relative;

}

.index_box3 .tab_img{

    position: relative;

    left: -300px;

    width: 50%;

    height: 600px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    transition: all 1s;

}

.index_box3 .line.on .tab_img{

    left: 0;

}

.index_box3 .tab_info{

    position: absolute;

    width: 1100px;

    top: 555px;

    left: 46%;

    background: #eeeeee;

    opacity: 0;

    transition: all 1s;

}

.index_box3 .line.on .tab_info{

    top: 255px;

    opacity: 1;

}

.index_box3 .tab_info .text{

    width: 600px;

    margin-top: 60px;

    margin-left: 80px;

}

.index_box3 .tab_info .text .text_info1 p{

    font-size: 24px;

    color: #000000;

    padding-left: 50px;

    margin-bottom: 25px;

    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/1310_icon.png)no-repeat left -7px;

}

.index_box3 .tab_info .text .text_info2 p{

    font-size: 18px;

    color: #6c6c6c;

    font-weight: 300;

    line-height: 1.5;

    ext-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

    height: 162px;



}

.index_box3 .tab_info .text a.more{

    margin: 0;

    margin-top: 50px;

    margin-bottom: 140px;

    background: #00a2e8;

    background: linear-gradient(#00a2e8,#00a2e8);

}

.index_box3 .tab_info .text a.more:hover{

    background: #1b6d90;

    background: linear-gradient(#00a2e8,#1b6d90);

}

.index_box3 .btn_click{

    position: absolute;

    left: 36%;

    display: flex;

    justify-content: space-between;

    bottom: -94px;

    width: 135px;

}

.index_box3 .btn_click .btn{

    cursor: pointer;

}

.index_box3 .btn_click .btn img{

    filter: grayscale(100%);

}

.index_box3 .btn_click .btn:hover img{

    filter: grayscale(0%);

}

.index_box4{
    position: relative;
    padding-top: 140px;

    padding-bottom: 100px;
    max-width: 2000px;
    margin: auto;
    overflow: hidden;

}
.index_box4 .fix_pic{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.index_box4 .container{
    position: relative;
}

.index_box4 h3{

    color: #fff !important;

    margin-bottom: 15px;

    text-align: center;

}

.index_box4 h3.text1{

    margin-bottom: 30px;

}

.index_box4 p{

    font-size: 18px;

    color: #fff;

    font-weight: 300;

    line-height: 1.5;

    text-align: center;

}

.index_box4 p a{

    font-size: 18px;

    color: #fff;

    font-weight: 300;

}

.index_box4 p a.more{

    display: block;

    font-size: 18px;

    color: #fff;

    font-weight: 300;

    margin-top: 20px;

}

.index_box4 p a{

    text-decoration: underline;

}

.index_box4 .items{

    margin-top: 70px;

    margin-bottom: 100px;

    display: flex;

    justify-content: space-around;

}

.index_box4 .items .item{

    position: relative;

}

.index_box4 .items .item .icon{

    position: absolute;

    right: 0;

    top: 0;

    height: 50px;

    width: 50px;

    line-height: 0;

    border: 1px solid #fff;

    background: #00a2e8;

    border-radius: 50%;

}

.index_box4 .items .tip{

    display: flex;

    align-items: center;

    text-align: center;

    width: 200px;

    height: 200px;

    font-size: 20px;

    font-weight: bold;

    line-height: 1.4;

    color: #fff;

    padding: 20px;

    border: 2px solid #fff;

    background: #00a2e8;

    border-radius: 50%;

    overflow: hidden;

}

.index_box4 .scroll{
    position: relative;
    width: 100%;
    height: 120px;
    margin-top: 30px;

    background: #fff;
    overflow: hidden;

}
.index_box4 .scroll .slick_box{
    position: absolute;
}
.index_box4 .scroll .slick_first{

    height: 120px;
    float: left;
    display: flex;

    align-items: center;

}

.index_box4 .scroll .slick_first img{

    filter: grayscale(100%);

}

.index_box4 .scroll .slick_first.slick-current img,

.index_box4 .scroll .slick_first:hover img{

    filter: grayscale(0%);

}

.index_box4 .partners_slick .slick-prev{

    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/1500_icon.png)no-repeat center;

}

.index_box4 .partners_slick .slick-next{

    transform: rotate(180deg);

    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/1500_icon.png)no-repeat center;

}

.index_box5{

    padding-top: 80px;

    padding-bottom: 75px;

}

.index_box5 h3{

    margin-bottom: 80px;

    text-align: center;

}

.index_box5 .new_B_list .img{

    height: 330px;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}

.index_box5 .new_B_list{

    box-shadow: 0px 0px 7px 0px rgba( 4, 0, 0 ,.3);

}

.index_box5 .new_B_list .info{

    padding: 28px 20px 50px;

   

}

.index_box5 .new_B_list .info h4{

    font-size: 20px;

    color: #232323;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-bottom: 38px;

    line-height: 1.2;

}

.index_box5 .new_B_list .info p{

    font-size: 16px;

    color: #797979;

    font-weight: 300;

    line-height: 2;

    height: 128px;

    ext-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

}

.index_box5 .new_B_list .info a.more{

    display: block;

    width: 162px;

    line-height: 46px;

    text-align: center;

    font-size: 16px;

    color: #fff;

    font-weight: 300;

    background: #00a2e8;

    background: linear-gradient(#00a2e8,#00a2e8);

    margin-top: 50px;

}

.index_box5 .new_B_list .info a.more:hover{

    background: #1b6d90;

    background: linear-gradient(#00a2e8,#1b6d90);

}

.index_box5 .new_S_list{
    display: flex;
    margin-bottom: 20px;
    
    border: 1px solid #ccc;

}


.index_box5 .new_S_list .img{

    width: 216px;
    height: 216px;

    background-position: center;

    background-size: contain;

    background-repeat: no-repeat;
}

.index_box5 .new_S_list .info{
    flex: 1;
    padding: 14px 5px 20px 15px;
    clear: both;
    width: 380px;
}

.index_box5 .new_S_list .info h4{

    font-size: 16px;

    color: #797979;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-bottom: 14px;

    line-height: 1.2;

}

.index_box5 .new_S_list .info p{

    font-size: 14px;

    color: #797979;

    font-weight: 300;

    line-height: 1.4;

    height: 38px;

    ext-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.index_box5 .new_S_list .info a.more{

    display: block;

    font-size: 12px;

    color: #797979;

    font-weight: 300;

    margin-top: 16px;

    text-decoration: underline;

}

.index_box5 .new_B_list:hover .info h4,

.index_box5 .new_S_list:hover .info h4,

.index_box5 .new_S_list .info a.more:hover{

    color: #00a2e8;

}



.about_box1{

    position: relative;
    max-width: 2000px;
    margin: auto;

}

.about_box1 .content{

    position: absolute;

    left: 0;

    top: 0;

    display: flex;

    align-items: center;

    width: 100%;

    height: 100%;

}

.about_box1 .content h1{

    font-size: 62px;

    color: #fff;

}

.about_box2{

    display: flex;

    align-items: flex-start;

    overflow: hidden;
    max-width: 2000px;
    margin: auto;

}

.about_box2 > .img{

    width: 39.5%;

    height: 683px;

    background-repeat: no-repeat;

    background-position: right center;

}

.about_box2 .info{

    width: 750px;

    padding-top: 35px;

    margin-left: 45px;

}

.about_box2 .tit_h{

    text-align: left;

    

}

.about_box2 .info p{

    font-size: 16px;

    color: #636666;

    line-height: 1.5;

}

.about_box2 .tit_h::after{

    margin-left: 0;

    left: 0;

}

.about_box2 .info .items{

    display: flex;

    flex-wrap: wrap;

}

.about_box2 .info .items .item{

    display: flex;

    align-items: center;

    width: 50%;

    padding-right: 100px;

    margin-bottom: 45px;

}

.about_box2 .info .items .item .tip{

    flex: 1;

    padding-left: 14px;

    font-size: 18px;

    color: #4f4f4f;

    font-weight: bold;

    line-height: 1.3;

}

.about_box2 .info .items .icon{

    line-height: 0;

}



.tit_h{

    position: relative;

    text-align: center;

    padding-bottom: 20px;

    margin-bottom: 20px;

}

.tit_h::after{

    content: '';

    position: absolute;

    left: 50%;

    bottom: 0;

    width: 104px;

    height: 2px;

    margin-left: -52px;

    background: #00a2e8;

}

.about_box3{

    padding-top: 60px;

    padding-bottom: 70px;

    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/1700_bg.jpg)no-repeat center top;

}

.about_box3 .tab_items .items{

    display: flex;

    justify-content: space-between;

    

}

.about_box3 .tab_items .items .item{

    width: 19%;

    font-size: 26px;

    color: #636363;

    line-height: 70px;

    background: #fff;

    border-top-right-radius: 30px;

    text-align: center;

    cursor: pointer;

    transition: all .3s;

}

.about_box3 .tab_items .items .item.on,

.about_box3 .tab_items .items .item:hover{

    background: #00a2e8;

    color: #fff;

}

.about_box3 .tab_items{

    border-bottom: 4px solid #00a2e8;

}

.about_box3 .tab_info{

    height: 0;
    overflow: hidden;
   

}
.about_box3 .tab_info .img{
    padding-right: 20px;
}
.about_box3 .tab_info.on{
    margin-top: 50px;
    height: auto;

}

.about_box3 .tab_info .img{



}

.about_box3 .tab_info .img:nth-last-child(1){

    margin-right: 0;

}

.about_box4{

    padding: 45px 0;

}

.about_box4 .text{

    padding-top: 90px;

}

.about_box4 .text p{

    font-size: 18px;

    color: #636666;

    line-height: 1.3;

}

.about_box4 .img{

    text-align: center;

}

.about_box4 h3{

    margin-bottom: 40px;

}

.about_box5{

    padding-top: 50px;

    padding-bottom: 90px;

    background: #fcfcfc;

}

.about_box5 h3{

    margin-bottom: 60px;

}

.about_box5 .img{

    text-align: center;

}

.about_box5 .img img{

    margin: auto;

}
.about_box5 .scroll{
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 326px;
}
.about_box5 .scroll .slick_box {
    position: absolute;
}
.about_box5 .scroll .slick_box li{
    width: 280px;
    padding: 0 10px;
    float: left;
    margin-bottom: 20px;
}
.about_box5 .slick-prev,
.tab_info .slick-prev{

    transform: rotate(180deg);

    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/1730_icon.png)no-repeat center;

}

.about_box5 .slick-next,
.tab_info .slick-next{
    
    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/1730_icon.png)no-repeat center;

    

}
.tab_info .slick-next{
    right: 22px;
}


.product_banner{

    position: relative;
    max-width: 2000px;
    margin: auto;

}

.product_banner .content{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

}

.product_banner h3{

    font-size: 70px;

    font-weight: bold;

    color: #fff;

}

.product_box1{

    padding-top: 90px;

    padding-bottom: 55px;

}

.product_box1 .tab_content{

    display: flex;

    margin-top: 40px;

}

.product_box1 .tab_content .tab_ul{

    position: relative;

    width: 230px;

}

.product_box1 .tab_content .tab_ul ul li{

    position: relative;

    display: flex;

    align-items: center;

    height: 95px;

    font-size: 18px;

    color: #fff;

    line-height: 1.3;

    background-color: #00a2e8;

    background-position: 14px 20px;

    background-repeat: no-repeat;

    padding: 10px 10px 10px 80px;

    border-bottom: 1px solid #fff;

    cursor: pointer;

}

.product_box1 .tab_content .tab_ul ul li::after{

    content: '';

    position: absolute;

    left: 90%;

    top: 50%;

    margin-top: -11px;

    border-top: 6px solid transparent;

    border-bottom: 6px solid transparent;

    border-left: 11px solid #00a2e8;

    border-right: 11px solid transparent;

    opacity: 0;

    transition: all .3s;

}

.product_box1 .tab_content .tab_ul ul li.on::after{

    opacity: 1;

    left: 100%;

}

.product_box1 .tab_content .tab_ul ul li:nth-of-type(1){

    background-image: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/850_icon1.png);  

}

.product_box1 .tab_content .tab_ul ul li:nth-of-type(2){

    background-image: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/850_icon2.png);  

}



.product_box1 .tab_content .tab_ul ul li:nth-of-type(3){

    background-image: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/850_icon3.png);  

}



.product_box1 .tab_content .tab_ul ul li:nth-of-type(4){

    background-image: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/850_icon4.png);  

}

.product_box1 .tit_h::after{

    width: 100%;

    max-width: 400px;

    margin-left: -200px;

}

.product_box1 .tab_content .tab_info{

    display: none;

    flex: 1;

    padding: 40px 30px 10px 45px;

    box-shadow: 0px 0px 5px 0px rgba( 0, 0, 0 ,.3);

}

.product_box1 .tab_content .tab_info.on{

    display: block;

}

.product_box1 .tab_content .tab_info .text1 p{

    font-size: 18px;

    color: #090909;

    font-weight: bold;

    line-height: 1.3;

    margin-bottom: 18px;

}

.product_box1 .tab_content .tab_info> p{

    padding-left: 30px;

    font-size: 18px;

    color: #5d5d5d;

    line-height: 1.3;

    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/851_icon.png)no-repeat left 1px;

    margin-bottom: 20px;

}

.product_box1 .tab_content .tab_info> p:nth-last-child(1){

    margin-bottom: 0;

}

.products_list_box .product_list{

    background: #fff;

}

.products_list_box .list_box .info{

    padding: 10px 10px 10px 10px;

}

.products_list_box .list_box .info h4{

    font-size: 18px;

    color: #4a4a4a;

    font-weight: bold;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-bottom: 15px;

}

.products_list_box .list_box .info p{

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    text-align: left;

    font-size: 14px;

    color: #232323;

    font-weight: 300;

    line-height: 1.4;

}

.products_list_box .list_box .info p span{

    font-size: 14px;

    color: #232323;

    font-weight: bold;

}

.products_list_box .list_box .info a.more{

    display: block;

    line-height: 34px;

    font-size: 14px;

    color: #b1b1b1;

    font-weight: 300;

    margin-top: 5px;

}

.products_list_box .list_box .info a.more:hover{

    color: #00a2e8;

}

.products_list_box .list_box:hover h4{

    color: #00a2e8;

}

.product_box2{

    padding-top: 55px;

    padding-bottom: 70px;

    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/955_img.jpg)no-repeat center top;

    background-size: cover;

}

.page li a{

    color: #000;

}

.product_box2 h3{

    color: #fff;

    margin-bottom: 50px;

}

.product_box2 .tit_h::after{

    width: 256px;

    margin-left: -128px;

}

.product_box2 .screen_select{

    display: flex;

    padding: 0 5px;

    justify-content: space-between;

    margin-bottom: 50px;

}

.product_box2 .screen_select select{

    position: relative;

    width: 240px;

    height: 50px;

    background: rgba(255, 255, 255, .9) url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/1012_icon.png)no-repeat right center;

    font-size: 18px;    

    padding-left: 33px;
    padding-right: 56px;

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    border: 0;

}

.product_box2 .screen_select .btn{

    width: 120px;

    line-height: 50px;

    background: #00b0f0;

    background: linear-gradient(#00a2e8,#00b0f0);

    color: #fff;

    font-size: 18px;

    text-align: center;

    border-radius: 30px;

    cursor: pointer;

    transition: all .3s;

}

.product_box2 .screen_select .btn:hover{

    background: #1b6d90;

    background: linear-gradient(#00a2e8,#1b6d90);

}



.product_box2 .screen_select select option{

    height: 50px;

    background: rgba(255, 255, 255, .9);

    font-size: 18px;    
    

}

.product_box2 .screen_select .input{

    position: relative;

}

.product_box2 .screen_select .input::after{

    content: '';

    position: absolute;

    left: 20px;

    top: 10px;

    width: 1px;

    height: 33px;

    background: #0d2893;

}

.product_box3{

    padding-top: 50px;

    padding-bottom: 60px;

}

.product_box3 .tit_h::after{

    width: 480px;

    margin-left: -240px;

}

.product_box3 h4{

    font-size: 40px;

    color: #000000;

    margin-bottom: 38px;

}

.product_box3 p{

    font-size: 18px;

    color: #999999;

    line-height: 1.5;

}

.product_box3 a.more{

    display: block;

    width: 162px;

    line-height: 46px;

    text-align: center;

    font-size: 16px;

    color: #fff;

    font-weight: 300;

    background: #00a2e8;

    background: linear-gradient(#00a2e8,#00a2e8);

    margin-top: 40px;

}

.product_box3 a.more:hover{

    background: #1b6d90;

    background: linear-gradient(#00a2e8,#1b6d90);

}

.product_box3 .text1 h4{

    padding-top: 60px;

}

.product_box3 .text2{

    margin-top: 120px;

}

.product_box3 .text2 .col_lg_12:nth-of-type(1){

    float: right;

}

.product_box3 .text2 .col_lg_12:nth-of-type(2){

    float: left;

}

.product_box3 .right{

    padding-left: 40px;

}

.product_box3 .left{

    padding-right: 40px;

}



.application_banner{

    position: relative;
    max-width: 2000px;
    margin: auto;

}

.application_banner .content{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

}

.application_banner h1{

    font-size: 74px;

    color: #fff;

    font-weight: bold;

}

.application_content{

    padding-top: 60px;

    padding-bottom: 70px;

}

.application_content .items{

    display: flex;

    flex-wrap: wrap;

}

.application_content .items .item{

    width: 32%;

    margin-right: 2%;

    margin-bottom: 30px;

}

.application_content .items .item:nth-of-type(3n+3){

    margin-right: 0;

}

.application_content .items .item .img{

    text-align: center;

}

.application_content .items .item .img img{

    transition: all .3s;

}

.application_content .items .item:hover .img img{

    transform: scale(1.1);

}

.application_content .items .item .info{

    padding-top: 15px;

}

.application_content .items .item .info h3{

    font-size: 18px;

    color: #101010;

    font-weight: bold;

    line-height: 1.3;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.application_content .items .item .info p{

    font-size: 16px;

    color: #101010;

    ext-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    height: 44px;

}

.news_box .submenu_wrap ul li a{

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    padding-right: 20px;

}



.related_items .items{

    display: flex;

    margin-top: 30px;

}

.related_items .items .item{

    width: 24%;

    margin-right: 1.33%;

    box-shadow: 0px 0px 5px 0px rgba( 0, 0, 0 ,.3);

}

.related_items .items .item:nth-last-child(1){

    margin-right: 0;

}

.related_items .items .item .text{

    padding: 8px 12px;

}

.related_items .items .item .text a{

    display: block;

    font-size: 14px;

    color: #b1b1b1;

    line-height: 1.4;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;
    padding-right: 25px;

    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/1438_icon.png)no-repeat right center;

}

.related_items .tit_h::after{

    width: 340px;

    margin-left: -170px;

}

.related_items .items .item:hover .text a{

    color: #00a2e8;

}

.index_box5 .new_B_list,

.index_box5 .new_S_list{

    transition: all .3s;

}

.index_box5 .new_B_list:hover,

.index_box5 .new_S_list:hover{

    transform: translateY(-15px);

}





.index_box2 h1,

.index_box3 .text2 .tip h3,

.index_box4 h3,

.index_box5 h3,

.tit_h{

    font-size: 40px;

    color: #000000; 

    line-height: 1.2;

}


/* 20200211 */
.productDownload a{
    color:#1c1c1c;
    font-size: 16px;
    display: inline-block;
    line-height: 30px;
    padding-left: 35px;
    background:url(https://spo-tag.usa02.wondercdn.com/public//static//images//home//en-us//pdf.png) no-repeat left center;
}
/* 20200211 */
.contact_content .items{
    display: flex;
    flex-wrap: wrap;
    padding-top: 80px;
    padding-bottom: 50px;
}
.contact_content .items .item{
    display: flex;
    align-items: flex-start;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 30px;
}
.contact_content .items .item:nth-of-type(3n+3){
    margin-right: 0;
}
.contact_content .items .item .icon{
    margin-right: 10px;
}
.contact_content .items .item .info{
    flex: 1;
    padding-top: 20px;
}
.contact_content .items .item .info h3{
    font-size: 22px;
    color: #1b1b1b;
    font-weight: bold;
    margin-bottom: 10px;
}
.contact_content .items .item .info p,
.contact_content .items .item .info p a{
    font-size: 16px;
    color: #1b1b1b;
    font-weight: 300;
    line-height: 1.5;
}
.contact_content .items .item .info p a:hover{
    text-decoration: underline;
}
.contact_form{
    padding-top: 30px;
    padding-bottom: 70px;
    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/disc_bg.png)repeat;
}
.contact_form h1{
    font-size: 22px;
    color: #1b1b1b;
    font-weight: bold;
    margin-bottom: 40px;
}
.contact_form  .form{
    padding-right: 100px;
}
.contact_form .input{
    position: relative;
    margin-bottom: 16px;
}
.contact_form .input .tips{
    color: #00a2e8;
}
.contact_form .input input[type=text],
.contact_form .input textarea{
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    background: #fff;
    text-indent: 12px;
    font-size: 16px;
    color: #838383;
    font-weight: 300;
}
.contact_form .input textarea{
    resize: none;
    height: 90px;
    padding-top: 10px;
}
.contact_form .input .Varify_img{
    position: absolute;
    right: 4px;
    top: 4px;
    height: 42px;
    cursor: pointer;
}
.contact_form .input .sub{
    width: 100%;
    height: 50px;
    border: 0;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    background: #00a2e8;
    transition: all .3s;
    cursor: pointer;
}
.contact_form .input .sub:hover{
    background: #00a2e8;
}
.contact_form .items{
    padding-top: 0px;
}
.contact_form .items .item{
    margin-bottom: 20px;
}
.contact_form .items .item h3{
    font-size: 20px;
    color: #1b1b1b;
    font-weight: 400;
    margin-bottom: 10px;
}
.contact_form .items .item .info span{
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}
.contact_form .items .item .info span{
    background-image: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/reset/follow-service.png);
}
.contact_form .items .item .info span.email{
    background-position: -622px -381px;
}
.contact_form .items .item .info span.whatsapp{
    background-position: -622px -1223px;
}
.contact_form .items .item .info span.wechat{
    background-position: -622px -1021px;
}
.contact_form .items .item .info span.skype{
    background-position: -622px -574px;
}
.contact_form .items .item .info span.facebook{
    background-position: -622px 3px;
}
.contact_form .items .item .info span.linkedin{
    background-position: -622px -126px;
}
.contact_form .items .item .info span.twitter{
    background-position: -622px -252px;
}
.contact_form .items .item .info p{
    font-size: 16px;
    color: #1b1b1b;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 1.4;
}
.contact_form .items .item .info p a{
    color: #000;
}
.contact_form .items .item .info p a:hover{
    text-decoration: underline;
}
#google_map{
    width: 100%;
    height: 475px;
}

.applicationRelatedProduct .items{
    padding: 0;
}
.applicationRelatedProduct .items.on{
    padding: 0 30px;
}
.applicationRelatedProduct .items .slick-prev,
.applicationRelatedProduct .items .slick-next{
    width: 21px;
    height: 42px;
    margin-top: -21px;
    background: url("https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/reset/buttonstyle.png") no-repeat;
}
.applicationRelatedProduct .items .slick-prev{
    background-position: left center;
    left: 0;
}
.applicationRelatedProduct .items .slick-next{
    background-position: right center;
    right: 0;
}
.applicationRelatedProduct .items .item{
    margin: 10px 5px;
    box-shadow: 0 0 5px 0 rgba( 0, 0, 0 ,.3);
}
.applicationRelatedProduct .items .item .text{
    padding: 8px 12px;
}
.applicationRelatedProduct .items .item .text a{
    display: block;
    font-size: 14px;
    color: #b1b1b1;
    line-height: 1.4;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 25px;
    background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/1438_icon.png)no-repeat right center;
}
.applicationRelatedProduct .items .item:hover .text a{
    color: #00a2e8;
}

@media (max-width: 1620px){

    .index_box3 .btn_click{

        left: 30%;

    }

}

@media (max-width: 1420px){

    .about_box2 .info{

        width: 650px;

    }
    .banner_slick span.more{
        margin-top: 100px;
    }
    .index_box4{
        padding-top: 100px;
    }
    
}
@media (max-width: 1320px){
    .index_box4{
        padding-top: 50px;
    }
    .index_box4 .items{
        margin-top: 40px;
        margin-bottom: 60px;
    }
}
@media (max-width: 1220px){
    .banner_slick span.more{
        margin-top: 50px;
    }
    .index_box4 .items .tip{
        width: 160px;
        height: 160px;
    }
    .index_box4 .items .tip{
        font-size: 15px;
    }
    .index_box5 .new_S_list .info{
        width: 255px;
    }
    .product_box2 .screen_select select{
        width: 200px;
    }
    .product_box2 .screen_select{
        flex-wrap: wrap;
    }
}

@media (max-width: 992px) {

    body{

        padding-top: 60px;

    }

    /*移动端隐藏模块*/

    .header {

        display: none;

    }



    /*移动端头部*/

    .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%;
        padding: 15px 0;
    }



    /*移动端菜单按钮*/

    .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: 20px;

        height: 20px;

        background: #000;

        top: 8px;

        right: 10px;

        background: url("https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/reset/li_click.png") no-repeat top 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;

    }
    .banner_slick h3{
        font-size: 36px;
    }
    .banner_slick span.more{
        width: 120px;
        font-size: 16px;
        line-height: 30px;
    }
    .index_box2 h1, .index_box3 .text2 .tip h3, .index_box4 h3, .index_box5 h3, .tit_h{
        font-size: 30px;
    }
    .about_box2 .info p,
    .contact_content .items .item .info p, .contact_content .items .item .info p a,
    .contact_form .items .item .info p{
        font-size: 14px;
    }
    .index_box2 p,
    .index_box3 .text2 .tip p,
    .index_box3 .tab_info .text .text_info2 p,
    .index_box4 p,
    .product_box1 .tab_content .tab_info> p,
    .product_box3 p,
    .about_box2 .info .items .item .tip,
    .about_box4 .text p{
        font-size: 15px;
    }
    .index_box2{
        padding: 30px 0;
    }
    .index_box2 .items{
        justify-content: space-between;
    }
    .index_box2 .items .item{
        width: 49%;
        margin-right: 0 !important;
        margin-bottom: 20px;
    }
    .index_box2 .items .item .info h4{
        font-size: 14px;
        margin-bottom: 7px;
    }
    .index_box2 .items .item .info p,
    .index_box2 .items .item .info p span{
        font-size: 12px;
    }
    .index_box2 .items .item .info a.more{
        margin-top: 15px;
        line-height: 25px;
        font-size: 12px;
        width: 90px;
    }
    .index_box3{
        height: auto;
    }
    .index_box2 .items .item .info{
        padding-bottom: 10px;
    }
    .index_box3 .tab_content{
        position: static;
    }
    .index_box3 .btn_click{
        position: static;
    }
    .index_box3 a.more{
        margin: inherit;
        margin-top: 20px;
    }
    .index_box3 .tab_info{
        position: static;
        width: 100%;
    }
    .index_box3 .tab_content{
        height: auto;
    }
    .index_box3 .tab_img{
        background-size: cover;
        height: auto;
        padding-top: 48%;
        width: 74%;
    }
    .index_box3 .tab_content{
        width: 767px;
        margin: auto;
    }
    .index_box3 .tab_content .line{
        display: none;
        visibility: visible !important;
    }
    .index_box3 .tab_content .line.on{
        display: block;
    }
    .index_box3 .tab_content{
        margin-top: 20px;
    }
    .index_box3 .tab_info .text{
        width: 100%;
        padding: 20px;
        margin-top: 20px;
        margin-left: 0;
    }
    .index_box3 .tab_info .text .text_info2 p{
        height: auto;
    }
    .index_box3 .tab_info .text a.more{
        margin-top: 15px;
        margin-bottom: 0;
    }
    .index_box3 .text2{
        height: auto;
        padding-bottom: 40px;
    }
    .index_box3 .btn_click{
        width: 98%;
        margin: auto;
        background: #fff;
        padding: 0 100px;
        margin-top: 20px;
    }
    .index_box3 .text2{
        padding-top: 0;
    }
    .index_box4 .fix_pic{
        display: none;
        position: static;
        width: 90%;
        margin: auto;
        margin-bottom: 20px;
    }
    .index_box4{
        background: #00a2e8;
        margin-top: 30px;
    }
    .index_box4{
        padding-bottom: 30px;
    }
    .index_box4 .items{
        flex-wrap: wrap;
    }
    .index_box5{
        padding: 30px 0;
    }
    .index_box5 .new_B_list{
        margin-bottom: 30px;
    }
    .index_box5 .new_S_list .info{
        width: auto;
    }
    .fast_navigation .items{
        flex-wrap: wrap;
    }
    .fast_navigation .items .item{
        width: 100% !important;
    }
    .fast_navigation .items .item:nth-of-type(2){
        display: none;
    }
    .fast_navigation h2{
        margin-top: 20px;
    }
    .product_banner h3{
        text-align: right;
        font-size: 50px;
        padding-right: 80px;
    }
    .product_banner .container{
        width: 100%;
    }
    .product_box1{
        padding: 30px 0;
    }
    .product_box1 .tab_content{
        flex-wrap: wrap;
    }
    .product_box1 .tab_content .product_box1 .tab_content .tab_ul{
        width: 100%;
        margin-bottom: 20px;
    }
    .product_box1 .tab_content .tab_info{
        width: 100%;
        flex: inherit;
    }
    .product_box1 .tab_content .tab_ul{
        width: 100%;
        overflow-x: auto;
    }
    .product_box1 .tab_content .tab_ul ul {
        width: 920px;
        padding-bottom: 20px;
        overflow: hidden;
    }
    .product_box1 .tab_content .tab_ul ul li{
        width: 230px;
        float: left;
    }
    .Social_concern{
        display: none;
    }
    .product_box1 .tab_content .tab_ul ul li::after{
        border-top: 11px solid #00a2e8;
        border-bottom: 11px solid transparent;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        top: 100%;
        margin-top: 0px;
        left: 50%;
        margin-left: -10px;
    }
    .product_box1 .tab_content .tab_ul ul li.on::after{
        left: 50%;
    }
    .product_box1 .tab_content .tab_info{
        padding-bottom: 20px;
    }
    .product_box2 .screen_select{
        width: 100%;
    }
    .product_box2 .screen_select select{
        width: 100%;
    }
    .product_box2 .screen_select .input{
        width: 49%;
        margin-bottom: 20px;
    }
    .product_box3 .right{
        padding-left: 0;
    }
    .product_box3 .left{
        padding-right: 0;
    }
    .application_content{
        padding: 30px 0;
    }
    .application_content .items{
        justify-content: space-between;
    }
    .application_content .items .item{
        width: 49%;
        margin-right: 0 !important;
    }
    .related_items .items{
        flex-wrap: wrap;
    }
    .related_items .items{
        justify-content: space-between;
    }
    .related_items .items .item{
        width: 49%;
        margin-right:0;
    }
    .about_box2{
        flex-wrap: wrap;
        width: 767px;
        margin: auto;
    }
    .about_box2 > .img{
        width: 100%;
        background-size: contain;
        background-position: center top;
        height: auto;
        margin: auto;
        margin-bottom: 20px;
        margin-top: 30px;
        padding-top: 87%;
    }
    .about_box2 .info{
        width: 100%;
    }
    .about_box2 .info{
        padding-top: 0;
        padding-left: 0;
        margin-left: 0;
    }
    .about_box2 .info .items .item{
        padding-right: 0;
    }
    .about_box3 .tab_items .items{
        overflow-x: auto;
        justify-content: start;
    }
    .about_box3 .tab_items .items .item{
        width: auto;
        font-size: 16px;
        line-height: 30px;
        border-top-right-radius: 10px;
        padding: 0 20px;
        margin-right: 20px;
        white-space: nowrap;
    }
    .fancybox-close{
        top: -40px;
        right: 0;
    }
    .about_box3 .tab_info.on{
        margin-top: 20px;
    }
    .about_box3{
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .about_box4 .text{
        padding-top: 30px;
    }
    .about_box4{
        padding-bottom: 0;
    }
    .about_box3 .tab_info .img{
        padding-right: 10px;
    }
    .about_box4 h3{
        margin-bottom: 0;
    }
    .about_box4 .text{
        padding-bottom: 30px;
    }
    .news_content_title h1{
        font-size: 26px;
    }
    .Crumbs{
        padding: 0;
        height: 0;
    }
    #google_map{
        height: 250px;
        margin: 0 10px;
        width: auto;
    }
    .contact_content .items .item{
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }
    .contact_content .items .item .icon{
        display: none;
    }
    .contact_content .items{
        padding: 30px 0;
    }
    .contact_form .form{
        padding-right: 0;
    }
    .product_box2 .screen_select select{
        background-size: 26px;
        font-size: 14px;
        padding-right: 30px;
        height: 30px;
        padding-left: 10px;
    }
    .product_box2 .screen_select .input::after{
        display: none;
    }
    .product_box2 .screen_select select option,
    .product_box2 .screen_select select{
        font-size: 12px;
    }
    .index_box3 .tab_info .text .text_info1 p{
        background: url(https://spo-tag.usa02.wondercdn.com/public/static/images/home/en-us/1310_icon.png)no-repeat left -1px;
        background-size: 34px;
        font-size: 20px;
    }
}

@media (max-width: 767px) {

    .footer_fixed_form{

        display: none;

    }

    .about_box2{
        width: 100%;
        padding: 0 10px;
    }

    #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;

    }


    .banner_slick h3{
        font-size: 20px;
        margin-left: 30px;
    }
    .banner_slick span.more{
        margin-top: 20px;
        margin-left: 30px;
    }
    .banner_slick .slick_first .content .container{
        width: 100%;
    }
    .index_box3 .tab_content{
        width: 100%;
        padding: 0 10px;
    }
    .index_box4 .items .item{
        margin-bottom: 20px;
        margin-left: 40px;
        margin-right: 40px;
    }
    .index_box5 .new_S_list .img{
        width: 140px;
        height: 140px;
    }
    .Fast_contact ul li.onlineservice_li{
        width: 20%;
    }
    .footer_box{
        padding-bottom: 48px;
    }
    .wechat_li{
        display: block !important;
    }
    .wechat_li .onlineservice_tips{
        right: 0;
        top: inherit;
        bottom: 100%;
        display: block !important;
    }
    .onlineservice_tips:after{
        display: none;
    }
    .products_list_box .list_box .info h4{
        font-size: 14px;
        margin-bottom: 7px;
    }
    .products_list_box .list_box .info p,
    .products_list_box .list_box .info p span{
        font-size: 12px;
    }
    .products_list_box .list_box .info a.more{
        font-size: 12px;
    }
    .products_list_box .list_box .info{
        padding: 0;
    }
    .product_box3 .tit_h::after{
        display: none;
    }
    .application_banner h1,
    .about_box1 .content h1{
        font-size: 36px;
    }
    .about_box2 .info .items .item{
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .about_box2 .info .items .item .icon{
        margin: auto;
    }
    .about_box2 .info .items .item .tip{
        padding-left: 0;
        text-align: center;
        flex: inherit !important;
        width: 100%;
        margin-top: 20px;
    }
    .product_banner h3 {
        text-align: right;
        font-size: 40px;
        padding-right: 20px;
    }
}

@media (max-width: 640px){

    .index_box5 .new_S_list .img{
        display: none;
    }
    .index_box5 .new_S_list{
        display: block;
    }
    .product_banner h3{
        font-size: 36px;
    }
    .about_box1 .content h1{
        font-size: 26px;
    }

}

@media (max-width: 580px){



}

@media (max-width: 480px) {
    .banner_slick h3{
        font-size: 16px;
    }
    .banner_slick span.more{
        margin-top: 10px;
        font-size: 10px;
        line-height: 20px;
    }
    .slick-dots{
        bottom: 10px;
    }
    .index_box4 .items .item{
        margin-left: 10px;
        margin-right: 10px;
    }
    .index_box4 .items .tip{
        width: 140px;
        height: 140px;
    }
    .index_box4 .items{
        margin-bottom: 20px;
    }
    .product_banner h3 {
        text-align: right;
        font-size: 25px;
        margin-bottom: 10px;
        padding-right: 20px;
    }
}