

/** =======================
 * Contenedor Principal
 ===========================*/
 .accordion {
 	width: 100%;

 }

.accordion .link {
	cursor: pointer;
	display: block;
	padding: 10px 10px 10px 10px;
	color: #E1A525;
	font-size: 12px;
	border-bottom: 1px solid #0C0C0C;
	position: relative;
	font-weight:bold;

}
.accordion .link a{color: #E1A525;}
.accordion li:last-child .link {
	border-bottom: 0;
}



.accordion li.open .link {
	color: #fff;
	background: #3C1814;
}
.accordion li:hover .link { color:#fff;background: #3C1814;}
.accordion li.open i {
	color: #c2985b;
}



/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	background:#241B10;
 	font-size: 12px;
 }

 .submenu li {
 	border-bottom: 1px solid #0C0C0C;
	position:relative
 }

 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #d9d9d9;
 	padding: 10px 10px;
	


 }

 .submenu a:hover {
 	background: #68302A;
 	color: #FFF;
 }

.sanji-ul{ display: none; position:absolute; left:150px; top:-38px;background:url(../images/b80.png) repeat ;width:152px}
.sanji-ul li{  }
 .submenu li:hover{ background: #68302A;}
 .submenu li:hover .sanji-ul{ display:block;}

.accordion li:last-child  {
	border-bottom: 0;
}




html, body, .bg{
    width: 100%;
    height: 100%;

}

.bg{
	top:0;
	left:0;
	z-index:1;}

.bg img{
	position:absolute;
	top:0;
	left:0;}

.w{width:100%;}

.h{height:100%;}

/*长度高度*/

.w{width:100%;}

.h{height:100%;}

.auto{min-height:1px; height:auto!important; height:1px;}

.input-check{width:13px; height:13px;}




/*联系我们*/

.sale-main{ width:100%; padding-top:160px;    position: relative;
    z-index: 999;overflow: hidden; /*padding-bottom:100px;*/ min-height:600px;      height: auto;     background-attachment: fixed;   background-size: cover;
    padding-bottom: 50px}
.w1000 { width:1200px; margin:0 auto;}
.case-con {
    background: url(../images/b80.png) repeat center;
    padding: 50px 40px;
    margin-top: 20px;
    min-height: 500px;
    height: auto !important;
    overflow: hidden;
}

.contact-cla{ font-size:36px; text-align:center; color:#c79327; background:url(../images/content7-head.png) no-repeat center; height:72px; width:100%}
.contact-cla span{ font-size:20px;}
.contact-tel { text-align:center}
.contact-tel .tel {
    font-size: 34px;
    color: #FFC956;
    padding-bottom: 40px;
}
.contact-tel .f20{ font-size:20px; color:#FFC956}

.contact_list{overflow: hidden; border-bottom:1px solid #4c483d; padding-bottom:50px; margin-bottom:50px;}
.contact_list li{float: left;display: inline-block;*display:inline;*zoom:1;width: 280px;text-align: center;}
.contact_list li i{width: 64px;height: 64px;margin:0 auto 20px;display: block;background-image: url(../images/contact_icon.png);border: 2px solid #c79327; border-radius: 50%;}

.contact_list li p{color: #FFC956;padding-bottom: 20px;    font-size: 14px;}
.contact_list li span{color: #FFC956;padding-top: 10px; font-size:16px;}
i.contact_local{background-position: 0 0;}
i.contact_phone{background-position: -64px 0;}
i.contact_fax{background-position: -128px 0;}
i.contact_email{background-position: -192px 0;}

.case-tit{background:url(../images/content5-head.png) no-repeat center; }

/*联系我们*/
.u-ul{ text-align:center}
.u-ul li {
    padding: 0 10px;
    width: 130px; text-align:center; display:inline-block;
}
.u-ul li a {
    display: block;
    color: #c6a87a;
    line-height: 40px;
	font-size:16px;
	  background: url(../images/b80.png) repeat ;
   /* background: url(../images/sprite.png) no-repeat -3px -109px;*/
}
.u-ul li.active a, .u-ul li:hover a {
    /*background-position: -3px -64px;*/
	    background: #250504;
		color: #FFC956;
}




.info-wrapper {
    width: 1200px;
    margin: 0 auto;
    padding-top: 40px;
}
#info-iframe {
    width: 1200px;
    height: 430px;
}
.info-box {
    position: relative;
   
    /*height: 420px;*/

}
.info-box ul {
    width: 1200px;
}
.info-box li {
    padding:20px;
    margin:0 15px;
    margin-bottom: 15px;
    width: 530px;
    height: 100px;
    background: url(../images/b80.png);
}
/*.info-box li:hover {

    background:#c79327;
}
*/
.info-box li img {
    width: 140px;
    height: 140px;
    margin-right: 20px;
    cursor: pointer;
}

.info-box li h2 {
	font-size:16px;
    line-height: 25px;
	margin-bottom:10px;
    width: 445px;
    color: #FFC956;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    cursor: pointer;
}
.info-box li span {
    font-size: 14px;
    line-height: 25px;
    color: #FFC956;
}
.info-box li p {
    padding-bottom: 5px;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    height: 36px;
    color:#DBB47A;
}

.info-box li a {
    display: block;
    width: 66px;
    height: 26px;
    background: url(../images/sprite.png) no-repeat -129px -460px;
}

.info-box li a:hover{

    background-position:-129px -419px;

}

.news-page {
    
    margin-right: 20px;
    
	line-height: 25px;
}

.news-page a {
    padding: 2px 7px;
    margin: 0 3px;
    font-size: 12px;
    color: #EFAA18;
	 background: url(../images/b80.png);
}
.news-page a.active{
    
    background: url(../images/b81.png);
}


/*新闻内页*/
.news-h1 {
    font-size: 20px;  text-align: center;font-weight: bold; color:#FFC956; padding-bottom:20px; border-bottom:1px dashed #bba97c
}
.news-nr-text .nr-center{ line-height:30px; font-size:14px;color:#fff; margin:30px 0; overflow:hidden}
.news-nr-text .nr-center p{ line-height:30px; font-size:14px;color:#fff; }
.xw-xx{     border-top: 1px dashed #bba97c; padding-top:20px; width:100%; line-height:40px;}
.xw-xx div{ line-height:40px !important;}




/*关于我们*/

.ab-content{background: url(../images/b80.png) repeat;/* background:#3C1814;*/overflow:hidden; 
  padding:30px; min-height:500px; /*top:200px; position:absolute;margin-top:-200px; top:50%;  */  width: 1110px;}



/*滚动背景*/

#pagescroll .inner { position: relative; width: 1170px; margin: 0 auto; height: 100%;}

#pagescroll .fp-tableCell { vertical-align: top;}
#pagescroll .war { height: 100%;overflow: hidden; }


#pagescroll .section1 {background-image:url(../images/da1.jpg); background-position:center;  background-repeat:no-repeat}
#pagescroll .section2 {  background-image:url(../images/p12.jpg); background-position:center; background-repeat:no-repeat;}
#pagescroll .section3 { background-image:url(../images/bg33.jpg);  background-position:center;background-repeat:no-repeat;}
#pagescroll .section4 {  background-image:url(../images/about2_bg.jpg); background-position:center; background-repeat:no-repeat;}




.cla-tit{ font-size:30px; color: #c79327}

.ab-text-wrap{ height:80%; overflow:hidden;}

/*滚动条*/
#dv_scroll{position:absolute;min-height:320px;overflow:hidden;width:92%; font-size:14px; line-height:30px;}
#dv_scroll .Scroller-Container{width:100%;color: #75694d;}
#dv_scroll_bar {position:absolute; right:25px;width:14px;min-height:320px;border-left:1px solid #75694d;}
#dv_scroll_bar .Scrollbar-Track{position:absolute;left:0;top:10px;width:14px;height:270px;}
#dv_scroll_bar .Scrollbar-Handle{position:absolute;left:-7px;top:0;width:13px;height:29px;overflow:hidden;background:#c79327;cursor:pointer;}
#dv_scroll_text {position:absolute;}


/*发展历程*/
.ab-lc{ margin-top:40px; height:auto;}
.about-wrapper{
    width: 1000px;
    /*left: 50%;
    margin-left: -500px;
    position: absolute;*/
	margin:0 auto;

}

.history-box {
    position: relative;
    min-height: 360px;
    overflow: hidden;
	margin-bottom: 40px;
}


.history-box h2 {
    font: 18px SimHei,"Microsoft Yahei";
    width: 70px;
    height: 70px;
    margin: 0 auto;
    line-height: 70px;
    text-align: center;
    color: #caa075;
    background: url(../images/sprite.png) no-repeat -161px -68px;       position: relative;
     left: 50%;
    margin-left: -26px;

    z-index: 99999;
    top: 0px;
}


.history-box li {
    position: relative;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    color: #bd966c;
    width: 413px;
	margin:0 auto;
}
.history-box .li-r {
    padding-left: 425px;
    background: url(../images/sprite.png) 2px -633px;
}
.history-box .li-l {
    padding-right: 425px;
    background: url(../images/sprite.png) 2px -670px;
}


.one-year{display: none;}


.one-year ul{width: 100%;margin: 0 auto; position:relative;  top:0px;}


.history-scroll{
   min-height: 360px;
    /*width: 110%;
    left: -5%;
    overflow: auto;*/
}

.history-box .scroll-bar{
    visibility: hidden;
}



.year-list{
    top: 15px;
	margin:0 auto;
    width: 680px;

    height: 28px;

    color: #ddaf7d;

}

.year-list ul{

    position: absolute;

    left: 0;

    top: 0;

    width: 3000px;

    height: 24px;

}

.swiper-container{

    position: relative;

}

.year-list .swiper-container{

    margin: 0  auto;

}

.year-list li{

    float: left;

    width: 87px;

    height: 24px!important;

    font-size: 14px ; margin:0 7px;

}

.year-list li a{

    display: inline-block;

    width: 96px;

    height: 22px!important;

    line-height: 22px;

    border: 1px solid transparent;

    text-align: center;

    color: #ddaf7d;

}

.year-list li a:hover,.year-list li.active a{

   border: 1px solid #ddaf7d ;

}
.year-list li.active a{ border: 1px solid #ddaf7d !important;}




.banner-list{

    position: absolute;

    top: 0;

    bottom: 0;

    width: 100%;

    z-index: 0;

}

.banner-list li{

    position: absolute;

    width: 100%;

    height: 100%;
}

.banner-list li:first-child{
    z-index: 1;

}

.banner-list li a{

    display: inline-block;

    width: 100%;

    height: 100%;

}



.year-list .prev, .year-list .next{

    width: 25px;

    height: 25px;

    text-align: center;

    line-height: 25px;

    cursor: pointer;

}








/*在线下单*/

.content-main {
   left: 50%;
    width: 1100px;
    margin-left: -585px;
    top: 50%;
    position: absolute;
    /* height: 420px; */
    margin-top: -220px;
    padding: 20px 30px;
    color: #CD9335;
    background: url(../images/b80.png);
}
.content-main h1 {
    height: 72px;
    margin: 0 auto 25px;
    width: 100%;
}

.content-main h1 {
    background: url(../images/content6-head.png) center no-repeat;
}

.content6-main{ width:550px; float:left;}
.content6-main h2 {
  
    margin-bottom: 15px;
    color: #FFC956;
	font-size:36px;
}
.content6-main p{ margin-bottom:20px; line-height:30px;}
.content6-main p span.h2-tel{ font-size:18px; margin-right:10px;}
.content6-main strong{ font-size:24px; color:#FFC956}

#frm-financing{ width:500px; float:right;}


.join-table li{ margin-bottom:15px;}
.join-table li span{
    padding-right: 12px;
    width: 80px;
    color: #FFC956;
	font-size:14px;
    line-height: 28px; float:left;
    text-align: right; display:block
}

.join-table li input {
    padding: 5px;
    width: 382px;
    height: 20px;
    border: 1px solid #FFC956;
    color: #FFC956;
	line-height:20px;
    background: none;
}
#leave-word {
    padding: 5px;
    width: 382px;
    height: 60px;
    color: #bb986d;
    border: 1px solid #FFC956;
    background: none;
}
.submit {
    width: 90px;
    height: 26px;
    font: 14px "Microsoft Yahei";
    color: #FFC956;
    border: 1px solid #FFC956; cursor:pointer;
    background: none; margin:0 220px;
}




/*案例*/
.case-cont {
    background: url(../images/b80.png) repeat center;
    padding: 40px 30px;
    margin-top: 20px;
    min-height: 500px;
    height: auto !important;
    overflow: hidden;
}




.gallery img {
	width: 100%;
}

.gallery a {
    
    display: inline-block;
	float:left;
	
    

}

.baguetteBoxOne {
	width:1110px; 

}


.clear{ clear:both;}

 
	.gallery{ width:1140px; margin:0 auto;float: left;}
	.item{ width:265px; margin:0 10px 15px; height:265px; float:left; text-align:center; color:#fff;  font-size:16px;}
	.item img{ width:100%;height:235px; overflow:hidden}


.item span{     width: 100%; overflow:hidden; white-space:nowrap;    text-overflow: ellipsis; margin-top:5px;float: left;}





/*定制*/
.dizhi-con{ position: absolute; top:150px; left:50%; margin-left:-600px;}
#timeline {
    width: 90%;
    margin: 0px auto;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#timeline:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #FFC956;
    left: 50%;
    top: 0;
    position: absolute;
}
#timeline:after {
    content: "";
    clear: both;
    display: table;
    width: 100%}
#timeline .timeline-item {
    margin-top: -50px;
    position: relative;
	clear:both;
}
#timeline .mar-top{ margin-top:0 !important;}
#timeline .timeline-item .timeline-icon {
    background: #FFC956;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 20px;
    left: 50%;
    overflow: hidden;
    margin-left: -5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
	text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
	}
#timeline .timeline-item .timeline-icon img {
    position: relative;
    top: 14px;
    left: 14px;
}
#timeline .timeline-item .timeline-content {
    width: 41%;
    padding: 15px 20px 10px;
	border:1px solid #FFC956;
	background: url(../images/b81.png) repeat center;
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#timeline .timeline-item .timeline-content h2 {
    margin: 0px 0 10px;
	padding:0 0 10px 0;
    color: #FFC956;
	border-bottom:1px solid #FFC956;
	font-size:20px;
    font-weight: 700;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
#timeline .timeline-item .timeline-content p{ color:#bba97c; padding-top:0px; line-height:30px;}
#timeline .timeline-item .timeline-content h2 em{ color: #FFC956;float:left; margin-right:10px; font-style:italic;font-size:20px;font-weight: 700;}
#timeline .timeline-item .timeline-content:before {
    content: '';
    position: absolute;
    left: 44.9%;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #FFC956;
}
#timeline .timeline-item .timeline-content.right {
    float: right;
	margin-top:-30px;
}
#timeline .timeline-item .timeline-content.right:before {
    content: '';
    right: 44.9%;
    left: inherit;
    border-left: 0;
    border-right: 7px solid #FFC956;
}

@media screen and (max-width: 768px) {
    #timeline {
    margin: 30px;
    padding: 0;
}
#timeline:before {
    left: 0;
}
#timeline .timeline-item .timeline-content {
    width: 90%;
    float: right;
}
#timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {
    left: 10%;
    margin-left: -6px;
    border-left: 0;
    border-right: 7px solid #FFC956;
}
#timeline .timeline-item .timeline-icon {
    left: 0;
}
}




