@charset "gb2312";
/* CSS Document */

.banner {
	width: 100%;
	height: 500px;
	min-width: 1150px;
	position: relative;
}
#slides {
  display: block;
  height: 500px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
#slides li {
  display: block;
  height: 360px;
  margin: 0;
  padding: 0;
  width: 100%;
}
#slides li a {
  display: block;
  height: 100%;
  text-indent: -9999px;
  width: 100%;
}
#pagination {
  display: block;
  left: 54%;
  margin: 0;
  padding: 5px 15px 5px 0;
  position: absolute;
  /*top: 325px;*/
  z-index: 1;
}
#pagination li {
  background: url(../images/icon.png) no-repeat -324px 0;
  display: block;
  float: left;
  height: 11px;
  line-height: 11px;
  margin-left: 15px;
  width: 11px;
}
#pagination li.current {
	background-position: -342px 0;
}
#pagination li a {
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  width: 100%;
}

.product {
	margin: 35px auto;
	_margin: 5px auto;
}
.title_div {
	width: 100%;
	height: 35px;
	line-height: 35px;
	position: relative;
}
/*.title_div .line {
	height: 1px;
	width: 100%;
	position: absolute;
	background: #eaedef;
	top: 17px;
}*/
.title_div h1 {
	width: 125px;
	margin: 0 auto;
	font-size: 24px;
	padding: 0 20px;
	color: #565656;
	height: 35px;
	background: #fff;
	position: relative;
	font-weight: normal;
}
.title_div h1 span {
	color: #00aaee;
}


.news {
	width: 1100px;
	height: 25px;
	line-height: 25px;
	padding:20px;
	margin:0px auto;
	overflow: hidden;
	position: relative;
}
.news_title { line-height: 18px; font-weight: bold; font-size: 14px; color: #565656; width: 110px; margin-right: 10px; display: inline;}
.news_title i {
	width: 24px;
	height: 25px;
	margin-right: 10px;
	background: url(../images/icon.png) no-repeat 0 -55px;
}
.news_title i,.news_title span { float: left;}
.news ul {
	width: 500px;
}
.news ul li {
	width: 424px;
	margin: 0 70px 0 0px;
	_margin: 0 50px 0 0px;
	float: left;
}
.news ul li a { float: left;}
.news ul li span { float: right; color: #888;}

.pro_con {
	
	width:1200px;
	
}
.pro_con ul li {
	float: left;
	width:375px;
	margin-right: 16px;
}
.pro_con ul li .yxt-tit {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 8px;
}
.pro_con ul li .yxt-tit i {
	float: left;
	width: 38px;
	height: 38px;
	float: left;
	margin-right: 10px;
	display: inline;
	background: url(../images/icon.png) no-repeat;
}
.pro_con ul li .yxt-tit i.i1 {
	background-position: 0 -86px;
}
.pro_con ul li .yxt-tit i.i2 {
	width: 67px;
	background-position: -62px -86px;
}
.pro_con ul li .yxt-tit i.i3 {
	width: 50px;
	background-position: -147px -86px;
}
.pro_con ul li .yxt-tit i.i4 {
	width: 35px;
	background-position: -230px -86px;
}
.pro_con ul li .yxt-tit h3 {
	color: #565656;
	font-size: 18px;
	float: left;
}
.pro_con ul li .yxt-tit u {
	height: 15px;
	float: left;
	margin-left: 10px;
	margin-top: 15px;
	background: url(../images/icon.png) no-repeat;
}
.pro_con ul li .yxt-tit u.u1 {
	width: 95px;
	background-position: 0 -139px;
}
.pro_con ul li .yxt-tit u.u2 {
	width: 111px;
	background-position: 0 -167px;
}
.pro_con ul li .yxt-tit u.u3 {
	width: 107px;
	background-position: 0 -195px;
}
.pro_con ul li .yxt-tit u.u4 {
	width: 121px;
	background-position: 0 -223px;
}
.pro_con ul li p {
	color: #888;
	line-height: 22px;
	padding-bottom: 20px;
}
.pro_con ul li a {
	width: 77px;
	height: 32px;
	line-height: 32px;
	color: #00aaee;
	display: block;
	text-align: center;
	float:right;
	background: url(../images/icon.png) no-repeat 0 -279px;
}
.pro_con ul li a:hover {
	background-position: 0 -311px;
}

.title_div h1.zixun {
	width: 100px;
	background: #f5f5f5;
}
#news {
	margin: 15px auto;
}
#news ul{
    width: 1300px;
    }
