
html{ overflow-x: hidden;font-family:"minijianshuwei72712"; font-size:12px;}
body, ul, h1, h2, h3, p{ margin: 0; padding:0;}



h1, h2, h3 { font-weight: normal; font-style: normal;}

ul {  padding: 0;}
li { list-style: none;}

/*-----------列表文本-----------*/

.list-text li {
  list-style: disc;
  margin-left: 20px;
  margin-top: 5px;
}

a { text-decoration: none; color: inherit;}



/* position  */

.f-l, .main-nav-li, .foot-li { float: left;}
.f-r { float: right;}
.al-vh { left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.al-bh { left: 0; right: 0; bottom: 0; margin: 0 auto;}
.al-tl { top: 0; left: 0;}
.al-tr { top: 0; right: 0;}
.al-lb { bottom: 0; left: 0;}
.ho-center { display: inline-block; margin: 0 auto;}

.vh-p { display: table-cell; vertical-align: middle;}
.vh-inner { display: inline-block; vertical-align: middle; width: 100%;}

.fixed { position: fixed;}
.po-a, .al-vh, .al-tl, .al-lb ,.al-bh, .al-tr{ position: absolute;}
.po-r { position: relative; font-size:14px;}


/* other style */

.hide { visibility: hidden;}
.o-hide, .list-ul { overflow: hidden;}

.clear:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; line-height:0;}
.clear{ zoom:1;}

