*{
    margin: 0;
    padding: 0;
    font-family: "Microsoft yahei";
}

a{
    text-decoration: none;
}

img{
    display: block;
}

.up{transition: all 5s;transform: scale(1.2,1.2);opacity: 1;}
.down{transition: all 5s;transform: scale(1,1);opacity: 0;}
.big_bg{opacity: 0;transform: scale(1.2,1.2) !important;}

#pagetop{
    position: fixed;
    bottom: 0;
    right: 30px;
    display: none;
    bottom: 30px;
    z-index: 999;
}

#pagetop a{
    display: inline-block;
    text-indent: -9999px;
    width: 52px;
    height: 48px;
    /*background: url("../images/pagetop.png") no-repeat;*/
    background: url('/assets/home/pagetop.png') no-repeat;
    background-size: 52px 48px;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
}

#pagetop a:hover{
    /*background: url("../images/pagetop_on.png") no-repeat;*/
    background: url('/assets/home/pagetop_on.png') no-repeat;
    background-size: 52px 48px;
}


/*--------------------------------------*/
/*headfoot start*/
#headerbox{
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9;

}

#header{
    overflow: hidden;
    /*background-color: pink;*/
    position: relative;
    border-bottom: 2px solid #0080cc;
    background-color: white;
}

#space{
    overflow: hidden;
}

#space div, #logo{
    width: 4.12%;
    float: left;
    margin-left: 9.1%;
}

#space div img, #logo img{
    width: 100%;
}
#header ul li.menu_li img{
    width: 100%;
    /*height: 100%;*/
}

#header ul li.menu_li img.menu_on{
    position: absolute;
    top: 0%;
    display: none;
}
#header ul{
    width: 69.7%;
    height: 100%;
    list-style-type: none;
    overflow: hidden;
    /*background-color: red;*/
    position: absolute;
    left: 50%;
    margin-left: -32.8%;
}

#header ul li{
    float: left;
    /*padding: 3.4% 0;*/
    cursor: pointer;
}

#header ul li.menu_li{
    width: 18.7%;
}

#header ul li.divide{
    color: #0080cc;
}

#header ul li.divide span{
    position: relative;
    top: 35%;
}

#header ul #corp span{
    top: 20%;
}

#header ul li span{
    display: block;
    width: 100%;
    font-size: 1.53vw;
    text-align: center;
    /*border-left: 1px solid #0080cc;*/
    letter-spacing: 0.01vw;
}

#header ul li{
    height: 100%;
    position: relative;
}

#header ul li.menu_li span{
    position: absolute;
    top: 35%;
    font-family: Arial;
}

#langbox{
    width: 8%;
    height: 50%;
    position: absolute;
    right: 5.36%;
    top: 30%;
    /*background-color: green;*/
    /*padding: 1.7% 0;*/
}

#langbox a{
    display: block;
    text-decoration: none;
    color: #1491e8;
    font-size: 1.15vw;
    text-indent: 20%;
}

#lang_zh{
    background: url('/assets/img/lang_btn.gif') no-repeat left;
    /*background: url(../img/lang_btn.gif) no-repeat left;*/
    background-size: auto 100%;
}


#menu2box{
    background: rgba(0, 0, 0, 0.8);
    color: #FFF;
    display: none;
}

#banner{
    /*width: 100%;*/
}

#banner img{
    width: 100%;
}

#menu2box ul{
    overflow: hidden;
    list-style-type: none;
    margin-left: 16%;
}

#menu2box ul li{
    float: left;
    padding: 1.03% 0;
    cursor: pointer;
}

#menu2box ul li span{
    display: block;
    font-size: 1.53vw;
    line-height: 2.6vw;
    /* background-color: green; */
    /* padding: 4% 0; */
    font-family: Arial;
}

#menu2box ul li .menu2_a1{
    color: white;
    display: block;
    font-size: 1.53vw;
    line-height: 2.6vw;
    font-family: Arial;
}
#menu2box ul li .menu2_a1:hover{
    text-decoration: underline;
}

#menu2box ul li span.selected_2{
    background-color: #0080cc;
}

#menu2box ul li.divide{
    background-color: transparent;
    margin: 0 1%;
}

.menu3box{
    /*background-color: #0080cc;*/
    background-color: rgba(0, 128, 204, 0.7);
    display: none;
    overflow: hidden;
}

.menu3box ul{
    overflow: hidden;
    list-style-type: none;
    margin-left: 11%;
    /*background-color: pink;*/
}

#menu2box .menu3box ul li{
    float: left;
    padding: 0;
    color: #FFF;
    cursor: pointer;
    font-size: 1.53vw;
    font-family: Arial;
    line-height: 3.1vw;
}
#menu2box .menu3box ul li a{
    padding: 1.37% 0;
    color: #FFF;
    cursor: pointer;
    font-size: 1.53vw;
    font-family: Arial;
}

#menu2box .menu3box ul li:hover, #menu2box .menu3box ul li a:hover{
    text-decoration: underline;
}

#menu2box .menu3box .menu3box2ul{
    margin: 0.9% 7% 0.8% 7%;
}

#menu2box .menu3box .menu3box2ulzh{
    margin-left: 16%;
}

#footerbox{
    background-color: black;
    color: white;
}

#footerbox .fdiv1{
    overflow: hidden;
}

#footerbox .fdiv1 ul{
    margin: 0 auto;
    list-style-type: none;
    overflow: hidden;
    width: 83%;
}

#footerbox .fdiv1 ul li {
    float: left;
    font-size: 1.3vw;
    margin-left: 6.85%;
    line-height: 6.33vw;
}

#footerbox .fdiv1 ul li a{
    color: white;
    font-family: Arial;
}


#footerbox .fdiv1zh{
  overflow: hidden;
}

#footerbox .fdiv1zh ul{
    margin: 0 auto;
    list-style-type: none;
    overflow: hidden;
    width: 78%;
}

#footerbox .fdiv1zh ul li {
    float: left;
    font-size: 1.3vw;
    margin-left: 11.85%;
    line-height: 6.33vw;
}

#footerbox .fdiv1zh ul li a{
    color: white;
    font-family: Arial;
}

#footerbox .fdiv2{
    width: 46%;
    margin: 0 auto;
}

#footerbox .fdiv2 p{
    font-size: 1vw;
    text-align: center;
    margin-top: 3%;
    padding-bottom: 23%;
    font-family: Arial;
}

.mb{
  display: none;
}

/*headfoot end---------------------------------------------------*/
/*home start---------------------------------------------------*/

.homekv{
    position: relative;
    overflow: hidden;
}

.homekv .kv_bg{
    width: 100%;
}

.homekv .kv_moon{
    position: absolute;
}

.homekv .kv1{
    font-size: 4.5vw;
    width: 100%;
    text-align: center;
    position: absolute;
    color: white;
    /*transition: all 0.5s;*/

}
/*.homekv .kv1:hover{
    -webkit-transform:scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}*/
.homekv .kvmoon{
    width: 31.4%;
    position: absolute;
    margin: 0 auto;
    top: 18.6%;
    left: 35.6%;
}

.homekv .kvtitle{
    width: 59.7%;
    position: absolute;
    margin: 0 auto;
    top: 39%;
    left: 20.6%;
}

.homekv .kvtext{
    width: 45.5%;
    position: absolute;
    margin: 0 auto;
    top: 51.5%;
    left: 27.6%;
}

.homekv .kv1_1{
    top: 44%;
}

.homekv .kv1_2{
    top: 50.4%;
    font-size: 3.6vw;
    letter-spacing: 0.1vw;
    font-family: Arial;
}

.homekv .kv1_3{
    top: 58.1%;
    font-size: 3.6vw;
    letter-spacing: 0.1vw;
    font-family: Arial;
}

.home .part1{
    overflow: hidden;
}
.home .part1 .part1_arrow{
    width: 6%;
    margin: 2% auto;
}

.home .part1 .text{
    text-align: center;
}

.home .part1 .part1title{
    width: 22%;
    margin-left: 39.4%;
    margin-top: 3%;
}

.home .part1 .part1titlezh{
    width: 11.7%;
    margin-left: 43.8%;
    margin-top: 3%;
}

