.top-info a:hover{
    color:#001d85;
}

.titleactive{
    color:#001d85 !important;
}
 /**
   底部
  */
.footer_background{
    background-color:#FFFFFF;
    height:50px;
    line-height: 50px;
 }
/* 修改愿框架的折叠图标 */
 .navbar-toggler-icon{
    background-image: url("../image/zhedie.png");
}

.container_title1{
    background-color: #80ccff;
    width:10%;
    height:60px;
    float: left
}
.container_title2{
    background-color: #e6f5ff;
    width:90%;
    height:60px;
    line-height: 60px;
    text-align: center;
    color:#0099ff;
    float: left
}



/* Page-S */
#layout-page{
    margin: 0 auto;
    text-align: center;
    width:350px;
}
#layout-page a{
    display: block;
    float: left;
    width: 50px;
    height: 25px;
    border: 1px solid #0098ff;
    margin: -1px;
    padding: 5px;
    color: #0098ff;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
}
#layout-page a:hover, #layout-page a.page-active{
    background: #0098ff;
    color: #ffffff;
}

/* Page-E */

.all_left_40{
    margin-left: 20px;
}
.all_right_40{
    margin-right: 20px;
}


.sy_background{
    background-color: #0098ff;

}



.reconstruction1{
    background: url(../image/icon/Apparel.png) no-repeat ;
}
.reconstruction2{
    background: url(../image/icon/Furniture-&-Home.png) no-repeat ;
}
.reconstruction3{
    background: url(../image/icon/Appliances-&-Electronics.png) no-repeat ;
}
.reconstruction4{
    background: url(../image/icon/Baby.png) no-repeat ;
}
.reconstruction5{
    background: url(../image/icon/Baby.png) no-repeat ;
}
.reconstruction6{
    background: url(../image/icon/Cultural-Heritage.png) no-repeat ;
}
.reconstruction7{
    background: url(../image/icon/Beauty-and-Personal-Care.png) no-repeat ;
}
.reconstruction8{
    background: url(../image/icon/People.png) no-repeat ;
}
.reconstruction9{
    background: url(../image/icon/Footwear.png) no-repeat ;
}
.reconstruction10{
    background: url(../image/icon/Arts-and-Crafts.png) no-repeat ;
}
.reconstruction11{
    background: url(../image/icon/Luggage.png) no-repeat ;
}
.intro_wz{
    text-align: left;

    font-size: 20px;
}

/**手机 */
@media (max-width: 400px) {
    .menu_cla{
        height:80px;
    }
    .top-info{
        height: 80px;
        line-height: 30px;
        background-color: #0098ff;
    }
    .top-info a{
        color:#1E9FFF;
        font-size: 18px;
    }
    .logo_img{
        width:100px;
    }
    .navbar-nav{
        text-align: center;

    }
    .navbar-nav li{
        height: 35px;
    }
    .navbar-collapse{
        background-color: #f7f7f7;
    }
    .navbar-nav a{
        color: #0098ff !important;
    }
    /**下拉列表*/
    #navbardroplist a{
        height: 18px;
        line-height: 15px;
        font-size: 18px;
        color: #0098ff;
        padding-left: 30px;

    }
    .sy_intro{
        margin-top: 100px;
        margin-left: 20px;
        color: #ffffff;
    }
    .sy_info2{
        text-align: center;
        margin-top: 60px;
        font-size: 20px;
        height: 60px;
        line-height: 60px;
        color: #ffffff !important;
        background-color: #FF0000;
    }

    .index_info{
        font-size: 22px !important;
    }
    .index_img{
        margin-top:50px;
    }
    .yizhiimg{
        margin-top: 80px;
        height: 380px;
    }
    .container_info{
        margin-top:20px;
        min-height: 600px;
    }
    .container_info .videocla{
        width: 350px;
    }
    .intro_info {
        text-indent: 2em;
        text-align: justify;
        text-justify: newspaper;
        font-size: 20px;
    }

    .visualize_info{
        margin-left: 40px;
        margin-top: 100px;
    }
    .animation_info{

    }
    .model_img{
        /** border:1px solid #71dd8a;**/

    }
    .video-class{
        background-color: #000000;
        text-align: center;
        height:350px;
        width:350px !important;
    }
    .video-class video{
        background-color: #000000;
        text-align: center;
        height:300px;
        width:300px;
    }
    .contact_info{
        margin-left: 50px;
    }
    /*成功案例*/
    .img_yuan{
        width:165.66px;
        height: 174.45px;
    }
    .div_two{
        position: absolute;
        top: 20%;
        left: 35%;
        width: 98px;
        display: none;
    }
}

