@charset "utf-8";

/* CSS Document */

@font-face {      font-family: 'DIN-Black';      

src: url('DIN-Black.eot'); /* IE9 Compat Modes */      

src: url('DIN-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */              

url('DIN-Black.woff') format('woff'), /* Modern Browsers */              

url('DIN-Black.otf')  format('truetype'), /* Safari, Android, iOS */              url('DIN-Black.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */    } 



body {

  font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

  font-size: 14px;

  line-height: 1.428571429;

  color: #000000;

  min-width:1200px;

}



.navbar {

    position: relative;

    margin-bottom: 8px;

    border-bottom: 2px solid #e20219;

}





.navbar-inverse {

    background-color: #FFFFFF;

    border-color: #d9b447;

}



.navbar-brand {

   margin-top:0px;

   padding:0px;

}



.navbar-nav > li > a {

    padding-top: 0px;

    padding-bottom: 0px;

	padding-left:60px;

	padding-right:60px;

    line-height: 45px;

}



.nav {

    padding-left: 0px;

}





.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {

    color: #FFF;

	background-color:#d9b447;

}

a {

    color: #333333;

    text-decoration: none;

}



a:hover { text-decoration:none; transition: all 300ms ease-in 0ms; color: #333333;}





.navbar-inverse .navbar-nav > li > a {

    color: #d9b447;

	font-size:16px;
	
	font-weight:bold;

}



.navbar-toggle {

    position: relative;

    float: right;

    padding: 9px 10px;

    margin-top: 8px;

    margin-right: 15px;

    margin-bottom: 8px;

    background-color: #000;

    border: 1px solid transparent;

    border-radius: 4px;

}



.navbar-inverse .navbar-nav > li.mouseover .ul_hide {

    position: absolute;

    left: 0px;

    top: 47px;

    width: 200px;

	text-align:left;

	padding-left:15px;

    border: 0px solid #CBCBCB;

	background-color:#FFFFFF;

    padding: 0px;

    display: none;

}



.navbar-inverse .navbar-nav > li.mouseover .ul_hide li {

	line-height:30px;

	border-bottom:0px solid #ffffff;

	list-style-type:none;

	background:none;

			   height: auto;

overflow: hidden;

   white-space: nowrap;

text-overflow: ellipsis;

	position:relative;

}



.navbar-inverse .navbar-nav > li.mouseover .ul_hide li a{

    padding-left:15px;

    color:#000000;
	
	font-weight:bold;

		   height: auto;

overflow: hidden;

   white-space: nowrap;

text-overflow: ellipsis;

}



.navbar-inverse .navbar-nav > li.mouseover .ul_hide li a:hover{

    display:block;

    color:#FFFFFF;

	background-color:#d9b447;

    text-decoration: none;

}





.menu ul.sub_menu{position:absolute; width:600px; display:none; z-index:999; margin-left:0px;}

.menu ul.sub_menu a{ color:#ffffff;}

.menu ul.sub_menu a:hover{ color:#ffffff; background:none;}

.bg{ background:url(../images/bg.png) repeat; height:40px; display:none; width:100%; z-index:99; position:absolute;}

.menu ul.sub_menu li {

    float:left;

	width:100px;

    line-height: 40px;

	list-style-type:none;

	background:none;

}

.menu ul.sub_menu li a{ 

    color:#ffffff;

	font-size:12px;

	}

	



.kq1 {-webkit-animation-delay: 0.4s;}

.kq2 {-webkit-animation-delay: 0.8s; -webkit-animation-duration: 0.8s;}

.kq3 {-webkit-animation-delay: 1.2s; -webkit-animation-duration: 1.2s;}

.kq4 {-webkit-animation-delay: 1.6s; -webkit-animation-duration: 1.6s;}

.kq5 {-webkit-animation-delay: 2s; -webkit-animation-duration: 2s;}

.kq6 {-webkit-animation-delay: 2.4s; -webkit-animation-duration: 2.4s;}







.kuanping {

   width:1200px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }

   

.kkt {

   width:100%;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }

   

.top {

   width:1170px;

   height:auto; overflow:hidden;

   margin:0 auto;

   }

   

.top-aa {

   width:50%;

   float:left;

   }   

   

.top-bb {

   width:447px;

   height:42px;

   border:1px solid #dcdcdc;

   border-radius: 8px;

   float:right;

   margin-top:30px;

   } 

   

.top-bb form {

    display: flex;

}



.top-bb .search {

    border: 0;

    height: 40px;

    font-size: 14px;

    padding-left: 10px;

    width: 85%;

	color: #575757;

    border-radius: 8px 0 0 8px;

}   



.top-bb .btn {

    height: 40px;

    margin: 0;

    background: #333333;

    border-radius: 0 8px 8px 0;

    color: #FFFFFF;

    text-align: center;

    width: 15%;

}



.navbar {

    position: relative;

    min-height: 45px;

}



.cpbj {

   height:auto; overflow:hidden;

   margin-top:50px;

   margin-bottom:45px;

   } 

   

.cpbj h2 {

   font-family: 'DIN-Black', Helvetica, Arial, sans-serif;

   font-size:33px;

   text-align:center;

   color:#d8b447;

   margin-top:0px;

   margin-bottom:45px;

   }

   

.cpkk {

   height:auto; overflow:hidden;

   margin-bottom:20px;

   }

   

.cpkk p {

   margin-top:15px;

   text-align:center;

   color:#000000;
   
   font-weight:bold;

   }

   

.cpkk:hover p {

   color:#fa0324;

   }

   

.cpkk:hover img {

   box-shadow: 0px 0px 5px rgba(0,0,0,.3);

   transition: all 500ms ease-in 0ms;

   }

   

.abbj {

   height:auto; overflow:hidden;

   padding-top:18px;

   padding-bottom:40px;

   background:url(../images/abbj.jpg) bottom center; background-repeat:no-repeat;

   }

   

.abbj h2 {

   font-family: 'DIN-Black', Helvetica, Arial, sans-serif;

   font-size:33px;

   text-align:center;

   color:#d8b447;

   margin-top:0px;

   margin-bottom:60px;

   }

   

.shu {

   position:relative;

   width:235px;

   float:left;

   margin-top:-112px;

   }

   

.abzi {

   position:relative;

   width:935px;

   float:right;

   height:auto; overflow:hidden;

   color:#545454;

   font-size:16px;

   line-height:27px;

   }

   

.abmore {

   width:130px;

   height:49px;

   margin:200px auto 0px;

   position: relative;

   z-index: 1000;

   }

   

.abmore a {

   display:block;

   width:130px;

   height:49px;

   line-height:49px;

   background-color:#333333;

   text-align:center;

   color:#ffffff;

   }

   

.abmore a:hover {

   background-color:#000000;

   }

   

.zhiding {

   width:125px;

   height:39px;

   float:right;

   position: relative;

   z-index: 10;

   }

   

.zhiding a {

   display:block;

   width:125px;

   height:39px;

   line-height:39px;

   text-align:center;

   background-color:#333333;

   font-size:14px;

   cursor:pointer;

   color:#FFFFFF;

   }

   

.zhiding a:hover {

   background-color:#000000;

   }

   

.bottom {

   height:auto; overflow:hidden;

   background-color:#eeecec;

   padding-top:30px;

   padding-bottom:25px;

   color:#4d4d4d;

   }

   

.bottom a {

   color:#4d4d4d;

   } 

   

.bottom h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:14px;

   margin-top:0px;

   margin-bottom:30px;

   text-transform:uppercase;

   color:#4d4d4d;

   }  

   

.bottom h3 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:14px;

   margin-top:0px;

   margin-bottom:10px;

   text-transform:uppercase;

   color:#4d4d4d;

   } 

   

.bm-aa {

   width:825px;

   float:left;

   }

   

.bm-aa p {

   margin-bottom:15px;

   }

   

.kk {

   height:40px;

   background:url(../images/kong.png);

   border:1px solid #ded9d2;

   color:#4d4d4d;

   font-size:12px;

   border-radius:0;

   }  

   

.kk2 {

   height:98px;

   background:url(../images/kong.png);

   border:1px solid #ded9d2;

   color:#4d4d4d;

   font-size:12px;

   border-radius:0;

   }  

   

.xinxi-aa {

   width:80%;

   float:left;

   } 

   

.xinxi-bb {

   width:20%;

   float:right;

   } 

   

.antt {

   width:100%;

   height:98px;

   background-color:#FFFFFF;

   border:1px solid #FFFFFF;

   font-size:12px;

   border-radius:0;

   color:#575757;

   }

   

.bm-bb {

   width:300px;

   line-height:20px;

   float:right;

   }

   

.bm-bb h4 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:16px;

   margin-top:0px;

   margin-bottom:3px;

   color:#4d4d4d;

   }

   

.banquan {

   height:auto; overflow:hidden;

   margin-top:20px;

   }

   

   

/* 产品列表 */

.dangqian {

   height:auto; overflow:hidden;

   line-height:75px;

   font-size:16px;

   color:#4d4d4d;

   }

   

.dangqian a {

   color:#4d4d4d;

   }

   

.dq-aa {

   width:70%;

   float:left;

   } 

   

.dq-bb {

   width:30%;

   float:right;

   text-align:right;

   } 

   

.dangqian a:hover {

   color:#d8b447;

   }

   

.cpnn {

   height:auto; overflow:hidden;

   margin-bottom:40px;

   } 

   

.cpnn-aa {

   width:300px;

   background-color:#f4f4f4;

   float:left;

   } 

   

.cplie {

   height:497px;

   padding:15px;

   padding-top:35px;

   padding-bottom:46px;

   border-bottom:1px solid #e1e1e1;

   }

   

.cplie li {

   list-style-type:none;

   line-height:35px;

   }

   

.cplie li a {

   color:#4d4d4d;

   font-size:16px;

   }

   

.cplie li a:hover {

   color:#e20219;

   }

   

.cplie li.hover a {

   color:#e20219;

   }

   

.lietu {

   height:auto; overflow:hidden;

   padding:30px;

   padding-top:25px;

   padding-bottom:30px;

   }

   

.lietu h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:16px;

   text-align:center;

   margin-top:0px;

   margin-bottom:30px;

   color:#464646;

   }

   

#scrollbox {

    height: 1175px;

    overflow: hidden;

}  



.scrollcon {

    height: 800%;

} 



.lietu li {

   height:auto; overflow:hidden;

   list-style-type:none;

   margin-bottom:20px;

   }  

   

.lietu li p {

    margin-top: 18px;

    color: #4d4d4d;

	font-size:14px;

    text-align:center;

} 



.lietu li:hover p {

   color:#e20219;

   transition: all 500ms ease-in 0ms;

   }

   

.cpnn-bb {

   width:821px;

   float:right;

   }

   

.cpww {

    height: auto;

    overflow: hidden;

    margin-left: -6px;

    margin-right: -6px;

}



.cpwp ul {

   padding:0px;

   margin-bottom:0px;

   }



.cpwp ul li {

    list-style-type: none;

	width:33.3%;

    float: left;

	padding-left:6px;

	padding-right:6px;

    margin-bottom: 20px;

}



.cptu {

   height:auto; overflow:hidden;
   border:1px solid #999999;

   }

   

.cpzi {

   height:auto; overflow:hidden;

   background-color:#FFFFFF;

   line-height:22px;

   color:#545454;

   padding:12px;

   }

   

.cpzi h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:14px;

   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
   color:#4d4d4d;

   margin-top:0px;

   margin-bottom:6px;

   }

   