#news ul li {
  background: rgba(0, 0, 0, 0) url("../upload/icon.png") no-repeat scroll 10px -238px;
  border-bottom: 1px dotted #ddd;
  float: left;
  height: 40px;
  line-height: 40px;
  margin: 0 55px 0 0;
  padding-left: 25px;
  width: 510px;
}
#news ul li a {
  float: left;
}
#news ul li span {
  float: right;
  color: #999;
}

.hb_title {
	width: 100%;
	height: 45px;
	background: url(../images/line1.jpg) repeat-x left bottom;
}
.hb_title .line2 {
	border-left:6px solid #1bb8b6;
    height: 14px;
	line-height: 25px;
    padding: 0 10px 10px;
	float: left;
	position: relative;
}
.hb_title .line2 h3 {
  color: #565656;
  display: inline;
  font-size: 18px;
  
}
.more_box {
  font-family: "ËÎÌå";
  position: absolute;
  right: -50px;
  top: 0px;
}
.more_box em {
  color: #999;
  font-size: 12px;
  font-style: normal;
  margin: 0 5px;
}
.more_box a.more {
  color: #888;
  font-size: 12px;
}
.more_box a.more:hover {
	color: #00aaee;
}
.huoban {
	width: 1150px;
	margin: 0 auto;
}
.huoban .huoban_img {
	width: 1150px;
}
.huoban table {
	width: 1150px;
}
.huoban td img{
	width: 130px;
	text-align: center;
	height: 80px;
	margin-right: 20px;
}




.bg .wrapper {
    overflow: hidden;
}
.bg {
  margin: 35px auto;
  padding: 20px 0;
  width: 100%;
}
.scrollDiv
{

	line-height: 18px; 
	 font-size: 14px; 
	
}

	/*index_news*/
