@charset "utf-8";
/* CSS Document */

* { padding:0px; margin:0px; font-family:"Microsoft Yahei";}
body {border:0px; padding:0px; margin:0px auto; width:100%; font-family:"Microsoft Yahei";background: #f7f7f7;}
li,img,ul,p,div,h1,h2,a,span { padding:0px; margin:0px; border:0px;}
ul { list-style:none;}
a { text-decoration:none; border:0px; color:#666666;}
*:focus { outline: none; }

/* 导航适应 */
@media screen and (min-width: 1440px) and (max-width: 2560px){	
.nav li { width: 110px; height: 29px; line-height: 29px; text-align: center; text-transform: uppercase; font-size: 14px; float: left; margin:0px 3px; position: relative; font-family:"Microsoft Yahei"; }	
}
/* .man { width:100%; margin:0px auto; padding:0px; border:0px;} */
.gang { width:1200px; margin:0px auto; padding:0px; border:0px; clear:both; display:block; overflow:hidden;}
.clean,.clr { clear:both;}
.fl { float:left;}
.fr { float:right;}

.arrow {margin: 0 0 0 -11px; position: absolute; bottom: 20px; text-align:center; width:100%; z-index:300;}
.services_m { margin:128px auto 0px auto; width:100%; text-align:center; display:block; z-index:999;}
.why_m {margin:77px auto 0px auto; width:100%; margin-top:118px; text-align:center; display:block;}
.new_more {margin:77px auto 0px auto; width:100%; margin-top:118px; text-align:center; display:block;}
.work_m {margin:35px auto 0px auto; width:100%; margin-top:118px; text-align:center; display:block;}


.topbg { width:100%; margin:0px auto; height:75px; opacity: 0.8;background:#000; position:absolute; top:0PX; z-index:100; overflow:hidden;}
.topbg.fixed{background:#e11c1c;position: fixed;top: 0;}
.topbg .gang {width:90%;margin:0px auto;transition:all 1s;}
.topbg .gang .logo{margin:10px 0 0 20px;}
.fixed .gang{ width:96%; margin:0px auto;transition:all 1s;}
.nav { margin:25px 0px 0 0; float: right; transition: margin 400ms; position: relative; left: 0; }
.nav li { width: 94px; height: 29px; line-height: 29px; text-align: center; text-transform: uppercase; font-size: 14px; float: left; margin:0px 3px; position: relative; font-family:"Microsoft Yahei"; }
.nav li a { width: 100%; height: 100%; color: #fff;font-family:"Microsoft Yahei"; cursor:pointer;  }
.nav li:hover{border:3px solid #fff;border-radius:20px;}

/*服务*/
.services {background:url(../images/wp2.jpg) 50% bottom; padding:65px 0px; position:relative; width:100%; margin:0px auto;} 
.services .title { color:#3a3a3a;}
.services h1 { font-family:"Microsoft Yahei"; font-weight:normal; font-size:30px; color:#202020;}
.services h1 span { color:#c0c0c0; font-size:18px; display:block;}
.services_list { padding:86px 0px;}
.services_list li { float:left; width:180px; margin:0px 60px;}
.services_list li a { display:block; background:url(../images/servoces_bg.jpg) no-repeat left top; font-family:"Microsoft Yahei"; color:#000000; font-size:20px; text-align:center;}
.services_list li a img { margin-bottom:15px;}
.services_list li a:hover { background:url(../images/services_onbg.jpg) no-repeat left top; display:block;}
.services_list li a:hover img {animation: xuanzhuan 10s infinite; -webkit-animation: xuanzhuan 10s infinite; }
@-webkit-keyframes 'xuanzhuan' {from {-webkit-transform:perspective(400px) rotateY(0deg);}to {-webkit-transform:perspective(400px) rotateY(360deg);}}
.services_list li a span { display:block; font-size:16px;}

/*why*/
.why{ background:#fff; padding:65px 0px; width:100%; margin:0px auto;}
.why_mid { padding-top:98px;}
.why_mid li { float:left; margin:0px; padding:0px; border:0px;}
.why_mid li.why_border { width:198px;height:158px; vertical-align:middle; text-align:center; border:1px solid #dbdbdb; border-bottom:0px;}
.why_mid li.why_border img,.why_mid li.why_nb img { margin-top:45px;}
.why_mid li.why_nb { width:200px; height:160px; text-align:center;}
.why_bg,.why_bg a{background:#3a3a3a; color:#fff; height:160px; line-height:160px; font-size:24px; display:block;}
.why_bg a:hover { background:#f34627; display:block;}

/*案例*/
.work { padding: 52px 0 100px 0; background: #454444; }
.work .box { width: 1180px; margin: 0 auto; }
.title { width: 100%; margin: 0 0 60px 0; font-size: 48px; color: #fff; font-family: "impact"; }
.title span { padding: 0 50px 0 0; background: url(../images/i1.png) no-repeat right 80%; text-transform:uppercase; font-family:"impact";}
.work .top { overflow: hidden; margin: 0 0 55px 0; }
.work .menu { float: left; }
.work .menu a { height: 25px; line-height: 25px; margin: 0 0 10px 0; text-transform: uppercase; font-size: 16px; color: #6b6b6b; font-family: Helvetica; padding: 0 20px; display: inline-block; border-radius: 15px; border: 2px solid #3a3a3a; font-family:"Microsoft Yahei";}
.work .menu a:hover, .work .menu .cur { border-color: #f34627; color: #f34627;font-family:"Microsoft Yahei"; }
.work .btns { float: right; }
.work .btnLeft { width: 29px; height: 29px; display: inline-block; background: url(../images/btn3.png) no-repeat 0 0; }
.work .btnLeft:hover { background-position: 0 -29px; }
.work .btnRight { width: 29px; height: 29px; margin: 0 0 0 5px; display: inline-block; background: url(../images/btn3.png) no-repeat -29px 0; }
.work .btnRight:hover { background-position: -29px -29px; }
.work .listBox { height: 300px; margin: 0 0 50px 0; overflow: hidden; position: relative; }
.work ul { width: 99999px; position: absolute; left: 0; top: 0; }
.work li { width: 272px; padding: 0 0 5px 0; line-height: 24px;float: left; margin: 0 31px 0 0; transition: border-color 400ms; }
.work li a { display: block; }
.work li .imgBox { height: 220px; overflow: hidden; position: relative; }
.work li .img { width: 100%; height: 100%; }
.work li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: #f34627; position: absolute; left: 0; top: 0; transition: 400ms; }
.work li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.work li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.work li .t { margin: 10px 0 0 0; height: 24px; overflow: hidden; color: #a8a8a8; font-size: 18px; transition: 400ms;  }
.work li .time { color: #a8a8a8; font-size: 14px; transition: 400ms; }
.work li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
.work li:hover .t { color: #e3e3e3; }
.work li:hover .time { color: #e3e3e3; }
.work li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.work li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.work .more { width: 100%; overflow: hidden; text-align: center; }
.work .more a { width: 160px; height: 44px; line-height: 44px; font-size: 18px; color: #fff; background: #f34627; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; font-family:"Microsoft Yahei";}
.work .more a:hover { background: #b2b2b2; }



/*hnew*/
.hnewbg {background: url(../images/hnew_bg.jpg) no-repeat center top;  padding-top:45px;}
.title2 { width: 100%; margin: 0 0 60px 0; font-size: 48px; color: #fff; font-family: "impact"; }
.title2 span { padding: 0 50px 0 0; background: url(../images/i12.png) no-repeat right 80%; text-transform:uppercase; font-family:"impact";}
.hnewbg .gang { padding-bottom:50px;}
.newsPanel{ float: left;margin:1px; height: 240px;overflow: hidden; width:598px;}
.newsPanel .thumb{position: relative;float: left;width: 360px;height: 240px;background-color: #FFFFFF;overflow: hidden;}
.newsPanel .thumb .delayImage{position: absolute;}
.newsPanel .detail{float: left;width: 238px;height: 240px;background-color: #454444;overflow: hidden;}
.newsPanel .detail .date{margin: 20px auto 0 20px;width: 155px;font-size: 12px;color: #5c5c5c;}
.newsPanel .detail .title{margin: 25px auto 0 20px;width: 175px;font-size: 14px;color:#07c2c2; font-family:"Microsoft Yahei";}
.newsPanel .detail .intro{margin: 10px auto 0 20px;width: 175px;font-size: 12px;line-height: 25px;color: #e9e9e9;}
.newsPanel .detail .linkBtn{display: block;margin: 10px auto 0 20px;width: 69px;height: 25px;line-height: 25px;color: #FFFFFF; background-color: #f34627;text-align: center;text-decoration: none;cursor: pointer;}
.newsPanel .detail .linkBtn:hover{color: #f34627;background-color: #FFFFFF;}
.new_more { width: 100%; overflow: hidden; text-align: center; margin-top:47px; }
.new_more a { width: 160px; height: 44px; line-height: 44px; font-size: 18px; color: #fff; background: #3a3a3a; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; font-family:"Microsoft Yahei";}
.new_more a:hover {background: #f34627;}



.copyrightbg { background:#3a3a3a; width:100%; margin:0px auto;} 
.copyrightbg .gang { line-height:30px; font-family:"Microsoft Yahei"; color:#b1b1b1; padding:10px 0px; font-size:14px;}


/*右侧广告*/
#moquu_top,#moquu_wxin,#moquu_wshare,#moquu_wmaps {
	z-index:2;
	width:50px;
	height:50px;
	right:10px;
	position:fixed;
	cursor:pointer;
	_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)))
}

#moquu_wxin {
	top:412px;
	_margin-top:360px
}
#moquu_wxin a {
	background:url(../images/sbtn.png) 0 -0px;
	right:0;
	float:left;
	width:50px;
	height:50px;
	text-indent:-9999px
}
#moquu_wxin a:hover {
	background:url(../images/sbtn.png) -50px -0px
}
#moquu_wshare {
	top:464px;
	_margin-top:412px
}
#moquu_wshare a {
	background:url(../images/sbtn.png) 0 -50px;
	width:50px;
	height:50px;
	right:0;
	float:left;
	text-indent:-9999px
}
#moquu_wshare a:hover {
	background:url(../images/sbtn.png) -50px -50px
}
#moquu_wmaps {
	top:360px;
	_margin-top:464px
}
#moquu_wmaps a {
	background:url(../images/sbtn.png) 0 -150px;
	width:50px;
	height:50px;
	right:0;
	float:left;
	text-indent:-9999px
}
#moquu_wmaps a:hover {
	background:url(../images/sbtn.png) -50px -150px
}
#moquu_top {
	top:516px;
	_margin-top:516px;
	background:url(../images/sbtn.png) 0 -101px;
	width:50px;
	height:50px
}
#moquu_top:hover {
	background:url(../images/sbtn.png) -50px -101px
}
.moquu_wxin,.moquu_wshare {
	position:relative;
	z-index:2
}
.moquu_wxin a:hover .moquu_wxinh,.moquu_wshare a:hover .moquu_wshareh {
	display:block
}
.moquu_wxin .moquu_wxinh {
	position:absolute;
	display:none;
	left:-200px;
	top:-160px;
	width:200px;
	height:264px;
	background:url(../images/weixin.gif) 0 -2px no-repeat
}
.moquu_wshare .moquu_wshareh {
	position:absolute;
	display:none;
	left:-200px;
	top:-160px;
	width:200px;
	height:264px;
	background:url(../images/app.gif) no-repeat
}




/*nei*/
.nmid { width:1200px; position:relative; padding:25px 0px;}  /* padding:75px 0px; */
.nleft,.nleft1 { width:839px; margin-top:45px;}
.nleft h1,.nleft1 h1 { font-family:"Microsoft Yahei"; font-size:30px; line-height:36px; font-weight:normal; border-bottom:1px solid #d3d3d3; height:75px;}
.nleft h1 span,.nleft1 h1 span { font-family:"Microsoft Yahei"; font-size:14px; line-height:20px; display:block; color:#4b4b4b;}
.nleft ul img { width:839px; height: auto;}
.nleft p,.nleft1 p { line-height:26px; font-family:"Microsoft Yahei"; font-size:14px; margin-bottom:15px;}
.nleft li img { width:100%;}
.nleft1 ul img { width:45%; float:left; margin:10px;}


.nright { width:308px;margin-top:45px; position:relative;}
.nright h1{border-bottom:1px solid #d3d3d3; height:75px;}
.cases_link { position:absolute; right:4px; top:25px; height:34px; line-height:34px; width:90px; border-radius:20px; background:#f34627; font-family:"Microsoft Yahei"; font-size:14px; text-align:center; color:#fff; font-weight:normal;}
.fy_tit{ position:absolute; left:0px; top:16px;}
.fy_tit a{ width:36px; height:36px; display:inline-block;zoom:1; *display:inline; background-image:url(../images/fy.png); background-repeat:no-repeat; margin-left:5px;opacity: 0.5;-moz-opacity: 0.5;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
.fy_tit a:hover{opacity:1;-moz-opacity:1;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.fy_tit a.f1{ background-position:0px 0px;}
.fy_tit a.f2{ background-position:-46px 0px;}
.fy_tit a.f3{ background-position:right 0px;}

.cases_content { font-family:"Microsoft Yahei"; font-size:14px; line-height:30px; color:#000000; padding-top:40px;}
.case_list { background:none;}
.case_list li:hover .t,.case_list li:hover .time { color:#f34627;}



/* 案例列表页 */
.work1 { padding: 30px 0; }  /* padding: 92px 0 100px 0; */
.work1 .listBox1 {margin: 0 0 50px 0; position: relative; }
.work1 ul {}
.work1 li { width: 340px;  line-height: 24px;float: left; margin: 0 60px 40px 0; transition: border-color 400ms; }
.work1 li a { display: block; cursor:pointer; }
.work1 li .imgBox { height: 246px; width:316px; overflow: hidden; position: relative; background-image:url(../images/case_bg.png); padding:12px;  }
.work1 li .img { width:316px; height:179px; }
.work1 li .bg { opacity: 0; filter: alpha(opacity=0); width:316px; height:179px; background: #f34627; position: absolute; left: 13px; top: 13px; transition: 400ms; }
.work1 li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 100px; transition: 400ms; }
.work1 li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 100px; transition: 400ms; }
.work1 li .t { margin: 10px 0 0 0; height: 24px; overflow: hidden; color: #6b6b6b; font-size: 18px; transition: 400ms;  }
.work1 li .time { color: #aaa; font-size: 14px; transition: 400ms; }
.work1 li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
.work1 li:hover .t { color: #c40000; }
.work1 li:hover .time { color: #c40000; }
.work1 li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.work1 li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.work1 .more { width: 100%; overflow: hidden; text-align: center; }
.work1 .more a { width: 160px; height: 44px; line-height: 44px; font-size: 18px; color: #fff; background: #f34627; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; font-family:"Microsoft Yahei";}
.work1 .more a:hover { background: #b2b2b2; }





/*后加服务*/
.business .box{position:relative;margin-top:-55px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.business .box .caption{width:100%;text-align:center;-moz-opacity:0;opacity:0;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.business.active .box .caption{-moz-opacity:1;opacity:1;}
.business .box .caption i{display:block;margin:0 auto;margin-bottom:20px;width:320px;height:31px;background:url(../images/words.png) no-repeat 0px -294px;}
.business .box .caption span{font-size:24px;letter-spacing:3px;}
.business .box .items{margin:0 auto;margin-top:60px;}
.business .box .items li{width:200px;height:300px;margin:0 28px;background:url(../images/bg_green.png) no-repeat 0px 400px;overflow:hidden;}
.business .box .items li i{display:block;position:relative;margin:0 auto;margin-top:43px;height:69px;}
.business .box .items li.pc i{width:69px;background:url(../images/words.png) no-repeat -245px -357px; display:block;}
.business .box .items li.mobi i{width:64px;background:url(../images/words.png) no-repeat -416px -291px;}
.business .box .items li.sys i{width:76px;background:url(../images/words.png) no-repeat -415px -362px;}
.business .box .items li.app i{width:74px;background:url(../images/words.png) no-repeat -244px -439px;}
.business .box .items li.host i{width:79px;background:url(../images/words.png) no-repeat -420px -439px;}
.business .box .items li u{display:block;position:absolute;width:156px;height:156px;margin-left:22px;background:url(../images/words.png) no-repeat 0px -363px;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.business .box .items li u.cl{clip:rect(0px,156px,-10px,78px);}
.business.active .box .items li u.cl{clip:rect(0px,156px,156px,78px);}
.business .box .items li u.cr{clip:rect(156px,78px,156px,0px);}
.business.active .box .items li u.cr{clip:rect(0px,78px,156px,0px);}
.business .box .items li strong{display:block;margin-top:70px;font-size:16px;font-weight:normal;text-align:center;}
.business .box .items li p{position:relative;top:200px;color:White;font-family:Arial,"宋体";font-size:12px;line-height:20px;text-align:center;}.business .box .items li:hover{background-position:0px 0px;-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
.business .box .items li:hover i{-webkit-transition:all .5s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s;-ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;transition:all .5s ease-in-out .4s;}
.business .box .items li.pc:hover i{background:url(../images/words.png) no-repeat -168px -357px;}
.business .box .items li.mobi:hover i{background:url(../images/words.png) no-repeat -337px -291px;}
.business .box .items li.sys:hover i{background:url(../images/words.png) no-repeat -327px -362px;}
.business .box .items li.app:hover i{background:url(../images/words.png) no-repeat -164px -439px;}
.business .box .items li.host:hover i{background:url(../images/words.png) no-repeat -335px -439px;}
.business .box .items li:hover u.cl{clip:rect(0px,156px,-10px,78px);}
.business .box .items li:hover u.cr{clip:rect(156px,78px,156px,0px);}
.business .box .items li:hover strong{color:White;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s;}
.business .box .items li:hover p{top:20px;-webkit-transition:all .3s ease-in-out .5s;-moz-transition:all .3s ease-in-out .5s;-ms-transition:all .3s ease-in-out .5s;-o-transition:all .3s ease-in-out .5s;transition:all .3s ease-in-out .5s;}
.business .box label{display:block;margin:0 auto;margin-top:-40px;width:297px;height:21px;background:url(../images/words.png) no-repeat 0px -333px;}


.list-inline li { float:left; padding:0px 5px; width:200px; height:300px; margin:0px 28px;background:url(../images/bg_green.png) no-repeat 0px 400px;}

/*随机数字*/
.floor3{ width:100%;}
/* priorities */
.priorities{ padding-top:60px; width:100%; background-size:cover }
.priorities h2{ font-size:24px; color:#fff; text-transform:uppercase; text-align:center; margin-bottom:35px; font-weight:normal }
.num_wrap{ text-align:center; }
.num_box{ display:inline-block; margin:0 18px; float:left; width:190px;}
.num{ font-family:Impact; color:#FFF; font-size:100px; width:190px; height:190px; line-height:190px; text-align:center; margin-bottom:10px; position:relative; z-index:2 }
.num_li{ position:relative; }
.num_bg{ position:absolute; z-index:1; width:190px; height:190px; border-radius:8px; left:0; top:0; background:#e11c1c;}
.num_li h3{ font-size:16px; color:#333; font-weight:normal }
.num_line{ display:block; position:absolute; top:93px; left:0; z-index:10000; width:100%; height:4px; background-color:#e11c1c;}

/*client*/
.floor4{ height:634px; padding-bottom:110px;}
.client_table{ width:1100px; margin:0 auto;}
.client{ padding:32px 0 4px; color:#333; font-size:14px;}
.client_more{ display:block; background:url(../images/client_more.jpg) no-repeat; width:217px; height:128px;}
a:hover .client_more{ background:url(../images/client_moreho.jpg) no-repeat;}


/*blog*/
.floor6{ width:100%; height:736px; background-color:#e4e4e4;}
.blog{ width:1100px; margin:0 auto;}
.blog_l{ width:340px; height:314px; background-color:#FFF;}
.blog_r{ width:724px; height:314px;}
.blog_sel{ height:40px; line-height:40px; padding-bottom:28px; text-align:center;}
.blog_sel a{ color:#333; font-size:16px; width:auto; padding:0 33px;}
.blog_sel a.blog_on{ color:#d3001e; background:url(../images/blog_cur.jpg) no-repeat bottom; padding-bottom:16px;}
.blog_img{ position:relative; width:340px; height:160px;}
.blog_time{ position:absolute; top:12px; left:22px; width:72px; height:68px; background-color:#c70c1f; z-index:10;}
.blog_time span{ display:block; font-family:Arial; color:#FFF; width:72px; height:34px; line-height:34px; text-align:center;}
.blog_y{ font-size:30px;}
.blog_day{ background-color:#a80011;}
.blog_infor{ padding:16px 12px 0 12px;}
.blog_title a,.blog_Rmore b{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.blog_title a{ color:#d3001e; font-size:16px; font-weight:bold; display:block;}
.blog_intro{ color:#818181; line-height:20px; height:60px; overflow:hidden; padding-top:6px; margin-bottom:6px;}
.blog_wel span{ font-family:Arial; color:#666; padding-left:20px; margin-right:40px;}
.blog_wel1{ background:url(../images/blog_icon1.png) no-repeat left;}
.blog_wel2{ background:url(../images/blog_icon2.png) no-repeat left;}
.blog_list ul{ width:756px;}
.blog_list li{ float:left; margin:0 34px 22px 0; display:inline; background-color:#FFF; position:relative; width:344px; height:90px;}
.blog_list li a{ display:block; width:298px; height:58px; padding:14px 24px 14px 18px; border:2px solid #FFF;}
.blog_list li a span{ display:block; cursor:pointer;}
.blog_Rtime{ width:58px; height:48px; padding-top:10px; background-color:#969393; text-align:center;}
.blog_Rtime em,.blog_Rtime b{ display:block; font-family:Arial; color:#FFF;}
.blog_Rtime b{ font-size:24px;}
.blog_Rtime em{ font-style:normal;}
.blog_Rmore{ width:230px;}
.blog_Rmore b{ color:#333; display:block; width:230px; height:24px;}
.blog_Rmore span{ line-height:18px; height:36px; overflow:hidden;}
.blog_list li a .blog_more{ display:block; position:absolute; bottom:0; right:0; background:url(../images/blog_mbd.jpg) no-repeat; width:12px; height:12px; display:none;}
.blog_list li a:hover{ border:2px solid #d3001e;}
.blog_list li a:hover .blog_more{ display:block;}
.blog_list li a:hover .blog_Rtime{ background-color:#c70c1f;}
.blog_list li a:hover .blog_Rmore b{ color:#c70c1f;}




/*首页服务第二次修改*/
.itt{width:100%;padding:25px 0;text-align: center;}
.itt p.name1{color: #4f4f4f;font-size: 14px;line-height: 22px;margin-bottom: 15px; font-family:"Microsoft Yahei";}
.itt p.name2{color: #666666;font-size: 40px;height: 65px; line-height: 64px; font-family:"Microsoft Yahei";}

.zuo_bg {background-color: #f3f3f3;width: 100%;margin: 0px auto;padding: 60px 0px;height: 550px;background-image: url(../images/services_bg.png);background-repeat: no-repeat;background-position: center top;}
.home_solutions {background-image: url(../images/services_bg.png) ; height: 550px;}
.home_solutions_title {text-align: center;padding-top: 55px;}
.home_solutions_text {color: #222222;font-size: 14px;text-align: center;line-height: 30px;margin-top: 12px;}
.home_solutions_list {width: 1200px;margin: 30px auto;overflow: hidden;}
.home_solutions_list_inner {width: 1400px;}
.home_solutions_list dl {float: left;width: 186px; height:219px;margin:14px;padding: 12px;text-align: center;padding-top: 35px;padding-bottom: 25px;position: relative;z-index: 3; background:#FFF;font-family:"Microsoft Yahei";}
.home_solutions_list dt {z-index: 1;position: relative;margin-left: 23px; background:url(../images/services_picbg.png) no-repeat;}
.home_solutions_list dd.bg {position: absolute;z-index: 0;left: 0;right: 0;bottom: 0;height: 0;width: 100%;transition: all 0.5s;-moz-transition: all 0.5s; /* Firefox 4 */-webkit-transition: all 0.5s; /* Safari and Chrome */-o-transition: all 0.5s; /* Opera */}
.home_solutions_list dd.t {line-height: 30px;height: 30px;margin: 16px 0px;z-index: 1;position: relative;}
.home_solutions_list dd.t a {color: #000000;font-size: 18px;transition-delay: 0.2s;}
.home_solutions_list dd.spec {color: #666666;font-size: 14px;line-height: 24px; margin-top:5px;width: 185px;z-index: 1;position: relative;transition-delay: 0.2s;}
.home_solutions_list dl:hover dt{ background:url(../images/services_onbg.png) no-repeat; width:146px; height:162px;-moz-transition: all 0.5s; /* Firefox 4 */-webkit-transition: all 0.5s; /* Safari and Chrome */-o-transition: all 0.5s; /* Opera */}
.home_solutions_list dl:hover  a {color: #e11c1c;}
.home_solutions_list dl:hover dd.bg {height: 279px;}
.home_solutions_list dl:hover dd.spec {color: #fff;line-height: 24px;margin-top:7px;}
dl.solu_dl dt a{ width:146px; height:129px; display:block; padding-top:40px; font-size:18px; color:#313131; line-height:40px;}
dl.solu_dl dd.bg {background-color: #e11c1c; }
dl.solu_dl dt a p{width:60px; height:55px; overflow:hidden; margin:0px auto; position:relative;}
dl.solu_dl dt a p img{position:absolute; top:0px; left:0px;}
dl.solu_dl:hover dt a p img{ top:-55px;transition: all 0.5s;
-moz-transition: all 0.5s;	/* Firefox 4 */
-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
-o-transition: all 0.5s;	/* Opera */ }




/*首页新闻*/
.hm_baike{ padding:64px 0px 64px 0px; background:url(../images/hnew_bg.png) no-repeat center top; height:650px; display:block; width:100%; margin:0px auto;}
.hm_baike .hm_ztit3{ background:url(../images/wsk_r21_c21_s1.jpg) no-repeat center bottom;}
.hm_baike .hm_ztit3{ padding:10px 0 20px; text-align:center; font-size:15px; line-height:30px;}
.hm_baike .hm_ztit3 span{ display:block; padding-right:10px; font-size:40px; font-family:"Microsoft Yahei"; height:56px; line-height:56px;}
.hm_baike .hm_abut{ text-align:center; padding:30px 0 35px; font-size:14px; font-family:"Microsoft Yahei";}

.hm_baike .hm_abut{ text-align:center; padding:30px 0 35px; font-size:14px; font-family:"Microsoft Yahei";}
.hm_baike .hm_abut a{ display:inline-block;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; height:34px; line-height:34px; padding:0 30px; background:#e7e7e8; margin:0 10px; font-size:16px; color:#2c2c2c;}
.hm_baike .hm_abut a.a_one,.hm_baike .hm_abut a:hover{ background:#f60; color:#fff;}
.hm_baike .hm_abut a.current{background:#f60; color:#fff;}

.hm_baike dl{ float:left; width:500px; padding:15px 25px; height:70px;}
.hm_baike dl dt{ float:left; width:60px; height:60px; padding:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; color:#666; background:#f2f2f2; text-align:center; line-height:30px; font-family:"Microsoft Yahei";}
.hm_baike dl.hm_bkdl dt{background:#ff6600; color:#fff;}
.hm_baike dl dt i{ display:block; font-size:20px;}
.hm_baike dl dt span{ display:block;}
.hm_baike dl dd{ float:left; color:#888; width:415px; padding:0 0 0 15px; line-height:20px; font-family:"Microsoft Yahei"; font-size:12px;}
.hm_baike dl dd a{ font-size:16px; display:block; height:26px;color:#2c2c2c; line-height:26px;}
.hm_baike dl dd a:hover { color:#f14702;}
.hm_baike dl dd p {font-family:"Microsoft Yahei"; font-size:14px;}


.services_bg { background:#f6f6f6; padding:40px 0px;}
.kefu_logo ul{ width:1200px; margin:0 auto; }
.kefu_logo li{border:1px solid #f5f5f5;float:left; height:140px;width:238px; overflow:hidden; text-align:center; background:#FFF;}
.kefu_logo li img{ width:150px; height:128px; margin-top:6px;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.kefu_logo li img:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; transform: scale(1.4,1.4);
-ms-transform: scale(1.2,1.2);	/* IE 9 */
-webkit-transform: scale(1.2,1.2);	/* Safari 和 Chrome */
-o-transform: scale(1.2,1.2);	/* Opera */
-moz-transform: scale(1.2,1.2);	/* Firefox */
transition: all 1s;
-moz-transition: all 1s;	/* Firefox 4 */
-webkit-transition: all 1s;	/* Safari 和 Chrome */
-o-transition: all 1s;	/* Opera */

}
.i-client { margin:0px auto; padding:45px 0px; width:400px; display:block;}
.i-client a{
	display: inline-block;
	padding: 0 18px 0 28px;
	border-radius: 20px;
	background: #505050;
	margin: 0 12px;
	font-size: 16px;
	line-height: 40px;
	color: #e5e5e5;
}
.i-client a:hover,
.i-client a.cur{
	background: #f14702;
	color: #fff;
}


//底部样式
.bot_box{
    background:#202020;
    width:100%;
    max-width:1920px;
    margin:0 auto;
    height:300px;
    padding-top:1px;
	font-family:"Microsoft Yahei";
}
.bot_main{
    width:1200px;
    margin:0 auto;
    height:300px;
}
.bot_link{
    width:347px;
    height:197px;
    background:url("../images/bot_linbox.png") center center no-repeat;
    margin-top:40px;
    padding-top:20px;
    float:left;
    margin-left:50px;
	text-align:left;
}
.bot_link p{
    width:300px;
    margin-left:15px;
    color:#8B8A8A;
    margin-top:12px;
    font-size:14px;
}
.bot_link p:last-child{
    font-size:26px;
}
.footer{
    width:100%;
    height:50px;
    text-align:center;
    color:#8B8A8A;
    background:#191919;
    line-height:50px;
    font-size:14px;
	font-family:"Microsoft Yahei";
}
.footer a{color:#8B8A8A;}

.bot_ewm{
    width:150px;
    text-align:center;
    color:#8B8A8A;
    font-size:14px;
    line-height:30px;
    float:left;
    margin-left:130px;
    margin-top:50px;
}
.bot_ewm img{
    margin:0 auto;
}

.bot_navi_box{
    float:left;
    margin-left:130px;
    width:310px;
    height:205px;
    margin-top:50px;
}
.bot_navi{
    width:100%;
    border-bottom:1px solid #4D4C4C;
    padding-bottom:15px;
}
.bot_navi ul li{
    display:block;
    width:50%;
    float:left;
    height:30px;
    line-height:30px;
    font-size:14px;
    text-indent:10px;
}
.bot_navi ul li a{
    color:#8B8A8A;
}
.bot_navi ul li:hover a{
    color:#333;
}
.list_midea{
    margin-top:10px;
    margin-left:5px;
}
.list_midea ul li{
    float:left;
    margin-right:10px;
}