.home .part1 .part1titlea{
    width: 5.9%;
    margin-left: 47%;
    margin-top: 2.2%;
    margin-bottom: 2.5%;
}

.home .part1 .part1titleazh{
    width: 11.6%;
    margin-left: 43.8%;
    margin-top: 2.2%;
    margin-bottom: 2.5%;
}

/*.home .part1 .text_1{
    margin: 0 auto;
    font-size: 3.7vw;
    width: 26%;
    transition: all 0.5s;
}
*/
/*.home .part1 .text_1:hover{
box-shadow:1px 1px #eb9552,
           2px 2px #eb9552,
           3px 3px #eb9552,
           4px 4px #eb9552,
           5px 5px #eb9552;
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
*/

.home .part1 .text_2{
    margin: 1.4% 0 2.4% 0;
    font-size: 1.8vw;
}

.home .part1 .text_3,.home .part1 .text_4{
    font-size: 1.6vw;
    font-family: Arial;
    line-height: 2.4vw;
    letter-spacing: 0.1vw;
}

.home .part2{
    /*padding-top: 14%;*/
    overflow: hidden;
    position: relative;
}

.home .part2 .text2{
  text-align: center;
    /*transition: all 0.5s;*/

}
/*.home .part2 .text2:hover{
    -webkit-transform:scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}*/

.home .part2 .text_1{
    font-size: 2.1vw;
    margin: 5% auto;
    /* background-color: #0080CC; */
    border: 1px solid #0176cc;
    width: 18.5%;
    line-height: 4.7vw;
    /*color: #0176cc;*/
    transition: all 0.5s;
}
/*.home .part2 .text_1:hover{
    -webkit-transform:scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}*/
.home .part2 .text_1:hover{
    background: #0080CC;
    /*color: #ffffff;*/
    border: 1px solid #0080CC;
    text-decoration: none;
}

.home .part2 .text_1 a{
    display: block;
    color: #0176cc;
}
.home .part2 .text_1 a:hover{
    color: #ffffff;
    text-decoration: none;
}


.home .part2 img{
    float: left;
    width: 25%;
}

.home .part2 .img2_em1{
    width: 16%;
    position: absolute;
    top: 27.3%;
    left: 17%;
    transition: all 0.5s;
}

.home .part2 .img2_em1:hover{
    -webkit-transform:scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.home .part2 a .img2_em2{
    width: 16%;
    position: absolute;
    top: 27.3%;
    left: 67%;
    transition: all 0.5s;
}
.home .part2 a .img2_em2:hover{
    -webkit-transform:scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.home .part2 .img2_em3{
    width: 16%;
    position: absolute;
    top: 71.1%;
    left: 17%;
    transition: all 0.5s;
}
.home .part2 .img2_em3:hover{
    -webkit-transform:scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.home .part2 .img2_em4{
    width: 16%;
    position: absolute;
    top: 71.1%;
    left: 67%;
    transition: all 0.5s;
}
.home .part2 .img2_em4:hover{
    -webkit-transform:scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}


.home .part3{
    position: relative;
    overflow: hidden;
    background: url('/assets/home/bg_02.png') no-repeat;
    /*background-image: url(../images/home/bg_02.png);*/
    height:37vw;
    width: 100%;
    background-size: 100% 100%;
    background-attachment: fixed;
}

.home .part3 .img3_1{
    width: 100%;
}

.home .part3 .text3{
    text-align: center;
    position: absolute;
    color: white;
    width: 100%;
    /*transition: all 0.5s;*/
}

.home .part3 .part3title{
    width: 39%;
    margin-top: 6%;
    margin-left: 30.6%;
}
.home .part3 .part3titlea{
    width: 7.4%;
    margin-top: 1.5%;
    margin-left: 46.1%;
}

.home .part3 .part3titlezh{
width: 17%;
    margin-top: 6%;
    margin-left: 41.7%;
}
.home .part3 .part3titleazh{
    width: 23.4%;
    margin-top: 1.5%;
    margin-left: 38.8%;
}

.home .part3 .part3text11zh {
    width: 96.3%;
    margin-left: 1.5%;
    margin-top: 5%;
}

.home .part3 .part3text11{
    width: 96.3%;
    margin-left: 1.5%;
    margin-top: 5.6%;
}

.home .part3 .text3_2{
    top: 28.1%;
    font-size: 1.7vw;
}

.home .part3 .text3_3{
    top: 45.6%;
    font-size: 4vw;
    letter-spacing: 0.1vw;
}

.home .part3 .text3_4{
    margin-left: 40%;
    width: 21%;
    top: 67.5%;
    font-size: 2vw;
    line-height: 5.2vw;
    background: rgba(0,0,0,0.6);
    font-family: Arial;
}
.home .part3 .text3_5{
    margin-left: 40%;
    width: 21%;
    top: 67.5%;
    height: 5.2vw;
    transition: all 0.5s;
}

.home .part3 .text3_5:hover{
    background: rgba(0,0,0,0.5);

}
.home .part3 .text3_5 a{
    display: block;
    width: 1vw;
    height:3vw;
}


.home .part4 {
    overflow: hidden;
}

.home .part4 .text4 {
    text-align: center;
    margin: 1% 0;
    /*transition: all 0.5s;*/
}
/*.home .part4 .text4:hover{
    -webkit-transform:scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}*/

.home .part4 .part4title{
    width: 9.5%;
    margin-left: 45.3%;
    margin-top: 6.6%;
    margin-bottom: 1.6%;
}
.home .part4 .part4titlea{
    width: 7.6%;
    margin-left: 46.1%;
    margin-top: 1.9%;
    margin-bottom: 5.5%;
}
.home .part4 .part4titlezh {
    width: 15.5%;
    margin-left: 42.3%;
    margin-top: 6.6%;
    margin-bottom: 1.6%;
}

.home .part4 .part4titleazh{
    width: 17.6%;
    margin-left: 42.1%;
    margin-top: 1.9%;
    margin-bottom: 5.5%;
}

.home .part4 .div4{
    width: 69%;
    margin: 0 auto;
    border-top: 1px dotted #A5AAAD;
    padding: 1% 0;
}

.home .part4 .div4_4{
    border-bottom: 1px dotted #A5AAAD;
}

.home .part4 .div4 p{
    margin: 1% 0;
}

 .home .part4 .div4 .pp1{
    float: left;
    width: 14.7%;
    line-height: 2.4vw;
    text-align: center;
    font-size: 1.45vw;
    background-color: #026ebe;
    color: white;
    vertical-align: top;
    font-family: Arial;
}

 .home .part4 .div4 .pp2{
    margin-left: 17.6%;
    width: 16%;
    line-height: 2.5vw;
    font-family: Arial;
    font-size: 1.45vw;
}

.home .part4 .div4 .divdiv .divdivdiv{
    width: 14.7%;
    display: inline-block;
    vertical-align: top;
}

.home .part4 .div4 .divdiv a div{
    width: 80.9%;
    display: inline-block;
    margin-left: 2.5%;
    font-size: 1.3vw;
    line-height: 1.8vw;
    margin-top: 0%;
    font-family: Arial;
    letter-spacing: 0.05vw;
    color: black;
}

.home .part4 .div4 .divdiv a div:hover{
    text-decoration: underline;
}

.home .part4 .div4 .pp14{
    background-color: #04abec;
}

.home .part5{
  overflow: hidden;
  padding-bottom: 9%;
}

.home .part5 .text5 {
    text-align: center;
    font-size: 1.5vw;
    font-family: Arial;
    letter-spacing: 0.12vw;
    line-height: 2.2vw;
}

.home .part5 .part5title{
    width: 20%;
    margin-left: 40.2%;
    margin-top: 7.5%;
    margin-bottom: 1.8%;
}
.home .part5 .part5titlea{
    width: 8.2%;
    margin-left: 45.8%;
    margin-bottom: 2.8%;
}

.home .part5 .part5titlezh{
    width: 16.8%;
    margin-left: 42.5%;
    margin-top: 7.5%;
    margin-bottom: 1.8%;
}
.home .part5 .part5titleazh{
    width: 19.1%;
    margin-left: 41.4%;
    margin-bottom: 2.8%;
}

.home .part5 .div5{
    margin: 3.5% auto;
    width: 78%;
}

.home .part5 .div5 .ddiv5{
    padding: 2% 0;
    border: 1px solid #0080CC;
    width: 45.4%;
    font-size: 2.4vw;
}

.home .part5 .div5 .ddiv5_1{
    float: left;
    transition: all 0.5s;
}
.home .part5 .div5 .ddiv5_1:hover{
    -webkit-transform:scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.home .part5 .div5 .ddiv5_2{
    padding-top: 1.61%;
    padding-bottom: 0.9%;
    float: right;
    transition: all 0.5s;
}
.home .part5 .div5 .ddiv5_2:hover{
    -webkit-transform:scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.home .part5 .div5 .ddiv5 p{
    text-align: center;
    color: #0080CC;
    font-weight: 600;
    font-family: Arial;
}
.home .part5 .div5 .ddiv5 p a{
    text-align: center;
    color: #0080CC;
    font-weight: 600;
    font-family: Arial;
}

.home .part5 .div5 .ddiv5 .number{
    font-size: 4.4vw;
    margin-top: 2.3%;
    font-family: Arial;
    font-weight: 600;
}
.home .part5 .div5 .ddiv5_2 .ppp {
    line-height: 2.45vw;
}

.home .part5 .div5 .ddiv5_2 .number {
    margin-top: 0%;
}

.home .part6{
    overflow: hidden;
}

.home .part6 .form6pc{
    width: 65%;
    margin: 0 auto;
    font-size: 2.18vw;
    line-height: 3.3vw;
    /*overflow: hidden;*/
    position: relative;
}

.home .part6 .form6pc dt{
    width: 20%;
    font-size: 1.4vw;
    display: inline-block;
    /* margin-top: 0.4%; */
}

.home .hint{
    width: 38%;
    margin-left: 2%;
    font-size: 1.3vw;
    color: #ff0000;
    position: absolute;
    margin-top: 2%;
    display: none;
}

.home .hint_end{
    margin-top: 10%;
}

.home .part6 .form6pc .dt61{
    line-height: 1.4vw;
    vertical-align: middle;
    margin-top: 0%;
}

.home .part6 .form6pc hr{
    height: 1px;
    border: none;
    border-top: 1px solid #CCCCCC;
}

.home .part6 .form6pc dt span{
    color: red;
    font-size: 2vw;
    position: relative;
    top: 0.7vw;
}

.home .part6 .form6pc dd{
    width: 60%;
    display: inline-block;
    margin: 1.4% 0;
}

.home .part6 .form6pc dd input{
    width: 100%;
    font-size: 1.58vw;
    line-height: 2.9vw;
}

.home .part6 .form6pc .dd6{
    width: 28%;
}
.home .part6 .form6pc .dd61 {
    margin-left: -4%;
}
.home .part6 .form6pc .dd6pc1{
    margin-right: 2%;
}
.home .part6 .form6pc .dd6pc1 select{
    height: 3vw;
    width: 100%;
    font-size: 1.4vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    /*background-image: url("home/button_select_23");*/
    background-image: url('/assets/home/button_select_23.png');
    background-repeat: no-repeat;
    background-size: 5%;
    background-color: transparent;
    background-position: 97.9% 43%;
}
.home .part6 .form6pc .dd6pc1 select option{
    font-size: 1.3vw;
}
.home .part6 .form6pc .dd6pc2{
    vertical-align: top;
}
.home .part6 .form6pc .dd6pc2 textarea{
    font-size: 1.3vw;
    line-height: 2vw;
}

.home .part6 .submit6{
    width: 47%;
    margin: 4% auto;
}

.home .part6 .submit6 .submit6_1,.home .part6 .submit6 .submit6_2{
    width: 46%;
    font-size: 2vw;
    line-height: 5vw;
    background-color: white;
    border: 1px solid #0080CC;
    color: #0080CC;
}
.home .part6 .submit6 .submit6_1{
   transition: all 0.8s;
}
.home .part6 .submit6 .submit6_1:hover{
    background: #0080CC;
    color: #ffffff;
    border: 1px solid #0080CC;
    text-decoration: none;
/*    -webkit-transform:scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);*/
}

.home .part6 .submit6 .submit6_2{
  float: right;
   transition: all 0.8s;

}
.home .part6 .submit6 .submit6_2:hover{
    background: #0080CC;
    color: #ffffff;
    border: 1px solid #0080CC;
    text-decoration: none;
}

/*thanks page*/
#thanks .thankimg{
    width: 17.6%;
    margin-left: 41.8%;
    margin-top: 8.5%;
    margin-bottom: 1.6%;
}
#thanks .thankp{
    text-align: center;
    font-size: 1.6vw;
    line-height: 3.2vw;
    font-family: Arial;
    letter-spacing: 0.1vw;
}

/*home end-----------------------------------*/
/*product start-----------------------------------*/
.product #banner{
  /*width: 100%;*/
}

.product #banner img{
    width: 100%;
}

.product #p_h1, #p_h2{
    margin: 0 auto;
}