.img-h-auto { width: 100%; height: auto;}
.bder-1 { border: 1px solid;}
.info_bg { display: inline-block; background-color: #fff; opacity: 0; filter:alpha(opacity=0);}

.banner-tc { line-height: 90px; height: 90px; width: 100%;}
/*.banner-tc> h1 { margin-top: 50px;}*/



/* public element style  */

.more-btn, .link-btn { display: inline-block;}
.more-btn { width: 160px; height: 50px; line-height: 50px;}
.link-btn { width: 48px; height: 48px; font-size: 18px; line-height: 48px; color: #d7d2cb;}

.list-ul>li{ float: left;} /* img list */




.bgc-d7b {}
.bgc-988 { background-color: #988c88;}
/* main-nav bg-color */
.bgc-424 { background-color: #2f0d0d;}
.bgc-4ee { background-color: #310000;}
.bgc-575 { background-color: #2f0d0d;}
.bgc-610 { background-color: #310000;}
.bgc-6bc { background-color: #2f0d0d;}

.bgc-f30 { background-color: #f3f2f0;}
.bgc-f75 { background-color: #f7f6f5};
.bgc-f   { background-color: #fff;} 
.bgc-ff  { background-color: #fff;} 


.cf { color: #fff;}
.c575 { color: #574545;}
.c988 { color: #dab866;}
.cd7b { color: #d7d2cb;}


.fs12 { font-size: 12px;font-family:Georgia, "Times New Roman", Times, serif; margin-top:10px;}
.fs14 { font-size: 14px;}
.fs18 { font-size: 18px;}
.fs20 { font-size: 20px;}
.fs24 { font-size: 24px;}
.fs30 { font-size: 30px;}
.fs36 { font-size: 36px;}
.fs90 { font-size: 90px;}
.fs140 { font-size: 140px;}

h1, h2 { font-size: 60px;}

.lh-0 { line-height: .6;}
.lh-12 { line-height: 1.2;}
.lh-14 { line-height: 1.4;}

/*  active  */


.more-btn:hover { background-color: #574545; color: #fff; border-color:#574545;}

.main-nav-li:hover { padding-bottom: 10px; background-color: #661f1f;}
.main-nav-active { padding-bottom: 10px; background-color: #2f0d0d;}


.info_bg:hover, .h_img_btn:hover .info_bg { opacity: .2; filter:alpha(opacity=20);}

.foot-li:hover, .current-foot-nav { color: #574545;}
.cover-f:hover { color: #fff;}
.bc-over:hover, .current-nav  { background-color: #fff;}
.bc-cover2:hover { background-color: #574545;}
.bc-cover2:hover span { color: #d7d2cb;}
.bc-over1:hover { background-color: #988c88; color: #fff; border-color: #988c88;}

/*.current-nav { background-color: #fff;}*/


/*  header  */

.header1 { width: 100%;z-index: 1000; top:-100px;}
.w-logo { width: 160px; margin-left: -100%; font-size: 150px; line-height:83px;}

.isWindows .w-logo {
  height: 100%;
  background-image: url(../images/logo.png);
}

.main-nav,  .mobile-nav>a { margin-left: 160px;}
.main-nav-li { width:16.66%; text-align:center;}
.main-nav-li>a, .border-li>a{ display: block;  position: relative;}
.main-nav-li>a, .border-li>a:visited{ color:#c9a063;}
.header, .main-nav-li>a { height: 100px;}
.header, .main-nav-li>a:hover { color:#c9a063;}
.header, .main-nav-li>a:visited { color:#c9a063;}
.border-li>a { height: 70px;}

.mobile-nav { float: left; width: 100%; margin-top: -100px; visibility: hidden; background-color: #3d3030;}
.mobile-nav>a { width: 50%; height: inherit; line-height: 80px; display: inline-block;}
.mobile-nav>a>img { margin-top: 32px;}

.fixed-link-c { position: fixed; right: -50px; top: 300px; z-index: 100; font-size: 0;}
.backtop-btn { margin-top: 1px;}
.share-link-con { width: 96px; left: 48px; z-index: -1;}
.share-link-con>a ,.foot-r>a{ vertical-align: top;}



.t-l { text-align: left;}

.max-w { width: 80%; margin: 0 auto; max-width: 900px;}

.w-hf { width: 50%;}
.w-f { width: 100%;font-size:15px;}

.wh-extend { width: inherit; height: inherit;}
.wh-f { width: 100%; height: 100%;}
.wf-hh { width: 100%; height: 48%;}
.wh-hf { width: 50%; height: 100%;}

.ml-pwh { margin-left: 50%;}
.mt-10 { margin-top: 10px;}
.mt-30 { margin-top: 30px;}
.mt-50 { margin-top: 50px;}
.mt_160 { margin-top: -160px;}
.mb-100 { margin-bottom: 100px;}
.mt-100 { margin-top: 100px;}
.mlr-10 { margin: 0 10px;}
.mtb-40 { margin: 40px 0;}
.mtb-50 { margin: 50px 0;}
.mtb-100 { margin: 100px 0;}

.pl-1 { padding-left: 1px;}
.pt-30 { padding-top: 30px;}
.pt-50 { padding-top: 50px;}
.ptb-20 { padding: 20px;}
.ptb-30 { padding: 30px 0;}
.ptb-50 { padding: 50px 0;}
.ptb-100 { padding: 100px 0;}


.trans{

	-webkit-transition: all .5s ease;
  	-moz-transition:all .5s ease;
  	-o-transition:all .5s ease;
   	-ms-transition:all .5s ease;
  	transition:all .5s ease;
}

.chanpin{ position:absolute; bottom:0px; left:50%; margin-left:-557px;}
/****header***/
/*
.header{
	height: 70px;
line-height: 70px;
width: 1024px;
}
.logo{}
.menu{}
.menu ul li{}
*/

::-moz-selection { background:#dab866; color: #fff; text-shadow: none; }
::selection { background:#dab866; color: #fff; text-shadow: none; }



/***********************banner*******************/
.banner{position:fixed;_position:absolute;top:90px;_top:expression(eval(document.documentElement.scrollTop));_bottom:auto;left:0px;}
.xuanzhuan{ position:absolute; bottom:1.5%; left:43%; width:14%; height:50%;}
/***********************banner*******************/


#banner{ position:relative; background:#FFF;}





/***indexabout****/
.indexablist{ background:url(../images/a01.jpg) no-repeat center center; height:800px; width:100%;} 
.indexabwarp{ max-width:1170px; width:100%; margin:0 auto;}
.indexaboutleft{ float:left; width:50%;}
.indexaboutright{ float:right;width:50%;}
.indexaboutbt{line-height: 1.5;font-size: 48px; color:#dab866; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:1px; margin-top:260px;font-weight:bold;}
.indexaboutwz{font-size: 30px; font-family:"宋体";color:#333;letter-spacing:1px; font-weight:bold;}
.indexabouttext{font-size:14px;color:#666; letter-spacing:1px;}
.indexaboutmore{margin-top: 30px; width:120px;  background:url(../images/tb.png) no-repeat;}
.indexaboutmore a{line-height: 40px;text-align:center;padding: 0 15px;
/*border-left: solid 2px #c9a063;
background-color: rgba(0,0,0,.5);*/ display:block; height:40px;transition: color .6s,border-color .6s,background-color .10s,border .6s; 
line-height:40px; width:120px; color:#fff; font-size:12px;letter-spacing:1px;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;-khtml-border-radius:4px;}
.indexaboutmore a:hover{background:#c9a063;transition: color .6s,border-color .6s,background-color .6s,border .6s;}
/***indexabout****/


/***indexpro****/
.indexprolist{ width:1000px; margin:0 auto;}
.indexproleft{ float:left; margin-top:20%; position:relative;left:-200px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.indexproright{ float:right; margin-top:12%; position:relative;top:-200px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
/***indexpro****/

/***indexprcess****/
.indexprcess{ width:100%; position:relative; background:#FFF;}
.indexprcessleft{ float:left; width:50%; position:relative; text-align:center; left:-200px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.indexprcessright{ float:right; width:50%;position:relative; text-align:center;right:-200px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.indexwarp{ position:absolute; top:0px; left:0px; width:100%; height:100%;}
.indexprcesstext{ width:55%; color:#fff; margin:0 auto; margin-top:20px; letter-spacing:1px;}
.indexprcessbt{line-height: 1.5;font-size: 48px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:1px; margin-top:10%;font-weight:bold;}
.indexprcessimg { overflow:hidden;}
.indexprcessimg img{-webkit-transform: scaleX(1) scaleY(1);
transition: all 3s;
-webkit-transition: all 3s;}
.indexprcessimg img:hover{transform:scaleX(1.1) scaleY(1.1);
	-webkit-transform:scaleX(1.1) scaleY(1.1);}
.indexprcessmore{
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;  margin:0 auto; position:relative; margin-top:20px;}
.indexprcessmore a{ color:#fff; line-height:80px; font-size:12px; cursor:pointer; display:block;-webkit-border-radius: 40px;width:80px; height:80px; margin:0 auto;
-moz-border-radius: 40px;
border-radius: 40px;-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; border:2px solid #fff;}
.indexprcessmore a:hover{ background:rgba(218,184,102,.8);-webkit-transition: all 0.3s ease-out; border:2px solid #dab866;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; color:#fff;}
.alogo{ margin-top:20px;}
.alogo img{ display:block; margin:0 auto;}


.indexprcessmorecon{
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;  margin:0 auto; position:relative; margin-top:20px;}
.indexprcessmorecon a{ color:#fff; line-height:80px; font-size:12px; cursor:pointer; display:block;-webkit-border-radius: 40px;width:80px; height:80px; margin:0 auto;
-moz-border-radius: 40px;
border-radius: 40px;-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; border:2px solid #dab866;  background:rgba(218,184,102,.8);}
.indexprcessmorecon a:hover{ background:rgba(47,13,13,.8);-webkit-transition: all 0.3s ease-out; border:2px solid #391010;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; color:#fff;}

@-webkit-keyframes rotate {
 from {
-webkit-transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(360deg)
}
}
 @-moz-keyframes rotate {
 from {
-moz-transform:rotate(0deg)
}
to {
	-moz-transform: rotate(360deg)
}
}
 @-ms-keyframes rotate {
 from {
-ms-transform:rotate(0deg)
}
to {
	-ms-transform: rotate(360deg)
}
}
 @-o-keyframes rotate {
 from {
-o-transform:rotate(0deg)
}
to {
	-o-transform: rotate(360deg)
}
}
.alogo{
background-repeat: no-repeat;
animation: 6s linear 0s normal none infinite rotate;
-webkit-animation: 6s linear 0s normal none infinite rotate;
}
/***indexprcess****/


/***footer****/
.footer{ width:100%;}
.footertop{ background:url(../images/footer-bg.jpg); width:100%; height:350px;}
.footertopleft{ float:left; width:50%; overflow:hidden;}
.footertopright{ float:right;width:50%;}
.footercenter{width:100%; margin:0 auto;}
.footer_left_title{ font-family:"宋体"; color:#dab866; text-align:center;font-size: 28px; margin-top:60px;letter-spacing:1px;font-weight:bold;}
.footer_left_text{color:#dab866;text-align:center;font-size: 14px; font-family:Georgia, "Times New Roman", Times, serif; margin-top:10px;}
.footeradd{ text-align:center; margin-top:20px;}
.footeradd p{ font-size:13px; color:#e5e5e5; letter-spacing:1px; line-height:24px;}
.hotline{font-size: 24px; margin-top:10px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif;}
.ewm{ margin-top:20px;}
.ewm ul{ width:190px; margin:0 auto;}
.ewm ul li{ float:left; margin-right:10px;}
.ewm img{ text-align:center; display:block; margin:0 auto;}
.ewm p{text-align:center; margin-top:10px;font-size:13px; color:#e5e5e5; letter-spacing:1px;}
.footerbottom{ background:url(../images/footerbg1.jpg); width:100%; height:178px;}
.footerbottom ul{ width:320px; margin:0 auto; padding-top:20px;}
.footerbottom ul li{ float:left; width:80px; height:40px; text-align:center;}
.footerbottom ul li a{width:80px; height:40px; text-align:center; display:block; line-height:40px; color:#999; font-size:13px; letter-spacing:1px;transition: color .6s,border-color .6s,background-color .6s,border .6s;}
.footerbottom ul li a:hover{ background:#dab866; color:#fff;transition: color .6s,border-color .6s,background-color .6s,border .6s;}
.copy{ width:360px; margin:0 auto; margin-top:10px;} 
.copy p{ text-align:center; color:#666; float:left; line-height:45px; font-size:12px;margin-left: 10px;}
.1024dog_logo{ float:right;}
/***footer****/

.brand{}
        .wrap2{
			_position:absolute;top:90px;_top:expression(eval(document.documentElement.scrollTop));_bottom:auto;left:0px;
 
            width: 100%; 
			height:900px;
			
        }
        .wrap2 ul{
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .wrap2 ul li{
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 0;
            opacity: 0;
            -webkit-transform: scale(1.2,1.2);
            -moz-transform: scale(1.2,1.2);
            -ms-transform: scale(1.2,1.2);
            -o-transform: scale(1.2,1.2);
            transform: scale(1.2,1.2);
            -webkit-transition: all 4800ms linear;
            -moz-transition: all 4800ms linear;
            -ms-transition: all 4800ms linear;
            -o-transition: all 4800ms linear;
            transition: all 4800ms linear;
        }
 .img{ position:relative;}
.banner_wz{ width:17%; position:absolute; left:-300px; top:0px;}
.banner_wz1{ width:13%; position:absolute; left:43.5%; top:50%; margin-top:-80px; opacity:0;}
.banner_shan{ position:absolute; left:0; bottom:0; opacity:0;}
.banner_wz2{ position:absolute; left:50px; bottom:100px;  left:-300px;}



.banner{
	width:100%;

	position:relative;
	height:100%;
	overflow:hidden;

	}						
.banner-list{
	width:100%;
	height:100%;
	padding-left:0;
	position:relative;
	}	
.banner-list>li{
	width:100%;
	height:100%;

bottom:0px; left:0px;
	}	
.banlion{
	
	}			

.cont1{
	width:100%;
	height:100%;
	padding-left:0;
	position:absolute; top:0; left:0;
	z-index:100;
	}
.cont2{
	width:100%;
	height:100%;
	padding-left:0;
	position:absolute; top:0; left:0;
	z-index:100;
	display:none;
	}
.cont3{
	width:100%;
	height:100%;
	padding-left:0;
	position:absolute;
	 top:0; left:0;
	z-index:100;
	display:none;
	}					
.bf{
	width:70px;
	height:70px;
	position:absolute; top:18%; left:50%;
	margin-left:-35px;
	margin-top:-35px;
	background:url(../images/bf.png);
	background-size:100% 100%;
	opacity:0;
	}	
.bf:hover{
	background:url(../images/bf1.jpg);
	}
.bf-te{
	width:100%;
	position:absolute; top:10%;
	opacity:0;
	margin-top:40px;
	text-align:center;
	}
	
	
.bf-te>p{
	color:#ddd;
	letter-spacing:1px;
	}
	
	
.bf-te1{
	width:100%;
	position:absolute; 
	bottom:5%;
	opacity:0;
	text-transform : uppercase;
	margin-bottom:30px;
	}
	
.bf-te1 font{
	font-weight:600;
	font-size:22px;
	}	
	
.bf-te1>p{
	font-size:48px;
	color:#FFF;
	padding-left:5%;
	line-height:48px;
	}
		
		
.readmore{
	width:100%;
	position:absolute; bottom:0%;
	opacity:0;
	}
	
.readmore a:hover{background-color: rgba(0, 0, 0, .7);border:1px solid #000;}	
.readmore a{
	margin-left:5%;
	margin-bottom:0;
	width:200px;
	text-align:center;
	line-height:35px;
	border:1px solid #fff;
	font-size:14px;
	color:#fff;
	display:block;
	}
.banner-num{
	width:100%;
	position:absolute; 
	left:0px; 
	bottom:0px;
	z-index:999;
	background: #1c1b1a;
	height:60px;
	}
	
	
		
.banner-num>ul{
	padding-left:0;
	margin-bottom:0;
	text-align:center;
	width:100%;
	position:absolute; bottom:0px;
	
	}	
	
	
	
.banner-num>ul li{
	width:236px; height:50px; background: url(../images/line01.png) no-repeat;background-repeat: repeat-x;display:inline; 
overflow:hidden; margin-left:5px;color: #6e5e4f; font-size:12px;display:inline-block; line-height:52px;
	
	}

.banner-list>li:nth-child(1){
/*	background:url(../images/banner1.jpg) center center no-repeat;*/
	background-size:cover;
	}	
.banner-list>li:nth-child(2){
/*	background:url(../images/banner1.jpg) center center no-repeat;
	background-size:cover;*/
	display:none;
	}
.banner-list>li:nth-child(3){
	/*background:url(../images/banner4.jpg) center center no-repeat;
	background-size:cover;*/
	display:none;
	}

.numon{
	background: url(../images/line02.png) no-repeat !important;
	color: #c3a07d !important;
	}
	
	.banner_btn1{ width:117px; padding-top:2px; padding-bottom:2px; height:36px; background:#4d4224; margin:50px auto; background:url(../img/kuang2.png) repeat-x}
.banner_btn1 a{
	 font-size:12px; 
	 color:#4d4224;
	  height:31px; 
	 line-height:31px; 
	  text-align:center; 
       display:block;
	 
		 }
		 .banner_wz1 a:hover{background-color: rgba(77,66,36,.6);
	 }
.banner_btn1 a:hover{background-color: rgba(95,95,95,.2);
	 }

/***banner***/




.containeritem{display:none;}
.phonebanner{ display:none;}

.phone{ display:none; }

@media (max-width: 768px) {
.indexnewsitem .col-lg-4{ padding-right:15px;}
.navbar-nav{ background:#fff; margin-top:0px; float:none;}
.navbar-nav li{ text-align:center; border-bottom:1px dotted #e5e5e5;}
.navbar-nav a{ color:#666;}
.navbar-nav a:hover{ color:#118bce;}
.navbar-header{ background:#2f0d0d;}
.navbar-collapse{border-top: 1px solid #e5e5e5;}
nav{ margin-top:0px;}
header{ display:block; position:fixed; top:0px; width:100%; left:0px; z-index:9999; background:#000 !important;
 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.headerbg{background:#d7d2cb;}
.pcheader{ display:none;}
.navbar-toggle { margin-top:27px;}
.banner{ margin-top:80px;}
.logo_boxlist{ float:left; height:80px;}
.logo_boxlist img{ width:75%; }
.phone .container{ padding:0px;}
.header1{ display:none;}
.phone{ display:block;}




.logo_boxlist img{ width:75%;}
/*.wrap2{ top:80px;}*/
#banner{ margin-top:-230px !important;}
.indexprcessleft{ width:100%;}
.indexprcessright{ width:100%; margin-top:20px;}
.indexprolist{ width:100%;}
.indexproleft{ width:100%; padding-left:5%;}
.indexproright{ display:none;}
.brand{ height:450px !important;}
.footertop{ height:auto; padding-bottom:50px;}
.footertopleft{ width:100%;}
.footertopright{ width:100%;}
.indexabouttext{ width:auto !important;}

.containeritem{display:block;}

} 

