@charset "utf-8";
@media only screen and (max-width:1940px){
    .indpics .item { height: 780px;padding:0}
    .indpics .item  a { background-size:auto}
    .about_solution { padding:0; height: 620px}
}

@media only screen and (max-width:1600px){
    .owl-carousel .owl-nav .owl-prev {left:4%;}
    .owl-carousel .owl-nav .owl-next {right:4%;}
}

@media only screen and (max-width:1366px){
    .wrap {margin:0 4%}
    .indpics .item { height:600px;}
    .indpics .item  a { background-size:cover}
    .fixtop ul.navpc li {margin:0 20px;}
    .fixtop .tel { margin:0 0 0 20px}
    .foot dl {margin:0 0 0 8%;}
    .foot dl:nth-child(1) {margin:0}
    .about .mleft {width:35%}
    .about2 dd .cons .c {min-height:220px;}
    .nshow .mright .cons2 { font-size:18px;padding:30px 40px}
    .nshow .mright .cons2 .t {font-size:20px;}
    .products_subject .mleft {width:100%; text-align: center;float:none;}
    .service dd {min-height:190px;}.culture .mleft {margin:0 0 30px 0; text-align: center;width:100%}
    .culture .mleft {margin:0 0 70px 0}
    .job1 dd .cons {padding:30px 20px;}
    .job1 dd .cons .t {font-size:20px; line-height:30px;}
    .job1 dd .cons .c {font-size:15px}
    .culture2 dd .cons {padding:0 40px}
    .culture2 dd .cons .mleft {width:80%}
    .culture2 dd .cons .mright {width:15%;margin:0 0 0 5%; }
}