.product #p_h1 img, #p_h2 img{
    width: 100%;
}

.product #p_h1{
    width: 18.39%;
    margin-top: 6.7%;
}
.product #p_h1zh, #p_h2zh{
    margin: 0 auto;
}

.product #p_h1zh img, #p_h2zh img{
    width: 100%;
}

.product #p_h1zh{
    width: 18.39%;
    margin-top: 6.7%;
}

.product #p_h2{
    width: 7.76%;
    margin-top: 2.1%;
}
.product #p_h2zh{
    width: 17.76%;
    margin-top: 2.1%;
}

.product .pd_title{
    margin: 0 auto;
}

.product #pd_title1{
    width: 59.86%;
    margin-top: 4.02%;
}

.product #pd_title2{
    width: 26.05%;
    margin-top: 3.16%;
}

.product .pd_title img{
    width: 100%;
}

.product .info{
    position: relative;
}

.product .info img{
    width: 100%;
}

.product #info1{
    margin-top: 5.17%;
}

.product #info2{
    margin-top: 3.35%;
    margin-bottom: 19.6%;
}

.product .focus{
    display: block;
    width: 3.16%;
    position: absolute;
    transition: all 0.5s;
}

.product .focus:hover{
    -webkit-transform:scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}


.product #focus1{
    top: 5.5%;
    left: 24.5%;
}

.product #focus2{
    top: 23.9%;
    left: 35.8%;
}

.product #focus3{
    top: 30.6%;
    left: 23.6%;
}

.product #focus4{
    top: 36.4%;
    left: 15.5%;
}

.product #focus5{
    top: 48.7%;
    left: 31.6%;
}

.product #focus6{
    top: 64.3%;
    left: 21%;
}

.product #focus7{
    top: 3.2%;
    left: 61.3%;
}

.product #focus8{
    top: 14.5%;
    left: 70.2%;
}

.product #focus9{
    top: 44.6%;
    left: 86.2%;
}

.product #focus10{
    top: 49.2%;
    left: 63.6%;
}

.product #focus11{
    top: 51%;
    left: 73.4%;
}

.product #focus12{
    top: 13.2%;
    left: 35.7%;
}

.product #focus13{
    top: 24.1%;
    left: 56%;
}

.product #focus14{
    top: 45%;
    left: 71.1%;
}

.product #focus15{
    top: 53.6%;
    left: 33.4%;
}

.product #focus16{
    top: 63.6%;
    left: 20.3%;
}

.product .focus img{
    width: 100%;
}

.product .bg{
    position: absolute;
    top: 0;
}
/*product end---------------------------*/
/*overview start---------------------------*/
.overview #banner{
    /*width: 100%;*/
}

.overview #banner img{
    width: 100%;
}

.overview #p_h1, #p_h2{
    margin: 0 auto;
}

.overview #p_h1 img, #p_h2 img{
    width: 100%;
}

.overview #p_h1{
    width: 18.39%;
    margin-top: 6.7%;
}

.overview #p_h2{
    width: 7.76%;
    margin-top: 2.1%;
}

.overview #p_h1zh, #p_h2zh{
    margin: 0 auto;
}

.overview #p_h1zh img, #p_h2zh img{
    width: 100%;
}

