@charset "utf-8";
@media only screen and (max-width:2000px){ 
    .indpics .item { height: 620px;padding:0}    
    .bannerin { padding:0; height:615px;}
}

@media only screen and (max-width:1180px){ 
    .wrap {margin:0 4%}
    .phonemenu { display:block;}
    .owl-carousel .owl-dots { bottom:10px;}
    .owl-carousel .owl-dots .owl-dot span{ width:5px; height:5px;margin:0 5px;}
    .indpics .item { height:400px;}
    .indpics .item .cons .t {font-size:20px; line-height: 1.3;font-weight:700} 
    .fixtop,.fixtop.active { height:50px;top:0}
    .fixtop .logo,.fixtop.active .logo {width:59px; height:30px;top:10px;}
    .fixtop ul.navpc {display:none;}
    .fixtop .en  {right:0;top:11px;margin:0 38px 0 0}
    .fixtop .en a {width:40px; height: 20px; line-height:19px;margin:0 0 0 1px;font-size:12px}
    .tblank,.tblank.active {height:50px}    
    .indbusiness {margin:3px 0; padding:40px 0 40px 0}
    .indsubject {font-size:20px; line-height: 20px;margin:0 0 35px 0;}
    .indsubject:before {width:45px;height:2px;bottom:-12px;}  
    .indbusiness li .title {padding:12px 10px 10px 10px}
    .indbusiness li .title .t {font-size:14px;}
    .indbusiness li .title .t2 {margin:4px 0 -4px 0}
    .indbusiness li .title .m { font-size:16px;}
    .indadv { height: 380px;}
    .indadv .cons {margin:60px 0 0 0;}
    .indadv .cons img {max-height:250px}
    .indhonor {padding:40px 0}    
    .foot { padding:40px 0 25px 0;}
    .foot .c2 {margin:0 0 0 9%}
    .foot .copy {margin:20px 0 0 0}    
    .bannerin { height:400px;}
    .bannerin .t {font-size:20px; line-height:30px;margin:0 0 5px 0}
    .bannerin .c {font-size:12px; line-height: 1.6}
    .bannerin .cons {top:15%;}    
    .about {margin:3px 0;padding:30px 0 40px 0}
    .about .cons {font-size:14px;}
    .about .cons .down {font-size:16px;}    
    .culture {padding:25px 0 0 0}
    .culture .t {font-size:20px; line-height: 30px;margin:40px 0 15px 0}
    .culture .c {font-size:14px;margin:0 0 30px 0}    
    .promise {padding:30px 0}
    .promise .t {font-size:20px; line-height: 30px;margin:20px 0 30px 0}
    .honor {padding:10px 0 0 0}
    .honor .c {padding:10px 0 40px 0}
    .bannerin_business .cons {margin:10px 0 0 23%}    
    .namemj { position: absolute;top:-80px}
    .business li {padding:40px 0; }
    .business li .mleft .pic {width:180px; height:180px;margin:0 0 -60px 10px; }
    .business li .mleft .cons {width:200px; height:200px;}
    .business li .mleft .cons .t {font-size:20px; line-height:28px;padding:80px 0 5px 0}
    .business li .mleft .cons .t2 {font-size:14px; line-height:22px;padding:0 10px}
    .business li .mright .t {font-size:20px; line-height:28px;margin:0 0 15px 0;}
    .business li .mright .c {font-size:14px;}
    .business li i.bg { background-size:50%}
    .business li.li10 {height:auto}
    .business li.li10 i.bg {left:-50px}
    .business li.li10 .mright .in {top:0}
    .business li.li8 i.bg {left:-50px;top:10px}
    .business li.li4 {height:auto}
    .business li.li4 i.bg {left:-20px;top:40px}
    .bannerin_center .cons { top:0}    
    .page_wrap {padding:30px 0 0 0;}
    .pager a,.pager span,.pager font {margin:3px;width:25px; height:25px; line-height:23px;}   
    .pager font {margin:0;}    
    .news {padding:40px 0 40px 0}
    .news li {padding:20px 0; min-height:111px}
    .news li .pic { top:20px;width:200px; height: 111px;}
    .news li .cons {margin:-2px 0 0 220px}
    .news li .cons .t a {font-size:16px;}
    .news li .cons .c {margin:6px 0 5px 0}    
    .nshow {padding:30px 0 40px 0}
    .nshow .t {font-size:20px; line-height: 30px;}
    .nshow .a {margin:0 0 20px 0;padding:5px 0 10px 0}    
    .contact {margin:40px 0}
    .contact .cons {display:none;}
    .bannerin_contact .cons {top:0}
    .bannerin_contact .cons .t {font-size:40px; line-height: 1.2;top:-5px;}
}

@media only screen and (max-width:788px){ 
    .indpics .item { height:300px;}
    .bannerin { height:300px;}    
    .business li .mleft {width:40%;}
    .business li .mright {width:60%}
    .business li i.bg { background-size:60%}
}

@media only screen and (max-width:640px){ 
    .indpics .item { height:200px;}
    .indpics .item .cons {font-weight:400}
    .indpics .item .cons .t {font-size:16px; line-height: 1.4;}
    .indbusiness li {width:48%;}
    .indadv { height: 270px;}
    .indadv .cons {margin:60px 0 0 0;}
    .indadv .cons img {max-height:150px}    
    .foot {font-size:13px}
    .foot .c1 {width:100%; text-align:center}
    .foot .c2 {width:100%;margin:25px 0 20px 0;text-align:center}
    .foot .c3 {width:100%}
    .bannerin { height:200px;}
    .bannerin .t {font-size:16px; line-height:24px}
    .bannerin .c {line-height: 1.5}
    .bannerin .cons {top:15%;}    
    .about ul {width:104%;margin:-4% 0 25px -2%}
    .about ul li {display:inline-block; vertical-align: top;width:29.3333%;margin:4% 2% 0 2%;padding:14.7% 0}
    .about .cons {width:100%;}
    .bannerin_business .cons {margin:0px 0 0 0}    
    .business li .mleft {width:100%; text-align: center;}
    .business li .mleft .pic,.business li .mleft .cons{margin-left:auto;margin-right:auto}
    .business li .mright {width:100%;margin:40px 0 0 0}
    .business li i.bg { background-size:150%}    
    .business li.li10 i.bg {left:-20px;top:90px}    
    .business li.li8 i.bg {left:-50px;top:60px}
    .business li.li4 i.bg {left:-0px;top:10px}
    .bannerin_center .cons { top:0}    
    .news li .pic { width:100px;}
    .news li .cons {margin-left:120px}
    .bannerin_contact .cons {top:0}
}