@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* 全局 */
body,h1,h2,h3,h4,h5,h6,hr,p,pre,blockquote,dl,dd,ul,ol,th,td,form,fieldset,legend,button,input,textarea,img{margin:0;padding:0; border:none;}
h1,h2,h3,h4,h5,h6,button,input,textarea,select{font-size:100%;}
fieldset,img{border:0;}table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}ul{list-style:none;}
address,cite,code,dfn,var,em,th{font-style:normal;font-weight:normal;}
button,input,textarea{outline:none;font-family:inherit;}:focus{outline:0;}
body{font-family:Arial, Helvetica, sans-serif;}
textarea{overflow-x:hidden;overflow-y:auto;resize:none;}
a{color:white;text-decoration:none;display: block;}a:hover{text-decoration:none;}
i,em{font-style:normal;display: block;}
li{ float:left;}
/* 清浮动*/
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
.container{width: 960px;margin: 0 auto;background: white;}
header{background:#000;justify-content:space-between;align-items: center;color:white;display: flex;padding-right:  70px;box-sizing: border-box;height: 58px;line-height: 58px;}
.logo{font-size: 38px;width: 30%;line-height: 58px;background: #f5ca01;text-align: center;}
.search{height: 26px;width: 21%;position: relative;border: solid 2px #ffffff;}
.nav{width: 77%;}
.nav li{width: 30%;text-align: center;font-size: 18px;}
.search img{position: absolute;right: 5px;top:4px;}
.banner{width: 100%;}
.banner img{width: 100%;vertical-align: middle;}
.WHY{font-family: ArialMT;color:black;font-size:16px;padding:20px 100px 0 100px;box-sizing:border-box;width: 100%;}
.w_title,.title{font-family: Arial-BoldMT;margin:30px 0;text-align: center;background: url("../images/w_tit.png") no-repeat center;
    font-size: 24px;color: #f5ca01;font-weight: 600;}
.title{background: url("../images/tit_bg.png") no-repeat center;}
.o_tit{background:none;}
.title1{background: url("../images/tit.png") no-repeat center;}
.WHY li{width: 25%;text-align: center;}
.product{padding: 16px 50px 20px 50px;box-sizing: border-box;}
.p_wrap{display: flex;padding: 17px;box-sizing: border-box;}
.p_left{width: 57%;display: flex;justify-content: space-between;}
.p_big{width: 80%;height: 376px;overflow: hidden;}
.p_big img,.p_sm img{width: 100%;border: 2px solid #f5ca01;vertical-align: middle;box-sizing: border-box;}
.p_sm{height:376px;overflow-y: scroll;width: 19%;display: flex;flex-direction: column;justify-content: space-between;}
.p_sm a{margin-bottom: 10px;}
.p_right{width: 43%;padding:0 20px;box-sizing: border-box;color: black;}
.p_right li{font-size:13px;display: flex;width: 100%;align-items: center;}
.p_right li span{font-weight: 600;display: block;font-size: 16px;color: #f5ca01;}
.p_right li p{margin-left:10px;text-align: center;font-size: 14px;color: #000;}
.p_title{	font-size: 21px;}
.description .d_wrap{background: #f5ca01;padding: 50px;box-sizing: border-box;}
.description .desMain{background: white;padding: 10px;box-sizing: border-box;}
.description li{float: none;}
.gewa{background: url("../images/description_bg.png") no-repeat;background-size: 100% 100%;color: white;padding:  20px 100px;box-sizing: border-box;}
.V_wrap{padding:  0 25px;box-sizing: border-box;display: flex;}
.V_left{margin-top: 100px;width: 50%;}
.V_left img{width: 100%;}
.V_right{font-size:14px;line-height:24px;width:50%;background: #f5ca01;padding: 20px 40px;box-sizing: border-box;}
.V_right i{display: inline-block;}
.V_right p{margin-bottom: 10px;}
.V_right span{color: white;border-bottom: 2px solid white;margin-bottom: 10px;display: inline-block;}
.V_right h4{font-size: 18px;color: white; }
.gewa {background: url("../images/g_bg.png") no-repeat;background-size:100% 100%;margin-top: 50px;color: white;}
.g_wrap{font-family: ArialMT;}
.g_wrap p{margin-top: 20px;}
.F_wrap{line-height: 20px;font-size:14px;text-align:center;background: url("../images/F_bg.png") no-repeat;background-size: 100% 100%;padding:  202px 100px;box-sizing: border-box;}
.F_wrap  h3{color: white;    font-family: ArialMT;}
.F_wrap li{margin-bottom: 20px;}
.b_wrap img{width: 100%;}
.o_wrap{padding: 0 10px;box-sizing: border-box;}
.o_wrap li{margin: 0 0 10px 8px;}
.o_wrap li img{width: 100%;border: 1px solid #000;box-sizing: border-box;}
.o_wrap li{width: 24%;}
@media only screen and (max-width: 768px) {
    .container{width: 100%;}
    .p_big,.p_sm{height: 326px;}
    .product{    padding: 16px 10px 20px 10px;}
    .p_title{font-size: 18px;}
    .WHY{padding: 20px 40px 0 40px;}.V_left{margin-top: 183px;}.description, .gewa{padding: 20px 30px;}
    .F_wrap{    padding: 202px 104px;}.o_wrap li{width: 23%;}
}
@media only screen and (max-width: 481px) {
    .container{width: 100%;}.WHY{    padding: 20px 20px 0 20px;font-size: 14px;}
    .search{width: 44%;}
    .V_left{display: none;}
    .w_title, .title{font-size: 21px;}
   .p_wrap{display: block;}
   .p_left,.p_right,.V_right{width: 100%;}
    .V_wrap{padding: 0 10px;}
   .V_right{font-size: 12px;line-height: 20px;padding: 15px;box-sizing: border-box;}
   .p_big,.p_sm{height: 257px;}
    .p_title,.p_right li p,.description, .gewa{font-size: 12px;}
    .p_right{margin-top: 20px;}
    .p_right li span{font-size: 14px;}
    .description, .gewa{padding: 15px;}.F_wrap h3{color: black;}
    .F_wrap{background: none;padding: 0 15px;box-sizing: border-box;font-size: 12px;}
    .o_wrap li{width: 47%;}.w_content{display: flex;flex-wrap: wrap;}.WHY li{width: 50%;}

}