.overview #p_h1zh{
    width: 17.39%;
    margin-top: 6.7%;
}

.overview #p_h2zh{
    width: 18.76%;
    margin-top: 2.1%;
}

.overview .ow_title{
    margin: 0 auto;
}

.overview #ow_title1{
    width: 59.86%;
    margin-top: 4.02%;
}

.overview #ow_title2{
    width: 26.05%;
    margin-top: 3.16%;
}

.overview .ow_title img{
    width: 100%;
}

.overview #ow_content1{
    width: 95.7%;
    margin: 0 auto;
    margin-top: 3.06%;
}

.overview #ow_content1 img{
    width: 100%;
}

.overview #ow_content2{
    width: 81.9%;
    margin: 0 auto;
    border-right: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    font-size: 1.15vw;
    margin-top: 3.83%;
    margin-bottom: 8.62%;
}

.overview #ow_content2 td,.overview  #ow_content2 th{
    border-left: 1px solid #c5c5c5;
    border-top: 1px solid #c5c5c5;
}

.overview #ow_content2 th{
    background-color: #e9e9e9;
    line-height: 3vw;
    text-align: center;
}

.overview #ow_content2 td{
    line-height: 1.7vw;
    padding: 1% 0;
}

.overview #ow_content2 tr.ow_tr td{
    padding: 0% 0;
}

.overview #ow_content2 td a,.overview  #ow_content2 th{
    font-size: 1.34vw;
}

.overview #ow_content2 td a{
    text-decoration: none;
    color: #000;
}

.overview #ow_content2 td a:hover{
    text-decoration: underline;
}

.overview #ow_content2 tr th:first-child, .overview #ow_content2 tr td:first-child{
    width: 36%;
}

.overview #ow_content2 tr th:last-child, .overview #ow_content2 tr td:last-child{
    width: 23.4%;
}

.overview #ow_content2 tr td:first-child{
    padding-left: 1%;
}

.overview #ow_content2 tr td:nth-child(2){
    padding-left: 2%;
    padding-right: 2%;
}

.overview #ow_content2 tr td:last-child{
    padding-left: 6%;
}
/*overview end---------------------------*/
/*corporatephilosophy start --------------------------------*/
.corporatephilosophy #banner{
  /*width: 100%;*/
}

.corporatephilosophy #banner img{
    width: 100%;
}

.corporatephilosophy #p_h1, .corporatephilosophy #p_h2, .corporatephilosophy #p_h3, .corporatephilosophy .p_h4{
    text-align: center;
    font-family: Arial;
    font-weight: normal;
    text-align: center;
}

.corporatephilosophy #p_h1, .corporatephilosophy #p_h2{
    margin: 0 auto;
}

.corporatephilosophy #p_h1 img, .corporatephilosophy #p_h2 img{
    width: 100%;
}

.corporatephilosophy #p_h1{
    width: 38.31%;
    margin-top: 6.7%;
}

.corporatephilosophy #p_h2{
    width: 8.14%;
    margin-top: 2.1%;
}

.corporatephilosophy #p_h1zh, .corporatephilosophy #p_h2zh{
    margin: 0 auto;
}

.corporatephilosophy #p_h1zh img, .corporatephilosophy #p_h2zh img{
    width: 100%;
}

.corporatephilosophy #p_h1zh{
    width: 19.31%;
    margin-top: 5.7%;
}

.corporatephilosophy #p_h2zh{
    width: 20.14%;
    margin-top: 2.1%;
}

.corporatephilosophy #p_h3{
    font-size: 1.53vw;
    margin-top: 3.7%;
    color: #0080cc;
}

.corporatephilosophy .p_h4{
    font-size: 1.62vw;
    line-height: 3vw;
    margin-top: 3%;
}
.corporatephilosophy .p_h4zh{
    font-size: 1.62vw;
    line-height: 3vw;
    margin-top: 0%;
}

.corporatephilosophy .corporate{
    width: 95.7%;
    margin: 0 auto;
    margin-top: 7.66%;
}

.corporatephilosophy .co_title{
    width: 100%;
    position: relative;
    text-align: center;
}

.corporatephilosophy .co_line{
    width: 100%;
    height: 1px;
    background-color: #999;
    position: absolute;
    top: 50%;
}

.corporatephilosophy .co_title span.co_place{
    font-size: 1.53vw;
    font-weight: normal;
    color: #999;
    padding: 0 1%;
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.corporatephilosophy .co_area{
    margin: 0 auto;
    margin-top: 4.7%;
}

.corporatephilosophy #co_area1{
    width: 28%;
}

.corporatephilosophy #co_area2{
    width: 28.5%;
}

.corporatephilosophy #co_area3{
    width: 28.5%;
}

.corporatephilosophy .co_area img{
    width: 100%;
}

.corporatephilosophy .co_info{
    overflow: hidden;
    margin-top: 4%;
}

.corporatephilosophy .co_img{
    float: left;
    width: 20.6%;
    margin: 0 4.4% 0 15.2%;
}

.corporatephilosophy .co_img img{
    width: 100%;
}

.corporatephilosophy .co_text{
    float: left;
    width: 50%;
}

.corporatephilosophy .co_text td{
    font-size: 1.24vw;
    line-height: 2.6vw;
    vertical-align: top;
}

.corporatephilosophy .co_right{
    text-align: right;
    width: 15%;
}

.corporatephilosophy .co_indent{
    padding-left: 10%;
}

.corporatephilosophy .co_map{
    margin-top: 4.2%;
    position: relative;
}

.corporatephilosophy .co_map3{
    overflow: hidden;
    margin-bottom: 6%;
}

.corporatephilosophy .co_map iframe{
    width: 100%;
    position: absolute;
    top: 0;
}

.corporatephilosophy .co_bg{
    width: 100%;
}

.corporatephilosophy .co_iframe{
    position: absolute;
    top: 0;
    overflow: hidden;
}
/*corporatephilosophy end --------------------------------*/
/*news start-------------------------------------*/
.news .kv{
    position: relative;
}
.news .kv .kvimg1{
    width: 100%;
}

.news .kv .kvimg2{
    position: absolute;
    top: 37.1%;
    left: 24.2%;
    width: 50%;
}

.news .kv .kvp1{
    position: absolute;
    top: 31.1%;
    font-size: 3.7vw;
    text-align: center;
    width: 100%;
    color: white;
    text-shadow: 3px 3px 6px black;
    letter-spacing: 0.2vw;
}
.news .kv .kvp2{
    position: absolute;
    top: 52.1%;
    font-size: 3.7vw;
    text-align: center;
    width: 100%;
    color: white;
    text-shadow: 3px 3px 6px black;
    letter-spacing: 0.2vw;
}
/*kvbox -@end-*/
/*-------------------------*/
/*contentbox -@start-*/
.news #contentbox{
    margin-bottom: 8%;
}

.news #part1 {
    overflow: hidden;
}

.news #part1 .part1title{
    width: 9.7%;
    margin-left: 45.3%;
    margin-top: 7%;
}

.news #part1 .part1titlea{
    width: 6.3%;
    margin-left: 46.5%;
    margin-top: 2.3%;
    margin-bottom: 4.9%;
}

.news #part1 .part1titlezh{
    width: 15.7%;
    margin-left: 43.3%;
    margin-top: 7%;
}

.news #part1 .part1titleazh{
    width: 16.3%;
    margin-left: 42.5%;
    margin-top: 2.3%;
    margin-bottom: 4.9%;
}

.news #part1 .text1_2 {
    font-size: 1.8vw;
    margin-top: 1%;
    margin-bottom: 5%;
}

.news #part1 .div1{
    width: 67.6%;
    margin: 0 auto;
    border-top: 1px dotted #A5AAAD;
    padding: 1% 0;
}

.news #part1 .div1_1{
    border-bottom: 1px dotted #A5AAAD;
}

.news #part1 .div1 p{
    margin: 1% 0;
}

.news  #part1 .div1 .pp1{
    float: left;
    width: 12.8%;
    line-height: 2.4vw;
    text-align: center;
    font-size: 1.5vw;
    background-color: #026ebe;
    color: white;
    vertical-align: top;
    font-family: Arial;
}

