@charset "gb2312";
*{margin:0;padding:0;}
body{font-size:12px;font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; color:#333; background:#FFF /*url(../images/center.jpg) repeat left top*/; }
img{border:0;}
ul{list-style:none;}
li{ vertical-align:bottom;}
a{color:#333; text-decoration:none;}
a:hover{ color:#25992e; text-decoration:none;}
input:focus,textarea:focus {outline: none;}
.clear{clear:both;}
.blank{font-size:0; height:10px; width:100%;}
.blank2{font-size:0; height:5px; width:100%;}
.blank3{font-size:0; height:2px; width:100%;}
.float{ width: 90px; height: 170px; position: fixed; /*right: 0;*/ top:200px; /*top:50%; margin-top: -85px;*/ }
.fchat,.fLink{ width: 90px;height: 70px; display: block; cursor: pointer; }
.fLink{ margin-top: 30px; }
.fchat{ position: relative; }
.fchat div{ width: 100px;height: 100px; padding:10px; background-color: #21a664; position: absolute; left:-120px; top:0; display: none; }
.fchat:hover div{ display: block; }
.fchat div img{ width: 100px;height: 100px; }
.fchat p,.fLink p{ width:40px;height: 40px;overflow: hidden; margin:0 auto; }
.fchat p img,.fLink p img{width:40px;height: 40px; }
.fchat h3,.fLink h3{ width:100%; height: 30px; line-height: 30px; font-weight: normal; font-size: 13px; text-align: center; overflow: hidden; }

.layout{width:100%; height:auto;}

/*.container-site{ height:32px; margin:0 auto; background:#f2f2f2; position:relative; z-index:100; }*/
.site{ width:1200px; height:32px; line-height: 32px; font-size: 14px; margin:0 auto; position: absolute; left:0; top:0; }
.siteTool{ display: inline-block; float: right; padding-right:30px;background-image: url(../images/email.png); background-position: right center; background-repeat: no-repeat; }

.container-header{ height:130px; margin:0 auto; background: url(../images/header-bg.jpg) no-repeat center top; position:relative; z-index:100; }
.header{ width:1200px; height:130px;  margin:0 auto; position: relative; }
.logo{ width:370px; height: 90px; display: block; position:absolute; left:0; top:50%; margin-top: -29px; }
.logo img,.site-title img{ width:100%; }
.site-title{ width:108px; height: 60px; display: block; position:absolute; right: 0; top:0 ; }
.search{ width: 225px; height: 30px; background-color: #FFF;position: absolute; right:0; top:50%; margin-top: -16px; display: inline; border-radius: 16px; overflow: hidden; border: 1px solid #4db883; border-radius: 16px; }
.search p{ float: left; overflow: hidden; }
.search p.sech-input{ width:155px; height: 22px; padding:4px 10px; overflow: hidden;  }
.search p.sech-input input{ width: 155px; height: 22px; line-height: 22px; border:0; font-size: 14px;}
.search p.sech-submit,.search p.sech-submit input{ width: 50px; height: 30px; }
.search p.sech-submit{ background-color: #4db883; }

.container-col{ height:auto; margin:0 auto; }
.nav{ height: 50px; /*background-image: url(../images/nav.png); background-position: left bottom; background-repeat: repeat-x;*/ background-color: #21a664;}
.navlist{ float:left; width:1200px; height: 50px; overflow: height: ;}
.navlist li{ width:14.28571%; height: 50px; line-height: 50px; font-size: 18px; text-align: center; overflow: hidden; float: left; box-sizing: border-box; position: relative; }
.navlist li::after{ content: ''; width:1px; height: 24px; background-color: #3ab443; position: absolute; left:0; top:13px; }
.navlist li:nth-of-type(1)::after{ display: none; }

.navlist li a{ width: 100%; height: 50px; display: block; line-height: 50px; text-align: center; color:#FFF !important; }
/*.navlist li a p{ display: inline-block; width:40px; height: 40px; background-repeat: no-repeat; transform: translateY(10px); -webkit-transform: translateY(10px); background-position: left top;   }*/
.navlist li a:hover,.navlist li a.on{ background-color: #028339; color: #FFF !important; }
/*.navlist li a:hover p,.navlist li a.on p{ background-position: left bottom; }*/


/*
.yewu{ height:300px; background:url(../images/yewu.jpg) no-repeat center top;}
.prod{ height:720px; background:url(../images/prod.jpg) no-repeat center top;}
.case{ height:720px; background:url(../images/case.jpg) no-repeat center top;}
.about{ height:auto; background:#FFF;}*/
.main{ width:1200px; height:auto;  margin:0 auto; }



.container-link{ height: auto; background-color: #EEE;}
.link{ width: 1200px; margin:0 auto; }
.linkHeader{ width: 90px; height: 28px; line-height: 28px; font-weight: normal; font-size: 15px; overflow: hidden; float: left; text-align: center; }
.linkSelect{ width: 1100px; height: 28px; float: left;}
.linkSelect li{ width: 250px; height: 28px; float: left; position: relative; cursor: pointer; margin-right: 10px;}
.linkSelect li h3{ width: 230px; height: 26px; background-color: transparent; line-height: 26px; font-weight: normal; font-size: 14px; text-align: color: #000; text-align: left; padding-left:10px; padding-right: 10px;  background-color: #FFF; position: relative;}
.linkSelect li h3 span{ width: 13px; height: 7px; display: inline-block; position: absolute; right:10px; top:50%; margin-top: -3px; }
.linkSelect li h3 span img{ width: 13px; height: 7px; }
.linkSelect li p{ width: 100%; height: auto; box-sizing: border-box; border:1px solid #cacaca; position:absolute; left:0;  background-color: #FFF; z-index: 200; display: none; }
.linkSelect li p a{ display: block; width:100%; height: 36px; line-height: 36px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; }
.linkSelect li:hover p{ display: block; }

.container-footer{ height:auto; margin:0 auto; border-top: 1px solid #21a664;  padding-top: 10px; /*padding-bottom:40px;*/ background-color: #21a664;}
.footer{ width:1200px; height:auto;  margin:0 auto; position: relative; }
.footerLeft{ width: 1000px; height: auto; float: left; color: #FFF !important; }
.ftLeft-link,.copyright{ width:100%; height: 30px;line-height: 30px; font-size: 14px; text-align: left; }
.ftLeft-link a,.copyright a{ color: #FFF !important; }
.copyright span.icp{ display: inline-block; width: 18px; height: 20px; margin:0 10px;  }

.footerOnline{ width: 184px; height: auto; float: right; position: relative; }
.foSafe{ display: inline-block; width:80px; float: left; overflow: hidden; margin-top: 10px;}
.foSafe img{ width: 100%; }
.foQTCode{ display: inline-block; width: 88px; height: auto; float: right; }
.foQTCode p{ width: 87px; height: 87px; overflow: hidden; }
.foQTCode p img{ width: 87px;height: 87px; }
.foQTCode h3{ width: 87px;height: 33px; line-height: 33px; font-weight: normal; font-size: 12px; color: #FFF !important; text-align: center; }