@media (min-width: 401px) and (max-width: 768px) {
    .menu_cla{
        height:80px;
    }
    .top-info{
        height: 80px;
        line-height: 30px;
        background-color: #0098ff;
    }
    .top-info a{
        color:#1E9FFF;
        font-size: 12px;
    }
    .logo_img{
        width:100px;
    }
    .menu_wid{
        margin-left: 0px;
    }
    .navbar-nav{
        text-align: center;
    }
    .navbar-nav li{
        height: 35px;
    }
    /**下拉列表*/
    #navbardroplist a{
        height: 15px;
        line-height: 15px;
        font-size: 12px;
        color: #0098ff;
        padding-left: 30px;

    }
    .sy_intro{
        margin-top: 100px;
        margin-left: 20px;
        color: #ffffff;
    }
    .sy_info2{
        text-align: center;
        margin-top: 60px;
        font-size: 20px;
        height: 60px;
        line-height: 60px;
        color: #ffffff !important;
        background-color: #FF0000;
    }

    .index_info{
        font-size: 22px !important;
    }
    .index_img{
        margin-top:50px;
    }
    .yizhiimg{
        margin-top: 80px;
        height: 380px;
    }
    .container_info{
        margin-top:20px;
        min-height: 600px;
    }
    .container_info .videocla{
        width: 580px;
    }
    .intro_info {
        text-indent: 2em;
        text-align: justify;
        text-justify: newspaper;
        font-size: 20px;
    }

    .visualize_info{
        margin-left: 40px;
        margin-top: 100px;
    }
    .animation_info{

    }
    .model_img{
        /** border:1px solid #71dd8a;**/

    }
    .video-class{
        background-color: #000000;
        text-align: center;
        height:450px;
        width:550px !important;
    }
    .video-class video{
        background-color: #000000;
        text-align: center;
        height:400px;
        width:500px;
    }
    .contact_info{
        margin-left: 50px;
    }
    /*成功案例*/
    .img_yuan{
        width:165.66px;
        height: 174.45px;
    }
    .div_two{
        position: absolute;
        top: 20%;
        left: 35%;
        width: 98px;
        display: none;
    }
}
/**拆分 **/
@media (min-width: 769px) and (max-width: 960px) {
    /* 菜单高度 */
    .menu_cla{
        height: 80px;
    }
    /* 菜单*/
    .top-info{
        height: 80px;
        line-height: 80px;
        background-color: #0098ff;
    }
    .top-info a{
        color:#ffffff;
        font-size: 14px;
    }
    .logo_img{
        width:100px;
    }
    .menu_wid{
        margin-left: 20px;
    }
    .menudis{
        margin-top:-40px;
    }
    #navbardroplist a{
        height:20px;
        line-height: 15px;
        font-size: 12px;
        color: #0098ff;
        padding-left: 20px;
        background-size:10px 10px;
        background-position: 8px center ;
    }
    .sy_intro{
        margin-top: 180px;
        margin-left: 40px;
        color: #ffffff;
    }
    .sy_info2{
        text-align: center;
        margin-top: 60px;
        font-size: 30px;
        height: 60px;
        line-height: 60px;
        color: #ffffff !important;
        background-color: #FF0000;
    }
    /*成功案例*/
    .img_yuan{
        width:165.66px;
        height: 174.45px;
    }
    .div_two{
        position: absolute;
        top: 20%;
        left: 5%;
        width: 98px;
        display: none;
    }
}

