@charset "utf-8";

/*---------------公用---------------*/

*{margin:0; padding:0;}
body,html { width:100%; min-height: 100%; font-family:american; font-size:10px; position:relative; height:100%;}
img,object { max-width:100%; border:none;}
body{background-size:cover; background-repeat:no-repeat; background-position:center top;}

li{list-style-type:none;}
a{text-decoration:none; }
em,i{font-style:normal;}

@font-face{
font-family:american;
src:url(../image/american.ttf);
src:url(../image/american.eot)\9;
}


@media only screen and (min-width: 320px){
    html {font-size: 8px !important;}
}



@media only screen and (min-width: 481px){
    html {
        font-size: 9px !important; 
    }
}


@media only screen and (min-width: 641px){
    html {
        font-size: 10px !important; 
    }
}




/*---------------1025 - 1920---------------*/
@media screen and (min-width:1025px) and (max-width:2560px)

{


/*首页盒子*/
.index_box{height:913px; overflow:hidden;}

/*随机*/
.suiji imgimg{ width: 100%; height: auto;max-width: 100%; display: block; }

/*导航*/
.nav_list_mobile{display:none;}

.nav{margin-left:5%; font-family:american; overflow:hidden; position:absolute; z-index:1000; position:fixed;}

.nav_list{margin-top:5rem;}
.nav_list li{line-height:220%; font-size:2rem; font-weight:bold;}
.nav_list li a{color:#FFFFFF;}
.nav_list li a:hover{color:#333333; transition:color 0.5s;
-moz-transition:color 0.5s; /* Firefox 4 */
-webkit-transition:color 0.5s; /* Safari and Chrome */
-o-transition:color 0.5s; /* Opera */}
.nav_list li .now{color:#413a00; border-bottom:2px solid #fff; padding-bottom:5px;}
.nav_list dl{margin-left:20%;}

.fang{margin-top:3rem;}

.other{margin-top:10rem; height:60rem; line-height:250%; overflow:hidden;   background:url(../image/other.png) no-repeat }
.other span{display:block; width:130px; color:#FFFFFF; margin-left:5rem; font-size:1.8rem; margin-top:2rem;}

.under{position:absolute; right:50px; color:#FFFFFF; z-index:1000; font-size:14px; bottom:30px;}


/*关于我们*/
.hey{margin-top:5%;}
.about{background-image:url(../image/back/about_back.jpg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
.about_dep{position:absolute; right:15%; margin-top:10%; font-size:1.8rem; width:40%; line-height:220%;}
.about_dep em{display:block; float:left; width:5%; text-align:center;}
.about_dep span{display:block; float:right; width:95%}


/*联系我们*/
.lianxi{background-image:url(../image/back/lianxi_back.jpg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
.lianxi_dep{position:absolute; left:55rem; margin-top:27.5rem; font-size:1.8rem; width:40%; line-height:220%;}
.lianxi_dep span{display:block; color:#FFFFFF;}


/*商品*/
.collection{background:url(../image/back/introduction_back.jpg) no-repeat left top fixed;}

.introduction_box{float:right; width:80%; margin-top:10%; text-align:center;}
.introduction_box li{margin-bottom:30px; overflow:hidden;}
.introduction_box li span{display:block;}
.pro_pic{margin-bottom:3rem; display:block;}
.pro_tit h3{font-size:1.6rem; margin-bottom:1rem;}
.pro_tit p{width:60%; margin:0 auto; line-height:220%; margin-bottom:3rem; font-size:1.4em;}

.qiehuan{width:30%; margin:0 auto; margin-bottom:80px; overflow:hidden;}
.qiehuan ul{margin-bottom:30px;}
.qiehuan em{display:block;font-size:1.6rem; margin-bottom:1rem; font-weight:bold; margin-top:30px;}
.qiehuan li{float:left; width:33.333%; text-align:center; cursor:pointer;}


.baobao{width:100%; margin:0 auto; overflow:hidden; margin-bottom:5%;}
.baobao h3{font-size:1.6rem; margin-bottom:1rem; margin-top:2.5em;}
.baobao p{width:60%; margin:0 auto; line-height:180%; margin-bottom:1.5rem; font-size:1.4rem;}
.baobao ul{margin-bottom:30px;}
.baobao li{float:left; width:50%; text-align:center; cursor:pointer;}
.baobao ul{width:30%; margin:0 auto;}
.baobao li img{width:60%;}
.baobao em{display:block;font-size:1.6rem; margin-bottom:1rem; font-weight:bold; margin-top:30px;}


.lifestyle{float:right; width:80%; margin-top:5%; text-align:center;}
.lifestyle p{margin-bottom:30px;}

#full-screen-slider{display:none;}
.lifestyle_mobile{display:none;}



}


/*---------------0 - 720---------------*/
@media screen and (min-width:0px) and (max-width:1024px) 

{

/*导航*/

.nav{font-family:american; text-align:center; width:100%;  z-index:10000;  position:fixed;}
.nav_list{display:none;}

.logo{width:150px; margin:0 auto;}
.logo img{width:80%;}

.nav_list_mobile{position:absolute; top:0; overflow:hidden; left:0; padding:30px 20px;}
.nav_list_mobile ul{display:none; margin-top:1rem;}
.nav_list_mobile li{font-size:1.6rem; font-weight:bold; border-bottom:1px solid #eee; text-align:left; }
.nav_list_mobile li a{color:#333; height:3rem; line-height:3rem;}
.nav_list_mobile li a:hover{color:#333333;}
.nav_list_mobile li .now{color:#333; border-bottom:2px solid #333; padding-bottom:5px; padding-left:10px; padding-right:10px;}
.nav_list_mobile dl{padding:0 10px;}
.nav_list_mobile dl a{padding-left:10px; padding-right:10px;}

.nav_icon{text-align:left; background:url(../image/nav.png) no-repeat; width:15px; height:12px;}

.fang{display:none;}
.other {display:none;}

.under{position:absolute; color:#FFFFFF; font-size:1rem; bottom:6px; text-align:center; width:100%;}


/*关于我们*/
.hey{width:150px; margin:0 auto; margin-top:2%;}
.hey img{width:80%;}
.about{background:url(../image/back/about_back_mobile.jpg)  center bottom no-repeat #ACE0E1; background-size:cover}
.about_dep{padding-top:40%; font-size:1.6rem; width:80%; line-height:220%; text-align:center; margin:0 auto; color:}


/*联系我们*/
.lianxi{background:url(../image/back/lianxi_back_1024.jpg)  center bottom no-repeat #AFE2E3;}
.lianxi_dep{font-size:1.2rem; width:80%; line-height:220%; margin: 0 auto; text-align:center; padding-top:30%;}
.lianxi_dep span{display:block; color:#FFFFFF;}


/*商品*/
.introduction_box{width:100%; padding-top:35%; text-align:center; overflow:hidden;}
.introduction_box li{margin-bottom:5rem; height:100%;}
.introduction_box li span{display:block;}
.pro_pic{margin-bottom:2rem; display:block;}
.pro_pic img{max-width:73%;}
.pro_tit h3{font-size:1.6rem; margin-bottom:1rem;}
.pro_tit p{width:80%; margin:0 auto; line-height:180%; margin-bottom:1.5rem; font-size:1.4rem;}

.qiehuan{width:100%; margin:0 auto; overflow:hidden;}
.qiehuan ul{margin-bottom:30px;}
.qiehuan li{float:left; width:33.333%; text-align:center; cursor:pointer;}
.qiehuan ul{width:80%; margin:0 auto;}
.qiehuan li img{width:75%;}
.qiehuan em{display:block;font-size:1.6rem; margin-bottom:1rem; font-weight:bold; margin-top:30px;}


.baobao{width:100%; margin:0 auto; overflow:hidden;}
.baobao h3{font-size:1.6rem; margin-bottom:1rem; margin-top:2.5em;}
.baobao p{width:80%; margin:0 auto; line-height:180%; margin-bottom:1.5rem; font-size:1.4rem;}
.baobao ul{margin-bottom:30px;}
.baobao li{float:left; width:50%; text-align:center; cursor:pointer;}
.baobao ul{width:80%; margin:0 auto;}
.baobao li img{width:75%;}
.baobao em{display:block;font-size:1.6rem; margin-bottom:1rem; font-weight:bold; margin-top:30px;}

.lifestyle p{margin-bottom:2px;}

}



/*---------------1440 - 1920---------------*/
@media screen and (min-width:1601px) and (max-width:1919px) 
{
.other{background:url(../image/other.png) no-repeat; margin-top:5rem; height:60rem; line-height:250%; overflow:hidden;}
.lianxi_dep{position:absolute; left:55rem; margin-top:22rem; font-size:1.8rem; width:40%; line-height:220%;}
}


/*---------------1440 - 1920---------------*/
@media screen and (min-width:1440px) and (max-width:1600px) 
{

.other{background:url(../image/other.png) no-repeat; margin-top:5rem; height:60rem; line-height:250%; overflow:hidden;}

.lianxi_dep{position:absolute; left:55rem; margin-top:22rem; font-size:1.8rem; width:40%; line-height:220%;}

}


/*---------------1366 - 1440---------------*/
@media screen and (min-width:1366px) and (max-width:1439px) 
{

.other{background:url(../image/other.png) no-repeat; margin-top:5rem; height:60rem; line-height:250%; overflow:hidden;}
.about_dep{position:absolute; right:7%; margin-top:10%; font-size:1.8rem; width:40%; line-height:220%;}
.lianxi_dep{position:absolute; left:40rem; margin-top:18.5rem; font-size:1.8rem; width:40%; line-height:220%;}
}


/*---------------1366 - 1440---------------*/
@media screen and (min-width:1280px) and (max-width:1365px) 
{
.nav_list{ margin-top:3.5rem;}
.fang{margin-top:2rem;}
.other{background:url(../image/other.png) no-repeat; margin-top:2rem; height:60rem; line-height:250%; overflow:hidden;}
.lianxi_dep{position:absolute; left:50rem; margin-top:19rem; font-size:1.8rem; width:40%; line-height:220%;}
}


/*---------------1025 - 1366---------------*/
@media screen and (min-width:1025px) and (max-width:1279px) 
{
.nav_list{ margin-top:4.5rem;}
.other{background:url(../image/other.png) no-repeat; margin-top:3rem; height:60rem; line-height:250%; overflow:hidden;}
.about_dep{position:absolute; right:7%; margin-top:10%; font-size:1.8rem; width:40%; line-height:220%;}
.lianxi_dep{position:absolute; left:50rem; margin-top:17rem; font-size:1.8rem; width:40%; line-height:220%;}

}


/*---------------1025 - 1366---------------*/
@media screen and (min-width:1024px)
{
#pagination { display:block; list-style:none; position:absolute; z-index:9900; left:10%; padding:5px 15px 5px 0; margin:0; bottom:5%;}
}