@charset "utf-8";
/*

*/

/*Reset*/
*{ padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0;  font-weight:normal;font-size:100%;}
fieldset,img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
button, input, select, textarea { font:12px/1.5 tahoma, arial, \5b8b\4f53; }
a {color:#666;text-decoration:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }
a:hover {color:#e51b2b;}
a:active {color:#e51b2b;}
.hidden{ display:none}
i{ font-style:normal}
/*html,body{-webkit-text-size-adjust:none;}*/
html{ overflow-x:hidden}
table { border-collapse:collapse;  border-spacing:0;}
.clearfix:before,.clearfix:after{content:'.'; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0; width:0; height:0;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:12px;color:#666; height:100%; }  
.wrap{ width:1200px; margin:0 auto;}

.top{ background:#222; display:block; width:100%; height:30px;}
.share{ float:right;}

.top_1{ float:right; line-height:30px; font-size:13px; padding-left:24px; color:#e51b2b; background:url(../images/top_1.png) 0 center no-repeat; padding-right:27px;}
.top_2{ float:right; line-height:30px; font-size:13px; padding-left:24px; color:#e51b2b; background:url(../images/top_22.png) 0 center no-repeat; padding-right:45px;}

.head{ width:100%; background:#333333; height:90px;}
.logo{ float:left;}
.logo img{ float:left;}
.nav{ float:right;}
.navlist li{ float:left;}
.navlist li a{ display:block;line-height:20px;font-size:14px; padding:25px 19px 0 19px; height:65px; }
.navlist li .p1{ color:#a6a6a6}
.navlist li .p2{ color:#606060; font-family:Arial, Helvetica, sans-serif}
.navlist li.hover a,.navlist li a:hover{ background:#e51b2b;}
.navlist li.hover .p1,.navlist li.hover .p2,.navlist li a:hover .p1,.navlist li a:hover .p2{ color:#fff}

.ban{ float:left; width:100%;}
.ban img{ display:block;}

.index1{ width:1200px; margin:0 auto;}

.title{ float:left; width:100%; text-align:center; color:#333; font-family:Arial, Helvetica, sans-serif; line-height:30px; font-size:30px;text-transform:uppercase; padding-top:50px;}
.title_text{ float:left; width:100%; text-align:center; color:#a8a8a8; font-size:16px; padding-top:10px;}

.index1con{ float:left; width:100%; margin-top:40px; padding-bottom:50px;}
.index1con_1{ float:left; width:325px;}
.index1con_2{ padding-left:83px;}
.index1con_3{ float:right}

.index1con_1 .h2bg1{ font-size:18px; padding-left:30px; color:#333; background:url(../images/ico_1.jpg) 0 7px no-repeat; line-height:30px; margin-bottom:14px; }
.index1con_1 .h2bg2{ font-size:18px; padding-left:30px; color:#333; background:url(../images/ico_2.jpg) 0 6px no-repeat; line-height:30px; margin-bottom:14px; }
.index1con_1 .h2bg3{ font-size:18px; padding-left:30px; color:#333; background:url(../images/ico_3.jpg) 0 10px no-repeat; line-height:30px; margin-bottom:14px; }


.index1con_1 .p1{ line-height:18px; color:#848484; font-size:13px; margin-bottom:10px;}
.index1con_1 .p2{ line-height:18px; color:#848484; font-size:13px; line-height:14px; font-family:Arial, Helvetica, sans-serif;}
.index1con_1 .p3{ margin-top:40px;}

.indexban{ float:left; width:100%; background:url(../images/ban222.jpg) center 0 no-repeat; height:200px; overflow:hidden;}

.index2{ float:left; width:100%; background:#f8f8f8; padding-bottom:60px;}
.title2{ float:left; width:100%; text-align:center; color:#666; line-height24px; font-size:24px;text-transform:uppercase; padding-top:55px;}
.title2_text{ float:left; width:100%; text-align:center; color:#a8a8a8; font-size:13px; padding-top:10px;}
.index2box{ float:left; width:100%; margin-top:50px;}

.index2box ul { overflow: hidden; }
.index2box li { width: 270px; height: 400px; margin: 0 30px 0 0; overflow: hidden; text-align: center; float: left; border: 1px solid #f8f8f8; position: relative; transition: 400ms; }
.index2box .t1 { width: 100%; height: 140px; padding: 210px 0 0 0; font-size: 14px; color: #9b9797; font-family: Helvetica; text-transform: uppercase; position: absolute; left: 0; top: 0; transition: 400ms; }
.index2box .t1 .p1 { margin: 0 0 5px 0; font-size: 18px; color: #3a3a3a; font-family: "微软雅黑"; }
.index2box .t2 { width: 100%; padding: 25px 0 0 0; height: 153px; line-height: 24px; font-size: 13px; color: #fff; background: #e51b2b; position: absolute; left: 0; bottom: -178px; transition: 400ms; }
.index2box .li1 .t1 { background: url(../images/serviceImg1.png) no-repeat center 116px; }
.index2box .li2 .t1 { background: url(../images/serviceImg2.png) no-repeat center 116px; }
.index2box .li3 .t1 { background: url(../images/serviceImg3.png) no-repeat center 116px; }
.index2box .li4 .t1 { background: url(../images/serviceImg4.png) no-repeat center 116px; }
.index2box .li4 { margin: 0; }
.index2box .tc { border-color: #dfdfdf; background: #fff; }
.index2box .tc .t1 { top: -60px; }
.index2box .tc .t2 { bottom: 0; }


.caseindex{ float:left; width:100%; padding:52px 0 80px 0; background:#282828;}
.caseindex h2{ font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#fff; margin-bottom:10px; text-align:center; line-height:30px;}
.caseindex h3{ font-size:24px; text-align:center; color:#fff; margin-bottom:70px;}

.work { width: 1200px; margin: 0 auto;  }

.work .worktop { 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: 18px; color: #6b6b6b; font-family: Helvetica; padding: 0 20px; display: inline-block; border-radius: 15px; border: 2px solid #282828; }
.work .menu a:hover, .work .menu .cur { border-color: #e51b2b; color: #e51b2b; }
.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; position: relative; }
.work .list { display:none }
.work ul { width: 99999px; position: absolute; left: 0; top: 0; }
.work li { width: 280px; padding: 0 0 5px 0; line-height: 24px; border-bottom: 4px solid #3a3a3a; float: left; margin: 0 26px 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: #e51b2b; 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: #6b6b6b; font-size: 18px; transition: 400ms; }
.work li .time { color: #3a3a3a; font-size: 14px; transition: 400ms; }
.work li:hover { border-color: #e51b2b; }
.work li:hover .bg { opacity: 0.6; 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: 24px; color: #fff; background: #e51b2b; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; }
.work .more a:hover { background: #b2b2b2; }


.picScroll-left{ width:100%;   position:relative; height:294px;  }
		.picScroll-left .hd{  position:absolute; right:0; top:-80px; z-index:222; }
		.picScroll-left .hd .prev{width: 29px; height: 29px; display: inline-block; background: url(../images/btn3.png) no-repeat 0 0; }
		.picScroll-left .hd .prev:hover{ background-position: 0 -29px;}
		.picScroll-left .hd .next{ width: 29px; height: 29px; margin: 0 0 0 5px; display: inline-block; background: url(../images/btn3.png) no-repeat -29px 0; }
		.picScroll-left .hd .next:hover{background-position: -29px -29px;}
		.picScroll-left .hd ul{ display:none }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
	




.index3{ float:left; width:100%; padding-top:50px; }
.index3 h2{ font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#333; margin-bottom:10px; text-align:center; line-height:30px;}
.index3 h3{ font-size:24px; text-align:center; color:#666; margin-bottom:70px;}
.ptext{ text-align:center; color:#888; font-size:18px;}

.picScroll-left2{ width:100%;   position:relative; height:260px; margin-top:45px;  }
		.picScroll-left2 .hd{  position:absolute; right:0; top:-40px; z-index:222; }
		.picScroll-left2 .hd .prev{width: 29px; height: 29px; display: inline-block; background: url(../images/btn3.png) no-repeat 0 0; }
		.picScroll-left2 .hd .prev:hover{ background-position: 0 -29px;}
		.picScroll-left2 .hd .next{ width: 29px; height: 29px; margin: 0 0 0 5px; display: inline-block; background: url(../images/btn3.png) no-repeat -29px 0; }
		.picScroll-left2 .hd .next:hover{background-position: -29px -29px;}
		.picScroll-left2 .hd ul{ display:none }
		.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left2 li{ margin-right:22px; float:left;width:386px;}
.picScroll-left2 li div{ display:block;width:386px; height:210px; background:#efefef; overflow:hidden; font-size:12px; line-height:24px;}
.picScroll-left2 li h1{ font-size:14px; padding:0 15px; color:#333;}
.picScroll-left2 li img{ display:block; margin-bottom:8px;}
.picScroll-left2 li p{ padding:0 15px;}
.picScroll-left2 li a:hover{ background:#e51b2b; color:#fff; transition: 400ms;}
.picScroll-left2 li a:hover h1{ color:#fff}

.index4{ float:left; width:100%; background:url(../images/b2.jpg) center 0 no-repeat; height:700px;}
.index_tt{ float:left; width:100%; text-align:center; font-size:18px; color:#666; margin-bottom:45px;}
.index_tt2{ float:left; width:100%; text-align:center; font-size:14px; color:#848484; margin-bottom:10px;}
.index_tt3{ float:left; width:100%; text-align:center; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#333}
.index_contact{ float:left; width:100%; padding:50px 0;}

.concon1{ float:left; width:100%; margin-bottom:15px;}
.conphone{ float:left; line-height:60px; text-align:center; background:#e51b2b; width:315px; font-size:36px; color:#fff;}
.conimg{ float:left; background:#1f2228; height:60px; width:315px; text-align:center;}
.conimg a{ margin:0 22px; display:inline-block; margin-top:15px;}





/* foot */
.foot{ float:left; width:100%; background:#202020;}
.foot1{ float:left; width:235px;}
.foot1 img{ display:block;}
.intop{ float:right; cursor:pointer}
.foottext{ float:left; width:670px; padding-left:28px; line-height:24px;}
.foottext .p1{ margin:30px 0; margin-left:-10px;}
.foottext .p1 a{ margin:0 10px;}
.footwx{ float:left; margin-top:167px;}





/*  main */
.main{ float:left; width:100%; padding-bottom:100px;}
.bgapp{ background:url(../images/bg_app.jpg) center 0 no-repeat;}
.bgoper{ background:url(../images/bgope.jpg) center 0 no-repeat;}
.bgser{background:url(../images/bgser.jpg) center 0 no-repeat;}
.bgmic{background:url(../images/bgmic.jpg) center 0 no-repeat;}
.bgweb{background:url(../images/bgweb.jpg) center 0 no-repeat;}
.bgcon{background:url(../images/bgcon.jpg) center 0 no-repeat;}
.bgcase{background:url(../images/bgcase.jpg) center 0 no-repeat;}
.bgcase2{background:#2c2c2c url(../images/bgcase2.jpg) center 0 no-repeat;}

.mwrap{ width:1200px; margin:0 auto;}
.curr{ float:right; font-size:14px; color:#000; margin-top:68px; background:url(../images/jiao1.jpg) 0 center no-repeat; padding-left:15px;}
.curr a{ color:#000}
.curr a:hover{ color:#e51b2b}
.mcon1{ float:right; width:1002px; margin-top:115px; line-height:24px;}
.mcon1 img{ display:block;}



.mcon2{ float:right; width:1000px; margin-top:115px; line-height:24px;}
.mcon2 img{ display:block;}
.webbox1{ border-bottom:1px solid #c8c8c8; padding-bottom:40px; float:left; width:100%; margin-bottom:40px;}
.webbox1 .httt{ font-size:24px; margin-bottom:15px}
.webbox1 .httt2{font-size:24px; margin-bottom:5px; }
.webbox1 .httt2 span{ margin-right:5px; color:#e51b2b}
.webbox1 .pp1{ font-size:14px; text-transform:uppercase; margin-bottom:15px;}

.webbox1 .httt3{font-size:24px; margin-bottom:5px; margin-bottom:15px; }

.oper1{ float:left; width:100%; margin-bottom:10px;}
.operlist li{ float:left; background:#f6f6f6; width:489px; height:100px; overflow:hidden; line-height:24px; margin-bottom:27px;}
.operlist li img{ float:left;}
.operlist .r{ float:right; width:350px; padding-top:13px; padding-right:22px;}
.operlist .r h3{ font-size:16px; color:#333; margin-bottom:3px;}
.operlist li.last{ float:right}

.opertt{ float:left; width:100%; margin:40px 0 30px 0;}
.operlist2 li{ float:left; width:100%; border-bottom:1px solid #c8c8c8; padding-bottom:30px; margin-bottom:30px; background:url(../images/bglist.jpg) right bottom no-repeat;}
.operlist2 li img{ float:left;}
.operlist2 .r{ float:right; width:835px; padding-right:22px; padding-top:15px;}
.operlist2 li h3{ font-size:16px;}

.appbox1{ border-bottom:1px solid #c8c8c8; padding-bottom:40px; float:left; width:100%; margin-bottom:40px; color:#333; line-height:21px;}
.appbox2{border-bottom:1px solid #c8c8c8; float:left; width:100%; margin-bottom:40px; color:#333; line-height:21px; text-align:center;}
.appbox2 img{ margin:0 auto}


.caselistBox{ float:left; width:100%; margin-top:110px;}
.caselist{ display:none}
.caselist li { width: 280px; padding: 0 0 5px 0; line-height: 24px; border-bottom: 4px solid #3a3a3a; float: left; margin: 0 10px 50px 10px; transition: border-color 400ms; }
.caselist li a { display: block; }
.caselist li .imgBox { height: 220px; overflow: hidden; position: relative; }
.caselist li .img { width: 100%; height: 100%; }
.caselist li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: #e51b2b; position: absolute; left: 0; top: 0; transition: 400ms; }
.caselist li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.caselist li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.caselist li .t { margin: 10px 0 0 0; height: 24px; overflow: hidden; color: #6b6b6b; font-size: 18px; transition: 400ms; }
.caselist li .time { color: #3a3a3a; font-size: 14px; transition: 400ms; }
.caselist li:hover { border-color: #e51b2b; }
.caselist li:hover .bg { opacity: 0.6; filter: alpha(opacity=80); }
.caselist li:hover .t { color: #e3e3e3; }
.caselist li:hover .time { color: #e3e3e3; }
.caselist li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.caselist li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.caselist li.last{ margin-right:0}
.caselistBox .worktop { overflow: hidden; margin: 0 0 60px 0; text-align:center }
.caselistBox .menu { }
.caselistBox .menu a { height: 25px; line-height: 25px; margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #6b6b6b; font-family: Helvetica; padding: 0 20px; display: inline-block; border-radius: 15px; border: 2px solid #282828; margin:0 15px; }
.caselistBox .menu a:hover, .caselistBox .menu .cur { border-color: #e51b2b; color: #e51b2b; }
.caselist li a:hover .t,.caselist li a:hover .time{ color:#e51b2b}



.caselistBox2{ float:left; width:100%; overflow:hidden;background:#2c2c2c; color:#fff; line-height:24px; font-size:14px; margin-top:60px;}

.caselistBox2 h1{ color:#fff; font-size:24px; margin-bottom:10px; margin-top:28px;}
.caseimg { float:left; width:100%; margin-top:30px; margin-bottom:30px;}
.caseimg img{display:block; width:100%;}

#Fixed {position: fixed;_position: absolute;z-index: 100;bottom:100px; right:5px;_bottom: auto;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-100);width:56px; height:176px;}
#Fixed a{ margin-top:1px;}
#backlist, #gonext, #goTop, #goprev { background:url(../images/caseicon2.png) no-repeat;position: relative;width:56px;height:40px;cursor:pointer; float:left;}
#gonext{ background-position:0 -41px;}
#goprev{ background-position:0 -82px;}
#backlist{background-position:0 0;}
#goTop{background-position:0 -123px; height:52px; display:none;}
#goTop:hover{opacity:0.5;filter:alpha(opacity=50);-moz-transition:opacity 0.3s ease-in,opacity 0.3s ease-out;-webkit-transition:opacity 0.3s ease-in,opacity 0.3s ease-out;transition:opacity 0.3s ease-in,opacity 0.3s ease-out;background-color:#000!important;cursor:pointer}
#backlist:hover, #gonext:hover, #goTop:hover, #goprev:hover{opacity:0.5;filter:alpha(opacity=50);-moz-transition:opacity 0.3s ease-in,opacity 0.3s ease-out;-webkit-transition:opacity 0.3s ease-in,opacity 0.3s ease-out;transition:opacity 0.3s ease-in,opacity 0.3s ease-out;background-color:#000!important;cursor:pointer}




/*text*/
.b{ font-weight:bold;}
.f8{ font-size:8px;}
.f9{ font-size:9px;}
.f10{ font-size:10px;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f32{ font-size:32px;}
.f36{ font-size:36px;}
.em{ text-indent:2em;}
.hei{ color:#000;}
.hei3{ color:#333;}
.red{ color:#e51b2b;}
.Arial{ font-family:"Arial", Helvetica, sans-serif;}
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.tc{ text-align:center}
.tr{ text-align:right}
 
 .pics_wrap{  background:#f8f8f8;}
 .indexFrom{ width:1000px; margin:0 auto; padding:0 0 50px 0; margin-top:50px;	position:relative; display:block;
	
}
.indexContent{width:1000px; margin-left:auto; margin-right:auto; }
.absoluteCenter{position:absolute;top: 0; left: 0; bottom: 0; right: 0; margin:auto;}

/* 微信弹窗 */
#mask {position:fixed;top:0;left:0;width:0;height:0;background:rgba(0, 0, 0, 0.5);opacity:0.5;filter:alpha(opacity=50);display:none;z-index:1000002}
#dialog {width:350px;position:fixed;top:0;left:0;background:#ffffff;display:none;z-index:1000003}
#dialog .dialog-close {width:20px;height:20px;font-size:24px;text-align:center;line-height:18px;position:absolute;top:5px;right:5px;border:1px solid #ddd;cursor:pointer;}
#dialog .inner-box {height:100%;}
#dialog .weixin {padding:20px;text-align:center;}
#dialog .weixin img {border:1px solid #fff;width:300px;height:300px;}
#dialog .weixin p {height:20px;line-height:20px;overflow:hidden;font-size:13px;color:#e51b2b;}