/* CSS Document */
@media(max-width:960px) {
    body {
        width: 100%;
    }
    .container{width:90%;}
    .lmw {
        width: 65%;
        margin: 0 auto;
        margin-top: 100px;}
    /* 正文全屏显示 */
    .contains {
        width: 100%
    }

    /* 为了避免正文图片超出屏幕宽度 */
    /* 正文图片宽度最多是屏幕宽度的90% */
    .contains img {
        max-width: 90%
    }

    /* 隐藏头部、导航、侧栏、页脚 */
    #container {
        display: none
    }
    .hidd {
        display: none
    }
    .footer {
        display: none
    }
}
.mod_chanpin .text {
height: 100%;
}
.dropdown-menu {
position: initial;
border: none;
border-radius: 0px; 
box-shadow: none;
margin: 0px;
background: none;
}
.dropdown-menu>li>a {
padding: 0px;
}
.dropdown-submenu {  
position: relative;  
}  
.dropdown-submenu > .dropdown-menu {  
  position: absolute;
top: 0;  
left: 101%;  
margin-top: -5px;  
margin-left: 0px;  
-webkit-border-radius: 0 6px 6px 6px;  
-moz-border-radius: 0 6px 6px;  
border-radius: 0 6px 6px 6px;  
}  
.dropdown-submenu:hover > .dropdown-menu {  
display: block;  
}  
.dropdown-submenu > a:after {  
display: block;  
content: " ";  
float: right;  
width: 0;  
height: 0;  
border-color: transparent;  
border-style: solid;  
border-width: 5px 0 5px 5px;  
border-left-color: #ccc;  
margin-top: 5px;  
margin-right: -10px;  
}  
.dropdown-submenu:hover > a:after {  
border-left-color: #fff;  
}  
.dropdown-submenu.pull-left {  
float: none;  
}  
.dropdown-submenu.pull-left > .dropdown-menu {  
left: -100%;  
margin-left: 10px;  
-webkit-border-radius: 6px 0 6px 6px;  
-moz-border-radius: 6px 0 6px 6px;  
border-radius: 6px 0 6px 6px;  
}  
.mod_chanpin .text ul {
width: 20%;
border-right: 1px solid #E3E3E3;
float: left;
text-align: center;
margin-right: 0px;
}
.mod_chanpin .text ul#st2 {
width: 80%;
border-right: 1px solid #E3E3E3;
float: left;
text-align: center;
margin-right: 0px;
}
.mod_chanpin .text ul#st2 a {
width: 155px;
height: 40px;
line-height: 40px;
display: block;
font-size: 14px;
color: #777;
float: left;
margin-left: 8px;
}
.mod_chanpin .text ul#st2 a:hover {
color: #fff;
}
.dropdown-submenu > a:after {
display: block;
content: initial;
}

.index-jjfa .col-md-4 {
	padding: 0px 8px;
}
.pages li{list-style-type:none;width:10px;height:10px;border-radius:10px;background-color:white}.pages li:hover{box-shadow:0 0 5px 2px white}.pages li.active{background-color:orange;box-shadow:0 0 5px 2px orange}.pages{position:absolute;z-index:999}.pages.horizontal{left:50%;transform:translateX(-50%);bottom:5px}.pages.horizontal li{display:inline-block;margin-right:10px}.pages.horizontal li:last-child{margin-right:0}.pages.vertical{right:5px;top:50%;transform:translateY(-50%)}.pages.vertical li{margin-bottom:10px}.pages.vertical li:last-child{margin-bottom:0}

.honor-wear{width:73%;margin:0 auto;height:330px}
.honor-wear .honor-sort{position:relative;float:left;width:142px;margin:0 75px 40px 0;text-align:center}
.honor-wear .honor-sort:nth-child(4n){margin-right:0}
.honor-sort .h-img{width:142px;height:142px;opacity:1;transform: perspective(800px) rotateY(0deg);-o-transform: perspective(800px) rotateY(0deg);-webkit-transform: perspective(800px) rotateY(0deg);-ms-transform: perspective(800px) rotateY(0deg);transition: all 600ms ease-in-out;-o-transition: all 600ms ease-in-out;-ms-transition: all 600ms ease-in-out;-webkit-transition: all 600ms ease-in-out;}
.honor-sort .h-txt{position:
absolute;top:0;width:138px;height:138px;border-radius:50%;border:2px solid #d4d4d4;overflow:hidden;opacity:0;display:none / 9;transition: all 600ms ease-in-out;-o-transition: all 600ms ease-in-out;-ms-transition: all 600ms ease-in-out;-webkit-transition: all 600ms ease-in-out;transform: perspective(800px) rotateY(-180deg);-o-transform: perspective(800px) rotateY(-180deg);-ms-transform: perspective(800px) rotateY(-180deg);-webkit-transform: perspective(800px) rotateY(-180deg);}
.honor-sort .h-txt span{color:#d30830;line-height:24px;display:block}
.honor-sort .h-txt span:first-child{margin-top:45px}
.honor-wear .honor-sort:hover .h-img{display: none / 9;opacity:0;transform: perspective(800px) rotateY(-180deg);-o-transform: perspective(800px) rotateY(-180deg);-ms-transform: perspective(800px) rotateY(-180deg);-webkit-transform: perspective(800px) rotateY(-180deg)}
.honor-wear .honor-sort:hover .h-txt{display:block / 9;opacity: 1;transform: perspective(800px) rotateY(0deg);-o-transform: perspective(800px) rotateY(0deg);-ms-transform: perspective(800px) rotateY(0deg);-webkit-transform: perspective(800px) rotateY(0deg);}

