@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#666;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#666;}
a:hover{ color:#C00;}
input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.contxt{ background:#e3e1da; border:1px solid #CCC; padding:5px;}
.btn{ padding:5px 10px; border:1px solid #CCC; background:#0074e1; color:#fff; font-family:"微软雅黑";}
body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;font-family:Arial;background:#FFF; overflow-x:hidden}
@media screen and (max-width:768px){
	html{ font-size:26px !important}
body{ font-size:26px !important; width:100%;}
}
DIV.green-black{ width:100%; padding-top:10px; text-align:right; }
DIV.green-black A{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #2a2a2a;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #ddd 1px solid;TEXT-DECORATION: none;font-size:100%;background-color: #ddd;}
DIV.green-black A:hover{BORDER: #660606 1px solid;COLOR: #fff;font-size:100%;background-color: #660606;}
DIV.green-black A:active{BORDER: 1px solid #660606;COLOR: #fff;font-size:100%;background-color: #660606;}
DIV.green-black SPAN.current{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;FONT-WEIGHT: bold;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: 1px solid #660606;font-size:100%;background-color: #660606;}
DIV.green-black SPAN.disabled{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #660606 1px solid;font-size:100%}

@font-face{

font-family:'CASTELAR';
font-family:'CASTELAR';
	src:url('../fonts/CASTELAR.eot?') format('eot');/*IE*/
	src:url('../fonts/CASTELAR.TTF') format('truetype');/*non-IE*/

}
@font-face{

font-family:'SourceHanSerifCN';
font-family:'SourceHanSerifCN';
	src:url('../fonts/SourceHanSerifCN.eot?') format('eot');/*IE*/
	src:url('../fonts/SourceHanSerifCN.TTF') format('truetype');/*non-IE*/

}

.kd{ width:90%; margin:0 auto; max-width:1300px;}
.fl{ float:left;}
.fr{ float:right;}
@media screen and (max-width:768px){
	.kd{ width:94%}
}
.head{ background:rgba(0,0,0,0.9); border-bottom:1px solid #a19f98; height:93px; position:fixed; width:100%; z-index:999;}
.logo{ position:absolute; left:2%; top:2px;}
.menu{ position:absolute; right:20%; top:0; width:50%;}
.tell{ position:absolute; right:0; top:0; background:#600908; min-height:73px; padding:20px 10px 0; border-left:1px solid #b28d87}
.tell p{ color:#fff; font-size:0.875rem;}
.tell span{ font-size:18px; color:#fff; font-weight:bold;margin-top: -10px;}

@media screen and (max-width:1366px){
.menu{ position:absolute; right:22%; top:0; width:50%;}

.logo{ width:25%; top:5px;}
.logo img{ max-width:100%;}
.tell{ padding:20px 5px 0;}
}
@media screen and (max-width:768px){
.logo{ width:auto; top:1px;}
.tell{ display:none}
.menu{ position:absolute; right:0%; top:0; width:50%;}
}
/*导航样式*/
.mobile-inner-nav{ z-index:99; display:block; position:relative;}
.mobile-inner-nav li{ float:left; position:relative; width:14.28%; text-align:center; background:url(../images/x1.jpg) right center no-repeat; }
.mobile-inner-nav li:last-child{ background:none;}
.mobile-inner-header .np{ display:none; position:absolute;}
.mobile-inner-nav a{ display:block; color:#fff; margin:0; font-size:1rem; text-align:center;transition:all 0.5s; }
.mobile-inner-nav a p{ color:#fff; font-size:0.875em; transition:all 0.5s; padding:37px 0;display:inline-block;}
.mobile-inner-nav a:hover ,.mobile-inner-nav a.cur{}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ color:#ffd200}
@media screen and (max-width:1366px){
.mobile-inner-nav a{padding:0 1rem; font-size:0.875rem;}
}
@media screen and (max-width:1024px){
.mobile{width: 100%; position:absolute; }
.mobile-inner-nav li{ margin-top:0;}
.mobile-inner-nav li .erj{ display:none;}
.mobile-inner-nav a{ margin:0;}

.mobile-inner-nav a p{ color:#fff; font-size:1em; line-height:30px;transition:all 0.5s; padding:0px 18px;}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ border-bottom:none}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header .np{ display:block; color:#fff; right:85px; top:30px; width:70px;}
.mobile-inner-header{width: 100%;height:5em; position: absolute;top: 0px;left: 0px; }
.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:30px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; margin-right:20px; }
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 20px) / 2);width:70%;height:0.2rem;background-color:#fff; border-radius:5px;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.2rem;
    background-color: #fff;
    position: absolute;
    left: 25%;
    bottom: 0.9em;
    display: block;
	border-radius:5px;
}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:3.6em;left: 0px;padding-bottom:3rem;display: none;	z-index:99999;}
.mobile-inner-nav li{ width:100%; float:none;}
.mobile-inner-nav a{display:inline-block;line-height:1rem;text-decoration: none;width:100%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem; text-align:center; border-radius:0px}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal; font-size:1.25rem; padding:1em 0}

@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}
}

/*banner*/
.banner{}
.fullSlide{width:100%;position:relative;height:800px;background:#000; border-bottom:6px solid #660606}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important; }
.fullSlide .bd li{width:100% !important;height:800px;overflow:hidden;text-align:center; }
.fullSlide .bd li a{display:block;height:800px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:3px;overflow:hidden;background:#fff;filter:alpha(opacity=100);opacity:1;line-height:999px; border-radius:10px;}
.fullSlide .hd ul .on{  width:15px; background:#ff0600}

@media screen and (max-width:768px){
.fullSlide{ display:none;}
}
.mban{ display:none;}
@media all and (max-width: 768px) {
.mban{ display:block;}
/*图片切换*/
	.device {
  width: 760px;
  height: 700px;
  margin: 0px auto 0 auto;
  position: relative;
}
.device .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.device .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.swiper-container {
  height: 700px;
  width: 760px;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:20px;
  width: 100%;
  z-index:111;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-slide  img{ width:100%}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
}

/*3大支持*/
.you3{ background:url(../images/shibg.jpg) center no-repeat; min-height:261px; border-bottom:1px solid #d5d7d8;border-top:1px solid #d5d7d8; padding-top:39px;}
.you3 li{ width:33.33%; float:left;}
.you3 li .yimg{ position:relative; width:100%; text-align:center;}
.you3 li .yimg .yc{ position:absolute; left:138px;opacity:0; transition:all 0.5s;}
.you3 li:hover .yimg .yc{ opacity:1;}
.you3 li .ycon{ position:relative; text-align:center; margin-top:16px;}
.you3 li .ycon p{ font-size:1rem; color:#515151; transition:all 0.5s; opacity:1;}
.you3 li .ycon span{ width:100%; position:absolute; top:0; left:0px; opacity:0; transition:all 0.5s; line-height:1rem;}
.you3 li:hover .ycon p{ opacity:0;}
.you3 li:hover .ycon span{opacity:1;}

.xia{ position:absolute; bottom:-55px; left:45%;}
@media screen and (max-width:768px){
.you3 li .yimg .yc{ display:none}
.you3 li .ycon{ display:none}
.xia{ position:absolute; bottom:-55px; left:42%;}
}
/*产品中心*/
.in-pro{ padding:63px 0;}
.p-tit{ text-align:center;}
.p-tit p{font-family:'CASTELAR'; font-size:1.875rem; color:#3a3a3a}
.p-tit h4{ background:url(../images/xian.png) center no-repeat; font-size:1.375rem; color:#3a3a3a}
.p-ui{ margin:44px auto; width:90%;}
.p-ui li{ float:left; width:14%; border:1px solid #a7a7a7; text-align:center; margin-right:2.8%;}
.p-ui li:nth-child(6){ margin-right:0;}
.p-ui li { display:block;  font-size:0.875rem;}
.p-ui li a{padding:8px 0; display:block; transition:all 0.5s;font-size:1rem ; background:#dddddd;}
.p-ui li a:hover{ color:#fff; background:#660606}
.p-ui li a.cur{ color:#fff; background:#660606}
.pr-list li{ width:32.33%; float:left; margin-right:1.5%; margin-bottom:56px;}
.pr-list li:nth-child(3){ margin-right:0;}
.pr-list li:nth-child(6){ margin-right:0;}
.pr-list li .pimg1{ width:100%; position:relative;  overflow:hidden; padding-bottom:19.8%; margin-right:3%;}
.pr-list .pimg1 .adiv{ border:5px solid #eeeeee; box-sizing:border-box; overflow:hidden;}
.pr-list .pimg1 .adiv img{ max-width:100%; width:auto; transition:all 0.8s}
.pr-list .pimg1:hover img{ transform:scale(1.1);}
.pr-list .pimg1 .phei{ background:#000 url(../images/guang.png) top center no-repeat; padding:24px 0; text-align:center; transition:all 0.8s;  overflow:hidden; bottom:-50px; position:absolute; width:100%;}
.pr-list .pimg1 .phei p{ text-align:center; background:url(../images/hui1.png) center no-repeat; color:#fff}
.pr-list .pimg1 .phei span{ font-size:0.875rem; color:#fff; display:block; margin:10px 0;}
.pr-list .pimg1 .phei em{ border:1px solid #fff;  padding:2px 8px; color:#fff;}
.pr-list .pimg1:hover .phei{ background:#660606 url(../images/guang.png) top center no-repeat; bottom:0; }
@media screen and (min-width:1680px){
.pr-list .pimg1{padding-bottom:6.4%;}
}
@media screen and (max-width:768px){
.p-ui{width:100%;}
.p-ui li{ width:30.33%; margin-right:2.5%; margin-bottom:20px;}
.pr-list li{ width:48%; float:left; margin:0 1%; margin-bottom:56px;}
.pr-list .pimg1 .phei{ bottom:-65px;}
}
.fenge{ width:100%; text-align:center;}

/*产品优势*/
.in-ys{ background:url(../images/ysbg.jpg) repeat; padding:64px 0; width:100%;}
.ys-tit{ text-align:center; background:url(../images/ek_02.jpg) center 80px no-repeat; margin-bottom:87px;}
.ys-tit span{ font-size:4rem; color:#353535;font-family:'CASTELAR'; opacity:0.12;}
.ys-tit h4{ position:relative; margin-top:-40px; font-size:1.875rem; font-weight:lighter; color:#1a1a1a;}
.ys-tit p{ font-size:0.875rem; color:#848484; margin-top:14px;}

.ys1{ background:url(../images/ys1.jpg) center no-repeat; height:338px; margin-bottom:71px}
.ys1 .y01{ width:50%}
.ys1 .yshu{ margin-top:41px;}
.ys1 .yshu .zi{ margin-left:10px;}
.ys1 .yshu .zi span{ font-size:0.875rem; color:#353535; text-transform:uppercase;}
.ys1 .yshu .zi p{ color:#353535; font-family:'SourceHanSerifCN'; font-weight:bold; font-size:1.5rem; margin-top:5px;}
.ys1 .ylie{ margin-top:55px;}
.ys1 .ylie img{ margin-bottom:-3px; }
.ys1 .ylie p{ font-size:0.875rem; color:#353535; line-height:3em;}
@media screen and (max-width:768px){
.ys-tit span{ font-size:3.5rem; color:#353535;font-family:'CASTELAR'; opacity:0.12;}
.ys1{ background:url(../images/ys1.jpg) right bottom  no-repeat; height:808px;margin-bottom:50px;}
.ys1 .y01{ width:100%}
}

.ys2{ background:url(../images/ys2.jpg) center no-repeat; height:338px;margin-bottom:71px}
.ys2 .y02{ width:40%}
.ys2 .yshu{ margin-top:41px;}
.ys2 .yshu .zi{ margin-left:10px;}
.ys2 .yshu .zi span{ font-size:0.875rem; color:#353535; text-transform:uppercase;}
.ys2 .yshu .zi p{ color:#353535; font-family:'SourceHanSerifCN'; font-weight:bold; font-size:1.5rem; margin-top:5px;}
.ys2 .ylie{ margin-top:55px;}
.ys2 .ylie img{ margin-bottom:-3px; }
.ys2 .ylie p{ font-size:0.875rem; color:#353535; line-height:3em;}
.ybg3{ background:url(../images/ys3.jpg) center no-repeat;}
.ybg4{ background:url(../images/ys4.jpg) center no-repeat; margin-bottom:0;}
@media screen and (max-width:768px){
.ys2{ background:url(../images/ys2.jpg) left bottom no-repeat; height:728px; margin-bottom:50px;}
.ys2 .y02{ width:100%}
.ybg3{ background:url(../images/ys3.jpg) right bottom no-repeat;}
.ybg4{ background:url(../images/ys4.jpg) left bottom no-repeat; margin-bottom:0;}
}
/*定制流程*/
.in-di{ background:url(../images/liubg.jpg) center top no-repeat; padding:79px 0; overflow-y:hidden}
.in-di .l-tit{ text-align:center; margin-bottom:35px; }
.in-di .l-tit span{ font-size:1.875rem; color:#5c5c5c;font-family:'CASTELAR';}
.in-di .l-tit h4{ background:url(../images/xian.png) center no-repeat; color:#5c5c5c; font-size:1.375rem; font-weight:lighter}
.in-di .l-hui{ background:url(../images/lhui.png) center 90px no-repeat; width:100%;}
.in-di .l-hui li{ float:left; width:14.28%; text-align:center}
.in-di .l-hui li span{ text-transform:uppercase; color:#7e7e7e; font-size:0.875rem; display:block;}
.in-di .l-hui li p{ font-size:1rem; color:#2e2e2e;transition:all 0.8s}
.in-di .l-hui li:nth-child(1) span{ margin-top:40px;}
.in-di .l-hui li:nth-child(3) span{ margin-top:40px;}
.in-di .l-hui li:nth-child(5) span{ margin-top:40px;}
.in-di .l-hui li:nth-child(7) span{ margin-top:40px;}

.in-di .l-hui li .t1{ margin-top:90px;}
.in-di .l-hui li .t2{margin-top:80px;}
.in-di .l-hui li .t3{ margin-top:80px;}
.in-di .l-hui li .t4{margin-top:30px;}
.in-di .l-hui li .t5{ margin-top:80px;}
.in-di .l-hui li .t6{margin-top:80px;}
.in-di .l-hui li .t7{ margin-top:88px;}
.in-di .l-hui li:hover p{ color:#660606}
.in-di .l-hui li img{-webkit-filter: grayscale(60%);
    -moz-filter: grayscale(60%);
    -ms-filter: grayscale(60%);
    -o-filter: grayscale(60%);
    
    filter: grayscale(60%);
	
    filter: gray; transition:all 0.8s}
.in-di .l-hui li:hover img{-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    
    filter: grayscale(0);
	
    filter: gray;}
@media screen and (max-width:768px){
.in-di{ display:none}
}
/*推荐产品*/
.in-hot{ background:url(../images/tpbg.jpg) center top no-repeat; padding:86px 0 50px; background-size:cover;}
.in-hot .h-tit{ text-align:center; margin-bottom:35px; }
.in-hot .h-tit span{ font-size:1.875rem; color:#5c5c5c;font-family:'CASTELAR';}
.in-hot .h-tit h4{ background:url(../images/xian.png) center no-repeat; color:#5c5c5c; font-size:1.375rem; font-weight:lighter}
.hot-s { position:relative;}
.hot-s span{-webkit-filter: grayscale(60%);
    -moz-filter: grayscale(60%);
    -ms-filter: grayscale(60%);
    -o-filter: grayscale(60%);
    
    filter: grayscale(60%);
	
    filter: gray;}
.hot-s span:hover{
-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    
    filter: grayscale(0);
	
    filter: gray;
}
.hot-s .prev{ position:absolute; left:-55px; top:40%; z-index:11;}
.hot-s .next{ position:absolute; right:-60px; top:40%; z-index:11;}
.hot-s li{ width:25%; border:1px solid #dfdfdf;  overflow:hidden; position:relative;}
.hot-s li a{ display:block;}
.hot-s li img{ max-width:100%; width:100%; transform:scale(1); transition:all 0.8s}
.hot-s li:hover img{ transform:scale(1.1); transition:all 0.8s;}
.hot-s li .pming{ position:absolute; width:90%; padding:5% 5%; bottom:0; background:url(../images/mm1.png) 90% center no-repeat rgba(95,0,0,0.8); bottom:-63px; transition:all 0.8s;}
.hot-s li .pming p{ color:#fff;}
.hot-s li:hover .pming{ bottom:0; transition:all 0.8s;}
@media screen and (max-width:768px){
.hot-s { position:relative; width:692px; overflow-x:hidden;}
.hot-s .prev{ left:0; }
.hot-s .next{ right:0;}
.hot-s li{ width:50%; border:1px solid #dfdfdf;  overflow:hidden; position:relative;}
}

/*公司简介*/
.in-ab{ background:url(../images/abbg.jpg) center top no-repeat; padding:145px 0; background-size:cover;}
.a-tit{ padding:40px 55px; background:#fff; position:relative;}
.a-tit a{ display:block; color:#660606; border:1px solid #bfbfbf; width:118px; height:30px; line-height:30px; text-align:center; float:right;}
.afu{ width:225px; height:85px; position:absolute; left:0; bottom:0; background:#660606; padding:40px 30px}
.afu span{font-family:'CASTELAR'; font-size:1.5rem; color:#fff;}
.afu p{ font-size:1.25rem; color:#fff}
.afu hr{ color:#fff; border:none; height:1px; width:48px; background:#fff; margin:10px 0;}
.acos{ width:100%; position:relative}
.acos .iapic{ width:85.5%; position:relative;}
.acos .iapic img{ width:100%;}
.iapic .iajj{ position:absolute; background:rgba(0,0,0,0.85); padding:3% 5%; width:90%; bottom:0; left:0;}
.iapic .iajj p{ font-size:0.875rem; color:#fff;}
.iapic .iajj a{ color:#fff;}
.ialan{ width:14.5%; background:#2f1515; position:relative; right:0;}
.ialan li{ width:100%; text-align:center; float:right; background:#660606; margin-bottom:1px; padding:34.5px 0; transition:all 0.5s;}
.ialan li a{ display:block;}
.ialan li p{ color:#fff; font-size:0.875rem;}
.ialan li span{ color:#fff; font-size:0.75rem}
.ialan li:hover{ padding:34.5px 20px; box-shadow:0 0 -5px -5px rgba(0,0,0,0.2)}
@media screen and (max-width: 768px){
.a-tit a{ width:140px; height:48px; line-height:48px;}
.acos .iapic{ width:100%; position:relative;}
.ialan{ width:100%;}
.ialan li{ width:25%;}
.ialan li:hover{padding:34.5px 0;}
.ialan li:hover p{ color:#ffd200; font-size:0.875rem;}
.ialan li:hover span{ color:#ffd200; font-size:0.75rem}
}
/*数*/
.shuju{ padding:18px 0; background:#eeeeee}
.shuju li{ float:left; width:16.667%; text-align:center; border-right:1px dotted #a0a0a0; box-sizing:border-box;}
.shuju li:nth-child(6){ border:none}
.shuju li h6{ font-size:2.5rem; color:#292929; position:relative}
.shuju li h6 span{ font-size:0.875rem; position:absolute; top:0;}
.shuju li p{ color:#292929; font-size:0.875rem; margin-top:12px;}
@media screen and (max-width: 768px){
.shuju li{ width:33.33%; margin-top:20px;}
.shuju li h6{ font-size:2rem; color:#292929; position:relative}
.shuju li .km1{ font-size:1.5rem;}
.shuju li:nth-child(3){ border:none}
}

/*工程案例*/
.in-ca{ background:url(../images/cabg.jpg) center no-repeat; padding:0 0 68px;}
.in-ca .c-tit{ text-align:center; margin-bottom:85px; border-top:3px solid #660606; padding-top:68px}
.in-ca .c-tit span{ font-size:1.875rem; color:#5c5c5c;font-family:'CASTELAR';}
.in-ca .c-tit h4{ background:url(../images/xian.png) center no-repeat; color:#5c5c5c; font-size:1.375rem; font-weight:lighter}
.csorl{ position:relative;}
.csorl .cul li{ float:left; width:19.8%; margin-right:5px; position:relative; overflow:hidden;}
.csorl .cul li a{ display:block;}
.csorl .cul li img{ width:100%; transform:scale(1); transition:all 0.5s}
.csorl .cul li .czi{ background:url(../images/fd.png) 88% center no-repeat rgba(238,238,238,0.8); position:absolute; padding:12px 10px; bottom:-42px; width:100%; transition:all 0.5s}
.csorl .cul li .czi p{ font-size:0.875rem; color:#1b1b1b}
.csorl .cul li:hover .czi{ bottom:0;}
.csorl .css{width:100%;position:absolute;z-index:1;bottom:-50px;left:0;height:30px;line-height:30px;}
.csorl .css ul{text-align:center;}
.css ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:11px;height:11px;margin:3px;overflow:hidden;filter:alpha(opacity=100);opacity:1;line-height:999px; border-radius:10px; border:1px solid #c5c5c5}
.css ul .on{  width:11px; background:#660606}
@media screen and (max-width: 768px){
.cul{ max-width:760px; overflow-x:hidden}
.csorl .cul li{ float:left; width:100%; margin-right:5px; position:relative; overflow:hidden;}
.csorl .cul li .czi{ bottom:-54px;}
}

/*新闻资讯*/
.in-news{ background:url(../images/nnbg.jpg) center no-repeat; width:100%; min-height:419px; padding:83px 0}
.in-news .npic{ width:41.3%;}
.in-news .npic img{ width:100%}
.in-news .ntab{ width:52%;}
#tab3{position:relative; margin:0 0 55px 0;}
#tab3 .tabList3{   white-space:nowrap; }
#tab3 .tabList3 ul{ width:auto; border-bottom:1px solid #b2b2b2; padding:0 0 10px;}
#tab3 .tabList3 ul li{ float:right; width:90px; height:33px; font-size:1rem; color:#717171; line-height:33px; text-align:center; border-radius:5px; margin-right:10px; transition:all 0.5s}
#tab3 .tabList3 ul li:hover{ color:#fff; background:#660606}
#tab3 .tabList3 ul li.cur{color:#fff; background:#660606}
#tab3 .tabCon3{   width:100%; position:relative;  border-radius:5px}
#tab3 .tabCon3 *{}
#tab3 .tabCon3>div{ display:none;}
#tab3 .tabCon3>div.cur{display:block;}
.tabCon3 dl{ width:auto; border-bottom:1px solid #d3d3d3; padding:22px;}
.tabCon3 dl dt{ width:100%;}
.tabCon3 dl dt p{ color:#4c4c4c; font-size:1rem; font-weight:bold;}
.tabCon3 dl dd{ width:100%;}
.tabCon3 dl dd span{ display:block;  margin:16px 0 16px;}
.tabCon3 dl .idate span{ font-size:0.875rem; color:#818181; display:block; float:left;  margin-right:20px;}
.tabCon3 dl .idate .s1{ background:url(../images/dian.png) left center no-repeat;padding-left:10px;}
.tabCon3 dl .idate .s2{ background:url(../images/see.png) left center no-repeat;padding-left:24px;}
.tabCon3 ul{ margin-top:20px;}
.tabCon3 ul li{ display:block; line-height:40px; background:url(../images/dd1.jpg) left center no-repeat; padding-left:1rem;}
.tabCon3 ul li span{ float:left; color:#636363}
.tabCon3 ul li em{ float:right; color:#636363}
@media screen and (max-width: 768px){
.in-news{ background:url(../images/nnbg.jpg) center no-repeat; background-size:cover}
.in-news .npic{ width:100%;}
.in-news .ntab{ width:100%; margin-top:20px;}
#tab3 .tabList3 ul li{ width:120px; height:48px; line-height:48px; }
.tabCon3 dl dd span{ display:none}
.tabCon3 dl dd em{ margin-top:30px;}
.tabCon3 ul li{ display:block; line-height:60px; background:url(../images/dd1.jpg) left center no-repeat; padding-left:1rem;}
.sss{ display:none}
}

/*友情链接*/
.frid{ background:#fff; height:50px; width:100%;position:relative; margin-top:-50px; }

.fri{ width:100%;  padding:19px 0; background:#6c0101; overflow:hidden; position:relative; z-index:22;}
.ftxt{ width:15%; position:absolute; z-index:2; left:0; bottom:0;}
.ftxt img{ max-width:100%}
.fkx{ width:85%;}
#ScrollMe{ margin-top:14px; height:25px; overflow:hidden; line-height:25px}
#ScrollMe a{ color:#444444;  padding:0 10px; font-size:0.875rem; border-right:1px solid #898888}
@media screen and (max-width: 768px){
.frid{ display:none}
}

/*foot*/
.foot{ padding:42px 0; background:#1b1b1b;}
.fname p{ font-family:'SourceHanSerifCN'; font-size:1.5rem; color:#fff;}
.fname span{ font-size:0.75rem; color:#fff; text-transform:uppercase;}
.ftell p{ float:left; font-size:0.875rem; color:#fff; margin-top:8px;}
.ftell span{ font-size:1.375rem; color:#fff;font-family:'SourceHanSerifCN'; display:block; float:left;}
.fmenu{ width:60%; margin-top:42px;}
.fmenu li{ background:url(../images/x1.jpg) right center no-repeat; float:left; width:14.28%; text-align:center;}
.fmenu li a{ color:#fff; font-size:0.875rem;}
.fwx{ margin-right:5%;}
.fwx p{ float:left; margin:0 0 0 10px; padding:1px; border:1px solid #ddd; background:#000}
/*版权信息*/
.fbq{ background:#1b1b1b; padding:16px 0; border-top:1px solid #535353}
.fbq p{ font-size:0.75rem; color:#fff;}
.fbq a{color:#fff;}
@media screen and (max-width:768px){
.fname{ width:100%; float:none;}
.ftell{ width:100%; float:none}
.fmenu{ display:none}
.fbq{ margin-bottom:100px;}
.fbq p{ float:none; line-height:1.5em;}
.fwx{ margin-top:-80px;}
.fwx p{ float:none; margin-bottom:10px;}
}




.fudong{ display:none}
@media screen and (max-width:768px){

.fudong{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#660606; z-index:99999}
.fudong li{ width:24.8%; text-align:center; height:80px; margin:10px 0; border-right:1px solid #fff; float:left;}
.fudong li p{ color:#fff;}
}

.youce{width:54px; float:right; position:fixed; right:-3px; bottom:60px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px; z-index:10000;}
.youce ul li{margin-bottom:3px; width:41px; background:#000;}
.youce ul li:hover{background:#600908;}
.youce ul li a{display:block; width:41px; height:41px;}
.youce ul li a.yc1{background:url("../images/yc_01.png")/*yc_01.png*/ no-repeat center;}
.youce ul li a.yc2{background:url("../images/yc_02.png")/*yc_02.png*/ no-repeat center;}
.youce ul li a.yc3{background:url("../images/yc_03.png")/*yc_03.png*/ no-repeat center; width:41px; height:41px; position:relative;}
.youce ul li a.yc3 .wx_box{width:123px; padding-right:9px; display:none; cursor:default; position:absolute; bottom:0px; right:40px;}
.youce ul li a.yc3 .yc_weixin{background:#fff; padding:12px 11px 0px 11px; border:1px solid #d6d6d6;}
.youce ul li a.yc3 .yc_weixin span{display:block; line-height:30px; color:#333; text-align:center;}
.youce ul li a.yc5{background:url("../images/yc_03.png")/*yc_03.png*/ no-repeat center; width:41px; height:41px; position:relative;}
.youce ul li a.yc5 .wx_box{width:123px; padding-right:9px; display:none; cursor:default; position:absolute; bottom:0px; right:40px;}
.youce ul li a.yc5 .yc_weixin{background:#fff; padding:12px 11px 0px 11px; border:1px solid #d6d6d6;}
.youce ul li a.yc5 .yc_weixin span{display:block; line-height:30px; color:#333; text-align:center;}

.youce ul li a.yc3:hover .wx_box{display:inline;}
.youce ul li a.yc5:hover .wx_box{display:inline;}

.cbbfixed {position: fixed;right: 10px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn {width: 41px;height: 40px;display: block;background-color: #000;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(../images/yc_04.png);}
.cbbfixed .gotop:hover {background-color:#600908;}
@media screen and (max-width:768px){
.youce{ display:none}
}