.IB {
   background: url(../images/banner2.jpg) no-repeat bottom;
    height: 400px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.IBodm {
   background: url(../images/odm.jpg) no-repeat bottom;
    height: 400px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.IB .w1200 {height:350px;}

.series {padding-bottom:40px; background:#f7f7f7;}

.sul-1 {padding-top:60px;}
.sul-1 li {padding-bottom:15px;}


.sul-1 .zong .fl {width:480px;height:377px;background-color: #f3ece1;margin-right: 10px;position: relative;}
.sul-1 .zong .rt {width:710px;}
.sul-1 li  img {width:100%;}
.sul-1 li h2 {font-size:28px;font-weight:normal;padding-top: 50px;text-align: center;} 
.sul-1 li h2 span {
    display: block;
    width: 29px;
    height: 15px;
    margin: 0 auto;
    margin-top: 10px;
    background: URL(../images/wave.png) no-repeat;
}
.sul-1 li p {
	padding-top: 20px;
	text-align: center;
	padding: 30px 50px 40px;
	font-size: 14px;
}
.sul-1 .moon .fl {margin-right: 10px;width:710px;}
.sul-1 .moon .rt {width:480px;height:377px;background-color: #ffe7bd;margin-right: 0px;position: relative;}
.sul-1 .tang .fl {background-color:#f0ede7;}
.sul-1 .tuan .rt {    background-color: #e3ddc6}
.sul-1 .kuang {
    position: absolute;
    border: 1px solid #ead3b3;
    width: 450px;
    height: 345px;
    top: 15px;
    left: 15px;
}
.sul-1 .moon .kuang {border: 1px solid #eac888;}
.sul-1 .tang .kuang {border: 1px solid  #e0d9ce}
.sul-1 .tuan .kuang {    border: 1px solid #d2c388;}

.sul-1 .button{
    position: relative;
    margin: 0 auto;
    background-color: #ffffff;
    width: 169px;
    height: 52px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: block;
}
.sul-1 .button span, .sul-2 .button span {
	position: relative;
    height: 100%;
    top: 0;
    width: 60px;
    line-height: 52px;
    text-align: center;
    background: url(../images/arrow4.png) no-repeat right;
    display: block;
    margin: 0 auto;
    padding-right: 20px;
    z-index: 2;
}
.hoverbackground {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 0 !important;
  transition: all 0.5s;
  background-color: #cba876;
  z-index: 1 !important;
  display: inline-block;
}

.sul-1 .button:hover .hoverbackground,
.sul-2 .button:hover .hoverbackground {
  width: 100% !important;
}
.sul-1  .button:hover,
.sul-2  .button:hover { color: #ffffff;}
.sul-1 .button:hover span,
.sul-2 .button:hover span {background: url(../images/arrow5.png) no-repeat right;}

.sul-2 {padding-top:20px;}
.sul-2 li {
	float: left;
    width: 380px;
    margin-right: 30px;
}
.sul-2 li.lastli {margin-right:0px;}
.sul-2 li img {display: block; width: 100%;}
.sul-2 .txt {background: #fff; width: 100%;padding: 30px 0px;}
.sul-2 .txt img {width:60px;margin: 0 auto;}
.sul-2 .txt h2 {
    font-size: 20px;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 30px;
}
.sul-2 .button{
    position: relative;
    margin: 0 auto;
    background-color: #f1ede7;
    width: 169px;
    height: 52px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: block;
}

.series-list {
    padding-bottom: 40px;
    background: #fff;
	position: sticky;
} 
.p-menu {margin-top: 0px;}   
.p-menu ul {border-bottom: 1px solid #f1f1f1;max-width:1440px;margin:auto;}
.p-menu li {
    float: left;
    background: #ffffff;
    width: 20%;
    font-size: 18px;
    text-align: center;
    padding: 0px 0px;
    position: relative;
    height: 70px;
    line-height: 70px;
}
.p-menu li a {display:block;}

.p-menu li span {
	position: absolute;
    left: 0;
    top: 28%;
    width: 1px;
    height: 44%;
    background: #f1f1f1;
}
.p-menu li img {display:block; margin:0 auto;padding-bottom:10px;}
.p-menu li.li1 span{display:none;}
.p-menu .current {border-bottom:2px solid #01479D;} 
.p-menu .current .hover i {
	display:block;
	width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #01479D;
    position: absolute;
    left: 50%;
    bottom: -17px;
    margin-left: -15px;
}
.p-menu .current a {color:#01479D;}

.p-menu li:hover {border-bottom:2px solid #01479D;}
.p-menu li:hover a {color:#01479D;}
.p-menu li:hover .hover i {
	display:block;
	width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #01479D;
    position: absolute;
    left: 50%;
    bottom: -17px;
    margin-left: -15px;
}
.p-list {margin-top:50px;}
.p-list .spul li {
	position: relative;
    float: left;
    width: 465px;
    margin-right: 7px;
    margin-left: 7px;
    margin-bottom: 30px;
}
.p-list  .spul li  .pic {
	position: relative;
    width: 100%;
    
    overflow: hidden;
}
.p-list .spul li  .pic img {
	width:100%; 
	display:block;
}
.p-list li  .pic .hover-image {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0; 
    transition: opacity 0.7s, visibility 0.7s;
}
.p-list .spul li a:hover .hover-image {opacity: 1;}
.p-list li .name {
    width: 100%;
    background: #f3ece2;
    text-align: center;
    padding: 20px 0px;
    /* margin: 0 auto; */
    /* margin-top: -20px; */
    position: relative;
}
.p-list li .name h2 {
	font-size: 16px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0px;
}
.p-list li .name h2 span {
	display: block;
    margin: 0 auto;
    background: tomato;
    width: 30px;
    height: 2px;
    margin-top: 12px;
    margin-bottom: 10px;
}
.p-list li .name i {
    display: block;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #f3ece3;
    position: absolute;
    left: 50%;
    top: -12px;
    margin-left: -15px;
    z-index: 33;
}

.position {
    background: #2f1819;
    color: #fff;
    margin-top: 76px;
    height: 40px;
    line-height: 40px;
}

.cpinner1 {
	padding-top: 50px;
    /*background: URL(../images/cpinner2.jpg) no-repeat center;*/
    background-size: cover;
    padding-bottom:50px;
}
.cpinner1 .fl {width:600px;height: 400px; overflow: hidden;}
.cpinner1 .fl img {width:100%; height:400px;}
.cpinner1 .rt {width:550px;}


.cpinner1 .rt h2 {
    font-size: 25px;
    font-weight: normal;
    float: none;
    line-height: 38px;
}
.cpinner1 .rt h2 span {
	display: block;
    width: 40px;
    height: 2px;
    margin: 0 auto;
    margin-top: 25px;
    background: #301819;
}
.cpinner1 .rt .buy {
    transition: all 0.2s linear;
    margin-top: 20px;
}
.cpinner1 .rt .buy:hover {
    -webkit-animation: wobble 0.6s;
    animation: wobble 0.6s;
}
.cpinner1 .rt .buy a {
    font-size: 16px;
    background: #f5a125 URL(../images/cpinner9.png) no-repeat 225px center;
    color: #fff;
    width: 525px;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding-left: 25px;
}

.cpinner1 .canshu {position: relative;}
.cpinner1 .canshu .adorn7 img{
	width: 210px;
    position: absolute;
    bottom: 0px;
    right: 0;
}
.cpinner1 .cpmz {
	font-size: 30px;
    font-weight: normal;
    float: none;
    line-height: 38px;
    padding-bottom: 20px;
}
.cpinner1 .rt ul {
	margin-top: 0px;
    padding: 30px 30px 20px;
    background-color: #f7f7f7;
    min-height: 290px;
}
.cpinner1 .rt ul li {
    font-size: 16px;
    padding-left: 35px;
    color: #301819;
    margin-bottom: 15px;
}
.cpinner1 .rt ul li.cs1 {background:url(../images/cpinner3.png)no-repeat;}
.cpinner1 .rt ul li.cs2 {background:url(../images/cpinner4.png)no-repeat;}
.cpinner1 .rt ul li.cs3 {background:url(../images/cpinner5.png)no-repeat;}
.cpinner1 .rt ul li.cs4 {background:url(../images/cpinner6.png)no-repeat;}
.cpinner1 .rt ul li.cs5 {background:url(../images/cpinner7.png)no-repeat;}
.cpinner1 .rt ul li.cs6 {background:url(../images/cpinner8.png)no-repeat;}

.bbms {margin-top:35px;}
.bbms .w1200 {background:#f7f7f7;}
.bbms .w1200 .adorn6 {
	position: absolute;
    top: 30px;
    right: -130px;
}
.bbms .w1200 .adorn6  img {width: 140px;}
.bbms .w1200 .tuwen {
	padding: 30px;
    font-size: 15px;
    line-height: 24px;
    color: #301819;
    text-align: center;
    position: relative;
    z-index: 2;
    background: #f7f7f7;
    min-height: 250px;
}
.bbms .w1200 .tuwen img {max-width:1000px;}
.cpinner1  .hot {margin-top:40px;}
.cpinner1 .hotbox {
	margin-top:30px;
	background: URL(../images/cpinner2.jpg) no-repeat center;
	padding: 50px 30px;
}
.cpinner1 .hotbox  li {
    position: relative;
    float: left;
    width: 360px;
    margin-left: 10px;
    margin-right: 10px;
}
.cpinner1 .hotbox li  .pic {
	position: relative;
	width: 100%;
	/* height: 253px; */
	overflow: hidden;
}
.cpinner1 .hotbox li  .pic  span {
	position: absolute;
	display:block;
	width:100%;
	height:100%;
    background: rgba(0, 0, 0, 0.24);
	top:0;
	left:0
}
.cpinner1 .hotbox  li  .pic img {
	width:100%; 
	height: 240px;
	display:block;
	transition: transform 4s cubic-bezier(.23, 1, .32, 1);
    transform: scale(1);
}
.cpinner1 .hotbox  li:hover img {
    transform: scale(1.1);
}
.hotbox li .mz {
    position: absolute;
    font-size: 20px;
    color: #fff;
    top: 110px;
    text-align: center;
    width: 300px;
    margin-left: -150px;
    left: 50%;
}
.hotbox li .mz i {
    display: block;
    width: 30px;
    height: 2px;
    background: #fff;
    margin: 0 auto;
    margin-top: 15px;	
}

.cpinner1 .slideBox{overflow:hidden; position:relative;}
.cpinner1 .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.cpinner1 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.cpinner1 .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.cpinner1 .slideBox .hd ul li.on{ background:#f00; color:#fff; }
.cpinner1 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.cpinner1 .slideBox .bd li{ zoom:1; vertical-align:middle; }

/* ???????/?????????????????????? */
.cpinner1 .slideBox .prev,
.cpinner1 .slideBox .next{ 
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/arrow2.png) no-repeat #cca876 center;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.cpinner1 .slideBox .next{
	left: auto;
    right: 20px;
    background: url(../images/arrow1.png) no-repeat #cca876 center;
}
.cpinner1 .slideBox .prev:hover,
.cpinner1 .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.cpinner1 .slideBox .prevStop{ display:none;  }
.cpinner1 .slideBox .nextStop{ display:none;  }
    
.IB2 {
   background: url(../images/banner1.jpg) no-repeat bottom;
    height: 400px;
    width: 100%;
    position: relative;
    overflow: hidden;
}    
.xinwen .p-menu li {width: 300px;}    
.factory.xinwen .p-menu li  {width: 300px;}    
.xinwen .list-article {padding:40px 0px;}
.list-article .news-box {
	position: relative;
	float: left;
	width: 370px;
	float:left;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom:35px;
}
.list-article .news-box .tu {    width: 100%;
    height: 217px;
    overflow: hidden;}
.list-article .news-box .tu img {
	position: relative;
	height: 100%;
	width: 100%;
	display:block;
	transition: transform 0.5s;
	transform: scale(1);
	 z-index: 1; 
}
.list-article .news-box:hover img{
	transform: scale(1.1, 1.1);
}


.cont-box {
    width: 328px;
    padding: 22px 20px 0;
    padding-bottom: 7px;
    border: 1px solid #cda876;
    border-top: 1px solid #f7f7f7;
}
.list-article .news-box:hover .cont-box {
	background: #f3ece2;
    border: 1px solid #f3ece2;
}
.cont-box p {
	font-size: 18px;
    padding-bottom: 10px;
    height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.cont-box .description {line-height: 24px; font-size: 13px;}
.cont-box .enters {
	margin-top: 28px;
    border-top: 1px solid #cca876;
    padding-top: 10px;
}
.enters span {display:block;}
.enters .rt {
    background: url(../images/news_ico1.png) no-repeat center;
    width: 24px;
    height: 20px;
}
.coverbg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease 0s;
    z-index: 2; 
}
.list-article .news-box:hover .coverbg {
    opacity: 1;
    filter: alpha(opacity=1);
}
.coverbg .bgbox {
    display: block;
    width: 100%;
    height: 100%;
    background: URL(../images/black60.png) repeat;
}
.coverbg .stit {
    font-size: 18px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    color: #fff;
    line-height: 26px;
    padding: 3px 0;
    margin-top: -10px;
}
.coverbg .stit .line {
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease 0s;
}   
.coverbg .stit .linet {top: 0;}
.coverbg .stit .lineb {bottom: 0;}
.list-article .news-box:hover .line {
    width: 6px;
    margin-left: -3px;
    opacity: 0.6;
    filter: alpha(opacity=60);
} 

.article-position {margin-top: 50px;}
.article-article {background:#fff; padding:30px;margin-top: 10px;}
.article-article .biaot {
	font-size: 24px;
    font-weight: normal;
    margin-bottom: 20px;
}
.article-article .pub {
	padding-bottom: 28px;
	border-bottom: 1px solid #ebebeb;
}
.article-article .pub span {display:block; float:left;}
.article-article .pub .fgx {
	width: 1px;
    height: 17px;
    margin: 0 24px;
    background-color: #d8d8d8;
}
.article-article .body {padding-top:30px;}

.prev-next {padding-top: 20px;}
.prev-next .pa {left: 50%; margin-left: -17.5px;}

.list_vedio {padding-top: 40px;}
.list_vedio .vedioul li {
    position: relative;
    float: left;
    width: 564px;
    float: left;
    margin-right: 18px;
    margin-left: 18px;
    margin-bottom: 35px;
    overflow: hidden;
}
.list_vedio img {width:100%;height: 315px;}
.list_vedio .play {
	display: block;
    background: url(../images/news_ico2.png) no-repeat;
    width: 65px;
    height: 65px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -32.5px;
    margin-left: -32.5px;
    z-index:2;
}
.list_vedio .mb {
	display: block;
	 position: absolute;
	 width:100%;
	 height:100%;
	 top:0;
	 left:0;
	 background:url(../images/black60.png) repeat;
	 display:none;
}
.list_vedio .vedioul li a:hover .mb {display:block;}
.list_vedio .vedioul li a:hover .play {animation: bob 1s infinite cubic-bezier(.455,.03,.515,.955);}

.body iframe {
	margin: 0 auto;
    display: block;
    max-width: 750px;
}

.list_meiti {padding-top:40px;}
.list_meiti .hyeul li{
	float: left;
    transition: all 1s;
    border: 1px solid #ebebeb;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 40px;
}
.list_meiti .hyeul li a {
	display:block;
	padding: 30px 40px;
	width: 468px;
	background: #ffffff;

}
.list_meiti .hyeul li .data {font-size: 30px;}
.list_meiti .hyeul li h2 {
	font-size: 20px;
    color: #333;
    margin-bottom: 20px;
}
.list_meiti .hyeul li p {padding-bottom:20px;color: #6d6d6d;}
.list_meiti .hyeul li .arrow {
	width:12px;
	height:21px;
	background: url(../images/news_ico3.png) no-repeat left center;
	transition: all 0.6s ease 0s;
}

.list_meiti .hyeul li a:hover {background: #cca876; color:#fff;}
.list_meiti .hyeul li a:hover .arrow {
	width: 100%;
    height: 21px;
    background: url(../images/news_ico4.png) no-repeat right center;
}
.list_meiti .hyeul li a:hover p {color:#ffff;}
.list_meiti .hyeul li a:hover h2 {color:#fff;}


.list-pinpai {padding-top:40px;}
.list-pinpai .pinpai-ul li {
	margin-bottom: 20px;
    box-shadow: 0 2px 2px rgb(206, 206, 206);
    transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-webkit-transition: all .4s ease-in;
-o-transition: all .4s ease-in;

}
.list-pinpai .pinpai-ul li:hover {    box-shadow: 0 15px 20px rgba(0,0,0,.3);}
.list-pinpai .zt {
	position: relative;
	width: 580px;
    height: 255px;
    overflow: hidden;
}
.list-pinpai .zt .tim {
	background: #f3ece2;
    padding: 10px 20px 5px;
    top: 20px;
    left: 15px;
    border-radius: 3px;
}
.list-pinpai .zt .tim .day {
	font-weight: bold;
    font: 34px/34px Impact;
    color: #cc9e62;
}
.list-pinpai .zt .tim .month {font-size: 18px;}
.list-pinpai .zt  img {width:100%;}
.list-pinpai .yw {
	border: 1px solid #cda876;
    padding: 30px;
    width: 558px;
    border-left: 1px solid #f7f7f7;
    height: 193px;
    background: #fff;
    position: relative;
}
.list-pinpai .yw h2 {font-size: 22px;padding-bottom:20px;font-weight:normal}
.list-pinpai .yw p {font-size:14px;}
.yw .jtou {
	background: url(../images/news_ico5.png) no-repeat left center;
	width: 36px;
    height: 36px;
    position: absolute;
    bottom: 22px;
} 


.fenye li {float: left;}

.fenye li a {
display: block;
    padding: 6px 10px;
    margin-left: 10px;
    background: #FFF;
color: #c79958;
    line-height: 20px;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #f3ece2;
}
.fenye li a:hover {
	padding:6px 10px;
	border: 1px solid #f3ece2;
    background: #cca876;
	color: #fff;
}

.fenye li.active a {
	display:block;
	color: #fff;
	padding: 6px 10px;
	border: 1px solid #f3ece2;
    background: #cca876;
	color: #fff;
}
.fenye .pageinfo {display:none;}


.IB-about {background:url(../images/banner8.jpg) no-repeat left;background-size:cover}

.about1 {
	padding-bottom: 40px;
    background: #f7f7f7;
}
.about1 .bigtitle {margin-top: 40px;}
.about1 .pintxt {
	padding-top:40px;
	font-size:16px;
	text-align: center;
}
.about1 .pintxt  span {display:block;font-size:20px;padding-bottom:10px;}
.about1 .pintu {width: 1120px; margin: 0 auto; line-height: 28px;}
/*.about1 img {width: 200px; margin-top: 50px; margin-left:10px;margin-right: 10px;}*/


.timeline {
	position: relative;
    margin: 50px auto;
    padding: 60px 0;
    background: URL(../images/honor1.png) no-repeat center top;
}
.timeline .befor {
    display: block;
    left: 50%;
    position: absolute;
    top: 40px;
    width: 1px;
    height: 100%;
    border-left: dashed #cca876 1px;
}
.timeline .wrapper {
	width: 1100px;
    margin: 0 auto;
}
.timeline_item {
    position: relative;margin-bottom: 30px;
}
.timeline02 {}
.timeline03 {}

.timeline_item .station {
    background-color: #cca876;
    left: 50%;
    margin-left: -6px;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    top: 5px;
    border: 2px solid #f5ede3;
    z-index: 2;
}
/*
.timeline_item2 .station {margin-top: -70px;}
.timeline_item3 .station {top: -150px;}
.timeline_item5 .station {margin-top: -70px;}
.timeline_item6 .station {margin-top: -200px;}
.timeline_item7 .station {top: -90px;}
*/

.item_content1, .item_content3, .item_content5, .item_content7, .item_content9{
    width: 450px;
    float: left;
    background: #f5ede3;
    padding: 20px 30px;
    border-radius: 6px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.item_content2, .item_content4, .item_content6, .item_content8, .item_content10 {
	float: right;
	width: 450px;
    background: #f5ede3;
    padding: 20px 30px;
    border-radius: 6px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;   
}
/*
.item_content2 {margin-top:-100px;}
.item_content3 {margin-top:-180px;}
.item_content5 {margin-top: -100px;}
.item_content6 {margin-top: -260px;}
.item_content7 {margin-top: -130px;}
.item_content8 {margin-top: -80px;}
*/

.timeline_item .Line {
    display: block;
    position: absolute;   
    top: 25px;
    background: #eff0f2;
    height: 4px;
    width: 120px;
    z-index: -1;
}
.timeline_item .Line1 { left: 40%;}
.timeline_item .Line2 {right: 40%;} 

.timeline_item h2 {
    margin: 0;
    font-size: 18px;
    margin-bottom: 10px;
    color: #795548;
    display: block;
}
.timeline_item p {
	font-size: 14px;
    line-height: 24px;
    color: #484848;
    margin-bottom: 5px;
}
.timeline_item img {
    padding-top: 0px;
    max-width: 150px;
    margin-top: 10px;
    margin-left: 0px;
    width: 145px;
}

.returns {
    text-align: center;
    margin: 0 auto;
    width: 200px;
    font-size: 14px;
    /* margin-bottom: 30px; */
    color: #795548;
    padding-top: 20px;
}  
  
#topcontrol {display:none;}    

.index_article {padding-top:60px;padding-bottom:40px; font-size:15px;}
.index_article img {max-width:1200px;}


.mendian .p-menu li {width: 590px;}
.store li {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 40px;
    width: 550px;
    position: relative;
    height: 305px;
    overflow: hidden;
}
.store li img {
	width:100%;
	display:block;
	transition: transform 4s cubic-bezier(.23, 1, .32, 1);
    transform: scale(1);
}
.store li  span.bg {
	position: absolute;
	display:block;
	background:url(../images/black25.png)repeat;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.store li .md {
	position: absolute;
    background: rgba(255, 255, 255, 0.90);
    width: 300px;
    padding: 10px 20px 10px;
    top: 70px;
    height: 150px;
    left: 110px;
    transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-webkit-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
}
.store li .md h3 {
	font-size: 18px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.store li .md .mdxx {font-size:15px; line-height:28px;}

.store li  span.border {
	position: absolute;
    border: 1px solid #fff;
    width: 356px;
    height: 182px;
    top: -7px;
    left: -9px;
 }  
.store li:hover .md {top:-500px;} 
.store li:hover img {transform: scale(1.1);}


.factory {background: #f7f7f7; padding-bottom: 40px;}
.factory .p-menu li {width: 400px;}



.changbox {padding-top:50px;}

.changbox ul li .chang-pic {width:330px;}
.changbox ul li .chang-pic img {width:100%;}

.diybox ul li .chang-pic img {
    width: 100%;
    height: 220px;   
}

.changbox ul li .short-ms {
    position: absolute;
    bottom: 2px;
    left: 0px;
    background: URL(../images/around.png) no-repeat left;
    padding-left: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 345px;
    text-align: left;
}

.diybox {padding-top: 50px;}
.diybox .gcul {
    margin-top: 50px;
}
.diybox .gcul li {
    float: left;
    text-align: center;
    margin-bottom: 40px;
    width: 362px;
    margin-right: 15px;
    margin-left: 15px;
    position: relative;
} 
.diybox .gcul li .diy-pic {
    border: 1px solid #cda876;
    background: #f7f7f7;
    padding: 15px;
    border-radius: 5px;
    transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
}
.diybox .diy-pic img {
	width:100%;
	height: 220px;
    display: block;
    margin: 0 auto;
}
.diybox .diy-short-ms {
    background: URL(../images/around.png) no-repeat left;
    padding-left: 30px;
    margin-top: 10px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.diybox .xting {
	font-size: 16px;
    line-height: 28px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 40%;
    margin-top: -15px;
    color: #fff;
}
.diybox .xting .text{    padding: 0 15px 8px;}    
.diybox .up-graybox .stit {
    color: #fff;
}


.changbox .bigtitle h2 {font-size: 26px;}
.changbox .gcul {margin-top: 50px;}
.changbox .gcul li {
    float: left;
    text-align: center;
    height: 265px;
    margin-bottom: 40px;
    width: 362px;
    margin-right: 15px;
    margin-left: 15px;
    position: relative;
}
.gcul li .chang-pic {
	border: 1px solid #cda876;
	background: #f7f7f7;
	padding: 15px;
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-webkit-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
}
.gcul li a:hover .chang-pic {top:-20px}
.gcul li .chang-pic img {height: 186px;display:block;margin:0 auto;}
.gcul  li .cqbt {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 48px;
	width: 225px;
}
.changbox .bg {
	background: url(../images/bg_case_f.png) center bottom no-repeat;
    height: 34px;
    position: absolute;
    width: 235px;
    left: 50%;
    bottom: 20px;
    margin-left: -117.5px;
}    

.up-graybox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease 0s;
}
.up-graybox .bgbox {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/black60.png) repeat;
}
.gcul li a:hover .up-graybox {
    opacity: 1;
    filter: alpha(opacity=1);
}
.up-graybox .stit {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff;
}
.up-graybox .line {
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease 0s;
}
.up-graybox .linet { top: 0;}
.up-graybox .lineb {bottom: 0;}

.gcul li a:hover .line {
    width: 6px;
    margin-left: -3px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.question-list {margin-top: 40px;  margin-bottom: 40px;}
.area-com h4 {
	margin: 0 auto;
    color: #e4e4e4;
    font-size: 60px;
    line-height: 52px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: bold;
    font-family: Arial;
    text-align: center;
    padding-top: 40px;
}
.area-com h2 {text-align: center;
    margin: 0 auto;
    font-size: 40px;
    color: #000;
    line-height: 64px;
    margin-bottom: 35px;
    position: relative;
    width: 190px;
    background-size: 180px 16px;
    background-position: 0px 43px;
    background-repeat: no-repeat;
    background-image: linear-gradient(to bottom left, rgba(84, 205, 255, 0.7), #4196f6);}

.question-list li {
    width: 100%;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 2px;
}
.question-list li .ques01{background: url(../images/arrow_off.png) no-repeat 98% 20px;}


.question-list li .ques01 {
    overflow: hidden;
    padding: 15px 0;
        height: 25px;
    line-height: 25px;
    display: block;
}
.question-list li .quesjob { 
	cursor: pointer; 
	background: #f3ece2;
	transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-o-transition: all .2s ease-in;}

 .ques01 span {
    float: left;
    font-size: 14px;
    color: #383838;
    text-align: center;
}
.ques01 span.ques-nember {
    width: 250px;
    text-align: left;
    padding-left: 30px;
    font-size: 14px;
}
.gangwei .ques01 span.ques-nember {width: 230px;}


.ques01 span.ques-subject {
    overflow: hidden;
    width: 250px;
    text-align: left;
}
.ques01 span.ques-yaoqiu {
	width: 250px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.gangwei .ques01 span.ques-yaoqiu {padding-left: 30px;width: 235px;}
.ques01 span.ques-cont {
    text-align: left;
    width: 200px;
}
.ques01 span.ques-shenq {float:right; padding-right: 55px;}

.question-list li .questop {
	overflow: hidden;
	padding: 15px 0;
	height: 50px;
}
.question-list li .questop span {font-size:16px; color: #000;;}
.question-list li .questop span img {
   display: block;
    padding-left: 20px;
    padding-bottom: 4px;
}
.question-list li .ques-txt {
    display: none;
    padding: 25px 20px 25px 30px;
    background: #fff;
    line-height: 26px;
    color: #333;
    border: 2px solid #cca876;
}
.ques-txt .nr1 {margin-bottom: 10px;}
.ques-txt .nr1 .fl {background: url(../images/dotlight.png) no-repeat left; padding-left: 28px;    font-size: 16px;font-weight: bold;}
.ques-txt .nr1 .rt {width: 960px;font-size: 15px;}
.ques-txt .nr2 .fl {background: url(../images/dotlight2.png) no-repeat left;}
.ques-txt .nr3 .fl {background: url(../images/dotlight3.png) no-repeat left;}
.ques-txt .nr3 {padding-top: 20px;}

.ques-txt h3 {font-size:16px; padding-bottom:10px; color:#333;}

.question-list .quesjob.active .ques-shenq {color: #cda876;}

.question-list li.gangwei:hover .quesjob {background: #cda876;}
.question-list li.gangwei:hover span {color:#fff;}

.factory .contact   { padding: 20px 50px 50px; position: relative;z-index: 2;}
.contact .qs {width: 335px; float:left; margin-left:15px; margin-right:15px;}
.contact  h2 {
	font-size: 20px;
    font-weight: normal;
    margin-bottom: 15px;
}
.contact  p {
	font-size: 15px;
    line-height: 30px;
}

.contact .qs img {
	width: 100%;
	height: 207px;
    display: block;
}
.contact .information {
	background: #fff;
    padding: 20px;
    height: 189px;
    position: relative;
}
.contact  .information a {
    color: #fff;
    display: block;
    width: 120px;
    background: #cda876 URL(../images/icon15.png) no-repeat 18px center;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
    padding-left: 10px;
}
.contact  .information a:hover {background: #522d19 URL(../images/icon15.png) no-repeat 18px center;}

.factory .contact-bg2 {position: absolute; right: 0; bottom: -40px;}
.factory .contact-bg2 img {width:250px;}

/*��������*/
.visit-box {
    margin: 130px 0px 50px;
    position: relative;
    height: 400px;
}    
.visit-box .biaodan {
    display: block;    
    width: 500px;
    position: absolute;
    right: 50px;
    top: -50px;
    z-index: 3;
}    
.visit-box .biaodan form {
    background: #f5ede3;
    padding: 50px;
    text-align: center;
    height: 380px;
}
.visit-box .biaodan form h4 {
	font-size: 16px;
    padding-bottom: 40px;
    padding-top: 20px;
}
.visit-box form label {
	display: block;
    float: left;
    width: 18%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.visit-box form input {height:30px; width: 300px;padding-left: 10px;}
.visit-box form p {    padding-top: 10px;}

.visit-box form .coolbg {
    margin-top: 30px;
    width: 150px;
    background: #cca876;
    color: #fff;
    border: 0;
    height: 40px;
    cursor: pointer;
    border: 1px solid #cba876;
}
.visit-box form .coolbg:hover {background: #efe7de;
    color: #333;border: 1px solid #cba876;}

.visit-box form textarea {width: 300px; border: 1px solid #ccc;}

.visit-box .img {
    position: absolute;
    width: 1200px;
    left: 0;
    top: 0;
    height: 400px;
    z-index: 2;
}
.linebg {
    width: 520px;
    height: 520px;
    border: 1px #cda876 solid;
    position: absolute;
    top: -70px;
    right: 39px;
}

.contact-map {
	position: relative;
    height: 600px;
    overflow: hidden;
    margin-bottom: 60px;
        margin-top: 60px;
}
.contact-map #map {
	width: 1200px;
    height: 650px;
    border: #ccc solid 0px;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.contact-map .cont_2 {
	background: #cda876;
    border: 1px solid #777;
    width: 300px;
    /*height: 450px;*/
    position: absolute;
    left: 50px;
    top: 70px;
    z-index: 99;
    border-radius: 3px;
}
.contact-map .cont_2 .fff {
    padding: 20px 0;
    background: #fff;
}    
.contact-map .cont_2 img {
    width: 200px;
    display: block;
    margin: 0 auto;
}
.contact-map .cont_2 b {
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    padding-bottom: 13px;
    display: block;
    text-align: center;
}
.contact-map .cont_2 p {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    padding: 25px 15px 15px;
}

/*pinpai*/
.pinpai {padding:50px 0px;}
.pinpai .r1 {
    background: url(../images/pinpai1.jpg) no-repeat;
    width: 1200px;
    height: 600px;
    margin-top: 60px;
    position: relative;
}
.r1 .con {
	background: rgba(255,255,255,0.9);
    padding: 50px 60px;
    position: absolute;
    margin-left: -515px;
    left: 50%;
    top: 120px;
    width: 910px;
}
.r1 .con i {
	display:blcok;
	top: -8px;
    left: -8px;
    padding: 3px;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 5px solid rgba(255,255,255,0.9);
}
.r1 .con p {font-size: 15px;}

.pinpai .r2 {
	padding-top: 50px;
    background: url(../images/pinpai3.jpg) fixed;
    margin-top: 70px;
    padding-bottom: 50px;
    color:#fff;
}
.r2 .fl img {width:600px;}
.r2 .p {
    padding-top: 80px;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}
.r2 strong {font-weight:bold;}

.r3 {padding-bottom: 60px;}
.r3 .w1200 {padding-top:50px;}
.r3 .dote {
	display: block;
    margin: 0 auto;
    padding-bottom: 15px;
    width:40px;
}
.r3 img {width:380px;}
.r3 .ljx {font-size:15px;}

.r4 {
	padding:50px 0px;
	background:url(../images/pinpai3.jpg) no-repeat fixed;
}
.r4 .bigtitle h2 {color:#fff;}

.guanwang {
  margin: 0 auto;
    width: 255px;
    /* margin-top: 45px; */
    color: #fff;
    background: #cba876;
    letter-spacing: 1px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    border-radius: 10px;
    transition: .5s;
    position: relative;
    text-align: center;
}
.guanwang span {    border: 1px solid #cba876;
    display: block;
    position: absolute;
    width: 233px;
    height: 70px;
    border-radius: 10px;
    left: 10px;
    top: -10px;
    transition: .4s;
}
.guanwang a:hover span {    height: 100%; top: 0;color:#fff;}
.guanwang a{color:#fff;}