/**首页头部与底部**/
#head,#nav_box,#banner,#foot,#content,#mainabout,#bannerfont{width:1160px; margin:0px auto;}
#head{ height:75px; padding-top:15px}
#logo{width:370px; float:left;}
#right{float:right; padding-top:38px; text-align:right;}
#right span{ color:#ff0000}
.yy{ text-align:right; line-height:22px;}
.yy img{ padding-left:20px; padding-right:5px}
#content{ height:auto;}
#content_left{float:left; width:350px; height:auto;}
.homenewsbox{ padding-top:10px}
.homenews{ height:65px; margin-top:10px}
.homenews_a{float:left; width:70px; background:#c8d8e7; text-align:right; font-size:20px; line-height:24px; padding-right:10px;color:#ffffff; height:55px; padding-top:10px}
.homenews_a dt{ font-size:14px; text-align:right; font-weight:normal}
.homenews_b{float:left; width:230px; padding-left:15px}
.m15{ margin-left:10px}
.lefttitle{ background:url(../images/line.png) no-repeat left bottom; color:#01757e; font-size:14px; font-weight:bold; line-height:40px; padding-top:25px}
#content_middle{float:left; width:400px; height:auto;}
.profont{ padding-top:10px; line-height:170%; padding-bottom:40px}
.indeximg{ padding-top:20px}
#content_right{float:right; width:390px; height:auto;}
.hb_pic{padding:0; margin:0;padding-top:10px}
.hb_pic li{float:left; width:115px; height:85px; padding-left:15px; padding-top:10px}
.hb_pic img{width:100%; display:inline}
#foot_box{ width:100%;height:auto; background:#e4eaf0;color:#57646c;}
#foot{ font-size:12px; padding-top:15px; height:190px; padding-left:25px; padding-right:25px}
#foot h2{font-size:12px; color:#13191d; line-height:28px; height:30px;}
#foot h2 a{color:#13191d;}
#foot_left1{ float:left; width:340px;}
#foot_left1 li{float:left; width:160px; line-height:25px; background:url(../images/downjt.png) no-repeat left 50%; padding-left:10px}
#foot_left{ float:left;}
.p80{ padding-right:80px}
#foot_left li{line-height:22px; background:url(../images/downjt.png) no-repeat left 50%; padding-left:10px}
#foot_right{ float:right; text-align:left;}
.downtel{ background:url(../images/tel.png) no-repeat left 50%; padding-left:35px; line-height:35px}
.downemail{ background:url(../images/emaild.png) no-repeat left 50%; padding-left:35px; line-height:35px}
.downwz{ background:url(../images/wz.png) no-repeat left 10px; padding-left:35px; line-height:22px; padding-top:8px;}
#copyright{ height:55px;line-height:55px; text-align:center}
/**导航菜单**/
#bannerbox{ width:100%; border-top:2px solid #e1e6ea}
#nav_box{height:50px;}
#nav{ float:left; width:850px;line-height:45px;}
#nav li{ width:110px;float:left; line-height:45px; font-size:16px; text-align:left;}
#nav a{color:#444444;font-size:14px; padding-right:35px; text-transform:uppercase}
#nav a:hover{color:#000000;background:url(../images/menudion.png) no-repeat;}
#nav .home{ color:#006b7b;font-weight:bold; background:url(../images/menudion.png) no-repeat;}
#nav .home a{color:#006b7b;font-weight:bold; background:url(../images/menudion.png) no-repeat;}
#nav .home a:hover{color:#000000;}
.search{ height:28px; border:1px solid #d0d6da; width:235px; float:right; background:#ffffff; margin-top:6px}
.search_left{float:left; width:200px;}
.search_go{float:left; width:30px}
/**内页**/
#mainabout{ height:auto;}
.location{ line-height:40px; height:55px}
.abouttitle{ font-size:24px; line-height:40px; padding-top:30px}
.aboutcontent{ padding-top:30px; padding-bottom:40px; line-height:180%}
.aboutcontent h2{ font-size:18px; color:#ffffff;}
.aboutfontbox{ height:650px; background:url(../images/wenhua.jpg); padding-left:40px; padding-right:40px}
.aboutfont{ font-size:12px; color:#ffffff; line-height:200%; float:left; width:43%}
.aboutfont2{ font-size:12px; color:#ffffff; line-height:200%; float:left; width:55%; padding-left:2%}
.aboutfontbox h2{ font-size:18px; color:#ffffff; line-height:40px; padding-bottom:10px; padding-top:40px}
.newscontent{padding-top:10px; padding-bottom:30px}
.news_list dl{ width:100%; height:150px; background:#f6f6f6; color:#999; margin-top:25px;}
.news_list dt{ width:220px;height:150px; float:left;}
.news_list dt img{ width:220px;height:150px; border:0}
.display_no{ display:none;}
.news_list time{ font-size:12px; color:#999999}
.news_list dd{ width:885px; float:right; padding-right:30px; height:150px;}
.news_list dd h1{font-size:14px; border-bottom:1px dotted #ccc; line-height:40px; padding-top:5px; margin-bottom:5px;}
.news_list dl:hover{ background:#999999; color:#fff;}
.news_list dl:hover dd a{ color:#fff;}
.news_list dl:hover dd h1{border-bottom:1px dotted #fff;}
.news_list p{ padding:0; margin:0;line-height:180%; font-size:14px}
.viewbox{ text-align:center}
.viewbox h2{ font-size:18px; font-weight:normal; line-height:30px; color:#01616d}
.content{ padding-top:10px; line-height:170%;}
.fa_pic{ margin:0 -12px; overflow:hidden}
.fa_pic li{float:left; width:16.6%; height:auto; padding-bottom:25px; text-align:center}
.fa_pic .f_item{margin:0 12px;}
.fa_pic img{width:100%;}
.fa_pic dt{ text-align:center; line-height:20px; padding-top:8px; font-size:14px}
.contact{ line-height:200%; font-size:14px; padding-bottom:12px; background:url(../images/clogo.png) no-repeat right 50%;}
.contact h2{ font-size:16px; line-height:35px; color:#006666}
.contacttitle{ font-size:16px; line-height:35px; font-weight:bold; border-top:1px solid #e6e6e6; padding-top:12px; color:#006666}
.contactlist{font-size:14px; line-height:200%; padding-bottom:20px}
.contactlist_a{float:left; width:33.3%;}
.contactlist_aa{float:left; width:25%;}
.wechat{border-top:1px solid #e6e6e6; padding-top:25px}
.wechat_a{float:left; text-align:left; font-size:12px; padding-right:20px; text-align:center;}
/*产品排列效果*/
#productBox{background:#f7f7f7;width:100%;}
.prolistBD{ padding-top:10px; margin:0 -1%}
.prolistItem{float: left;display: block;margin: 2% 1% 0px 1%;width: 23%;background-color: #ffffff;position: relative;}
.prolistItem a{color: #757575;}
.prolistItem .img{width: 100%;position: relative;overflow: hidden;}
.prolistItem .img img{width:100%;display: block;}
.prolistItem .img .black {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;display: none;background: url(../images/black_png3.png) repeat;}
.proAct .img .black {display: block;}
.prolistItem .img .pmore {position: absolute;width: 120px;height: 44px;border: 1px solid #fff;left: 50%;top: 50%;margin: -44px 0px 0px -62px;text-align: center;display: none;}
.prolistItem .img .pmore span {display: inline-block;background: url(../images/more1.png) no-repeat scroll left center;padding-left: 25px;height: 44px;line-height: 44px;color: #fff;font-size: 14px;}
.proAct .img .pmore {display: block;margin-top: -24px;}
.prolistItem .con{padding: 15px 15px 20px;background: #e5e2e0;}
.prolistItem .con h4{font-size: 14px;color: #1f1f1f;line-height: 23px;overflow: hidden;margin-bottom: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prolistItem .con p{height: 24px;overflow: hidden;line-height: 1.5;}
.prolistItem .ki {position: absolute;left: 0px;bottom: 0px;background-color: #007586;width: 100%;height: 0px;display: block;}
.prolistItem .pi {position: absolute;left: 50%;bottom: -17px;background: url(../images/pi.gif) no-repeat;width: 19px;height: 9px;display: block;margin-left: -9px;display: none;}
.proAct .ki {height: 10px;}
.proAct .pi {display: block;}
.prolistItem a:hover .img .black{display: block;transition: all 300ms ease 0s;}
.prolistItem a:hover .img .pmore { display: block; margin-top: -24px; transition: all 300ms ease 0s; }
.prolistItem a:hover .ki { height: 10px; transition: all 300ms ease 0s; }
.sortmenu{ text-align:center; height:60px; padding-top:40px}
.sortmenu a{ margin:0 1px; padding:10px 15px; background:#999999; color:#FFFFFF; font-size:12px; display:inline}
.sortmenu .home{ color:#ffffff;background:#006b7b;}
.sortmenu .home a{color:#ffffff;background:#006b7b;}
.sortmenu .home a:hover{color:#ffff00;}
.productxxcs{ padding-top:50px; padding-bottom:50px}
.productxxcs_a{float:left; width:610px;}
.productxxcs_b{float:right; width:500px}
.producttitle{ font-size:14px; padding-bottom:15px}
.producttitle h2{ font-size:24px; font-weight:normal; color:#006b7b; line-height:35px; padding-bottom:10px}
.productcstitle{ font-size:14px; color:#333333; line-height:45px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-weight:bold; padding-left:3px}
.productcs{ padding-top:15px; padding-bottom:15px; line-height:180%; padding-left:3px}
.productcontact{ height:135px; padding-top:10px; border-top:1px solid #e2e2e2;}
.productcontact h2{ font-size:14px; line-height:30px; height:45px; color:#333333; padding-left:3px}
.productcontact_a{float:left; text-align:center; font-size:12px; width:100px}
.productcontact_a img{ width:50px; padding-bottom:5px}
/*二级页面通用banner图部分*/
#aboutbanner{background:url(../images/aboutdi.jpg) no-repeat center top; height:200px}
#productbanner{background:url(../images/product.jpg) no-repeat center top; height:200px}
#bannerfont{ font-size:36px; color:#FFFFFF; line-height:200px}

.litban{width: 100%;overflow:hidden;position: relative; height:250px}
.litban .vt{width: 100%;position: absolute;}
.litban .vt .vfont{ width:1160px; margin:0px auto; line-height:195px; color:#FFFFFF; font-size:30px}
.litban .vt .vfont1{ width:1160px; margin:0px auto; line-height:245px; color:#FFFFFF; font-size:30px}
.tabnav .wrap{position: relative; width:1160px; margin:0px auto}
.abanner{position:relative; height:250px}
.tabnav{width: 100%;background: rgba(0,0,0,0.5);height:56px;position: absolute;bottom: 0}
.tabnav a{min-width:56px;text-align:center;position:relative;color: #fff;font-size: 14px;padding: 0 14px;display:block;float:left;height: 56px;line-height: 56px;}
.tabnav a.active,.tabnav a:hover{background: #d7411d;}
.tabnav a.active:after{position:absolute;bottom:-5px;left:50%;margin-left:-5px;content:"";border-top:5px solid #d7411d;border-left:5px solid transparent;border-right:5px solid transparent;}
.tabnav a:hover:after{position:absolute;bottom:-5px;left:50%;margin-left:-5px;content:"";border-top:5px solid #d7411d;border-left:5px solid transparent;border-right:5px solid transparent;}

.job03{padding:20px 0px;}
.job03 h2{padding:20px 0px;font-size:18px;color:#333;}
.job03 .txt_body{padding:0px;border-bottom:1px solid #e3e3e3;}
.job03 .txt_body .top{background:url(../images/s.png) no-repeat 98% center; height:55px;cursor:pointer;}
.job03 .txt_body .top p{margin:0;font-size:14px;color:#333;}
.job03 .txt_body.cur .top{background:url(../images/t.png) no-repeat 98% center;}
.job03 .txt_body.cur .top p{color:#0d5cc1}
.job03 .txt_body .txt{display:none;padding:0px 10px 20px 10px;font-size:14px;line-height:24px;}
.job03 .txt_body .txt p{font-size:14px;line-height:24px;color:#555;margin:0;}
.job03 h3{padding:20px 0px;font-size:14px;color:#555; font-weight:normal}
.job03 h3 a{color:#0d5cc1}
.job03 .txt_body .top p.col-md-1{width:50%;float:left; line-height:55px}
.job03 .txt_body .top p.col-md-1 span{ padding-left:10px}
.job03 .txt_body .top p.col-md-2{width:15%;float:left; line-height:55px}
.job03 .txt_body .top p.col-md-4{width:20%;float:left; line-height:55px}

.year{ height:auto; padding-left:10px}
.yearimage{ text-align:left;}
.month{ height:auto; padding-top:30px;background:url(../images/yeardi.gif) repeat-y 0px top;}
.month_left{float:left; width:210px;}
.month_title{ padding-left:65px; background:url(../images/year2.png) no-repeat 24px 10px; font-size:20px; font-weight:normal; color:#FF6600; line-height:35px}
.month_right{float:right; width:925px; font-size:14px; padding-top:2px; line-height:30px;}
/**按钮**/
.btn02 { width:120px; height:40px; background:#1039ae; color:#ffffff;font-size:16px; font-weight:bold; line-height:40px; cursor:pointer; border:0; margin:0; padding:0; text-align:center;font-family:"微软雅黑",Arial, Helvetica, sans-serif}
.btn04 { width:120px; height:40px; background:#0d288e; color:#ffffff;  font-size:16px; font-weight:bold; cursor:pointer; line-height:40px; border:0; margin:0; padding:0; text-align:center;font-family:"微软雅黑",Arial, Helvetica, sans-serif}
/*banner*/
#banner{ height:375px; overflow:hidden; padding-top:20px}
.banner_index{height:375px;position: relative;overflow:hidden;width:1160px;}
.banner_index .btn,.banner_pro .bBtn{position: absolute;top:150px;width: 56px;height: 78px;display: block;z-index: 3;}
.banner_index .btnPre,.banner_pro .bPre{background: url(../images/bg_btnPre_index.png) no-repeat 0 0;left:20px;}
.banner_index .btnPre:hover,.banner_pro .bPre:hover{background: url(../images/bg_btnPre_index_hover.png) no-repeat 0 0;}
.banner_index .btnNext,.banner_pro .bNext{background: url(../images/bg_btnNext_index.png) no-repeat 0 0;right: 20px;}
.banner_index .btnNext:hover,.banner_pro .bNext:hover{background: url(../images/bg_btnNext_index_hover.png) no-repeat 0 0;}
.banner_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.banner_index .banner_wrap li{width: 1160px;float: left;}
.indexBanner_num{padding-left:550px;text-align: center;position: absolute; z-index:3; top:350px} 
.indexBanner_num a{width: 13px;height: 13px;display: inline-block;_zoom:1;background: url(../images/bg_num.png) no-repeat 0 0;font-size: 0px;line-height: 0px;margin:0 3px;}
.indexBanner_num a.on,.indexBanner_num a:hover{background: url(../images/bg_num_on.png) no-repeat 0 0;}