@media screen and (max-width:1680px ) {
.domain .T li p { margin-left: 10px; width: 90px; }
}
@media screen and (max-width:1400px ) {
.logo { width: 15%; }
.menu-box .M { width: 85%; }
.MenuList_f1>ul>li>:first-child, .footer-T .L span { font-size: 28px; }
.MenuList_f1>ul>li>:first-child { padding: 5.5% 0; }
.share li a { width: 40px; height: 40px; line-height: 40px; }
.share { margin: 10% auto 0; }
.NavList_a1 a, .ClassList_b1 li a { font-size: 14px; }
.title1 h3 { font-size: 26px; }
.title1 span { font-size: 18px; margin-left: 10px; }
.rid29 .T li p { line-height: 1.5; margin-left: 20px; }
.rid29 .T li img { max-width: 45%; max-height: 45%; }
.rid29 .T li { margin-left: 4%; }
.rid29 .B dl h3 { font-size: 22px; }
.rid29 .B dl li { font-size: 12px; }
.footer-T .L p { font-size: 18px; }
/*电商运营*/
.operation .opt-list { width: 65%; }
.operation .opt-list h2 { font-size: 36px; margin: 20px 0; }
.operation .opt-list h3 { font-size: 22px; }
.opt-ul li i { width: 5vw; height: 5vw; }
.opt-ul li p { font-size: 12px; margin-left: 10px; width: 80px; }
/*域名空间*/
.domain .T li { margin: 1% 0; }
.domain .T li p { line-height: 1.5; margin-left: 20px; }
.domain .T li img { max-width: 45%; max-height: 45%; }
.domain .T.w25 li { width: 33%; }
.domain .T.w20 li { width: 33%; }
.domain .T.w16 li { width: 33%; }
.domain .B dt { width: 30%; }
.domain .B dl dd ol { width: 60%; margin-top: 1vw; padding-right: 5%; }
/*品牌策动-数字动画*/
.brand_X4 dl dd p { width: 100%; }
.brand_X4 dl dd i { width: 100%; float: left; margin-top: 1.5vw; }
/*资讯*/
.NewsList_i1 .case_img, .NewsList_j1 .case_img, .NewsList_k1 .case_img { max-height: 180px; }
.NewsList_i1 .case_img img, .NewsList_j1 .case_img img, .NewsList_k1 .case_img img { height: 180px; }
/*我要应聘*/
.join_Left { width: 100%; }
.join_Right { width: 100%; float: left; margin-top: 20px; }
.join_Left .name, .join_Left .phone { width: 66%; }
.join_Left .sex, .join_Left .code { width: 32%; }
.join_Right>div { width: 128px; float: left; margin-left: 5%; margin-top: 25px; }
.join_Right span { margin-left: 5%; margin-top: 15px; width: 90%; }
.join_Right em { margin-left: 5%; margin-top: 15px; width: 90%; }
/*我们客户*/
.partner ul.PhotoList_h1 li { width: 20%; }
/*反馈留言*/
#feedback .mail { width: 50%; }
#feedback .choice { width: 40%; margin-left: 20px; }
#feedback .yourphone { width: 50%; }
#feedback .yourcode { width: 15%; }
.feedback .check { width: 23%; margin-right: 2%; font-size: 14px; }
}
@media screen and (max-width: 1200px ) {
#MenuList_f3 h3, .footer-T .L em { font-size: 12px; }
}
@media screen and (max-width: 1024px ) {
/*导航响应 2017.11.24*/
.MenuList_f1 { left: 30px; }
.MenuList_f1>ul { }
.MenuList_f1>ul>li>:first-child:after { display: none; }
.MenuList_f1>ul>li>:first-child { font-size: 3.33vw; }
.MenuList_f1>ul>li>:first-child:before { }
.MenuList_f1>ul>li { }
.MenuList_f1>ul>li>:nth-child(2) { }
.MenuList_f1>ul>li:hover>:nth-child(2) { }/*还原电脑版hover*/
.MenuList_f1>ul>li ul li { background: #eee; margin-left: 0; width: 100%; padding: 0px; display: block; border-top: 1px solid #f5f5f5; font-size: 16px; }
.MenuList_f1>ul>li ul li a { color: #737373; line-height: 35px; height: 35px; font-size: 12px; width: auto; padding-left: 20px; text-align: left; }
.MenuList_f1>ul>li:hover>:first-child, .MenuList_f1>ul>li>:first-child.on { }
/*b_type:false*/
.on.MenuList_f1 { }
/*汉堡按钮*/
.menu-i { margin-top: -25px; }
.menu-icon { }
.menu-icon span { }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { }
.menu-icon span:before, .menu-icon span:after { }
.menu-icon span:before { }
.menu-icon span:after { }
.menu-i.on .menu-icon span:after { }
.menu-i.on .menu-icon span:before { }
.menu-i.on .menu-icon span { }
.menu-i.on .menu-icon span:before, .menu-i.on .menu-icon span:after { }
/*---导航end------------------------------------------------------------------------------------------------------------------------*/
.menu-box { width: calc(100% - 30px); left: 30px; padding: 3% 0; }
.slide-menu { width: 30px; }
.slide-box .T { line-height: 30px; transform: scale(0.5); top: 0; }
.slide-box .B { bottom: 2%; }
.menu-i:after { line-height: 30px; margin-top: 5px; }
.menu-icon span, .menu-icon:before, .menu-icon:after { height: 10px; }
.menu-icon:before { margin-right: 3px; }
.menu-icon:after { margin-left: 3px; }
.MenuList_f2 a { font-size: 14px; }
body.on .MenuList_f1 { width: 40vw; }
.share li a { width: 5vw; height: 5vw; line-height: 5vw; }
.banner-pagination .swiper-pagination-current { font-size: 20px; }
.banner-pagination, .banner-btn-box a { font-size: 14px; }
.banner-btn-box .banner-next { margin-left: 1%; }
.banner-btn-box .banner-prev { margin-right: 1%; }
.footer-box { width: calc(100% - 30px); left: 30px; margin-left: auto; }
.banner-text, .page-box, .footer-T { width: calc(100% - 30px); }
.footer-T .L { display: block; width: 100%; }
.footer-T .R { width: 100%; text-align: left; display: block; margin-top: 2%; }
.footer-T .L span { margin-top: 1%; }
.footer-T .L em { margin-top: 2%; }
#MenuList_f3 { margin-top: 2%; }
.footer-btn a { font-size: 12px; padding: 8px 24px; }
.rid29 .T li { width: 21%; margin-left: 5.3%; }
.rid29 .T li p { font-size: 16px; line-height: 1.5; margin-left: 0; width: 100%; text-align: center; margin-top: 20px; }
.NavList_a1 a { font-size: 12px; padding: 8px 24px; }
.ClassList_b1 li { padding: 8px 24px; }
.ClassList_b1 li a { font-size: 12px; }
.rid29 .B ul>li { margin-top: 6%; margin-left: 0; display: block; width: 100%; }
.rid29 .B dl dd { width: 14.3vw; height: 14.3vw; }
.rid29 .B dl dt { width: 76.5%; }
.rid29 .T li i { width: 8.5vw; display: block; height: 8.5vw; margin: 0 auto; }
.right-slide { display: none; }
/*电商运营*/
.operation .opt-list h2 { font-size: 28px; }
/*域名空间*/
.domain .T li p { font-size: 16px; line-height: 1.5; margin-left: 0; width: 100%; text-align: center; margin-top: 10px; }
.domain .T li i { width: 8.5vw; display: block; height: 8.5vw; margin: 0 auto; }
.domain .B dl dd ol { margin-top: 0; }
/*资讯*/
.NewsList_i1 li, .NewsList_j1 li, .NewsList_k1 li { width: 49%; *width:48.95%!important;
margin-right: 2%; margin-bottom: 30px; }
.NewsList_i1 li:nth-of-type(2n) { margin-right: 0; }
.NewsList_j1 li:nth-of-type(2n) { margin-right: 0; }
.NewsList_k1 li:nth-of-type(2n) { margin-right: 0; }
/*我们客户*/
.partner ul.PhotoList_h1 li { width: 25%; }
}
@media screen and (max-width:720px ) {
#wechat_mess { display: block; position: fixed; right: 5vw; bottom: 3%; width: 7vw; height: 7vw; background: url(../images/wechat.png) no-repeat 0 0; z-index: 5; background-size: contain; }
#wechat_mess a { display: block; width: 100%; height: 100%; }
.menu-w, .footer, .banner-text .text-w, .page-w { width: 88%; }
.logo { width: 34.5%; font-size: 0; }
.menu-box .M { width: 65.5%; margin-top: 3vw; }
.MenuList_f2 a { font-size: 3.33vw; }
.MenuList_f2 li { margin-left: 8%; }
.menu-box { padding: 5.5% 0; }
body.on .MenuList_f1 { width: calc(100vw - 30px); max-width: none; }
.MenuList_f1>ul>li>:first-child a:before, .MenuList_f1>ul>li>:first-child a:after { height: 1px; }
.share { margin: 10% auto 0; font-size: 3.33vw; }
.share ul { margin-top: 3vw; }
.share li a { width: 10vw; height: 10vw; line-height: 10vw; }
.share li { margin-left: 3vw; }
.share li a img { max-width: 60%; max-height: 50%; }
.MenuList_f1>ul>li>:first-child { font-size: 5vw; }
.footer>* { font-size: 3.33vw; float: none; display: inline-block; line-height: 1.6; vertical-align: middle; }
.footer .R { margin-left: 5px; }
.footer { padding: 4vw 0; }
.rid29 .T li { width: 45%; margin-left: 10%; margin-top: 5vw; }
.rid29 .T li:nth-child(2n+1) { margin-left: 0; }
.rid29 .T li i { width: 15.5vw; height: 15.5vw; margin: 0 auto; display: block; }
.rid29 .T li p { font-size: 3.33vw; margin-left: 0; width: 100%; text-align: center; margin-top: 2vw; }
.ResTitle_a2 { background: #f5f5f5; border: 1px solid #e5e5e5; }
.ResTitle_a2 span { color: #333; display: block; font-size: 3.33vw; width: 80%; margin: 0 auto; position: relative; z-index: 1; padding: 4vw 0; }
.ResTitle_a2 span:after, .rid29 .B dl h3:after { content: ''; position: absolute; border-style: solid; border-color: #333 transparent transparent; border-width: 1.2vw 1.2vw 0 1.2vw; right: 0; top: 50%; margin-top: -0.6vw; transform: rotateZ(-90deg); transition: 0.3s ease 0s; }
.ResTitle_a2.on span:after, .rid29 .B dl h3.on:after { transform: rotateZ(0deg); }
.ResTitle_a2.on { background: #e8e8e8; }
.nav { position: relative; }
.NavList_a1, .ClassList_b1 { box-sizing: border-box; border: 1px solid #e5e5e5; border-top: none; position: absolute; width: 100%; display: none; z-index: 2; }
.NavList_a1 li { margin-left: 0; display: block; }
.NavList_a1 a { cursor: pointer; font-size: 3.33vw; padding: 4vw 10%; color: #555; background: #f5f5f5; }
.ClassList_b1 li { margin-left: 0; display: block; padding: 4vw 10%; background: #f5f5f5; }
.ClassList_b1 li a { cursor: pointer; display: block; font-size: 3.33vw; width: 100%; height: 100%; color: #555; }
.title1 h3, .rid29 .B dl h3 { font-size: 5vw; }
.rid29 .B dl h3 { position: relative; border-bottom: 1px solid rgba(0,119,204,0.1); padding: 3vw 0; color: #999; font-size: 4.5vw; }
.rid29 .B dl h3:after { border-color: #999 transparent transparent; }
.rid29 .B dl h3.on:after { border-color: #0077cc transparent transparent; }
.rid29 .B dl h3.on { color: #0077cc; }
.nav { margin-top: 5vw; }
.page-content { margin-top: 10vw; }
.title1 span { font-size: 3.33vw; margin-left: 1vw; }
.rid29 .B dl ol { padding-left: 4.33vw; display: none; }
.rid29 .B dl li { font-size: 3.33vw; }
.rid29 .B dl dt { float: none; width: 100%; }
.rid29>ul>li { margin-top: 13%; }
.footer-T .L p { font-size: 4.5vw; }
.footer-T .L span { font-size: 6vw; margin-top: 1.5vw; }
.footer-T .L em { margin-top: 1.5vw; font-size: 3.33vw; }
.footer-T { margin-bottom: 3vw; padding-top: 6vw; border-top: 2vw solid #f7f7f7; }
.footer-btn a { font-size: 3.33vw; width: 49%; padding: 2.8vw 0; margin-left: 2%; box-sizing: border-box; text-align: center; }
.footer-T .R { margin-top: 4vw; }
.banner-text { bottom: 3.33vw; }
.ResTitle_c1 h2 { font-size: 5vw; }
.banner-text .text-w p { font-size: 3.33vw; margin-top: 1vw; }
.NavList_a1 a.on, .ClassList_b1 li.on, .rid29 .B dl dd, .rid29 .T, #MenuList_f3, #pos { display: none; }
/*电商运营*/
.operation .opt-img { display: none; }
.operation .opt-list { float: left; width: 100%; margin-bottom: 4%; }
.operation .opt-list h2 { font-size: 6vw; letter-spacing: 1px; margin: 0 0 12px 0; text-align: center; }
.operation .opt-list h3 { font-size: 5vw; text-align: center; margin-bottom: 20px; }
.opt-ul li { width: 50%; float: left; text-align: center; margin-bottom: 15px; }
.opt-ul li i { width: 20vw; height: 20vw; }
.opt-ul li p { font-size: 3.33vw; margin-left: 0; width: 100%; }
/*域名空间*/
.logo-sp { margin-top: 6.5%; }
.logo-sp img { margin: 0 2%; width: 35vw; }
.domain>ul>li { margin-top: 6.5%; }
.domain .T { margin-top: 4.2%; }
.domain .T.w25 li { width: 50%; }
.domain .T.w20 li { width: 50%; }
.domain .T.w16 li { width: 50%; }
.domain .T li { margin: 4vw 0 0 0; width: 50%; text-align: center; }
.domain .T li i { width: 20vw; height: 20vw; }
.domain .T li p { font-size: 3.33vw; margin-left: 0; margin-top: 10px; width: 100%; }
.domain .B ul>li { margin-top: 6%; }
.domain .B dt { float: left; display: block; width: 100%; }
.domain .B dl dd ol { float: left; width: 95%; margin-top: 4.2%; padding: 0 5% 0 15px; }
.domain .B dl dd ol li { font-size: 3.33vw; }
/*商业摄影*/
.b_pg { }
.b_pg li { height: 30vw; width: 48%; margin: 0 1% 2% 1%; }
.b_pg li span { font-size: 3.33vw; }
.b_pg li.b_pg_top { display: flex; width: 98% !important; font-size: 3.33vw; }
.b_pg li.b_pg_bottom { display: none; }
/*PB营销服务*/
.pbm_txt { margin-bottom: 8vw; font-size: 3.33vw; }
.pbm_img { margin-top: 8vw; }
/*微直播*/
.mob_gn .mob_gn_l { float: left; padding: 0 0 6% 0; width: 100%; }
.mob_gn .mob_gn_l img { width: 36%; }
.mob_gn .mob_gn_l ol li { font-size: 3.33vw; }
.mob_gn .mob_gn_r { float: left; width: 100%; }
/*三维设计*/
.list3d { padding-bottom: 30px; }
.list3d div { display: block; width: 100%; margin-right: 0; margin-bottom: 4.2%; }
/*品牌策动-数字动画*/
.count_list { width: 100%; z-index: 100; margin: 40px 0 0; }
.counter { width: 50%; box-sizing: border-box; border: 1px solid #e8e8e8; }
.counter.br0 { border-right: none; }
.counter.bb0 { border-bottom: none; }
.counter_ls { margin: 20px auto; }
.count-number { font-size: 6.66vw; }
.count-text { font-size: 3.33vw; }
.brand_X4 dl { width: 100%; padding: 40px 0 0; }
.brand_X4 dl dt, .brand_X4 dl dd { width: 100%; }
.brand_X4 dl dt { text-align: center; }
.brand_X4 dl dt img { margin: 0 0 8% 0; width: 40vw; }
.brand_X4 dl dd p { font-size: 3.33vw; }
.brand_X4 dl dd i { width: 100%; float: left; margin-top: 3vw; }
/*资讯*/
.NewsList_i1 li, .NewsList_j1 li, .NewsList_k1 li { width: 100%; *width:100%!important;
margin-right: 0; margin-bottom: 30px; }
/*案例详情*/
.ProductDetail_b1 { width: 100%; }
.ProductDetail_b1 h2 { font-size: 5vw; line-height: 2; margin-bottom: 0px; }
.ProductDetail_b1 h3 { font-size: 3.33vw; line-height: 2; }
.ProductDetail_b1 .Product_Detail { width: 100%; margin-top: 50px; }
.caseback { width: 90px; height: 90px; margin: 25px auto; border-radius: 50%; line-height: 90px; font-size: 24px; border: 2px #0061ae solid; }
/*我们客户*/
.partner_title { font-size: 5vw; line-height: 1.6; }
.partner ul.PhotoList_h1 li { width: 33.33%; }
/*联系我们*/
#map_c { height: 55vw; }
.contact_us h1 { font-size: 5vw; line-height: 1.6; margin: 20px 0 10px 0; }
.contact_us .contact_list li { width: 90%; font-size: 3.33vw; padding: 8px 0 8px 10%; text-indent: 0; line-height: 1.6 }
/*我要应聘*/
.hrList_title1 { font-size: 5vw; font-weight: bold; line-height: 1.6; }
/*反馈留言*/
#feedback .mail { width: 100%; }
#feedback .choice { width: 100%; margin-left: 0; }
#feedback .yourphone { width: 100%; }
#feedback .yourcode { width: 100%; float: left; margin-left: 0; }
.feedback { padding: 20px 0 20px 0; }
.feedback .check { width: 48%; margin: 5px 2% 5px 0; font-size: 14px; }
.apply_ok { padding: 0px; }
.apply_ok_L { width: 100%; border-right: none }
.apply_ok_L em { width: 90%; }
.apply_ok_R { float: left; width: 100%; margin-top: 30px; }
/*页码*/
#page { display: none; }
#load_more_button { display: block; clear: both; border-radius: 5px; width: 80%; margin: 10px auto 30px auto; background: #0061ae; color: #fff; text-align: center; height: 35px; line-height: 35px; font-size: 14px; }
.notRead_num{width:10px; height:10px;transform: translate(30%, -30%);}
#load_more_button.none { display: block; clear: both; border-radius: 5px; width: 80%; margin: 10px auto 30px auto; background: #A8A3A3; color: #fff; text-align: center; height: 35px; line-height: 35px; font-size: 14px; }
}