@charset "utf-8";
@media only screen and (max-width:2000px){ 
    .indpics .item {padding:0; height:730px}
    .bannerin {padding:0; height: 490px;}
}

@media only screen and (max-width:1600px){ 
    .indbusiness .owl-carousel{padding:0 65px;width:auto}
    .indbusiness .owl-carousel .owl-nav .owl-prev {left:-25px;}
    .indbusiness .owl-carousel .owl-nav .owl-next {right:-25px;}
}

@media only screen and (max-width:1400px){ 
    .wrap {margin:0 4%}
    .indpics .item {padding:23% 0; height:auto}
    .indpartner li img {max-width:150px;max-height:75px}
    .indpartner li {height: 95px}
    .foot dl:nth-child(2) {margin:0 0 0 105px}
    .foot dl.dct {padding:0 40px 0 60px;margin:0 0 0 80px;min-width:340px;}
    .bannerin {padding:18% 0; height:auto;}
}

@media only screen and (max-width:1360px){ 
    .fixtop ul.navpc li {margin:0 0 0 30px}
    .foot dl:nth-child(2) {margin:0 0 0 60px}
    .foot dl.dct {padding:0 20px 0 40px;margin:0 0 0 60px;}
}

@media only screen and (max-width:1200px){ 
    .indpartner li img {max-width:100px;max-height:50px}
    .indpartner li {height:70px}
    .foot dl:nth-child(2) {margin:0 0 0 40px}
    .foot dl.dct {padding:0 20px 0 40px;margin:0 0 0 40px;min-width:320px}
    .foot dl.dfc h2 {width:100px;margin:0 0 0 30px}
}

