body {
  font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #000000;
  background:url(../images/bj.jpg) top center;
}

.navbar {
    position: relative;
    margin-bottom: 0px;
    border-bottom: 0px solid #BEBCBC;
}


.navbar-inverse {
    background-color: #27282d;
    border-color: #5F5D5D;
}

.navbar-brand {
   margin-top:0px;
   padding:0px;
   z-index:99;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left:15px;
	padding-right:15px;
	margin-left:6px;
	margin-right:6px;
    line-height: 65px;
}

.nav {
    padding-left: 50px;
}


.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #FFF;
	background-color:#0754a7;
}
a {
    color: #333333;
    text-decoration: none;
}

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


.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}

.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;
}


.menu ul.sub_menu{position:absolute; width:120px; display:none; z-index:999; background-color:#000000; 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:120px;
    line-height: 60px;
	list-style-type:none;
	background:none;
}
.menu ul.sub_menu li a{ 
    color:#ffffff;
	font-size:16px;
	text-align:center;
	height:60px;
	line-height: 60px;
	}

.menu ul.sub_menu li a:hover {
   background-color:#f7ac00;
   } 
	

.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;
   height:auto; overflow:hidden;
   margin:0 auto;
   }
   
.kkt {
   width:100%;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   }
   
.toubu {
   width:100%;
   height:97px;
   background-color:#27282d;
   border-radius: 10px 10px 0 0;
   }
   
.yc {
   display:none;
   }
   
.yd {
   display:block;
   }
   
.toubu-logo {
   width:190px;
   float:left;
   }
   
.toubu-hh {
   width:720px;
   float:left;
   margin-left:30px;
   }
   
.toubu-hh ul {
   margin:0px; padding:0px;
   }
   
.toubu-hh li {
   list-style-type:none;
   float:left;
   }  
   
.toubu-hh li a {
   display:block;
   padding-left:16px;
   padding-right:16px;
   height:97px;
   line-height:97px;
   font-size:16px;
   color:#FFFFFF;
   } 
   
.toubu-hh li a:hover {
   background:url(../images/xiahua.jpg) bottom; background-repeat:no-repeat;
   }
   
.yuyan {
   width:137px;
   float:right;
   margin-top:30px;
   }
   
.yuyan li {
   list-style-type:none;
   float:left;
   width:43px;
   text-align:center;
   margin-left:10px;
   margin-right:10px;
   }
   
.yuyan li p {
   margin-top:8px;
   }
   
.yuyan li a {
   color:rgba(255, 255, 255, 0.36);
   }
   
.yuyan li a:hover {
   color:#FFFFFF;
   }
   
.item img {
	animation: fangda 3s;
    -webkit-animation: fangda 3s;
   }  
   
-webkit-keyframes fangda {
	0%{
		transform:scale(1.0);
	}
	100%{
		transform:scale(1.2);
	}
}
@keyframes fangda {
	0%{
		transform:scale(1.0);
	}
	100%{
		transform:scale(1.2);
	}
} 


.cpbj {
   padding:20px;
   background-color:#FFFFFF;
   height:auto; overflow:hidden;
   padding-top:40px;
   }
   
   
.cp-left {
   width:300px;
   height:auto; overflow:hidden;
   float:left;
   }
   
.cp-right {
   width:833px;
   height:auto; overflow:hidden;
   float:right;
   }
   
.search {
    width: 300px;
    height: 36px;
	line-height:36px;
    background: url("../images/sousuo.png") no-repeat scroll 0% 0% transparent;
	padding-left:20px;
    margin-top: 0px;
	margin-bottom:40px;
}

.search input {
    outline: medium none;
    background: none repeat scroll 0% 0% transparent;
    margin: 0px;
    padding: 0px;
	line-height:36px;
    border: 0px none;
}


.submitIn {
    width: 36px;
    height: 36px;
    float: right;
    cursor: pointer;
}

.cptit-aa {
   width:60%;
   float:left;
   margin-left:130px;
   font-size:30px;
   }
   
.cptit {
   height:auto; overflow:hidden;
   margin-bottom:40px;
   }
   
.cptit-bb {
   width:71px;
   float:right;
   font-size:15px;
   margin-top:8px;
   }
   