.news  #part1 .div1 .pp2{
    margin-left: 16%;
    width: 16%;
    line-height: 2.5vw;
    font-size: 1.5vw;
    font-family: Arial;
}

.news #part1 .div1 .pp14{
     background-color: #04abec;
}

.news #part1 .div1 .condiv{
    margin-top: 1.7%;
}

.news #part1 .div1 .condiv div{
    width: 12.8%;
    display: inline-block;
    vertical-align: top;
}

.news #part1 .div1 .condiv .titleimg img{
    width: 100%;
}

.news #part1 .div1 .condiv .content{
    width: 82%;
    display: inline-block;
    margin-left: 2.7%;
    font-size: 1.5vw;
    line-height: 2.3vw;
    margin-top: 0%;
    font-family: Arial;
}

.news #part2{
    margin-top: 4%;
    /*display: none;*/
}

.news #part2 .divpc{
    width: 30%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}

.news #part2 .divpc p{
    background-color:#0080cc;
    width: 46%;
    font-size: 2vw;
    line-height: 4vw;
    color: white;
}

.news #part2 .divpc .pleft{
    float: left;
}
.news #part2 .divpc .pleft a{
    color: white;
}

.news #part2 .divpc .pright{
    float: right;
}
.news #part2 .divpc .pright a{
    color: white;
}
/*news end-------------------------------------*/
/*eachproduct start --------------------------------*/
.eachproduct p {
    font-family: Arial;
}
.eachproduct #p_detail{
    width: 83%;
    margin: 0 auto;
    margin-top: 2.87%;
    overflow: hidden;
}

.eachproduct #p_shadow{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    background-color: #000;
    opacity: .8;
    filter: alpha(opacity=80);
    z-index: 9;
    display: none;
}


.eachproduct #p_bigimg{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    /* left: 50%; */
    /* margin-left: -47%; */
    z-index: 10;
    /*background-color: pink;*/
    /* display: table; */
    display: none;
}

.eachproduct #p_bigimg #p_imgcell{
    /* width: 80%; */
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.eachproduct #p_bigimg #p_imgcell div{
    width: 90%;
    margin: 0 auto;
}

.eachproduct #p_imgone{
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.eachproduct #p_close{
    width: 60px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.eachproduct #p_bigimg #p_imgcell #p_imgone{
}

.eachproduct #pt_img{
    width: 48%;
    float: left;
    overflow: hidden;
}

.eachproduct #pt_left{
    width: 20.3%;
    float: left;
}

.eachproduct #pt_left img, .eachproduct #pt_right img{
    width: 100%;
}

.eachproduct #pt_left img{
    cursor: pointer;
    margin-left: 7.3%;
    width: 98.9%;
    transition: all 0.4s;
}

.eachproduct #pt_left img:hover{
    box-shadow: 0px 0px 10px #0080CC;
/*  border: 1px solid #0080CC; opacity:0.7; filter:alpha(opacity=80);*/
}

.eachproduct #pt_left img{
    margin: 15% 7.3%;
}
.eachproduct #pt_left img:first-child{
    margin-top: 7.3%;
}
.eachproduct #pt_left img:last-child{
    margin-bottom: 7.3%;
}

.eachproduct #pt_right{
    width: 75.6%;
    float: right;
}

.eachproduct #pt_text{
    width: 48.18%;
    float: right;
}

.eachproduct #pt_title{
    background-color: #0080cc;
    font-size: 1.53vw;
    line-height: 1.53vw;
    color: #FFF;
    padding: 0.9% 2%;
    margin-bottom: 2%;
}

.eachproduct #pt_intro{
    font-size: 1.53vw;
}

.eachproduct #pt_button{
    overflow: hidden;
    margin-top: 7.8%;
}

.eachproduct #pt_contactus{
    width: 48%;
    float: left;
    cursor: pointer;
}

.eachproduct #pt_download{
    display: block;
    width: 48%;
    float: right;
}

.eachproduct #pt_contactus img, .eachproduct #pt_download img{
    width: 100%;
}

.eachproduct #p_example .p_one{
    cursor: pointer;
    margin-bottom: 6%;
}

.eachproduct #p_other .p_one a{
    border-bottom: none;
}

.eachproduct #p_other .p_one a:hover{
    text-decoration: underline;
}

.eachproduct .p_array{
    width: 75.2%;
    margin: 0 auto;
    overflow: hidden;
    /*background-color: pink;*/
    margin-top: 3.18%;
}

.eachproduct .p_one{
    width: 18.15%;
    float: left;
    margin-left: 1.87%;
    border: 1px solid white;
    transition: all 0.3s;
}

.eachproduct .p_one:hover{ border: 1px solid #0080CC; opacity:0.7; filter:alpha(opacity=80);}

.eachproduct .p_one p{
    display: block;
    padding: 7% 1%;
    border-bottom: 1px solid #000;
    padding-left: 4%;
    font-size: 1.245vw;
    line-height: 1.245vw;
    color: #000;
    text-decoration: none;
}

.eachproduct .p_one:first-child{
    margin-left: 0%;
}

.eachproduct .p_one a {
    display: block;
    border-bottom: 1px solid #000;
    font-size: 1.245vw;
    line-height: 1.245vw;
    color: #000;
    text-decoration: none;
}

.eachproduct .p_one img, .eachproduct .p_one a img{
    width: 100%;
}

.eachproduct #p_hint{
    margin: 3% 0;
    font-size: 1.53vw;
    margin-left: 6.7%;
}

.eachproduct .p_one .otherp{
    border-bottom: none;
}

.eachproduct .p_kitchen {
    float: left;
    width: 18.5%;
    margin-left: 1.87%;
}

.eachproduct .p_kitchen:first-child {
    margin-left: 0;
}

.eachproduct .p_one_kitchen p{
    display: block;
    padding: 7% 0%;
    border-bottom: 1px solid #000;
    /* padding-left: 4%; */
    font-size: 1.245vw;
    line-height: 1.245vw;
    color: #000;
    text-decoration: none;
    word-wrap: break-word;
    word-break: normal;
}

.eachproduct .p_kitchen .p_one_kitchen{
    width: 100%;
    /*float: left;*/
    /* margin-left: 1.87%; */
    border: 1px solid white;
    transition: all 0.3s;
    margin-bottom: 5%;
}

.eachproduct .p_kitchen .p_p{
    margin-top: 1%;
    font-size: 1.245vw;
    line-height: 1.245vw;
    word-wrap: break-word;
    word-break: normal;
}

.eachproduct .p_kitchen .p_one_kitchen:hover{ border: 1px solid #0080CC; opacity:0.7; filter:alpha(opacity=80);}

.eachproduct .p_kitchen .p_one_kitchen img{
    width: 100%;
}




.eachproduct #banner{
    /*width: 100%;*/
}

.eachproduct #banner img{
    width: 100%;
}

.eachproduct #p_h1, .eachproduct #p_h2, .eachproduct #p_h3, .eachproduct .p_h4{
    text-align: center;
    font-family: Arial;
    font-weight: normal;
    text-align: center;
}

.eachproduct #p_h1{
    font-size: 3.54vw;
    margin-top: 6.7%;
}

.eachproduct #p_h2{
    font-size: 1.82vw;
    font-family: "黑体", "Microsoft yaHei";
}

.eachproduct #p_h3{
    font-size: 1.53vw;
    margin-top: 3.7%;
    color: #0080cc;
}

.eachproduct .p_h4{
    font-size: 1.62vw;
    line-height: 3vw;
    margin-top: 3%;
}

.eachproduct .products{
    width: 95.7%;
    margin: 0 auto;
    margin-bottom: 4.11%;
}

.eachproduct .co_title{
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 5%;
}

.eachproduct .co_line{
    width: 100%;
    height: 1px;
    background-color: #999;
    position: absolute;
    top: 50%;
}

.eachproduct .co_title span.co_place{
    font-size: 1.53vw;
    font-weight: normal;
    color: #999;
    padding: 0 1%;
    position: relative;
    z-index: 0;
    background-color: #fff;
}

.eachproduct .co_area{
    margin: 0 auto;
    margin-top: 4.7%;
}