@media only screen and (max-width:1044px){ 
    html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:14px}
    .indpics .item {padding:0; height:450px}    
    .owl-carousel .owl-dots {bottom:5px;}
    .owl-carousel .owl-dots .owl-dot span{width:5px; height:5px;margin:0 5px;}    
    .fixtop { height:50px; }
    .fixtop .logo,.fixtop.active .logo { width:126px; height:30px;top:10px;}
    .fixtop ul.navpc {display:none;}
    .tblank,.tblank.active {height:50px}
    .fixtop.active {top:0}
    .phonemenu { display:block;}    
    .ind4 ul {padding:30px 0}
    .ind4 li .p img,.ind4 li .p {height:30px;}
    .ind4 li .t {margin:15px 0 0 0}    
    .mainsubject {padding:30px 0 40px}
    .mainsubject p {font-size:20px; line-height:26px; letter-spacing: 0}
    .mainsubject span {margin:0}
    .mainsubject span:before {width:36px; margin-left:-18px;}
    .indabout .mleft {font-size:14px; line-height: 1.8; letter-spacing:0px;width:40%;font-weight:400}
    .indabout .mright {width:55%;}
    .video-btn{ width:50px; height:50px;margin:-25px 0 0 -25px}
    .indbusiness { padding:0px 0 0 0}
    .indbusiness .in {padding:30px 0;margin-top:0}
    .indbusiness .in .item a {border-width:2px}    
    .indbusiness .owl-carousel {padding:0 30px}
    .indbusiness .owl-carousel .owl-nav{margin-top:-20px;}
    .indbusiness .owl-carousel .owl-nav .owl-prev {left:-10px;}
    .indbusiness .owl-carousel .owl-nav .owl-prev:before,.indbusiness .owl-carousel .owl-nav .owl-next:before {font-size:40px;height:40px;line-height:40px; }
    .indbusiness .owl-carousel .owl-nav .owl-next {right:-10px;}    
    .indpartner li {border-radius:5px;  height:70px}
    .indpartner li img {border-radius:5px;max-width:100px;max-height:50px}    
    .footbg {margin:40px 0 0 0}
    .foot {font-size:14px;padding:25px 0 20px 0;letter-spacing:0;font-weight:400}
    .foot dt {margin:0 0 10px 0;}
    .foot dt a {font-size:16px;}
    .foot dl:nth-child(2) {margin:0 0 0 40px}
    .foot dl.dct {padding:0 40px 0 40px;margin:0 0 0 40px;min-width:0;font-size:14px;min-height:160px}
    .foot dl.dfc h2 {width:100px; font-size:14px;margin:0 0 0 20px}
    .foot dl.dfc h2 p {margin:8px 0 5px 0}
    .foot dl.dfc h2 p img {border-radius:3px}
    .footer {padding:15px 0}    
    .sol_cons .cons {letter-spacing:0;margin:-25px 0 0px 0;padding:20px 0 0 0;}
    .col_case ul {margin-top:-20px}
    .col_case li {margin-top:20px}
    .col_case li .t {margin:5px 0 0 0}
    .col_case li .t {font-size:13px}    
    .maincurrent {margin:30px 0 25px 0;padding:0 0 10px 0}
    .maincurrent p {font-size:20px; line-height: 20px;letter-spacing:1px}
    .maincurrent span {margin:8px 0 0 8px; letter-spacing:0.5px}
    .contact .mleft {font-size:16px; letter-spacing: 0px;}
    .contact .mright h2 {width:100px; letter-spacing: 0px; font-size:14px;margin:0 0 0 20px}
    .contact .mright h2 p img {border-radius:3px}
    .map {margin:40px 0 0 0}
    .map iframe,#container { height:300px}    
    .aboutleft {margin:30px 0 0 0}
    .aboutleft dt {letter-spacing: 1px;font-size:20px; line-height: 20px;padding:0 0 15px 0;margin:0 0 25px 0}
    .aboutleft div {border-radius:3px}
    .aboutleft dd { height:40px; line-height: 39px;}
    .aboutleft dd a {letter-spacing:0.5px;padding:0 15px; }
    .aboutleft dd a:before { right:15px;top:11px;font-size:16px; line-height: 16px; }
    .aboutleft dd.d1,.aboutleft dd.d1 a:hover,.aboutleft dd.d1.check a {border-top-left-radius:3px;border-top-right-radius:3px;}
    .aboutleft dd.d5,.aboutleft dd.d5 a:hover,.aboutleft dd.d5.check a {border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
    .aboutright .cons2 {margin:0 0 0px 0}
    .constable td {border-width:5px}
    .constable table.row2 tr td:nth-child(1),.constable table.row2 tr td:nth-child(2) {border-width:5px}
    


}

@media only screen and (max-width:788px){ 
    .indpics .item {height:400px}
    .ind4 ul {padding:10px 0}
    .ind4 li {width:50%;margin:20px 0}
    .ind4 li:nth-child(2):after {display:none;}
    .indpartner li {height:60px}
    .indpartner li img {max-width:80px;max-height:40px}
    .foot dl.dct {float:right;border-right:0;padding-right:0;}
    .foot dl.dfc {float:none; clear: both;width:240px; text-align: left; padding:30px 0 0 0}
    .col_case li {width:31.3333%}
}

@media only screen and (max-width:640px){ 
    .indpics .item {padding:24% 0; height:auto}
    .indabout .mleft {width:100%}
    .indabout .mright {width:100%;margin:30px 0 0 0}
    .indpartner li {width:18%; height: 35px}
    .indpartner li img {max-width:50px;max-height:25px}
    .foot dl.dct {width:100%;border:0;border-top:1px dashed #8da6a1;margin:30px 0 0 0;padding:20px 0 0 0}
    .col_case li {width:48%}
    .contact .mleft {;width:100%;}
    .contact .mright {;width:100%;margin:20px 0 0 0; text-align: left;}
    .aboutleft {width:100%;}
    .aboutright {width:100%}
    .aboutleft dd { height:30px; line-height: 29px;}
    .aboutleft dd a:before { top:6px;}
    .aboutleft dt {margin:0 0 15px 0}
}

