﻿@charset "utf-8";
/* CSS Document */
/*重置*/
body, h1, h2, h3, h4, h5, h6, p, img , blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, tr, figure {
    margin: 0;
    padding: 0;
}

img { border: none; vertical-align: middle; }
body { font: 12px/1.5 "Microsoft YaHei","微软雅黑","SimSun","宋体"; background: #FFF;color: #333;}
ul, li {list-style: none; list-style-type: none; }
ul li { text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: normal; }

body{position:relative;overflow-x:hidden;margin:0 auto;width:1423px;}
object{height:0!important;}

/*背景*/
.bg1{
    background:url(images/1.png) no-repeat center center;
    width:1903px;
    height:188px;
    background-size:cover;
    position:relative;
    right:228px;
}
.bg2{
    background:url(images/2.png) no-repeat center center;
    width:1903px;
    height:757px;
    background-size:cover;
    position:relative;
    right:228px;
}
.bg3{
    background:url(images/3.png) no-repeat center center;
    width:1903px;
    height:1202px;
    background-size:cover;
    position:relative;
    right:228px;
}
.bg4{
    background:url(images/4.png) no-repeat center center;
    width:1903px;
    height:630px;
    background-size:cover;
    position:relative;
    right:228px;
    z-index:1;
    color: #FFFFFF;
}
.bg5{
    background:url(images/5.png) no-repeat center center;
    width:1903px;
    height:785px;
    background-size:cover;
    position:relative;
    right:228px;
}
.bg6{
    background:url(images/6.png) no-repeat center center;
    width:1903px;
    height:850px;
    background-size:cover;
    position:relative;
    right:228px;
    color: #fff;
    font-size: 14px;
}
.bg7{
    background:url(images/7.png) no-repeat center center;
    width:1903px;
    height:599px;
    background-size:cover;
    position:relative;
    right:228px;
    color: #fff;
    font-size: 14px;
}
.bg8{
    background:url(images/8.png) no-repeat center center;
    width:1903px;
    height:543px;
    background-size:cover;
    position:relative;
    right:228px;
    color: #fff;
    font-size: 14px;
}
.bg8{
    background:url(images/9.png) no-repeat center center;
    width:1903px;
    height:804px;
    background-size:cover;
    position:relative;
    right:228px;
    color: #fff;
    font-size: 14px;
}
.bg9{
    width:1903px;
    height:804px;
    background-size:cover;
    position:relative;
    right:228px;
    color: #fff;
    font-size: 14px;
}
.bg10{
    width:1903px;
    height:804px;
    background-size:cover;
    position:relative;
    right:228px;
    color: #fff;
    font-size: 14px;
}
.company{
    width: 840px;
    height: 280px;
    position: relative;
    left: 350px;
    top: 310px;
    font-size: 14px;
    line-height: 23px;
}
.brandjs{
    width: 580px;
    height: 580px;
    position: relative;
    top: 317px;
    left: 339px;
    line-height: 30px;
    font-size: 15px;
}

.product{
    /*position: relative;*/
    /*left: 466px;*/
    /*top: 192px;*/
    width: 1538px;
    z-index: 2;
    margin:50px auto;


}
.product li{
    float: left;
    margin-left:10px;
    margin-bottom: 10px;
    opacity:0.5;
}
.product li:hover{
    opacity:1;
}
.product1{
    /*position: relative;*/
    /*left: 466px;*/
    /*top: 192px;*/
    width: 1538px;
    z-index: 2;
    margin:50px auto;


}
.product1 li{
    float: left;
    margin-left:10px;
    margin-bottom: 10px;
    opacity:0.5;
}
.product1 li:hover{
    opacity:1;
}
.shop li{
    float: left;
    margin-left:10px;
    margin-bottom: 10px;
    border:3px solid #585858;
    opacity:0.5;
}
.shop{
    width: 1538px;
    position: relative;
    left: 38px;
    top: 100px;
    z-index: 2;

      }
.shop li:hover{
    opacity:1;
}
/*头图*/
.banner{
    width: 1438px;
    height: 564px;
    position: relative;
    margin:0 auto;
    /*margin: 126px auto 0 auto;*/
}
.bannerBox{
    width: 1438px;
    height: 564px;

}
.bannerBox div{
    background-size:100%!important;
}
.bannerBox li{
    float: left;
    opacity:0.5;
}
.bannerBox li:hover{
    opacity:1;
}
/*品牌文化*/
.brand{
    position:relative;
    left: 972px;
    top: 23px;
    width: 615px;
    height: 230px;
    font-size: 20px;
    line-height: 180%;
    color: #333;
    font-weight: bold;
    z-index:2;
}
.brandBox div:nth-of-type(2){
	font-weight: normal;
    color: #505050;
    font-size: 16px;
}
.brandBox div:nth-of-type(3){	
    position: relative;
	left: -391px;
    top: 412px;
    width: 402px;
}
.brandBox div:nth-of-type(4){	
    position: relative;
	left: -391px;
    top: 412px;
    width: 402px;
	font-weight: normal;
    color: #505050;
    font-size: 16px;
}

/*联系*/
.contact{
    position: relative;
    left: 880px;
    top: 210px;
    width: 677px;
    color: #000;
    z-index: 2;
    font-size: 14px;
    line-height: 30px;

}
.view{
    position: relative;
    width: 568px;
    height: 336px;
    margin: 0 auto;
    top: 25%;
    left:268px;
    z-index: 2;
    font-size: 16px;
    background-color: #000;
}
.bans{
    width:1920px;
    height:32px;
    background-color: #f3d6cb;
}
/*新闻*/
.news { margin:15px auto 0 auto;width:90%; border-top:2px solid #ccc;}
.newsBox{ margin: 0 auto; width: 1000px; height: 160px;}
.newslist{height:200px; margin-top:15px;}
.newslist li { width:48%; float:left; line-height:25px; padding-left:20px;font-size:14px;color:#000;}
.newslist li span{float:right;}
.newslist li a{color:#000;}
#p1_3304{
	width:1230px!important;
}
#dv1_210{
	width:1200px!important;
}
.nav{
    position: relative;
    left: 840px;
    top: 80px;
    width: 980px;
    height:27px;
    color: #000;
    z-index: 2;
    font-size: 14px;
    line-height: 23px;

}
.nav li{
    float: left;
    width:85px;
    height:27px;
    font-size: 14px;
    line-height: 27px;
    text-align: center;
    margin-left: 5px;
}
.nav li:hover{
    background-color: #ff7200;
    color: #ffffff;
    border-radius: 5px;
    cursor:pointer
}
.video{
    width:858px;
    height:451px;
    margin:50px auto;
}
.tops1{
    width:717px;
    height:564px;
}
.tops2{
    width:721px;
    height:285px;
}
.tops3{
    width:721px;
    height:279px;
}
.qhuan{
    width: 645px;
    height: 70px;
    /* margin: 0 auto; */
    position: relative;
    left: 616px;
    top: 519px;
}
.qhuan li{
    width:200px;
    height:70px;
}
.qhuan li:hover{
    cursor:pointer
}
.qhuan1{
    float: left;
}
.qhuan2{
    float: right;
}