.cptu:hover h2 {

   color:#e20219;

   transition: all 500ms ease-in 0ms;

   }

   

.cptu section {

    overflow: hidden;

}

section {

    display: block;

}



.cptu img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}     

   

.cptu:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

	transition: all 500ms ease-in 0ms;

   }

   

.cptu:hover {

   box-shadow: 0px 0px 5px rgba(0,0,0,.3);

   transition: all 500ms ease-in 0ms;

   }

   

.fanye {

   width:100%;

   height:auto; overflow:hidden;

   margin-left:660px;

   margin-top:60px;

   position:relative;

   z-index:10;

   }

   

.zhidingy {

   position:relative;

   width:107px;

   height:39px;

   float:right;

   margin-top:-36px;

   }

  

   

.zhidingy a {

   display:block;

   width:107px;

   height:39px;

   line-height:39px;

   text-align:center;

   background-color:#d8b246;

   font-size:14px;

   cursor:pointer;

   color:#FFFFFF;

   }

   

/* 产品详情 */



.datu {

   width:498px;

   float:left;

   }

   

.cpxqzi {

   width:302px;

   float:right;

   margin-top:60px;

   line-height:33px;

   }

   

.xunpan {

   margin-top:42px;

   height:auto; overflow:hidden;

   }

   

.xunpan a {

   display:block;

   width:112px;

   height:34px;

   line-height:34px;

   font-size:16px;

   text-align:center;

   color:#FFFFFF;

   background-color:#d8b246;

   border-radius:10px;

   }

   

