html{ background:#fff; color:#666666; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0 auto;padding:0;}
img{border:0;}
ol,ul,li{list-style:none;}
h1,h2,h3{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit; outline: none;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{ background:#fff; color:#666666; font-size:14px; font-family:'微软雅黑';}
a{ color:#666666;}
a:hover{color:#06b2ad;}

/*******CSS reset*************/
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;}
.hidden{display:none;}
.jj_pic{ float:left; margin:0 10px 0 0;}
.nr_pic{ text-align:center; position:relative; width:100%;}
.red{ color:#f00; font-weight:bold; padding-left:10px;}
.nr_red{ color:#f00; font-weight:bold;}

.scale:hover img { transform: scale(1.1, 1.1);}
.scale img{ transition:transform 1s ease 0s}

#prev_next{ border-top:1px solid #f0f0f0; margin-top:10px; padding-top:5px;}
#prev_next li{ padding-left:10px; height:30px; line-height:30px;}




/** header **/
/*#banner{ background: url(../Image/banner.jpg) no-repeat center top; width: 100%; height: 960px;}*/

.flash{ width:100%; height:960px; margin:0 auto; text-align:center; position:relative; z-index:0;}
.flash .flashBox {position:relative; margin:0 auto; width:1000px; height:960px; }
/*修改尺寸1920 {position:absolute; width:1920px; left:-460px;}*/
/*修改尺寸1440 {position:absolute; width:1440px; left:-221px;}*/
.flash .flashBox .bd{position:absolute;  width:1920px; left:-460px;}
.flash .flashBox .bd img{width:100%; height:960px;}


/** footer **/
#end_bj{ background: #06b2ad; width: 100%; min-width: 1200px; height: auto; overflow: hidden; color: #fff;}
#end_line{ background: #373737; height: 35px; line-height: 35px; font-size: 12px; width: 100%; min-width: 1200px; text-align: center; color: #aeaeae; margin-bottom: 75px;}
#end_line a{ color: #aeaeae;}
#end_line a:hover{ color: #fff;}

#end_bj #end_wx{ float: left; margin: 0 290px;}
#end_bj #end_wx .nr{ text-align: center;}
#end_bj .right .tel{ font-size: 26px; background: url(../Image/end_tel.png) no-repeat right center; padding-right: 60px; text-align: right;}
#end_bj .right .tel p{ font-size: 14px;}

.bdshare-button-style1-24 a, .bdshare-button-style1-24 .bds_more{ margin: 20px 20px 0 0 !important;}

#piaofu{ background: rgba(6,178,173,0.6); height: 75px; position: fixed; left: 0; bottom: 0; width: 100%; min-width: 1200px; z-index: 5;}
#piaofu_nr{ width: 1200px; height: 75px; position: relative;}
#piaofu_nr .pic{ position: absolute; left: 0; bottom: 0;}
#piaofu_nr .tel{ float: left; background: url(../Image/pf_tel.png) no-repeat left center; padding-left: 60px; color: #fff; margin: 10px 0 0 280px; min-height: 48px;}
#piaofu_nr .tel span{ font-size: 20px;}
#piaofu_nr .tel p{ font-weight: bold; font-size: 26px;}

#piaofu_nr .right{ padding-top: 15px;}
#piaofu_nr .right .text{ width: 234px; height: 45px; border:none; background: #fff; color: #b4b4b4; padding-left: 10px; border-radius: 5px; margin-right: 10px;}
#piaofu_nr .right .tijiao{ width: 100px; height: 45px; background: #ffac00; border-radius: 5px; border: none; font-size: 16px; transition:0.3s; cursor: pointer;}
#piaofu_nr .right .tijiao:hover{ background: #df9600;}




/** main **/ 
.main{ width:1200px; height:auto; overflow:hidden; padding: 50px 0; line-height: 30px;}

.bj1{ background: url(../Image/bj1.jpg) repeat-y center; width: 100%; min-width: 1200px; height: auto; overflow: hidden;s}
.title{ text-align: center; line-height: 50px;}
.title p{ font-size: 48px; font-weight: bold; color: #06b2ad;}
.title span{ color: #696969; font-size: 30px;}

#cpys{ padding: 90px 0 20px;}
#cpys li{ float: left; width: 285px; height: auto; margin: 0 7px; position: relative; cursor: pointer;}
#cpys li .num{ position: absolute; top: -60px; left: 95px; text-align: center; width: 95px; height: 95px; line-height: 95px; background: #06b2ad; border-radius: 60px; border: 10px solid #e4e4e4; color: #fff; font-size: 48px;}
#cpys li .pic{ width: 285px; height: 250px;}
#cpys li .pic img{ width: 285px; height: 250px;}
#cpys li .tit{ color: #06b2ad; font-size: 21px; height: 40px; text-align: center; position: relative; margin: 20px 0 0;}
#cpys li .tit p{ position: absolute; left: 0; height: 40px; line-height: 40px; width: 100%; z-index: 2;}
#cpys li .tit:before{ content: ''; display: block; width: 0; left: 0; bottom: 0; height: 40px; position: absolute; z-index: 0; transition:0.5s;}
#cpys li .content{ text-align: center; font-size: 16px; color: #666666;}
#cpys li:hover .tit{ color: #fff;}
#cpys li:hover .tit:before{ background: #06b2ad; width: 100%;}








.bj2{ background: url(../Image/bj2.jpg) repeat-y center top; width: 100%; min-width: 1200px; height: auto;}
.ysnr{ width: 1200px; height: auto; padding: 50px 0;}
#ys_content{ background: url(../Image/ysbj.png) no-repeat center; width: 100%; height: 700px; position: relative; margin: 50px 0 20px;}
#ys_content .pic{ width: 185px; height: 185px;}
#ys_content .nr{ padding: 50px 0 0 50px; text-align: center; line-height: 35px;}
#ys_content .nr p{ color: #666666; font-size: 20px;}
#ys_content .nr span{  display: block; font-size: 24px; color: #06b2ad; transition:0.3s; padding: 0 20px;}
#yspic1{ position: absolute; top: 0px; right: 90px; width: 500px; cursor: pointer;}
#yspic2{ position: absolute; top: 155px; right: 0; width: 450px; cursor: pointer;}
#yspic3{ position: absolute; bottom: 155px; right: 0; width: 450px; cursor: pointer;}
#yspic4{ position: absolute; bottom: 0; right: 120px; width: 470px; cursor: pointer;}
#yspic5{ position: absolute; bottom: 0; left: 45px; width: 530px; cursor: pointer;}
#yspic6{ position: absolute; bottom: 155px; left: -50px; width: 485px; cursor: pointer;}
#yspic7{ position: absolute; top: 155px; left: 0; width: 445px; cursor: pointer;}
#yspic8{ position: absolute; top: 0; left: 120px; width: 445px; cursor: pointer;}
#yspic2 .nr{ padding-left: 30px}
#yspic3 .nr{ padding-left: 30px}
#yspic5 .nr{ padding: 50px 10px 0 0;}
#yspic6 .nr{ padding: 50px 0 0 0;}
#yspic7 .nr{ padding: 50px 20px 0 0;}
#yspic8 .nr{ padding: 50px 20px 0 0;}
#ys_content .yshover:hover .nr span{ background: #06b2ad; color: #fff;}





#ggbj{ background: #06b2ad; width: 100%; min-width: 1200px; height: auto; overflow: hidden;}
#ggbj .main{ padding: 30px 0;}
#ggbj .left{ color: #fff; line-height: 55px;}
#ggbj .left p{ font-size: 32px; font-weight: bold;}
#ggbj .left span{ font-size: 24px;}
#ggbj .right .tel{ color: #fff;}
#ggbj .right .tel span{ display: block; background: url(../Image/tel.png) no-repeat left 5px; font-size: 16px; padding-left: 25px;}
#ggbj .right .tel p{ font-size: 28px;}
#ggbj .right .dg{ width: 100%; height: 40px; background: #ffac00; line-height: 40px; font-size: 18px; text-align: center; border-radius: 25px; margin-top: 20px; color: #fff; transition:0.3s; cursor: pointer;}
#ggbj .right:hover .dg{ border-radius: 0 25px 0 25px;}

#why{ padding: 50px 0 0; text-align: center;}
#why li{ display: inline-block; margin: 0 8px 30px; width: 580px;}
#why li .num{ float: left; height: 100px; line-height: 100px; color: #06b2ad; padding-right: 30px; font-family: impact; font-size: 60px; background: url(../Image/icon.png) no-repeat right center;}
#why li .nr{ float: right; width: 465px; height: 80px; background: #e7f0ef; border-radius: 55px; color: #666666; font-size: 18px; line-height: 30px; padding-top: 20px; transition:0.3s; border: 1px dotted #e7f0ef; cursor: pointer;}
#why li .nr span{ color: #06b2ad;}
#why li:nth-of-type(2) .nr,#why li:nth-of-type(3) .nr{ padding: 0; height: 100px; line-height: 100px;}
#why li:nth-of-type(3) .nr,#why li:nth-of-type(4) .nr{ background: #e6e6e6; border: 1px dotted #e6e6e6;}
#why li:hover .nr{ border-radius: 0; border: 1px dashed #06b2ad;}

#shipin{ padding: 50px 0 20px;}
#shipin li{ float: left; margin: 0 7px; width: 385px;}
#shipin li .pic{ width: 385px; height: 288px; cursor: pointer;}
#shipin li .pic img{ width: 385px; height: 288px;}
#shipin li .nr{ text-align: center; font-size: 18px; color: #696969; padding-top: 20px;}
#shipin li .nr span{ color: #06b2ad;}







/** sidebar **/
#sidebar{ width:250px; height:auto; overflow:hidden; float:left;}
#main_right{ width:920px; height:auto; overflow:hidden; float:right;}
.content{ padding: 20px 0; line-height: 30px;}
#content_zy{ line-height: 30px; padding: 20px 5px;}
#zi_banner{ width: 100%; height: 450px; background: url(../Image/banner.jpg) no-repeat center;}



/** zy **/ 



/************************************/
.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/***************global*****************/
.pro li{float:left; overflow:hidden;margin:0 8px 20px; width:285px; border: 1px solid #e6e6e6; text-align:center;white-space:nowrap; transition:all 0.3s linear 0s;}
.pro li .li-img{ width:285px; height: 215px; line-height: 214px; background: #fff;}
.pro li img{ max-width:285px; max-height: 214px; vertical-align: middle;}
.pro li p{ height: 35px; line-height: 35px; border-top: 1px solid #e6e6e6; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.pro li:hover{ background: #373737; color: #fff;}
.pro a{color:#444;}
.pro a:hover{color:#fff;}

/*************index&goods**************/
.news{}
.news li{ height:39px;border-bottom:1px dotted #cdcdcd;text-indent:1em;line-height:39px;}
.news li:before{color:#e40413;content:'■\00a0\00a0\00a0';vertical-align:2px;}
.news li:hover{background-color:#f6f6f6;}
.news a:hover{color:#da020d;}
/****************news*****************/
.news_title{color:#da020d;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px; border:1px solid #f0f0f0; background:#fbfbfb; margin-bottom:10px;}
/***********news_info**************/
.jobs li{ height:auto; margin:23px 18px 18px 28px;border-bottom:1px dotted #666; position:relative;}
.jobs a{ position:absolute; right:0; top:0;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px; display:block; background:#f00;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.rel_center{ text-align:center; left:50%;}
.pro_name{display:block; color:#333; text-align:center; font-size: 22px; margin-bottom: 10px;}
.info_title{ height:35px;background:#ececec; margin-top: 20px;}
.info_title b{display:inline-block; padding: 0 20px; height:100%; border-right:1px solid #fff; background:#333; color:#fff; line-height:35px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{margin:20px 0 20px 80px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
#submit{width:55px;height:29px;color:#000;cursor:pointer; background:url(../Image/button.gif) none center;}
/**************order&message********/