@media only screen and (max-width:1200px){
    .indpics .item { height:500px;}
    .phonemenu { display:block;}
    .fixtop ul.navpc {display:none}
    .fixtop1 {background: #fff;box-shadow:0 0 5px rgba(0,0,0,0.2);}
    .fixtop1 .logo { background-position:bottom;}
    .fixtop1 .encn a {color:#333}
    .fixtop1 .encn:before {background: #999}
    html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:14px;}
    .owl-carousel .owl-nav{margin-top:-10px;}
    .owl-carousel .owl-nav .owl-prev:before,.owl-carousel .owl-nav .owl-next:before {font-size:20px;height:20px;line-height:20px;}
    .owl-carousel .owl-dots {bottom:5px;}
    .owl-carousel .owl-dots .owl-dot span{width:10px; height:10px;background-size:cover;margin:0 3px}
    .owl-carousel .owl-dots .owl-dot.active span,.owl-carousel .owl-dots .owl-dot:hover span{ background-size:cover;}    
    .fixtop {height: 50px; }
    .fixtop .logo {width:120px; height:18px;top:16px;}
    .fixtop .tel { display:none;}
    .fixtop .search {display:none;}
    .fixtop .encn {margin:-15px 30px 0 0}
    .tblank { height:50px}    
    .indpro li {padding:0 0 30px 0}
    .indpro li .t {margin:30px 0 10px 0}
    .indpro li .t a {font-size:20px; line-height:30px}
    .indpro li .m a{width:80px; height:20px; line-height:18px;border-radius:25px;font-size:12px; letter-spacing: 0}
    .indsolution { padding:50px 0; background-attachment: scroll}
    .indsolution .t {font-size:20px; line-height:30px;}
    .indsolution .c {font-size:14px; line-height:1.9;margin:20px 0 30px 0}
    .indsolution .m a {width:80px; height: 20px; line-height: 18px;border-radius:20px;font-size:12px;letter-spacing:0}    
    .indnews{padding:0 0 50px 0}
    .indnews .subject {font-size:20px; line-height:20px;padding:40px 0 30px 0;}
    .indnews li .cons {padding:20px 15px 15px 15px;}
    .indnews li .t { height: 20px; line-height: 20px;}
    .indnews li .t a {font-size:16px;}
    .indnews li .a { padding:0 0 0 17px;margin:6px 0 20px 0}
    .indnews li .a:before {top:8px;width:12px; height: 12px; background-size:cover;}
    .indnews li .c {margin:0 0 20px 0}
    .indnews li .m a {font-size:13px;}
    .foot {text-align:center}
    .foot dl {display:none;}
    .foot {padding:40px 0 20px 0;}
    .foot .mleft {float:none; text-align:center;}
    .foot .mleft .logo {margin:0 auto 10px auto}
    .foot .mleft .logo a { width:147px; height: 22px;margin:0 auto}
    .foot .mleft ul { display:inline-block;margin:0 auto 10px auto; text-align: left;}
    .foot .down {margin:20px 0 0 0;padding:15px 0 0 0}
    .bannerin {height:400px;padding:0}    
    .maincurrent {margin:20px 0 40px 0}
    .maincurrent .mleft {margin-top:-3px}
    .maincurrent .mleft i {width:4px;height:4px;margin:11px 5px 0 6px; background-size:cover;}
    .maincurrent .mleft .home { width:10px; height: 10px; margin:8px 5px 0 0;background-size:cover;}
    .maincurrent .mright dd {margin:0 0 0 20px}
    .maincurrent .mright dd a {height: 30px; line-height:20px;border-bottom-width:1px;}
    .about .mleft .e {font-size:14px; line-height:24px;}
    .about .mleft .t {font-size:20px; line-height:30px;}
    .about .mleft .c {margin:25px 0 0 0}
    .about_solution { padding:40px 0;margin:40px 0;height:auto}
    .about_solution .cons .t {font-size:20px; line-height: 30px;}
    .about_solution .cons .t2 {margin:30px 0 0 0;}
    .about_solution .cons .t2:before {top:-15px;width:50px;}
    .about_solution .cons .c {margin:25px 0 0 0; line-height:1.9}
    .about2 dd .cons {padding:20px 15px 10px 15px;}
    .about2 dd .cons .t {font-size:16px; line-height:26px;}
    .about3 {padding:40px 0;margin:40px 0 0 0}
    .about3 dd .pic img {width:40px}
    .about3 dd .title {font-size:14px;line-height: 24px;margin:10px 0 0 0}
    .culture2 {padding:0 0 40px 0}
    .culture2 dd .cons {  height: 100px;padding:0 20px}
    .culture2 dd .cons .mleft {width:80%}
    .culture2 dd .cons .mright {width:15%;margin:0 0 0 5%;}
    .culture2 dd .cons .mleft .t {font-size:18px; line-height:26px}
    .culture2 dd .cons .mleft .c {font-size:12px; line-height: 1.6; margin:20px 0 0 0}
    .culture2 dd .cons .mleft .c:before {top:-10px;width:15px;}
    .culture2 dd .cons .mright img {width:35px}    
    .page_wrap {padding:40px 0 0 0;}    
    .nshow {padding:40px 0 40px 0}
    .nshow .mleft {width:100%}
    .nshow .mleft .subject {margin:0 0 20px 0;font-size:16px;}
    .nshow .mleft .subject p {top:7px;font-size:13px}
    .nshow .mleft .t {font-size:20px; line-height: 30px;}
    .nshow .mleft .a {font-size:13px;margin:5px 0 25px 0}
    .nshow .mright {display:none}
    .products_subject .mleft {padding:40px 0 60px 0}
    .products {padding:0 0 40px 0}
    .products dd {height: 400px;margin:20px 0 0 0}
    .products dd .pic .t {margin:50px 0 15px 0}
    .products dd .pic .t a {font-size:20px; line-height:30px;}
    .products dd .pic .m a{width:80px; height: 20px; line-height: 18px;border-radius:20px;font-size:12px;letter-spacing: 0}
    .products dd .pic .p {margin:40px 0 0 0}
    .products dd .cons strong {font-size:16px}
    .products dd .cons,.products dd.dd2 .cons {padding:0 20px}
    .product {padding:0 0 40px 0}
    .product li {height:243px;margin:20px 0 0 0; }
    .product li .pic { width:400px; height: 243px}
    .product li .cons {margin:0 0 0 399px;padding:0 30px;}
    .product li .cons .t { line-height:25px; height: 25px;}
    .product li .cons .t a {font-size:20px;}
    .product li .cons .t2 {margin:5px 0 10px 0}
    .product li .cons .t2 a {font-size:16px;}
    .product li .cons .gs {font-size:14px; line-height:25px; height:50px; }
    .product li .cons .m {margin:20px 0 0 0}
    .product li .cons .m:before {top:-5px;font-size:20px; line-height: 20px}
    .product li .cons .m a{width:80px; height: 20px; line-height: 18px;border-radius:20px;font-size:12px;letter-spacing: 0}
    .product li.li2 .cons {margin:0 399px 0 0}    
    .show1 {margin:0px 0 40px 0}
    .show1 .mleft {width:45%;}
    .show1 .mright {width:50%}
    .show1 .mright .t {font-size:20px; line-height: 30px;}
    .showcons li {margin:10px 0;padding:0 0 0 12px}
    .showcons li:before {top:11px;width:5px; height:5px;background-size:cover;}
    .showcons strong {font-size:16px;}    
    .spec-scroll .prev,.spec-scroll .next{ height:46px; line-height:46px;}
    .spec-scroll .items{height:46px;}
    .spec-scroll .items ul{height:46px;}
    .spec-scroll .items ul li{width:55px;}
    .spec-scroll .items ul li img{width:40px;height:40px;}
    .show_subject {margin:30px 0;}
    .show_subject li {font-size:16px; height: 30px; padding:0 20px;}    
    .show2 {padding:30px 0}
    .showcons hr {margin:20px 0}
    .show3 .subject {font-size:20px; line-height:20px;margin:40px 0 40px 0}
    .show3 .subject:before {width:20px; height: 1px;bottom:-15px;margin-left:-10px; }
    .showcons td {padding:5px 15px}
    .showcons td strong {font-size:16px;}
    .show3 dl {padding:0 0 20px 0}
    .show3 dd { padding:20px;margin:0 0 20px 0}
    .show3 dd .dtitle {padding:0 0 10px 0;margin:0 0 10px 0}
    .show3 dd .dtitle p a {font-size:16px; line-height: 26px;}
    .show3 dd .dtitle .d {top:4px;font-size:12px;padding:0 0 0 18px}
    .show3 dd .dtitle .d:before {top:4px;width:12px;height:12px;  background-size:cover;}
    .solution li .cons .c { height: 75px;margin:15px 0 20px 0}    
    .sshow {margin:0 0 40px 0}
    .sshow .mleft .t {margin:0 0 20px 0;font-size:20px; line-height: 30px}
    .sshow .mleft .c strong {font-size:16px}
    .support .page_wrap {margin:-40px 0 40px 0}
    .service .t {font-size:20px; line-height: 20px;margin:40px 0 30px 0}
    .service .t:before {bottom:-20px; height: 1px;width:20px;margin-left:-10px}
    .service dl {padding:30px 0 40px 0; }
    .service dd {border-radius:10px;min-height:125px;padding:15px 20px}
    .service dd .tt {font-size:30px; line-height: 40px;}
    .service dd .cc {font-size:14px;}
    .culture .mleft {margin:0 0 30px 0}
    .contact dd {padding:30px 15px 20px 15px}
    .contact dd .pic {width:40px; height: 40px}
    .contact dd .pic img {width:26px;margin-top:7px}
    .contact dd .t {font-size:16px;margin:10px 0 20px 0}
    .contact dd .c {min-height:60px}
    .map {margin:40px 0 0 0}
    .map iframe,#container {height: 400px}
    .job1 dd {width:49%}
    .job1 dd .cons {padding:20px;}
    .job1 dd .cons .t {font-size:20px; line-height:30px;margin:0 0 5px 0}
    .job1 dd .cons .c {font-size:14px}
    .job3 {font-size:14px;margin:40px 0}
    .job {margin:30px 0 0 0}
    .job li {margin:10px 0 0 0}
    .job li .link {padding:10px 0;line-height: 20px;font-size:14px;border-radius:5px}
    .job ul.ul1 li .link {font-size:14px;padding:20px 0}
    .job li .t1 {width:25%;padding:0 0 0 20px}
    .job li .t2 {width:19%}
    .job li .t3 {width:19%}
    .job li .t4 {width:18%}
    .job li .t5 {width:19%}
    .job li .t6 {display:none;}
    .accordionservice .submenu {padding:20px 20px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
    .accordionservice .submenu strong {font-size:16px}
    .accordionservice .submenu .ct {padding:30px 0 20px 0;margin:0 0 0px 0}
    .accordionservice .submenu .ct .icon { width:30px; height:6px; background-size:cover;}
    .accordionservice .submenu .ct .text {top:10px;width:90px; height:25px; line-height:24px;font-size:14px;}    
    .plist {padding:0 0 40px 0;margin-top:0}
    .plist li .cons {padding:20px 20px}
    .plist li .cons .t { height:35px;margin:0 0 10px 0}
    .plist li .cons .t a {font-size:20px}
    .plist li .cons .gs {font-size:14px; line-height: 25px; height:75px; }
    .plist li .cons .m {margin:20px 0 0 0}
    .plist li .cons .m:before {top:-5px;font-size:20px; line-height: 20px}
    .plist li .cons .m a{width:80px; height: 20px; line-height: 18px;border-radius:20px;font-size:12px;letter-spacing: 0px}    
    .solution_cate {margin:0 0 20px 0}
    .solution_cate select { height:32px; line-height:30px;padding:0 10px;font-size:14px; background-size:8%}
    .solution_cate #pbtn {height: 32px; line-height: 30px;font-size:14px}
    .downblank { height:40px}
}

@media only screen and (max-width:788px){
    .indpics .item { height:400px;}
    .bannerin {height:300px}
    .about2 dd .cons .c {min-height:280px;}
    .about3 dl {margin-top:-30px}
    .about3 dd {width:29.3333%;margin-top:30px}
    .product li .cons .gs {height:75px; }
    .product li .cons {padding:0 20px;}
    .service dd {min-height:165px;}
    .service dd .tt {width:16%;}
    .service dd .cc {width:84%;}
    .contact dd {width:49%}
}

@media only screen and (max-width:640px){
    .indpics .item { height:300px;}
    .indpro li {width:99%;}
    .indpro li .m {margin:0 0 20px 0}
    .indnews li {width:99%}
    .foot .down .copy {width:100%; text-align:center;}
    .foot .down .design {width:100%; text-align:center;}
    .bannerin {height:200px}
    .about .mleft {width:100%}
    .about .mright {width:100%;margin:30px 0 0 0}    
    .maincurrent .mleft {float:none;margin:0 0 15px 0}
    .maincurrent .mright {float:none;width:100%}
    .maincurrent .mright dd:nth-child(1) {margin:0}
    .about2 dd {width:97.6%}
    .about2 dd .cons .c {min-height:0;padding:0 0 10px 0}
    .about3 dd {width:46%;}
    .culture2 dd {width:98.4%;padding:37.8% 0}
    .nshow .mleft .prevnext {margin:30px 0 0 0}
    .nshow .mleft .prevnext .prev {width:100%}
    .nshow .mleft .prevnext .next {width:100%; text-align:left;}
    .products dd {height:auto}
    .products dd .pic {width:100%; }
    .products dd .cons,.products dd.dd2 .cons {width:100%;padding:20px}
    .products dd .pic .p {margin:20px 0 30px 0}
    .products dd .pic .t {margin:30px 0 10px 0}
    .product li {height:auto;}
    .product li .pic {width:auto; height:auto;padding:30% 0; position: relative}
    .product li .cons {margin:0;padding:20px; height:auto}
    .product li.li2 .cons {margin:0}
    .product li .cons .gs {height:auto; }
    .show1 .mleft {width:100%;}
    .show1 .mright {width:100%;margin:30px 0 0 0}
    .show2 .mleft {width:100%}
    .show2 .mright {width:100%;margin:30px 0 0 0}
    .sshow .mleft {width:100%}
    .sshow .mright {width:100%;margin:30px 0 0 0}
    .service dd {min-height:0;}
    .service dd .tt {width:16%;}
    .service dd .cc {width:84%;}
    .service dd {width:96%;}
    .contact dd {width:99%;padding:30px 20px 30px 20px}
    .contact dd .c {min-height:0px}
    .job1 dd {width:99%}
    .job1 dd .cons {padding:20px 20px 20px 20px;min-height:0px}
    .job li .t1 {width:34%;}
    .job li .t2 {width:22%}
    .job li .t3 {width:22%}
    .job li .t4 {width:22%}
    .job li .t5 {display:none;}
    .plist li { width:97%;}
    .solution_cate select {width:49%;}
    .solution_cate select#s {margin:0 0 2% 2%}
    .solution_cate #pbtn {width:49%; margin-left:2%}
}

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