.xunpan a:hover {

   background-color:#bc9421;

   }

   

.jqzzoom{position:relative;}

.jqzoom{position:relative;overflow:hidden;border:0px #ddd solid; height:auto; overflow:hidden;}

.zoomdiv{float:left;top:0 !important;left:101% !important;border:3px solid #e4e4e4;display:none;text-align:center;overflow: hidden;position:absolute;z-index:999;background-color:#fff;}

.bigimg{width:1200px;height:1200px;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:80px !important;height:80px !important;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}	



.fyy {

   height:auto; overflow:hidden;

   margin-top:45px;

  }

  

.fyy-a {

   line-height:40px;

   height: auto;

overflow: hidden;

   white-space: nowrap;

text-overflow: ellipsis;

   }

   

.fyy-b {

   line-height:40px;

   height: auto;

overflow: hidden;

   white-space: nowrap;

text-overflow: ellipsis;

   }

   

.fyy-a img {

   animation: heart 0.8s ease-in-out 0.8s infinite alternate;

   }  

   

.fyy-b img {

   animation: heart 0.8s ease-in-out 0.8s infinite alternate;

   } 

   

@keyframes heart{

from{margin-top:0px;}

to{margin-top:-6px;}

}



@keyframes heart{

from{transform:translate(0,0)}

to{transform:translate(0,6px)}

}



.fx {

   margin-top:50px;

   height:auto; overflow:hidden;

   }

   

.xiangguan {

   height:auto; overflow:hidden;

   margin-bottom:80px;

   }

   

.xiangguan h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:16px;

   color:#464646;

   margin-top:0px;

   margin-bottom:34px;

   }

   

    .img-scroll { position:relative; margin:0px auto; width:100%; float:left; height:auto; overflow:hidden;}

    .img-scroll .prev,.img-scroll .next { position:absolute; display:block; width:22px; height:40px; margin-top:100px; z-index:999; background-color:#000;

    top:0; color:#FFF; text-align:center;}

    .img-scroll .prev { left:0; background:url(../images/zuo.png) no-repeat; width:22px; height:40px; z-index:999;}

    .img-scroll .next { right:0; background:url(../images/you.png) no-repeat; width:22px; height:40px; z-index:999;}

	.img-scroll .prev:hover { left:0; background:url(../images/zuo.png) no-repeat; width:22px; height:40px; z-index:999;}

	.img-scroll .next:hover { right:0; background:url(../images/you.png) no-repeat; width:22px; height:40px; z-index:999;}

    .img-list { position:relative; width:93%; height:auto; overflow:hidden; margin-left:35px; overflow:hidden}

    .img-list ul { width:9999px;}

    .img-list li { float:left; display:inline; margin-left:20px; margin-right:20px; height:auto; overflow:hidden;}  

	

.cptuw {

   width:234px;

   height:auto; overflow:hidden;

   }

   

.cptuw p {

   text-align:center;

   margin-top:20px;

   color:#4d4d4d;

   }

   

.zhidingk {

   width:112px;

   height:auto; overflow:hidden;

   float:right;

   margin-top:43px;

   margin-bottom:40px;

   }	

   

.zhidingk a {

   display:block;

   width:112px;

   height:34px;

   line-height:34px;

   font-size:14px;

   text-align:center;

   color:#FFFFFF;

   background-color:#d8b246;

   cursor:pointer;

   } 

   

/* 联系我们 */

.lxnn {

  height:auto; overflow:hidden;

  margin-bottom:36px; 

   } 

   

.lxnn-aa {

   width:32%;

   float:left;

   line-height:40px;

   color:#4d4d4d;

   }  

   

.lxnn-aa h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:16px;

   margin-top:0px;

   margin-bottom:15px;

   color:#4d4d4d;

   }

   

.lxnn-bb {

   width:60%;

   float:right;

   } 

   

   

.qietu {

   height:auto; overflow:hidden;

   border:5px solid #eaeaea;

   border-radius:5px;

   }

   

.ditu {

   height:auto; overflow:hidden;

   margin-top:36px;

   margin-bottom:100px;

   }

   

   

/* 关于 */

.abnn {

  height:auto; overflow:hidden;

  padding:10px;

  }

  

/* Contact Now */



.cowtp {

   margin-bottom:10px;

   }

   

.hongse {

   color:#f01d1d;

   }

   

.ccnei {

   padding:40px;

   height:auto; overflow:hidden;

   background-color:#f5f8fd;

   margin-top:20px; margin-bottom:20px;

   }

   

.xint {

    width: 115px;

    z-index: 999;

	position:fixed;

    right: 40px;

    height: 79px;

    top: 568px;

}  



/* 分页 */ 

.page {

    margin: 0px auto;

	margin-top: -55px;

}



.page-m {

    position: relative;

    top: -1px;

    +display: inline !important;

}



.page a {

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}



.page-m a {

    display: inline-block;

    margin: 0 5px;

    width: 40px;

    height: 40px;

    font-size: 14px;

    line-height: 40px;

    text-align: center;

	border:1px solid #eeeeee;



}



.page-m a:hover {

    color: #fff;

    background: #e20219;

	border:1px solid #e20219;

}



.xianshi {

    color: #fff;

    background: #e20219;

	border:1px solid #e20219;

}



.page-m a.active {

    color: #fff;

    background: #e20219;

	border:1px solid #e20219;

}

  

.container {

   min-width:1170px;

   }

   

.bmkk {

   width:100%;

   height:auto; overflow:hidden;

   position:relative;

   margin-top:-80px;

   }

   

.bmding {

   width:1170px;

   height:auto; overflow:hidden;

   margin:0 auto 40px;

   }

   

   

.view {

   width:115px;

   height:40px;
   background-color:#333333;
   border:1px solid #333333;

   }
   
.view:hover {
   background-color:#000000;
   border:1px solid #000000;
   }      

   

.text-center {

    text-align: left;

}   





.carousel-control.leftx {

    left: 0%;

    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);

    background: url(../images/zuot.png);

    background-repeat: repeat-x;

}



.carousel-control.rightx {

    right: 0%;

    left: auto;

    background: url(../images/yout.png);

    background-repeat: repeat-x;

}



.jt {

    position: absolute;

    top: 40%;

    bottom: 0;

    left: 0%;

    width: 30px;

    font-size: 20px;

    color: #ffffff;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);

    opacity: 0.5;

    filter: alpha(opacity=50);

}



@media (min-width: 0px) and (max-width: 768px) {



.navbar-nav > li > a {

    padding: 10px 20px;

    line-height: 20px;

}



.nav {

    padding-left: 0px;

}





.kuanping {

   width:100%;

   }

   

.container {

   min-width:1200px;

   }

}