.news_index_bg{overflow: hidden; width:100%;margin:0 auto;background:#f5f4f4;}
.news_index_bg2{ overflow: hidden;width:1280px;margin: 0 auto;}
.news_index_title{padding:20px 0 20px 0;text-align:center}
.news_index_title h2{font:700 30px/1 "΢ÈíÑźÚ";color:#c50c15}
.news_index_title b{font:18px/40px "΢ÈíÑźÚ";color:#7b7b7b}
.news_index_title p{font:14px/42px "΢ÈíÑźÚ";color:#7b7b7b}


	
	/*PRODUCTS*/
.dm-blue{color:#38f}
.dm-main{width:1280px;margin:0 auto}
.oh{overflow:hidden}
.services{background:#FFF}
.dm-title{padding:0px 0 30px 0;text-align:center}
.dm-title h2{font:700 30px/1 "΢ÈíÑźÚ";color:#c50c15}
.dm-title b{font:18px/40px "΢ÈíÑźÚ";color:#7b7b7b}
.dm-title p{font:14px/42px "΢ÈíÑźÚ";color:#7b7b7b}


.services .services-c ul{width:1272px}
.services .services-c li{text-align:center;width:264px;height:394px;overflow:hidden;float:left;margin-right:48px;position:relative}
.services dt{padding-bottom:20px}
.services .img{width:143px;height:143px;margin:0 auto;background:url(../images/icon-service.png) no-repeat;transition:background-position-y 1s cubic-bezier(.32,1.01,.91,1.06);-moz-transition:background-position-y 1s cubic-bezier(.32,1.01,.91,1.06);-webkit-transition:background-position-y 1s cubic-bezier(.32,1.01,.91,1.06)}
.services .l1 .img{background-position:0 0}
.services .l2 .img{background-position:-143px 0}
.services .l3 .img{background-position:-286px 0}
.services .l4 .img{background-position:-429px 0}
.services dd h3{font:700 18px/30px "΢ÈíÑźÚ";color:#2a2a2a}
.services dd b{font:16px/40px "΢ÈíÑźÚ";color:#7b7b7b}
.services dd button{border:1px solid #7b7b7b;display:inline-block;width:114px;height:25px;text-align:center;background:#FFF;margin-top:30px;cursor:pointer}
.application-w{background:#ffffff;width:1280px;}
.application{height:670px;padding-top:20px}
.application .sHoverItem{float:left;width:314px;height:314px;margin-right:6px;margin-bottom:6px;float:left;cursor:pointer;position:relative}
.application .sHoverItem:hover .sIntro{height:314px;padding-top:50px}
.sIntro{box-sizing:border-box;transition:height .8s,padding-top .8s;-webkit-transition:height .8s,padding-top .8s}
.application .sHoverItem a{display:inline-block}
.application .sHoverItem img{width:314px;height:314px;}
.application .ul{width:1280px}
.application .sIntro{background-color:rgba(16,16,16,.8);text-align:center;opacity:.8;height:66px;position:absolute;width:100%;bottom:0}

/*case_index*/
.application_case {padding-top:20px;height:auto;}
.application_case .sHoverItem{float:left;width:405px;height:252px;margin-right:50px;margin-bottom:80px;float:center;cursor:pointer;position:relative}
.application_case .sHoverItem:hover .sIntro{height:252px;padding-top:50px}
.application_case .sIntro{box-sizing:border-box;transition:height .8s,padding-top .8s;-webkit-transition:height .8s,padding-top .8s}
.application_case .sHoverItem a{display:inline-block}
.application_case .sHoverItem img{;width:405px;height:252px;}
.application_case .ul{width:1500px}
.application_case .sIntro{background-color:rgba(16,16,16,.8);text-align:center;opacity:.8;height:70px;position:absolute;width:100%;bottom:0}



@media (max-width: 767px) {
.application_case {padding-top:20px;height:auto;}
.application_case .sHoverItem{width:100%;height:auto;margin-bottom:30px;margin-right: 0px;}
.application_case .sHoverItem:hover .sIntro{height:auto;padding-top:50px}
.application_case .sIntro{box-sizing:border-box;transition:height .8s,padding-top .8s;-webkit-transition:height .8s,padding-top .8s}
.application_case .sHoverItem a{display:inline-block}
.application_case .sHoverItem img{;width:100%;height:auto;}
.application_case .ul{width:100%;padding-left:4%;padding-right:4%;}
.application_case .sIntro{background-color:rgba(16,16,16,.8);text-align:center;opacity:.8;height:70px;position:absolute;width:100%;bottom:0}
  
}

.sIntro h2{font:16px/40px "΢ÈíÑźÚ";color:#FFF}
.sIntro p{font:14px/20px "΢ÈíÑźÚ";color:#969696}
.sIntro .item-link{color:#fff;margin-top:90px;display:inline-block}

/*case_index*/
.caseShow_index{background:#fff;height:auto;}
.caseShow_index .brand-logo ul{width:1280px;margin:0 auto}
.caseShow_index .brand-logo li{text-align:center;width:300px;height:198px;overflow:hidden;float:left;margin-right:20px;margin-bottom:20px;position:relative}
.caseShow_index .brand-logo li img{display:inline-block;vertical-align:top;border:none;width:300px;height:198px}
.caseShow_index .hd{text-align:center}
.caseShow_index .hd li{width:30px;height:5px;display:inline-block;background:#999;border-radius:5px;margin:0 5px;cursor:pointer}
.caseShow_index .hd li.on{background:#38f}

/*case*/
.caseShow{background:#fff;}
.caseShow .brand-logo ul{width:1280px;margin:0 auto}
.caseShow .brand-logo li{text-align:center;width:280px;height:180px;overflow:hidden;float:left;margin-right:40px;margin-bottom:20px;position:relative}
.caseShow .brand-logo li img{display:inline-block;vertical-align:top;border:none;width:280px;height:180px}
.caseShow .hd{text-align:center}
.caseShow .hd li{width:30px;height:5px;display:inline-block;background:#999;border-radius:5px;margin:0 5px;cursor:pointer}
.caseShow .hd li.on{background:#38f}

/*contact*/
.contact{width:100%;background:url(../images/contact-bg.jpg) center;height:670px}
.contact .contact-title{padding:60px 0 40px 0;text-align:center}
.contact .contact-title h2{font:40px/2 "΢ÈíÑźÚ";color:#FFF}
.contact .contact-title p{font:18px/1 "΢ÈíÑźÚ";color:#7e7e7e}
.contact .contact-title a{display:inline-block;width:130px;height:32px;border:1px solid #FFF;border-radius:15px;color:#FFF;font:18px/30px "΢ÈíÑźÚ";margin-top:50px}
.contact .contact-title a:hover{color:#38f;background-color:#fff}
.contact ul{margin-left:90px;width:1290px;margin-top:50px}
.contact ul .item{width:600px;float:left;margin-bottom:30px}
.contact ul .item span{width:45px;height:30px;float:left;background:url(../images/icons.png) no-repeat;margin-left:10px}
.contact ul .item p{color:#FFF;font:16px/30px "΢ÈíÑźÚ"}
.contact ul .item1 span{background-position:0 0}
.contact ul .item2 span{background-position:-42px 0}
.contact ul .item3 span{background-position:-80px 0}
.contact ul .item4 span{background-position:-123px 0}
.contact ul .item5 span{background-position:-165px 0}
.contact ul .item6 span{background-position:-215px 0}
.item5 b{float:left;color:#FFF;font:16px/30px "΢ÈíÑźÚ";margin-left:54px}
.item6 b{float:left;color:#FFF;font:16px/30px "΢ÈíÑźÚ";margin-left:54px}

.container,.container-layout{margin:0 auto;padding:0 10px 200px;}
@media (min-width:760px){.container{width:760px;}}
@media (min-width:1000px){.container{width:1000px;}}
@media (min-width:1200px){.container{width:1200px;}}

/*Ê×Ò³8¸öͼ±ê*/
.doc-tb1xun{ margin:20px 0 30px 0; padding:0px;}
.doc-tb1xun li{ width:12.5%; float:left; text-align:center; line-height:30px;}
.doc-tb1xun li img{ margin:0 auto;}

.img-responsive{display:block;max-width:100%;height:auto;}

a.more{display:block;margin:0 auto;width:220px;height:44px;background:#434343;border-radius:10px;color:#fff;font-size:18px;line-height:44px;text-align:center;cursor:pointer;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
a.more:hover{opacity:0.8;color:#ebfcae;}

.tip{margin:0 auto 40px auto;font:14px/42px "΢ÈíÑźÚ";color:#7b7b7b;text-align:center;line-height:24px;}
.tip i.nline{display:block;}
.tip1{margin-top:20px;margin-bottom:20px;}
.tip1 a{display: inline;padding:8px;}
.tip1 font{display: inline;padding:8px; background: #CC0001;color: #FFF;}
.tip1 span{display: inline;padding:8px; }
.tip1 a:hover{display: inline;padding:8px; background: #CC0001;color: #FFF;}
.clear_b{display:block;height:10px;font-size:0;overflow:hidden;width:100%;clear:both}


/*product neiye*/
.homeBox{width:100%;}
.homeBox .homeBlock{width:100%; padding:120px 0;}
.homeBox .homeBlock .homeBlockin{margin:0 auto;width:1200px;}
.homeBox .homeBlock h1{text-align:center; font-size:36px; line-height:36px; margin-bottom:22px; color:#434343; font-weight:normal;}
.homeBox .homeBlock h2{margin:12px 0 19px 0;font-size:18px;color:#313131;text-align:center;font-weight:500;}
.homeBox .homeBlock p.tip{margin:0 auto 96px auto;font-size:16px;color:#707070;text-align:center;line-height:24px;}
.homeBox .homeBlock p.tip i.nline{display:block;}
.homeBox .homeBlock3 p.tip1{margin-top:42px;margin-bottom:48px;}
.homeBox .homeBlock h3{font-size:24px;color:#313131;font-weight:normal;line-height:24px;}


.homeProducts{width:100%;overflow:hidden;}
.homeProducts li{float:left;margin:0 53px 52px 0;position:relative;width:260px;height:260px;overflow:hidden;border-radius:10px;}
.homeProducts li:nth-child(4n){margin-right:0px;}
.homeProducts li .img{width:100%; display:block; border-radius:10px;}
.homeProducts li .text{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7);opacity:0;text-align:center;color:#fff; transition:all 0.5s ease;border-radius:10px;}
.homeProducts li .text h6{font-weight:normal;margin-top:46px; margin-bottom:13px; font-size:36px;line-height:36px;opacity:0;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;transition:all 0.8s ease;transform:translateX(-50px);}
.homeProducts li .text p{margin:9px 0 23px 0;font-size:14px;line-height:20px;opacity:0;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;transition:all 0.8s ease;transform:translateX(-50px);}
.homeProducts li .text .more{margin-top:0;width:164px;font-size:16px;opacity:0;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;transition:all 0.8s ease;transform:translateX(-50px); background:#fff; color:#434343;}
.homeProducts li:hover .text{opacity:1;}
.homeProducts li:hover .text h6{opacity:1; transform:translateX(0);}
.homeProducts li:hover .text p{opacity:1;transform:translateX(0);}
.homeProducts li:hover .text .more{opacity:1;transform:translateX(0);}

.content-index .case{
    width:1150px;
    min-width:1150px;
    margin:0 auto;
    margin:90px auto 10px;
}

.case .cases-type{
     border-bottom: 1px solid #C6C6C6;
     padding-bottom: 60px;
     margin-right: 10px;
    
}

 .case .cases-type li{
    width:110px;
    height:30px;
    line-height:30px;
    display:inline-block;
    color:#555;
    text-align:center;
    vertical-align:middle;

    float: left;
    margin-right: 2px;
}
 .case .cases-type li a{width: 100%; height: 30px; line-height: 30px; display: block; background: #efefef;}

 .case .cases-type li a:hover{background: #E6002D; color: #fff; }