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

* { padding: 0px; margin: 0px; font-family: "微软雅黑"; }
body { border: 0px; padding: 0px; margin: 0px auto; width: 100%; font-family: "微软雅黑"; }
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; }
u { text-decoration: underline; }

/* 导航适应 */
@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: "微软雅黑"; }
}
/* .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; background: #000; background: rgba(0, 0, 0,0.7); position: absolute; top: 0px; z-index: 100; overflow: hidden; }
.topbg.fixed { background: #005DA3; background: rgba(1, 93, 163,0.7); position: fixed; top: 0; }
.topbg .gang { width: 90%; margin: 0px auto; transition: all 1s; }
.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: "微软雅黑"; }
.nav .tBox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }
.nav li a { width: 100%; height: 100%; color: #fff; font-family: "微软雅黑"; cursor: pointer; }
.nav li .bg { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2); transition: 400ms; width: 100%; height: 100%; background: url(../images/navCur.png) no-repeat center; }
.nav li .t1 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 400ms; }
.nav li .t2 { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; color: #fff; font-size: 14px; position: absolute; left: 0; top: 20px; transition: 400ms; }
.nav li:hover .bg, .nav .cur .bg { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.nav .cur .t1, .nav li:hover .t1 { top: -15px; opacity: 0; filter: alpha(opacity=0); }
.nav .cur .t2, .nav li:hover .t2 { top: 0; opacity: 1; filter: alpha(opacity=100); }


/*服务*/
.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: "微软雅黑"; 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: "微软雅黑"; 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 60px 0; background: #454444; }
.work > .box { width: 1180px; margin: 0 auto; }
.work .top { overflow: hidden; margin: 0 0 40px 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: "微软雅黑"; }
.work .menu a:hover, .work .menu .cur { border-color: #f34627; color: #f34627; font-family: "微软雅黑"; }
/*.work .title { width: 100%; margin: 0 0 60px 0; font-size: 48px; color: #fff; font-family: "impact"; }
.work .title span { padding: 0 50px 0 0; background: url(../images/i1.png) no-repeat right 80%; text-transform: uppercase; font-family: "impact"; }
.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 { margin: 0 0 50px 0; overflow: hidden; position: relative; }
.work ul { width: 100%; position: absolute; left: 0; top: 0;}
.work li { width: 18%;margin: 1%;padding: 0; line-height: 24px; float: left; box-sizing: border-box; }
.work li a { display: block; }
.work li .imgBox { overflow: hidden; position: relative; height: 240px; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }
.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 .bg2 { width: 100%; height: 100%; background: url(apple_bg.png) top center; background-size: 100% 100%; position: absolute; left: 0; top: 0; transition: 400ms; z-index: 99; }
.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: "微软雅黑"; }
.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: #0258a6; font-family: "微软雅黑"; }
.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: "微软雅黑"; }
.new_more a:hover { background: #f34627; }



.copyrightbg { background: #3a3a3a; width: 100%; margin: 0px auto; }
.copyrightbg .gang { line-height: 30px; font-family: "微软雅黑"; 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: "微软雅黑"; font-size: 30px; line-height: 36px; font-weight: normal; border-bottom: 1px solid #d3d3d3; height: 75px; }
.nleft h1 span, .nleft1 h1 span { font-family: "微软雅黑"; 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: "微软雅黑"; 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: "微软雅黑"; 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: "微软雅黑"; 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; height: 700px; }
/* padding: 92px 0 100px 0; */
.work1 .listBox1 { margin: 0 0 50px 0; position: relative; }
.work1 ul { position: absolute; left: 0; top: 0; }
.work1 li { width: 272px; padding: 10px 0px 15px 0px; line-height: 24px; float: left; margin: 0 31px 0 0; transition: border-color 400ms; }
.work1 li a { display: block; cursor: pointer; }
.work1 li .imgBox { height: 220px; overflow: hidden; position: relative; }
.work1 li .img { width: 100%; height: 100%; }
.work1 li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: #f34627; position: absolute; left: 0; top: 0; transition: 400ms; }
.work1 li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.work1 li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; 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: #3a3a3a; font-size: 14px; transition: 400ms; }
.work1 li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
.work1 li:hover .t { color: #e3e3e3; }
.work1 li:hover .time { color: #e3e3e3; }
.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: "微软雅黑"; }
.work1 .more a:hover { background: #b2b2b2; }

/*link*/
.hlink { background: #F34627; /*height:65px;*/ min-height: 45px; padding-top: 15px; }
.link_zi { font-size: 12px; line-height: 22px; /*width:866px;*/ width: 1200px; margin: 0px auto; }
.link_zi span { font-size: 12px; font-weight: bold; color: #fff; }
.link_zi a { color: #FFF; }




/*后加服务*/
.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: 80px; 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: #0258a6; }
.num_li h3 { font-size: 16px; font-weight: normal; }
.num_line { display: block; position: absolute; top: 93px; left: 0; z-index: 10000; width: 100%; height: 4px; background-color: #0258a6; }

/*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: "微软雅黑"; }
.itt p.name2 { color: #666666; font-size: 40px; height: 65px; line-height: 64px; font-family: "微软雅黑"; }

.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: "微软雅黑"; }
.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: #0258A6; }
.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: #0258a6; }
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: "微软雅黑"; height: 56px; line-height: 56px; }
.hm_baike .hm_abut { text-align: center; padding: 30px 0 35px; font-size: 14px; font-family: "微软雅黑"; }

.hm_baike .hm_abut { text-align: center; padding: 30px 0 35px; font-size: 14px; font-family: "微软雅黑"; }
.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 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: #E6E6E6; text-align: center; line-height: 30px; font-family: "微软雅黑"; }
.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: "微软雅黑"; 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: "微软雅黑"; 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: 170px; 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; }

/*link*/
.hlink { background: #5a5a5a; min-height: 45px; padding: 15px 0px; }
.link_zi { font-size: 16px; line-height: 22px; width: 1200px; margin: 0px auto; font-family: "微软雅黑"; }
.link_zi span { font-size: 13px; font-weight: bold; color: #fff; font-family: "微软雅黑"; }
.link_zi a { color: #FFF; font-size: 13px; }


/*footer*/
.foot { border-top: 2px #e2e2e2 solid; width: 100%; padding-top: 40px; padding-bottom: 20px; font-family: "微软雅黑"; font-size: 14px; }
.foot .wrap { width: 1200px; margin: 0 auto; }
.foot .wrap .fleft { width: 600px; float: left; }
.foot .wrap .fleft ul { float: left; margin-bottom: 20px; }
.foot .wrap .fleft ul li { float: left; }
.foot .wrap .fleft ul li a { margin-right: 10px; font-size: 14px; color: #333; width: auto; transition: all 0.4s; }
.foot .wrap .fleft p { line-height: 25px; color: #666; }
.foot .wrap .fleft p span { line-height: 25px; font-size: 14px; color: #888; }
.foot .wrap .fleft ul li a:hover { color: #f34627; text-decoration: underline; }
.foot .wrap .fright { width: 365px; float: right; text-align: right; }
.foot .wrap .fright a { float: right; height: 35px; line-height: 35px; border-radius: 5px; width: 120px; color: #fff; background: #ffc900; text-align: center; opacity: 1; display: block; }
.foot .wrap .fright a:hover { opacity: .8; }
.foot .wrap .fright p.number { font-size: 32px; color: #424242; height: 36px; line-height: 36px; }
.foot .wrap .fright p.address { color: #999; }
.rela { position: relative; }
.arrow { height: 55px; width: 55px; bottom: 20px; position: absolute; background: url(../images/arrow.png); left: 50%; margin-left: -27.5px; cursor: default; }

.footer { margin-top: 30px; color: #babdc0; }
.footer a { color: #babdc0; }
.footer .w1180 { width: 1200px; margin: 0 auto; }
.footer .footer-top { width: 100%; min-width: 1180px; background: #1D1D1D; padding: 40px 0; }
.footer .deanfttl { width: 515px; float: left; }
.footer .deanfttl ul li { float: left; margin-right: 80px; }
.footer .deanfttl ul li h5 { border-bottom: 2px solid #3E82F7; margin-bottom: 10px; height: 30px; font-size: 12px; color: #fff; }
.footer .deanfttl ul li a { font-size: 12px; color: #aaa; display: block; height: 30px; line-height: 30px; }
.footer .deanfttl ul li a:hover { color: #3E82F7; }
.footer .deanfttm { float: left; margin-left: 20px; margin-top: 4px; }
.footer .deanfttm img { width: 140px; height: 140px; float: left; }
.footer .textImgSeparation { padding-top: 42px; padding-left: 27px; float: left; }
.footer .textImgSeparation span { font-size: 12px; display: block; height: 25px; }
.footer .deanfttr { float: right; }
.footer .deanfttr h5 { font-size: 16px; color: #fff; }
.footer .deanfttr h3 { font-size: 28px; color: #FF4A00; }
.footer .deanfttr p { font-size: 12px; }
.footer .deanfttr a { display: block; font-size: 12px; color: #575757; border: 1px solid #ddd; padding: 10px 20px; width: 110px; cursor: pointer; background: #f5f5f5; text-align: center; margin-top: 15px; }
.footer .deanfttr a:hover { background: #3E82F7; color: #fff; border: 1px solid #3E82F7; }
.footer .footer-bottom { height: 45px; padding: 10px 0 0px 0; background: #202020; width: 100%; min-width: 1180px; text-align: center; font-size: 12px;}
.footer .footer-bottom p { height: 26px; line-height: 26px; }
.footer .footer-bottom p, .footer-bottom a, .footer-bottom span { font-size: 12px; color: #848586; }
.footer .footer-bottom p.deanpp span { display: none; }
.footer .footer-bottom p.deanpp a { margin-right: 10px; }
.footer .footer-bottom p a:hover { color: #3E82F7; }
.footer .deandl { float: right; width: auto; height: 60px; line-height: 60px; }
.footer .footer-div { height: 190px; width: 265px; float: left; margin-right: 40px; }
.footer .footer-div h3 { color: #fff; font-size: 16px; background: url(line.png) repeat-x left bottom; line-height: 25px; padding-bottom: 10px; margin-bottom: 17px; }
.footer .footer-div1 { color: #babdc0; }
.footer .footer-div1 .footer-summary { font-size: 14px; line-height: 25px; }
.footer .footer-div2 { width: 300px;line-height: 25px;}
.footer .footer-div2 ul { }
.footer .footer-div2 ul li { padding-bottom: 15px; font-size: 14px; }
.footer .footer-div2 ul li a { font-size: 14px; }
.footer .footer-div2 ul li.deanadress { background: url(address1.png) 0 2px no-repeat; }
.footer .footer-div2 ul li.deantel { background: url(phone1.png) 0 2px no-repeat; }
.footer .footer-div2 ul li.deanmail { background: url(mail1.png) 0 4px no-repeat; }
.footer .footer-div2 ul li span { }
.footer .link { line-height: 24px; padding: 30px 0 0; color: #999; width: 1200px; margin: 0 auto; font-size: 12px; }
.footer .link a { color: #999; display: inline-block; white-space: nowrap; padding-right: 10px; font-size: 12px; }
.footer .link a:hover { text-decoration: underline; }

/*固定的悬浮窗*/
.yb_conct { position: fixed; z-index: 9999999; top: 200px; right: -127px; cursor: pointer; transition: all .3s ease; }
.yb_bar ul li { width: 180px; height: 53px; font: 16px/53px 'Microsoft YaHei'; color: #fff; text-indent: 54px; margin-bottom: 3px; border-radius: 3px; transition: all .5s ease; overflow: hidden; }
.yb_bar .yb_top { background: #ff4a00 url(../images/fixCont.png) no-repeat 0 0; }
.yb_bar .yb_phone { background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -57px; }
.yb_bar .yb_QQ { text-indent: 0; background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -113px; }
.yb_bar .yb_ercode { /*height:200px;*/ background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -169px; }
.hd_qr { padding: 0 29px 25px 29px; }
.yb_QQ a { display: block; text-indent: 54px; width: 100%; height: 100%; color: #fff; font: 16px/53px 'Microsoft YaHei'; }

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

/*about*/
.about_banner { height: 650px; padding-top: 0;background:url(../images/about_banner.jpg) center top no-repeat;background-size:cover;}
.about_banimg { height: 650px; }
#about { width: 100%; }
.wd1100 { margin: 0 auto; max-width: 1100px; }
.about_po { width: 100%; height: 410px;  }
.about_poCen { height: 410px; }
.about_poCen ul { width: 1158px; margin-top: -106px; position: relative; z-index: 10; }
.about_poCen li { float: left; width: 308px; margin-right: 78px; display: inline; }
.about_poicon { background: url(../images/about_poicon.png) no-repeat; width: 200px; height: 142px; margin-left: 54px; padding-top: 58px; text-align: center; }
.about_pocn { height: 46px; line-height: 46px; color: #FFF; font-size: 26px; }
.about_poen { font-family: 张海山锐线体简; color: #fffefe; font-size: 18px; line-height: 36px; }
.about_pocn span { padding-bottom: 5px; border-bottom: 2px solid #e38690; }
.about_pointro { color: #333; font-size: 14px; height: 96px; overflow: hidden; padding-top: 32px; text-align: center; }
.about_history { width: 100%; position: relative; height: 750px;background:url(../images/about_hisimg.jpg) center top no-repeat;background-size:cover;}
.about_hisCen { position: absolute; top: 50px; left: 50%; margin-left: -294px; z-index: 10; width: 588px; height: 569px; }
.about_hisSel { position: relative; position: absolute; top: 0; left: 0; z-index: 10; width: 588px; height: 260px; }
.about_hisSel li { position: absolute; cursor: pointer; }
.about_hisSel1 { background: url(../images/about_hisac1.png) no-repeat; width: 116px; height: 110px; left: 0; top: 145px; }
.about_hisSel2 { background: url(../images/about_hisac2.png) no-repeat; width: 115px; height: 115px; left: 100px; top: 40px; }
.about_hisSel3 { background: url(../images/about_hisac3.png) no-repeat; width: 90px; height: 100px; left: 243px; top: 0; }
.about_hisSel4 { background: url(../images/about_hisac4.png) no-repeat; width: 114px; height: 116px; left: 375px; top: 42px; }
.about_hisSel5 { background: url(../images/about_hisac5.png) no-repeat; width: 115px; height: 110px; right: 0; top: 149px; }
.about_hisSel1.ab_cur { background: url(../images/about_hisaho1.png) no-repeat; }
.about_hisSel2.ab_cur { background: url(../images/about_hisaho2.png) no-repeat; }
.about_hisSel3.ab_cur { background: url(../images/about_hisaho3.png) no-repeat; }
.about_hisSel4.ab_cur { background: url(../images/about_hisaho4.png) no-repeat; }
.about_hisSel5.ab_cur { background: url(../images/about_hisaho5.png) no-repeat; }
.about_hisCon { background: url(../images/aabout_hisbd.png) no-repeat; position: absolute; left: 50px; top: 85px; width: 336px; height: 420px; padding: 64px 74px 0 74px; }
.about_hisTitle { color: #c70c1f; font-size: 30px; font-weight: bold; height: 65px; line-height: 65px; text-align: center; }
.about_hisText { color: #484848; font-size: 14px; line-height: 30px; height: 240px; overflow: hidden; padding-top: 18px; text-align: center; }

.about_banCen { position: absolute; top: 182px; left: 50%; z-index: 30; margin-left: -550px; width: 1100px; }
.about_banTitle { line-height: 100%; color: #FFF; font-size: 55px; font-weight: bold; text-align: center; }
.about_banCon { color: #ff95a5; font-size: 14px; line-height: 26px; height: 312px; overflow: hidden; padding-top: 40px; }


/*news*/
#w-page-container { margin-top: 90px; }
#w-page-container #w-page-body { background: #fff; position: relative; }
.w-ele-mark-bg { background: #000; width: 100%; height: 100%; display: block; z-index: 9; position: absolute; top: 0; left: 0; filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7; }
#w-solution-body .main-list { padding: 0 3em 0em 3em; }
#w-solution-body #w-right-info { padding: 0 4em 7em 0; }
#w-solution-body .main-list dd { padding: 0 25px; padding-bottom: 70px; word-wrap: break-word; overflow: hidden; }
#w-solution-body .main-list dd img { display: block; width: 100%; }
#w-solution-body .main-list dd .thumb { overflow: hidden; display: block; width: 100%;max-height: 160px;height: 160px; }
#w-solution-body .main-list dd .title { font-size: 1.2em; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 3.2em; line-height: 1.6em; padding: .9em 0 .7em 0; color: #ed1f23; }
#w-solution-body .main-list dd .title a { color: #ed1f23; text-decoration: none;font-size: 1.2em;}
#w-solution-body .main-list dd .title a:hover { color: #333; text-decoration: underline; }
#w-solution-body .main-list dd .smh {}
#w-solution-body .main-list dd .date { float: right; }
#w-solution-body .main-list dd .note { font-size: 1em; line-height: 22px; margin: 5px 0 15px 0; color: #6d6c6c; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
#w-solution-body .main-list dd .note { height: 176px; min-height: 154px; max-height: 220px; display: block; overflow: hidden; }
#w-solution-body .main-list dd.w-news-item .note { height: 66px; max-height: 66px; min-height: 66px; display: block; overflow: hidden; }
#w-solution-body .main-list dd .detail { padding-top: 20px; overflow: hidden; clear: both; line-height: 26px; height: 46px; display: block; }
#w-solution-body .main-list dd .detail a { color: #ed1f23; }
#w-solution-body .main-list dd .detail a.more { float: left; font-size: 16px; display: inline-block; }
#w-solution-body .main-list dd .detail a.share { float: right; display: inline-block; }
#w-solution-body .main-list dd .detail a.share, #w-solution-body .main-list dd .detail a.share em { width: 26px; height: 26px; }
#w-solution-body .main-list dd:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); }
#w-solution-body .w-right-category .m-title { background: #000; line-height: 80px; padding: 0 25px; font-size: 2.2em; color: #fff; }
#w-solution-body .w-right-category ul, #w-solution-body .w-right-category li { margin: 0; padding: 0; list-style: none; }
#w-solution-body .w-right-category li a { border: 1px solid #b6b6b6; border-top: 0; text-decoration: none; line-height: 50px; padding: 0 15px; display: block; font-size: 18px; color: #6b6b6b; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }
#w-solution-body .w-right-category li a:hover { background: #ed1f23; border-color: #ed1f23; color: #fff; }
#w-solution-body .w-right-category li.cur-child a { background: #333; border-color: #333; color: #fff; }
#w-solution-body .w-right-more .m-title { background: #000; line-height: 80px; padding: 0 25px; font-size: 2.2em; color: #fff; }
#w-solution-body .w-right-more .icon { border: 1px solid #b6b6b6; display: block; border-top: 0; text-align: center; padding: 1.7em 0; }
#w-solution-body .w-right-more .icon .h { height: 55px; display: block; overflow: hidden; }
#w-solution-body .w-right-more .icon a { height: 55px; width: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; display: inline-block; margin: 0 8px; background-color: #000; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
#w-solution-body .w-right-more .icon a:hover { background: #ed1f23; }
#w-solution-body .w-right-more .icon a em { display: block; margin: 0 auto; }
#w-solution-body .w-right-more .icon a.w-alibaba em { background-position: -1245px -616px; width: 41px; height: 21px; margin-top: 16px; }
#w-solution-body .w-right-more .icon a.w-weixin em { background-position: -1310px -611px; width: 30px; height: 26px; margin-top: 15px; }
#w-solution-body .w-right-more .icon a.w-taobao em { background-position: -1380px -612px; width: 32px; height: 27px; margin-top: 16px; }
#w-solution-body .w-right-more .icon a.w-vi em { background-position: -1454px -615px; width: 27px; height: 23px; margin-top: 17px; }
#w-solution-body .w-right-work dl { padding: 0; margin: 0; }
#w-solution-body .w-right-work dd { width: 50%; float: left; display: inline-block; position: relative; overflow: hidden; }
#w-solution-body .w-right-work dd img { width: 100%;height:124px;}
#w-solution-body .w-right-work { padding-top: 30px; }
#w-solution-body .w-right-work .m-title { background: #000; line-height: 80px; padding: 0 25px; font-size: 2.0em; color: #fff; margin-bottom: 5px; }
#w-solution-body .w-right-work dd p.title { height: 100%; font-size: 14px; position: absolute; width: 100%; display: block; line-height: 20PX; top: 50%; margin-top: -10PX; text-align: center; color: #fff; z-index: 9; left: 0; }
#w-solution-body .w-right-work dd .w-ele-down-icon { position: absolute; opacity: 0; left: 50%; margin-left: -24px; z-index: 10; top: 50%; margin-top: -28px; }
#w-solution-body .w-right-work dd .w-ele-mark-bg, #w-solution-body .w-right-work dd p.title, #w-solution-body .w-right-work dd .w-ele-down-icon { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
#w-solution-body .w-right-work dd:hover p.title { -webkit-animation: w-work-title .3s ease forwards; animation: w-work-title .3s ease forwards; }
#w-solution-body .w-right-work dd:hover .w-ele-down-icon { -webkit-animation: w-work-icon .5s ease forwards; animation: w-work-icon .5s ease forwards; }
#w-solution-body .w-right-work dd:hover .w-ele-down-icon i { width: 9px; height: 16px; margin: 21px auto 0; background-position: -1471px -261px; }
#w-solution-body .w-right-work dd:hover .w-ele-down-icon:hover i { -webkit-animation: w-icon-play-icon 1s ease infinite; animation: w-icon-play-icon 1s ease infinite; }
#w-solution-body .w-right-work dd:hover .w-ele-mark-bg { opacity: 0; }
#w-solution-body .w-ele-css3 { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
#w-solution-body .main-list dd:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); }
.w-ele-down-icon { width: 49px; height: 57px; display: block; overflow: hidden; cursor: pointer; background-position: -1451px -174px; }
.pagebtn { text-align: center; padding-bottom: 50px; padding-top: 30px; }
.pagebtn span, .pagebtn a { line-height: 3em; text-decoration: none; color: #666; padding: 0 1.3em; margin-right: 2px; font-size: 14px; border: 1px solid #ddd; display: inline-block; float: left;border-radius: 5px; }
.pagebtn span > a {display:inline;border:none;padding:0; }
.pagebtn a:hover,.pagebtn span:hover { color: #ed1f23;background-color:#f5f5f5; }
.pagebtn span.disabled { background: #f1f1f1; color: rgba(150,150,150,1.00); }

.main-read-body { width: 76%; padding-left: 3%; }
.main-read-body h2.article-title { color: #ed1f23; font-size: 29px; margin: 0; padding: 0; line-height: 1.4em; padding-bottom: .2em; }
.main-read-body h2.type-class-134 { text-indent: -15px; }
.main-read-body .attr { border-bottom: 1px solid #cbcbcb; padding-bottom: 10px; padding-top: 30px; margin-bottom: 50px; font-size: 18px; }
.main-read-body .attr em { margin-right: 20px; font-weight: bold; color: #ed1f23; }
.main-read-body .content { font-size: 16px; padding-bottom: 50px; line-height: 28px; }
.main-read-body .content a { color: #ed1f23; }
.main-read-body .content strong { font-weight: bold; }
.main-read-body .content img { max-width: 100%; }
.main-read-body .sharebtn { color: rgba(159,159,159,1.00); padding-bottom: 150px; line-height: 24PX; }
.main-read-body .sharebtn .bdsharebuttonbox { float: right; display: inline-block; }
.main-read-body .sharebtn a { color: rgba(159,159,159,1.00); }
.main-read-body .sharebtn a:hover { color: #ed1f23; }
.main-read-body .sharebtn p { margin: 0; font-size: 12px; line-height: 22px; padding: 0; }
.main-read-body .sharebtn .nps { float: left; display: inline-block; }
.main-read-body .sharebtn .art_link { border-top: 1px solid #E1E1E1; padding-bottom: 10px; padding-top: 20px; }
/*prev,next*/
.pagePrevNext { margin: 10px auto; padding: 10px 0; line-height: 28px; color: #666; border-top: 1px dotted #aaa; }
.pagePrevNext a { line-height: 28px; color: #555; }
.pagePrevNext a:hover { line-height: 28px; color: #333; }
.pagePrevNext span { display: block; height: 28px; }
/*cases*/
.m_main3 { width: 100%; min-width: 1200px; background: #ffffff; overflow: hidden; position: relative; }
.m_main3 .m_mn { width: 1200px; margin: 0 auto; }
.n_case { }
.case_img_ico_l { position: absolute; top: 0; left: 0; z-index: 1; }
.case_img_ico_r { position: absolute; top: 0; right: 0; z-index: 1; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.case_tab { height: 400px; width: 100%; overflow: hidden; margin-top: 30px; position: relative; }
.case_tab .case_panel { background: none; }
.n_case .n_snav { width: 100%; height: 100px; line-height: 100px; background: #ffffff url(sase_nav_bj.png) no-repeat center bottom; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2); box-shadow: 0 0 30px rgba(0,0,0,0.2); }
.n_case .n_snav .list { color: #666666; height: 100px; font-size: 0; overflow: hidden; float: left; }
.n_case .n_snav .list a { display: inline-block; font-size: 18px; padding: 0 60px; background: url(seek_nav_bj.png) no-repeat right center; }
.n_case .n_snav .list a:last-child { background: none; }
.n_case .n_snav .seek { float: right; height: 40px; padding: 30px 0; width: 260px; margin-right: 40px; }
.n_case .n_snav .seek .box { width: 260px; height: 40px; line-height: 40px; border-radius: 20px; background-color: #f6f6f6; }
.n_case .n_snav .seek .box input { outline: none; width: 190px; border: none; height: 30px; line-height: 30px; padding: 5px 0 5px 20px; background: none; color: #7d7d7d; float: left; }
.n_case .n_snav .seek .box button { width: 40px; height: 40px; border: none; background: url(seek_ico.png) no-repeat center; cursor: pointer; float: left; }

.n_case .case_list { padding: 0px 0 60px; }
.n_case .case_list .list { width: 100%; overflow: hidden; }
.n_case .case_list .list li { width: 18%; margin: 1%; padding: 0; float: left; box-sizing: border-box; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2); box-shadow: 0 0 30px rgba(0,0,0,0.2); position: relative; z-index: 11; }
/*.n_case .case_list .list li:nth-of-type(3n) { margin-right: 0px; }*/
.n_case .case_list .list li .g-img { /*height: 260px; width: 380px;*/ position: relative; overflow: hidden; }
.n_case .case_list .list li .g-img > a {display:block;text-align:center; }
.n_case .case_list .list li .g-img img { -webkit-transition: transform 0.5s ease-out; transition: transform 0.5s ease-out; width: 61%;margin:0 auto;margin-top: 8.5%; }
.n_case .case_list .list li .g-img .tt { padding: 15px 20px; bottom: 0; color: #ffffff; font-size: 16px; position: absolute; text-shadow: 2px 2px 2px #333; }
.n_case .case_list .list li .g-img .apple_bg { height: 100%; position: absolute; top: 0; left: 0; width: 100%; background: url(apple_bg2.png) top center no-repeat; background-size: 100% 100%; height: 100%; }
.n_case .case_list .list li .g-img .text { z-index: 9; opacity: 0; background-color: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; padding: 20px; height: 100%; width: 100%; -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; box-sizing: border-box; }
.n_case .case_list .list li .g-img .text .box { box-sizing: border-box; color: #ffffff; position: relative; height: 100%; width: 100%; padding: 30px 15px 10px; }
.n_case .case_list .list li .g-img .text .box::before, .n_case .case_list .list li .g-img .text .box::after { box-sizing: border-box; content: ''; position: absolute; width: 100%; height: 100%; }
.n_case .case_list .list li .g-img .text .box::before,
.n_case .case_list .list li .g-img .text .box::after { border: 1px solid transparent; width: 0; height: 0; }
.n_case .case_list .list li .g-img .text .box::before { top: 0; left: 0; }
.n_case .case_list .list li .g-img .text .box::after { bottom: 0; right: 0; }
.n_case .case_list .list li .g-img:hover .text { opacity: 1; }
.n_case .case_list .list li .g-img:hover .tt { opacity: 0; }
.n_case .case_list .list li .g-img:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.n_case .case_list .list li .g-img .text:hover .box .more { opacity: 1; -webkit-transition: opacity 0.2s ease-out 0.6s; transition: opacity 0.2s ease-out 0.6s; }
.n_case .case_list .list li .g-img .text:hover .box::before,
.n_case .case_list .list li .g-img .text:hover .box::after { width: 100%; height: 100%; }
.n_case .case_list .list li .g-img .text:hover .box::before { border-top-color: #ffffff; border-right-color: #ffffff; -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; }
.n_case .case_list .list li .g-img .text:hover .box::after { border-bottom-color: #ffffff; border-left-color: #ffffff; -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; }
.n_case .case_list .list li .g-img .text .box .title { width: 100%; height: 24px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: normal; color: #ffffff; font-size: 18px; font-weight: bold; }
.n_case .case_list .list li .g-img .text .box .xt { width: 40px; margin: 10px auto; height: 2px; background-color: #ffffff; }
.n_case .case_list .list li .g-img .text .box .txt { color: #eeeeee; line-height: 24px; text-align: justify; height: 72px; overflow: hidden; }
.n_case .case_list .list li .g-img .text .box .more { width: 30px; height: 30px; border-radius: 50%; z-index: 2; background: #ffffff url(../images/case_more1.png) no-repeat center; position: absolute; left: 50%; margin-left: -15px; bottom: -14px; opacity: 0; }

.n_case .case_list .list li .info { height: 50px; line-height: 50px; background-color: #ffffff; padding-left: 20px; color: #888888; }
.n_case .case_list .list li .info .cate { width: 240px; }
.n_case .case_list .list li .info .switch { width: 95px; height: 30px; padding: 10px 10px 0px 0px; text-align: right; }
.n_case .case_list .list li .info .switch a { display: inline-block; width: 28px; height: 30px; margin-left: 15px; }
.n_case .case_list .list li .info .switch a.pc { background: url(case_ico.png) no-repeat 4px center; }
.n_case .case_list .list li .info .switch a.pc:hover { background: url(case_ico1.png) no-repeat 4px center; }
.n_case .case_list .list li .info .switch a.pchover { background: url(case_ico1.png) no-repeat 4px center; }

.n_case .case_list .list li .info .switch a.mobile { background: url(case_ico.png) no-repeat -37px center; }
.n_case .case_list .list li .info .switch a.mobile:hover { background: url(case_ico1.png) no-repeat -37px center; }
.n_case .case_list .list li .info .switch a.mobilehover { background: url(case_ico1.png) no-repeat -37px center; }
.work .n_case .case_list .list li:nth-child(11),
.work .n_case .case_list .list li:nth-child(12) { display: none; }

/*.n_case .pages { color: #1a4b85; overflow: hidden; font-size: 16px; text-align: center; margin-bottom: 20px; }
.n_case .pages span { padding: 0 6px; margin-top: 10px; display: inline-block; color: #555; }
.n_case .pages a { display: block; color: #333; text-align: center; vertical-align: middle; padding: 0px 10px; line-height: 50px; overflow: hidden; min-width: 50px; min-height: 50px; box-sizing: border-box; font-size: 16px; background: #fff; border-radius: 5px; border: 1px solid #dedede; }
.n_case .pages span.curr a { display: block; background: #2c88d8; color: #fff; border: 1px solid #2c88d8; }
.n_case .pages a:hover { background: #dedede; color: #fff; }
.n_case .case_list .pages { margin-top: 20px; }*/
.n_case .case_list .pages { margin-top: 20px; }
.n_case .pages { color: #1a4b85; overflow: hidden; font-size: 16px; text-align: center; margin-bottom: 20px; }
.n_case .pages span,.n_case .pages a { padding: 0 6px; margin-top: 10px; display: inline-block; color: #555; }
.n_case .pages span,.n_case .pages a{  color: #333; text-align: center; vertical-align: middle; padding: 0px 10px; line-height: 50px; overflow: hidden; min-width: 50px; min-height: 50px; box-sizing: border-box; font-size: 16px; background: #fff; border-radius: 5px; border: 1px solid #dedede; }
.n_case .pages span.cur {background: #2c88d8; color: #fff; border: 1px solid #2c88d8; }
.n_case .pages a:hover { background: #dedede; color: #fff; }


@media screen and (max-width:1600px) {
    .work .n_case .case_list .list li:nth-child(11),
    .work .n_case .case_list .list li:nth-child(12) { display: block; }
    .n_case .case_list .list li { width: 23%; margin: 1%; }
}

@media screen and (max-width:1240px) {
    .n_case .case_list .list li { width: 31.3%; margin: 1%; }
}

@media screen and (max-width:960px) {
    .n_case .case_list .list li { width: 48%; margin: 1%; }
}