body{background:#fff; overflow:hidden;min-width:1300px;}

#header{width:1300px; background: none}
.header-home{position:absolute; z-index:1000; background: url(../images/headbg.png) repeat-x; height: 250px;}
.logo{width:350px; height:85px; background:url(../images/logo.png) no-repeat center center; float:left; margin-left: 15px;}
.logo a{display:block; width:100%; height:100%}
#header nav{float:left; margin-left:60px; margin-top: 12px}
#header nav li{float:left}

#header nav li{line-height:58px; float:left; position:relative}
#header nav li a{color:#FFF; font-size:16px; display:block; padding:0px 12px; text-decoration:none}
#header nav li a:hover{  color:#a72126;text-decoration:none; }
#header nav li a:hover s{height: 3px; display: block; background: #a72126}
header .other{ position:absolute; right:0px; top:0px; width:250px; height:58px; margin-top: 14px}


header .mobile{ float:left;margin-left:10px; width:30px; height:58px; position:relative}
header .mobile a{display:block;width:30px; height:58px; background:url(../images/h_icon.png) no-repeat  10px -184px; }


header .mobile img{margin-left:-30px; margin-top:-8px; display:none}

header .hotline{float:left; background:url(../images/h_icon.png) 0px -405px no-repeat; height:58px; width:125px; font-size:20px; font-family:arial; font-weight: 700; color:#a72126; line-height:58px; padding-left:25px; margin-right:3px}

header .tmall{ float:left; background:url(../images/h_icon.png) 0px -23px no-repeat; width: 86px; text-indent: -999em; display: block;  line-height:58px; margin-left: 3px;}
header .tmall a,header .wechat a{display: block;}

header .wechat{ float:left;margin-left:10px; background:url(../images/h_icon.png) 0px -106px no-repeat; width: 30px; height: 58px; text-indent: -999em; display: block; line-height:58px;}
header .wechat img{margin-left:-35px; margin-top:-8px; display:none}

header .eng{ float:left; background:url(../images/h_icon.png) 0px -550px no-repeat; width: 28px; text-indent: -999em; display: block;  line-height:58px; margin-left: 7px;}
header .eng  a{display: block;}


#banner{height:100%}
#banner ul{height:100%}
#banner ul.slides li{ position:relative;  overflow:hidden; text-align:center; height:100%; }
.flexslider{margin:0; height:100%;}
#banner ul.slides li img{width:100%; height:100%; }
#banner ul.slides li .banner-info{width:640px; height:220px; font-family:"微软雅黑"; position:absolute; left:50%; top:50%; margin-left:-320px; margin-top:-110px; color:#fff; text-align:center;  text-shadow:0 0 0.4em #575757,
                -0 -0 0.4em #575757;}
#banner ul.slides li h4{ font-size:48px; line-height:80px; transition:font-size 0.75s ease-out 0s; font-weight: 700}
#banner ul.slides li h4 s{height:2px; background:#fff; width:65px; margin:0 auto; display:block;}
#banner ul.slides li p{transition:font-size 0.75s ease-out 0s; font-family: arial; font-size: 24px;}
#banner ul.slides li .banner-info .video-btn{height:29px; line-height:29px; padding-left:35px; background:url(../images/video-icon-b.png) no-repeat; display:inline-block; color:#fff; font-size:18px; margin-top:55px;}

#banner .flex-direction-nav {*height: 0; height:64px; position:absolute; width:100%; top:45%;}
#banner .flex-direction-nav li{height:64px; width:64px; }
#banner .flex-direction-nav a  { text-decoration:none; display: block; position:absolute; top:30%; width: 64px; height:64px;  z-index: 10; overflow: hidden; opacity: 1; cursor: pointer;  background:url(../images/arrow1.png) no-repeat; text-indent:-999em; 
 
 

 }


#banner .flex-direction-nav .flex-prev { left: 20px; background-position:0 -64px  }
#banner .flex-direction-nav .flex-next { right: 20px; background-position:-65px -64px }
#banner .flex-direction-nav .flex-prev:hover { left: 20px; background-position:0 0px;  }
#banner .flex-direction-nav .flex-next:hover { right: 20px; background-position:-65px 0px }

#banner .flex-control-nav{bottom:100px}
#banner .flex-control-nav li{margin: 0 4px;}
#banner .flex-control-nav li a{ background:url(../images/h-dot.png) no-repeat -35px 0; height:17px; width:17px}
#banner .flex-control-nav li a.flex-active{background-position:0 0}

.go-next{width:100%; height:50px; text-align:center; color:#fff; font-size:14px; position:absolute; bottom:15px; left:0; z-index:999}
.go-next a{display:block; margin:0 auto; background:url(../images/go-dwon.png) no-repeat; width:38px; height:22px; margin-top:10px}

#fancybox-outer{background: #fff}
/*大标题*/
.title{text-align:center}
.title p{font-size: 36px; font-weight: 700; color: #680000; line-height: 64px;}
.title s{display: inline-block; height: 4px; width: 32px; background: #C5B998}


/*产品大学*/
.home-pro{padding-top: 40px; background: #F1F1F1}
.home-pro ul {overflow: hidden; margin-top: 50px; padding-bottom: 50px}
.home-pro ul li{width: 566px; height: 450px; float: left; position: relative; overflow: hidden;}
.home-pro ul li p{font-size: 36px; color: #c6b99a; height: 60px; margin-top: 15px; float: left;width: 480px;}
.home-pro ul li p img{display: block; margin-left: 20px; margin-top: 10px; }
.home-pro ul li s{width: 59px; height: 59px; background:url(../images/arrow2.png) no-repeat; display: block; float: left; margin:10px 20px 0 0;}
.home-pro ul li:hover s{background-position: -59px 0px;}
.home-pro ul li a{ display: block; width: 100%}
.home-pro ul li:hover a{background: url(../images/hoverbg.png) no-repeat top center; width: 566px; height: 230px; 
 position: absolute; top: 0; left: 0;
 font-size: 24px; color: #fff; text-align: center; padding-top: 220px; opacity: 0

}
.home-pro ul li:hover{}
.home-pro ul li:hover a p{color: #a72126;transition: background 0.5s ease-in,color 0.3s ease-out;}

.home-pro ul li.right{margin-left: 25px;}
.home-pro ul li.right a span{display: none;}
.home-pro ul li.right:hover a{background: url(../images/hoverbg.png) no-repeat bottom center; padding-top: 300px;height: 150px; }
.home-pro ul li.right:hover a span{display: block;}
.home-pro ul li.right s{float: right; margin:0; background-position: 0 -59px;}
.home-pro ul li.right:hover s{background-position: -59px -59px;}
.home-pro ul li.right p{ text-align: right; margin-top: 12px;}
.home-pro ul li.right p img{ margin-left: 232px}
/*质感空间*/
.home-kongjian{background: url(../images/kongjian-bg.jpg) no-repeat top center; padding-top: 40px; padding-bottom: 40px;}
.home-kongjian .note{text-align: center; font-size: 16px; color: #7c7c7c; margin-top: 5px;}
.home-kongjian ul{overflow: hidden; margin-top: 30px; margin-bottom: 50px;}
.home-kongjian ul li{width: 258px; float: left; height: 358px; background: #E9E9E9; position: relative; margin-right: 40px;}
.home-kongjian ul li img{width: 100%; height: 258px;}
.home-kongjian ul li h4,.home-kongjian ul li p{padding: 10px 20px; }
.home-kongjian ul li h4{color: #666666; font-size: 18px; line-height: 28px;}
.home-kongjian ul li p{color: #888888}
.home-kongjian ul li:hover a{background: url(../images/hoverbg1.png) repeat-x top center; width: 260px; height: 358px; 
 position: absolute; top: 0; left: 0;opacity: 0;
}
.home-kongjian ul li:hover{background: #A02023; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.home-kongjian ul li:hover h4{color: #fff}
.home-kongjian ul li:hover p{color: #c9c9c9}



/*新闻*/
.home-news{background: #F8F8F8; padding-top: 50px; padding-bottom: 50px;}
.home-news .title{margin-bottom: 50px;}
.news-left{width: 560px; float: left;}
.news-left .newsslides{height: 392px;}

.news-left .newsslides { position: relative;  height: 392px;  }
.news-left .newsslides .slides p{height: 136px; background: url(../images/bgg.png) repeat-x; width: 100%; position: absolute; bottom: 0; left: 0; line-height: 136px; overflow: hidden; font-size: 18px; color: #fff; text-align: center; font-weight: 700}

.news-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center; z-index:999}
.news-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.news-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgb(255,255,255); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;  }
.news-control-paging li a:hover { background: #A02023;  transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.news-control-paging li a.news-active { background: #A02023; cursor: default; }


.news-right{ width: 550px; float: right;}
.news-right ul li {height: 78px; overflow: hidden; margin-bottom: 26px; color: #929292}
.news-right ul li a.date{width: 76px; cursor: pointer; height: 76px; line-height: 55px; float: left; margin-right: 25px; border: 1px solid #cdcdcd; display: block; text-decoration: none; font-size: 48px; color: #666; font-weight: 700; text-align: center; }
.news-right ul li a.date i{display: block; font-size: 14px; color: #999; line-height: 20px; font-style: normal;}
.news-right ul li h3{font-size: 18px; color: #666666; line-height: 32px; font-weight: normal;}
.news-right ul li h3 a{color: #333}
.news-right ul li:hover a.date{background: #A02023; color: #fff;border: 1px solid #A02023; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.news-right ul li:hover a.date i{color: #fff}
.news-right ul li:hover h3 a{color: #A02023}
.list-img1 .pro1{
width:400px;
height:300px;
}
.list-img2 ,.pro2{
width:400px;
height:300px;
}
.list-img3 , .pro3{
width:400px;
height:300px;
}
.list-img4 , .pro4{
width:400px;
height:300px;
}
.list-img5 , .pro5{
width:400px;
height:300px;
}
.list-img6 , .pro6{
width:400px;
height:300px;
}
.pro-hover{
position:absolute;
top:0px;
left:0px;
}
.prolist2 li{
position:relative;
}

.prolist2 li:hover .pro-hover{
position:absolute;
top:0px;
left:0px;
background-color:rgba(119, 113, 113, 0.5);

}




.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.newslist li {
    height: 225px;
    margin-bottom: 100px;
}
.fl {
    float: left;
    display: inline;
}
.ym {
    width: 1100px;
    margin: 0 auto;
    padding: 35px 0;
    text-align: center;
}
.newslist .info {
    width: 800px;
}
.fr {
    float: right;
    display: inline;
}
.newslist .info h3 {
    padding: 30px 0 15px 0;
    border-bottom: 1px solid #ddd;
}
.newslist .info h3 a {
    font-size: 18px;
}
.newslist .info .box {
    line-height: 30px;
    margin-top: 15px;
}
.newslist .info .more {
    display: block;
    margin-left: 0;
    width: 80px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #ccc;
    color: #999;
    float: right;
    background-color: #f7f7f7;
}

.nbox h2 {
    font-size: 32px;
    text-align: center;
    padding-top: 130px;
    padding-bottom: 20px;
    color: #333;
}
.news_info {
    text-align: center;
    margin-bottom: 70px;
}
.news_info {
    text-align: center;
    margin-bottom: 70px;
}
.news_con {
    line-height: 30px;
}
.news_con p {
    margin: 10px 0;
}
.h100 {
    font-size: 0;
    height: 100px;
}
.nyr_main_newscon{
margin-bottom:30px;

}
.newslist{

margin-top:30px;
}





.list-tt {
    font-size: 30px;
    text-align: center;
    width: 400px;
    position: absolute;
    height: 300px;
    top: 0;
    left: 0;
    line-height: 300px;
}

.list-tt2 {
    font-size: 25px;
    text-align: center;
    width: 300px;
    position: absolute;
    height: 300px;
    top: 0;
    left: 0;
    line-height: 300px;
}

#list-logo {
    top: 215px;
    position: absolute;
    left: 70px;
    width: 160px;
    height: 170px;
}