.eachproduct #co_area1{
    width: 29.8%;
}

.eachproduct .co_area img{
    width: 100%;
}

.eachproduct .co_info{
    overflow: hidden;
    margin-top: 4%;
}

.eachproduct .co_img{
    float: left;
    width: 20.6%;
    margin: 0 4.4% 0 15.2%;
}

.eachproduct .co_img img{
    width: 100%;
}

.eachproduct .co_text{
    float: left;
    width: 50%;
}

.eachproduct .co_text td{
    font-size: 1.24vw;
    line-height: 2.6vw;
    vertical-align: top;
}

.eachproduct .co_right{
    text-align: right;
    width: 10%;
}

.eachproduct .co_indent{
    padding-left: 10%;
}

.eachproduct .co_map{
    margin-top: 4.2%;
}

.eachproduct .co_bg{
    width: 100%;
}

.eachproduct .co_iframe{
    position: absolute;
    top: 0;
}

/*新增开始部分*/
.eachproduct .kitchen_table{
    width: 88%;
    margin: 0 auto;
}

.eachproduct .kitchen_table .prospe{
    width: 100%;
}
.eachproduct .kitchen_table .prospe img{
    width: 100%;
}
/*eachproduct end --------------------------------*/

@media screen and (max-width: 798px) {
 .mb{
      display: block;
  }

  .pc{
      display: none;
  }

  #mb_headerbox{
      width: 100%;
      position: fixed;
      top: 0px;
      z-index: 9;
      top: 0;
  }

  #shadow{
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      background-color: #000;
      opacity: .6;
      filter: alpha(opacity=60);
      z-index: 1;
      display: none;
  }

  #mb_header{
      overflow: hidden;
      border-bottom: 2px solid #0080cc;
      background-color: #fff;
  }

  #mb_logo, #mb_langbox, #mb_menubtn, #mb_space div{
      width: 8.62%;
  }

  #mb_logo{
      float: left;
  }

  #mb_logo{
      margin-left: 1.94%;
  }

  #mb_logo img, #mb_langbox img, #mb_menubtn img, #mb_space div img{
      width: 100%;
  }

  #mb_langbox, #mb_menubtn{
      float: right;
  }

  #mb_menubtn{
      margin-right: 1.5%;
      position: relative;
  }

  #mb_menubtn img.mb_menu_off{
      width: 100%;
      position: absolute;
      top: 0;
      display: none;
  }

  #mb_langbox{
      margin-right: 4.5%;
  }

  #mb_menu ul{
      list-style-type: none;
  }

  .mb_menu1 li span,.mb_menu1 li a{
      display: block;
      width: 100%;
      border-bottom: 1px solid #ccc;
      text-align: center;
      font-size: 6.14vw;
      font-family: Arial;
      padding: 4% 0;
      letter-spacing: 1px;
      background-color: #fff;
      color: black;
  }

  .mb_menu2 li span,.mb_menu2 li a{
      font-size: 5.4vw;
      padding: 3.7% 0;
      background-color: #000;
      color: #FFF;
  }

  .mb_menu3 li span,.mb_menu3 li a{
      font-size: 4.8vw;
      padding: 3% 0;
      background-color: #0080cc;
      color: #FFF;
  }

  .mb_menu1 li.nbtm span{
      border-bottom: none;
  }

  .mb_menu1, .mb_menu2, .mb_menu3{
      display: none;
  }

  #footerbox .fdiv1{
      background-color: black;
  }

  #footerbox .fdiv1 ul{
      width: 100%;
  }

  #footerbox .fdiv1 ul li{
      float: none;
      margin: 0;
      text-align: center;
      font-size: 5vw;
      line-height: 12vw;
      border-bottom: 1px solid #a7a7a7;
  }

  #footerbox .fdiv2{
      width: 100%;
      background-color: white;
      color: black;
  }

  #footerbox .fdiv2 p{
      margin-top: 0;
      font-size: 2.7vw;
      padding: 7%;
      font-weight: 900;
  }



