@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,600,700,900&display=swap');
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
a,.fixtop,.fixtop .toper .logo,.fixtop .toper ul.navpc li a.a,.tblank,.indpro li .pic .more span,.indpro li .pic .more,.indpro li .title,.indpro li .pic p,.about .mright img,.business li .p p,.atomization li .p p,.fhtech li .p img,.fhtaste li .up .in .pic img,.fhedible1 li .cons2 .pic img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indpro li:hover .pic p,.about .mright img:hover,.business li:hover .p p,.atomization li:hover .p p,.fhtech li .p img:hover,.fhtaste li .up .in .pic img:hover,.fhedible1 li .cons2 .pic img:hover
{transform:scale(1.15);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.fhtaste li .up .in .cons,.fhtaste li .down td
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.fhedible2 ul.u1 li:Hover .pic img
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;overflow-x:hidden;background:#fff;line-height:2;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Noto Sans SC','Source Han Sans','PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',arial,'宋体';}
html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:20px;color:#4a4a4a;font-weight:400;}strong,b {font-weight:600;}
a {color:#4a4a4a}
a:hover,.indpro li:hover .title a {color:#0e8573}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
hr {border:0; background:#92989d;height:1px;margin:0px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:100px 0 0px 0;text-align:center}
.pager {width:100%;} 
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:0 15px;}   
.pager font {font-family:'宋体';font-weight:900;margin:0} 
.pager a:hover,.pager span.current {color:#999;} 
.pager a,.pager span.disabled {color:#333;} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:20px;}

::-webkit-scrollbar {width: 10px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #ccc;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #EDEDED;}

::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999; } 
::-moz-placeholder { color: #999999; } 
:-ms-input-placeholder {color: #999999; }

::selection {background:#0e8573;color:#ffffff;}
::-moz-selection {background:#0e8573;color:#ffffff;}
::-webkit-selection {background:#0e8573;color:#ffffff; }

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

.wrap {margin:0 auto;max-width:1440px;position:relative;}
.phonemenu { display:none;}

.fixtop { position:fixed; z-index:9999;left:0;width:100%;top:0; background: #fff; height: 110px;box-shadow:0 0 5px rgba(0,0,0,0.2)}
.fixtop .toper .logo { background:url(../images/logo.png) no-repeat center top;width:190px; height:42px; background-size:100%; display:block; position:absolute;left:0;top:34px; z-index: 100}
.fixtop .toper ul.navpc { text-align:right; position: relative;right:-25px}
.fixtop .toper ul.navpc li {display:inline-block; vertical-align:top; position: relative}
.fixtop .toper ul.navpc li a.a { position:relative; height:110px; line-height:110px;display:block;padding:0 25px;font-size:18px}
.fixtop .toper ul.navpc li.check a.a,.fixtop .toper ul.navpc li:hover>a.a {color:#0e8573}
.fixtop .toper ul.navpc li dl { position:absolute; left:0;top:0;width:100%; vertical-align: middle;background: #fff; text-align: center;top:110px; display: none;box-shadow:0px 0px 5px rgba(0,0,0,0.2);padding:15px 0 19px 0}
.fixtop .toper ul.navpc li dd p a {font-size:16px}
.tblank { height:110px}

.fixtop.active {top:-30px;}
.fixtop.active .toper .logo {top:49px}
.fixtop.active .toper ul.navpc li a.a {line-height:140px}
.tblank.active { height:80px}

.indpics .item { height:1000px; position: relative}
.indpics .item a { display:block;}

.indsubject { text-align:center;font-size:40px; line-height: 40px;color:#0e8573; position: relative;margin:100px 0 80px 0}
.indsubject:before {content:''; position: absolute;bottom:-20px;width:110px; height: 2px; background: #0e8573;left:50%;margin-left:-55px;}
.indpro ul {width:102%;margin:-2% 0 0 -1%}
.indpro li {float:left;width:23%;margin:2% 1% 0 1%;}
.indpro li .pic { position:relative;padding:58% 0; overflow: hidden}
.indpro li .pic .more { position:absolute;left:0;top:0;width:100%; height: 100%; z-index: 100; background: rgba(0,0,0,0.6); text-align: center;opacity:0}
.indpro li .pic .more span { display:inline-block; background: #fff;border-radius:5px; height: 35px; line-height:34px;padding:0 20px;font-size:16px;color:#4a4a4a}
.indpro li:hover .pic .more {opacity:1}
.indpro li .pic .more span:hover {background:#0e8573;color:#fff;}
.indpro li .title { text-align:center; height: 25px; line-height: 25px; overflow: hidden;margin:20px 0 0 0}

.indaz .cover { height: 360px; position: relative}
.indmore { background: #fff;border-radius:5px;height: 35px; line-height: 34px; text-align: center; display: inline-block;font-size:16px;padding:0 20px}
.indmore:hover { background:#0e8573;color:#fff;}
.indaz .indmore { position:absolute;left:50%;top:50%;margin:-17px 0 0 -52px}

.indabout { position:relative; background-attachment: fixed;padding:10% 0;margin:80px 0}
.indabout:before {content:''; position: absolute;left:0;top:0;width:100%; height: 100%; background: rgba(0,0,0,0.4);}
.indabout .cons { position:relative; z-index: 100; text-align: center;color:#fff;}
.indabout .cons .t {font-size:40px; line-height: 60px; font-weight:600}
.indabout .cons .c {font-size:30px;max-width:580px;margin:20px auto 60px auto; line-height: 1.8;}
.indmap {margin:80px 0 40px 0; text-align: center}
.map iframe,#container {width:100%; height: 560px}
.bannerin { height: 590px;}
.about {margin:100px 0 50px 0}
.about .mleft {float:left;width:45%}
.about .mleft .indsubject { text-align:left;margin:0 0 60px 0}
.about .mleft .indsubject:before {left:0;margin-left:0}
.about .mright {float:right;width:45%; overflow: hidden}
.about .mright img {width:100%}
.business ul {width:104%;margin:-4% 0 100px -2%;padding-top:50px}
.business li {float:left;width:46%;margin:4% 2% 0 2%; text-align: center;}
.business li .p { position: relative; overflow: hidden;padding:32.2% 0}
.business li .t {font-size:30px; line-height: 50px;margin:30px 0 50px 0; position: relative}
.business li .t:before {content:''; position: absolute;bottom:-10px;width:56px; height: 2px; background: #0e8573;left:50%;margin-left:-28px;}
.business li .c {padding:0 20px;font-size:16px}

.maincurent {font-size:14px;border-bottom:1px solid #ccc;padding:30px 0 10px 0}
.maincurent i {margin:0 10px; font-family: 宋体;}
.contact .t {font-size:35px; line-height: 45px;margin:50px 0 30px 0}
.contact .c {margin:0 0 100px 0}

.atomization .cons {max-width:980px;margin:-20px auto 60px auto; text-align: center}
.atomization ul {width:102%;margin:-30px 0 0 -1%;padding:0 0 100px 0}
.atomization li {float:left;width:23%;margin:30px 1% 0 1%}
.atomization li .p { position:relative; overflow: hidden;padding:39% 0;}
.atomization li .t {position: relative; text-align: center;margin:20px 0 0 0}
.atomization li .t:before {content:''; position: absolute;left:50%;bottom:-5px;width:38px;margin:0 0 0 -19px; height: 2px; background: #4a4a4a}

.fhtech ul {width:108%;margin:-60px 0 0 -4%;padding:20px 0 120px 0}
.fhtech li {float:left;width:42%;margin:60px 4% 0 4%}
.fhtech li .p { overflow: hidden}
.fhtech li .p img {width:100%}
.fhtech li .t {font-size:25px; line-height: 35px; position: relative;margin:0 0 50px 0}
.fhtech li .t:before {content:''; position: absolute;left:0;bottom:-25px;width:50px;height: 2px; background: #4a4a4a}
.fhtech li .c {font-size:16px}
.fhtech li .in1 .p {margin:0 0 50px 0}
.fhtech li .in2 .p {margin:50px 0 0 0}

.atomization .cons2 table {max-width:980px;margin:0 auto 30px auto; text-align: center}
.fhtaste {padding:30px 0 60px 0}
.fhtaste li {margin:60px 0 0 0}
.fhtaste li .up { background: #0e8573;padding:25px 0}
.fhtaste li .up .in { background:#fff;}
.fhtaste li .up .in .pic { display:inline-block; vertical-align: middle;width:63%; overflow: hidden}
.fhtaste li .up .in .pic img {width:100%}
.fhtaste li .up .in .cons { display:inline-block; vertical-align: middle;width:37%;padding:0 5% 0 7%}
.fhtaste li .up .in .cons .t {font-size:30px; line-height: 40px; position: relative;margin:0 0 40px 0;color:#0e8573}
.fhtaste li .up .in .cons .t:before {content:'';width:30px; height: 2px; background: #4a4a4a; position: absolute;left:0;bottom:-15px}
.fhtaste li .down {padding:60px 0 30px 0;font-size:16px}
.fhtaste li .down h3 {font-size:22px; line-height: 32px; position: relative;margin:0 0 50px 0}
.fhtaste li .down h3:before {content:'';width:43px; height: 2px; background: #4a4a4a; position: absolute;left:0;bottom:-15px}
.fhtaste li .down table {width:108%; vertical-align: top;margin:0 0 0 -4%}
.fhtaste li .down td { vertical-align: top;padding:0 4%}
.fhtaste li .down .table2 td {width:50%}
.fhtaste li .down .table3 td {width:33.3333%}
.fhtaste li:nth-child(1) .up { background: #edcf4f}
.fhtaste li:nth-child(2) .up { background: #c3e9b3}
.fhtaste li:nth-child(3) .up { background: #7a402d}
.fhtaste li:nth-child(4) .up { background: #dcdee5}
.fhtaste li:nth-child(5) .up { background: #fadfad}
.fhtaste li:nth-child(1) .up .in .cons .t {color:#d19100}
.fhtaste li:nth-child(2) .up .in .cons .t {color:#33751c}
.fhtaste li:nth-child(3) .up .in .cons .t {color:#7a402d}
.fhtaste li:nth-child(4) .up .in .cons .t {color:#7b7b7b}
.fhtaste li:nth-child(5) .up .in .cons .t {color:#dcb366}

.atomization li .c { text-align: center;margin:30px 20px 0 20px;font-size:16px}

.fhedible1 {margin-top:-100px}
.fhedible1 li .cons { text-align: center;margin:-20px 0 50px 0}
.fhedible1 li .cons2 .pic { display:inline-block; vertical-align: middle;width:69%;overflow: hidden}
.fhedible1 li .cons2 .pic img {width:100%}
.fhedible1 li .cons2 .content {display:inline-block;vertical-align:middle;width:27%;margin:0 0 0 4%;font-size:16px}
.fhedible1 li .cons2 .content strong {font-size:20px}










.fhedible2 ul.u1 {width:108%;margin:-40px 0 0 -4%}
.fhedible2 ul.u1 li {float:left;width:17%;margin:40px 4% 0 4%; text-align: center}
.fhedible2 ul.u1 li .title {font-size:16px;color:#999;margin:30px 0 0 0}
.fhedible2 ul.u2 {width:106%;margin:0px 0 120px -3%;  clear: both;}
.fhedible2 ul.u2 li {float:left;width:27.3333%;margin:120px 3% 0 3%}
.fhedible2 ul.u2 li .title {font-size:22px; line-height: 32px;margin:0 0 30px 0;font-weight:500}
.fhedible2 ul.u2 li .content {font-size:16px;}
.atomization2 ul {width:104%;margin-left:-2%;}
.atomization2 li {width:29.3333%;margin-left:2%;margin-right:2%}






.foot { background:#0e8573;color:#fff;padding:30px 0 60px 0}
.foot a {color:#fff;}
.foot .logo {float:left;width:20%;margin:40px 0 0 0}
.foot .logo a {background:url("../images/logofoot.png") no-repeat center;width:190px; height: 42px; background-size:100%; display: block}
.foot .cons {float:left;width:60%; text-align: center;}
.foot .cons .c {font-size:13px;}
.foot .menu {float:right;width:20%; text-align: right; line-height: 1.8}
.foot .menu ul {margin:0 auto 0 0; text-align: left; display: inline-block}
.foot .menu ul li a {font-size:15px}