@charset "utf-8";
@media only screen and (max-width: 2048px){
    .indpics .item { height:738px;}
    .bannerin {height:600px}
    .bannerin_join { height:800px}
}

@media only screen and (max-width: 1620px){
    .wrap1 {margin:0 4%}
    .indpics .item { height:600px;}
    .indprocess .mright li .c {padding:0 10px;min-height:100px}    
    .indcontrol .mright li .t {font-size:30px; line-height: 40px;}
    .indcontrol .mright li .t2 {line-height: 25px;font-size:15px}
    .indcontrol .mright li .c {font-size:15px}
    .indprocess2 .mright li .c {min-height:60px}
    .bannerin_join { height:680px}
}

@media only screen and (max-width: 1420px){
    .wrap {margin:0 4%}
    .fixtop .header .ad { display:none;}
    .indpics .item { height:550px;}
    .fixtop .toper ul.navpc li {margin:0 0 0 2%;}
    .foot .menu li {margin:0 0 0 2%}
    .indabout .wrap {margin:0 auto} 
    .indhonor {padding-bottom:0px}
    .bannerin {height:450px}
    .honor {margin:0 0 80px 0}
    .bannerin_join { height:600px}
}

@media only screen and (max-width: 1200px){
    body {line-height:1.8;}
    html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:14px;}
    .indpics .item { height:400px;}
    .fixtop .header .search,.fixtop .header .tel,.fixtop .toper {display:none;}
    .phonemenu {display:block}    
    .fixtop {height:50px; position: fixed;}
    .fixtop .header {height:50px;}
    .fixtop .header .logo {width:89px; height:30px;top:10px;}
    .tblank { height:50px;}
    .owl-carousel .owl-nav{margin-top:-20px;display:none;}
    .owl-carousel .owl-nav .owl-prev:before {font-size:40px;height:40px;line-height:40px;}
    .owl-carousel .owl-nav .owl-next:before {font-size:40px;height:40px; line-height:40px;}
    .owl-carousel .owl-dots {bottom:5px;}
    .owl-carousel .owl-dots .owl-dot span{width:7px; height:7px;margin:0 5px;}    
    .foot {padding:30px 0}
    .foot .menu {display:none;}
    .foot .cons { position:relative}
    .foot .cons .logo {display:none;}
    .foot .cons .tel {right:0;left:0;top:0;}
    .foot .cons .tel .t {margin:5px 0 3px 0}
    .foot .cons .content {margin:0 300px 0 0; top:0;padding:100px 0 0 0}
    .foot .links {margin:10px 0 0 0}
    .foot .links p:before {top:7px}
    .footer {padding:15px 0 65px 0; line-height: 1.8;}  
    .youbrand {padding:20px 0 23px 0}
    .youbrand .t {font-size:18px; line-height:28px;}
    .youbrand .c {font-size:12px; line-height: 1.6;margin:5px 0 0 0}
    .youbrand2 {padding:30px 0}
    .youbrand2 .t {font-size:20px; line-height: 30px}
    .youbrand2 .c {font-size:14px;}
    .indabout .wrap {margin:0 4%}   
    .videos{padding:7px 7px 0px 7px}
    .video-btn{ width:40px; height:40px;margin:-20px 0 0 -20px}
    .indabout {padding:40px 0}
    .indabout .content {font-size:16px; line-height: 1.8;margin:20px 0 25px 0}
    .indsubject .t {font-size:20px; line-height:30px;}
    .indsubject .e {font-size:13px; line-height:18px;margin:3px 0 0 0}
    .indsubject .icon { width:69px; height: 10px; margin:0 0 10px 0}
    .indsubject i { width:35px;margin:25px 0 0 0}    
    .indprocess {margin:40px 0}
    .indprocess .mleft {width:230px;}
    .indprocess .mleft .content {margin:25px 0 0 0;font-size:14px}
    .indprocess .mright {margin:0 0 0 240px;}
    .indprocess .mright ul {width:101%;margin:-1% 0 0 -0.5%}
    .indprocess .mright li {padding:30px 0px 20px 0px;margin:1% 0.5% 0 0.5%;width:32.3333%}
    .indprocess .mright li .p { height:40px}
    .indprocess .mright li .p img {height:40px}
    .indprocess .mright li .t {font-size:16px; line-height:26px;margin:15px 0 12px 0;}
    .indprocess .mright li .c {min-height:60px}    
    .indsubject .t font {font-size:25px; line-height:35px}
    .indcontrol {margin:40px 0}
    .indcontrol .mleft {top:50%;width:300px;margin-top:-50px}
    .indcontrol .mleft .indsubject {top:0}
    .indcontrol .mright {margin:0 320px 0 0}
    .indcontrol .mright li {padding:25px 10px 20px 15px;min-height:400px;}
    .indcontrol .mright li .n {font-size:30px; line-height: 30px;}
    .indcontrol .mright li .t {font-size:20px; line-height:25px;}
    .indcontrol .mright li .t2 {line-height: 18px; margin:5px 0 25px 0;font-size:13px}
    .indcontrol .mright li .c {font-size:14px}    
    .indprocess2 .mleft {width:290px;top:15px}
    .indprocess2 .mright {margin:0 0 0 310px}
    .indprocess2 .mright ul {width:102%;margin:-2% 0 0 -1%}
    .indprocess2 .mright li {border:1px solid #ccc; width:31.3333%;margin:2% 1% 0 1%;padding:30px 0px 20px 0px;}
    .indprocess2 .mright li .t {font-size:18px; line-height:28px;margin:15px 0 5px 0;}
    .indprocess2 .mright li .c {font-size:14px;min-height:40px}
    .indprocess2 .mright li .n { right:-30px;bottom:-30px;font-size:160px; line-height:160px;}
    #certify {}
    #certify .swiper-slide {width:260px;height:380px;}
    #certify .swiper-slide p {width:260px;height:340px;}
    #certify .swiper-slide h2 { font-size:14px; line-height: 19px;}
    #certify .swiper-button-prev {width:18px;height:30px; line-height:30px;margin-top:-15px;}
    #certify .swiper-button-prev:before {font-size:16px;}
    #certify .swiper-button-next {width:18px;height:30px; line-height:30px;margin-top:-15px;}
    #certify .swiper-button-next:before {font-size:16px;}
    .indcontrol2 {margin-top:50px}
    .indcontrol2 .mleft {margin-top:-40px}    
    .indservice {padding:0 0 15px 0;margin:0 0 20px 0}
    .indservice .c1 {font-size:20px; line-height:30px;}
    .indservice .c2 {font-size:14px; line-height: 24px;margin:5px 0 0 0}
    .indservicelist {margin:0 0 40px 0}
    .indservicelist .mleft {display:none;}
    .indservicelist .mright {width:100%}    
    .indservicelist .mright ul.cate li {border-width:1px}
    .indservicelist .mright ul.cate li a { font-size:14px;height: 35px; line-height: 35px; }
    .indservicelist .mright ul.cate li a i { width:13px; height: 8px; margin:14px 5px 0 0; }
    .indhonor .owl-carousel .owl-nav{ display:block;}    
    .indhonor {padding:40px 0 50px 0;}
    .indhonor .owl-carousel {padding:0 36px;}
    .indhonor .owl-carousel .owl-nav{margin-top:-15px;}
    .indhonor .owl-carousel .owl-nav .owl-prev {width:18px; height: 30px; }
    .indhonor .owl-carousel .owl-nav .owl-prev:before {font-size:16px;height:30px;line-height:30px;}
    .indhonor .owl-carousel .owl-nav .owl-next {width:18px; height:30px;}
    .indhonor .owl-carousel .owl-nav .owl-next:before {font-size:16px;height:30px; line-height:30px;}    
    .new_telst {margin:30px 0 30px 0}
    .new_telst li {width:100px; height: 28px; line-height: 27px;font-size:14px;border-radius:5px;margin:0 10px;}
    .new-wrap {min-height:0}
    .new_lst .item .title {margin:10px 0 0 0;}
    .indcase {padding:40px 0}
    .indcase .indsubject {margin:0 0 30px 0}
    .indcase .mleft {width:100%; padding:20px 10px 20px 20px;}
    .indcase .mleft .e {font-size:14px; line-height:14px;}
    .indcase .mleft .t {font-size:20px; line-height:20px;margin:10px 0 40px 0}
    .indcase .mleft .t:before {bottom:-20px;width:40px; }
    .indcase .mleft li {margin:5px 0; display: inline-block; vertical-align: top;width:25%}
    .indcase .mleft li a {font-size:14px; line-height:24px;}
    .indcase .mright {width:100%}
    .indcase .mright li h2 {left:10px;bottom:2px;}
    .indcase .mright li h2 span {height: 25px; line-height: 23px; font-size:14px;}    
    .indwelfare {padding:40px 0;}
    .indwelfare ul {padding:30px 0 0 0}
    .indwelfare li {border-radius:7px}
    .indwelfare li .in {font-size:14px; line-height: 24px;}
    .indwelfare li .in .t {font-size:16px}    
    .indnews {padding:40px 0; }
    .indnews .indsubject {margin-bottom:30px}
    .new_telst2 {width:100%;margin:0 0 30px 0}
    .new_telst2 li {width:auto; display: inline-block; vertical-align: top; height:28px; line-height: 27px;font-size:14px;margin:-1px -1px 0 0;padding:0 2.3%}
    .new_telst2 li a {font-size:14px;}    
    .new_telst2 li a i { width:13px; height: 8px;margin:10px 5px 0 0}
    .new-wrap2 {width:100%;}
    .new-wrap2 .mleft dd {padding:20px 15px 15px 15px; }
    .new-wrap2 .mleft dd .pic {width:80px;height:80px}
    .new-wrap2 .mleft dd .cons {margin:0 0 0 95px}
    .new-wrap2 .mleft dd .cons .t {top:-3px}
    .new-wrap2 .mleft dd .cons .t a {font-size:16px;}
    .new-wrap2 .mleft dd .cons .c {line-height:22px; height:44px; margin:5px 0 0 0;font-size:13px}
    .new-wrap2 .mleft dd .cons .a {margin:10px 0 0 0; padding:10px 0 0 0;font-size:12px; line-height: 12px}    
    .new-wrap2 .mleft dd .cons .a p,.new-wrap2 .mright dd .a p {font-size:20px; line-height: 20px;}    
    .new-wrap2 .mleft dd .cons .a i { top:20px;width:20px;height:20px;}
    .new-wrap2 .mright dd {height: 76px;}    
    .new-wrap2 .mright dd .a { top:15px;width:80px;height:46px; font-size:12px; line-height: 12px;padding:2px 0 0 17px}    
    .new-wrap2 .mright dd .cons {margin:0 20px 0 95px}    
    .new-wrap2 .mright dd .cons .t { height:40px; line-height: 20px; top:10px;margin:0 0 15px 0}
    .new-wrap2 .mright dd .cons .t a{font-size:14px;}
    .new-wrap2 .mright dd .cons .m a {width:13px;height:8px;}
    .indpart { padding:40px 0 40px 0}
    .indpart .mleft {padding:0px 0 0 0}
    .indpart .mleft .t {font-size:20px; line-height:30px;}
    .indpart .mleft .t2 {font-size:14px; line-height:24px;margin:1px 0 20px 0}
    .indpart .mleft .c {font-size:14px; line-height: 2;}
    .indpart .mleft .c li:before {top:14px;}    
    .indsearch {padding:40px 0;min-height:60px}
    .indsearch .cons { top:-8px;font-size:18px; line-height:30px}
    .indsearch .mright {margin:0 0 0 220px}
    .indsearch .mright input[type="text"] {height:35px; line-height: 33px;border-radius:5px;padding:0 10px;width:27%}
    .indsearch .mright #mbtn {height:35px; line-height: 33px;border-radius:5px;width:11.5%; font-size:16px; }
    .bannerin {height:350px}
    .wrap2 {margin:0 4%}
    .pro_int {margin:40px 0}
    .pro_int .mleft {width:38%;}
    .pro_int .mright {width:57%;margin:0 0 0 5%; }
    .pro_int .mright .cons {font-size:14px;margin:20px 0 0 0}
    .pro_fea {padding:30px 0 40px 0}
    .pro_fea .cons {margin:30px 0 0 0}    
    .pro_app {margin:40px 0 40px 0}
    .pro_app .cons {font-size:14px;margin:20px 0 0 0}
    .pro_con {padding:40px 0 40px 0}
    .pro_con ul {margin-top:10px}
    .pro_con li i {width:30px; line-height: 29px;height:30px;font-size:14px;}
    .pro_con li .cons {margin:0 0 0 40px}
    .pro_con li .cons .t,.pro_con .content .t {font-size:18px;line-height:28px;}
    .pro_con li .cons .c,.pro_con .content .c {font-size:14px;}
    .pro_con .content { border-radius:5px;padding:15px;margin:30px 0 0 0}
    .pro_con li.li226,.pro_con li.li233 {min-height:0}    
    .product {padding:40px 0 50px 0}
    .product .cate {margin-top:10px}
    .product .cate li a {border-radius:5px; height:35px; line-height: 34px;padding:0 15px;margin:15px 15px 0 0;}
    .product .list {margin-top:10px}
    .conslist {margin-top:30px}
    .conslist .pic a {padding:30px 40px;}
    .conslist .title {margin:15px 0 20px 0}
    .conslist .title a {font-size:14px;}
    .conslist .icon a { width:80px; height: 25px; line-height: 25px;}
    .conslist .icon a i {font-size:14px;}
    .get_more{width:100px;margin:50px 0 0 -50px;}
    .get_more p {height:40px; line-height:38px;font-size:14px;border-radius:6px}    
    .show1 {margin:40px 0 0 0;border-top-right-radius:5px;border-bottom-right-radius:5px;}
    .show1 .mleft {padding:40px 40px;}
    .show1 .mright {padding:25px 25px 25px 25px;}
    .show1 .mright .t {font-size:22px; line-height: 30px}
    .show1 .mright .t2 {font-size:16px; line-height: 26px;margin:5px 0 0 0}
    .show1 .mright .s {font-size:20px; line-height: 20px;margin:25px 0}
    .show1 .mright .gs {font-size:14px;}
    .show1 .mright .m {margin:30px 0 0 0}
    .show1 .mright .m p { width:100px; height: 30px; line-height: 29px; }
    .show1 .mright .m p a {font-size:14px}
    .show1 .mright .m p i { width:13px; height: 8px;margin:11px 5px 0 0}
    .show1 .mright .m h2 {font-size:14px; bottom:-4px;left:115px;}
    .show2 {margin:20px 0 0 0;padding:20px 20px 23px 20px;border-radius:5px; }
    .show2 .t {font-size:20px; line-height:25px;}
    .show2 .c {font-size:14px;}
    .show2 .c li {padding:0 0 0 10px}
    .show2 .c li:before {top:11px;width:3px; height:3px}    
    .show4 {margin:40px 0 50px 0}
    .show4 li {margin-top:30px}
    .show4 li .pic {border-radius:5px;}
    .show4 li .pic a {padding:20%}
    .show4 li .title {margin:15px 0 0 0}
    .show4 li .title a {font-size:14px;}
    .stareng {padding:35px 0 30px 0;}
    .stareng .cons {font-size:14px;margin:30px auto 0 auto}
    .starpics .owl-carousel .owl-nav { display:block}
    .indnum {padding:40px 0}
    .indnum li {margin:0 0 0 80px;}
    .indnum li:before {width:1px; height: 40px;right:-40px;top:18px}
    .indnum li h3 {font-size:40px; line-height:40px;}
    .indnum li h4 {font-size:20px; line-height:20px;margin:5px 0 0 5px}
    .indnum li .content {font-size:16px;margin:0}    
    .solution_adv {padding:50px 0}
    .solution_adv ul {padding:40px 0 0 0}
    .solution_adv li {padding:15px 10px 10px 15px; width:32.3333%}
    .solution_adv li .t {font-size:16px; line-height:26px;}
    .solution_adv li .c {min-height:70px}
    .solution_adv li:hover {top:0}    
    .solution {margin:0 0 40px 0}
    .solution .subject {font-size:22px; line-height: 30px;margin:40px 0 40px 0}
    .solution .subject:before {width:40px;margin-left:-20px;bottom:-30px;}
    .solution ul {padding:30px 0 0 0}
    .solution li .cons {padding:15px 15px 20px 15px}
    .solution li .cons .t {margin:0 0 8px 0}
    .solution li .cons .t a {font-size:18px;}
    .solution li .cons .c { line-height: 23px; height:92px;font-size:13px;}
    .solution_case {padding:40px 0 40px 0}
    .solution_case .list {padding:30px 0 0 0}
    .conslist2 .title { height: 40px; line-height:38px; overflow: hidden;padding:0 15px;font-size:14px;}
    .solution_case .get_more {margin-top:35px}
    .wrap3 {margin:0 4%}    
    .sshow .subject {padding:40px 0 10px 0;margin:0 0 30px 0}
    .sshow .subject .t {font-size:22px; line-height:30px;}
    .sshow .subject .e {font-size:14px; line-height:19px;}
    .sshow .cons1 .t {font-size:18px; line-height:20px;margin:0 0 30px 0}
    .sshow .cons1 .t:before {bottom:-15px;width:30px; height:1px;}
    .sshow .cons1 .c {font-size:14px;}
    .sshow .cons3 {margin:40px 0 50px 0;}    
    .news .cate {margin:40px 0 35px 0}
    .news .cate li {margin:0 0 0 15px}
    .news .cate li a { height:35px; line-height:34px; padding:0 15px;border-radius:5px;font-size:16px;}
    .news .firstnews {padding:15px; height:174px;margin:0 0 30px 0}
    .news .firstnews .pic {left:15px;top:15px;width:200px;height:144px;}
    .news .firstnews .cons {margin:0 0 0 220px;padding:5px 0 0 0}
    .news .firstnews .cons .t {height:25px; line-height:25px;}
    .news .firstnews .cons .t a{font-size:18px}
    .news .firstnews .cons .c {font-size:13px; line-height:25px; height:50px;margin:13px 0 16px 0}
    .news .firstnews .cons .m a {width:90px; height: 25px; line-height: 24px; font-size:14px; }
    .news .firstnews .cons .m a i {width:13px; height:8px; margin:8px 5px 0 0}    
    .news .mleft {padding:0 0 40px 0;margin-top:-25px;width:100%}
    .news .mleft .get_more {margin-top:40px}
    .conslist3 .in { height: 110px}
    .conslist3 .addtime {width:70px;height:80px; top:15px;}
    .conslist3 .addtime p {font-size:30px; line-height: 30px;padding:12px 0 0 0;}
    .conslist3 .addtime span {font-size:12px;line-height: 12px;}
    .conslist3 .cons {margin:0 0 0 85px;padding:16px 0 0 0}
    .conslist3 .cons .t {margin:0 0 10px 0}
    .conslist3 .cons .t a {font-size:16px;}
    .conslist3 .cons .c {font-size:13px;line-height: 23px; height:46px;}
    .news .mright {display:none;}
    .nshow .mleft {padding:25px 20px 30px 20px;margin-bottom:40px;margin-top:0px}
    .nshow .mleft .nst {font-size:20px; line-height:30px;}
    .nshow .mleft .nst2 {font-size:14px;padding:5px 0 20px 0;margin:0 0 30px 0}
    .nshow .mleft .nsc {font-size:14px}
    .prevnext {margin:20px 0 0 0;padding:20px 0 0 0;line-height: 25px}
    .nsshare {margin:40px 0 0 0;}    
    .charity .indsubject {margin:40px 0}
    .charity .mleft .list {margin-top:-10px}
    .conslist4 .ctt a {font-size:14px;}
    .conslist4 .cta {font-size:12px}
    .conslist4 .ctt {margin:10px 0 0 0}
    .conslist4 .cta {padding:0px 0 10px 0;}
    .cshow .indsubject {margin:40px 0}    
    .company .indsubject {margin:40px 0 -20px 0}
    .about2 .c1 {font-size:14px;margin:-5px 0 0 0}
    .about2 .logo { width:193px; height:15px; margin:40px auto 10px auto}
    .about2 .t1 {font-size:22px; line-height:32px;margin:0 0 15px 0;}
    .about2 .t1:before {bottom:-25px;width:40px;margin-left:-20px}
    .history {padding:30px 0 30px 0}
    .history .c {margin:40px 0 0 0}    
    .culture {padding-bottom:40px}
    .culture ul {padding:30px 0 0 0}
    .culture li {padding:15px 20px 10px 15px}
    .culture li .c {min-height:80px}
    .culture li .t {margin:0 0 5px 0;}    
    .honor {margin:0 0 0px 0}
    .honor .new_con {margin:20px 0 0 0}
    .honor .new_telst li {width:100px; height:30px; line-height:29px;}
    .honor .new_lst .mleft { display:none;}
    .honor .new_lst .mright {padding:0;width:100%}
    .honor .new_lst .mright dl {width:104%;margin:-20px 0 0 -2%;}
    .honor .new_lst .mright dd {width:29.3333%;margin:20px 2% 0 2%}
    .honor .new_lst .mright dd .ps {padding:65.5% 0}
    .honor .new_lst .mright dd .ts {margin:10px 0 0 0;font-size:13px}
    .honor .owl-carousel .owl-dots {bottom:-30px;}
    .honor .owl-carousel .owl-dots .owl-dot span{width:6px; height: 6px;}
    .honor .owl-carousel .owl-nav { display:none;}
    .honor .owl-carousel {padding:0}    
    .teambuild .indsubject {margin-bottom:20px}
    .teambuild {padding:30px 0 40px 0}
    .teambuild li h2 {font-size:12px; line-height:17px;padding:3px 10px 5px 10px;}    
    .environment {padding:30px 0 25px 0}
    .environment_pics {margin-top:25px}
    .environment_pics .article .t {height:35px; line-height:34px;font-size:14px;padding:0 10px;}    
    .contact {padding:0 0 40px 0}
    .contact .logo {width:220px; height:80px; margin:40px auto 40px auto}
    .contact li .p,.contact li .p img { height:35px;}
    .contact li .t {font-size:18px; line-height:28px;margin:15px 0;}
    .contact li .c {font-size:14px;}    
    .contacttel .tel {font-size:16px; line-height:30px;padding:0 0 0 30px}
    .contacttel .tel:before {width:20px; height:20px;top:5px}
    .contacttel .tel font {font-size:20px;}
    .contacttel .ad {border-radius:5px; font-size:14px; line-height:19px; padding:2px 10px 3px 10px;margin:-27px 0 0 0}    
    .contactbrand {padding:10px 0 40px 0}
    .contactbrand li {margin:30px 0 0 0}
    .contactbrand li .cons { padding:20px 3%;}
    .contactbrand li .cons .t {font-size:20px; line-height: 30px;margin:0 0 10px 0;}
    .contactbrand li .cons .c {font-size:15px;}
    .contactbrand li .cons .c strong {font-size:17px}
    .bannerin_join { height:450px}    
    .brandpower {padding:35px 0 40px 0; }
    .brandpower .cons {font-size:15px;margin:20px auto 25px auto;}
    .brandpower li {height: 140px;padding:25px 0 0 0}
    .brandpower li .p,.brandpower li .p img { height:35px;}
    .brandpower li .t {font-size:14px; line-height:19px;margin:15px 0 0 0}
    .pro_con2 {border-radius:10px;margin:40px 0 40px 0;padding:30px 5%}
    .pro_con2 li .cons .c {min-height:55px}    
    .message {border-radius:10px;padding:30px 5%;margin:40px 0 0 0; }
    .message .subject {font-size:20px; line-height:30px;}
    .message .content3 {margin:10px 0 20px 0}    
    .message .list {border-radius:5px;padding:10px 20px 3px 20px;margin:20px 0 0 0;}
    .message .listbeizu {padding-top:13px;padding-bottom:0;padding-right:10px}
    .message .list input[type="text"] {height:20px; line-height:19px;}
    .message .list #cbeizu { height:50px; line-height:20px; }
    .message .listname {width:58%}
    .message .listsex {width:40%;padding:7px 20px 6px 20px}
    .message .listsex label {margin:0 0 0 10px}
    .message .cbtn {border-radius:5px; height: 38px; line-height: 37px;font-size:15px;margin:30px 0 0 0}
    .message .cbtn i { width:13px; height:8px;margin:15px 10px 0 0}
    
    .fixright {top:auto;width:100%;bottom:0;margin-top:0; background:#333; height:50px; z-index:9998}
    .fixright li .mb{ display:block}
    .fixright li .pc { display:none;}
    .fixright li{margin:0;width:25%;float:left;border-left:1px solid #666; height:50px; text-align:center;padding-top:12px}
    .fixright li.wx {border:0;}
    .fixright li.wx .pc { display:block;}
    .fixright li.wx .pc span { display:inline-block; vertical-align:top;font-size:13px;font-weight:400}
    .fixright li.wx .pc i { background:url(../images/wx.png) no-repeat center;width:22px; height:22px; background-size:100%; display:inline-block; vertical-align:top;margin:1px 6px 0 0}
    .fixright li.wx:hover .pc i { background-color:#333}
    .fixright li.wx .pc .cons {right:auto;left:0;top:auto;bottom:50px;width:100%;padding:20px 0 15px 0;font-size:12px; position: fixed; text-align: center}
    .fixright li.wx .pc .cons img {margin:0 0 5px 0;width:100%}

    .fixright li.wx .pc .cons .list {display:inline-block; vertical-align: top;width:120px; text-align: center;margin:0 10px}
    .fixright li.wx .pc .cons span { display: block; text-align: center;margin:-5px 0 0 0}
    
    .fixright li .mb i {margin:0 auto -7px auto; display:inline-block; vertical-align:top;}
    .fixright li.tel .mb i { background:url(../images/tel2.png) no-repeat center;width:22px; height:22px; background-size:100%; display:inline-block; vertical-align:top;margin:2px 2px 0 0}
    .fixright li.email .mb i { background:url(../images/email.png) no-repeat center;width:22px; height:22px; background-size:100%; display:inline-block; vertical-align:top;margin:1px 4px 0 0}
    .fixright li.up .mb i { background:url(../images/up.png) no-repeat center;width:22px; height:22px; background-size:100%; display:inline-block; vertical-align:top;margin:1px 4px 0 0}
    .fixright li.talk {display:none;}
    .fixright li span {color:#fff;font-size:13px;font-weight:400; display:inline-block; vertical-align:top;}
}

@media only screen and (max-width: 788px){
    .indpics .item { height:300px;}
    .indprocess .mright li .c {min-height:70px}   
    .indcontrol .mright li {width:50%;min-height:320px;}
    .indprocess2 .mright li {width:48%}
    .indservicelist .mright ul.cate li {margin-top:1px}
    .indservicelist .mright ul.cate li:nth-child(1) {width:33.3333%;}
    .indservicelist .mright ul.cate li:nth-child(2) {width:33.3333%}
    .indservicelist .mright ul.cate li:nth-child(3) {width:33.3333%}
    .indservicelist .mright ul.cate li:nth-child(4) {width:33.3333%}
    .indservicelist .mright ul.cate li:nth-child(5) {width:33.3333%}
    .indservicelist .mright ul.cate li:nth-child(6) {width:33.3333%}
    .indwelfare li {width:48.4%;padding:16% 0}
    .bannerin {height:300px}
    .solution li {width:49%}
    .bannerin_join { height:350px}
    .pro_con2 li.li309 .cons .c {min-height:75px}
}

@media only screen and (max-width: 640px){
    .indpics .item { height:250px;}
    .foot .cons .tel {width:100%; text-align: center}
    .foot .cons .wx {right:auto;left:0;top:110px;width:100%; text-align: center}
    .foot .cons .content {margin:0;padding:290px 0 0 0; text-align: center} 
    .footer,.foot .links { text-align:center} 
    .indprocess .mleft {width:100%; position: relative;}
    .indprocess .mright {margin:0;}
    .indprocess .mleft .content {max-width:100%;margin-bottom:30px}
    .indprocess .mright li {width:49%}
    .indprocess .mright li .c {min-height:50px} 
    .indcontrol .mleft { position:relative;width:100%; text-align:left;}
    .indcontrol .mleft .indsubject .icon,.indcontrol .mleft .indsubject i {margin-right:auto;margin-left:0}
    .indcontrol .mleft {margin:50px 0 0 0}
    .indcontrol .mright {margin:30px 0 0 0}
    .indprocess2 .mright li {width:48%}
    .indprocess2 .mright {margin-top:40px}    
    .indservice .c1 {width:100%; text-align: center}
    .indservice .c2 {width:100%; text-align: center;font-size:13px; line-height: 1.6;margin-top:0px}
    .indservicelist .mright ul.list li {width:48%}
    .indservicelist .mright ul.cate li:nth-child(1) {width:50%;}
    .indservicelist .mright ul.cate li:nth-child(2) {width:50%}
    .indservicelist .mright ul.cate li:nth-child(3) {width:50%}
    .indservicelist .mright ul.cate li:nth-child(4) {width:50%}
    .indservicelist .mright ul.cate li:nth-child(5) {width:50%}
    .indservicelist .mright ul.cate li:nth-child(6) {width:50%}
    .indcase .mleft li {width:50%}
    .indcase .mright li {width:100%;padding:34% 0}
    .indwelfare li {width:98.4%;padding:32.5% 0}
    .new-wrap2 .mleft {width:100%;}
    .new-wrap2 .mright {width:100%;}
    .indpart .mleft {width:100%}
    .indpart .mright {width:100%; text-align: center;margin:30px 0 0 0}    
    .indsearch .cons { position: relative;top:0}
    .indsearch .mright {margin:30px 0 0 0}
    .indsearch .mright input[type="text"] {width:100%;float:none;}
    .indsearch .mright #mtel {margin:10px 0}
    .indsearch .mright #mbtn {width:100px;float:none; margin:12px 0 0 0}
    .bannerin {height:250px}
    .pro_int .mleft {width:70%;margin:0 15%}
    .pro_int .mright {width:100%;margin:30px 0 0 0; text-align: center}
    .pro_con ul {width:100%;margin:10px 0 0 0;}
    .pro_con li {width:100%;margin:30px 0 0 0;}
    .conslist {width:47.6%;}
    .conslist .pic a {padding:20px 30px;}
    .show1:before { display:none;}
    .show1 .mleft {width:100%;padding:40px;background: url("../images/1.gif") no-repeat center; background-size:cover;border-right:0}
    .show1 .mright {width:100%;border-width:0;margin-left:0}
    .show4 li {width:48%}
    .indnum ul {margin-top:-30px}
    .indnum li { display:block; margin:0 0 30px 0; text-align: center;border-bottom:1px solid #d8d8d8;padding:30px 0}
    .indnum li:before {display:none;}
    .indnum li:nth-child(3) {border:0;padding:0;margin:0}    
    .solution_adv li {width:49%}
    .solution_adv li .c {min-height:80px}
    .solution li {width:99%}
    .conslist2  {width:48%}
    .sshow .cons1 {width:100%;}
    .sshow .cons2 {margin:30px 0 0 0}    
    .news .firstnews {height:138px;}
    .news .firstnews .pic {width:150px;height:108px;}
    .news .firstnews .cons {margin:0 0 0 170px;}
    .news .firstnews .cons .t { line-height:25px;height:50px;margin:0 0 18px 0}
    .news .firstnews .cons .t a{font-size:16px}
    .news .firstnews .cons .c {display:none;}
    .prevnext .prev {width:100%}
    .prevnext .next {width:100%;margin-top:10px}
    .nsshare .bshare-custom a {margin:0 10px 10px 0}
    .nsshare .bshare-custom span {margin-bottom:10px}
    .prevnext {margin:10px 0 0 0;}
    .conslist4 {width:47%;}
    .company .wrap3 {margin:0}
    .company .cate {margin:40px 0 35px 0}
    .company .cate li {margin:10px 4px 0 4px}
    .company .cate li a { height:30px; line-height:29px; padding:0 10px;font-size:14px;}
    .culture li {width:99%}
    .culture li .c {min-height:0}
    .culture li {padding:15px 20px 20px 20px; text-align: center}
    .honor .new_lst .mright dd {width:46%;}
    .teambuild li,.teambuild li.li1,.teambuild li.li6,.teambuild li.li4,.teambuild li.li5 {width:48%;padding:24% 0; position: relative;left:0;top:0}
    .wall-column {width:48.4%;}
    .contact li {width:46%;}    
    .contacttel .tel {width:100%}
    .contacttel .ad {float:None;margin:10px 0 0 30px}    
    .contactbrand li .cons {width:100%;padding:25px 20px 30px 20px}
    .contactbrand li .map {width:100%}
    .bannerin_join { height:250px}
    .brandpower li {width:49%}
    .pro_con2 li.li309 .cons .c {min-height:0}
    .pro_con2 li .cons .c {min-height:0}
    .message .listname {width:100%}
    .message .listsex {width:100%;margin-top:18px}
}

@media only screen and (max-width: 480px){
    .indpics .item { height:200px;}
    .bannerin {height:150px}
    .bannerin_join { height:200px}
}