@charset "utf-8";
@media only screen and (max-width: 2200px){
.indpics .item { height:777px;}
.bannerin { height: 444px;}
}

@media only screen and (max-width: 1460px){
.wrap {margin:0 4%;}
.indpics .item { height:650px;}
.indaz .cover { height: 300px;}
.map iframe,#container {height: 450px}
.bannerin { height: 350px;}
}

@media only screen and (max-width: 1200px){
html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:16px;}
.indpics .item { height:500px;}
.owl-carousel .owl-nav{ display: none;}
.owl-carousel .owl-dots {bottom:10px;}
.owl-carousel .owl-dots .owl-dot span{width:10px; height: 10px;margin:0 5px;}    
.phonemenu { display:block;}
.fixtop {height: 50px;}
.fixtop .toper .logo,.fixtop.active .toper .logo { width:136px; height:30px; top:10px;}
.fixtop .toper ul.navpc { display: none}
.tblank { height:50px}
.fixtop.active {top:0;}
.tblank.active { height:50px}    
.indsubject {font-size:22px; line-height: 22px;margin:40px 0 40px 0}
.indsubject:before {bottom:-12px;width:60px; height: 1px;margin-left:-30px;}
.indpro li .pic .more span { height: 25px; line-height:24px;padding:0 10px;font-size:14px;}
.indpro li .title {margin:10px 0 0 0}
.indaz .cover { height: 250px;}
.indmore {height: 25px; line-height: 24px; font-size:14px;padding:0 10px}
.indaz .indmore {margin:-12px 0 0 -39px}    
.indabout {background-attachment:scroll;padding:60px 0;margin:40px 0}
.indabout .cons .t {font-size:22px; line-height: 32px; }
.indabout .cons .c {font-size:16px;margin:15px auto 30px auto; }
.indmap {margin:40px 0 30px 0;}
.map iframe,#container { height:300px}    
.foot {padding:30px 0 30px 0}
.foot .logo { display: none;}
.foot .cons {width:70%; text-align:left;}
.foot .cons .c {font-size:12px;}
.foot .menu ul li a {font-size:14px}
.bannerin { height: 300px;}    
.about {margin:40px 0 30px 0}
.about .mleft .indsubject {margin:0 0 35px 0}
.business ul {margin:-4% 0 40px -2%;padding-top:30px}
.business li .t {font-size:22px; line-height: 32px;margin:15px 0 30px 0;}
.business li .t:before {bottom:-7px;width:50px; height: 1px; margin-left:-25px;}
.business li .c {padding:0 20px}    
.maincurent {padding:20px 0 10px 0}
.contact .t {font-size:22px; line-height:32px;margin:40px 0 20px 0}
.contact .c {margin:0 0 40px 0}
    
.atomization .cons {margin:-10px auto 30px auto;}
.atomization ul {padding:0 0 40px 0}
.atomization li .t {margin:10px 0 0 0}
.atomization li .t:before {bottom:-3px;width:30px;margin:0 0 0 -15px; height: 1px; }
    
.fhtech ul {padding:10px 0 50px 0}
.fhtech li .t {font-size:20px; line-height: 30px; margin:0 0 30px 0}
.fhtech li .t:before {bottom:-17px;width:30px;height: 1px;}
.fhtech li .c {font-size:14px}
.fhtech li .in1 .p {margin:0 0 30px 0}
.fhtech li .in2 .p {margin:30px 0 0 0}
    
.atomization .cons2 table {margin:0 auto 0px auto;}
.fhtaste {padding:0px 0 40px 0}
.fhtaste li {margin:40px 0 0 0}
.fhtaste li .up { padding:15px 0}
.fhtaste li .up .in .cons {padding:0 4% 0 5%}
.fhtaste li .up .in .cons .t {font-size:22px; line-height: 32px; margin:0 0 30px 0;}
.fhtaste li .up .in .cons .t:before {width:23px; height: 1px;bottom:-10px}
.fhtaste li .down {padding:30px 0 0px 0;font-size:14px}
.fhtaste li .down h3 {font-size:20px; line-height: 30px; position: relative;margin:0 0 40px 0}
.fhtaste li .down h3:before {width:38px; height: 1px; bottom:-10px}
.atomization li .c {margin:20px 10px 0 10px;font-size:14px}
    
.fhedible1 {margin-top:-60px}
.fhedible1 li .cons { text-align: center;margin:-20px 0 30px 0}
.fhedible1 li .cons2 .pic { vertical-align:top;}
.fhedible1 li .cons2 .content {vertical-align:top;font-size:14px}
.fhedible1 li .cons2 .content strong {font-size:16px}
    
.fhedible2 ul.u1 {margin-top:-20px}
.fhedible2 ul.u1 li {margin-top:40px}
.fhedible2 ul.u1 li .pic img { height:80px}
.fhedible2 ul.u1 li .title {font-size:14px;margin:20px 0 0 0}
.fhedible2 ul.u2 {margin-bottom:40px;margin-top:20px}
.fhedible2 ul.u2 li {margin-top:40px}
.fhedible2 ul.u2 li .title {font-size:18px; line-height:28px;margin:0 0 20px 0;}
.fhedible2 ul.u2 li .content {font-size:14px;}
}

@media only screen and (max-width: 768px){
.indpics .item { height:400px;}
.indpro li {width:48%}
.indpro li .title {margin:10px 0 10px 0}
.indaz .cover { height: 200px;}
.bannerin { height: 250px;}
}

@media only screen and (max-width: 640px){
.indpics .item { height:350px;}
.indaz .cover { height: 160px;}
.foot .cons {width:100%; text-align:center;}
.foot .menu {display:none;}
.bannerin { height:200px;}
.about .mleft {width:100%}
.about .mright {width:100%;margin:30px 0 0 0}
.business li {width:96%;margin-top:30px}
.business li .c {padding:0}
.business ul {margin-top:0;padding-top:0px}
.atomization li {width:48%}
.fhtech li {width:92%;border-top:1px solid #ccc;padding-top:40px;margin-top:40px}
.fhtech li:nth-child(1) {border:0;padding-top:20px} 
.fhtaste li .up .in .pic {width:100%;}
.fhtaste li .up .in .cons {width:100%;padding:20px}
    
.fhtaste li .down table {width:100%;margin-top:-35px}
.fhtaste li .down td {padding-top:35px; display: block}
.fhtaste li .down .table2 td {width:100%}
.fhtaste li .down .table3 td {width:100%}
.atomization .clear2 { clear:both}
.fhedible1 {margin-top:-50px}
.fhedible1 li {margin-top:50px}
.fhedible1 li .cons2 .pic {width:100%;}
.fhedible1 li .cons2 .content {width:100%;margin:30px 0 0 0}
.fhedible2 ul.u1 li {width:42%}
.fhedible2 ul.u2 li {width:94%; text-align: center}
.atomization2 li {width:96%;}
}

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

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