/************************hear_start*************************************/
*{
    margin:0 0;
    padding:0 0;
    list-style: none;
    font-size:16px;
    color:#323232;
    outline:none;
    text-decoration:none;
    font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;
}
.pc{
    display: block;
}
.web{
    display: none;
}
h1{
     font-size: 28px;
     line-height: 48px;
     font-weight: normal;
 }
h2{
    font-size: 23px;
    line-height: 48px;
    font-weight: normal;
}
li{
    display: inline-block;
}
.body{
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}
.center_box{
    width:1200px;
    position: relative;
    margin:0 auto;
    z-index: 0;
}
.hear_title{
    height:60px;
}
.hear_logo{
    height:114px;
}
.hear_logo img.logo{
    height:110px;
}
.hear_title span{
    height:60px;
    line-height: 60px;
}
.logo_right p{
    display: inline-block;
    margin-bottom: 15px;
    width:66px;
    height:20px;
    text-align: center;
    line-height: 20px;
}
.logo_right .right_border{
    border-right: 1px solid #3c3c3c;
}
.logo_right input{
    border:0px;
    width:150px;
    margin-left: 10px;
    height:28px;
    line-height: 28px;
    float: left;
}
.logo_right #searchsubmit{
    float:left;
    background:url('../images/search_icon.png');
    width:28px;
    height:28px;
}
.logo_right .box{
    border:1px solid #3c3c3c ;
    border-radius: 5px;
    width:200px;
    margin: 0 auto;
    height:28px;
}
.logo:hover{
transform:translate3d(1,1,1);
}
#nav{
    width:100%;
/*    background: url(../images/nav_b.png);*/
}
.nav{
    width:100%;
    height:60px;
    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
    display: flex;
    justify-content:space-around;
}
.nav li{
    height: 60px;
    -webkit-flex: 1;        /* Chrome */
    -ms-flex: 1             /* IE 10 */
    flex: 1;                /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex: 1     /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;       /* OLD - Firefox 19- */
    text-align: center;
    position: relative;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: border-color .3s,color .3s;
    -webkit-transition: border-color .3s,color .3s;
    -moz-transition: border-color .3s,color .3s;
    -ms-transition: border-color .3s,color .3s;
}
.nav li:hover{
    border-bottom: 2px solid red;
}
.nav li a{
    transition:color 0.35s linear;
    -ms-transition:color 0.35s linear;
    -moz-transition:color 0.35s linear;
-webkit-transition:color 0.35s linear;
    line-height: 60px;
}
.nav li:hover a{
    color:#e86a18;
}
.hear .fixed_nav{
    position: fixed;
    top:0px;
    box-shadow: 0px 6px 5px #c9c9c9;
    z-index: 3;
    background: #9c9c9c;
    opacity: 0.7;

}
/*.hear .fixed_nav a{
    color:#ffffff
}*/
.float_left{
    display: inline-block;
    position: relative;
    float:left;
}
.float_right{
    display: inline-block;
    position: relative;
    float: right;
}
/************************hear_stop*************************************/



/************************public_start*************************************/
.move_abs{
    opacity: 0;
    position: absolute;
}
.move_reb{
    opacity: 0;
    position: relative;
}
.move_left{
    left:-50px !important;
}
.move_right{
    left:50px !important;
}
.move_top{
    top:-50px !important;
}
.move_bottom{
    top:50px !important;
}
.move_img{
    transition:left 1.2s cubic-bezier(0.165, 0.84, 0.44, 1),top 1.2s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 1.2s cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transition: left 1.2s cubic-bezier(0.165, 0.84, 0.44, 1),top 1.2s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 1.2s cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition:left 1.2s cubic-bezier(0.165, 0.84, 0.44, 1),top 1.2s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 1.2s cubic-bezier(0.42, 0, 0.58, 1);
    -ms-transition: left 1.2s cubic-bezier(0.165, 0.84, 0.44, 1),top 1.2s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 1.2s cubic-bezier(0.42, 0, 0.58, 1);
    opacity: 1;
    top:0 !important;
    left:0 !important;
}
#breadcrumb_nav{
    padding-left:5%;
    height:60px;
    line-height: 60px;
}
#breadcrumb_nav .before:before{
    content: url(../images/hw_ul.png);
    padding: 0 15px;
}
.computing{
    margin-left:5%;
}
.float-none{
   float:none;
}
.pull-right {
    float: right !important;
}
p span{
    color:#e86a18;
}
.main_back{
    width:100vw;
}
.main_back img{
    width:100%;
}
/************************public_stop*************************************/



/************************foor_start*************************************/
.foor{
    position: relative;
    height:310px;
    width: 100%;
    background:#f2f2f2;
}
.foor .nav a{
    position: relative;
    top:15px;
    font-size: 16px;
    font-weight: 600;
}
.foor_font{
    position: relative;
    top:55px;
}
.foor_font .float_left{
    margin-left:7%;
}
.foor_font p{
    margin: 0 0 5px 0;
}
.foor_end{
    height:35px;
    background:#d7d7d7;
    width:100%;
    position: absolute;
    bottom: 0px;
}
#back_top{
    display: none;
    position: fixed;
    right:20px;
    bottom: 50px;
}
/************************foor_stop*************************************/
.labay_nav{
    display: none;
}

