body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, iframe, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0
}
body {
    /*font: 14px/1.55 \5FAE\8F6F\96C5\9ED1,\5B8B\4F53!important;*/
    color: #333;
    height: 100%;
    background: #fff;
}
body, button, input, select, textarea {
    /*font: 12px/20px tahoma, arial, \5b8b\4f53, sans-serif;*/
    resize:none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%
}

address, cite, dfn, em, var {
    font-style: normal
}
code, kbd, pre, samp {
    font-family: courier new, courier, monospace
}
small {
    font-size: 12px
}
ul, ol ,i{
    list-style: none;
    font-style:normal;
}
a {
    text-decoration: none;
    color: #555;
    outline: 0 none;
}
a:hover {
    text-decoration: none;
    color: #333;
}
sup {
    vertical-align: text-top
}
sub {
    vertical-align: text-bottom
}
legend {
    color: #000
}
fieldset, img {
    border: 0
}
img {
    display: inline;
}
button, input, select, textarea {
    font-size: 100%
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
.mb{
    margin-bottom: 30px;
}
.pt{
    padding-top: 40px;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?hvo7hp');
  src:  url('https://www.sanyglobal.com/secondskin/public/icomoon/fonts/icomoon.eot?hvo7hp#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?hvo7hp') format('truetype'),
    url('../fonts/icomoon.woff?hvo7hp') format('woff'),
    url('../fonts/icomoon.svg?hvo7hp#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^=plicon-]:before, [class*=" plicon-"]:before {
    font-family: plicons!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-177:before {
  content: "\e9ba";
}
.icon-32:before {
    content: "\e926";
}
.icon-31:before {
    content: "\e925";
}
.icon-33:before {
    content: "\e927";
}
.icon-34:before {
    content: "\e928";
}
.icon-10:before {
    content: "\e910";
}
.icon-21:before {
    content: "\e91b";
}
.icon-22:before {
    content: "\e91c";
}
.icon-19:before {
    content: "\e919";
}
.fr{
    float: right;
}


.clear:after,.alignment:after,.get_ul li:after,.search_list li:after{content:'\0020';display:block;height:0;clear:both;}
.clear,.alignment,.get_ul li,.search_list li{*zoom: 1;}
.success_btn{
    background: url(../images/nav_btn.png) no-repeat left center;
    width: 132px;
    height: 39px;
    margin: 0 auto 40px;
    line-height: 39px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}


@media (min-width: 1024px){
    
    body{
        padding-top: 108px;
    }
    .container {
        width: 1000px;
    }
    .nav-bar.scroll {
        background: #fff;
        border-bottom: 3px solid #cd000e;
    }
    .nav-bar {
        position: fixed;
        width: 100%;
        top: 40px;
        height: 68px;
        line-height: 68px;
        z-index: 1000;
    }
    .nav-bar .main-nav > li {
        position: relative;
        display: block;
        float: left;
        margin-right: 10px;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer;
    }
    .top_banner{
        padding-top: 110px;
        padding-bottom: 20px;
    }
    .top_banner h1{
        font-size: 60px;
    }
    .top_banner h2{
        font-size: 35px;
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .title_design{
        background: #0a8fc8;
        font-size: 28px;
        color: #fff;
        padding: 15px 5px;
        margin-bottom: 30px;
    }
    .design_box img{
        margin-bottom: 20px;
    }
    .design_con{
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 30px;
    }
    .design_con strong{
        font-size: 20px;
        line-height: 36px;
        color: #0a8fc8;
        display: block;
        padding: 15px 0;
    }
    .design_text{
        padding-top: 80px;
    }
    .design_text strong{
        font-size: 30px;
        display: block;
    }
    .design_text p{
        padding-bottom: 30px;
        font-size: 26px;
    }
    .design_text1{
        padding-top: 10px;
    }
    .design_text1 strong{
        font-size: 30px;
        display: block;
    }
    .design_text1 p{
        padding-bottom: 30px;
        font-size: 26px;
    }
    .img_title{
        font-size: 20px;
        text-align: center;
        padding-bottom: 30px;
    }
    .img_title span{
        padding: 0 30px;
    }
    .medica_box1,.medica_box{
        /*height: 500px;*/
    }
     .medica_box1 .img-responsive,.medica_box .img-responsive{
        display: block;
        width: 100%;
        height: 100%;
    }
    .medica_con{
        /*height: 559px;*/
    }
    .medica_con .bar{
        padding-left: 60px;
        text-align: left;
        width: 500px;
    }
    .medica_con .bar_b{
        padding-right: 40px;
         width: 590px;
         float: right;
    }
    .medica_con p{
        font-size: 16px;  
        line-height: 30px;
        padding-bottom: 15px;
    }
    .medica_con p img{
        margin-right: 10px;
        margin-bottom: 30px;
        display: inline-block;
        float: left;
        margin-top: 10px;
    }
    .medica_con h4{
        font-size: 30px;
        padding-bottom: 20px;
        line-height: 50px;
    }

    .medica_con .learn_more{
        font-size: 20px;
        margin: 10% 0 0;
    }
    .bto_fot{
        padding: 30px 0 50px;
    }
    .bto_fot i{
        display: block;
        padding-bottom: 10px;
        font-size: 42px;
        
    }
    .bto_fot p{
        font-size: 20px;
        font-weight: normal;
    }
    .schedule_box h2{
        font-size: 28px;
        padding: 10px 0 20px;
        font-weight: bold;
    }
    .schedule_box ul{
        margin-bottom: 50px;
    }
    .schedule_box ul{
        border:1px solid #454545;
    }
    .schedule_box li{
        background: url(../images/lling_bg.png) no-repeat 20px center;
        font-size: 20px;
        padding-left: 40px;
        line-height: 50px;
    }
    .schedule_box li span{
        float: right;
        text-align: right;
        padding-right: 100px;
    }
    .get_box{
        margin-bottom: 90px;
        padding: 30px 0;
    }
    .get_ul{
        padding: 0 60px;
    }
    .get_ul li{
        width: 50%;
        float: left;
        font-size: 20px;
        height: 46px;
        line-height: 46px;
        margin-bottom: 30px;
    }
    .get_ul li span{
        width: 160px;
        float: left;
    }
    .get_ul li span i{
        color: red;
    }
    .get_ul li input{
        width: 320px;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        height: 46px;
    }
    .get_ul li select{
        width: 320px;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        height: 46px;
    }
    .get_bar{
        margin-bottom: 40px;
        padding: 0 60px;
    }
    .get_bar h2{
        
        font-size: 20px;
        height: 46px;
        line-height: 46px;
    }
    .get_bar h2 i{
        color: red;
    }
    .get_bar input{
        width: 100%;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        height: 46px;
    }
    .get_bar textarea{
        width: 100%;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        height: 120px;
        padding: 10px;
    }
    .get_bar_ul li{
        width: 240px;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        height: 46px;
        line-height: 46px;
        position: relative;
        float: left;
        margin-right: 15px;
        font-size: 20px;
        text-align: center;
        margin-bottom: 30px;
    }
    .get_bar_ul li input{
        width: 240px;
        height: 46px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }
    .get_bar_ul li.hover{
        color: #FFF;
        background: #c8101b;
    }
    .get_con{
        width: 100%;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        text-align: center;
        font-size: 16px;
        line-height: 30px;
        padding: 30px 0;
    }
    .quote_files{
        display: flex;
        justify-content: space-between;        
        width: 60%;
        margin: 0 auto;
        color: #333;
    }
    .get_con:hover{
        /*color: #016bc3;*/
    }
    .get_con h3{
        font-size: 23px;
        padding-bottom: 10px;
    }
    .get_con span{
        display: block;
        color: red;
    }
    .get_con span img{
        margin-bottom: 5px;
        margin-right: 5px;
    }
    .get_btn{
        /*width: 200px;*/
        /*height: 41px;*/
        /*margin: 0 auto;*/
        text-align: center;
        cursor: pointer;
    }
    .tgq_bg{
        background: #ebeef0;
        color: #333;
        margin: 50px 0;
    }
    .success_img{
        width: 128px;
        height: 128px;
        margin: 60px auto 30px;
    }
    .success_img img{
        width: 100%;
    }
    .success_box h3{
        font-size: 36px;
        text-align: center;
        color: #3f3f3f;
    }
    .success_box p{
        font-size: 18px;
        text-align: center;
        padding: 40px 0;
    }
    .success_ul{
        text-align: center;
        padding-bottom: 60px;

    }
    .success_ul li{
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
        line-height: 20px;
    }
    .success_ul li i{
        border-right: 1px solid #a0a0a0;
        display: inline-block;
        height: 15px;
        margin: 0 5px;
        margin-bottom: -1px;
    }
    .new_bg{
        padding: 25px 0;
        font-size: 30px;
        margin-bottom: 60px;
    }
    .industry_box p{
        padding-bottom: 40px;
        font-size: 16px;
        line-height: 36px;
    }
    .industry_box h1{
        font-size: 40px;
        padding-bottom: 15px;

    }
    .industry_box h2{
        font-size: 30px;
        padding-bottom: 15px;

    }

    .industry_table{
        font-size: 16px;
        margin-bottom: 40px;
    }
    .industry_table th{
        background: #016bc3;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-weight: bold;
        padding: 10px 0;
        padding-left: 60px;
    }
    .industry_table td{
        background: #b0e8ff;
        border-bottom: 1px solid #fff;
        font-weight: bold;
        padding: 10px 0;
        padding-left: 60px;
    }

    .industry_table1{
        margin-bottom: 40px;
        background: #b0e8ff;
        padding-bottom: 20px;
        border:1px solid #016bc3;

    }

    .industry_table1 th{
        background: #016bc3;
        color: #fff;
        font-weight: bold;
        font-size: 23px;
        padding: 5px 0;
        padding-left: 60px;
    }
    .industry_table1 td{
        background: #b0e8ff;
        padding: 5px 0;
        padding-left: 60px;
    }
    .industry_table2{
        font-size: 16px;
        margin-bottom: 40px;
    }
    .industry_table2 th{
        background: #016bc3;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        color: #fff;
        font-weight: bold;
        padding: 10px 0;
        padding-left: 60px;
    }
    .industry_table2 td{
        background: #b0e8ff;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        font-weight: bold;
        padding: 10px 0;
        padding-left: 60px;
    }

    .industry_row{
        padding-bottom: 70px;
    }
    .industry_i{
        background: #016bc3;
        color: #fff;
        border-radius: 15px;
        padding: 30px;
        height:280px;
        position: relative;
    }
    .industry_i span{
        background: url(../images/j_icon.png) no-repeat;
        background-size: 24px 34px;
        display: block;
        width: 24px;
        text-align: center;
        height: 50px;
        position: absolute;
        left: 50%;
        bottom: -30px;
        margin-left: -12px;
        padding-top: 30px;
        color: #333;
    }
    .industry_content{
        background: #b0e8ff;
        margin-bottom: 40px;
        padding: 30px 0
    }
    .industry_content p{
        line-height: 42px;
        font-size: 16px;
        padding: 0 32px;
        margin-bottom: 15px;
    }
    .search_box_t{
        width: 100%; 
        margin: 50px 0 30px;  
        position: relative; 
    }
    .search_box_t input{
        width: 100%;
        height: 50px;
        border:1px solid #1b1b1b;
        border-radius: 15px;
        padding-left: 20px;
        font-size: 18px;
        line-height: 50px;
    }
    .search_box_t button{
        background: url(../images/search_new.png) no-repeat;
        width: 40px;
        height: 41px;
        background-size: 100%;
        border: none;
        position: absolute;
        right: 10px;
        top: 5px;
    }
    .search_list{
        overflow: hidden;
    }
    .search_list ul{
        margin-top: -1px;
    }
    .search_list li{
        border-top: 1px solid #595555;
        padding: 18px 0;
    }
    .search_list li span{
        float: left;
        background: #595555;
        width: 160px;
        height: 160px;
        margin-right: 15px;
    }
    .search_list li .bar h2{
        font-size: 22px;
        padding-bottom: 15px;
    }
    .search_list li .bar p{
        line-height: 28px;
        font-size: 15px;
    }

}

@media (min-width: 1200px){
    
    .container{
        width: 1180px;
    }
    body{
        padding-top: 108px;
    }
    .nav-bar.scroll {
        background: #fff;
        border-bottom: 3px solid #cd000e;
    }
    .nav-bar {
        position: fixed;
        width: 100%;
        top: 40px;
        height: 68px;
        line-height: 68px;
        z-index: 1000;
    }
    .nav-bar .main-nav > li {
        position: relative;
        display: block;
        float: left;
        margin-right: 30px;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer;
    }

    .top_banner{
        padding-top: 110px;
        padding-bottom: 20px;
    }
    .top_banner h1{
        font-size: 60px;
    }
    .top_banner h2{
        font-size: 35px;
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .title_design{
        background: #0a8fc8;
        font-size: 28px;
        color: #fff;
        padding: 15px 5px;
        margin-bottom: 30px;
    }
    .design_box img{
        margin-bottom: 20px;
    }
    .design_con{
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 30px;
    }
    .design_con strong{
        font-size: 20px;
        line-height: 36px;
        color: #0a8fc8;
        display: block;
        padding: 15px 0;
    }
    .design_text{
        padding-top: 80px;
    }
    .design_text strong{
        font-size: 30px;
        display: block;
    }
    .design_text p{
        padding-bottom: 30px;
        font-size: 26px;
    }
    .design_text1{
        padding-top: 10px;
    }
    .design_text1 strong{
        font-size: 30px;
        display: block;
    }
    .design_text1 p{
        padding-bottom: 30px;
        font-size: 26px;
    }
    .img_title{
        font-size: 20px;
        text-align: center;
        padding-bottom: 30px;
    }
    .img_title span{
        padding: 0 30px;
    }
    .medica_box1,.medica_box{
        /*height: 500px;*/
    }
     .medica_box1 .img-responsive,.medica_box .img-responsive{
        display: block;
        width: 100%;
        height: 100%;
    }
    .medica_con{
        /*height: 559px;*/
    }
    .medica_con .bar{
        padding-left: 60px;
        text-align: left;
        width: 500px;
    }
    .medica_con .bar_b{
        padding-right: 40px;
         width: 590px;
         float: right;
    }
    .medica_con p{
        font-size: 16px;  
        line-height: 30px;
        padding-bottom: 14px;
    }
    .medica_con p img{
        margin-right: 10px;
        margin-bottom: 30px;
        display: inline-block;
        float: left;
        margin-top: 10px;
    }
    .medica_con h4{
        font-size: 30px;
        padding-bottom: 20px;
        line-height: 50px;
    }

    .medica_con .learn_more{
        font-size: 20px;
        margin: 10% 0 0;
    }
    .bto_fot{
        padding: 30px 0 50px;
    }
    .bto_fot i{
        display: block;
        padding-bottom: 10px;
        font-size: 42px;
        
    }
    .bto_fot p{
        font-size: 20px;
        font-weight: normal;
    }
    .solutions_box h2{
        background: #3f3f3f;
        color: #fff;
        padding: 10px 5px;
        font-size: 42px;
        margin-bottom: 40px;
    }
    .solutions_ul{
        margin-bottom: 40px;
        margin-left: 10px;
    }
    .solutions_ul h3{
        font-size: 28px;
        font-weight: bold;
        padding-bottom: 20px;
    }
    .solutions_ul li{
        font-size: 20px;
        padding-left: 20px;
        margin-bottom: 10px;
        line-height: 34px;
        background: url(../images/lling_bg.png) no-repeat left 18px;
    }
    .schedule_box h2{
        font-size: 28px;
        padding: 10px 0 20px;
        font-weight: bold;
    }
    .schedule_box ul{
        margin-bottom: 50px;
    }
    .schedule_box ul{
        border:1px solid #454545;
    }
    .schedule_box li{
        background: url(../images/lling_bg.png) no-repeat 20px center;
        font-size: 20px;
        padding-left: 40px;
        line-height: 50px;
    }
    .schedule_box li span{
        float: right;
        text-align: right;
        padding-right: 100px;
    }
    .tgq_bg{
        margin: 50px 0;
    }
    .tgq_title{
        line-height: 60px;
        font-size: 36px;
        text-align: center;
        font-weight: bold;
    }
    .get_box{
        margin-bottom: 90px;
    }
    .get_box{
        margin-bottom: 90px;
        padding: 30px 0;
    }
    .get_ul{
        padding: 0 60px;
    }
    .get_ul li{
        width: 50%;
        float: left;
        font-size: 20px;
        height: 46px;
        line-height: 46px;
        margin-bottom: 30px;
    }
    .get_ul li span{
        width: 160px;
        float: left;
    }
    .get_ul li span i{
        color: red;
    }
    .get_ul li input{
        width: 320px;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        height: 46px;
    }
    .get_ul li select{
        width: 320px;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        height: 46px;
    }
    .get_bar{
        margin-bottom: 40px;
        padding: 0 60px;
    }
    .get_bar h2{
        
        font-size: 20px;
        height: 46px;
        line-height: 46px;
    }
    .get_bar h2 i{
        color: red;
    }
    .get_bar input{
        width: 100%;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        height: 46px;
    }
    .get_bar textarea{
        width: 100%;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        height: 120px;
        padding: 10px;
    }
    .get_bar_ul li{
        width: 240px;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        height: 46px;
        line-height: 46px;
        position: relative;
        float: left;
        margin-right: 15px;
        font-size: 20px;
        text-align: center;
        margin-bottom: 30px;
    }
    .get_bar_ul li input{
        width: 240px;
        height: 46px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }
    .get_bar_ul li.hover{
        color: #FFF;
        background: #c8101b;
    }
    .get_con{
        width: 100%;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        text-align: center;
        font-size: 16px;
        line-height: 30px;
        padding: 30px 0
    }
    .get_con h3{
        font-size: 23px;
        padding-bottom: 10px;
    }
    .get_con span{
        display: block;
        color: red;
    }
    .get_con span img{
        margin-bottom: 5px;
        margin-right: 5px;
    }
    .get_btn{
        /*width: 200px;*/
        /*height: 41px;*/
        /*margin: 0 auto;*/
        
        text-align: center;
        cursor: pointer;
    }
    .success_img{
        width: 128px;
        height: 128px;
        margin: 60px auto 30px;
    }
    .success_img img{
        width: 100%;
    }
    .success_box h3{
        font-size: 36px;
        text-align: center;
        color: #3f3f3f;
    }
    .success_box p{
        font-size: 18px;
        text-align: center;
        padding: 40px 0;
    }
    .success_ul{
        text-align: center;
        padding-bottom: 60px;

    }
    .success_ul li{
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
        line-height: 20px;
    }
    .success_ul li i{
        border-right: 1px solid #a0a0a0;
        display: inline-block;
        height: 15px;
        margin: 0 5px;
        margin-bottom: -1px;
    }
    .new_bg{
        padding: 25px 0;
        font-size: 30px;
        margin-bottom: 60px;
    }
    .industry_box p{
        padding-bottom: 20px;
        font-size: 16px;
        line-height: 30px;
    }
    .industry_box h1{
        font-size: 30px;
        padding-bottom: 15px;

    }
    .industry_box h2{
        font-size: 24px;
        padding-bottom: 15px;

    }
    .industry_table{
        font-size: 16px;
        margin-bottom: 40px;
    }
    .industry_table th{
        background: #016bc3;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-weight: bold;
        padding: 10px 0;
        padding-left: 60px;
    }
    .industry_table td{
        background: #b0e8ff;
        border-bottom: 1px solid #fff;
        font-weight: bold;
        padding: 10px 0;
        padding-left: 60px;
    }

    .industry_table1{
        margin-bottom: 40px;
        background: #b0e8ff;
        padding-bottom: 20px;
        border:1px solid #016bc3;

    }

    .industry_table1 th{
        background: #016bc3;
        color: #fff;
        font-weight: bold;
        font-size: 23px;
        padding: 5px 0;
        padding-left: 60px;
    }
    .industry_table1 td{
        background: #b0e8ff;
        padding: 5px 0;
        padding-left: 60px;
    }
    .industry_table2{
        font-size: 16px;
        margin-bottom: 40px;
    }
    .industry_table2 th{
        background: #016bc3;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        color: #fff;
        font-weight: bold;
        padding: 10px 0;
        padding-left: 60px;
    }
    .industry_table2 td{
        background: #b0e8ff;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        font-weight: bold;
        padding: 10px 0;
        padding-left: 60px;
    }

    .industry_row{
        padding-bottom: 70px;
    }
    .industry_i{
        background: #016bc3;
        color: #fff;
        border-radius: 15px;
        padding: 30px;
        height:280px;
        position: relative;
    }
    .industry_i span{
        background: url(../images/j_icon.png) no-repeat;
        background-size: 24px 34px;
        display: block;
        width: 24px;
        text-align: center;
        height: 50px;
        position: absolute;
        left: 50%;
        bottom: -30px;
        margin-left: -12px;
        padding-top: 30px;
        color: #333;
    }
    .industry_content{
        background: #b0e8ff;
        margin-bottom: 40px;
        padding: 30px 0
    }
    .industry_content p{
        line-height: 42px;
        font-size: 16px;
        padding: 0 32px;
        margin-bottom: 15px;
    }
    .search_box_t{
        width: 100%; 
        margin: 50px 0 30px;  
        position: relative; 
    }
    .search_box_t input{
        width: 100%;
        height: 50px;
        border:1px solid #1b1b1b;
        border-radius: 15px;
        padding-left: 20px;
        font-size: 18px;
        line-height: 50px;
    }
    .search_box_t button{
        background: url(../images/search_new.png) no-repeat;
        width: 40px;
        height: 41px;
        background-size: 100%;
        border: none;
        position: absolute;
        right: 10px;
        top: 5px;
    }
    .search_list{
        overflow: hidden;
    }
    .search_list ul{
        margin-top: -1px;
    }
    .search_list li{
        border-top: 1px solid #595555;
        padding: 18px 0;
    }
    .search_list li span{
        float: left;
        background: #595555;
        width: 160px;
        height: 160px;
        margin-right: 15px;
    }
    .search_list li .bar h2{
        font-size: 22px;
        padding-bottom: 15px;
    }
    .search_list li .bar p{
        line-height: 28px;
        font-size: 15px;
    }

}


@media (max-width: 750px){
    body{
        padding-top: 48px;
        padding-bottom: 40px;
    }
    .nav-bar.scroll {
        background: #fff;
        border-bottom: 3px solid #cd000e;
    }
    .nav-bar {
        position: fixed;
        width: 100%;
        top: 0;
        height: 48px;
        line-height: 48px;
        z-index: 1000
    }
    .mnavbar-left{
        background: url(../images/logo.png) no-repeat;
        background-size: 100%;
        float: left;
        width: 150px;
        height: 30px;
        margin-top: 17px;
        margin-left: 15px;
    }
    .mnavbar-right{
        float: right;
        margin-right: 15px;
        margin-top: 10px;
    }
    .mnavbar-right a{
        margin-left: 15px;
    }
    .mobile-nav .icon-10,.mobile-nav .icon-21,.mobile-nav .icon-22 {
        font-size: 20px;
    }
    .mobile-menu1{
        background: #fff;
        position: fixed;
        left: 0;
        top: 48px;
        z-index: 1000;
        width: 100%;
        height: 100%;
        display: none;
    }
    .mobile-menu1 li{
        line-height: 40px;
        border-bottom: 1px dashed #eee;
        padding-left: 50px;
    }

    .mobile-menu1 li .s_footer_list {
        font-size: 13px;
        text-align: left;
        padding-bottom: 15px;
        display: none
    }
    .mobile-menu1 li .s_footer_list li{
        margin-left: 0;
        display: block;
        line-height: 30px;
        border-bottom:none;
        padding-left: 10px;
    }
    .mobile-menu1 li .s_footer_list li a{
        color: #333;
    }
    .mobile-menu1 li .s_footer_list li:hover,.mobile-menu1 li .s_footer_list li.on{
        color: #cd000e;
    }
    .mobile-menu1 li .s_footer_list li:hover a,.top_ul .s_footer_list li.on a{
        color: #333;
    }
    .search_m_box{
        background: #fff;
        position: fixed;
        left: 0;
        top: 48px;
        z-index: 1000;
        width: 100%;
        height: 90%;
        padding-top: 10%;
        display: none;
    }
    .search_m_box input{
        width: 200px;
        height: 30px;
        border:1px solid #ccc;
        border-radius: 10px;
        float: left;
        margin:0 30px;
    }
    .btn_box{
        display: inline-block;
        border-radius: 8px;
        width: 70px;
        height: 30px;
        background: #e50012;
        float: left;
        color: #fff;
        line-height: 30px;
        text-align: center;
        font-size: 14px;
    }
    .introduce_box h2{
        font-size: 18px;
        font-weight: 500;
        padding: 15px 0 15px;
        padding-left: 15px;
    }
    .introduce_box p{
        font-size: 14px;
        line-height: 26px;
        padding: 10px 15px 20px;
    }

    .list_one{
        margin: 0;
    }

    .list_m{
        margin-bottom: 0px;
    }
    .list_one h2{
        font-size: 17px;
        padding-bottom: 12px;
    }
    .list_img{
        margin-bottom:15px;
    }

    .top_banner{
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .top_banner h1{
        font-size: 25px;
    }
    .top_banner h2{
        font-size: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .title_design{
        background: #0a8fc8;
        font-size: 20px;
        color: #fff;
        padding: 15px 5px;
        margin-bottom: 30px;
    }
    .design_box img{
        margin-bottom: 20px;
    }
    .design_con{
        font-size: 18px;
        line-height: 36px;
        margin-bottom: 30px;
    }
    .design_con strong{
        font-size: 16px;
        line-height: 36px;
        color: #0a8fc8;
        display: block;
        padding: 15px 0;
    }
    .design_text{
        padding-top: 10px;
    }
    .design_text strong{
        font-size: 18px;
        display: block;
    }
    .design_text p{
        padding-bottom: 30px;
        font-size: 18px;
    }
    .design_text1{
        padding-top: 10px;
    }
    .design_text1 strong{
        font-size: 18px;
        display: block;
    }
    .design_text1 p{
        padding-bottom: 10px;
        font-size: 18px;
    }
    .img_title{
        font-size: 18px;
        text-align: center;
        padding-bottom: 30px;
    }
    .img_title span{
        padding: 0 10px;
    }
    .cnc_banner{
        text-align: center;
    }
    .medica_con .bar_b{
        padding-left: 5px;
        line-height: 34px;
         padding-right: 5px;
    }
    .medica_con p{
        font-size: 14px; 
        line-height: 20px; 
    }
    .medica_con h4{
        font-size: 18px;
        padding: 10px 0;
        line-height: 20px;
    }
    .bto_fot{
        padding: 10px 0 30px;
    }
    .bto_fot i{
        display: block;
        padding-bottom: 10px;
        font-size: 22px;
        
    }
    .bto_fot p{
        font-size: 16px;
        font-weight: normal;
    }
    .solutions_box{
        margin-bottom: 30px;
    }
    .solutions_box h2{
         font-size: 20px;
        font-weight: bold;
        padding-bottom: 20px;
    }
    .solutions_ul{
        margin-bottom: 20px;
        margin-left: 10px;
    }
    .solutions_ul h3{
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 20px;
    }
    .solutions_ul li{
        font-size: 14px;
        padding-left: 20px;
        margin-bottom: 10px;
        line-height: 20px;
        background: url(../images/lling_bg.png) no-repeat left 8px;
    }

    .schedule_box h2{
        font-size: 28px;
        padding: 10px 0 20px;
        font-weight: bold;
    }
    .schedule_box ul{
        margin-bottom: 50px;
    }
    .schedule_box ul{
        border:1px solid #454545;
    }
    .schedule_box li{
        background: url(../images/lling_bg.png) no-repeat 10px center;
        font-size: 14px;
        padding-left: 20px;
        line-height: 30px;
    }
    .schedule_box li span{
        float: right;
        text-align: right;
        padding-right: 10px;
    }
    .tgq_bg{
        margin: 10px 0;
    }
    .tgq_title{
        line-height: 40px;
        font-size: 16px;
        text-align: center;
        font-weight: bold;
    }
    .get_box{
        margin-bottom: 40px;
        padding: 10px 0;
    }
    .get_ul{
        padding: 0 20px;
    }
    .get_ul li{
        width: 100%;
        font-size: 14px;
        height: 26px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .get_ul li span{
        width: 90px;
        float: left;
    }
    .get_ul li span i{
        color: red;
    }
    .get_ul li input{
        width: 200px;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        height: 26px;
    }
    .get_ul li select{
        width: 200px;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        height: 26px;
    }
    .get_bar{
        margin-bottom: 40px;
        padding: 0 20px;
    }
    .get_bar h2{
        
        font-size: 14px;
        line-height: 26px;
    }
    .get_bar h2 i{
        color: red;
    }
    .get_bar input{
        width: 100%;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        height: 26px;
    }
    .get_bar textarea{
        width: 100%;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        height: 120px;
        padding: 10px;
    }
    .get_bar_ul li{
        width: 100%;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        height: 26px;
        line-height: 26px;
        position: relative;
        float: left;
        margin-right: 15px;
        font-size: 14px;
        text-align: center;
        margin-bottom: 10px;
    }
    .get_bar_ul li input{
        width: 100%;
        height: 46px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }
    .get_bar_ul li.hover{
        color: #FFF;
        background: #c8101b;
    }
    .get_con{
        width: 100%;
        border-radius: 10px;
        border:1px solid #a0a0a0;
        text-align: center;
        font-size: 14px;
        line-height: 30px;
        padding: 30px 0
    }
    .get_con h3{
        font-size: 18px;
        padding-bottom: 10px;
    }
    .get_con span{
        display: block;
        color: red;
    }
    .get_con span img{
        margin-bottom: 5px;
        margin-right: 5px;
    }
    .get_btn{
        /*width: 200px;*/
        /*height: 41px;*/
        /*margin: 0 auto;*/
        
        text-align: center;
        cursor: pointer;
    }

    .success_img{
        width: 80px;
        height: 80px;
        margin: 50px auto 10px;
    }
    .success_img img{
        width: 100%;
    }
    .success_box h3{
        font-size: 26px;
        text-align: center;
        color: #3f3f3f;
    }
    .success_box p{
        font-size: 14px;
        text-align: center;
        padding: 40px 0;
    }
    .success_ul{
        text-align: center;
        padding-bottom: 60px;

    }
    .success_ul li{
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
    }
    .success_ul li i{
        border-right: 1px solid #a0a0a0;
        display: inline-block;
        height: 15px;
        margin: 0 5px;
        margin-bottom: -1px;
    }

    .new_bg{
        padding: 25px 0;
        font-size: 16px;
        margin-bottom: 20px;
    }
    .industry_box p{
        padding-bottom: 20px;
        font-size: 16px;
        line-height: 36px;
    }
    .industry_box h1{
        font-size: 25px;
        padding-bottom: 15px;
        font-weight: bold;

    }
    .industry_box h2{
        font-size: 20px;
        padding-bottom: 15px;
        font-weight: bold;

    }
    .industry_table{
        font-size: 16px;
        margin-bottom: 40px;
    }
    .industry_table th{
        background: #016bc3;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-weight: bold;
        padding: 10px 0;
        padding-left: 10px;
    }
    .industry_table td{
        background: #b0e8ff;
        border-bottom: 1px solid #fff;
        font-weight: bold;
        padding: 10px 0;
        padding-left: 10px;
    }

    .industry_table1{
        margin-bottom: 40px;
        background: #b0e8ff;
        padding-bottom: 20px;
        border:1px solid #016bc3;

    }

    .industry_table1 th{
        background: #016bc3;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        padding: 5px 0;
        padding-left: 10px;
    }
    .industry_table1 td{
        background: #b0e8ff;
        padding: 5px 0;
        padding-left: 10px;
    }
    .industry_table2{
        font-size: 16px;
        margin-bottom: 40px;
    }
    .industry_table2 th{
        background: #016bc3;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        color: #fff;
        font-weight: bold;
        padding: 10px 0;
        padding-left: 60px;
    }
    .industry_table2 td{
        background: #b0e8ff;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        font-weight: bold;
        padding: 10px 0;
        padding-left: 10px;
    }

    .industry_row{
        padding-bottom: 20px;
    }
    .industry_i{
        background: #016bc3;
        color: #fff;
        border-radius: 15px;
        font-size: 14px;
        padding: 10px;
        height:180px;
        position: relative;
        line-height: 20px;
        margin-bottom: 30px;
    }
    .industry_i span{
        background: url(../images/j_icon.png) no-repeat;
        background-size: 24px 34px;
        display: block;
        width: 24px;
        text-align: center;
        height: 50px;
        position: absolute;
        left: 50%;
        bottom: -30px;
        margin-left: -12px;
        padding-top: 20px;
        color: #333;
    }
    .industry_content{
        background: #b0e8ff;
        margin-bottom: 40px;
        padding: 30px 0
    }
    .industry_content p{
        line-height: 42px;
        font-size: 16px;
        padding: 0 32px;
        margin-bottom: 15px;
    }
    .search_box_t{
        width: 100%; 
        margin: 50px 0 30px;  
        position: relative; 
    }
    .search_box_t input{
        width: 100%;
        height: 50px;
        border:1px solid #1b1b1b;
        border-radius: 15px;
        padding-left: 20px;
        font-size: 18px;
        line-height: 50px;
    }
    .search_box_t button{
        background: url(../images/search_new.png) no-repeat;
        width: 40px;
        height: 41px;
        background-size: 100%;
        border: none;
        position: absolute;
        right: 10px;
        top: 5px;
    }
    .search_list{
        overflow: hidden;
    }
    .search_list ul{
        margin-top: -1px;
    }
    .search_list li{
        border-top: 1px solid #595555;
        padding: 18px 0;
    }
    .search_list li span{
        float: left;
        background: #595555;
        width: 160px;
        height: 160px;
        margin-right: 15px;
    }
    .search_list li .bar h2{
        font-size: 22px;
        padding-bottom: 15px;
    }
    .search_list li .bar p{
        line-height: 28px;
        font-size: 15px;
    }

}



.new_bg{
    background:#016bc3;
    color: #fff;
}

.medica_con{
    padding-right: 0;
    padding-top: 5%;
}
.medica_con h4{
    font-weight: bold;
}
.top_wrap {
    background: #303030;
    height: 40px;
    position: fixed;
    top: 0;
    z-index: 1200;
    width: 100%;
    color: #fff;
}
.top_wrap a{
    color: #fff;
}
.top_wrap_noborder{
    padding: 0;
    margin: 0 auto;
}
.top_ul{
    width: 56%;
    float: right;
    text-align: right;
}
.search_box{
    width: 340px;
    float: left;
    margin-top: 4px;
    position: relative;
}
.search_box input.box{
    height: 28px;
    width: 120px;
    border:1px solid #eee;
    border-radius: 28px;
    background: #fff;
    color: #000;
    padding-left: 20px;
    
}

.search_box input.btn{
    background: none;
    border:none;
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
}
.search_box input.btn:hover{
    color: #fff;
}
.search_box span{
    display:block;
    width: 25px;
    height: 15px;
    border-radius: 10px;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
    position: absolute;
    left: 140px;
    top: 8px;
    background: url(../images/nav_search.png) no-repeat 10px center;

}
.search_box span:hover{
    opacity: 0.8
}
.top_ul ul{
    float: right;
}
.top_ul li{
    position: relative;
    display: inline-block;
    margin-left: 30px;
    line-height: 40px;
    cursor: pointer;
}
.top_ul .language-menu {
    position: absolute;
    top: 38px;
    left: 0;
    display: none;
    z-index: 1500;
    min-width: 160px;
    padding: 5px 0 15px;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    color: #333;
}
.top_ul .language-menu li{
    margin-left: 0;
    padding-left: 15px;
    display: block;
    line-height: 30px;
}
.top_ul .language-menu li a{
    color: #333;
}
.top_ul .language-menu li:hover,.top_ul .language-menu li.on{
    background: #303030;
}
.top_ul .language-menu li:hover a,.top_ul .language-menu li.on a{
    color: #fff;
}
.logo{
    background: url(../images/logo.png) no-repeat;
    background-size: 100%;
    float: left;
    width: 337px;
    height: 57px;
    margin-top: 8px;
}
.nav-bar .main-nav {
    padding: 0;
    margin: 0;
    list-style-type: none;
    float: right;
}
.nav-bar .main-nav-body{
    padding: 0;
}
.nav-bar .main-nav > li {
    position: relative;
    display: block;
    float: left;
    /*margin-right: 30px;
    font-size: 14px;*/
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
.nav-bar .main-nav > li a:hover{
    color: #999;
}
.nav-bar .main-nav > li.last_box {
    color: #fff;
    width: 132px;
    height: 39px;
    line-height: 39px;
    margin-top: 12px;
    margin-right: 0px;
    text-align: center;
    background: url(../images/nav_btn.png) no-repeat;
}
.nav-bar .main-nav > li.last_box a{
    color: #fff;
    display: block;
}

.nav-bar .main-nav > li .s_footer_list {
    position: absolute;
    display: none;
    top: 65px;
    left: 0;
    z-index: 1500;
    min-width: 160px;
    padding: 5px 0 15px;
    font-size: 12px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    color: #333;
}
.nav-bar .main-nav > li .s_footer_list li{
    padding: 3px 0 3px 15px;
    padding-left: 15px;
    display: block;
    line-height: 24px;
    font-weight: normal;
}
.nav-bar .main-nav > li .s_footer_list li a{
    color: #333;
}
.nav-bar .main-nav > li .s_footer_list li:hover,.nav-bar .main-nav > li .s_footer_list li.on{
    background: #303030;
}
.nav-bar .main-nav > li .s_footer_list li:hover a,.nav-bar .main-nav > li .s_footer_list li.on a{
    color: #fff;
}


.nopadding{
    padding: 0px;
}
.mno{
    margin: 0;
    padding: 0;
}
.design_bg{
    background: #f4f4f4;
    margin-bottom: 20px;
}

.cnc_banner{
    text-align: center;
}
.cnc_banner img{
    margin: 0 auto;
}
.medica_box1{
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 30px;
    background: #ebeef0;
    color: #3f3f3f;
    height: auto;
}
.material_bg{
   
}
.medica_con .material_fr{
    text-align: left;
}
.bto_bg{
    background: #3f3f3f;
    color: #fff;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 30px;
}
.tgq_bg{
    background: #ebeef0;
    color: #333;
}
.get_box{
    border:1px solid #a0a0a0;

}

/*落地*/
.fl{
    float: left;
}
.fr{
    float: right;
}
.barrel_banner{
    text-align: center;
    padding-bottom: 80px;
}
.barrel_banner img{
    width: 100%
}
.barrel_box{
    width: 1200px;
    margin: 0 auto;
}
.barrel_border_box{
    border-bottom: 1px dashed #b6b6b6;
    padding-bottom: 70px;
    margin-bottom: 70px;
}
.quotation_input h2{
    font-size: 36px;
    font-weight: bold;
    padding-bottom: 15px;
}
.quotation_input strong{
    display: block;
    font-size: 24px;
}
.quotation_ul li{
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-top: 30px;
}
.quotation_ul li input{
    height: 40px;
    width: 95%;
    border-radius: 10px;
    border:1px solid #b6b6b6;
    padding-left: 5%
}
.quotation_ul li select{
    height: 40px;
    width: 95%;
    border-radius: 10px;
    border:1px solid #b6b6b6;
}
.quotation_ul textarea{
    height: 160px;
    width: 95%;
    padding: 10px;
    border-radius: 10px;
    border:1px solid #b6b6b6;
    margin-top: 30px;
}
.quotation_ul li span{
    display: block;
    font-weight: bold;
    font-size: 25px;
}
.quotation_ul li span i.red{
    color: red;
}
.quotation_btn{
    background: url(../images/ld_btn_05.png) no-repeat;
    width: 363px;
    height: 52px;
    margin: 80px auto;
    cursor: pointer;
}
.w415{
    width: 415px;
}
.w650{
    width: 650px;
}
.w550{
    width: 580px;
}
.w555{
    width: 555px;
    padding-top: 10px;
}
.w555 img{
    margin-bottom: 35px;
}
.ul_box h2{
    color: #469ed5;
    font-size: 35px;
    padding-bottom: 20px;
}
.ul_box h3{
    color: #333;
    font-size: 35px;
    padding-bottom: 20px;
}
.ul_box li{
    background: url(../images/lling_bg.png) no-repeat left 20px;
    line-height: 40px;
    padding-left: 15px;
    font-size: 25px;
    margin-bottom: 10px;
}
.barrel_talbe h2{
    font-weight: bold;
    font-size: 36px;
    padding-bottom: 30px;
}
.barrel_talbe th{
    background: #469ed5;
    color: #fff;
    font-size: 30px;
    padding: 10px 30px;
}
.barrel_talbe td{
    font-size: 20px;
    padding: 10px 30px;
}
.barrel_talbe_btn{
    background: url(../images/ld_btn_04.png) no-repeat;
    width: 364px;
    height: 52px;
    margin-top: 40px ;
    cursor: pointer;
}
.ul_btn{
    background: url(../images/ld_btn_01.png) no-repeat;
    width: 218px;
    height: 54px;
    margin-top: 40px ;
    cursor: pointer;
}
.ul_btn1{
    background: url(../images/ld_btn_02.png) no-repeat;
    width: 364px;
    height: 52px;
    margin-top: 20px;
    cursor: pointer;
}

.barrel_box3_btn{
    background: url(../images/ld_btn_03.png) no-repeat;
    width: 219px;
    height: 54px;
    margin-top: 20px;
    cursor: pointer;
    margin: 0 auto;
}

.barrel_box3 h2{
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    padding-bottom: 40px;
}
.barrel_box3 ul{
    background: #ecedec;
    padding:80px 30px 50px;
}
.barrel_box3 li{
    width: 510px;
    float: left;
    margin: 0 30px;
}
.barrel_box3 li p{
    font-size: 22px;
    line-height: 36px;
     padding-bottom: 35px;
}
.barrel_box3 li h3{
    font-size: 28px;
    color: #469ed5;
    font-weight: bold;
    padding-bottom: 15px;
}
.barrel_box3 li h3 span{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #469ed5;
    margin-right: 15px;
    margin-top: 12px;
    float: left;
}

.get_con h3{
    position: relative;
}
.get_con h3 input{
    width: 100%;
    height: 26px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: 0;
}













/*尾部*/
.mainfooter {
    background: #3f3f3f;
}
.s_footer_padding {
    padding: 0;
    padding-top: 25px;
    padding-bottom: 15px;
}
.s_footer_infor h3 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 14px;
    color: #fff;
}
.s_footer_infor{
    width:15%;
    padding: 0;
    margin: 0;
    margin-left: 15px;
}
.s_footer_infor li a{
    font-size: 12px;
    color: #878787;
}
.s_footer_infor li a:hover{
    text-decoration: none;
    color: #fff;
}



.s_copyright {
    height: 46px;
    background: #303030;
}
.s_copyright_w {
    font-size: 12px;
    color: #707070;
    text-align: center;
    pad
}
.s_copyright_w p{
    float: left;
    line-height: 46px;
}
.s_footer_share {
    float: right;
    padding-top: 7px;
}
.s_footer_share li {
    list-style: none;
    float: left;
    width: 30px;
    height: 30px;
    line-height: 34px;
    text-align: center;
    margin-right: 15px;
    background: #575656;
    border-radius: 15px;
}
.s_footer_share li a {
    display:block; 
    color: #fff;
}

.swt-mobile {
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: 999;
    border-top: 1px solid #e6e6e6;
    background: #fff;
}
.swt-mobile-body a {
    display: inline-block;
    width: 100%;
    height: 46px;
    color: #cb0909;
    line-height: 46px;
    text-align: center;
}
.swt-zx-txt {
    display: inline-block;
    font-size: 14px;
    padding-left: 15px;
}
.search_list li .bar h2{
    font-weight: bold;
}
.red{
    color: #d83140;
}
.search_list li span{
    overflow: hidden;
}
.search_list li span img{
    width: 100%;
    height: 100%;
}

/*----------------分页-----------------*/
.page{
    width: 100%;
    height: 50px;
}
.pagin{
    padding-left:0px;
    text-align: center;
}
.pagin li {
    display: inline-block;
    text-align: center;
}
.paginationv li{
    float: left;
}
.page a {
    padding: 8px 12px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    background: #fff;
    color: #666;
    font-size: 12px;
    margin: 0 3px;
}
.page li span {
    padding: 8px 12px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    background: #fff;
    color: #666;
    font-size: 12px;
    margin: 0 3px;
}
.active a{
    margin: 0 3px !important;
    padding: 8px 12px !important;
    color: #ffc740 !important; 
}
.progress{
		margin-top:2px;
	    width: 200px;
	    height: 14px;
	    margin-bottom: 10px;
	    overflow: hidden;
	    background-color: #f5f5f5;
	    border-radius: 4px;
	    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	}
	.progress-bar{ 
		background-color: rgb(92, 184, 92);
		background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.14902) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.14902) 50%, rgba(255, 255, 255, 0.14902) 75%, transparent 75%, transparent);
		background-size: 40px 40px;
		box-shadow: rgba(0, 0, 0, 0.14902) 0px -1px 0px 0px inset;
		box-sizing: border-box;
		color: rgb(255, 255, 255);
		display: block;
		float: left; 
		font-size: 12px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		transition-delay: 0s;
		transition-duration: 0.6s;
		transition-property: width;
		transition-timing-function: ease;
		width: 266.188px;
	}
.fileList{
    margin: 0 auto;
    text-align: left;
}
.btn_upload{
	border: 1px solid red;
	font-weight: 700px;
	font-size: 20px;
    color: #333;
}
@media screen and (max-width: 768px) {
    #container {
        display: flex;
        flex-direction: column;
         align-items: center;
    }
    #selectfiles, #postfiles {
        width: 100% !important;
        max-width: 300px !important;
        margin: 5px 0 !important;
    }
}