/*定制元素*/
.info-wrapper2{ width:1100px; margin:0 auto; }
.vip-info-menu {
    padding: 0px 0px 30px;
}

.tc {
    text-align: center;
}
.f0 ul li {
    width: 55px;
    height: 55px;
    line-height: 55px;
    background: url(../images/b80.png);
    margin-right: 38px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border:2px solid #FFC956; 
    font-size: 14px;
	 display: inline-block; cursor:pointer;

}
.f0 ul li.on ,.f0 ul li:hover{
    background: #3C1814;
}

.ablock {
    width: 100%;
    height: 100%;
	color:#fff
}
.f0 ul li a:hover{ color:#fff;}


.vip-info-text {
    height: auto !important;
    overflow: visible;

}
.f16 {
    font-size: 16px;
}
.vip-info-ele-h2 {
    line-height: 60px;
    height: 60px;
    border-bottom: 1px solid #c2985b;
	color:#fff;
}
.vip-info-ele-dis {
    padding: 20px 0px;
}
.dizhi-cen {
    background: url(../images/b80.png) repeat center;
    padding: 50px 40px;
    margin-top: 30px;
    min-height: 500px;
    height: auto !important;
    overflow: hidden;
}



/*加盟*/
#pagescroll .join1 {background-image:url(../images/da1.jpg); background-position:center;  background-repeat:no-repeat}
#pagescroll .join2 {  background-image:url(../images/dd_bg.jpg); background-position:center; background-repeat:no-repeat;}
#pagescroll .join3 { background-image:url(../images/join-bg6.jpg);  background-position:center;background-repeat:no-repeat;}



.join-cent{ min-height:480px;/* position:absolute; z-index:999; top:50%; margin-top:-200px;*/ width:100%;}
.join-cent .join-tit{ text-align:center; height:72px; margin-bottom:30px;}

.jobtable {
    width: 980px;
    margin: 20px auto 0;
}
.jobtable tr td input {
    margin: 15px 20px;
    padding: 20px;
    width: 430px;
    background: url(../images/bg-hr.png) repeat;
    border: 1px solid #c2985b;
    color: #c2985b;font-family:"Microsoft YaHei","arial";
}


.jobtable tr td textarea {
    margin:15px  20px;
   background: url(../images/bg-hr.png) repeat;
    border: 1px solid #c2985b;
    padding: 10px;
    height: 147px;
    width: 962px;font-family:"Microsoft YaHei","arial";
    color: #c2985b;
}

.jobtable tr td .btn {
    margin: 0 auto;
    width: 470px;
    height: 87px;font-family:"Microsoft YaHei","arial";
}
.jobtable tr td input.but {
    padding: 16px 0;
    border: 2px solid #c2985b;
	cursor:pointer
}

/*加盟条件*/
.join-box {
    margin: 0px auto;
    width: 1080px;     min-height: 360px;   overflow: hidden; background:url(../images/b80.png) repeat; padding:25px;
}
.join-box .join-box1 {
    float: left;
    margin:0 25px;
    width: 310px;
    text-align: center;
	height: 320px;
	overflow:hidden;
}
.join-box h2 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 18px;
    color:#FFC956;
	text-align:center
}

