body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}

body{ font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB'; color:#595757; background:#fff; -webkit-text-size-adjust: none;}

img{vertical-align: middle; border:none;}

ul,ol{list-style:none outside none;}

table{border-collapse:collapse; border-spacing:0;}

button, input, select, textarea {font-size: 100%; vertical-align:middle;}

a{ color:#595757; text-decoration:none; blr:expression(this.onFocus=this.blur()); }

a:hover{ text-decoration:none;}

:focus {outline: 0 none;}

h1,h2,h3{ font-size:100%; font-weight:normal;}

button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}

.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}

.wrap{ width:1050px; margin:auto;}

.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}

.clearfix{*zoom:1;}

.btn{ cursor: pointer; border: none;}

html,body{ width: 100%; height: 100%;}





.header{ background: url(../images/bg3.png) no-repeat center top; height: 117px; position: absolute; left: 0;top: 0; width: 100%; z-index: 9999;}

.logo{ float: left; font-size: 0; margin: 38px 0 0 10px; }

.hd-right{ float: right; }

.search{ width: 162px; height: 22px; background: #fff; border-radius: 20px; float: right; margin-top: 20px;}

.search .text{ width: 120px; height: 22px; line-height: 22px; border:none; border:0; margin-left: 10px; }

.search .btn{ background: url(../images/icon1.png) no-repeat; width: 22px; height: 22px; float: right; margin-right: 10px; }

.lgn{ float: right; color: #fff; padding:22px 5px 0 0; }

.lgn a{ color: #fff; margin:0 5px; }

.hd-top{ overflow: hidden; }

.nav{ padding-top: 32px; }

.nav li{ font-size: 14px; font-weight: 700; float: left; margin-left: 28px; height: 41px; position: relative;}

.nav li a{ color: #fff; display: block; height: 41px;}

.nav li a:hover{ background: url(../images/icon6.png) no-repeat center bottom; }

.nav li > a{ text-align: center; }



.subnav{ width: 168px; background: rgba(220,239,234,0.95); position: absolute; left: -25px; top: 40px; padding:10px 0; display: none; z-index: 9999;}

.nav .subnav a{ height: 24px; line-height: 24px; padding-left: 26px; font-weight: 100; color: #333;}

.nav .subnav a:hover{

	background: #00584e; color: #fff;

}



.slide-img{ height: 590px; position: relative; }

.slide-b li{ position: absolute; left: 0; top: 0; }

.slide-b li a{ display: block; width: 100%; height: 590px;  background-size: cover!important;}



.flex-control-nav{ position: absolute; left: 0; bottom: 20px; width: 100%; z-index: 9999; text-align: center; line-height: 10px;}

.flex-control-nav li{ display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin:0 3px; cursor: pointer;}

.flex-control-nav li a{ display: block; background: #aaabab; width: 10px; height: 10px; border-radius: 10px; font-size: 0; text-indent: -9999px;}

.flex-control-nav li .flex-active{ background: #fff; }



.ht{ background: #cae1e1; height: 72px; line-height: 72px; }

.kh{ float: left;}

.worker{ float: right; }

.worker a{ color: #00584e; margin-left: 25px;}

.tomail{ background: url(../images/icon2.png) no-repeat left; padding-left: 30px; }

.toworker{ background: url(../images/icon3.png) no-repeat left; padding-left: 38px; }



.rec-box{ padding:55px 0 40px; }

.block li{ float: left; width: 33.3%; padding: 0 20px; box-sizing:border-box; text-align: center; }

.block li .bpic{ background: url(../images/icon4.png) no-repeat; width: 85px; height: 85px; display: inline-block; margin-bottom: 12px;

-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}

.block .b1 .bpic{ background-position: 0 0; }

.block li h3{ font-size: 17px; height: 24px; line-height: 24px; overflow: hidden; margin-bottom: 15px;}

.block li h3 a{ color: #00584e;}

.block li .intro{ height: 54px; overflow: hidden; }

.block .b2 .bpic{ background-position: -86px 0; }

.block .b3 .bpic{ background-position: -172px 0; }

.block .b1 .bpic:hover{ background-position: 0 -86px; }

.block .b2 .bpic:hover{ background-position: -86px -86px; }

.block .b3 .bpic:hover{ background-position: -172px -86px; }



.iabout{ padding: 35px 0 70px; background: #eaf5f4; }

.iabout-js{ text-align: center; }

.iabout-js h3{ font-size: 18px; color: #00584e; margin-bottom: 18px;}

.iabout-js .intro{ margin-bottom: 30px; }

.wpic{ width: 237px; height: 155px; display: block; position:  relative; overflow: hidden; }

.wpic img{ width: 237px; height: 155px; transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}

.wpic span{ background: url(../images/icon5.png) no-repeat; width: 237px; height: 14px; position: absolute; left: 0; bottom: 0; }

.wlist li{ float: left; text-align: center; margin:0 12px;}

.wlist li h3{ font-size: 13px; margin-top: 2px; color: #00584e; }

.wlist li h4{ font-weight: 100; }

.wpic:hover img{ -webkit-transform: translateY(-10px); transform: translateY(-10px); }



.footer{ background: #fff; height: 130px; border-top: 6px solid #007a59; -moz-box-shadow: 0px -3px 4px #adadad;

-webkit-box-shadow: 0px -3px 4px #adadad;

box-shadow: 0px -3px 4px #adadad;}

.bleft{ float: left; padding-top: 38px; }

.er{ float: right; width: 83px; margin-top: 20px; }

.bway{ margin-bottom: 2px; }



.banner{ height: 309px; }

.bread{ padding:35px 0 25px; }

.left-side{ width: 200px; float: left; }

.l-cloumn{ background: url(../images/icon7.png) no-repeat; height: 32px; line-height: 32px; width: 200px; text-align: center; color: #fff;

margin-bottom: 10px;}

.l-cloumn strong{ font-size: 13px; }

.menus{ padding:0 17px; }

.menus li{ height: 35px; line-height: 35px; font-size: 13px; }

.menus li a{ display: block; border-bottom: 1px solid #9fa0a0; background: url(../images/icon8.png) no-repeat 40px -23px; padding-left: 58px; 

}

.menus li a:hover,.menus li .hover{ color: #349599; border-color: #349599; font-weight: 700; border-width: 2px; }



.main{ width: 790px; float: left; margin-left: 58px; border-top: 1px solid #cfcfcf; }

.box{ overflow: hidden; padding-bottom: 50px;}

.article{ min-height: 400px; overflow: hidden; padding:20px 0 30px; line-height: 26px; }

.article img{ max-width: 100%; }

.bg{ background: url(../images/bg1.png) repeat-x center bottom ; }

.cb{ overflow: hidden; line-height: 24px; padding-top: 20px;}

.pro-list li{ float: left; text-align: center; width: 230px; margin:30px 16px 20px ;}

.pro-list li img{ width: 230px; height: 200px; }

.list{ min-height: 400px; padding-bottom: 100px;}

.pro-list { margin-bottom: 30px; }

.pro-list h3{ font-size: 19px; color: #349599; font-weight: 700; margin-bottom: 20px;}

.pro-list .intro{ line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 5px;}

.pro-list h4{ margin-bottom: 2px; }

.pro-list .detail,.addload{ display: inline-block; width:62px; height: 18px; border:1px solid #349599; border-radius: 16px; color: #349599;

-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}

.pro-list li a{ display: block; }

.pro-list li a:hover .detail,.addload:hover{ background: #349599; color: #fff; }





.pages{ text-align: center; }

.pages a{ display: inline-block; padding:2px 8px; margin:0 2px; }

.s{ background: #f5f5f5; }

.pages .cur{ background: #d8ebe9; color: #349599;}



.dm{ text-align: right; }

.dm a{ background: url(../images/icon9.png) no-repeat; width: 115px; height: 32px; display: inline-block; }



.obox{ min-height: 400px; }

.ititle{ color: #009994; font-size: 24px; margin:10px 0 35px; }

.item-title{ width: 200px; float: left; font-size: 14px; text-align: right; margin:5px 5px 0 0; }

.item-txt{ float: left; position: relative;}

.item-txt .text,.oitem select{ width: 330px; height: 30px; line-height: 30px; padding: 0 5px; background: #f2f2f2; border:1px solid #cecdcd; }

.oitem{ margin-bottom: 16px; }

.must{ color: #c00; position: relative; top: 3px; left: 10px; }

.oitem textarea{ width: 330px; height: 140px;padding: 5px; background: #f2f2f2; border:1px solid #cecdcd;  }

.oitem select{ width: 340px; padding-top: 2px; padding-bottom: 2px; }

.code{ margin-left: 10px; cursor: pointer; }



.item-txt .btn{ background: url(../images/icon11.png) no-repeat; width: 97px; height: 31px; margin-right: 30px;}

.item-txt .tbtn{ background-position: 0 0; }

.item-txt .rbtn{ background-position: -127px 0; }

.p30{ padding-top: 20px; }

.reduce{ background: url(../images/jian.png) no-repeat; width: 30px; height: 30px; position: absolute; left: 1px; top: 1px; cursor: pointer;}

.add{ background: url(../images/jia.png) no-repeat; width: 30px; height: 30px; position: absolute; right: 1px; top: 1px;  cursor: pointer;}

#Amount{ text-align: center; }



.news{ margin-bottom: 60px; }

.news li{ height: 38px; line-height: 38px; border-bottom: 1px solid #eee;}

.news li a{ float: left; background: url(../images/icon12.png) no-repeat left; padding-left: 15px; }

.news li .ri{ float: right; }

.mb20{ margin-bottom: 10px; }

.news li a:hover{ color: #009994;}

.atitle { text-align: center; padding:15px 0 20px;}

.atitle h1{ color: #595757; font-size: 18px; font-weight: 700; margin-bottom: 15px;}

.bdsharebuttonbox{ display: inline-block; float: right; }

.bdsharebuttonbox span{ float: left; }

.bdsharebuttonbox a{ margin:0 3px!important; }

.qieh p{ margin-bottom: 5px; }

.qieh a{ color: #009994; text-decoration: underline; }





.jobbar{ background: #d7eae8; height: 42px; line-height: 42px; margin-bottom: 15px;}

.jobbar span{ float: left; font-weight: 700; color: #349599;}

.sp1{ width: 210px; text-indent: 12px; }

.sp2{ width: 110px; }

.sp3{ width: 165px; text-align: center;}

.sp4{ width: 150px; text-align: center;}

.sp5{ width: 150px; text-align: center;}



.postbar{ height: 42px; line-height: 42px; background: #f1f1f1; }

.postbar span{ float: left; color: #333; }

.psotcon{ line-height: 24px; padding:15px 10px; overflow: hidden;}

.post-article{ overflow: hidden; margin-bottom: 20px; height: 265px;}

.hide1{ display: none; }

.addload{ text-align: center; line-height: 18px; float: right; margin-top: -10px;}



.job{ margin-bottom: 40px; }

.msg .item-title{ width: 120px; }

.item-txt label{ float: left; margin:5px 10px 0 0; }

.rd{ margin-right: 5px; }

.msg textarea{ height: 40px; }

.msg .tjbtn{ background: url(../images/icon13.png) no-repeat; width: 110px; height: 30px; }

.mmv{ padding-bottom: 60px; }





.video-list{ width: 830px; margin-bottom: 40px;}

.video-list li{ float: left; margin:0 40px 30px 0;}

.video-list li img{ width: 223px; height: 152px; }

.bda{ padding: 5px; display: block; margin-bottom: 10px; background: #fafafa; border:1px solid #f1f1f1; position: relative;}

.bda i{ background: url(../images/icon14.png) no-repeat; width: 44px; height: 44px; position: absolute; left: 50%;

 margin-left: -22px; top: 50%; margin-top: -22px; }

.video-list h3{ text-align: center; }

.djs{ margin-bottom: 20px; }



.glist li{ overflow: hidden; background: #f8f8f8; padding:12px; margin-bottom: 18px;}

.glistpic{ float: left; width: 130px; height: 163px; margin-right: 20px; }

.gname{ color: #00584e; font-size: 20px; margin-bottom: 5px;}

.gtxt .intro{ line-height: 24px; }

.gtxt{ width: 614px; float: left; }

.glist li:hover{ background: #e8f2f2; }





.loginbg{  height: 790px; overflow: hidden; background: url(../images/bg2.jpg) no-repeat; }

.lo{ width: 400px; height: 380px; background: #efeeee; margin:200px auto; }

.p35{ padding:35px 35px 0; }

.lo h3{ font-size: 15px; font-weight: 700; margin-bottom: 25px; }

.lo-item{ margin-bottom: 15px; }

.lo-item .text{ width: 316px; height: 36px; line-height: 36px; padding:0 5px; background: #fff; }

.lo-yzm .text{ width: 220px; }

.dbtn{ width: 326px; height: 36px; background: #349599; font-size: 18px; color: #fff; }

.forget-mm{ text-align: right; padding-top: 4px;}

.lotop{ padding-top: 10px; }



.mob{ background: url(../images/0.png) no-repeat; width: 44px; height: 34px; float: right; margin-top: 13px; display: none; }

.mmenus{ background: rgba(0,0,0,0.8); width: 100%; height: 100%; position: absolute; left: 0; top: 60px; z-index: 999999; display: none; }

.mmenus a{ display: block; color: #fff; font-size: 16px; height: 30px; line-height: 30px; padding: 4px 0; text-align: center; }





@media only screen and (max-width: 1050px) {

	.wrap{ width: 758px; }

	.nav{ display: none; }

	.header{ height: 60px; }

	.logo{ margin:10px 0 0 5px; }

	.logo img{ height: 40px; }

	.hd-right{ margin-right: 20px; }

	.mob{ display: block; }

	.slide-b li a,.slide-img{ height: 300px; background-size: cover!important; }

	.wlist li{ margin:0 70px 20px; }



	.bread{ display: none; }

	.left-side{ float: none; width: 100%; }

	.menus{ padding:0; overflow: hidden; }

	.menus li{ width: 50%; float: left; }

	.main{ float: none; width: 100%; margin:0; }



	.gtxt{ float: none; width: auto; }

	.pro-list li{ margin:10px 11px; }

	.sp2,.sp3,.sp4,.sp5{ width: 136px; }

	.header{ position: static; }

}

@media only screen and (max-width: 758px) {

	.wrap{ width: 500px; }

	.search{ display: none; }

	.hd-right{ margin-right: 0; }

	.slide-b li a, .slide-img{ height: 200px; }

	.ht{ display: none; }

	.rec-box{ padding:15px 0; }

	.block{ margin:0 -5px; }

	.block li{ padding: 0 5px; }

	.wlist li{ margin:0 6px 20px; }

	.iabout{ padding:20px 0; }

	.er,.bleft{ float: none; }

	.bleft{ padding-top: 15px; }

	.footer{ height: auto; padding-bottom: 10px; }

	.er{ margin-top: 10px; }

	.ititle{ font-size: 16px; }

	.gname{ font-size: 14px; }

	.pro-list li{ width: 228px; }

	.pro-list h3{ font-size: 14px; margin-bottom: 10px; }

	.item-title{ float: none; display: block; text-align: left; margin-bottom: 5px; }

	.item-txt{ float: none; width: 96%; }

	.item-txt .text, .oitem select,.oitem textarea{ width: 100%; }

	.p30{ padding-top: 0; }

	.must{ display: none; }

	.ititle{ margin-bottom: 5px; }

	.tesize{ -font-size: 16px!important; }

	.news li{ overflow: hidden; }

	.ri{ display: none; }

	.sp2, .sp3, .sp4, .sp5{ width: 72px; }

}

@media only screen and (max-width: 500px) {

	.wrap{ width: 400px; }

	.slide-b li a, .slide-img{ height: 140px; }

	.block li{ width: 100%; }

	.block li h3{ margin-bottom: 6px; }

	.block li .bpic{ margin-bottom: 0; }

	.block li h3{ font-size: 14px; }

	.iabout-js h3{ margin-bottom: 10px; font-size: 16px; line-height: 20px; }

	.wlist li{ float: none; display: inline-block; }

	.wlist{ text-align: center; }

	.block li .intro{ height: auto; margin-bottom: 15px; }

	.flex-control-nav{ bottom: 10px; }

	.banner{ height: 100px; background-size: cover!important; }

	.glistpic img{ width: 100px; }

	.glistpic{ width: 100px; margin-right: 10px; height: auto; }

	.glist li{ padding:5px; }

	.list{ padding-bottom: 0; }

	.bg{ background: none; }

	.pro-list li{ float: none; display: inline-block; }

	.pro-list{ text-align: center; }

	.news li a,.news li { white-space: nowrap; overflow: hidden; width: 96%; text-overflow: ellipsis; }

	.news{ margin-bottom: 30px; }

	.da{ display: none; }

	.atitle{ padding-bottom: 0; }

	.atitle h1{ font-size: 14px; padding: 0 5px; }

	.sp2, .sp4, .sp5{ display: none;}

	.video-list{ width: 100%; margin-bottom: 30px; }

	.video-list li{ float: none; display: inline-block; width: 100%; text-align: center; margin:0 0 20px 0;}

	.er{ width: 100%; text-align: center; }

	.lo{ margin:50px auto; }

	.loginbg{ height: 100%; }

}

@media only screen and (max-width: 400px) {

	.wrap{ width: 100%; padding:0 10px; box-sizing:border-box; }

}