@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:#313131;}
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 only screen and (max-width: 768px){
	html{ font-size:24px !important}
	body{ font-size:24px !important}
}
DIV.green-black{ width:100%; padding-top:20px; text-align:center; }
DIV.green-black A{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #fff;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: #ec921a 1px solid;COLOR: #fff;font-size:100%;background-color: #ec921a;}
DIV.green-black A:active{BORDER: 1px solid #ec921a;COLOR: #fff;font-size:100%;background-color: #ec921a;}
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 #ec921a;font-size:100%;background-color: #ec921a;}
DIV.green-black SPAN.disabled{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #ec921a 1px solid;font-size:100%}


.kd{ max-width:1300px; width:88%; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
@media only screen and (max-width: 768px){
.kd{ width:94%;}
}
@font-face{
font-family:'MFDianHei';
font-family: 'MFDianHei';
	src: url('../fonts/MFDianHei.eot?') format('eot');/*IE*/
	src:url('../fonts/MFDianHei.woff') format('woff'), url('../fonts/MFDianHei.ttf') format('truetype');/*non-IE*/
}

/*首页-头部*/
.ix-head{ height:3em; width:100%; background:#303130; border-top:1px solid #868585; border-bottom:1px solid #807f7f; }
.hqie span{ font-size:1em; color:#fff; padding-left:1.875em; display:block; min-width:28px; float:left; margin-right:5px;line-height:3em;}
.hqie a{ display:block; float:left}
.hqie a:nth-child(1){ }
.hqie a:nth-child(2){ background:url(../images/ch.png) left center no-repeat;}
.hqie a:nth-child(3){ background:url(../images/en.png) left center no-repeat;}
.hqie span:nth-child(4){background:url(../images/te.png) left center no-repeat;}
.t-menu{ max-width:334px; width:100%; position:absolute; left:0; z-index:99; background:#fff; padding-bottom:1em;}
.t-menu .coname{border-top:4px solid #9b231c; padding:31px 0 18px; text-align:center;}
.t-menu .coname h6{ font-size:1.875em; color:#98261c; font-weight:bold;}
.t-menu .coname span{ display:block; padding:0; color:#000;}
.d768{ display:none}
@media only screen and (max-width: 768px){
.ix-head{ display:none}
.d768{ display:block}
}
.coul{ text-align:center;}
.coul ul{ margin:10px auto;}
.coul li{ height:30px; line-height:30px; margin:5px 0;}
.coul li a{ display:block; height:1.875em; background:url(../images/imnor.jpg) center no-repeat; color:#000; transition:all 0.3s}
.coul li a:hover,.coul li a.cur{ background:url(../images/imcur.jpg) center no-repeat; color:#fff;}

.main_image {
	width:100%;
	height:648px;
	border-top:1px solid #d7d7d7;
	overflow:hidden;
	margin:0 auto;
	position:relative
}
.main_image ul {
	width:9999px;
	height:422px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0
}
.main_image li {
	float:left;
	width:100%;
	height:648px;
}
.main_image li span {
	display:block;
	width:100%;
	height:648px
}
.main_image li a {
	display:block;
	width:100%;
	height:422px
}
.main_image li .img_1 {
	background: url('../images/banner1.jpg') center top no-repeat
}
.main_image li .img_2 {
	background: url('../images/banner2.jpg') center top no-repeat
}
.main_image li .img_3 {
	background: url('../images/banner3.jpg') center top no-repeat
}

div.flicking_con {
	width:86%;
	margin:0 auto;
	position:relative
}
div.flicking_con .flicking_inner {
	position:absolute;
	top:340px;
	right:10px;
	z-index:999;
	width:11px;
	height:auto;
} /* 121126 */
div.flicking_con a {
	
	width:11px;
	height:11px;
	margin:0;
	padding:0;
	background:url('../images/bs.jpg') center  no-repeat;
	display:block;
	text-indent:-1000px;
	margin:0px 0 20px;
}
div.flicking_con a.on {
	background:url('../images/bq.jpg') center no-repeat;
}
#btn_prev, #btn_next {
	z-index:11111;
	position:absolute;
	display:block;
	width:31px!important;
	height:17px!important;
	top:50%;
	margin-top:-37px;
	display:none;
}
#btn_prev {
	background:url(../images/prev.png) no-repeat center ;
	right:100px;
}
#btn_next {
	background:url(../images/next.png) no-repeat center;
	right:100px;
	top:480px;
}
.mban{ display:none;}
@media only screen and (max-width: 768px){
.main_image { display:none;}
div.flicking_con { display:none}
.mban{ display:block;}
/*图片切换*/
	.device {
  width: 100%;
  height: 760px;
  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: 760px;
  width: 100%;
}
.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;
}
}
.zhu-ying{ height:12.5em; background:#ec921a;}
.zhu-ying li{ width:33.33%; height:auto; padding:2em 0; float:left; text-align:center; background:url(../images/eline.png) left center no-repeat; cursor:pointer; position:relative; transition:all 0.5s; top:0; overflow:hidden;}
.zhu-ying li:nth-child(3){background:url(../images/eline.png) left center no-repeat ,url(../images/eline.png) right center no-repeat;}
.zhu-ying li p{ font-size:1em; color:#fff; margin-top:0.5em;}
.zhu-ying li span{ font-size:0.75em; color:#fff;}
.zhu-ying li em{ display:block; right:10px; bottom:-8px; position:absolute; font-size:2em; color:#989898; font-weight:bold; opacity:0;transition:all 0.5s;}
.zhu-ying li:hover{ top:-19px; background:#303130}
.zhu-ying li:hover em{ opacity:1;}

/*产品中心*/
.in-pro{ padding:3.5em 0;}
.ipimg{ text-align:center;}
.pro-control{}

.ipshow{}
/* PicSlide */
#PicSlide{width:100%;height:543px;overflow:hidden;position:relative; margin-top:33px;}
#PicSlide .img{height:448px;overflow:hidden; float:left; width:50%;}
#PicSlide .img li{display:none;position:absolute;top:0;left:0; border:1px solid #e19c3d; width:49.9%;}
#PicSlide .img li div{ height:70px; width:auto; background:#ec921a; padding:10px;}
#PicSlide .img li div p{ font-size:0.875em; color:#fff; line-height:1.5em; text-indent:1.5em; background:url(../images/dui.jpg) left top no-repeat;}
#PicSlide .title{top:31px;width:100%;position:absolute; z-index:999;}
#PicSlide .shadow{ background:url(../images/kc.png) center no-repeat;height:72px;}
#PicSlide .title .h3{z-index:30;line-height:20px;margin:4px 10px 0 10px;position:absolute;}
#PicSlide .title .h3{ color:#ec921a}
#PicSlide .title .h3 a{ color:#ec921a; font-size:1.125em; border-bottom:1px solid #ec921a; line-height:1.5em;}
#PicSlide .thumb{bottom:0;right:0;overflow:hidden;_zoom:1;height:543px; width:50%; float:right;}
#PicSlide .thumb ul{z-index:20;width:100%;overflow:hidden;_zoom:1;}
#PicSlide .thumb li{width:49%;height:268px;float:left;_display:inline; border:1px solid #dfdfdf; position:relative;}
#PicSlide .thumb li div{ width:97px; height:54px; position:absolute; background:url(../images/ytuo.png) center no-repeat; top:40%; left:32%; transform:scale(0); transition:all 0.5s}
#PicSlide .thumb li img{ width:100%; height:100%;}
#PicSlide .thumb li p{line-height:1em; color:#000; position:absolute; top:10px; left:13px;}
#PicSlide .thumb li p font{ margin:5px 0; background:#000; width:90%; height:1px; display:block;}
#PicSlide .thumb li p em{ font-size:0.75em; color:#000}
#PicSlide .thumb li:hover{ border:1px solid #e19c3d}
#PicSlide .thumb li:hover img{ opacity:0.7}
#PicSlide .thumb li:hover div{ transform:scale(1)}
@media only screen and (max-width: 768px){
.in-pro{ padding:3em 0;}
#PicSlide{ height:auto;}
#PicSlide .img{ width:100%; float:left; height:640px;}
#PicSlide .img li div{ height:170px;}
#PicSlide .img li div p{background:url(../images/dui.jpg) left 10px no-repeat;}
#PicSlide .img li{ width:99.7%;}
#PicSlide .thumb{ width:100%;}
#PicSlide .thumb li{ width:49.7%}
}
/*4大理由标题*/
.da4{ height:6.8125em; background:url(../images/4da.jpg) center no-repeat; text-align:center; padding:2em 0; position:relative;}
.da4 .tiao1{ position:absolute; width:70%; height:16px; background:#ec921a; top:-9px;}
.da4 .tiao2{position:absolute; width:50%; height:16px; background:#ec921a; bottom:-9px; right:0}
.da4 p{ font-size:1.875em; color:#303030; font-family:Arial, Helvetica, sans-serif; font-weight:100}
.da4 h4{ margin:10px 0}
.da4 span{ color:#000;}
@media only screen and (max-width: 768px){
.da4{ height:auto; background-size:cover;}
}
/*4大理由*/
.da5{ height:auto; padding-top:56px;}
.four-ly{ width:50%;}
.four-ly li{ position:relative; margin-bottom:3.125em;}
.four-ly li:nth-child(4){ margin-bottom:0}
.four-ly li p{ min-height:77px; width:100%; font-size:1.875em; color:#000; text-indent:105px;}
.four-ly li .p1{ background:url(../images/y01.jpg) left top no-repeat;}
.four-ly li .p2{ background:url(../images/y02.jpg) left top no-repeat;}
.four-ly li .p3{ background:url(../images/y03.jpg) left top no-repeat;}
.four-ly li .p4{ background:url(../images/y04.jpg) left top no-repeat;}
.four-ly li div{ width:auto; padding-left:105px; margin-top:-10px;}
.four-ly li div span{ background:url(../images/idian.jpg) left 8px no-repeat; display:block; text-indent:1em;font-size:1em; color:#000000; line-height:1.5em;}
.four-ly li div font{ font-size:1em; color:#ec921a}
.four-pic{ width:50%;}
.four-pic img{ width:100%;}
@media only screen and (max-width: 768px){
.four-ly{ width:100%;}
.four-pic{ width:100%; margin-top:30px;}
.four-ly li p{ padding-left:100px; text-indent:0; min-height:100px; width:auto;}
.four-ly li .p1{ background:url(../images/y01.jpg) left 20px no-repeat;}
.four-ly li .p2{ background:url(../images/y02.jpg) left 20px no-repeat;}
.four-ly li .p3{ background:url(../images/y03.jpg) left 20px no-repeat;}
.four-ly li .p4{ background:url(../images/y04.jpg) left 20px no-repeat;}
.four-ly li div span{ line-height:2em;background:url(../images/idian.jpg) left 20px no-repeat;}
.four-ly li div span:nth-child(3){ display:none}
}
/**/
.video{ background:url(../images/video.jpg) center no-repeat; height:705px; position:relative;}
.video .fcolor{ width:518px; height:28px; position:absolute; right:0; top:-14px; background:#ec921a}

/*公司简介*/
.cmpy{ background:url(../images/cpbg.jpg) center no-repeat; height:23.06em; padding:72px 0;}
.jjname{ width:42%; background:url(../images/cmm.jpg) left center no-repeat; position:relative; padding:0 3%; margin-top:20px;}
.jjname h4{ font-size:1.875em; font-family:Arial, Helvetica, sans-serif; font-weight:lighter; color:#000;}
.jjname h4 em{ color:#ec921a; font-size:1em;}
.jjname p{ font-size:1.875em; color:#000;}
.jjname font{ font-size:0.875em; color:#000; display:block; margin:2% 0 6%; line-height:1.5em;}
.jjname li{ float:left; margin-right:12px;}
.jjname li:nth-child(3){ margin-right:0;}
.jjname .allmore{ position:absolute; right:0; top:0;}
@media only screen and (max-width: 768px){
.cmpy{ background:none; padding:32px 0;height:auto;}
.jjname{ width:94%;}
}
/*search*/
.search-bg{ height:148px; background:url(../images/seabg.jpg) center no-repeat; padding:15px 0}
.search-bg .potit h4{ font-size:1.875em; color:#fff;}
.search-bg .potit p{ font-size:1.875em; color:#fff;} 
.search-bg .potit em{ color:#ec921a}

.seach-form{ background:url(../images/sear.png) no-repeat; width:201px; height:31px; line-height:31px; margin:96px 0 0 0;float:right;} 
.seach-txt{ background-color:transparent; border:none; margin-left:5px; margin-bottom:3px; width:155px; height:31px; font-size:0.75em; color:#fff;}
.btn1{ background-color:transparent; border:none; width:30px;cursor:pointer;}
.search-bg .sse{ color:#ffffff; font-size:0.875em; margin-top:5px;}
@media only screen and (max-width: 768px){
	.search-bg{}
.seach-form{ display:none;}
.search-bg .sse{ display:none;}
}
/*新闻资讯*/
.in-news{ padding:46px 0; }
.ntpic{ text-align:center;}
.ncc{ margin-top:16px;}
.ncc .nimg{ width:46%; background:url(../images/og_03.jpg) left bottom no-repeat; padding-left:49px; position:relative;  min-height:401px;}
.ncc .nimg p{ font-size:1em; text-indent:30px; color:#313131;}
.ncc .nimg font{ font-size:1.5em; color:#313131; position:absolute; left:150px; bottom:10px;}
.ncc .nimg .prev{ position:absolute; bottom:0; left:49px;}
.ncc .nimg .next{ position:absolute; bottom:0; left:100px;}

.nlist{ width:48%; margin-top:11px;}
.nlist li{ min-height:103px; background:url(../images/inlbg.jpg) left center no-repeat; padding-left:35px; margin-top:-5px;}
.nlist li p{ padding-top:8px; font-size:1em; color:#000; background:url(../images/rrnor.jpg) right 11px no-repeat; transition:all 0.3s}
.nlist li span{ font-size:0.875em; color:#000; display:block; line-height:1.5em; transition:all 0.3s}
.nlist li:hover p{ color:#ec921a; background:url(../images/rrcur_08.jpg) right 11px no-repeat;}
.nlist li:hover span{ color:#ec921a}
@media only screen and (max-width: 768px){
.ncc .nimg{ width:96%}
.nlist{ width:100%; margin-top:24px; background-size:80% !important}
.ncc .nimg p{ display:none; bottom:0;}
.ncc .nimg{}
.ncc .nimg font{ bottom:-10px;}
}
/*友情链接*/
.frilink{ height:38px; line-height:38px; border-top:1px solid #c2c1c1; border-bottom:1px solid #c2c1c1;}
.ftt{ width:10%;}
.ftt p{ font-size:1em; font-weight:bold; color:#ab2325}
.frd{ height:24px; width:90%; line-height:24px; margin-top:8px;}
.frd a{ display:block; padding:0 10px; float:left;}
@media screen and (max-width:768px){
.frilink{ display:none;}
}
/*foot*/
.foot{ padding:40px 0; border-top:1px solid #c2c1c1}
.flogo{ width:55%;}
.lgo{ max-width:112px;}
.lcn{ background:url(../images/fline.jpg) left center no-repeat; padding-left:20px; width:78%;}
.lcn h5{ font-size:1.5em; color:#313131;}
.lcn h6{ font-size:1.25em; color:#313131;}
.lcn p{ font-size:0.875em; color:#313131;}
.fcon{ width:45%; text-align:right}
.fcon p{ color:#c6c6c6}
.fcon a{ color:#313131; font-size:0.875em;}
.fimg{ margin-top:3.5em;}
.f2{ background:#303130; padding:10px 0; width:100%;}
.f2 p{ font-size:0.875em; color:#fff;}
.f2 p a{ color:#fff;}
.fudong{ display:none}
@media screen and (max-width:768px){
.foot{ padding:20px 0; border-top:1px solid #c2c1c1}
.flogo{ width:100%; float:none !important; margin-top:1em;}
.lcn p{ line-height:1.5em;}
.lcn h6{ display:none;}
.fcon{ width:100%; float:none !important}
.fcon p{ float:left !important;}
.fimg{ display:none;}
.f2 p{ float:none; line-height:1.5em;}
.f2{ margin-bottom:100px;}
.fudong{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#ec921a; 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;}
}

/* 回到顶部 */
 #returnTop {
	_display:none;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:15px;
	bottom:-100px;
	_bottom:auto;
	width:73px;
	height:103px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(../images/top.jpg);
	_background-image:url(../images/top.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}