/*headfoot end----------------------------------------------*/
/*home start----------------------------------------------*/

  .homekv .kv1 {
      font-size: 7.5vw;
  }

  .homekv .kvmbmoon{
      width: 48%;
      position: absolute;
      margin: 0 auto;
      top: 5.7%;
      left: 27.4%;
  }

  .homekv .kvmbtitle{
      width: 91%;
      position: absolute;
      margin: 0 auto;
      top: 35.7%;
      left: 4.4%;
  }

  .homekv .kvmbtext{
      width: 77.1%;
      position: absolute;
      margin: 0 auto;
      top: 54.5%;
      left: 10.4%;
  }

  .homekv .mb_kv_bg{
      width: 100%;
      height: 48vw;
  }

  .home .part1 .part1title{
      width: 39.7%;
      margin-top: 7.4%;
      margin-left: 29.9%;
  }
  .home .part1 .part1mbtitlea{
      width: 12%;
      margin-left: 43.4%;
      margin-top: 4.5%;
      margin-bottom: 6.1%;
  }

  .home .part1 .part1titlezh {
      width: 19.7%;
      margin-left: 40.8%;
      margin-top: 6%;
  }

  .home .part1 .part1mbtitleazh {
      width: 18%;
      margin-left: 41.4%;
      margin-top: 2.5%;
      margin-bottom: 5.1%;
  }

  .home .part1 .text_3, .home .part1 .text_4 {
      margin: 1.5% 0 0 0;
      font-size: 3.1vw;
      font-family: Arial;
  }

  .home .part2 .text_1 {
      /*font-size: 4.2vw;*/
      background-color: #0176cc;
      /*color: white;*/
      width: 42%;
      line-height: 10vw;
      margin: 13% auto;
  }

  .home .part2 .text_1 a{
      color: white;
      font-size: 4.2vw;
  }

  .home .part2 .img2_em1{
      top: 38.7%;
  }

  .home .part2 a .img2_em2{
      top: 38.7%;
  }

  .home .part2 .img2_em3{
      top: 75.7%;
  }

  .home .part2 .img2_em4{
      top: 75.7%;
  }

  .home .part3{
      height:34vw;
  }

  .home .part3 .part3title{
      width: 76%;
      margin-left: 13%;
      margin-top: 11.8%;
  }

  .home .part3 .part3mbtitlea{
      width: 14.9%;
      margin-left: 43%;
      margin-top: 2.9%;
  }
  .home .part3 .part3titlezh {
      width: 29%;
      margin-top: 9.7%;
      margin-left: 36.7%;
  }

  .home .part3 .part3mbtitleazh{
      width: 42.9%;
      margin-left: 30.3%;
      margin-top: 3.9%;
  }

  .home .part3_mb{
      width: 100%;
      margin: 8% auto;
  }

  .home .part3_mb .part4mbtext11{
      width: 89%;
      margin-left: 5.4%;
  }

  .home .part3_mb .textmb_2{
      width: 44%;
      text-align: center;
      margin: 9.1% auto 8.5% auto;
      line-height: 11vw;
      font-size: 4vw;
      background-color: #666666;
      color: white;
      letter-spacing: 0.2vw;
      font-family: Arial;
  }

  .home .part4 .part4mbtitle{
      width: 20.1%;
      margin-left: 40.8%;
      margin-bottom: 3.1%;
      margin-top: 4.9%;
  }
  .home .part4 .part4mbtitlea{
      margin-left: 42.8%;
      width: 14.7%;
      margin-top: 4.3%;
      margin-bottom: 8.5%;
  }

  .home .part4 .part4mbtitlezh{
      width: 26.1%;
      margin-left: 37.8%;
      margin-bottom: 3.1%;
      margin-top: 4.9%;
  }
  .home .part4 .part4mbtitleazh{
      margin-left: 39.5%;
      width: 22%;
      margin-top: 3%;
      margin-bottom: 8.5%;
  }

  .home .part4 .div4 .divdiv .divdivdiv{
      width: 19.7%;
      vertical-align: top;
  }

  .home .part4 .div4 .divdiv .divdivdiv img{
      width: 54%;
      margin: 4% auto;
  }

  .home .part4 .div4 .divdiv a div{
      width: 74.5%;
      font-size: 3.2vw;
      line-height: 4.5vw;
      margin-top: 0%;
      margin-left: 4%;
      font-family: Arial;
  }

  .home .part4 .div4{
      width: 94%;
      padding: 2% 0;
  }

  .home .part4 .div4 .pp1{
      line-height: 5.8vw;
      width: 19.7%;
      font-size: 3.4vw;
  }

  .home .part4 .div4 .pp2{
      line-height: 6.3vw;
      font-size: 3.4vw;
      margin-left: 24%;
  }

  .home .part4 .div4 p {
      margin: 1.5% 0;
      font-size: 3vw;
  }

  .home .part5{
      padding-bottom: 0%;
  }

  .home .part5 .text5{
      margin: 0% 1%;
      line-height: 4.4vw;
      font-family: Arial;
  }

  .home .part5 .part5title{
      width: 36.2%;
      margin-left: 32.8%;
      margin-top: 9.2%;
      margin-bottom: 1.8%;
  }

  .home .part5 .part5mbtitlea{
      margin-left: 42.9%;
      width: 14.7%;
      margin-top: 3.7%;
      margin-bottom: 7.7%;
  }

  .home .part5 .part5titlezh{
      width: 27.2%;
      margin-left: 35.8%;
      margin-top: 9.2%;
      margin-bottom: 1.8%;
  }

  .home .part5 .part5mbtitleazh{
      margin-left: 38.2%;
      width: 23.1%;
      margin-top: 1.7%;
      margin-bottom: 6.3%;
  }

  .home .part5 .text5_3{
      font-size: 2.8vw;
  }

  .home .part5 .text5_4{
      font-size: 2.8vw;
  }

  .home .part5 .text5_5{
      margin: 0 13.2%;
      font-size: 2.8vw;
  }

  .home .div5mb{
      width: 94%;
      margin: 6% auto;
  }

  .home .div5mb div{
      padding: 4% 0;
      font-size: 6vw;
      font-weight: bolder;
      text-align: center;
      border: 1px solid #0176cc;
      margin-bottom: 5%;
      color: #0176cc;
  }

  .home .div5mb .ddiv5mb_2{
      padding: 1% 0;
  }

  .home .div5mb .ddiv5mb_2 .number{
      margin: 1.1% 0 0.5% 0;
  }

  .home .div5mb div .number{
      font-size: 11.2vw;
      margin-top: 3.5%;
      font-family: Arial;
  }

  .home .hint{
      width: 100%;
      font-size: 4vw;
      color: #ff0000;
      position: static;
      margin-top: 2%;
      /*display: block;*/
  }

  .home .hint_end{
      /*margin-top: 10%;*/
  }

  .home .form6mb{
      width: 95%;
      margin: 0 auto;
  }

  .home .form6mb dt{
      width: 21.4%;
      font-size: 4vw;
      display: inline-block;
      margin: 2% 0;
      vertical-align: middle;
  }

  .home .form6mb .dtmb1{
      width: 31%;
  }

  .home .form6mb dd{
      width: 76%;
      display: inline-block;
      margin: 3% 0;
      vertical-align: middle;
  }

  .home .form6mb dd select{
      height: 8vw;
      width: 100%;
      font-size: 3.7vw;
      -webkit-appearance: none;
      /*background-image: url("home/button_select_23");*/
      background-image: url('/assets/home/button_select_23.png');
      background-repeat: no-repeat;
      background-size: 3.9%;
      background-color: transparent;
      background-position: 97.9% 43%;
      -moz-appearance:none ;
  }

  .home .form6mb dd select option{
      font-size: 3.7vw;
  }

  .home .form6mb .ddmb1{
      width: 66.2%;
  }

  .home .form6mb dd input{
      width: 100%;
      font-size: 4vw;
      line-height: 7.8vw;
  }

  .home .form6mb .ddd{
      vertical-align: top;
  }

  .home .form6mb .ddd textarea{
      width: 100%;
      font-size: 4vw;
      line-height: 5vw;
  }

  .home .part6 .form6mb hr{
      height: 1px;
      border: none;
      border-top: 1px solid #CCCCCC;
  }

  .home .part6 .form6mb dt span{
      color: red;
      position: relative;
      top: 1.7vw;
      font-size: 5vw;
  }

  .home .part6 .submit6{
      width: 95%
  }

  .home .part6 .submit6 .submit6_1{
      line-height: 9vw;
      font-size: 4vw;
      width: 48.7%;
      background-color: #0080CC;
      color: white;
  }

  .home .part6 .submit6 .submit6_2{
      line-height: 9vw;
      font-size: 4vw;
      width: 48.7%;
      color: #0080CC;
      border:1px solid #0080CC;
  }
  /*thank page*/
  #thanks .thankimg{
      width: 30.6%;
      margin-left: 34.8%;
      margin-top: 6.5%;
      margin-bottom: 2.6%;
  }
  #thanks .thankp{
      text-align: center;
      font-size: 3.6vw;
      line-height: 5.7vw;
      font-family: Arial;
      letter-spacing: 0.1vw;
  }
  #thanks .thankp3{
      margin-bottom: 3%;
  }
  /*thank page*/
/*home end--------------------------------------------------------*/
/*product start---------------------------------------*/
  .product #p_h1{
      width: 38.32%;
      margin-top: 6.7%;
  }

  .product #p_h2{
      width: 15.85%;
      margin-top: 2.1%;
  }
  .product #p_h1zh {
      width: 24.39%;
      margin-top: 4.7%;
  }

  .product #p_h2zh {
      width: 24.76%;
      margin-top: 2.1%;
  }

  .product #pd_title1{
      width: 66.6%;
  }

  .product .mb_info{
      position: relative;
  }

  .product #mb_info1{
      margin-top: 5.77%;
  }

  .product #mb_info2{
      margin-top: 1%;
  }

  .product #mb_info3{
      margin-top: 4%;
  }

  .product #mb_info4{
      margin-top: 4%;
      margin-bottom: 11%;
  }

  .product .mb_info img{
      width: 100%;
  }

  .product .mb_focus{
      width: 6%;
      position: absolute;
  }

  .product .mb_focus img{
      width: 100%;
  }

  .product #mb_focus1{
      top: 3%;
      left: 44%;
  }

  .product #mb_focus2{
      top: 26%;
      left: 65%;
  }

  .product #mb_focus3{
      top: 39%;
      left: 40%;
  }

  .product #mb_focus4{
      top: 40%;
      left: 30%;
  }

  .product #mb_focus5{
      top: 55%;
      left: 54%;
  }

  .product #mb_focus6{
      top: 70%;
      left: 32%;
  }

  .product #mb_focus7{
      top: 3%;
      left: 33%;
  }

  .product #mb_focus8{
      top: 12%;
      left: 50%;
  }

  .product #mb_focus9{
      top: 46%;
      left: 80%;
  }

  .product #mb_focus10{
      top: 50%;
      left: 57%;
  }

  .product #mb_focus11{
      top: 56%;
      left: 44%;
  }

  .product #mb_focus12{
      top: 2%;
      left: 63%;
  }

  .product #mb_focus13{
      top: 50%;
      left: 57%;
  }

  .product #mb_focus14{
      top: 66%;
      left: 34%;
  }

  .product #mb_focus15{
      top: 18%;
      left: 26%;
  }

  .product #mb_focus16{
      top: 53%;
      left: 55%;
  }
