html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family:'Microsoft YaHei';
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html{
width:100%;
min-width:1200px;
}
body {
line-height: 1;
overflow-x:hidden;
position:relative;
font-size:12px;
width:100%;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a{
text-decoration:none;
}
.contain{
width:1200px;
margin:0 auto;
position:relative;
min-width:1200px;
}
@media screen and (max-device-width:1200px){
.contain{
overflow-x:hidden;
}
}
.contain:after,
.custli:after,
.simg:after,
ul:after,
.d_context:after,
.caselist:after,
.caseDetail:after,
.connlist:after,
.nclass:after{
height:0;
display:block;
width:100%;
overflow:hidden;
content:'a';
clear:both;
visibility:hidden;
}
.top{
width:100%;
height:40px;
background:url(/mb119.com/css/img/index_04.png) top left repeat;
color:#fff;
line-height:40px;
}
.top h2{
font-size:12px;
float:left;
font-weight:normal;
}
.top p{
color:#ffc000;
float:right;
text-align:right;
background:url(/mb119.com/css/img/index_22.png) left center no-repeat;
padding-left:20px;
}
.top p span{
padding-left:1px;
}
.top p span i{
padding-right:10px;
}
.top p a{
color:#fff;
margin-left:1em;
}
.nav{
width:100%;
height:100px;
background:#fff;
position:relative;
z-index:900;
box-shadow:0 1px 5px #555;
}
.nav h1{
width:189px;
height:56px;
background:url(/mb119.com/css/img/index_y_07.png) top left no-repeat;
float:left;
line-height:9999px;
overflow:hidden;
margin-top:22px;
}
.nav p{
float:right;
text-align:right;
}
.nav p a{
display:inline-block;
width:98px;
text-align:center;
height:97px;
line-height:97px;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:3px solid #fff;
color:#444;
font-size:14px;
position:relative;
float:left;
-webkit-transition:all .5s linear;
-moz-transition:all .5s linear;
-ms-transition:all .5s linear;
-o-transition:all .5s linear;
transition:all .5s linear;
}
.nav p a.on,
.nav p a:hover{
color:#000;
border-left:1px solid #dedede;
border-right:1px solid #dedede;
border-bottom:3px solid #ef9b11;
}
.nav p a.on:before,
.nav p a:hover:before{
}
.banner{
width:100%;
height:642px;
overflow:hidden;
position:relative;
z-index:800;
/*border-bottom:1px solid #929292;*/
}
.banner img{
position:absolute;
top:0;
left:-360px;
}
/* banner-box */
.banner-box{
min-width:1200px;
height:642px;
position:relative;
overflow:hidden;
}
.banner-box .bd{
width:1920px;
position:absolute;
top:0;
left:50%;
margin-left:-960px;
}
.banner-box .bd li .m-width {
width:1920px;
margin:0 auto;
overflow:hidden;
}
.banner-box .bd li{
width:100% !important;
height:642px;
}
.banner-box .bd li a{
display:block;
background-size:auto;
}
.banner-btn{
width:1920px;
position:absolute;
left:50%;
margin-left:-960px;
z-index:9999;
}
.banner-btn a{
display:block;
width:49px;
height:104px;
position:absolute;
top:0;
filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity:0.4;
opacity:0.4;
}
.banner-btn a.prev{
left:20px;
background:url(/mb119.com/css/img/foot.png) no-repeat 0 0;
}
.banner-btn a.next{
right:20px;
background:url(/mb119.com/css/img/foot.png) no-repeat -49px 0;
}
.banner-box .hd {
position:absolute;
width:100%;
text-align:center;
top:600px;
left:0;
z-index:99999;
}
.banner-box .hd ul li{
width:80px;
height:5px;
text-indent:-9999px;
margin-right:20px;
background:#ddd;
opacity:0.4;
display:inline-block;
cursor:pointer;
}
.banner-box .hd ul li.on{
background:#ef9b11;
opacity:0.4;
}
.who{
position:relative;
background:#f4f0ea;
padding:40px 0;
}
.who p,
.ourser p{
text-align:center;
font-size:14px;
line-height:2.5em;
color:#666;
}
.who p.himg img,
.ourser p.himg img,
.ourcase p.himg img,
.ournews p.himg img,
.ourcus p.himg img,
.oursl p.himg img{
display:inline-block;
}
.who p.wtt{
margin-top:10px;
}
.who p.pm{
margin-top:50px;
}
.who p.pm span{
display:inline-block;
width:220px;
height:67px;
background:url(/mb119.com/css/img/qu6_06.png);
text-align:left;
}
.who p.pm span a{
width:111px;
height:41px;
text-align:center;
line-height:41px;
color:#fff;
display:inline-block;
margin:0 0 0 63px;
}
.ourser{
position:relative;
background:#fff;
padding:60px 0;
}
.s_fst{
margin-left:0;
}
.s_i{
display:inline-block;
float:left;
text-align:center;
margin-top:60px;
margin-left:76px;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;
}
.s_i:hover{
margin-top:40px;
}
.s_i:hover .sico span.y{
opacity:1;
}
.s_i:hover .sico span.b{
opacity:0;
}
.s_i .sico{
width:117px;
height:117px;
position:relative;
overflow:hidden;
display:inline-block;
}
.s_i .sico span{
width:100%;
height:100%;
display:block;
position:absolute;
top:0;
left:0;
background:url(/mb119.com/css/img/qu6_13.png);
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;
}
.s_i .sico span.y{
opacity:0;
}
.s_i_a span.b{
background-position:-119px 0;
}
.s_i_a span.y{
background-position:0 0;
}
.s_i_b span.b{
background-position:-360px 0;
}
.s_i_b span.y{
background-position:-241px 0;
}
.s_i_c span.b{
background-position:-598px 0;
}
.s_i_c span.y{
background-position:-480px 0;
}
.s_i_d span.b{
background-position:-840px 0;
}
.s_i_d span.y{
background-position:-720px 0;
}
.s_i_e span.b{
background-position:-1084px 0;
}
.s_i_e span.y{
background-position:-961px 0;
}
.s_i p.s_hd{
font-size:20px;
color:#333;
margin:25px 0;
}
.s_i p.s_hd strong{
font-weight:600;
}
.s_i p.s_p{
font-size:13px;
text-align:left;
color:#666;
background:url(/mb119.com/css/img/qu6_17.jpg) left center no-repeat;
text-indent:16px;
line-height:2em;
}
.s_i p.s_p a{
color:#666;
}
.service{
width:100%;
background:url(/mb119.com/css/img/index_07.png) top left repeat;
padding-bottom:30px;
}
.service p.h{
padding-top:60px;
}
.service p.h img{
margin-left:300px;
}
.service .b{
padding-top:45px;
}
.service .b li{
width:130px;
padding-right:20px;
float:left;
}
.service .b em{
display:block;
width:114px;
height:114px;
margin-left:8px;
line-height:999px;
overflow:hidden;
background-image:url(/mb119.com/css/img/index_y_17.png);
background-repeat:no-repeat;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;
}
.service .b em:hover{
-webkit-transform:scale(.95) rotate(5deg);
-moz-transform:scale(.95) rotate(5deg);
-ms-transform:scale(.95) rotate(5deg);
-o-transform:scale(.95) rotate(5deg);
transform:scale(.95) rotate(5deg);
}
.service .b em.a1{
background-position:0 0;
}
.service .b em.a2{
background-position:-150px 0;
}
.service .b em.a3{
background-position:-299px 0;
}
.service .b em.a4{
background-position:-448px 0;
}
.service .b em.a5{
background-position:-598px 0;
}
.service .b em.a6{
background-position:-748px 0;
}
.service .b em.a7{
background-position:-897px 0;
}
.service .b em.a8{
background-position:-1046px 0;
}
.service p.t{
font-size:16px;
line-height:2.5em;
color:#000;
text-align:center;
}
.service p.ls{
font-size:12px;
color:#333;
line-height:2em;
text-align:center;
}
.service p.ls a{
color:#444;
margin-right:.5em;
}
.service p.ls a:hover{
color:#000;
text-decoration:underline;
}
.in-banner{
position:relative;
background:url(/mb119.com/css/img/casehd_02.jpg);
text-align:center;
height:350px;
}
.in-banner img{
display:inline-block;
margin-top:55px;
}
.ban-a{
padding-top:45px;
}
.ban-a li{
display:inline-block;
}
.ban-a li a{
display:block;
padding:10px 40px;
border:1px solid #aeafaf;
color:#333;
background:#fff;
cursor:pointer;
}
.ban-a li a.on,
.ban-a li a:hover{
background:#000;
color:#fff;
border:1px solid #000;
}
.cases{
width:100%;
background:#fff;
padding-top:30px;
padding-bottom:32px;
}
.ourcase{
position:relative;
padding:30px 0;
background:url(/mb119.com/css/img/qu6_20.jpg) top center repeat-x #fff;
height:550px;
}
.ourcase p.himg{
text-align:center;
}
.cases_nav{
background:url(/mb119.com/css/img/case6_03-02.png) top center;
width:100%;
height:18px;
position:relative;
margin-top:40px;
}
.cases_nav span{
width:18px;
height:18px;
display:block;
background:url(/mb119.com/css/img/case6_03.png) -19px 0 no-repeat;
position:relative;
float:left;
cursor:pointer;
}
.cases_nav span:hover,
.cases_nav span.on{
background-position:0 0;
}
.cases_nav span:hover b,
.cases_nav span.on b{
color:#fff;
}
.cases_nav span.c_1{
margin-left:142px;
}
.cases_nav span.c_2{
margin-left:282px;
}
.cases_nav span.c_3{
margin-left:281px;
}
.cases_nav span.c_4{
margin-left:282px;
}
.cases_nav span b{
color:#b5b7b7;
display:block;
position:absolute;
top:-20px;
width:75px;
text-align:center;
left:-28px;
}
.cases_box{
width:100%;
margin-top:20px;
height:360px;
position:relative;
overflow:hidden;
}
.cases_top{
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;
width:1200px;
height:360px;
position:absolute;
top:0;
left:0px;
}
.cases_wrap{
height:360px;
}
.cases_wrap_act{
left:0;
}
.case_item{
width:238px;
height:178px;
position:relative;
float:left;
overflow:hidden;
margin:1px;
}
.case_item:hover img{
-webkit-transform:scale(1.3);
-ms-transform:scale(1.3);
-moz-transform:scale(1.3);
-o-transform:scale(1.3);
transform:scale(1.3);
}
.case_item:hover a{
-webkit-transform:scale(1);
-ms-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:1;
}
.case_item img{
width:240px;
height:180px;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;
}
.case_item a{
width:100%;
height:100%;
display:block;
position:absolute;
top:0;
left:0;
z-index:69;
background:rgba(0,0,0,0.8);
color:rgba(255,255,255,0.8);
-webkit-transform:scale(1.3);
-ms-transform:scale(1.3);
-moz-transform:scale(1.3);
-o-transform:scale(1.3);
transform:scale(1.3);
opacity:0;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;
}
.case_item span{
height:42px;
display:block;
width:100%;
margin-top:69px;
line-height:42px;
font-size:14px;
}
.case_item a i{
width:42px;
height:42px;
background:url(/mb119.com/css/img/qu6_25.png);
display:block;
float:left;
margin:0 0.5em 0 3em;
}
.ournews{
position:relative;
padding:50px 0;
background:#f3efe9;
}
.ournews p.himg{
text-align:center;
margin-bottom:50px;
}
.l_news{
width:480px;
float:left;
background:#fff;
height:352px;
}
.l_news .ln_img{
width:480px;
height:180px;
position:relative;
overflow:hidden;
}
.l_news .ln_img span{
position:absolute;
top:14px;
left:16px;
width:58px;
height:36px;
line-height:36px;
text-align:center;
display:block;
color:#fff;
background:#ec1419;
}
.l_news .ln_img span.ra{
font-size:30px;
}
.l_news .ln_img span.rb{
top:50px;
color:#f8ebeb;
background:#c01317;
}
.l_news p.ln_til{
font-size:18px;
color:#000;
font-weight:600;
padding:20px;
}
.l_news p.ln_til a{
color:#000;
}
.l_news p.ln_des{
font-size:12px;
color:#666;
line-height:2em;
padding:0 20px 20px 20px;
}
.c_news{
width:470px;
float:left;
margin:0 0 0 4px;
}
.cn_item{
background:#fff;
width:100%;
height:85px;
overflow:hidden;
margin-bottom:4px;
}
.cn_item:hover{
background:#ef9b11;
}
.cn_item:hover span{
background:#fff;
color:#444;
}
.cn_item:hover p.cn_til a{
color:#fff;
}
.cn_item:hover p.cn_des{
color:#ddd;
}
.cn_item span{
width:56px;
height:56px;
text-align:center;
background:#bababa;
display:block;
float:left;
margin:12px;
color:#fff;
}
.cn_item span b{
font-size:20px;
line-height:1.8em;
}
.cn_item p.cn_til{
margin-top:14px;
color:#000;
}
.cn_item p.cn_til a{
color:#000;
}
.cn_item p.cn_des{
color:#666;
margin:10px 0 0 0;
line-height:1.5em;
}
.r_news{
width:240px;
height:352px;
float:left;
margin-left:4px;
background:#ece6dd;
}
.rn_tt{
width:100%;
height:174px;
overflow:hidden;
}
.rn_tt .rn_til{
font-size:16px;
color:#000;
padding:12px 20px 12px 20px;
line-height:1.8em;
}
.rn_tt .rn_til a{
color:#000;
}
.rn_tt .rn_des{
font-size:12px;
color:#666;
line-height:2em;
padding:0 20px 20px 20px;
}
.rn_logo{
width:100%;
height:178px;
background:#ef9b11;
position:relative;
overflow:hidden;
text-align:center;
}
.rn_logo img{
display:inline-block;
width:240px;
height:178px;
}
.rn_logo em{
background:url(/mb119.com/css/img/qu6_310.png);
width:18px;
height:10px;
display:block;
position:absolute;
top:0;
left:111px;
}
.ourcus{
position:relative;
padding:50px 0;
background:#fff;
}
.ourcus p.himg{
text-align:center;
margin-bottom:20px;
}
.ourcus p.intro{
color:#555;
text-align:center;
margin-bottom:30px;
}
.ourcus_ico tr{
margin:0;
padding:0;
}
.ourcus_ico td{
background:#ffffff;
margin:0;
padding:0;
border:1px solid #eaeaea;
text-align:center;
width:238px;
height:117px;
}
.ourcus_ico img{
max-width:238px;
max-height:100px;
margin-top:9px;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;
}
.ourcus_ico img:hover{
opacity:0.6;
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}
.oursl{
position:relative;
background:#f3efe9;
padding:50px 0 10px 0;
}
.oursl p.himg{
text-align:center;
margin-bottom:50px;
}
.sl_img{
border-bottom:1px solid #dad7d1;
height:180px;
}
.sl_img li{
display:inline-block;
float:left;
text-align:center;
font-size:14px;
color:#555;
}
.sl_links{
width:100%;
border-top:1px solid #fff;
padding-top:5px;
line-height:2.5em;
}
.sl_links span{
color:#ca1414;
font-size:16px;
margin:.5em;
}
.sl_links a{
color:#444;
margin-right:10px;
}
.service{
width:100%;
background:url(/mb119.com/css/img/index_07.png) top left repeat;
padding-bottom:30px;
}
.service p.h{
padding-top:60px;
}
.service p.h img{
margin-left:300px;
}
.service .b{
padding-top:45px;
}
.service .b li{
width:130px;
padding-right:20px;
float:left;
}
.service .b em{
display:block;
width:114px;
height:114px;
margin-left:8px;
line-height:999px;
overflow:hidden;
background-image:url(/mb119.com/css/img/index_y_17.png);
background-repeat:no-repeat;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;
}
.service .b em:hover{
-webkit-transform:scale(.95) rotate(5deg);
-moz-transform:scale(.95) rotate(5deg);
-ms-transform:scale(.95) rotate(5deg);
-o-transform:scale(.95) rotate(5deg);
transform:scale(.95) rotate(5deg);
}
.service .b em.a1{
background-position:0 0;
}
.service .b em.a2{
background-position:-150px 0;
}
.service .b em.a3{
background-position:-299px 0;
}
.service .b em.a4{
background-position:-448px 0;
}
.service .b em.a5{
background-position:-598px 0;
}
.service .b em.a6{
background-position:-748px 0;
}
.service .b em.a7{
background-position:-897px 0;
}
.service .b em.a8{
background-position:-1046px 0;
}
.service p.t{
font-size:16px;
line-height:2.5em;
color:#000;
text-align:center;
}
.service p.ls{
font-size:12px;
color:#333;
line-height:2em;
text-align:center;
}
.service p.ls a{
color:#444;
margin-right:.5em;
}
.service p.ls a:hover{
color:#000;
text-decoration:underline;
}
.cases{
width:100%;
background:#fff;
padding-top:30px;
padding-bottom:32px;
}
.cases .c_hd,
.solution .c_hd,
.cust .c_hd{
padding-top:42px;
height:46px;
position:relative;
background:url(/mb119.com/css/img/index_15.png) left top no-repeat;
}
.solution .c_hd{
background:url(/mb119.com/css/img/index_27.png) left top no-repeat;
}
.solution .qu_s{
padding:0;
background:none;
margin-top:2.5em;
}
.cust .c_hd{
background:url(/mb119.com/css/img/index_38.png) left top no-repeat;
}
.cases .c_hd p,
.solution .c_hd p,
.cust .c_hd p{
line-height:46px;
font-size:38px;
color:#666;
background:url(/mb119.com/css/img/index_35.png) 160px 3px no-repeat;
}
.solution .c_hd p{
background-position:240px 3px;
}
.cases .c_hd a{
width:167px;
height:87px;
display:block;
line-height:999px;
overflow:hidden;
background:url(/mb119.com/css/img/index_18.png) left top no-repeat;
position:absolute;
top:0;
right:0;
}
.cases .c_bd{
position:relative;
width:100%;
}
.cases .c_bd li{
display:block;
float:left;
margin-top:30px;
width:285px;
margin-left:20px;
position:relative;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-o-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
transform-style:preserve-3d;
-webkit-perspective:1300px;
-moz-perspective:1300px;
-ms-perspective:1300px;
-o-perspective:1300px;
perspective:1300px;
}
.cases .c_bd a{
display:block;
padding-top:24px;
background:url(/mb119.com/css/img/index_y_33.png) left top no-repeat;
width:285px;
height:156px;
transform-origin:0 50%;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;
}
.cases .c_bd a.on{
-moz-transform:rotateY(28deg);
transform:rotateY(28deg);
}
.cases .c_bd li span{
display:block;
position:absolute;
top:1em;
right:-1.5em;
opacity:0;
font-size:14px;
color:#666;
width:14px;
z-index:9999;
-webkit-transition:all .4s linear .1s;
-moz-transition:all .4s linear .1s;
-ms-transition:all .4s linear .1s;
-o-transition:all .4s linear .1s;
transition:all .4s linear .1s;
}
.cases .c_bd li span.on{
opacity:1;
right:.5em;
}
.solution{
width:100%;
background:url(/mb119.com/css/img/index_07.png) top left repeat;
padding-top:30px;
padding-bottom:30px;
}
.solution .s_bd{
padding-top:30px;
}
.solution .s_bd a{
display:block;
float:left;
width:285px;
height:280px;
background:#fff;
border-bottom:2px solid #3fb5c0;
margin-left:20px;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;
}
.solution .s_bd a:first-child{
margin-left:0;
}
.solution .s_bd a:hover{
border-color:#ef9b11;
}
.solution .s_bd a:hover h2{
background-color:#ef9b11;
}
.solution .qu_s_b a{
width:297.5px;
margin-left:3px;
border:none;
height:340px;
}
.solution .qu_s_b a:hover h2{
background-color:#fff;
}
.solution .s_bd a:hover em{
-webkit-transform:scale(0.95);
-moz-transform:scale(0.95);
-ms-transform:scale(0.95);
-o-transform:scale(0.95);
transform:scale(0.95);
}
.solution .s_bd h2{
width:100%;
height:40px;
text-align:center;
line-height:40px;
color:#fff;
font-size:18px;
background:#3fb5c0;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;
}
.solution .qu_s_b h2{
font-size:24px;
color:#000;
background:#fff;
margin-top:0.81em;
}
.solution .qu_s_b .s_t{
font-size:14px;
text-align:center;
color:#444;
}
.solution .s_bd p.img{
padding-top:38px;
padding-bottom:20px;
text-align:center;
}
.solution .s_bd p.img em{
display:inline-block;
width:100px;
height:110px;
background-image:url(/mb119.com/css/img/index_31.png);
background-repeat:no-repeat;
line-height:999px;
overflow:hidden;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear;
}
.solution .qu_s_b p.img em{
background-image:url(/mb119.com/css/img/m-s-1_03.png);
}
.solution .s_bd p.img em.s1{
background-position:0px 0px;
}
.solution .s_bd p.img em.s2{
background-position:-101px 0px;
}
.solution .s_bd p.img em.s3{
background-position:-202px 0px;
}
.solution .s_bd p.img em.s4{
background-position:-303px 0px;
}
.solution .qu_s_b p.img em.s2{
background-position:-100px 0px;
}
.solution .qu_s_b p.img em.s3{
background-position:-200px 0px;
}
.solution .qu_s_b p.img em.s4{
background-position:-300px 0px;
}
.solution .s_bd p.des{
padding:0 10px;
color:#666;
line-height:1.8em;
}
.users{
width:100%;
padding:30px 0;
}
.users a:hover{
text-decoration:underline;
}
.users .l_u{
float:left;
width:830px;
}
.l_u .c_hd{
height:46px;
position:relative;
padding-bottom:24px;
}
.l_u .c_hd p{
line-height:46px;
font-size:38px;
color:#666;
background:url(/mb119.com/css/img/index_35.png) 240px 3px no-repeat;
}
.u_img{
width:320px;
height:250px;
background:#f7f7f7;
position:relative;
float:left;
}
.u_img .imgs{
width:108px;
height:134px;
overflow:hidden;
position:relative;
margin:30px 0 0 105px;
}
.u_img .imgs .imgspop{
background:url(/mb119.com/css/img/index_39.png) top left no-repeat;
position:absolute;
top:0;
left:0;
width:108px;
height:134px;
z-index:900;
}
.u_img .imgs span{
display:block;
height:105px;
position:absolute;
top:14px;
left:7px;
z-index:800;
width:1000px;
}
.u_img .imgs span a{
float:left;
}
.u_img .imgs span img{
width:94px;
height:105px;
}
.u_img .tils{
width:240px;
height:20px;
margin:24px auto 0;
overflow:hidden;
position:relative;
}
.u_img .tils span{
text-align:center;
position:absolute;
top:0;
left:0;
}
.u_img .tils span a{
line-height:20px;
color:#444;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.u_img .tips{
width:100%;
margin-top:10px;
text-align:center;
}
.u_img .tips span{
width:8px;
height:8px;
display:inline-block;
cursor:pointer;
background:#ccc;
margin-right:2px;
border-radius:50%;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;
}
.u_img .tips span.on,
.u_img .tips span:hover{
background:#45b035;
}
.u_tt{
width:500px;
float:left;
margin-left:10px;
}
.u_tt li{
height:72px;
padding-top:10px;
border-top:1px solid #eee;
}
.u_tt li:first-child{
border:none;
}
.u_tt li em{
width:35px;
height:38px;
float:left;
margin-top:17px;
display:block;
background-image:url(/mb119.com/css/img/index_y_51.png);
background-repeat:no-repeat;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;
}
.u_tt li em.u1{
background-position:0 0;
}
.u_tt li em.u2{
background-position:0 -83px;
}
.u_tt li em.u3{
background-position:0 -167px;
}
.u_tt li:hover em.u1,
.u_tt li.on em.u1{
background-position:-37px 0;
}
.u_tt li:hover em.u2,
.u_tt li.on em.u2{
background-position:-37px -83px;
}
.u_tt li:hover em.u3,
.u_tt li.on em.u3{
background-position:-37px -167px;
}
.u_tt li a{
color:#3fb5c0;
line-height:2em;
}
.u_tt li p{
color:#666;
line-height:1.8em;
}
.r_n{
width:320px;
float:left;
margin-left:50px;
}
.r_n .c_hd{
height:46px;
position:relative;
padding-bottom:24px;
}
.r_n .c_hd p{
line-height:46px;
font-size:38px;
color:#666;
}
.r_n .imgs{
width:315px;
height:250px;
position:relative;
overflow:hidden;
}
.r_n .imgs .nimgpop{
display:block;
width:315px;
height:250px;
position:absolute;
top:0;
left:0;
z-index:900;
background:url(/mb119.com/css/img/index_45.png) 0px 0px no-repeat;
}
.r_n .imgs span{
display:block;
position:absolute;
top:22px;
left:23px;
height:200px;
width:2000px;
}
.r_n .imgs span a{
float:left;
}
.r_n .imgs span img{
margin-top:26px;
width:285px;
height:156px;
max-width:270px;
max-height:200px;
/*148*/
}
.b_n{
width:100%;
float:left;
padding-top:30px;
}
.b_n .c_hd{
height:46px;
position:relative;
padding-bottom:24px;
}
.b_n .c_hd p{
line-height:46px;
font-size:38px;
color:#666;
background:url(/mb119.com/css/img/index_35.png) 160px 3px no-repeat;
}
.n_imgs{
width:320px;
height:250px;
background:#f7f7f7;
position:relative;
float:left;
}
.n_imgs .imgs{
position:relative;
width:315px;
height:180px;
margin:10px 0 0 2px;
overflow:hidden;
}
.n_imgs .imgs span{
position:absolute;
top:0;
left:0;
width:315px;
height:10000px;
display:block;
}
.n_imgs img{
width:315px;
height:180px;
float:left;
}
.n_imgs .tils{
width:300px;
height:20px;
display:block;
overflow:hidden;
line-height:20px;
position:relative;
margin:20px 10px;
}
.n_imgs .tils span{
position:absolute;
top:0;
left:0;
width:300px;
height:10000px;
display:block;
text-align:center;
}
.n_imgs .tils span a{
line-height:20px;
color:#3fb5c0;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.n_tt{
width:500px;
float:left;
margin-left:10px;
}
.n_tt li{
height:72px;
padding-top:5px;
border-top:1px solid #eee;
}
.n_tt li span{
width:33px;
height:58px;
display:block;
float:left;
background:#9f9f9f;
color:#fff;
margin-right:5px;
margin-top:6px;
text-align:center;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;
}
.n_tt li span strong{
font-weight:600;
font-size:13px;
display:inline-block;
padding-top:7px;
}
.n_tt li span i{
display:inline-block;
padding-top:5px;
}
.n_tt li a{
color:#3fb5c0;
line-height:2em;
}
.n_tt li p{
color:#666;
line-height:1.8em;
}
.n_tt li.on span{
background:#ef9b11;
}
.m_news{
width:320px;
float:left;
margin-left:50px;
}
.m_news li{
height:30px;
line-height:30px;
margin-top:3px;
border-bottom:1px dashed #ccc;
}
.m_news li:first-child{
margin-top:0;
}
.m_news li a{
color:#666;
display:inline-block;
width:75%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.m_news li i{
float:right;
color:#919191;
}
.cust{
width:100%;
background:url(/mb119.com/css/img/index_07.png) top left repeat;
padding-top:30px;
padding-bottom:30px;
}
.custli{
padding-top:0px;
}
.custli li{
width:127px;
height:127px;
overflow:hidden;
float:left;
margin-left:26px;
box-shadow:0px 1px 0px #fff;
margin-top:30px;
}
.custli img{
width:123px;
height:123px;
border:2px solid #dcdcdc;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;
}
.custli img:hover{
border:2px solid #3fb5c0;
}
.custli li:hover{
/* box-shadow:0px 0px 3px #919191;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);*/
}
.cust .s_hd{
height:46px;
position:relative;
padding-top:30px;
padding-bottom:24px;
}
.cust .s_hd p{
line-height:46px;
font-size:38px;
color:#666;
background:url(/mb119.com/css/img/index_35.png) 200px 3px no-repeat;
}
.simg{
width:1198px;
border:1px solid #dcdcdc;
background:#fff;
}
.simg img{
float:left;
display:inline-block;
}
.fks{
padding:24px 0 20px 0;
line-height:2em;
font-size:14px;
color:#666;
}
.fks span{
color:#e5031b;
}
.fks a{
color:#666;
margin-right:.5em;
}
.address{
width:100%;
height:154px;
background:#ededed;
border-top:2px solid #fff;
border-bottom:1px solid #cbcbcb;
margin-top:50px;
}
.address li{
width:309px;
height:104px;
float:left;
margin-top:25px;
border-right:1px dashed #c9c9c9;
padding:0 70px 0 20px;
}
.address img{
float:left;
width:100px;
height:110px;
}
.address h2{
font-size:18px;
color:#767676;
line-height:2em;
font-weight:normal;
}
.address h2 strong{
color:#3fb5c0;
}
.address p{
font-size:14px;
line-height:1.8em;
color:#666;
}
.animated {
animation-duration: 1.5s;
animation-fill-mode: both;
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
.support {
height: 203px;
position: fixed;
right: 0;
top: 200px;
width: 50px;
z-index: 9999;
}
.support li {
height: 50px;
left: 0;
position: absolute;
}
.support li a {
background-color: #ef9b11;
border-radius: 6px;
color: #fff;
display: block;
font-size: 14px;
height: 50px;
line-height: 50px;
overflow: hidden;
transition: all 0.4s ease 0s;
}
.support li:hover a{
background:#000;
}
.support li img {
display: block;
float: left;
margin: 12px 12px 14px 14px;
}
.support li.support_wx i {
background: url("/mb119.com/css/img/songcaiweixin.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: none;
height: 188px;
left: -208px;
position: absolute;
top: -136px;
width: 188px;
}
.support li.support_wx:hover i {
display: block;
}
.support li.support_tel:hover {
left: -110px;
}
.support li.support_qq:hover, .support li.support_wb:hover, .support li.support_ww:hover, .support li.support_wlhq:hover {
left: -110px;
}
.support li.support_tel {
width: 172px;
}
.support li.support_tel, .support li.support_qq, .support li.support_wb, .support li.support_ww, .support li.support_wlhq {
transition: all 0.4s ease 0s;
}
.support li.support_qq {
top: 52px;
width:175px;
}
.support li.support_wb {
top: 104px;
width:140px;
}
.support li.support_ww {
top: 212px;
width:140px;
}
.support li.support_a{
top:156px;
}
.support li.support_wx {
width: 62px;
}
.support li.support_wx {
top: 316px;
}
.support li.support_wlhq {
top:264px;
width:140px;
}
.footer{
width:100%;
padding:20px 0;
background:#2d2f32;
color:#ddd;
font-size:12px;
line-height:2em;
}
.case-list,
.context_main{
margin-bottom:50px;
}
.footer img{
float:left;
margin-right:2em;
display:inline-block;
width:220px;
}
.footer a{
color:#ddd;
}
.footer a img{
width:12px;
margin:8px 5px 0 0;
}
.footer p.p{
float:left;
width:50%;
display:inline-block;
}
.footer p.lst{
float:right;
display:inline-block;
width:26%;
}
.footer p b{
color:#ffc000;
}
.bot_share{
float:right;
text-align:right;
margin-top:15px;
}
.bot_share span{
width:46px;
height:46px;
display:inline-block;
background:url(/mb119.com/css/img/qu6_59.png);
cursor:pointer;
margin-left:40px;
float:right;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;
}
.bot_share span:hover{
-webkit-transform:scale(0.9);
-ms-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
transform:scale(0.9);
opacity:0.9;
}
.bot_share span.xlwb{
background-position:0 0;
}
.bot_share span.txwb{
background-position:-85px 0;
}
.bot_share span.qq{
background-position:-170px 0;
}
.bot_share span.qqzone{
background-position:-254px 0;
}
.secNav{
}
.secNav .secNavBox{
position:absolute;
box-shadow:0px 3px 3px rgba(0,0,0,0.5);
left:500px;
top:168px;
opacity:0;
z-index:9999;
background:#f3f3f3;
color:#444;
font-size:12px;
padding:24px 24px 20px 0;
display:none;
}
.secNav em{
border-left:4px solid transparent;
border-right:4px solid transparent;
border-bottom:4px solid #f3f3f3;
width:0;
height:0;
display:block;
line-height:99px;
overflow:hidden;
position:absolute;
top:-4px;
left:2em;
}
.secNavBox .m{
float:left;
border-left:1px dashed #ddd;
}
.secNavBox .m:first-child{
border-left:0;
}
.secNavBox .m li{
padding-right:24px;
height:30px;
line-height:30px;
}
.secNavBox .m li a{
width:100%;
height:30px;
line-height:30px;
display:block;
text-indent:26px;
color:#444;
}
.secNavBox .m li:hover{
background:#ef9b11;
}
.secNavBox .i{
float:left;
border-left:1px dashed #ddd;
}
.secNavBox .i li{
margin-left:24px;
width:190px;
float:left;
}
.secNavBox .i li img{
width:190px;
height:128px;
margin-bottom:.6em;
}
.secNavBox .i li p{
line-height:1.8em;
color:#444;
}
.secNavBox .i li p strong{
color:#000;
font-size:14px;
}
/**newslist**/
.ntitle{
width:100%;
text-align:center;
color:#000;
font-size:32px;
margin-top:50px;
}
.nlocation{
margin-top:30px;
width:100%;
line-height:30px;
font-size:14px;
color:#444;
background:url(/mb119.com/css/img/news_05.png) left center no-repeat;
text-indent:20px;
}
.nlocation a{
color:#444;
}
.nclass{
border-top:1px solid #ddd;
margin-top:10px;
padding-top:30px;
}
.nclass a{
display:inline-block;
color:#3f3f3f;
height:38px;
line-height:40px;
padding:0 24px;
font-size:16px;
border:1px solid #ddd;
margin-left:-1px;
float:left;
}
.nclass a:first-child{
margin:0;
}
.nclass a:hover{
border:1px solid #ccc;
}
.nclass a.on{
border-top:2px solid #ef9b11;
border-bottom:1px solid #fff;
color:#ef9b11;
}
.newslist{
margin:0px;
}
.newslist li{
margin:30px 0 0;
padding-bottom:30px;
border-bottom:1px dashed #ddd;
}
.newslist h1{
line-height:20px;
font-size:18px;
color:#000;
}
.newslist h1 a{
color:#000;
}
.newslist p.des{
color:#444;
font-size:14px;
line-height:2em;
margin-top:1em;
}
.newslist p.lk,.d_lk{
color:#888;
font-size:12px;
line-height:2em;
margin-top:1em;
}
.newslist p.lk b,.d_lk b{
color:#3fb5c0;
margin-left:4em;
}
.newslist p.lk b:first-child,.d_lk b:first-child{
margin:0;
}
.newslist a.rm,
.visitBtn{
font-size:16px;
height:32px;
line-height:32px;
display:block;
width:120px;
text-align:center;
color:#666;
background:#eee;
margin-top:1em;
border-top-left-radius:3px;
border-bottom-left-radius: 3px;
position:relative;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear;
}
.newslist a.rm:after,
.visitBtn:after{
position:absolute;
top:0;
left:100%;
width:32px;
height:32px;
display:block;
content:'s';
line-height:999px;
overflow:hidden;
background:url(/mb119.com/css/img/news_09.png) center center no-repeat #4bcdd9;
border-top-right-radius:3px;
border-bottom-right-radius:3px;
}
.newslist a.rm:hover,
.visitBtn:hover{
color:#4bcdd9;
padding:0 5px;
}
/*.pages{
padding:12px 0 50px;
width:100%;
text-align:center;
}
.pages a{
width:32px;
height:32px;
display:inline-block;
line-height:32px;
text-align:center;
border:1px solid #ddd;
color:#444;
font-size:14px;
}
.pages a.on{
background:#3fb5c0;
color:#fff;
border:1px solid #3fb5c0;
}*/
.pages {
height:34px; line-height:32px; text-align:center;font-size:14px;color:#444; margin-bottom:10px;margin-bottom:30px;
}
.pages li
{
float: left;
list-style-type: none;
}
.pages a { padding:6px 12px; border:1px solid #ddd; color:#444; }
.pages span{padding:6px 12px; border:1px solid #ddd; color:#444;
}
.pages .on{
background:#3fb5c0;
color:#fff;
border:1px solid #3fb5c0;
height:31px;
width: 34px;
}
/**detail**/
.d_h1{
font-size:20px;
line-height:2em;
border-top:1px solid #ddd;
padding-top:20px;
margin-top:10px;
}
.d_context{
margin-top:30px;
width:100%;
overflow:hidden;
display:block;
line-height:2em;
font-size:14px;
color:#444;
}
.d_context p{
margin-bottom:12px;
}
.d_context img{
max-width:1200px;
}
.d_pn{
margin-top:30px;
color:#444;
padding-bottom:40px;
}
.d_pn b{
margin-left:4em;
color:#3fb5c0;
}
.d_pn b:first-child{
margin:0;
}
.d_pn a{
color:#444;
}
/**case_list**/
.case-list{
background:#fff;
position:relative;
}
.case-list .contain1000{
width:1000px;
min-width:1000px;
}
.cl-ul{
padding-top:40px;
}
.cl-ul li{
width:270px;
height:270px;
position:relative;
overflow:hidden;
background:#f3f3f3;
border-top:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
cursor:pointer;
margin:0px 15px 30px;
display:inline-block;
float:left;
z-index:0;
}
.cl-ul li .shade{
width:270px;
height:147px;
background:url(/mb119.com/css/img/qu6_25.png) center center no-repeat rgba(0,0,0,0.5);
position:absolute;
top:-147px;
left:0;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear;
}
.cl-ul li .bg{
width:270px;
height:123px;
background:#ef9b11;
position:absolute;
bottom:-123px;
left:0;
z-index:1;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear;
}
.cl-ul li:hover .shade{
top:0;
}
.cl-ul li:hover .bg{
bottom:0;
}
.cl-ul li:hover p{
color:#fff;
}
.cl-ul li:hover p strong{
color:#fff;
}
.cl-ul li:hover img{/*
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);*/
}
.cl-ul li img{
width:270px;
height:147px;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;
}
.cl-ul li p{
color:#999;
line-height:2.5em;
margin:10px 20px;
font-family:Arial,"宋体";
position:relative;
z-index:2;
}
.cl-ul li p strong{
color:#222;
font-size:16px;
}
.b_none{
border:none;
}
#casesp{
display:none;
}
.caselist{
width:100%;
position:relative;
margin-top:40px;
}
.caselist li{
width:288px;
float:left;
margin-left:16px;
overflow:hidden;
}
.caselist li:first-child{
margin:0;
}
.caselist .citem{
width:278px;
border:5px solid transparent;
background:#f3f3f3;
margin-bottom:20px;
border-top:5px solid #ddd;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear;
}
.caselist .citem img{
width:278px;
}
.caselist .citem:hover{
border:5px solid #3fb5c0;
}
.caselist p.til{
line-height:30px;
font-size:16px;
padding:10px 12px 10px 12px;
}
.caselist p.des{
color:#666;
line-height:2em;
padding:0 12px 20px 12px;
}
p.ld_m{
width:100%;
text-align:center;
margin-top:40px;
padding-bottom:50px;
}
p.ld_m span{
padding:10px 24px;
background:#4bcdd9;
font-size:18px;
color:#fff;
border-radius:5px;
display:inline-block;
cursor:pointer;
box-shadow:0px 2px 0px #3fb5c0;
text-shadow:1px 1px 0px #3baab4;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear;
}
p.ld_m span:hover{
padding:10px 30px;
background:#3fb5c0;
box-shadow:0px 2px 0px #009eac;
}
.n_b{
border-bottom:1px solid #ddd;
margin-bottom:40px;
}
.caseDetail{
background:#faf9f9;
}
.caseDetail .img{
float:left;
width:870px;
border:5px solid #cdc9c9;
}
.caseDetail .img img{
width:870px;
}
.caseDetail .txt{
float:left;
width:320px;
overflow:hidden;
}
.caseDetail .txt p{
padding:0 24px;
line-height:2em;
}
.caseDetail .txt p.til{
padding-top:1em;
font-size:18px;
color:#333;
}
.caseDetail .txt p.cla{
font-size:14px;
line-height:3em;
color:#444;
}
.caseDetail .txt p.des{
color:#666;
font-size:12px;
}
.caseDetail .txt p.tim{
color:#888;
font-size:12px;
line-height:4em;
}
.caseDetail .txt p.tim b{
color:#4bcdd9;
}
.visitBtn{
margin-left:24px;
}
.connlist{
margin-top:90px;
}
.conItem{
width:300px;
height:278px;
border:1px solid #e8e8e8;
position:relative;
float:left;
text-align:center;
margin-left:145px;
}
.conItem span{
display:block;
position:absolute;
border-radius:50%;
line-height:999px;
overflow:hidden;
}
.conItem .p1{
width:121px;
height:121px;
border:1px solid #e8e8e8;
top:-63px;
left:89px;
background:#fff;
}
.conItem .p2{
border:1px dashed #ffb82a;
width:83px;
height:83px;
background:#fff;
top:-43px;
left:108px;
}
.conItem .p3{
background:rgba(255,184,42,0.6);
width:75px;
height:75px;
top:-38px;
left:113px;
}
.conItem .p4{
background:rgba(255,184,42,0.6);
width:75px;
height:75px;
top:-38px;
left:113px;
}
.conItem .p5{
background:url(/mb119.com/css/img/connpngt.png) 0 0 no-repeat;
width:24px;
height:24px;
top:-13px;
left:138px;
}
.conItem p.a_til{
margin-top:90px;
font-size:18px;
color:#333;
}
.conItem p{
color:#666;
line-height:2em;
padding:0 30px;
}
.conItem b{
display:inline-block;
padding:10px 20px;
background:#333;
color:#fff;
margin-top:2em;
}
.conItem:before{
width:100%;
height:11px;
background:url(/mb119.com/css/img/lianxiyy.png) top center no-repeat;
content:'s';
line-height:999px;
overflow:hidden;
position:absolute;
top:100%;
left:0;
}
.c_add{
margin-left:0;
}
.c_tel .p2{
border-color:#91bb4f;
}
.c_tel .p3{
background:rgba(145,187,79,0.6);
}
.c_tel .p4{
background:rgba(145,187,79,0.6);
}
.c_tel .p5{
background-position:-48px 0;
}
.c_tel b{
background:#91bb4f;
}
.c_ewm .p2{
border-color:#4bcdd9;
}
.c_ewm .p3{
background:rgba(75,205,217,0.6);
}
.c_ewm .p4{
background:rgba(75,205,217,0.6);
}
.c_ewm .p5{
background-position:-24px 0;
}
.conItem .p_a{
-webkit-animation:p_a_act 4s linear infinite;
-moz-animation:p_a_act 4s linear infinite;
-ms-animation:p_a_act 4s linear infinite;
-o-animation:p_a_act 4s linear infinite;
animation:p_a_act 4s linear infinite;
}
@-webkit-keyframes p_a_act
{
0% {-webkit-transform:scale(1);opacity:1;}
30% {-webkit-transform:scale(1.4);opacity:0;}
30.0011% {-webkit-transform:scale(.2);opacity:0;}
100% {-webkit-transform:scale(1);opacity:1;}
}
@-moz-keyframes p_a_act
{
0% {-moz-transform:scale(1);opacity:1;}
30% {-moz-transform:scale(1.4);opacity:0;}
30.0011% {-moz-transform:scale(.2);opacity:0;}
100% {-moz-transform:scale(1);opacity:1;}
}
@-ms-keyframes p_a_act
{
0% {-ms-transform:scale(1);opacity:1;}
30% {-ms-transform:scale(1.4);opacity:0;}
30.0011% {-ms-transform:scale(.2);opacity:0;}
100% {-ms-transform:scale(1);opacity:1;}
}
@-o-keyframes p_a_act
{
0% {-o-transform:scale(1);opacity:1;}
30% {-o-transform:scale(1.4);opacity:0;}
30.0011% {-o-transform:scale(.2);opacity:0;}
100% {-o-transform:scale(1);opacity:1;}
}
@keyframes p_a_act
{
0% {transform:scale(1);opacity:1;}
30% {transform:scale(1.4);opacity:0;}
30.0011% {transform:scale(.2);opacity:0;}
100% {transform:scale(1);opacity:1;}
}
.conItem .p_b{
-webkit-animation:-1s p_b_act 4s linear infinite;
-moz-animation:-1s p_b_act 4s linear infinite;
-ms-animation:-1s p_b_act 4s linear infinite;
-o-animation:-1s p_b_act 4s linear infinite;
animation:-1s p_b_act 4s linear infinite;
}
@-webkit-keyframes p_b_act
{
0% {-webkit-transform:scale(0.2);opacity:1;}
70% {-webkit-transform:scale(1);opacity:1;}
100% {-webkit-transform:scale(1.4);opacity:0;}
}
@-moz-keyframes p_b_act
{
0% {-moz-transform:scale(0.2);opacity:1;}
70% {-moz-transform:scale(1);opacity:1;}
100% {-moz-transform:scale(1.4);opacity:0;}
}
@-ms-keyframes p_b_act
{
0% {-ms-transform:scale(0.2);opacity:1;}
70% {-ms-transform:scale(1);opacity:1;}
100% {-ms-transform:scale(1.4);opacity:0;}
}
@-o-keyframes p_b_act
{
0% {-o-transform:scale(0.2);opacity:1;}
70% {-o-transform:scale(1);opacity:1;}
100% {-o-transform:scale(1.4);opacity:0;}
}
@keyframes p_b_act
{
0% {transform:scale(0.2);opacity:1;}
70% {transform:scale(1);opacity:1;}
100% {transform:scale(1.4);opacity:0;}
}
.l_conn{
float:left;
width:50%;
}
.connwrap{
margin-top:60px;
border-top:1px dashed #ddd;
padding-top:40px;
}
.connwrap .conn_hd{
font-size:18px;
color:#000;
line-height:2em;
}
.connwrap .conn_til{
margin-top:24px;
line-height:16px;
font-size:14px;
color:#000;
padding-bottom:10px;
}
.connwrap .conn_til b{
width:16px;
height:16px;
float:left;
margin-right:5px;
display:inline-block;
}
.connwrap .bus_til b{
background:url(/mb119.com/css/img/connpngt.png) -4px -45px no-repeat;
}
.connwrap .car_til b{
background:url(/mb119.com/css/img/connpngt.png) -27px -45px no-repeat;
}
.connwrap .train_til b{
background:url(/mb119.com/css/img/connpngt.png) -52px -45px no-repeat;
}
.connwrap .p{
font-size:14px;
color:#444;
margin-top:3px;
line-height:2em;
padding-right:80px;
}
.connwrap .p b{
color:#f00;
}
.f_input{
margin-top:24px;
}
.f_input input[type=text]{
width:242px;
height:36px;
line-height:36px;
text-indent:7px;
border:1px solid #ddd;
display:inline-block;
color:#999;
margin-left:12px;
}
.f_input input:first-child{
margin-left:0;
}
.f_textarea{
margin-top:24px;
}
.f_textarea textarea{
width:490px;
border:1px solid #ddd;
padding:5px;
height:75px;
}
.f_submit{
margin-top:24px;
}
.f_submit input{
width:100px;
height:30px;
text-align:center;
line-height:30px;
color:#fff;
font-size:14px;
border:none;
background:#4bcdd9;
cursor:pointer;
box-shadow:0px 2px 0px #3fb5c0;
text-shadow:1px 1px 0px #3baab4;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear;
}
.f_submit input:hover{
width:120px;
background:#3fb5c0;
box-shadow:0px 2px 0px #009eac;
}
.l_map{
background:url("/mb119.com/css/img/index_04.png") repeat scroll left top rgba(0, 0, 0, 0);
margin-top:40px;
}
.l_map ul{
padding:30px 0 40px;
}
.l_map li{
display:inline-block;
float:left;
width:150px;
overflow:hidden;
}
.l_map li.w{
width:300px;
}
.l_map li.w120{
width:120px;
}
.l_map li.w180{
width:180px;
}
.w_f{
background:#323232;
color:#fff;
border:1px solid #1a1a1a;
box-shadow:inset 0px 0px 1px #4e4e4e;
padding:10px 30px 20px;
}
.w_f input[type=text]{
padding:3px;
border:1px solid #1a1a1a;
box-shadow:inset 0px 0px 1px #4e4e4e;
background:#393939;
text-indent:5px;
color:#fff;
margin:5px 0;
border-radius:2px;
}
.w_f input[type=text]:focus{
background:#4a4a4a;
outline: none;
}
.w_f textarea{
padding:3px;
border:1px solid #1a1a1a;
box-shadow:inset 0px 0px 1px #4e4e4e;
background:#393939;
line-height:22px;
margin:5px 0;
color:#fff;
font-size:12px;
width:230px;
border-radius:2px;
}
.w_f textarea:focus{
outline:none;
background:#4a4a4a;
}
.w_f input[type=button],
.w_f input[type=submit]{
cursor:pointer;
border:none;
margin:5px 0;
background:#4bcdd9;
padding:5px 12px;
border-radius:2px;
}
.w_f input[type=button]:focus,
.w_f input[type=submit]:focus{
background:#3fb5c0;
}
.l_map li p{
color:#fff;
line-height:2.4em;
font-size:12px;
}
.l_map li p.l22{
line-height:22px;
}
.l_map li a{
color:#ddd;
}
.l_map li a:hover{
color:#3fb5c0;
text-decoration:underline;
}
.l_map li p:first-child{
font-size:16px;
font-weight:bold;
}
.p_nav{
width:100%;
height:70px;
background:#fff;
border-bottom:1px solid #aaa;
box-shadow:0px 3px 3px #ccc;
position:fixed;
top:0;
left:0;
z-index:99999;
display:none;
opacity:0;
-webkit-transition:all 1.2s linear;
-moz-transition:all 1.2s linear;
-ms-transition:all 1.2s linear;
-o-transition:all 1.2s linear;
transition:all 1.2s linear;
}
.p_nav a{
display:inline-block;
float:left;
line-height:26px;
font-size:14px;
padding:0 2em;
margin:22px 0;
color:#444;
border-left:1px solid #ccc;
text-decoration:none;
}
/**website**/
.wtitle{width:100%;text-align:center;color:#000;font-size:32px;margin:50px 0 0 0;}
.wtitlelist{margin:30px auto;max-width:1200px;color:#444;}
.wtitl_left01{ width:560px; float:left;}
.wtitl_con01 .wtitl_left01_bt{margin:0 0 10px 0; height:41px;}
.wtitl_con01 .wtitl_left01_co{font:14px/26px "微软雅黑";}
.wtitl_con01 .wtitl_left01_co p{ margin:0px 0 0px 0;}
.wtitl_rgiht01{ width:560px;float:right; text-align:center;}
.wtitl_con02{ margin:50px 0;}
.wtitl_left02{ width:560px; float:left; text-align:center;}
.wtitl_rgiht02 .wtitl_rgiht02_bt{ height:41px;width:325px; margin:0 0 8px 235px;}
.wtitl_rgiht02 .wtitl_rgiht02_co{font:14px/26px "微软雅黑";}
.wtitl_rgiht02 .wtitl_rgiht02_co p{ margin:0 0 0px 0;}
.wtitl_rgiht02{ width:560px;float:right;}
.wtitl_left03{ width:560px; float:left;}
.wtitl_con03 .wtitl_left03_bt{margin:0 0 10px 0; height:41px;}
.wtitl_con03 .wtitl_left03_co{font:14px/26px "微软雅黑";}
.wtitl_con03 .wtitl_left03_co p{ margin:0x 0 0 0;}
.wtitl_rgiht03{ width:560px;float:right; text-align:center;}
.wtitl_con04{ margin:50px 0;}
.wtitl_left04{ width:560px; float:left; text-align:center;}
.wtitl_rgiht04 .wtitl_rgiht04_bt{margin:0 0 10px 227px; height:41px; width:333px;}
.wtitl_rgiht04 .wtitl_rgiht04_co{font:14px/26px "微软雅黑";}
.wtitl_rgiht04 .wtitl_rgiht04_co p{ margin:0px 0 0px 0;}
.wtitl_rgiht04{ width:560px;float:right;}
.wtitl_left05{ width:560px; float:left;}
.wtitl_con05 .wtitl_left05_bt{margin:0 0 10px 0; height:41px;}
.wtitl_con05 .wtitl_left05_co{font:14px/26px "微软雅黑";}
.wtitl_con05 .wtitl_left05_co p{ margin:0x 0 0 0;}
.wtitl_rgiht05{ width:560px;float:right; text-align:center;}
.wtitl_con06{ margin:50px 0;}
.wtitl_left06{ width:560px; float:left; text-align:center;}
.wtitl_rgiht06 .wtitl_rgiht06_bt{margin:0 0 10px 235px; height:41px; width:305px;}
.wtitl_rgiht06 .wtitl_rgiht06_co{font:14px/26px "微软雅黑";}
.wtitl_rgiht06 .wtitl_rgiht06_co p{ margin:0px 0 0px 0;}
.wtitl_rgiht06{ width:560px;float:right;}
.wtitl_left07{ width:560px; float:left;}
.wtitl_con07 .wtitl_left07_bt{margin:0 0 10px 0; height:41px;}
.wtitl_con07 .wtitl_left07_co{font:14px/26px "微软雅黑";}
.wtitl_con07 .wtitl_left07_co p{ margin:0x 0 0 0;}
.wtitl_rgiht07{ width:560px;float:right; text-align:center;}
/**mobile**/
.mobile{width:100%;color:#000;font-size:32px;margin:50px 0 0 0;}
.mobile_bg1{ background: url(/mb119.com/css/img/mobile_bg1.png) no-repeat top center; padding:60px 0 0 0;}
.mobile_man1{max-width:1200px; margin:0 auto;}
.mobile_bg1 .mtitle{ height:30px; font:30px/30px "微软雅黑"; color:#fff;width:500px;margin:0 auto;padding:0 0 60px 0;}
.mobile_bg1 .mobile1_left{ width:610px;float:left; text-align:center;margin:50px 0 0 0;}
.mobile_bg1 .mobile1_rgiht{ width:520px;float:left;margin:100px 0 0 60px;}
.mobile_bg1 .mobile1_rgiht h2{ font:30px/45px "微软雅黑"; color:#000;}
.mobile_bg1 .mobile1_rgiht p{ font:16px/28px "微软雅黑"; color:#666;}
.mobile_bg2{ padding:60px 0 0 0;}
.mobile_man2{max-width:1200px; margin:0 auto;}
.mobile_bg2 .mtitle{ height:30px; font:30px/30px "微软雅黑"; color:#fff;width:500px;margin:0 auto;padding:0 0 60px 0;}
.mobile_bg2 .mobile2_left{ width:475px;float:left; margin:40px 0 0 145px;}
.mobile_bg2 .mobile2_left h2{ font:30px/45px "微软雅黑"; color:#000;margin:0 0 15px 0;}
.mobile_bg2 .mobile2_left h3{ font:22px/30px "微软雅黑"; color:#666; margin:0 0 5px 0;}
.mobile_bg2 .mobile2_left p{ font:16px/28px "微软雅黑"; color:#666;margin:0 0 15px 0;}
.mobile_bg2 .mobile2_rgiht{ width:520px;float:left;margin:50px 0 0 0px;text-align:center;}
.mobile_bg3{ background: url(/mb119.com/css/img/mobile_bg2.png) no-repeat top center; margin:50px 0 0 0;}
.mobile_man3{max-width:1200px; margin:0 auto;}
.mobile_bg3 .mtitle{ height:30px; font:30px/30px "微软雅黑"; color:#fff;}
.mobile_bg3 .mobile3_left{ width:610px;float:left; text-align:center;margin:110px 0 0 0;}
.mobile_bg3 .mobile3_rgiht{ width:520px;float:left;margin:110px 0 0 60px;}
.mobile_bg3 .mobile3_rgiht h2{ font:30px/45px "微软雅黑"; color:#000;margin:0 0 5px 0;}
.mobile_bg3 .mobile3_rgiht h3{ font:22px/30px "微软雅黑"; color:#666; margin:12px 0 5px 0;}
.mobile_bg3 .mobile3_rgiht p{ font:16px/28px "微软雅黑"; color:#666;}
.mobile_bg4{ background: url(/mb119.com/css/img/mobile_bg3.png) no-repeat bottom center; margin:50px 0 0 0;}
.mobile_man4{max-width:1200px; margin:0 auto;}
.mobile_bg4 .mtitle{ height:30px; font:30px/30px "微软雅黑"; color:#fff;width:500px;margin:0 auto;padding:0 0 60px 0;}
.mobile_bg4 .mobile4_left{ width:475px;float:left; margin:120px 0 0 145px;}
.mobile_bg4 .mobile4_left h2{ font:30px/45px "微软雅黑"; color:#000;margin:0 0 15px 0;}
.mobile_bg4 .mobile4_left h3{ font:22px/30px "微软雅黑"; color:#666; margin:0 0 5px 0;}
.mobile_bg4 .mobile4_left p{ font:16px/28px "微软雅黑"; color:#666;margin:0 0 15px 0;}
.mobile_bg4 .mobile4_left span{ width:99px; height:36px; border: solid 1px #ccc; background:#f6f6f6; text-align:center; font:18px/36px "微软雅黑"; color:#666; display:block;float:left; margin:0 10px 10px 0;}
.mobile_bg4 .mobile4_rgiht{ width:520px;float:left;margin:50px 0 60px 0px;text-align:center;}
/**mobile**/
.solution_list{width:100%;color:#000;}
.stitlelist{margin:0 auto;width:100%;color:#444;}
.solution01{width:100%;margin:0 0 0 0;}
.solution_con01{width:1200px;margin:0 auto;height:450px;}
.solution_left01{ width:620px; float:left; padding:110px 0 0 0;}
.solution_left01 .solution_left01_bt{font:20px/20px "微软雅黑";margin:0 0 13px 0; color:#69d2dc;}
.solution_left01 .solution_left01_co{font:14px/23px "微软雅黑"; color:#666;}
.solution_left01 .solution_left01_co p{ padding:0 0 15px 0;}
.solution_left01 .solution_left01_mo a{ font:16px/30px "微软雅黑"; color:#4bcdd9; float:right; margin:10px 0 0 0;}
.solution_rgiht01{ width:560px;float:right; text-align:center; padding:45px 0 0 0;}
.solution02{width:100%; background:#fafafa;}
.solution_con02{width:1200px;margin:0 auto; height:450px;}
.solution_left02{ width:610px; float:left;text-align:center; padding:50px 0 0 0;}
.solution_rgiht02{ width:560px;float:right;padding:120px 0 0 0;}
.solution_rgiht02 .solution_rgiht02_bt{font:20px/20px "微软雅黑";margin:0 0 13px 0; color:#69d2dc;}
.solution_rgiht02 .solution_rgiht02_co{font:14px/23px "微软雅黑"; color:#666;}
.solution_rgiht02 .solution_rgiht02_co{}
.solution_rgiht02 .solution_rgiht02_co p{ padding:0 0 15px 0;}
.solution_rgiht02 .solution_rgiht02_mo a{ font:14px/30px "微软雅黑"; color:#4bcdd9; float:right; margin:35px 0 0 0;}
.solution03{width:100%;height:450px;}
.solution_con03{width:1200px;margin:0 auto;}
.solution_left03{ width:610px; float:left; padding:154px 0 0 0;}
.solution_left03 .solution_left03_bt{font:20px/20px "微软雅黑";margin:0 0 13px 0; color:#69d2dc;}
.solution_left03 .solution_left03_co{font:14px/23px "微软雅黑"; color:#666;}
.solution_left03 .solution_left03_co p{ padding:0 0 15px 0;}
.solution_left03 .solution_left03_mo a{ font:14px/30px "微软雅黑"; color:#4bcdd9; float:right; margin:35px 0 0 0;}
.solution_rgiht03{ width:560px;float:right; text-align:center;padding:80px 0 0 0;}
.solution04{width:100%; background:#fafafa;height:450px;}
.solution_con04{width:1200px;margin:0 auto;}
.solution_left04{ width:610px; float:left;text-align:center;padding:70px 0 0 0;}
.solution_rgiht04{ width:560px;float:right;padding:130px 0 0 0;}
.solution_rgiht04 .solution_rgiht04_bt{font:20px/20px "微软雅黑";margin:0 0 10px 0; color:#69d2dc;}
.solution_rgiht04 .solution_rgiht04_co{font:14px/23px "微软雅黑"; color:#666;}
.solution_rgiht04 .solution_rgiht04_co p{ padding:0 0 15px 0;}
.solution_rgiht04 .solution_rgiht04_mo a{ font:14px/30px "微软雅黑"; color:#4bcdd9; float:right; margin:35px 0 0 0;}
.solution05{width:100%;height:450px;}
.solution_con05{width:1200px;margin:0 auto;}
.solution_left05{ width:610px; float:left;padding:135px 0 0 0;}
.solution_left05 .solution_left05_bt{font:20px/20px "微软雅黑";margin:0 0 10px 0; color:#69d2dc;}
.solution_left05 .solution_left05_co{font:14px/23px "微软雅黑"; color:#666;}
.solution_left05 .solution_left05_co p{ padding:0 0 15px 0;}
.solution_left05 .solution_left05_mo a{ font:14px/30px "微软雅黑"; color:#4bcdd9; float:right; margin:35px 0 0 0;}
.solution_rgiht05{ width:560px;float:right; text-align:center;}
.solution06{width:100%; background:#fafafa; height:450px;}
.solution_con06{width:1200px;margin:0 auto;}
.solution_left06{ width:610px; float:left;text-align:center; padding:70px 0 0 0;}
.solution_rgiht06{ width:560px;float:right;padding:120px 0 0 0;}
.solution_rgiht06 .solution_rgiht06_bt{font:20px/20px "微软雅黑";margin:0 0 10px 0; color:#69d2dc;}
.solution_rgiht06 .solution_rgiht06_co{font:14px/23px "微软雅黑"; color:#666;}
.solution_rgiht06 .solution_rgiht06_co p{ padding:0 0 15px 0;}
.solution_rgiht06 .solution_rgiht06_mo a{ font:14px/30px "微软雅黑"; color:#4bcdd9; float:right; margin:45px 0 0 0;}
.solution07{width:100%;height:450px;}
.solution_con07{width:1200px;margin:0 auto;}
.solution_left07{ width:610px; float:left; padding:130px 0 0 0;}
.solution_left07 .solution_left07_bt{font:20px/20px "微软雅黑";margin:0 0 10px 0; color:#69d2dc;}
.solution_left07 .solution_left07_co{font:14px/23px "微软雅黑"; color:#666;}
.solution_left07 .solution_left07_co p{ padding:0 0 15px 0;}
.solution_left07 .solution_left07_mo a{ font:16px/30px "微软雅黑"; color:#4bcdd9; float:right; margin:35px 0 0 0;}
.solution_rgiht07{ width:560px;float:right; text-align:center; padding:60px 0 0 0;}
.solution08{width:100%; background:#fafafa;height:450px;}
.solution_con08{width:1200px;margin:0 auto;}
.solution_left08{ width:610px; float:left;text-align:center;padding:55px 0 0 0;}
.solution_rgiht08{ width:560px;float:right;padding:122px 0 0 0;}
.solution_rgiht08 .solution_rgiht08_bt{font:20px/20px "微软雅黑";margin:0 0 10px 0; color:#69d2dc;}
.solution_rgiht08 .solution_rgiht08_co{font:14px/23px "微软雅黑"; color:#666;}
.solution_rgiht08 .solution_rgiht08_co p{ padding:0 0 15px 0;}
.solution_rgiht08 .solution_rgiht08_mo a{ font:14px/30px "微软雅黑"; color:#4bcdd9; float:right; margin:35px 0 0 0;}
.solution_detail1{width:100%;color:#000;font-size:32px;margin:50px 0 0 0;}
.sdtitlelist{margin:30px auto;width:1200px; margin:0 auto;color:#444;}
.slocation{margin-top:30px;width:100%;line-height:40px;font-size:14px;color:#444;background:url(/mb119.com/css/img/news_05.png) left center no-repeat;text-indent:20px; padding:0 0 0px 0; border-bottom: 1px solid #ddd;}
.slocation a{color:#444;}
.sdtitle{width:100%;text-align:center;color:#000;font-size:32px;margin:30px 0;}
.sdtitlelist_con{ font:14px/25px "微软雅黑"; color:#555; padding:0 0 60px 0;}
/**mobile**/
.about{width:100%;color:#000;margin:50px 0 0 0; width:1200px; margin:0 auto;}
.atitle{margin:50px auto;width:100%;color:#444;font-size:32px; text-align:center;}
.about_con{}
.about_con .about_con_l{width:590px; float:left; text-align:center;margin:50px 0 0 0;}
.about_con .about_con_r{width:590px; float:left;}
.about_con_r .about_title{font:30px/45px "微软雅黑"; color:#666;}
.about_con .about_con_r p{ font:14px/26px "微软雅黑"; color:#666; padding:0 0 15px 0;}
.about_con02{margin:50px 0 0 0;}
.about_con02 .about_con_l02{width:590px; float:left; }
.about_con_l02 .about_title{font:30px/45px "微软雅黑"; color:#666;}
.about_con02 .about_con_l02 p{ font:14px/26px "微软雅黑"; color:#666; padding:0 0 15px 0;}
.about_con02 .about_con_r02{width:590px; float:left;text-align:center;margin:50px 0 0 0;}
.about_con03{margin:50px 0 0 0;}
.about_con03 .about_con_l03{width:590px; float:left; text-align:center;margin:20px 0 0 0;}
.about_con03 .about_con_r03{width:590px; float:left;}
.about_con_r03 .about_title{font:30px/45px "微软雅黑"; color:#666;}
.about_con03 .about_con_r03 p{ font:14px/26px "微软雅黑"; color:#666; padding:0 0 15px 0;}
.about_con04{margin:50px 0 0 0;}
.about_con04 .about_con_l04{width:590px; float:left; }
.about_con_l04 .about_title{font:30px/45px "微软雅黑"; color:#666;}
.about_con04 .about_con_l04 p{ font:14px/26px "微软雅黑"; color:#666; padding:0 0 15px 0;}
.about_con04 .about_con_r04{width:590px; float:left;text-align:center;margin:0px 0 0 0;}
.about_con05{margin:50px 0 50px 0;}
.about_con05 .about_con_l05{width:590px; float:left; text-align:center;margin:0 0 0 0;}
.about_con05 .about_con_r05{width:590px; float:left;}
.about_con_r05 .about_title{font:30px/45px "微软雅黑"; color:#666;}
.about_con05 .about_con_r05 p{ font:14px/26px "微软雅黑"; color:#666; padding:0 0 15px 0;}
.about_quali{text-align:center; margin:30px;}
.atitle2{margin:50px auto;width:100%;color:#444;font-size:32px; text-align:center;}
.about_quali h4{font:26px/35px "微软雅黑"; color:#4bcdd9;}
.about_quali p{font:14px/26px "微软雅黑"; color:#666; padding:0 0 15px 0;}
.about02{width:100%;height:365px;overflow:hidden;position:relative;z-index:800;}
.about02 img{position:absolute;top:0;left:-260px;}
.about03{width:100%;height:535px;overflow:hidden;position:relative;z-index:800; margin:0 0 30px 0;}
.about03 img{position:absolute;top:0;left:-260px;}
/**shop**/
.shop{width:100%;color:#000;margin:0 auto; padding:0 0 50px 0;}
.shop_bg01{ width:100%;}
.shop_bg01 .shop_con01{ width:1200px; margin:0 auto;}
.shop_bg02{ width:100%; background:#f1f1f1;}
.shop_bg02 .shop_con02{ width:1200px; margin:0 auto;}
.shop_bg03{ width:100%;}
.shop_bg03 .shop_con03{ width:1200px; margin:0 auto;}
.shop_bg04{ width:100%;background:#f1f1f1;}
.shop_bg04 .shop_con04{ width:1200px; margin:0 auto;}
.shop_bg05{ width:100%;}
.shop_bg05 .shop_con05{ width:1200px; margin:0 auto;}
.shop_bg06{ width:100%;background:#f1f1f1;}
.shop_bg06 .shop_con06{ width:1200px; margin:0 auto;}
.shop_bg07{ width:100%;}
.shop_bg07 .shop_con07{ width:1200px; margin:0 auto;}
/**shop2**/
.shop2{width:100%;color:#000;margin:0 auto; padding:0 0 50px 0;}
.shop2_con{width:1200px; margin:0 auto;}
/**shop3**/
.shop3{width:100%;color:#000;margin:0 auto; padding:0 0 50px 0;}
.shop3_bg01{ width:100%; background:#f1f1f1;}
.shop3_bg01 .shop3_con01{ width:1200px; margin:0 auto;}
.shop3_bg02{ width:100%;}
.shop3_bg02 .shop3_con02{ width:1200px; margin:0 auto;}
.shop3_bg03{ width:100%; background:#f1f1f1;}
.shop3_bg03 .shop3_con03{ width:1200px; margin:0 auto;}
.shop3_bg04{ width:100%;}
.shop3_bg04 .shop3_con04{ width:1200px; margin:0 auto;}
.shop3_bg05{ width:100%; background:#f1f1f1;}
.shop3_bg05 .shop3_con05{ width:1200px; margin:0 auto;}
.shop3_bg06{ width:100%;}
.shop3_bg06 .shop3_con06{ width:1200px; margin:0 auto;}
/**contact_remit**/
.contact_remit{width:100%;color:#000;margin:50px 0 0 0; width:1140px; margin:0 auto;}
.ctitle{margin:50px auto;width:100%;color:#444;font-size:32px; text-align:center;}
.contact_remit table{ font:15px/30px "微软雅黑";margin:0 0 50px 0;}
/**contact_Renew**/
.contact_Renew{width:100%;color:#000;margin:50px 0 0 0; width:1140px; margin:0 auto;}
.ctitle{margin:50px auto;width:100%;color:#444;font-size:32px; text-align:center;}
.contact_Renew .Renew_con{ font:16px/30px "微软雅黑";margin:0 0 20px 0;}
.Renew_con .Renew_con_pp1{ font:16px/30px "微软雅黑";font-weight:bold; color:#444;}
.Renew_con .Renew_con_pp2{ font:16px/30px "微软雅黑";}
.Renew_con .Renew_con_pp3{ font:14px/30px "微软雅黑"; color:#69d2dc;}
.Renew_con_A{margin:0 0 20px 0;}
.Renew_con_A .Renew_con_Title{ font:16px/30px "微软雅黑";color:#ef7411;}
.Renew_con_A p{font:14px/30px "微软雅黑";}
.Renew_con_B {font:14px/30px "微软雅黑"; margin:0 0 20px 0;}
.Renew_con_B .Renew_con_Title{ font:16px/30px "微软雅黑";color:#ef7411;}
/**contact_password**/
.contact_password{width:100%;color:#000;margin:50px 0 0 0; width:1140px; margin:0 auto;}
.ctitle{margin:50px auto;width:100%;color:#444;font-size:32px; text-align:center;}
.contact_password .password_con{ font:16px/30px "微软雅黑";margin:0 0 20px 0;}
/**contact_service**/
.contact_service{width:100%;color:#000;margin:50px 0 0 0; width:1140px; margin:0 auto;}
.ctitle{margin:50px auto;width:100%;color:#444;font-size:32px; text-align:center;}
.contact_service .service_con{ font:16px/30px "微软雅黑";margin:0 0 20px 0;}
.service_con_l{width:500px; float:left;}
.service_con_r{width:550px; float:right;}
/**contact_service**/
.contact_receipt{width:100%;color:#000;margin:50px 0 0 0; width:1140px; margin:0 auto;}
.ctitle{margin:50px auto;width:100%;color:#444;font-size:32px; text-align:center;}
.contact_receipt .receipt_con{ font:14px/40px "微软雅黑";margin:0px auto; width:666px; padding:0 0 50px 0;}
.receipt_con table{ border-collapse:collapse !important;}
.receipt_con table, .receipt_con td, .receipt_con th{border:1px solid #ccc; padding-left:24px;}
.receipt_con table .receipt_txt{ width:250px; height:23px; border:1px solid #dcdcdc;padding:0 0 0 10px;}
.receipt_button{ width:80px; height:33px; background:#e94545; text-align:center; border:0; font:15px/33px "微软雅黑"; color:#fff;border-radius:2px;margin:20px 0 0 0;}
/**shop4**/
.shop4{width:100%;color:#000;margin:0 auto;}
.shop4_bg01{ width:100%; background:#fafafa;}
.shop4_bg01 .shop4_con01{ width:1012px; margin:0 auto;}
.shop4_bg02{ width:100%; background:#f1f2f6;}
.shop4_bg02 .shop4_con02{ width:1012px; margin:0 auto;}
.shop4_bg03{ width:100%; background:#fafafa;}
.shop4_bg03 .shop4_con03{ width:1012px; margin:0 auto;}
.shop4_bg04{ width:100%;background:#f1f2f6;}
.shop4_bg04 .shop4_con04{ width:1012px; margin:0 auto;}
/*
FILE ARCHIVED ON 00:43:20 Aug 29, 2018 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 09:19:28 Jan 02, 2025.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 0.553
exclusion.robots: 0.038
exclusion.robots.policy: 0.026
esindex: 0.01
cdx.remote: 92.529
LoadShardBlock: 199.633 (3)
PetaboxLoader3.datanode: 147.038 (4)
PetaboxLoader3.resolve: 241.187 (2)
load_resource: 213.469
*/