.cptit-bb a {
   display:block;
   width:71px;
   height:27px;
   line-height:27px;
   text-align:center;
   font-size:15px;
   border:1px solid #dedede;
   color:#2c2c2c;
   }
   
.cplie {
   height:auto; overflow:hidden;
   margin-bottom:18px;
   }
   
.cplie-lan {
   height:auto; overflow:hidden;
   line-height:55px;
   padding-left:24px;
   font-size:18px;
   color:#333333;
   background-color:#f9be00;
   }
   
.cplie-hh {
   height:auto; overflow:hidden;
   }
   
.cplie-hh li {
   list-style-type:none;
   height:31px;
   }
   
.cplie-hh li a {
   display:block;
   height:31px;
   line-height:31px;
   padding-left:24px;
   color:#272727;
   background-color:#fbfbfb;
   border-bottom:1px solid #d5d5d5;
   }
   
.cplie-hh li a:hover {
   background:url(../images/jt.png) right; background-repeat:no-repeat;
   background-color:#ffe9a3;
   }
   
.cplie-hh li.hover a {
   background:url(../images/jt.png) right; background-repeat:no-repeat;
   background-color:#ffe9a3;
   }
   
   
.cplie-nei {
   height:auto; overflow:hidden;
   padding:8px;
   background-color:#fef4d4;
   }
   
.cpk {
   height:auto; overflow:hidden;
   margin-bottom:15px;
   } 
   
.cptu {
   border:5px solid #e9e9e9;
   border-radius: 5px;
   height:auto; overflow:hidden;
   }
   
.cptu img {
display: block;
height: auto;
max-width: 100%;
width:100%;
   }
   
.cpk p {
   text-align:center;
   height:auto; overflow:hidden;
   line-height:66px;
   font-size:15px;
   margin:0px;
   color:#272727;
   }
   
.cpk:hover .cptu {
   border:5px solid #f9be00;
   }
   
.cpk a section {
    overflow: hidden;
}
section {
    display: block;
}

.cpk:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 500ms ease-in 0ms;
   }   
   
.hangye {
   background-color:#f2f2f2;
   height:auto; overflow:hidden;
   padding:20px;
   padding-top:25px;
   padding-bottom:40px;
   }
   
.hangye h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:30px;
   text-align:center;
   margin-top:0px;
   margin-bottom:55px;
   }
   
.hytit {
   height:auto; overflow:hidden;
   }
   
.hytu {
   border-radius: 5px;
   height:auto; overflow:hidden;
   background-color:#FFFFFF;
   }
   
.hytu p {
   height:52px;
   line-height:52px;
   text-align:center;
   margin:0px;
   font-size:18px;
   }
   
.hynei {
   height:auto; overflow:hidden;
   }
   
.hynei li {
   list-style-type:none;
   margin-right:20px;
   width:235px;
   float:left;
   }
   
   
.guanyu {
   padding:20px;
   padding-top:30px;
   padding-bottom:30px;
   height:auto; overflow:hidden;
   background-color:#FFFFFF;
   line-height:22px;
   }
   
.guanyu h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:30px;
   margin-top:0px;
   margin-bottom:30px;
   }  
   
.abxx a {
  color:#f9be00;
   } 
   
.xwhh {
   padding-top:6px;
   padding-bottom:6px;
   height:auto; overflow:hidden;
   border-bottom:1px dashed #a6a6a6;
   }
   
.xwhh-aa {
   width:16%;
   float:left;
   background-color:#e9e9e9;
   text-align:center;
   }
   
.aa-1 {
   height:auto; overflow:hidden;
   line-height:22px;
   border-bottom:1px solid #707070;
   }
   
.aa-2 {
   height:auto; overflow:hidden;
   line-height:23px;
   }
   
.xwhh-bb {
   width:80%;
   float:right;
   height:auto; overflow:hidden;
   color:#595959;
   line-height:46px;
   }
   
.bottom {
   height:auto; overflow:hidden;
   background-color:#27282d;
   border-radius: 0 0 10px 10px;
   }
      
.bottom-a {
   height:auto; overflow:hidden;
   padding:20px;
   padding-top:30px;
   padding-bottom:30px;
   color:#FFFFFF;
   }
   
.bottom-a a {
   color:#FFFFFF;
   } 
   