@media only screen and (max-width: 1200px) {
    .center_box{
        width:100%;
    }
    .center_box .title{
        width:100vw;
    }
    .main_news .news_box{
       width:90% !important;
    }
}

@media only screen and (max-width: 767px) {
    .body{
        min-width: auto;
    }
    .pc{
        display: none !important;
    }
    .web{
        display: block !important;
    }
    #back_top img{
        width:30px;
    }
    .hear.web{
        display: block;
        width:100%;
        top:0px;
        background-color: #ffffff;
        z-index: 5;
    }
    .hear.web .float_right li{
        display: inline-block;
        width:40px;
        height:40px;
        line-height: 40px;
        position: relative;
    }
    .hear.web .float_right .search_nav{
        background: url("../images/hw1_sprite.png") no-repeat 0 -70px;
        position: absolute;
        display: block;
        width: 25px;
        height: 25px;
        content: "";
        top: 8px;
        left: 8px;
    }
    .hear.web .float_right .search_web{
        background: url("../images/hw1_sprite.png") no-repeat -41px -70px;
        position: absolute;
        display: block;
        width: 25px;
        height: 25px;
        content: "";
        top: 8px;
        left: 8px;
    }
    .hear.web .hear_logo{
        position: relative;
        widtth:100%;
        height:40px;
        padding: 5px 7.5px;
    }
    .hear.web .hear_logo .logo{
       height:40px;
    }
    .index_nav{
        margin-top: 50px;
        width:100vw;
    }
    .index_nav img{
        width:100%;
    }
    .main_index{
        width:100vw;
    }
    .main_index .product_box{
        width:100% !important;
        height:40.9961vw !important;
    }
    .more{
        width:17.624vw;
    }
    .main_index .product_box a{
        bottom:7.5vw !important;
        z-index: 5;
        left:10% !important;
    }
    .main_index .about.center_box{
        height:29.71vw;
        overflow: hidden;
    }
    .main_index .title{
        width:200vw !important;
        position: relative;
        left:-50vw !important;
    }
    .main_index .about_background {
        width: 100vw !important;
        height: 106.666vw !important;
        background: url(../images/index_about_web_zh.jpg) no-repeat !important;
        background-size: auto 100% !important;
        background-position: center !important;
    }
    .main_index .about_background img{
        top: 100vw !important;
        right: 22vw !important;
    }
    .main_index .devel_background {
        width: 100vw !important;
        height: 106.666vw !important;
        background: url(../images/f_web_zh.jpg) no-repeat !important;
        background-size: 100% auto !important;
        background-position: center !important;
    }
    .hear.web .search_box{
        border:1px solid #3c3c3c ;
        border-radius: 5px;
        width:200px;
        margin: 15px auto;
        height:28px;
        display: none;
    }
    .hear.web .search_box input{
        border: 0px;
        width: 150px;
        margin-left: 10px;
        height: 28px;
        line-height: 28px;
        float: left;
    }
    .hear.web .search_box #searchsubmit {
        float: left;
        background: url(../images/search_icon.png);
        width: 28px;
        height: 28px;
    }
    .labay_nav{
        display: block;
        top:0px;
        position: fixed;
        width:100%;
        height:100%;
        background:#ffffff;
        transition:left 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transition: left 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition:left 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        -ms-transition: left 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        left:100vw;
        z-index: 6;
    }
    .labay_nav .labay_close{
        position: absolute;
        padding: 10px;
        top:0px;
        right:0px;
        height:28px;
        width:28px;
        font-size:28px;
        line-height: 28px;
    }
    .labay_nav ul{
        width:70%;
        margin: 10vw auto 0 auto;
        position: relative;
    }

    .labay_nav li{
        left:-50px;
        top:-25px;
        opacity: 0;
        width:100%;
        height:30px;
        line-height: 30px;
        padding: 7px 0px;
        border-bottom: 1px solid #9c9c9c;
        position: relative;
        transition: left 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),top 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transition: left 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),top 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition:left 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),top 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        -ms-transition: left 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),top 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .labay_nav .move_li{
        top:0px;
        left:0px;
        opacity: 1;
    }
    .main_product .product_box{
        margin: 0 auto;
        position: static !important;
    }
    .pro_img_back img{
        top:40vw !important;
        width:80% !important;
        left:10% !important;
    }
    .news_main p{
        width:95%;
        margin:0 auto;
    }
    .news_main .center_box img{
        width:80vw;
        margin: 0 auto;
    }
    .main_contact .row {
        margin: 0 auto !important;
        width: 100% !important;
    }
    .main_contact .float_right{
        width:100% !important;
        float:none !important;
    }
    .main_about .panter ul img{
        width:100vw !important;
        height:auto;
    }
    .main_about  .panter .control{
        top:30% !important;
    }
    .main_about #breadcrumb_nav{
        padding-left:5% !important;
    }
    .main_about .computing{
        margin-left: 5% !important;
    }
}