/*product end --------------------------------*/
/*overview start --------------------------------*/
  .overview #p_h1{
      width: 38.32%;
      margin-top: 6.7%;
  }

  .overview #p_h2{
      width: 15.85%;
      margin-top: 2.1%;
  }

  .overview #p_h1zh,.overview #p_h2zh{
      margin: 0 auto;
  }

  .overview #p_h1zh img, .overview #p_h2zh img{
      width: 100%;
  }

  .overview #p_h1zh{
      width: 26.39%;
      margin-top: 3.7%;
  }

  .overview #p_h2zh{
      width: 28.76%;
      margin-top: 2.1%;
  }

  .overview #ow_title1{
      width: 66.6%;
  }

  .overview #ow_content1{
      width: 100%;
      margin-top: 4.16%;
  }

  .overview #ow_title2{
      width: 51.56%;
      margin-top: 9.15%;
  }

  .overview #mb_ow_map{
      margin-top: 3.27%;
  }

  .overview .m_one{
      overflow: hidden;
  }

  .overview .m_num{
      width: 5.5%;
      float: left;
      margin-left: 8.7%;
      margin-right: 1.7%;
  }

  .overview .m_num img{
      width: 100%;
  }

  .overview .m_place{
      width: 80%;
      float: left;
      font-size: 3.27vw;
      line-height: 6vw;
  }

  .overview .m_place p{
      font-weight: bold;
      /*font-family: "Microsoft yaHei";*/
  }

  .overview .m_place p.m_indent{
      text-indent: 3%;
      font-weight: normal;
  }

  .overview #mb_ow_content2{
      width: 95.38%;
      margin: 0 auto;
      margin-top: 5.5%;
  }

  .overview #mb_ow_content2{
      border: 1px solid #c5c5c5;
      border-top: none;
  }

  .overview #mb_ow_content2 dt{
      font-size: 3.57vw;
      padding: 1% 0;
      padding-left: 3%;
      border-top: 1px solid #c5c5c5;
      font-weight: bold;
  }

  .overview #mb_ow_content2 dd{
      font-size: 3.125vw;
      padding: 1% 0;
      padding-left: 4%;
      border-top: 1px solid #c5c5c5;
  }
/*overview end --------------------------------*/
/*corporatephilosophy start --------------------------------*/
  .corporatephilosophy #p_h1{
      width: 75%;
      margin-top: 6.7%;
  }

  .corporatephilosophy #p_h2{
      width: 16%;
      margin-top: 2.1%;
  }

  .corporatephilosophy #p_h1zh{
      width: 38.31%;
      margin-top: 4.7%;
  }

  .corporatephilosophy #p_h2zh{
      width: 37.14%;
      margin-top: 2.1%;
  }

  .corporatephilosophy #p_h3{
      font-size: 5vw;
  }

  .corporatephilosophy .p_h4{
      font-size: 3.6vw;
      line-height: 6.8vw;
  }

  .corporatephilosophy .p_h4zh {
      font-size: 3.6vw;
      line-height: 6.8vw;
      width: 66%;
      margin: 0 auto;
  }

  .corporatephilosophy .co_img, .corporatephilosophy .co_text{
      float: none;
      width: 100%;
  }

  .corporatephilosophy .co_img{
      margin: 0;

  }

  .corporatephilosophy .co_text{
      margin-top: 4%;
  }

  .corporatephilosophy .co_text td{
      font-size: 3vw;
      line-height: 5vw;
  }

  .corporatephilosophy #co_area1{
      width: 68.44%;
  }

  .corporatephilosophy #co_area2{
      width: 68.3%;
  }

  .corporatephilosophy #co_area3{
      width: 68.14%;
  }

  .corporatephilosophy #co_title2, .corporatephilosophy #co_title3{
      margin-top: 13%;
  }

  .corporatephilosophy .co_title span.co_place{
      font-size: 4vw;
  }
/*corporatephilosophy end --------------------------------*/
/*news start --------------------------------*/
/*kvbox m-@start-*/
  .news .kv .kvimg2 {
      position: absolute;
      top: 39.5%;
      left: 11.8%;
      width: 76%;
  }


/*kvbox m-@end-*/
/*-------------------------*/
/*contentbox m-@start-*/

  .news #part1 .part1title {
      width: 21.7%;
      margin-left: 40%;
      margin-top: 6.6%;
  }
  .news #part1 .part1titlea {
      width: 15.2%;
      margin-left: 42.8%;
      margin-top: 2.9%;
      margin-bottom: 5.2%;
  }

  .news #part1 .part1titlezh {
      width: 26.7%;
      margin-left: 38.5%;
      margin-top: 6.6%;
  }
  .news #part1 .part1titleazh {
      width: 25.2%;
      margin-left: 39.2%;
      margin-top: 2.9%;
      margin-bottom: 5.2%;
  }

  .news #part1 .div1{
      width: 92.6%;
      padding: 4.4% 0;
  }

  .news #part1 .div1 .pp1{
      width: 22%;
      line-height: 5vw;
      font-size: 3.4vw;
  }

  .news #part1 .div1 .pp2{
      margin-left: 27%;
      line-height: 5vw;
      font-size: 3.4vw;
  }

  .news #part1 .div1 .condiv div{
      display: none;
  }

  .news #part1 .div1 .condiv .content{
      margin-left: 0;
      font-size: 3.4vw;
      line-height: 5.2vw;
      width: 100%;
  }
  .news #part2 .divpc{
      width: 60%;
      margin-top: 8%;
  }

  .news #part2 .divpc .pright a{
      display: block;
      color: white;
      font-size: 3vw;
      line-height: 11vw;
  }
  .news #part2 .divpc .pleft a{
      display: block;
      color: white;
      font-size: 3vw;
      line-height: 11vw;
  }

  .news #contentbox {
      margin-bottom: 12%;
  }
/*news end --------------------------------*/
/*eachproduct start --------------------------------*/
  .eachproduct #mb_pt_img img{
      width: 100%;
  }

  .eachproduct #p_h1{
      font-size: 6.93vw;
  }

  .eachproduct #p_h2{
      font-size: 3.56vw;
  }

  .eachproduct #p_h3{
      font-size: 5.28vw;
  }

  .eachproduct #p_h4{
      font-size: 3.17vw;
  }

  .eachproduct #p_detail{
      width: 100%;
  }

  .eachproduct #pt_text{
      float: none;
      width: 96%;
      margin: 0 auto;
      margin-top: 3%;
  }

  .eachproduct #pt_title{
      font-size: 3.75vw;
      line-height: 3.75vw;
      padding: 1.9% 0 1.6% 2%;
  }

  .eachproduct #pt_intro{
      font-size: 3.75vw;
  }

  .eachproduct .co_title span.co_place{
      font-size: 4vw;
      padding: 0 4%;
  }

  .eachproduct #p_hint{
      font-size: 3.75vw;
  }

  .eachproduct .p_array{
      width: 86.5%;
  }

  .eachproduct .p_one{
      width: 46%;
      margin-left: 0;
  }

  .eachproduct .p_one:nth-child(even){
      float: right;
  }

  .eachproduct .p_kitchen {
      float: left;
      width: 47.2%;
      margin-left: 1.5%;
      margin-bottom: 3.5%;
  }

  .eachproduct .p_one_kitchen p {
      display: block;
      padding: 7% 0%;
      border-bottom: 1px solid #000;
      /* padding-left: 4%; */
      font-size: 4.245vw;
      line-height: 4.245vw;
      color: #000;
      text-decoration: none;
  }

  .eachproduct .p_kitchen .p_p {
      margin-top: 1%;
      font-size: 4.245vw;
      line-height: 4.245vw;
  }

  .eachproduct #p_example{
      margin-top: 5%;
      margin-bottom: 10.49%;
  }

  .eachproduct .kitchen_table{
      width: 100%;
      margin: 0 auto;
  }

  .eachproduct .p_one p, .eachproduct .p_one a {
      display: block;
      padding: 7% 1%;
      border-bottom: 1px solid #000;
      padding-left: 4%;
      font-size: 2.845vw;
      line-height: 3.245vw;
      color: #000;
      text-decoration: none;

  }
/*eachproduct end --------------------------------*/

}
.unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{width:2.66%;top:50%;position:absolute;z-index:2;cursor:pointer}.unslider-arrow.next{position: absolute;}.unslider-arrow img{width:100%;}

.unslider{
  /*position:relative;*/
}

.unslider-nav{
  margin-top: 4%;
}

.unslider-nav ol{
  list-style: none;
  text-align: center;
}

.unslider-nav ol li{
    display: inline-block;
    /*float: none;*/
    width: 10px;
    height: 10px;
    margin: 0 16px;
    padding: 3px;
    background: #a3a3a3;
    border-radius: 20px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
    /*opacity: .4;*/
  }

.unslider-nav ol li.unslider-active{
  background: #0080cc;
  cursor: default;
  opacity: 1;
}

.unslider-nav{
  display: none;
}

@media screen and (max-width: 798px){
  .unslider-nav{
    display: block;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *


 */