/**  */
@media (min-width: 961px) and (max-width: 1180px) {
    /* 菜单高度 */
    .menu_cla{
        height: 80px;
    }
    /* 菜单*/
    .top-info{
        height: 80px;
        line-height: 80px;
        background-color: #0098ff;
    }
    .top-info a{
        color:#ffffff;
        font-size: 16px;
    }
    .logo_img{
        width:150px;
    }
    .menu_wid{
        margin-left: 150px;
    }
    .menudis{
        margin-top:-40px;
    }
    #navbardroplist a{
        height:20px;
        line-height: 15px;
        font-size: 14px;
        color: #0098ff;
        padding-left: 20px;
        background-size:10px 10px;
        background-position: 8px center ;
    }
    .sy_intro{
        margin-top: 180px;
        margin-left: 40px;
        color: #ffffff;
    }
    .sy_info2{
        text-align: center;
        margin-top: 60px;
        font-size: 30px;
        height: 60px;
        line-height: 60px;
        color: #ffffff !important;
        background-color: #FF0000;
    }

    .index_info{
        font-size: 26px !important;
    }
    .index_img{
        margin-top:50px;
    }
    .yizhiimg{
        margin-top: 40px;
        height: 580px;
    }
    .container_info{
        margin-top:20px;
        min-height: 600px;
    }
    .container_info .videocla{
        width: 580px;
    }
    .intro_info {
        text-indent: 2em;
        text-align: justify;
        text-justify: newspaper;
        font-size: 20px;
    }

    .visualize_info{
        margin-left: 40px;
        margin-top: 100px;
    }
    .animation_info{

    }
    .model_img{
        /** border:1px solid #71dd8a;**/

    }
    .video-class{
        background-color: #000000;
        text-align: center;
        height:550px;
        width:700px !important;
    }
    .video-class video{
        background-color: #000000;
        text-align: center;
        height:500px;
        width:650px;
    }
    .contact_info{
        margin-left: 50px;
    }
    /*成功案例*/
    .img_yuan{
        width:165.66px;
        height: 174.45px;
    }
    .div_two{
        position: absolute;
        top: 15%;
        left: 8%;
        display: none;
    }
}
/** yinker 笔记本 */
@media (min-width: 1181px) and (max-width: 1440px) {
    /* 菜单高度 */
    .menu_cla{
        height: 80px;
    }
    /* 菜单*/
    .top-info{
        height: 80px;
        line-height: 80px;
        background-color: #0098ff;
    }
    .top-info a{
        color:#ffffff;
        font-size: 16px;
    }
    .logo_img{
        width:150px;
    }
    .menu_wid{
        margin-left:300px;
    }
    .menudis{
        margin-top:-40px;
    }
    #navbardroplist a{
        height:20px;
        line-height: 15px;
        font-size: 14px;
        color: #0098ff;
        padding-left: 20px;
        background-size:10px 10px;
        background-position: 8px center ;
    }
    .sy_intro{
        margin-top: 180px;
        margin-left: 40px;
        color: #ffffff;
    }
    .sy_info2{
        text-align: center;
        margin-top: 60px;
        font-size: 30px;
        height: 60px;
        line-height: 60px;
        color: #ffffff !important;
        background-color: #FF0000;
    }

    .index_info{
        font-size: 26px !important;
    }
    .index_img{
        margin-top:50px;
    }
    .yizhiimg{
        margin-top: 40px;
        height: 580px;
    }
    .container_info{
        margin-top:20px;
        min-height: 600px;
    }
    .container_info .videocla{
        width: 580px;
    }
    .intro_info {
        text-indent: 2em;
        text-align: justify;
        text-justify: newspaper;
        font-size: 20px;
    }

    .visualize_info{
        margin-left: 40px;
        margin-top: 100px;
    }
    .animation_info{

    }
    .model_img{
       /** border:1px solid #71dd8a;**/

    }
    .video-class{
        background-color: #000000;
        text-align: center;
        height:550px;
        width:700px !important;
    }
    .video-class video{
        background-color: #000000;
        text-align: center;
        height:500px;
        width:650px;
    }
    .contact_info{
        margin-left: 50px;
    }
    /*成功案例*/
    .img_yuan{
        width:165.66px;
        height: 174.45px;
    }
    .div_two{
        position: absolute;
        top: 15%;
        left: 8%;
        display: none;
    }
}
/** 苹果 **/
@media (min-width: 1441px) and (max-width: 1680px) {
    .menu_cla{
        height: 100px;
    }
    .top-info{
        height: 100px;
        line-height: 100px;
        background-color: #0098ff;
    }
    .top-info a{
        color:#ffffff;
        font-size: 18px;
    }
    .logo_img{
        width:180px;
    }
    .menu_wid{
        margin-left: 600px;
    }
    .menudis{
        margin-top:-40px;
    }
    #navbardroplist a{
        height: 30px;
        line-height: 25px;
        font-size: 16px;
        color: #0098ff;
        padding-left: 30px;
        background-size:15px 15px;
        background-position: 8px center ;
    }
    .sy_intro{
        margin-top: 230px;
        margin-left: 40px;
        color: #ffffff;
    }
    .index_img{
    }
    .yizhiimg{
        margin-top: 60px;
        height: 580px;
    }
    .sy_info2{
        text-align: center;
        margin-top: 60px;
        font-size: 30px;
        height: 60px;
        line-height: 60px;
        color: #ffffff !important;
        background-color: #FF0000;
    }

    .index_info{
        font-size: 26px !important;
    }
    .container_info{
        margin-top:60px;
        min-height: 800px;
    }

    .intro_info {
        text-indent: 2em;
        text-align: justify;
        text-justify: newspaper;
        font-size: 20px;
    }

    .visualize_info{
        margin-left: 40px;
        margin-top: 180px;
    }
    .animation_info{

    }
    .model_img{
        /** border:1px solid #71dd8a;**/
    }
    .video-class{
        background-color: #000000;
        text-align: center;
        height:750px;
        width:1050px !important;
    }
    .video-class video{
        background-color: #000000;
        text-align: center;
        height:700px;
        width:1000px;
    }
    .container_info .videocla{
        width: 680px;
    }
    .contact_info{
        margin-left: 50px;
    }
    /*成功案例*/
    .img_yuan{
        width:320px;
        height: 330px;
    }
    .div_two{
        position: absolute;
        top: 15%;
        left: 6%;
        display: none;
    }
}
@media (min-width: 1681px) and (max-width: 1919px) {
    .menu_cla{
        height: 100px;
    }
    .top-info{
        height: 100px;
        line-height: 100px;
        background-color: #0098ff;
    }
    .top-info a{
        color:#ffffff;
        font-size: 20px;
    }
    .logo_img{
        width:180px;
    }
    .menu_wid{
        margin-left:800px;
    }
    .menudis{
        margin-top:-40px;
    }
    #navbardroplist a{
        height: 30px;
        line-height: 25px;
        font-size: 16px;
        color: #0098ff;
        padding-left: 30px;
        background-size:15px 15px;
        background-position: 8px center ;
    }
    .sy_intro{
        margin-top: 230px;
        margin-left: 40px;
        color: #ffffff;
    }
    .index_img{
    }
    .yizhiimg{
        margin-top: 60px;
        height: 580px;
    }
    .sy_info2{
        text-align: center;
        margin-top: 60px;
        font-size: 30px;
        height: 60px;
        line-height: 60px;
        color: #ffffff !important;
        background-color: #FF0000;
    }

    .index_info{
        font-size: 26px !important;
    }
    .container_info{
        margin-top:60px;
        min-height: 1000px;
    }

    .intro_info {
        text-indent: 2em;
        text-align: justify;
        text-justify: newspaper;
        font-size: 20px;
    }

    .visualize_info{
        margin-left: 40px;
        margin-top: 180px;
    }
    .animation_info{

    }
    .model_img{
        /** border:1px solid #71dd8a;**/
    }
    .video-class{
        background-color: #000000;
        text-align: center;
        height:750px;
        width:1050px !important;
    }
    .video-class video{
        background-color: #000000;
        text-align: center;
        height:700px;
        width:1000px;
    }
    .container_info .videocla{
        width: 680px;
    }
    .contact_info{
        margin-left: 50px;
    }
    /*成功案例*/
    .img_yuan{
        width:320px;
        height: 330px;
    }
    .div_two{
        position: absolute;
        top: 15%;
        left: 6%;
        display: none;
    }
}
@media (min-width: 1920px){
    .menu_cla{
        height: 100px;
    }
    .top-info{
        height: 100px;
        line-height: 100px;
        background-color: #0098ff;
    }
    .top-info a{
        color:#ffffff;
        font-size: 20px;
    }
    .logo_img{
        width:180px;
    }
    .menu_wid{
        margin-left:800px;
    }
    .menudis{
        margin-top:-40px;
    }
    #navbardroplist a{
        height: 30px;
        line-height: 25px;
        font-size: 16px;
        color: #0098ff;
        padding-left: 30px;
        background-size:15px 15px;
        background-position: 8px center ;
    }
    .sy_intro{
        margin-top: 230px;
        margin-left: 40px;
        color: #ffffff;
    }
    .index_img{
    }
    .yizhiimg{
        margin-top: 60px;
        height: 580px;
    }
    .sy_info2{
        text-align: center;
        margin-top: 60px;
        font-size: 30px;
        height: 60px;
        line-height: 60px;
        color: #ffffff !important;
        background-color: #FF0000;
    }

    .index_info{
        font-size: 26px !important;
    }
    .container_info{
        margin-top:60px;
        min-height: 1300px;
    }

    .intro_info {
        text-indent: 2em;
        text-align: justify;
        text-justify: newspaper;
        font-size: 20px;
    }

    .visualize_info{
        margin-left: 40px;
        margin-top: 180px;
    }
    .animation_info{

    }
    .model_img{
        /** border:1px solid #71dd8a;**/
    }
    .video-class{
        background-color: #000000;
        text-align: center;
        height:750px;
        width:1050px !important;
    }
    .video-class video{
        background-color: #000000;
        text-align: center;
        height:700px;
        width:1000px;
    }
    .container_info .videocla{
        width: 680px;
    }
    .contact_info{
        margin-left: 50px;
    }
    /*成功案例*/
    .img_yuan{
        width:320px;
        height: 330px;
    }
    .div_two{
        position: absolute;
        top: 15%;
        left: 6%;
        display: none;
    }
}