@charset "utf-8";
/* CSS Document 全局*/
*, ::after, ::before {-moz-box-sizing: border-box;box-sizing: border-box;}
html,body {height: 100%;min-height: 100%;margin: 0;font-weight: 300; color:#333}
html, body, div,h1, h2, h3, h4, h5, h6,hr, p, blockquote,dl, dt, dd, ul, ol, li,pre, form, fieldset, object, code,legend, button, input, textarea, label,th, td, a, img {
margin: 0;padding: 0;border: 0;outline: 0;}
body,html {font: 14px/1.5 'Microsoft YaHei', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif';}
/*清除内外边距*/
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
/*设置默认字体*/
:focus {outline: 0;}
ul,ol,li{list-style: none;}
/*重置列表*/
fieldset, img {border: 0 none;vertical-align: top;}
 
/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup {font-style: normal;font-weight: normal;}
abbr, acronym {border: 0;font-variant: normal;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
code, kbd, samp, tt {font-size: 100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;outline: none;}
textarea {resize: none;}
table {border-collapse: collapse;border-spacing: 0;}
/*重置表格*/
blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
/*a 链接*/
a,a:focus { outline: none; text-decoration:none}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers */ 
font-weight:normal; 
} 
input:-moz-placeholder,textarea::-webkit-input-placeholder { /* Mozilla Firefox 4 to 18 */ 
font-weight:normal; 
} 
input::-moz-placeholder,textarea::-webkit-input-placeholder { /* Mozilla Firefox 19+ */ 
font-weight:normal; 
} 
input:-ms-input-placeholder,textarea::-webkit-input-placeholder { /* Internet Explorer 10+ */ 
font-weight:normal; 
} 

*{
  -webkit-tap-highlight-color:transparent;
}
.clearfix {clear:both;overflow:hidden;width:100%;height:0;font-size:0;float:none}
.clearfix:after {clear:both;display:block;visibility:hidden;height:0;content:"."}
.clearfix {zoom:1}
.fl{float: left;}
.fr{float:right;}
 * {margin:0;padding:0;box-sizing:border-box}
html{font-family:"Microsoft Yahei","sans-serif","Arial","Helvetica";font-size:16px;line-height:24px;text-decoration:none;}
a {text-decoration:none;color:inherit}
a:hover{text-decoration:none;}
strong,i {font-weight:normal;font-style:normal}
ul li {list-style:none}
::-webkit-scrollbar {display:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#999}
input:-moz-placeholder,textarea:-moz-placeholder {color:#999}
input::-moz-placeholder,textarea::-moz-placeholder {color:#999}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#999}
 .l { float: left;}.r { float: right;}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-diqiu:before {content:"\e600"}
.icon-erweima:before {content:"\e601"}
.icon-fangdajing:before {content:"\e634"}
.icon-dianhua:before {content:"\e603"}
.icon-liaotian:before {content:"\e60e"}


 


.header{position:relative}
.center {max-width:1300px;width:100%;margin:0 auto;height:100%;}
.center1 {max-width:1300px;width:100%;margin:0 auto;height:78px;line-height: 58px;}
.headTop .center:after,.headTop .languageBox:after,.footMain:after,.mainDevice:after {content:".";display:block;height:0;visibility:hidden;clear:both}
 .animate {-webkit-transform:translateX(-85%);-ms-transform:translateX(-85%);transform:translateX(-85%);transition:all .4s}
 .slideNav {display:none}
 .m-logo {margin-bottom:92px}
 .m-logo img {margin:0 auto}
.m-nav {overflow:hidden;margin-bottom:90px}
 .m-nav ul {float:right;width:60%}
 .m-nav ul li {width:100%;height:92px;border-bottom:2px solid rgba(255,255,255,0.3)}
 .m-nav ul a {display:block;padding:0 25px;color:#fff;text-align:right;font-size:32px;line-height:90px}
  
 .m-footer p {font-size:24px;text-align:center;line-height:40px;color:#fff}
header{background:#30b371; }

.headTop {width:100%;height:98px;display: flex;align-items: center;border-bottom:1px solid #30b371;background-color:#fff;}
.headTop .infos {float:left;color:#b2b2b2;text-align: left;margin-right:120px}
.headTop .infos img{display:block;max-width:95%}
.headTop .infos p {float:left;line-height:42px;font-size:12px}
/*.headTop .infos i {float:left;line-height:42px;margin:0 18px}*/
.headTop .mail {float: left;width:100%;max-width:600px;text-align: center;box-sizing:border-box; margin-top:20px;}
.headTop .mail form input{line-height:35px;border: 1px solid #ccc}
.headTop .mail form input[type=text]{width:80%;padding-left:5px;font: left}
.headTop .mail form input[type=submit]{ margin-left: 0;padding: 0 10px;background-color: #2097b5;color:#fff;font: left;width:19% ;margin-left:-10px}
.headTop .otherLink {float:right;color:#000; margin-top:20px;}
 
.headTop .otherLink p.top-share{ }
.headTop .otherLink p.top-share a {margin:0  10px;display:block;width:63px;color:#000;display:inline-block;text-align:center;line-height:25px; }
.headTop .otherLink p.top-share a i{ display:block;width:35px;height:25px;text-align:center;margin: auto;}

.headTop .otherLink p.top-share a.whatsapp i{ background:url(../images/icon.png)no-repeat  -85px -14px;}
.headTop .otherLink p.top-share a.skip i{ background:url(../images/icon.png)no-repeat -129px -14px;}
.headTop .otherLink p.top-share a.email i{ background:url(../images/icon.png)no-repeat -45px -16px; }
 
/*.headTop .otherLink  a{float:right;display: flex;align-items: center;color:#fff}
.headTop .otherLink i a span.email{display:inline-block;width:32px;height:24px;background:url(../images/home_iocn.png)no-repeat -172px 0; }
.headTop .icon {float:left;width:16px;height:14px;font-size:18px;color:#08c8ec;line-height:42px} */
.header {width:100%;height:52px;position:relative;}

.header .logo {float:left;position:relative;width:300px;height:100%}
.header .logo img {width:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display:inherit;max-width:152px;max-height:45px}
nav {color: #fff;}
nav li {float:left;overflow: hidden;}
nav li:hover div {display:block}
nav li.pro a {width:180px; line-height:50px;text-align: left;background-color:#1fa260 }
nav li.pro a i{display:block;width: 35px;height:40px;background:url(../images/icon.png)-9px -1px;float: left;}
 nav li.cont{float: right;}
nav li.cont a {border:1px solid #fff;border-radius:5px;font-weight: normal;height:30px;line-height:30px;margin:0;margin-top:10px;float: right;box-sizing:border-box;padding: 0 25px;font-size: 16px}


nav li a {display:block;font-size:16px;border-bottom:1px solid transparent;line-height:50px;color:#fff;text-align:center;/*width:200px;*/box-sizing:content-box;font-weight:bold;font-family:"LucidaSans",Microsoft YaHei,sans-serif;letter-spacing:0.1px;padding:0px 20px;/*max-width:150px;*/margin-right:; }
nav>ul>li>a{position: relative;}
nav>ul>li a span{position: absolute;display:inline-block;background:#fff;height:4px;width: 100px;bottom:0.4em;left:50%;
transform: translate(-50%,-50%);
display:none;}
nav>ul>li:hover a span{display:block;}
nav>ul>li:hover a{opacity: 1}
.dro_pro{position:relative;} 
.dro_pro .pro_nv{position:absolute;display:none;top:40px;left:0;height:250px; } 
.dro_pro .pro_nv { line-height:30px;font-size:;color:;} 
.dro_pro:hover .pro_nv{display:block;z-index:666666 !important;opacity:1 !important;background:red} 


/*footer*/
section.s-foot .container{background-size:100%;height:200px;padding-top:60px;}
section.s-foot .container h2{font-size:22px;color:#fff;font-weight:bold;text-align: center;top:50px}
section.s-foot .container p{font-size:16px;color:#fff; text-align: center;}






footer{background-color:#191919; margin-top:100px;box-sizing:border-box;padding-top:70px}
footer .m-left{width:60%;float: left; position:relative;}
footer .m-left div.border{position: absolute;right:0;height:80%;top:20px;border:1px solid #fff;}
footer .m-left p{color:#ccc ;font-size:12px;margin-bottom:20px}
footer .m-left p span{color:#e8e8e8;font-size:22px;display:block;}
footer .m-left p.img img{display:block;max-width: 100%;margin-top:20px}
footer .m-left p.share a{display:block;float: left;width:42px;height:45px;margin-right: 10px}
footer .m-left p.share a:nth-child(1){background: url(../images/icon.png)-5px -55px;}
footer .m-left p.share a:nth-child(2){background: url(../images/icon.png)-5px -102px;}
footer .m-left p.share a:nth-child(3){background: url(../images/icon.png)-5px -163px;}
footer .m-left p.share a:nth-child(4){background: url(../images/icon.png)-5px -223px;}






footer .m-right{width:35%;float: left;margin-left:4%}
footer .m-right h2{font-size:;color:#fff;width:100%;padding-left:15px;}
footer .m-right h2 i{background-color:#30b371;display:inline-block;width:60px;height: 5px;margin-left:10px}
footer .m-right .worktime{ font-weight:500; line-height:30px; padding-left:15px; color:#FFF; font-size:21px;}
footer .m-right form{margin-left:5%}
footer .m-right form .m-form{width:100%;height:80px}
footer .m-right form .m-form input{width:90%;height:80px;background-color:#191919;border-bottom: 1px solid #525252;padding-left:15px;color:#ccc;font-size:14px;}
footer .m-right form .m-form button{width:90%;height:60px;background-color: #313131;color:#e8e8e8;font-size:24px;font-weight:bold;margin-top:60px}
footer p.copyright{width:100%;height:50px;font-size:16px;color:#fff;text-align:center;border-top:1px solid #444;line-height:50px}




/*2*/
footer.footer_1{padding-top:0}
footer .f_1{background:#fff}
footer .f_1 .f-1{background:url(../images/pz_15.jpg)no-repeat center;/*background-size:100%;*/height:370px;}

footer .f_1 .f-1 .f_left{float:left;width:55%;box-sizing:border-box;padding:80px 60px}
footer .f_1 .f-1 .f_right{float:left;width:44%}
footer .f_1 .f-1 .f_left h2{color:#fff;font-size:26px;}
footer .f_1 .f-1 .f_left p{color:#fff;font-size:14px;line-height: 30px;}
footer .f_1 .f-1 .f_left p a{color:#fff;font-size:18px;line-height: 40px;width:165px;display:block;text-align: center;border:1px solid #fff;margin-top:30px;text-transform: capitalize}
footer .f_1 .f-1 .f_right{box-sizing:border-box; }
footer .f_1 .f-1 .f_right .form{background:#fff;box-sizing:border-box;margin:20px 30px auto auto;}
footer .f_1 .f-1 .f_right .form h2{font-weight:bold;font-size:22px;color:#222;box-sizing:border-box;padding:20px 0 5px 20px}
footer .f_1 .f-1 .f_right .form form{margin:0  20px }
footer .f_1 .f-1 .f_right .form input,select{height:40px;border:1px solid #ddd;margin-bottom:15px;}
footer .f_1 .f-1 .f_right .form select{color:#444;padding-left:10px;box-sizing:border-box;width:100%}
footer .f_1 .f-1 .f_right .form textarea{ border:1px solid #ddd;width:100%;padding-left:10px;box-sizing:border-box;}
footer .f_1 .f-1 .f_right .form .m-form1{width:100%;}
footer .f_1 .f-1 .f_right .form .m-form input{width:100%;padding-left:10px;box-sizing:border-box;}
footer .f_1 .f-1 .f_right .form .m-form1{width:50%;float: left;}
footer .f_1 .f-1 .f_right .form .m-form1 input{width:96%;float: left;padding-left:10px;box-sizing:border-box;}
footer .f_1 .f-1 .f_right .form .m-form button{width:155px;height:40px;background-color:#30b371;color:#fff;margin:15px 0}

footer .f_1 .f-1 .f_right .form input::-webkit-input-placeholder,footer .f_1 .f-1 .f_right .form textarea::-webkit-input-placeholder { /* WebKit browsers */ 
color:#444
} 
footer .f_1 .f-1 .f_right .form input:-moz-placeholder,footer .f_1 .f-1 .f_right .form textarea::-webkit-input-placeholder { /* Mozilla Firefox 4 to 18 */ 
color:#444
} 
footer .f_1 .f-1 .f_right .form input::-moz-placeholder,footer .f_1 .f-1 .f_right .form textarea::-webkit-input-placeholder { /* Mozilla Firefox 19+ */ 
color:#444
} 
footer .f_1 .f-1 .f_right .form input:-ms-input-placeholder,footer .f_1 .f-1 .f_right .form textarea::-webkit-input-placeholder { /* Internet Explorer 10+ */ 
color:#444
}



footer .f_1 .f-2{margin-top:60px;}
footer .f_1 .f-2  div.md{float: left;width:23.85%;max-width:310px;margin-right:1.5%; height:320px;border:1px solid #ddd;box-sizing:border-box;padding:30px 20px;overflow:hidden;}
footer .f_1 .f-2  div.md a{display:block;font-size:14px;color:#222;line-height:24px}
footer .f_1 .f-2  div.md a.title{font-size:16px;color:#222;font-weight:bold;margin-bottom:15px}
footer .f_1 .f-2  div.md p a{width:50%;float: left;font-size:12px;color:#222; }
footer .f_1 .f-2  div.md p a img{width:100%;display:block;max-width:125px;}
.m-left .b-left { width:50%; height:auto; display:block; float:left; padding-top:30px;}
.b-left .bottomtext { line-height:30px; color:#FFF; margin-top:15px; font-size:14px;}
.m-left .b-right { width:45%; display:block; float:right;}
.m-left .b-right ul{ margin-right:60px; width:225px; display:block; float:right;}
.m-left .b-right li{border:2px solid; border-radius:15px; margin:15px 0; border-color:#FFF; text-align:center; line-height:35px;  }
.m-left .b-right li a{ color:#FFF; text-align:center; font-size:16px;}



footer .f_1 .f-2  div.ball{margin-right: 0;float: right;}


footer.footer_1{background-color:#fff;}
footer .f_2{background-color:#30b371;margin-top:50px;padding-top:60px}
footer.footer_1 .m-left p span,footer.footer_1 .m-left p,footer.footer_1 .m-right h2{color:#fff;}

footer.footer_1 .m-right h2{float: left;margin-bottom:15px;}
footer.footer_1 .m-right .borderbottom{border-bottom:#FFF 2px solid; width:10%; line-height:220px; margin-left:15px; margin-top:15px; margin-bottom:15px;}
footer.footer_1 .m-right .txt{width: 100%;float: left;box-sizing:border-box;padding-left:15px; line-height:35px; color:#FFF; font-size:16px;}

footer.footer_1 .m-left div.border{border:1px solid #fff;}
footer.footer_1 p.copyright{border-top:1px solid #fff; background-color:#1fa260;}
/*2*/



/*footer*/






.fixheader{background-color: #30b371;position: fixed;top: 0px;left: 0px;width: 100%;z-index: 999;} 

#footer{ display:none}

.clearfix{clear:both}
section.section{width:100%;/*height:500px;  */}
section .container{width:97.6%;max-width:1300px; margin:0 auto 20px; clear:both;overflow:hidden; }
 
/*@media (min-width:768px) {
  .container {
  width:750px
}
}@media (min-width:992px) {
  .container {
  width:970px
}
}@media (min-width:1200px) {
  .container {
  width:1170px
}*/

 
 
@media (max-width:1600px) {}
@media (max-width:1440px) {}
@media (max-width:1366px) {}
@media (max-width: 1280px) {}
@media (max-width: 1024px) {}
@media (max-width:960px) {
 
footer .f_1 .f-1 .f_left{width:100%;/*display:none;*/}
footer .f_1 .f-1 .f_right{width:90%;margin:0 auto}
footer .f_1 .f-2 div.md,footer .f_1 .f-2 div.ball{width:48.4%;float: left;}
nav li.pro a{width:0;display:none;}
}

 
@media (max-width:768px) {

.headTop {display:none}
.header {height:45px;position:relative;background: none;padding:2px;}
.slideNav {position:fixed;top:0;right:0;z-index:9999;width:85%;height:100%;padding:116px 20px 0;background:#333;opacity:0.9}
#logo{display: block!important;}
.header .logo {width:199px;max-height:80px}
nav {display:none}
.mobileBar {width:130px;height:46px;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:0 12px;margin-left:5px;}
.mobileBar i {display:block;width:1px;height:100%;background-color:#cfcfcf;float:right;margin:0 25px}
.mobileBar span {float:right;width:29px;height:24px;margin:11px 0;background:url(../images/naviconmobile.png) no-repeat center;background-size: 100%}
.mobileBar .mobileNav {width:30px;background-position:0 0;}



#footer{ width:100%; height:70px; margin:0 auto; position:fixed; bottom:0; left:0; display:block;background:#f9f9f9}
#footer ul{max-width:640px; background:#f9f9f9;height:60px;margin:0 auto}
#footer ul li{ width:25%; height:60px; display:block; float:left; text-align:center; background:url(../images/bottom.jpg) no-repeat right center}
#footer ul li a{ color:black; font-size:12px; display:block; margin:10% 0;}
#footer ul li span{ display:block; padding:4% 0}
#footer ul li:nth-of-type(4){ background-image:none}
#footer ul li i{display:block; width:24px; height:24px;margin-top:5px;margin:0 auto}
#footer ul li.index i{background:url(../images/fz.png) no-repeat  center;background-size:100% 100%;}
#footer ul li.bohao i{background:url(../images/tj_email.png) no-repeat center;background-size:100% 100%;}
#footer ul li.anli i{background:url(../images/fenlei.png) no-repeat  center;background-size:100% 100%;}
#footer ul li.guanyu i{background:url(../images/ly.png) no-repeat  center;background-size:100% 100%;}
.m-left{ float:none; width:auto;}
.m-left .b-left { width:100%; height:auto; display:block;  padding-top:30px;}
.m-left .b-right { width:100%; display:block;}
.m-right{width:100%; float:none;}


}
@media (max-width:480px) {
.center {padding:0 10px}
  .m-footer p {font-size:14px;line-height:26px}
  .header {height:70px;position:relative}
  .header .logo {width:200px}
  .m-nav ul a {padding:0 12px;font-size:16px;line-height:40px}
    .m-nav {margin-bottom:40px}
   .m-nav ul li {border-bottom-width:1px;height:40px}
    .slideNav {padding:50px 10px 0}
   .m-logo {padding-bottom:2em}
   .m-logo img {width:33%;float:right; }
.m-logo {margin-bottom:40px}
  .mobileBar {right:10px;height:36px}

    #footer{ width:100%; height:60px; margin:0 auto; position:fixed; bottom:0; left:0; display:block;background:#f9f9f9}
.header .logo img{margin-top:12px} 


footer .f_1 .f-1 .f_left h2{font-size:22px;}
footer .f_1 .f-1 .f_left p{font-size:14px;text-align:left;}
footer .f_1 .f-1{height:auto;}
footer .f_1 .f-1 .f_left{width:0;display:none;}
footer .f_1 .f-1 .f_right{width:100%;}


footer .f_1 .f-1 .f_right .form{margin:5px;}
footer .f_1 .f-2 div.md{height:350px;}

footer {margin-top:50px}
footer .f_2{margin-top:0px}
footer .m-left,footer .m-right{width:100%;margin:10px 0}
section.s-foot .container h2{font-size:16px;font-weight:normal;}
section.s-foot .container p{background:#30b371}
/*section.s-foot .container{padding-top:0;}*/
footer .f_2{padding-top:50px}
footer.footer_1 .m-right .txt{width:100%}
.m-left .b-left { width:100%; height:auto; display:block;  padding-top:30px;}
.m-left .b-right { width:100%; display:block;}
.m-right{width:100%; float:none;}

}

@media (max-width:320px) {
 footer .f_1 .f-1 .f_left{padding:40px;}

}