@charset "utf-8";

.L{margin:0 0 0 0;}
.R{background:url(../img/bgty.jpg) top;background-repeat: no-repeat;background-size: cover;padding: 50px;}

.menu_left .left {display: none;}
.menu_left{ height: auto;}
.menu_left .right{position: inherit;}

.product_info .h6{padding:15px 0 0 0;margin:0 auto 20px auto;width:1220px;height:60px;line-height: 60px;font-size:25px;font-weight:bolder;;border-bottom:1px solid #ddd;color:#444;font-weight: normal;}

.product_info .DEFS{background:#fff;height:auto;position: relative;width:1300px;}
.product_info{margin:0 auto;width: 1300px;}
.product_info .top_1{padding:25px 0 0 0;}
.product_info .top_2{padding:10px 0 15px 0;text-align: center;color:#777;font-size:16px;font-weight: normal;letter-spacing: 3px;}

.eff_img_bg{background:#fff;height:auto;width:1300px;padding:0 0 50px 0;margin-top:50px;padding-top: 20px;}
.eff_img h6{width:1210px;border-bottom:1px solid #ddd;margin: 30px auto 0px;height:65px;line-height:65px;font-size:26px;font-weight: normal;color:#444;}
.eff_img .img{width:1210px;margin:0 auto 20px auto;}
.eff_img .img img{box-shadow: 2px 2px 5px #bbb;max-width:100%;max-height:900px;height: auto;}
.eff_img .cankao{padding:10px;border-top:1px dashed #bbb;width:90%;margin:40px auto 0 auto;}
.eff_img .cankao span{position: relative;top:-20px;background:#e9e9e9;font-size:14px;padding:0 16px;color:#888;}

.like_pro {margin:50px auto 0 auto;width:1220px;height:460px;}
.like_pro h2{height:50px;line-height: 55px;font-size:24px;letter-spacing: 1px;color:#444;margin:0 auto 20px auto;width:1220px;font-weight: normal;}
.like_pro .boxs{
    padding-top: 20px; box-sizing: border-box;
    width:284px;display:inline-block;background:#fff;position: relative;overflow: hidden;text-align: center;margin:0 28px 0 0;}
.like_pro .boxs:nth-of-type(4){margin:0;}
.like_pro .boxs:hover{box-shadow: 0 2px 13px #eee;}
.like_pro .boxs .mask{position: absolute;left:0;top:0;z-index: 2;transform: scale(0.4);}
.like_pro .boxs .mask{left:0;top:-100%;opacity: 0;}
.like_pro .boxs .name{height:55px;line-height: 55px;font-size:16px;letter-spacing: 0.5px;font-family: 'verdana';}
.like_pro .boxs .size{height:35px;line-height: 24px;font-size:12px;letter-spacing: 0.5px;font-family: 'arial';color:#aaa;}
.like_pro .boxs:hover{box-shadow: 0 12px 42px #ddd;}



.cp_img{float:left;vertical-align: top;margin:0 40px 0 40px;position: relative;width:540px;display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
@media screen and (min-width: 768px){
    .cp_img img{max-height: 540px;}
}
.cp_img img{margin:0;position:relative;z-index: 10;}
.cp_img #cp_img_z{box-shadow: 2px 2px 7px #666;}
.cp_img .cpmore {margin:15px 0 0 0;height:90px;position: relative;}
.cp_img .cpmore .lll{left:0;top:0;position:absolute;}
.cp_img .cpmore .rrr{right:0;top:0;position: absolute;}
.cp_img .cpmore .mask{width:470px;margin:0 auto;}
.cp_img .cpmore .boxs{width:48px ;height:48px;text-align: center;display: inline-block;outline: 1px solid #ddd;background:#fefefe;float:left;margin:0 7px 0 0;}
.cp_img .cpmore .boxs img{width: 48px;height: 48px;}
.cp_info{margin: 80px 10px;float:right;width:624px;}
.cp_info h1{/* padding:0px 0 10px 0; *//* font-family: 'verdana'; *//* height:35px; *//* line-height:45px; *//* font-size: 33px; *//* color:#333; *//* font-weight: normal; *//* margin:0 0 17px 0; */}
.cp_info .texing{padding:5px 0 0 0;}
.cp_info .texing span{position: relative;top:-30px;}
.cp_info .texing img{margin:0 0 0 10px;}
.cp_info .ms0{font-size:16px;color:#111;margin: 15px 0;font-weight: bolder;}
.cp_info .ms1{font-size:14px;color:#444;border-bottom:1px solid #ddd;margin:0 0 15px 0;}
.cp_info .ssss li{width:88%;line-height: 35px;display: inline-block;font-size:14px;color:#777;}
.cp_info .ssss li span{color:#111;padding:0 11px 0 0 ;}
.cp_info .qrcode{margin:15px 0 0 0;height:160px;display: flex;align-items: flex-start;}
.cp_info .qrcode .vr{width:101px;outline:1px solid #ddd;}
.cp_info .qrcode p{display: inline-block;margin:0 0 0 15px;position: relative;}
.cp_info .qrcode p .sy{left:40px;top:40px; width:20px;}
.cp_info .qrcode p span{display: block;width:103px;text-align: center;height:20px;line-height: 20px;color:#666;}


.sizelist{background: url(../img/product_b0.jpg) center no-repeat;height:563px;border-top:1px solid #a0a0a0}
.sizelist h2{width:32px;border-top:2px solid #fdd100;font-size:14px;color:#fdd100;height:30px;line-height: 30px;margin:0 auto;position: relative;top:-3px;text-align: center;letter-spacing: 1px;}


.pro_all{padding:0 0 0 0;border-top:1px solid #a0a0a0;margin:1px auto 0 auto;width:1260px;text-align: center;}
.pro_all .pj{padding:50px 0;width:800px;margin:0 auto;}
.pro_all  h2{width:32px;border-top:2px solid #fdd100;font-size:14px;color:#d6d6d6;height:30px;line-height: 30px;margin:0 auto;position: relative;top:-3px;text-align: center;letter-spacing: 1px;}
.pro_all .boxs{display:inline-block;margin:0 12px 25px 12px;position: relative;}
.pro_all .boxs .img{height:auto;vertical-align: bottom;position: relative;}
.pro_all .boxs .img img{width:auto;}
.pro_all .boxs .t{width:100%;line-height:26px;font-size:15px;font-family: 'Arial';text-align: left;padding:7px 0 0 0;}
.pro_all .boxs .t b{font-weight: normal;color:#aaa;display: block;font-size:12px;letter-spacing: 1px;}
.pro_all .boxs .t span{color:#d1d1d1;display: block;letter-spacing: 1px;}

.page{margin:30px 0 0 0;text-align:center;}
.page a{padding:0 15px;display:inline-block;font-size:15px;}
.page a img{display: inline-block;}
.page a span{display: inline-block;height:37px;line-height: 37px;padding:0 15px;}
.page a.qian img{float: left;}
.page a.qian span{float: left;}
.page a.hou img{float: left;}
.page a.hou span{float: left;}
.page a.back img{float: left;}
.page a.back span{float: left;}
.page a:hover{color:#0e0e0f;}


@media screen and (max-width:600px)
{

    body{background:#ffffff;}
    .R{background:none;}
    .DEFS{max-width:100%;}
    .product_info{width: 100%;margin:0 auto;top:0;}
    .product_info .top_1{padding:25px 0 0 0;}
    .product_info .top_2{padding:10px 0 15px 0;text-align: center;color:#777;font-size:16px;font-weight: normal;letter-spacing: 3px;}
    .product_info h6{text-align: center;width:100%;max-width: 100%;}
    .product_info .DEFS{background:#fff;height:auto;position: relative;top:0;width:100%;}
    

    .eff_img_bg{background:#fff;height:auto;width:100%;margin:20px auto 0 auto;padding:0 0 50px 0;border-top:1px dashed #ddd;}
    .eff_img h6{width:100%;padding:0 0 0 0;border-bottom:0;margin:0 0;height:55px;line-height:57px;font-size:18px;font-weight: normal;color:#444;text-align: center;}
    .eff_img .img{width:96%;margin:0 auto 20px auto;}
    .eff_img .img img{box-shadow: 2px 2px 5px #eee;max-width:100%;max-height:inherit;height: auto;width:100%;border-radius: 4px;}
    .eff_img .cankao{padding:10px;border-top:1px dashed #ddd;width:90%;margin:40px auto 0 auto;}
    .eff_img .cankao span{position: relative;top:-20px;background:#e9e9e9;font-size:14px;padding:0 16px;color:#888;}
    

    .cp_img .cpmore {margin:15px 0 0 0;height:90px;position: relative;}
    .cp_img .cpmore .lll{left:0;top:0;position:absolute;display: none;}
    .cp_img .cpmore .rrr{right:0;top:0;position: absolute;display: none;}
    .cp_img .cpmore .mask{width:100%;margin:0 auto;}
    .cp_img .cpmore .boxs{width:48px ;height:48px;text-align: center;display: inline-block;outline: 1px solid #ddd;background:#fefefe;float:left;margin:0 7px 0 0;}
    .cp_img .cpmore .boxs img{width: 48px;height: 48px;}
    .cp_img .cpmore .boxs .t{display:none;}
    .cp_img{background:#fff;float:none;vertical-align: top;margin:5% auto 0 auto;box-shadow:0 ;width:92%;}
    .cp_img img{margin:0px;box-shadow:none;width:100%;height:auto;margin:0%;}
    .cp_img h1{padding:2% 0;font-size:20px;font-weight: normal;color:#454545;text-align: center;}
    .cp_info{float:none;width:90%;margin:4% 5% 0% 5%;}
    .cp_info .texing{padding:5px 0 0 0;height:auto;}
    .cp_info .texing span{position: relative;top:-0;}
    .cp_info .texing img{margin:0 0 0 0;max-width: 100%;height: auto;}
    .cp_info h1{padding:20px 0 0 0;font-family: 'verdana';font-weight: normal;height:40px;line-height:40px;font-size: 28px;}
    .cp_info .ms{padding:0px 0 20px 0;color:#999;font-size:15px;line-height: 25px;margin:0 0 25px 0;}
    .cp_info .tx{padding:40px 0 0 0;}
    .cp_info .tx span{padding:0 0 5px 0;display: inline-block;font-size:14px;}
    .tx img{width:100%;}
    .cp_info .ssss h2{color:#333;font-size:20px;height:35px;line-height: 25px;font-weight: normal;}
    .cp_info .ssss li{width:88%;height:auto;line-height: 35px;display: inline-block;font-size:15px;color:#444;}
    .cp_info .ssss li span{color:#333;}
    .cp_info .qrcode{margin:15px 0 0 0;height:140px;}
    .cp_info .qrcode .vr{width:101px;outline:1px solid #ddd;}
    .cp_info .qrcode p{display: inline-block;margin:0 0 0 15px;position: relative;}
    .cp_info .qrcode p .sy{left:40px;top:40px; width:20px;}
    .cp_info .qrcode p span{display: block;width:103px;text-align: center;height:20px;line-height: 20px;color:#666;}
    
    
    .eff_m{padding:2%;outline:1px solid #ddd;}
    .eff_m{margin:0 4%;width:88%;}
    .eff_m h5{font-size:15px;text-align: center;padding:5px 0 15px 0;color:#999;font-weight:normal;}

    .pro_all{padding:30px 0 0 0;width:92%;margin:0 auto;}
    .pro_all h2{color:#444;font-size:22px;font-weight: normal;border-top:1px solid #aaa;padding:33px 0 30px 0;}
    .pro_all .boxs:hover{border-bottom:1px solid #e10000;}
    .pro_all .boxs{display:inline-block;width:46%;margin:0 2% 5% 2%;position: relative;height:auto;float:left;border-bottom:1px solid #ffffff;text-align: center;}
    .pro_all .boxs .img{width:100%;height:100%;vertical-align: bottom;position: relative;text-align: center;}
    .pro_all .boxs .img img{position:inherit;bottom:inherit;left:inherit;max-height: 100%;width:auto;max-width:100%;}
    .pro_all .boxs .t{width:100%;line-height:26px;font-size:15px;font-family: 'Arial';text-align:center;padding:7px 0 0 0;}
    .pro_all .boxs .t b{font-weight: normal;color:#aaa;display: block;font-size:12px;letter-spacing: 1px;}
    .pro_all .boxs .t span{color:#333;display: block;letter-spacing: 1px;}

    .page{text-align: center;height:50px;padding:10px 0 25px 0;}
    .page a{}
    .page a.qian{display: inline-block;height:37px;line-height: 37px;border:1px solid #eee;padding:0 7px;margin:0 2px;font-size:12px;font-family: '黑体';}
    .page a img{display: none;}
    .page a.hou{display: inline-block;height:37px;line-height: 37px;border:1px solid #e10000;padding:0 7px;margin:0 4px;font-size:12px;color:#ffffff;background:#e10000;font-family: '黑体';}
    .page a.back{background:none no-repeat center;display: block;height:44px;line-height: 44px;width:30%;position: relative;margin:0 auto;text-align: center;}
    .page a.back span{display: block;text-align:center;padding:0;margin:0;float:none;color:#999;}

    .like_pro {margin:50px auto 25px auto;width:92%;height:auto;}
    .like_pro h2{height:40px;line-height: 40px;font-size:18px;letter-spacing: 1px;color:#444;margin:0 auto 20px auto;width:100%;font-weight: normal;text-align: center;}
    .like_pro .boxs{ width:48%;display:inline-block;background:#fff;position: relative;overflow: hidden;text-align: center;margin:5px 4% 0 0;}
    .like_pro .boxs:nth-of-type(4){margin:0;}
    .like_pro .boxs:nth-of-type(2){margin:0;}
    .like_pro .boxs:hover{box-shadow: 0 2px 13px #eee;}
    .like_pro .boxs .img img{width: 100%;height: auto;}
    .like_pro .boxs .mask{position: absolute;left:0;top:0;z-index: 2;transform: scale(0.4);}
    .like_pro .boxs .mask{left:0;top:-100%;opacity: 0;}
    .like_pro .boxs .name{height:45px;line-height: 45px;font-size:14px;letter-spacing: 0.5px;font-family: 'verdana';}
    .like_pro .boxs .size{height:35px;line-height: 24px;font-size:12px;letter-spacing: 0.5px;font-family: 'arial';color:#aaa;}
    .like_pro .boxs:hover{box-shadow: 0 12px 42px #ddd;}
    .like_pro .boxs .img{padding-top: 10px;box-sizing: border-box;}
}
.eff_img img{
    width: 1200px;
    display: block;
    margin: 50px;
}
.eff_img{

position: relative;

display: block;
}