@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:Times New Roman; font-size:62.5%;    background: #c1c0bc;
}
ul,li{ margin:0; padding:0; list-style-type:none; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,*{margin:0;padding:0;}
td{border-collapse:collapse;}
a,a:hover,a:focus,a:active{ text-decoration:none; }
fieldset,img{border:0;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
em,i{font-style:normal;}
input,button,select,textarea{outline:none;}
textarea{resize:none;}

/*----Responsive CSS----*/
#top{ padding:0 15px; line-height:25px; background: #000; color:#fff; position:fixed; border-radius:10px; top:85%; font-size:16px; left:90%; display:none; cursor:pointer;}
@media screen and (min-width:1140px){
	body{min-width:1200px;}
	}
.header{ width:100%; background:#000; color:#fff; overflow:hidden;}
.nav{ width:1200px; display:block; margin:0 auto; overflow:hidden;}
.nav img{   display:block; margin:1.5em 0; border-radius:1em; float:left;background: #000;}
.nav ul{ width:80%; float:right; font-size:2em; padding-top:1.0em; line-height:2.8em; background:#000;}
.nav ul li { width:auto; float:left; display:block; padding:0 1.8em;}
.banner1,.banner1 img { width:100%; }
/* header/banner end*/
.content{ width:1140px; margin:0 auto; overflow:hidden;}
.home-pro{ width:100%; background:#FFCE00; overflow:hidden; display:block;}
.home-pro h2{ font-size:2em; line-height:2.4em; color:#000; margin-left:1em; padding-left:1em; background:url(../images/bg.png) no-repeat; background-position:-30px -580px; float:left; }
.home-pro span{ color:#000; float:right; line-height:3em; margin-right:2em; font-size:1.6em;}
.home-pro span a{ color:#000; width:100%; height:100%; display:block;}
.home-pro span a:hover{ color:#FF0;}
.pro-turn{ width:100%; margin:2em 0;}
.pro-turn ul{ width:100%; overflow:hidden; font-size:1.8em;}
.pro-turn ul li { width:22.8%;  float:left; background:#F8F8F8; margin-right:1.7em;border:1px solid #fff;}
.pro-turn ul li:hover {border:1px solid #FFCE00;}
.pro-turn ul li img{ width:97.5%; display:block; margin:3px;}
.pro-turn ul li a{ width:100%; height:auto; display:block; color:#000;}
.pro-turn ul li a:hover{text-decoration: underline;}
.pro-turn ul li p{ ; line-height:1em; width:80%; margin:1em auto;}
.home-news{ width:58%; display:block; float:left; }
.home-top{ width:100%; border-bottom:solid 1px #EBEBEB;  color:#696969; overflow:hidden;}
.home-top h2{ font-size:2.2em; line-height:2.2em; width:auto; float:left; color:#332c2b;}
.home-top span{ font-size:1.6em; float:right; margin-right:1.5em; line-height:2.6em;}
.home-top span a{ color:#696969; width:100%; height:100%; display:block; }
.home-top span a:hover{color:#FF0;}
.home-news ul{ width:100%; overflow:hidden;}
.home-news ul li { width:100%; padding:25px 0; border-bottom:dashed 1px #fff; overflow:hidden; }
.home-news ul li a{ width:77%; height:100%; display:block; overflow:hidden; float:left; margin-left:1.5em;  color:#000;}
.time{ width:9em; height:9em; display:none; float:left; text-align:center; color:#fff;}
.time span.day{ width:100%; font-size:3.6em; line-height:1.7em; background:#969696; display:block;}
.time span.month{ width:100%; font-size:1.8em; line-height:2.5em; background:#969696; display:block; margin-top:0.1em;}
.home-news ul li a h3{ font-size:2.2em;; line-height:1em; width:100%; }
.home-news ul li a p{ font-size:1.8em; line-height:1.2em; width:100%; }
.home-news ul li a:hover{ color:#FFf;}
.home-case{ width:40%; margin-left:1.5em; float:left; overflow:hidden;}
.h-c-pic{ width:100%; overflow:hidden; margin-bottom:15px;}
.h-c-pic ul{ width:100%; background:#F8F8F8; margin-top:2em; overflow:hidden;}
.h-c-pic ul li{ width:47.3%; display:block; float:left; margin:0.5em;}
.h-c-pic ul li img{ width:100%; display:block;}
.h-c-pic ul li p{ font-size:1.8em; line-height:1em; width:90%; margin:1em auto;}
/* content end*/
.footer{ width:100%; overflow:hidden; background: #FFCE00;
border-top: solid 3px #000;  margin-top:2em;}
.foot{ width:1140px; margin:0 auto;}
.f-1{ width:49%; float:left; margin:1em 0 2em 1em;}
.f-1 h3,.f-2 h3,.f-3 h3{ font-size:2.4em; line-height:2.5em; color:#000;}
.f-1 ul{ width:100%; color:#FF0}
.f-1 ul li { font-size:1.8em; line-height:1.5em; width:100%; display:block; float:left;}
.f-1 ul li a{ color:#000;}
.f-2 ul li a{ color:#000;}
.f-2 ul li a:hover{text-decoration: underline;}
.f-1 ul li a:hover{text-decoration: underline;}
.f-2{ width:36%; float:left; margin:1em 0 0 2em;}
.f-2 ul { width:100%; overflow:hidden; background:url(../images/bg.png) no-repeat; background-position:-30px -20px;}
.f-2 ul li,.f-3 ul li{ width:80%; font-size:1.6em; line-height:2.2em; float:left; padding-left:2.2em;}
.f-3 ul li a{color:#000;}
.f-3 ul li a:hover{text-decoration: underline;}
.f-3{ width:11.8%; float:right; margin:1em 0 0 0;}
.f-3 ul{ width:100%; overflow:hidden; background:url(../images/fu.png) no-repeat; background-position:-4px -20px; }

/*a-style begin*/
.nav ul li a{ color:#fff; width:100%; height:100%; display:block; }
.nav ul li a:hover{ color:#FF0; display:block;}


/*ABOUT US begin*/
#crumbs{ width:98%; font-size:1.6em; color:#5B5B5B; background:#EBEBEB; line-height:2.5em; margin:0.5em 0; padding-left:2%;}
#crumbs a{ color:#000;}
#crumbs a:hover{ color:#FFCE00}
.sidebar,.pro-side{width:20%; display:block; float:left; }
.sidebar-n {width:30%; display:block; float:left; }
.sidebar ul,.sidebar-n dl{ width:100%; display:block; background:#F8F8F8; overflow:hidden;}
.sidebar ul li{ width:100%; display:block; float:left; font-size:2.2em; line-height:2.4em; border-bottom:solid 1px #ccc;  }
.sidebar ul li a{ width:90%; padding-left:2em; height:100%; display:block; color:#696969; }
.sidebar ul li a:hover{ color:#FFCE00; font-size:1.2em;}
.chat,.chat-n{ width:100%; display:block; background:#F8F8F8; margin-top:2em; overflow:hidden; }
.chat h3,.chat-n h3{ font-size:1.8em; line-height:3em; text-align:center;}
.chat span a,.chat-n span a{ font-size:2em; line-height:1.6em; text-align:center; width:7em; background:#FFCE00; color:#000; display:block; border-radius:1em; margin:0 auto;padding:5px 20px;}
.chat span a:hover,.chat-n span a:hover{background:#000;color:#FFCE00; transition-duration:0.3s;}
.chat strong,.chat-n strong{ padding-left:3em; background:url(../images/bg.png) no-repeat; background-position:-20px -403px; font-size:1.4em; line-height:3em; display:block; margin-left:0.5em; color:#000}
.chat p,.chat-n p{ font-size:1.8em; line-height:2em; margin-left:2em;}
.chat p a,.chat-n p a{ color:#000;}
.chat p a:hover,.chat-n p a:hover{text-decoration: underline;}

.sidebar img,.pro-side img,.sidebar-n img{ width:100%; margin:2em 0;}
/* products sidebar begin*/
.sidebar-n dl dt{ width:100%; font-size:2em; background:#FFCE00; line-height:2.5em; display:block;}
.sidebar-n dl dt strong{ margin-left:1em; color:#000;}
.sidebar-n dl dd{ width:100%; color:#5B5B5B; height:100%; display:block; padding:12px 0; border-bottom:dashed 1px #ddd; overflow:hidden;}
.sidebar-n dl dd a{ width:100%; color:#5B5B5B; height:100%; display:block; font-size:1.8em; }
.sidebar-n dl dd a span{ color:#000; margin:0 0.3em 0 0.7em; float:left; line-height:1.2em;}
.sidebar-n dl dd a img{ width:120px; height:80px; float:left; margin:0;}
.sidebar-n dl dd a p{ float:left; width:90%; line-height:1.2em;}
.sidebar-n dl dd a p:hover{text-decoration: underline;}

/*sidebar end*/
.mains{ width:67.8%; margin-left:2em; float:left; background:#F8F8F8;}
.mains-n{width:77.8%; margin-left:2em; float:left; background:#F8F8F8;}
.mains-top{ width:100%; display:block; border-bottom:solid 1px #000; }
.mains-top h1,.mains-top h3{ font-size:2.4em; margin-left:1em; line-height:2em; display:block; color:#000;}
.about,.contact{ width:95%; margin:0 auto; color:#696969; overflow:hidden; margin-top:10px;}
.about p{ width:95%; font-size:1.8em; line-height:1.2em; margin-top:1em;}
.about div{ width:95%; font-size:1.8em; line-height:1.2em; margin-top:1em;}
/*mains-down begin*/
.mains-down{ width:100%; margin:2em 0; overflow:hidden; }
.down-top{ font-size:2em; color:#000; background:#FFCE00; line-height:1.5em; display:block;}
.down-top span{ width: 95%;   display: block;margin: 0 auto;}
.mains-down table{ width:90%; margin:0 auto;}
.down-top table tr{width:100%; }
.mains-down table tr td{ font-size: 1.4em;text-align:right; line-height: 3.5em;}
/*contact style begin*/
.contact h1{ font-size:2.4em; color:#000; line-height:2em; margin:1em auto; display:block; width:60%; }
.contact h1 img{ width:4.6em; height:1.6em; margin:0.25em 0.5em; float:left;}
.contact p{ width:95%; margin:1em auto; font-size:1.8em ;line-height:1.2em; }
.contact ul{width:50%; margin:1em auto; padding-top:0.5em; font-size:1.6em; border-top:dashed 1px #ccc; display:block; float:left; background:url(images/bg.png) no-repeat; background-position:-380px -525px;}
.contact ul li,.contact dl dd { width:90%; line-height:2.3em; display:block; float:right;}
.contact dl {width:50%; margin:1em auto; font-size:1.6em; padding-top:0.5em; border-top:dashed 1px #ccc; display:block; float:left; background:url(images/bg.png) no-repeat; background-position:-380px -670px;}
.contact dl dd a{ color:#000;}
.contact dl dd a:hover{text-decoration: underline;}

/*products style begin*/
.mains-cen{ width:100%; overflow:hidden; padding-bottom:2em;}
.mains-cen ul,.mains-cen ul li,.mains-cen dl{ width:100%; overflow:hidden;}
.mains-cen dl dt{ width:100%; background:#C2D9FF;  color:#FFCE00;}
.mains-cen dl dt strong{ margin-left:1em; font-size:1.6em; line-height:2.5em; background:url(../images/bg.png) no-repeat; background-position:-380px -443px; padding-left:1em;}
.mains-cen dl dt span{ float:right; margin-right:2em; line-height:2.8em; font-size:1.4em;}
.mains-cen dl dt a{ color:#FFCE00;}
.mains-cen dl dt a:hover{ color:#FF0}
.mains-cen dl dd { width:31%; height:auto; display:block; float:left; margin:1em 0.3em 0 1em;}
.mains-cen dl dd img{ width:21em; height:14em; display:block; margin:0 auto;}
.mains-cen dl dd a{ width:100%; height:100%; display:block; color:#5B5B5B;}
.mains-cen dl dd a p{ width:90%; font-size:1.4em; line-height:1.5em; margin:0.5em auto;}
.mains-cen dl dd a:hover{ color:#FFCE00;}
/* products single style begin*/
.pro-cate,.pro-cate ul,.pro-cate dl,.news-page{ width:100%; overflow:hidden; display:block; }
.pro-cate ul li{ width:97%; margin-bottom:1em; display:block; float:left; padding:1.2em; background:#9d9d9d;}
.pro-cate ul li img{ width: 35.6%; display:block; margin-right:1.5em; float:left;}
.pro-cate ul li h2{ width:62%; font-size:2.2em; display:block; float:left; line-height:1.2em; color:#FFCE00;}
.pro-cate ul li h2 a{ width:100%; height:100%; display:block; color:#FFCE00;}
.pro-cate ul li p{ width:62%; font-size:1.8em; display:block; float:left; line-height:1.2em; color:$696969; margin-top:15px;}
.pro-cate ul li span{ font-size:1.8em; width:8em; line-height:1.8em; display:block; background:#FFCE00; color:#fff; border-radius:1em; float:right; text-align:center; margin-right:5em; margin-top:15px; }
.pro-cate ul li span a{ width:100%; height:100%; display:block; color:#000; border-radius:1em; }
.pro-cate ul li span a:hover{ background:#000; transition-duration:0.3s;}

/* news style begin*/
.pro-cate dl dd{ width:97%; display:block; float:left; padding:1.2em; border-bottom:dashed 1px #bbb;}
.pro-cate dl dd a{ width:95%; color:#696969; height:auto; display:block; float:left; margin-left:1.5em;}
.pro-cate dl dd a h3{ font-size:2.2em; line-height:1.2em; width:100%;  }
.pro-cate dl dd a p{ font-size:1.8em; line-height:1.2em; width:100%; margin-top:15px;}
.pro-cate dl dd a h3:hover{text-decoration: underline;}
.pro-cate dl dd a p:hover{text-decoration: underline;}
/* news page style begin*/
.page-title{ width:100%; display:block; background:#C2D9FF; color:#FFCE00; text-align:center; overflow:hidden; margin-bottom:1em;}
.page-title h1{ font-size:2.4em; line-height:1.5em; width:95%; display:block; margin:15px auto; }
.page-title strong{ font-size:1.4em; line-height:2.2em; margin-bottom:1.5em; display:none; }
.news-page p{ width:95%; margin:0.8em auto; font-size:1.8em; line-height:1.2em; }
.news-page dl,.pro-page dl{ width:90%; margin:2em auto 1em auto; overflow:hidden; }
.news-page dl dd,.pro-page dl dd{ font-size:2em; display:block; float:left; line-height:1.5em; width:100%;}
.news-page dl dd a,.pro-page dl dd a{ color:#555;}
.news-page dl dd a:hover,.pro-page dl dd a:hover{color:#FFCE00;}
/* products page begin*/
.pro-page{ width:94%; display:block; overflow:hidden; margin:2em auto; }
.page-top{ width:100%; overflow:hidden; border-bottom:dashed 3px #ccc;  padding-bottom: 15px;}
.page-top img{ width: 45%; float:left; margin-right:1.5em;}
.page-top h1{ font-size:2.4em; line-height:1.2em; width:52%; float:left; color: #363636; margin-bottom:15px;}
.page-top p{ width:52%; font-size:1.8em; line-height:1.2em; display:block; float:left; color:#696969; }
.page-top span{ font-size:1.4em; width:8em; line-height:2em; display:block; background:#000; color:#fff; border-radius:1em; float:right; text-align:center; margin:1em;}
.page-top span a{color:#fff; width:100%; height:100%; display:block; border-radius:1em; }
.page-top span a:hover{ background:#FFCE00; }
.page-con{ width:100%; margin-top:1em; overflow:hidden;}
.page-con h2{  font-size:1.6em; background:#C2D9FF; color:#FFCE00; width:98%; padding-left:1em;line-height:2.2em; }
.page-con p{ width:92%; font-size:1.8em; line-height:1.2em;}

.wp-pagenavi{ width:80%; margin:1em auto; display:block; font-size:1.4em; overflow:hidden;}
.current{ width:2em; line-height:2em; display:block; background:#FFCE00; float:left; border-radius:0.3em; text-align:center; color:#fff; margin:0 1em;}
.page,.first,.last{width:2em; line-height:2em; display:block; background:#ccc; float:left; border-radius:0.3em; text-align:center; margin:0 1em; color:#000;  }
.page:hover,.first:hover,.last:hover{ background:#FFCE00; color:#fff; border-radius:0.3em;}
.extend{ margin:0 1em; display:block; float:left;} 

.wrong img{ display:block; margin:1em auto;}
.wrong span{ width:40%; line-height:40px; font-size:18px; display:block; margin:0 auto;}
#num{ width:15px; line-height:40px; float:left; color:#000;}
.wrong span a{ color:#F00000; font-size:20px;}
.aligncenter { display: block; margin:10px auto; width:90%; height:80%; }
.aligncenter p.wp-caption-text {display: block; margin-left: auto; margin-right: auto; text-align: center;}
/*page next*/
.chatbox{ width:95%; margin:1em auto; display:block; overflow:hidden;}
.chatbox p{ width:100%; overflow:hidden; margin:0.5em auto;}
.chatbox label{ width:15%; display:block; float:left; line-height:2em; text-align:right; font-size:1.8em; }
.chatbox span{ width:15%; display:block; float:left; line-height:2em; text-align:right; font-size:1.8em; }
input.name{ width:81%; padding:0.6em 0.5em; background:#fff; display:block; float:left;  margin-left:8px;}
input.email{ width:31.5%; padding:0.6em 0.5em; background:#fff; display:block; float:left; margin-left:8px;}
.chatbox p img{margin-top:5px;}
.chatbox textarea{ width:81%; padding:0.6em 0.5em; background:#fff; height:4.5em; float:left;margin:0 0 5px 8px;}
#submit{ width:25%; margin:1em auto; font-size:1.6em; text-align:center; line-height:2em;  border-radius:1em; display:block; color:#fff; background:#000; border:none; cursor:pointer; }
#submit:hover{ background:#FFCE00; transition-duration:0.3s;}
.page-con h3,.news-page h3{ width:100%; font-size:1.8em ; line-height:2em; display:block; color:#000; background:#FFCE00;padding-left: 1em;}


.ck-slide ul {margin:0;padding:0;list-style-type:none;}
.ck-slide{	position:relative;	overflow:hidden; width:1903px; height:440px; margin:0 auto;}
.ck-slide ul.ck-slide-wrapper {	position:absolute;	top:0;	left:0;	z-index:1;	margin:0;	padding:0;}
.ck-slide ul.ck-slide-wrapper li {	position:absolute; margin-top:0px;}
.ck-slide ul.ck-slide-wrapper li a{	line-height:0px;	display:block;}
.ck-slide .ck-prev, .ck-slide .ck-next {position:absolute; top:30%; z-index:2; width:80px;	height:200px;	margin-top:-35px;	border-radius:3px;	opacity:.15;	background:red;	text-indent:-9999px;	background-repeat:no-repeat;	transition:opacity .2s linear 0s;}
.ck-slide .ck-prev {	left: 5px;	background:#000 50% no-repeat;}
.ck-slide .ck-next {	right: 5px;	background:#000 50% no-repeat;}
.ck-slidebox {	position:absolute;	left:50%;	bottom:12px;	z-index:30;}
.ck-slidebox ul{	height:20px;	padding:0 4px;	border-radius: 8px;	background:rgba(0,0,0,0.5);}
.ck-slidebox ul li {	float: left;	height: 12px;	margin: 4px 4px;}
.ck-slidebox ul li em {	display: block;	width: 12px;	height: 12px;	border-radius: 100%;	background-color: #fff;	text-indent: -9999px;	cursor: pointer;}
.ck-slidebox ul li.col em {	background-color: #fe6500;}
.ck-slidebox ul li em:hover {	background-color: #fe6500;}

/*--- slider-css --*/
.slider {
    position: relative;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
.callbacks_tabs a:after {
    content: "\f111";
    font-size: 0;
    font-family:Arial,Helvetica,sans-serif;
    visibility: visible;
    display: block;
    height: 10px;
    width: 130px;
    display: inline-block;
    background:#fff;
}
.callbacks_here a:after{
    background:#FF5B61;
}
.callbacks_tabs a{
    visibility:hidden;
}
.callbacks_tabs li{
    display:inline-block;
}
ul.callbacks_tabs.callbacks1_tabs {
    position: absolute;
    bottom: 14px;
    z-index: 999;
    right:9em;
}
.banner{
  display: block;
  z-index: 2;
  text-shadow: none;
  margin: 0;
  max-width: none;
  position: absolute;
  top: 29%;
  left: 16%;
  text-align: center;
  width: 71%;
}
.banner h2{
    margin:0 0 30px;
    color:#fff;
    font-size:8em;
    text-transform:uppercase;
    font-weight:bold;
    font-family:Arial,Helvetica,sans-serif;
}
.banner h2 span {
    font-weight: 400;
}
.box_1  {
  position: relative;
  z-index: 2;
}
.box_1  {
  margin-bottom: -7px;
}
.box_1:before {
  background:#D8CA9D;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 195px;
  left: 0;
  z-index: -1;
  content: '';
}
.box_1 > div {
  background: none;
  padding-top: 49px;
  padding-bottom: 98px;
}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
.box_1:after {
  background: url(../images/box_bottom.png) no-repeat 50% 0%;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 195px;
  z-index: -1;
  content: '';
}
.style_1 {
  background:rgba(5, 5, 5, 0.42);
  position:relative;
}
.style_1-image{
  text-align: center;
}
span.leaf{
  font-size: 9em;
  color: #fff;
  position: absolute;
  top: 39%;
  right: 1%;
  opacity: 0.1;
}
.style_1 h4 {
  margin: 15px 0 0 0;
  color: #262324;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
}
.style_1 {
  background-position: 100% 100%;
  padding: 23px 30px 30px 30px;
}
.style_1 h3{
  text-transform: uppercase;
  font-size: 1.5em;
  margin-bottom: 1em;
  color:#fff;
}
.style_1 p{
  color: #fff;
  font-size: 0.95em;
  line-height: 1.8em;
  margin-bottom: 1em;
}
span.arrow{
    font-size:2em;
    color:#fff;
}


.page-con table {font-size:8px;}



.zz{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.6) ;
	top: 0;
	display: none;
}
.zz_con{
	margin: auto;
	width: 530px;
	    background: #fff;
    padding-bottom: 20px;
    margin-top: 150px;
}
.page-top span.zz_click{
	width: 12em;
}
.clear{
	clear: both;
}
.zz_con .down-top span{
	display: initial;
	padding-left: 10px;
}
@media (max-width: 640px){
        .zz_con{width:100%}
}