.bm-left {
   width:207px;
   float:left;
   } 
   
.bm-middle {
   width:780px;
   float:left;
   margin-left:26px;
   font-size:12px;
   }
   
.bm-right {
   width:110px;
   float:right;
   }
   
.bm-hh {
   height:auto; overflow:hidden;
   line-height:66px;
   margin-bottom:12px;
   font-size:14px;
   }
   
.bottom-b {
    padding-left:20px;
	padding-right:20px;
	height:auto; overflow:hidden;
	line-height:37px;
	color:#797979;
	}
	
.bottom-b a {
   color:#797979;
   }
   
.juyou {
   text-align:right;
   }
   
/* 单页 */
.pro-head {
    height: 80px;
    border-top: 8px solid #f9be00;
    background-color: #f3f3f3;
}

.pro-head h3 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    position: relative;
    top: 9px;
    font-size: 2rem;
    color: #27282d;
    height: 59px;
    line-height: 59px;
    padding-left: 40px;
    font-weight: 600;
    border-top: 1px solid #fefefe;
    border-bottom: 1px solid #fefefe;
	margin:0px;
}

.about-text {
    padding: 25px;
	background-color:#FFFFFF;
	height:auto; overflow:hidden;
}

.about-text h3 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #ecb504;
    font-weight: bold;
    line-height: 32px;
	margin-top:0px;
}


/* 新闻中心 */
.news {
   padding-left:5%;
   padding-right:5%;
   padding-top:10px;
   background-color:#FFFFFF;
   height:auto; overflow:hidden;
   }
   
.news-content {
    width: 100%;
    overflow: hidden;
}


.item-left {
    float: left;
    width: 25%;
    max-width: 72px;
}

.item-left .date {
    position: relative;
    left: 125px;
    width: 100%;
    height: 65px;
    background-color: #868686;
    text-align: center;
}

.item-left .date .year {
    font-size: 2rem;
    line-height: 35px;
    color: #ffffff;
}

.item-left .date .day {
    display: block;
    font-size: 1.7rem;
    color: #ffffff;
}

.item-right {
    float: right;
    width: 75%;
}

.item-right h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	margin-top:0px;
	margin-bottom:15px;
	font-weight:bold;
}

.news-content li {
   list-style-type:none;
   height:auto; overflow:hidden;
   padding-top:20px;
   padding-bottom:20px;
   border-bottom: 1px dashed #a6a6a6;
   }
   

/* 联系 */
   
.lxwm {
    padding: 27px;
    background-color: #ffffff;
}

.lxwm h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 2rem;
   margin-top:5px;
   padding-bottom:5px;
   border-bottom: 1px solid #f3f3f3;
   font-weight:600;
   margin-bottom:5px;
   }
   
.lxwm h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 2rem;
   margin-top:15px;
   padding-bottom:5px;
   border-bottom: 1px solid #f3f3f3;
   font-weight:600;
   margin-bottom:5px;
   }
   
.bdmap {
    width: 500px;
    height: 300px;
    margin: 10px 0;
}

.kk {
   height:40px;
   border:1px solid #999999;
   }
   
.kk2 {
   border:1px solid #999999;
   }
   
   
.pnei h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 2.4rem;
    color: #ffc000;
    line-height: 48px;
    font-weight: 600;
	margin:0px;
}

.prod-img {
   height:auto; overflow:hidden;
   }

.prod-img-left {
   width:340px;
   float:left;
   }
   
.prod-img-right {
   width:340px;
   float:left;
   margin-left:20px;
   }
   
.prod-kk {
   height:230px;
   margin-bottom:10px;
   }

.img1 {
    width: 340px;
}

.img2 {
    width: 340px;
}

.guige {
    margin-top: 20px;
}

.guige h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   }

.guigewenzi {
    width: 170px;
    height: 30px;
    font-size: 2rem;
    text-align: center;
    line-height: 30px;
    background-color: #f7ac00;
    font-weight: 600;
}

.top {
    width: 45px;
    height: 45px;
    background-color: #ffffff;
    position: fixed;
    right: 50px;
    bottom: 65px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s;
}

.top > i {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}


.kwyy {
   width:20%;
   }


@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%;
   }
   
   
.yc {
   display:block;
   }
   
.yd {
   display:none;
   }
   

}