.join-box p{ color:#BDA787; line-height:30px;}
.join-box .jm-pic{ width:100%; text-align:center}
.join-box .jm-pic img{ width:160px; height:160px; border-radius:50%;}



.even-num1 {
    margin: 30px auto 0;
    padding: 0 0px;
    width: 100%;
    
   background: url(../images/jt.png) no-repeat center;
    overflow: hidden;
}
.even-num1 ul{width:100%; overflow:hidden; margin-bottom:30px; height:180px;}
.even-num1 ul.list-right li{ float:right;}
.even-num1 ul li {
    width: 140px;
    height: 140px;
	margin:0px 45px;
    text-align: center;
    background:url(../images/b81.png)  ;
    font-size: 16px;
    color: #333; line-height:25px; padding:20px;
	    float: left;
		color:#fff;
		border-radius:50%;
		
		 color:#c2985b
}
.even-num1 ul li.active, .even-num1 ul li:hover {
   /* background: url("http://www.chinashawls.com/static/web/css/../img/icon7.png") no-repeat center top;*/
}

.even-num1 ul li em{ display:block; float:left; width:100%; font-size:24px; margin-bottom:0px; font-weight:bold; color:#FFC956}
.even-num1 ul li span{font-weight:bold; line-height:25px !important; font-size:14px; color:#FFC956 }
.jm-lc-nr{ font-size:12px; line-height:20px;    color: #BDA787;}




/*产品中心*/
.pro-main{ width:100%; height:100%;     position: relative;z-index: 99;overflow: hidden; background:url(../images/p192.jpg) no-repeat center fixed;}
/***
-----------------------------
index end
----------------------------
**/
.in-product-list{
    position: absolute;
    height: 460px;
    left: 50%;
    margin-left: -590px;
    top: 50%;
    margin-top: -200px;
	z-index:999
}
.wrap {
    max-width: 1180px;
    min-width: 1180px;
    overflow: hidden;
   
}
.in-product-list .prev,.in-product-list .next{
    position: absolute;
    top: 207px;
    width: 46px;
    height: 46px;
    z-index: 50;
    background: url(../images/sprite2.png) no-repeat;
    transition: all 0.3s;
	cursor:pointer
}
.product .in-product-list .prev,.product .in-product-list .next{
    top: 338px;
}
.in-product-list .prev{
    left: -54px;
    background-position: -42px 0;
}
.in-product-list .next{
    right: -54px;
    background-position: -103px 0;
}
.in-product-list:hover .prev{
    left: 10px;
}
.in-product-list:hover .next{
    right: 10px;
    background-position: -103px 0;
}
.in-product-list ul{
    height: 100%;
    width: 200%;
}
.in-product-list li{
    float: left;
    position: relative;
    width: 295px;
    height: 100%;
    overflow: hidden;
}
.in-product-list a{
    display: block;
    width: 100%;
    height: 100%;
}
.in-product-list img{
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 460px;
    transition: all 1s;
}
.in-product-list li:hover img{
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
}
.in-product-list li .shadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 5;
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
    transition: opacity 0.2s;
}
.in-product-list li:hover .shadow{
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
}
.in-product-list .title-box{
    position: relative;
	line-height:30px;
	padding:75px 20px;
    z-index: 20;
    top: 260px;
    margin: 0 auto;
    width: 140px;
    height: 30px;  border: 1px solid #FFC93B;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
    border-radius:50%;
    background: url(../images/b80.png);
}
.in-product-list .title-box h3{

    font-size: 18px;
    text-align: center;
    color: #c2985b;
	
}
.in-product-list .title-box .eng{
    font-size: 12px;
    color: #dfe0e1;
    text-align: center;

}
.in-product-list li:hover .title-box h3{
    color:#f1bb47;
}
.in-product-list li:hover .title-box .eng{
    color: #939496;
}
/***
-----------------------------
index end
----------------------------
**/




/*产品内页*/
.pro-ny{ overflow:visible !important; float:left; height:auto;min-height: 600px;}
.pro-ny-w1200{ width:1200px; margin:0px auto 0; overflow:hidden; padding:160px 0 50px;}


.parHd {
    line-height: 30px;
    padding: 0 10px 15px;
}
.parHd ul {

    /*text-align: center;*/
    margin: 0 auto;
	    overflow: hidden;
}
.parHd ul li {
    cursor: pointer;
        background: url(../images/b81.png) repeat;
		float:left;
    color: #fff;
    font: 14px/24px "微软雅黑";
        margin: 0px 10px 10px 0;
    line-height: 40px;
    height: 40px;
	text-align:center;
	padding:0 20px;
	display:inline-block;
}
.parHd ul li:hover{background:#250504}
.parHd ul li.on{background: url(../images/b80.png) repeat;}
.parHd ul li a{ color: #fff;}
.parHd ul li.on a{ color:#f1bb47; font-weight:bold;}
.parHd ul li.con{    background:#250504;}
.parHd ul li.con a,.parHd ul li:hover a{ color:#FFC956}
.pro .parBd {
    width: 760px;
    margin: 0 auto;
}
.pro ul li {
    float: left;
    width: 278px;
    margin: 10px 10px;
    position: relative;
	background: url(../images/b80.png);
	border:1px solid #c0ad7e
}

.pro ul li a {
    display: block;
    width: 278px;
    height: 307px; 
}
.pro ul li a div.cp-pic {
    
    width: 278px;
    height: 267px;
    vertical-align: middle;
    text-align: center;
    position: relative;

}
.pro ul li  img {
    max-width: 258px;
    height: 248px;	    
    vertical-align: middle;
    text-align: center;
    position: relative;
	    padding: 10px;
}
.pro ul li a .txt_opacity {
    width: 278px;
    height: 40px;
    background: url(../images/b81.png);
    font: 14px/24px "微软雅黑";
    color: #FFC956;
    line-height: 40px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
  
}


.cp-page{ position:relative !important; float:left;  right:0;text-align: center; width:1180px; /*background:Url(../images/b80.png); */margin:30px 10px 0;}

.cp-page .pagination{  padding:15px; text-align: center;}



#container{width:100%; height:100%;margin:0 auto;  position:fixed;  z-index:99999;    top: 0;}
.container{ width:1010px; height:600px; margin:0 auto; color:#fff; top:50%; margin-top:-300px; position:absolute; left:50%; margin-left:-505px}
 a.fanhui{ display:block; width:40px; position:absolute; height:40px; line-height:40px; text-align:center; background:#c2985b;  top:-25px; right:-65px; color:#fff;    z-index: 999999;}
.contain{width:1010px; height:600px; margin:0 auto; background:#3C1814; }

.container-bg{width: 100%; height: 100%;background:#000;position:absolute; z-index:-3;padding:5px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8 ;opacity:0.8}

.picFocus{ width:617px;padding:35px 0px 35px 22px;  position:relative;  overflow:hidden;  zoom:1;   }

/* DB_gallery */
#DB_gallery{width:580px;margin:0px auto 0 auto;}
#DB_gallery .DB_imgSet {position:relative;height:435px;overflow:hidden;}
#DB_gallery .DB_imgSet .DB_imgWin{height:100%; background:url(../images/qb.jpg) no-repeat center; position:relative;text-align:center}
#DB_gallery .DB_imgSet .DB_imgWin img{    height: 300px;
    position: absolute;
    bottom: 37px;
    left: 50%;
    margin-left: -156px; }

#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:580px;overflow:hidden}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}

#DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:8px}
#DB_gallery .DB_thumSet .DB_thumMove li img{ width:110px; height:83px}

#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:0;cursor:pointer;left:0;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:0;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:98px;height:73px;border:5px solid #c2985b;left:0;top:0}




.pro-text{ width:300px; padding: 35px 50px 35px 0px;position: relative;}
.pro-text p{ margin-bottom:12px; position:relative;vertical-align: top;}
.pro-text p span{ display:block;width:70px; height:25px; }
a.djfd{ display:block; width:80px; height:21px; position:absolute; top:610px; right:0px; background:url(../images/djfd_03.jpg) no-repeat center;}

	/*Scroll*/
.SBox{position:relative;width:100%;height:470px;float:left;color:#fff;}
.ScontentBox{width:100%;height:470px;position:relative;overflow:hidden;}
.Scontent{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	/*min-height: 600px;*/
	/*padding-bottom: 50px;*/
	line-height:28px;
	font-size: 14px;
	*zoom: 1;
}
/*.Scontent img {*/
	/*min-height: 72px;*/
/*}*/

.scrollBox{position:absolute;width:9px;height:470px;top:35px;right:20px; overflow:hidden;}
.scroll{
	position:absolute;
	width:9px;
	height:90px;
	top:0;
	left:3px;
	cursor:default;
	z-index:2;
	cursor:pointer;
	 background:url(../images/zmyx_03.jpg) no-repeat center; width:3px; height:183px; position:absolute; right:34px; top:30;
}
.scroll_bg{position:absolute;width:1px;height:530px;top:0;left:4px;background:#7c7c78}

.shangxia{ margin-top:10px; float:left; color:#fff}
.shangxia div{ width:100%; display:block; line-height:25px;}
.shangxia div a{ color:#fff;}
.shangxia div a:hover{ color:#f1bb47}







/*人才招聘*/


.content {
    height: 445px;
    position: relative;
    width: 1100px;
    overflow: hidden;
}
.content .contl {
    width: 1100px;
    position: absolute;
    left: 0;
    top: 0;
    height: 445px;
}
.content .contr {
    width: 1px;
    height: 445px;
    position: absolute;
    right: 2px;
    top: 0;
    background-color: #bba97c;
}
.content .contr .scrobtn {
    width: 4px;
    height: 50px;
    background-color: #f2dca0;
    position: absolute;
    top: 0;
    right: -2px;
    cursor: pointer;
}


.job-tab  {
    border: 1px solid #63552E;    border-collapse: collapse;
	color:#c2985b;
    
}
.job-tab tr {
    height: 85px;
}
.job-tab td, .job-tab th {
    border: 1px solid  #63552E;
    border-width: 0 0 1px 1px; line-height:30px;font-size:14px;
}

.job-tab td {
    text-align: center;
    padding: 10px; font-size:14px;
}

.job-tab td a{ color:#fff;}






/*视频*/
.video-tit{
    background: url(../images/vide-tit.png) no-repeat center;
}

.video ul li {
    width: 360px !important;
    margin: 0 10px 15px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 16px;
	
}
.video ul li a{width: 360px !important;
    overflow: hidden;
	height:207px; position:relative; z-index:99999}
.video ul li img {
    width: 360px !important;
    overflow: hidden;
	height:207px;
}

.video span {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    float: left;
	    color: #c2985b;
	line-height:30px
}
.vider-bg{ display:none; width:100%; height:100%; background:url(../images/vd.png) no-repeat center; position:absolute; top:0;}
.video ul li a:hover .vider-bg{ display:block;}
.container2 {
    width: 700px;
    height: 470px;
    margin: 0 auto;
    color: #fff;
    top: 50%;
    margin-top: -235px;
    position: absolute;
    left: 50%;
    margin-left: -350px;
	background:#111
}
.vd-bf{ background:#5F4724; width:910px; margin:25px auto !important; height:500px;}




/*公司简介滚动条*/

.content2 {
   
    position: relative;
    width: 1100px;
    overflow: hidden;
	margin:20px auto;
	
}
.content2 P{color:#c2985b; line-height:30px; font-size:14px}
.content2 .contl2 {
    width: 1100px;
    left: 0;
    top: 0;
    min-height: 430px;
	overflow:hidden;
}
.content2 .contr2 {
    width: 1px;
    
    right: 2px;
    top: 0;
    background-color: #bba97c;
}
.content2 .contr2 .scrobtn2 {
    width: 4px;
    height: 50px;
    background-color: #f2dca0;
    position: absolute;
    top: 0;
    right: -2px;
    cursor: pointer;
}














