.pro_type h3{letter-spacing: 1px;}
.pro_type a{letter-spacing: 1px;}
.pro_type p{letter-spacing: 1px;}
@media (min-width: 481px) {
/*产品页*/
.main{position:relative;margin:0px auto;overflow: hidden;padding: 0;width: 1180px;} 
.main .product{float: left; width:800px;  margin-bottom: 100px;margin-top: 20px;}
.main .product .banner{height: 300px;}
.main .product .menu{height: 50px; background-color: #e9e9e9; margin-top: 13px;}
.main .product .menu .left{float: left;line-height: 50px;margin-left: 30px;}
.main .product .menu .left p{font-size: 16px; font-weight: bold; width: 40px;float: left;margin-right: 20px;}

.main .product .list{width: 100%;}
.main .product .list h3{ font-size: 16px; border-bottom:1px solid #e8e8e8;padding: 15px 0;margin-bottom: 10px;}
.main .product .list ul{list-style-type: none; display: inline-block;width: 100%;padding: 0; margin: 0; }
.main .product .list ul li{display: inline-block; text-align: center;position: relative; height: 340px;overflow: hidden; margin: 5px 0; margin-right:11px;}
.main .product .list ul li .new{position: absolute;left:0; top: 0;width: 45px;}
.main .product .list ul li a{font-size: 14px; color: #212529; display: block;width: 182px; height: 330px;  border: 3px solid #dddddd;transition: all .3s ease-in-out;}
.main .product .list ul li a:hover{text-decoration: none; border: 3px solid #40b9ee;transition: all .2s ease-in-out;width: 182px; height: 330px;}
.main .product .list ul li img{ width: 100%;}
.main .product .list ul li h2{ font-size: 16px;margin: 5px;}
.main .product .list ul li h2.cur{color: #0066cc;}
.main .product .list ul li p{ font-size: 12px; font-weight: bold;margin: 0;margin-top: 5px;}
.main .product .list ul li span{ font-size: 12px; font-weight: normal; display: block; padding: 0 15px;}
.main .product .list ul li.last{margin-right: 0;}

.main .product .list .box{display: inline-block; padding: 1px; border: 3px solid #dddddd;position: relative; width: 99%;overflow: hidden; transition: all .2s ease-in-out;}
.main .product .list .box:hover{border: 3px solid #40b9ee;width: 99%; }
.main .product .list .box .left{float: left; width: 185px;position: relative;}
.main .product .list .box .left img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.main .product .list .box .right{ float: left; width: 395px; margin-left: 30px; padding: 20px;}
.main .product .list .box .right h2{font-size: 16px;margin-bottom: 10px;}
.main .product .list .box h2.cur{color: #0066cc;}
.main .product .list .box .right p{font-size: 12px; font-weight: bold;margin: 0;margin-top:5px;}
.main .product .list .box .right span{font-size: 12px; font-weight: normal; display: block; }
.main .product .list .box a{font-size: 14px; color: #212529; display: block; font-weight: bold; transition: all .3s ease-in-out;}

/*产品分类*/
.category{position:relative;margin:0px auto;overflow: hidden;padding: 0;width: 980px;z-index: 10;} 
.category .pro_type{ float: left; width: 800px;margin-top: 20px;}
.category .pro_type .banner h3{ text-align: left; font-size: 20px; margin: 20px 0;}

.category .box ul{list-style-type: none; display: inline-block;width: 100%;padding: 0;margin: 0; height: 290px;}
.category .box ul li{float: left; border: 3px solid #dddddd;position: relative; width: 390px; height: 280px;overflow: hidden;}
.category .box ul li:nth-child(2){float: right;}
.category .box ul li:hover{border: 3px solid #40b9ee;transition: all .2s ease-in-out;}
.category .box ul li div{text-align: left; padding: 20px 10px;z-index: 999;position: relative;}
.category .box ul li div h3{ font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.category .box ul li div a{ font-size: 14px; color: #656565; display: block;line-height: 24px;}
.category .box ul li div a:hover{color: #40b9ee;transition: all .2s ease-in-out;}
.category .box ul li img{position:absolute; top: 0; right: 0; width: 240px;}

.category .list ul{list-style-type: none; display: inline-block;width: 100%;padding: 0; margin: 5px 0;}
.category .list ul li{display: inline-block;  border: 3px solid #dddddd;position: relative; width: 794px; height: 160px;overflow: hidden; margin: 5px 0;}
.category .list ul li:hover{border: 3px solid #40b9ee;transition: all .2s ease-in-out;}
.category .list ul li a{font-size: 14px; color: #212529; display: block; }
.category .list ul li div{padding: 20px 10px;z-index: 999;text-align: center; width: 400px; height: 120px;position: relative;display:table-cell; vertical-align:middle;}
.category .list ul li div h3{ font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.category .list ul li div a{ font-size: 14px; color: #656565; display: block;line-height: 24px;}
.category .list ul li div a:hover{color: #40b9ee;transition: all .2s ease-in-out;}
.category .list ul li img{position:absolute; top: 0; right: 0; width: 400px;}

.flexslider{position:relative;height:320px;overflow:hidden;margin-bottom: 10px;}
.slides{position:relative;z-index:1;height:650px;padding: 0;}
.slides li{height:300px;}
.slides li img{height: 300px;}
.slides li .page{position: absolute; right: 100px;bottom: 60%;}
.slides li .page h3{ font-size: 50px; color: #fff; font-weight: bold; margin: 0;}
.slides li .page p{font-size: 32px; color: #fff;font-weight: bold; margin: 0;margin-top:-15px}
.flex-control-nav{position:absolute;bottom:0px;z-index:2;width: 100%;padding: 0;text-align:center}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:40px;overflow:hidden;background:#bfbfbf;cursor:pointer; border-radius:100% ;}
.flex-control-nav .flex-active{background-position:0 0;background:#0066cc;}

/*下拉框*/
#select{width: 150px; line-height: 25px; margin: 0 10px;  background-color: #fff; display: inline-block; border-radius: 5px; border:2px solid #9f9e9e; font-size: 12px; padding:0 10px; position: relative;}
#select i{width: 0; height: 0; border-top: 5px solid #333; border-left: 5px solid transparent;  border-right: 5px solid transparent;position: absolute; top: 10px; right: 10px;}
#select span{display: block; height: 25px; cursor: pointer; margin: 0; font-weight: normal; font-size: 14px;}
#select ul,#select li{padding: 0; margin:0 }
#select li{line-height: 30px; color: #666; list-style-type: none; cursor: pointer;transition: all 0.5s ease 0s;padding: 0 10px;}
#select li:hover{  background-color: #DAF0FF; padding-left: 20px; font-weight: bold; }
#select li:last-child{border-bottom: 0}
#select ul{display: none;position: absolute;z-index: 9999;border-radius: 0px;border: 2px solid #9f9e9e;width: 100%;background: #fff;top: 24px;left: -2px;border-top:0 ;}

#select2{width: 150px; line-height: 25px; margin: 0 10px;  background-color: #fff; display: inline-block; border-radius: 5px; border:2px solid #9f9e9e; font-size: 12px; padding:0 10px; position: relative;}
#select2 i{width: 0; height: 0; border-top: 5px solid #333; border-left: 5px solid transparent;  border-right: 5px solid transparent;position: absolute; top: 10px; right: 10px;}
#select2 span{display: block; height: 25px; cursor: pointer; margin: 0; font-weight: normal; font-size: 14px;}
#select2 ul,#select2 li{padding: 0; margin:0 }
#select2 li{line-height: 30px; color: #666; list-style-type: none; cursor: pointer;transition: all 0.5s ease 0s;padding: 0 10px;}
#select2 li:hover{  background-color: #DAF0FF; padding-left: 20px; font-weight: bold; }
#select2 li:last-child{border-bottom: 0}
#select2 ul{display: none;position: absolute;z-index: 9999;border-radius: 0px;border: 2px solid #9f9e9e;width: 100%;background: #fff;top: 24px;left: -2px;border-top:0 ;}
.flipx { transform: rotateY(180deg); }


/*隐藏掉我们模型的checkbox*/    
.check-wrap { position: relative; display: inline-block; vertical-align: middle; height: 26px; padding-left: 13px; line-height: 26px; font-size: 16px;color:#000;margin: 0 10px;}
.check-wrap~.check-wrap{margin-left: 10px;}
.check-wrap > .icheck { opacity: 0; }
.check-wrap > .ilabel { border-radius: 3px; cursor: pointer; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.check-wrap > .ilabel:after {content: " ";border: 2px solid #9f9e9e;display: block;font-weight: bold;background-color:#FFF;text-align: center;border-radius: 6px;width: 20px;height: 20px;line-height: 20px;}
.check-wrap > .icheck:checked + .ilabel:after {content: "✓";border-color: #9f9e9e;background-color:#FFF;color: #3ad045;}
.check-wrap > .icheck:indeterminate + .ilabel:after { content: "■"; color: #3f51b5; background-color: #FFF; border-color: #3f51b5; }

}


@media only screen and (min-width: 320px) and (max-width: 480px) {

    /*产品页*/
    .main{position:relative;margin:0px auto;overflow: hidden;padding: 0;max-width: 1180px;} 
    .main .product{ width:100%; margin-bottom:50px;margin-top: 90px;}
    .main .product .banner img{display: block;}
    .main .product .menu{background-color: #e9e9e9;}
    .main .product .menu .left{font-size: 14px; padding: 10px;}
    .main .product .menu .left p{font-size: 14px; font-weight: bold; width: 40px;float: left;margin: 5px;}

    .main .product .list{padding:0 10px;}
    .main .product .list h3{ font-size: 14px; border-bottom:1px solid #e8e8e8;padding: 15px 0;margin-bottom: 10px;}
    .main .product .list ul{list-style-type: none; display: inline-block;width: 100%;padding: 0; margin: 0; }
    .main .product .list ul li{display: inline-block; text-align: center;position: relative; width: 100%;overflow: hidden; margin: 5px 0;}
    .main .product .list ul li .new{position: absolute;left:0; top: 0;width: 45px;}
    .main .product .list ul li a{font-size: 14px; color: #212529; display: block; border: 3px solid #dddddd;transition: all .3s ease-in-out;padding: 20px 0px;}
    .main .product .list ul li a:hover{text-decoration: none; border: 3px solid #40b9ee;transition: all .2s ease-in-out; }
    .main .product .list ul li img{ width:50%;}
    .main .product .list ul li h2{ font-size: 16px;margin: 5px;}
    .main .product .list ul li h2.cur{color: #0066cc;}
    .main .product .list ul li p{ font-size: 12px; font-weight: bold;margin:5px;}
    .main .product .list ul li span{ font-size: 12px; font-weight: normal; display: block; padding: 0 15px;}
    .main .product .list ul li.last{margin-right: 0;}

    .main .product .list .box{display: inline-block; padding: 1px; border: 3px solid #dddddd;position: relative;overflow: hidden; transition: all .2s ease-in-out; margin: 5px 0;}
    .main .product .list .box:hover{border: 3px solid #40b9ee;}
    .main .product .list .box .left{text-align: center;width: 100%;}
    .main .product .list .box .right{text-align: center;}
    .main .product .list .box .right h2{font-size: 16px;margin-bottom: 10px;}
    .main .product .list .box h2.cur{color: #0066cc;}
    .main .product .list .box .right p{font-size: 12px; font-weight: bold;margin: 5px;}
    .main .product .list .box .right span{font-size: 12px; font-weight: normal; display: block; }
    .main .product .list .box a{font-size: 14px; color: #212529; display: block; font-weight: bold; transition: all .3s ease-in-out;padding: 10px;}


    /*下拉框*/
    .main .product .menu .left #select{width: 100%; line-height: 25px; margin:5px 0px;  background-color: #fff; display: inline-block; border-radius: 5px; border:2px solid #9f9e9e; font-size: 12px; position: relative;}
    .main .product .menu .left #select i{width: 0; height: 0; border-top: 5px solid #333; border-left: 5px solid transparent;  border-right: 5px solid transparent;position: absolute; top: 10px; right: 10px;}
    .main .product .menu .left #select span{display: block; height: 25px; cursor: pointer; margin: 0; font-weight: normal; font-size: 14px;text-indent: 0.2em;}
    .main .product .menu .left #select ul,#select li{padding: 0; margin:0 }
    .main .product .menu .left #select li{line-height: 30px; color: #666; list-style-type: none; cursor: pointer;transition: all 0.5s ease 0s;padding: 0 10px;}
    .main .product .menu .left #select li:hover{  background-color: #DAF0FF; padding-left: 20px; font-weight: bold; }
    .main .product .menu .left #select li:last-child{border-bottom: 0}
    .main .product .menu .left #select ul{display: none;position: absolute;z-index: 9999;border-radius: 0px;border: 2px solid #9f9e9e;width: 100%;background: #fff;top: 24px;left: -2px;border-top:0 ;}

    .main .product .menu .left #select2{width: 100%; line-height: 25px; margin:5px 0px;  background-color: #fff; display: inline-block; border-radius: 5px; border:2px solid #9f9e9e; font-size: 12px; position: relative;}
    .main .product .menu .left #select2 i{width: 0; height: 0; border-top: 5px solid #333; border-left: 5px solid transparent;  border-right: 5px solid transparent;position: absolute; top: 10px; right: 10px;}
    .main .product .menu .left #select2 span{display: block; height: 25px; cursor: pointer; margin: 0; font-weight: normal; font-size: 14px;text-indent: 0.2em;}
    .main .product .menu .left #select2 ul,#select li{padding: 0; margin:0 }
    .main .product .menu .left #select2 li{line-height: 30px; color: #666; list-style-type: none; cursor: pointer;transition: all 0.5s ease 0s;padding: 0 10px;}
    .main .product .menu .left #select2 li:hover{  background-color: #DAF0FF; padding-left: 20px; font-weight: bold; }
    .main .product .menu .left #select2 li:last-child{border-bottom: 0}
    .main .product .menu .left #select2 ul{display: none;position: absolute;z-index: 9999;border-radius: 0px;border: 2px solid #9f9e9e;width: 100%;background: #fff;top: 24px;left: -2px;border-top:0 ;}


    .flipx { transform: rotateY(180deg); }




    /*隐藏掉我们模型的checkbox*/    
    .check-wrap { position: relative; display: inline-block; vertical-align: middle; height: 24px; padding-left: 7px; line-height: 24px; font-size: 14px;color:#000;margin: 0 5px;}
    .check-wrap~.check-wrap{margin-left: 5px;margin: 5px;}
    .check-wrap > .icheck { opacity: 0; }
    .check-wrap > .ilabel { border-radius: 3px; cursor: pointer; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .check-wrap > .ilabel:after {content: " ";border: 2px solid #9f9e9e;display: block;font-weight: bold;background-color:#FFF;text-align: center;border-radius: 6px;width: 16px;height: 16px;line-height: 16px;}
    .check-wrap > .icheck:checked + .ilabel:after {content: "✓";border-color: #9f9e9e;background-color:#FFF;color: #3ad045;}
    .check-wrap > .icheck:indeterminate + .ilabel:after { content: "■"; color: #3f51b5; background-color: #FFF; border-color: #3f51b5; }



    /*产品分类*/
    .category .pro_type{float: none;width: 100%;margin: 0;}
    .category .pro_type .banner{margin-top: 90px;}
    .category .pro_type .banner h3{padding: 10px;font-size: 16px;}
    .category .pro_type .banner .flexslider{width: 100%;position: relative;overflow: hidden;}
    .category .pro_type .banner .flexslider .slides{padding: 0;}

    .category .box{padding: 0 10px;}
    .category .box ul{list-style-type: none; display: inline-block;width: 100%;padding: 0;margin: 0;}
    .category .box ul li{float: none; border: 3px solid #dddddd;position: relative; width: 99%; height: auto;overflow: hidden;margin: 10px 0;}
    .category .box ul li:nth-child(2){float: none;}
    .category .box ul li:hover{border: 3px solid #40b9ee;transition: all .2s ease-in-out;}
    .category .box ul li div{text-align: left; padding: 20px 10px;z-index: 999;position: relative;}
    .category .box ul li div h3{ font-size: 14px; font-weight: bold; margin-bottom: 10px;}
    .category .box ul li div a{ font-size: 12px; color: #656565; display: block;line-height: 24px;}
    .category .box ul li div a:hover{color: #40b9ee;transition: all .2s ease-in-out;}
    .category .box ul li img{position:absolute; top: 0; right: 0; width: 50%;}

    .category .list{padding: 0 10px;}
    .category .list ul{list-style-type: none; display: inline-block;width: 100%;padding: 0; margin: 0;}
    .category .list ul li{display: inline-block;  border: 3px solid #dddddd;position: relative; width: 99%; height: auto;overflow: hidden; margin: 5px 0;}
    .category .list ul li:hover{border: 3px solid #40b9ee;transition: all .2s ease-in-out;}
    .category .list ul li a{font-size: 14px; color: #212529; display: block; font-weight: bold;}
    .category .list ul li div{padding: 20px 10px;z-index: 999;text-align: center; width: 100%; height: auto;position: relative; vertical-align:middle;}
    .category .list ul li div h3{ font-size: 14px; font-weight: bold; margin-bottom: 10px;}
    .category .list ul li div a{ font-size: 12px; color: #656565; display: block;line-height: 24px;}
    .category .list ul li img{position:absolute; top: 0; right: 0; width: 100%;}

    
}