﻿
* html body{ overflow:visible;}
* html iframe, * html frame{ overflow:auto;}
* html frameset{ overflow:hidden;}

body{  background:#fff; background-size:cover; font:12px/22px "Times New Roman","宋体"; color:#333}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0;}
input,select{ font-size:12px; vertical-align:middle;}

textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}
li{ list-style-type:none;}
img{ border:0 none;}

a:link, a:visited{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#03C; text-decoration:none;}
a { outline:none; star:expression(this.onFocus=this.blur());}

a.white:link, a.white:visited{ color:#fff; text-decoration:none;}
a.white:hover,a.white:active{ color:#f00; text-decoration:none;}




h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}

.pointer{ cursor:pointer;}
.NoBorder{ border:0 none;}
.t_l{ text-align:left;}
.t_c{ text-align:center;}
.t_r{ text-align:right;}
.Break{ word-break:break-all; word-wrap:break-word;}
.Nobreak{ word-break:keep-all; word-wrap:normal;}
.FL{ float:left;}
.FR{ float:right;}
.absolute{ position:absolute;}
.relative{ position:relative; height:33px;}

.o-hidden{ overflow:hidden;}
.hidden{ display:none;}
.block{ display:block;}

.clear{ clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}

.BTW{ border-top-width:1px;}
.BRW{ border-right-width:1px;}
.BLW{ border-left-width:1px;}
.BBW{ border:0px; border-bottom-width:1px;}
.Bord1-999{ border:1px solid #999;}
.Bord2-999{ border:2px solid #999;}
.Bord1-333{ border:1px solid #333;}
.Bord2-333{ border:2px solid #333;}
.Bord1-d9d9d9{ border:1px solid #d9d9d9;}

.BW1{ border-width:1px;}
.BW2{ border-width:2px;}
.BW3{ border-width:3px;}
.BW4{ border-width:4px;}
.BW5{ border-width:5px;}


.BsS{ border-style:solid;}
.BsD{ border-style:dotted;}

.BcBlue{ border-color: #00F;}
.BcBlack{ border-color: #000;}
.Bc999{border-color: #999;}
.Bc333{border-color: #333;}

.BotLine{ border-bottom:1px solid #CFCFCF; overflow:hidden;}
.BotDasLine{ border-bottom:1px dashed #CFCFCF; overflow:hidden; height:1px; line-height:1px;}

.cRed{ color:#F00;}
.cWhite{ color:#FFF;}
.cGreen{ color:#060;}
.cGray{ color:#666;}
.cBlue{ color:#00F;}
.cblack{ color:#000;}

.FB{ font-weight:bold;}
.FN{ font-weight:normal;}
.FI{ font-style:italic;}

.F12{ font-size:12px;}
.F13{ font-size:13px;}
.F14{ font-size:14px;}
.F16{ font-size:16px;}
.F18{ font-size:18px;}

.DivH5,.DivH10,.DivH15,.DivH20,.DivH25,.DivH30,DivH1,.DivH40{ width:100%; overflow:hidden;}
.DivH1{ height:1px;}
.DivH5{ height:5px;}
.DivH8{ height:8px;}
.DivH10{ height:10px;}
.DivH15{ height:15px;}
.DivH20{ height:20px;}
.DivH25{ height:25px;}
.DivH30{ height:30px;}
.DivH40{ height:40px;}

.LH1{ line-height:1px;}
.LH10{ line-height:10px;}
.LH15{ line-height:15px;}
.LH18{ line-height:18px;}
.LH20{ line-height:20px;}
.LH25{ line-height:25px;}
.LH30{ line-height:30px;}
.LH35{ line-height:35px;}

.PTit25,.PTit20,.PTit18,.PTit30,.PTit,.PTit1,.PTit22{ width:100%; overflow:hidden;}
.PTit30{ line-height:30px; height:30px;}
.PTit25{ line-height:25px; height:25px;}
.PTit22{ line-height:22px; height:22px;}
.PTit20{ line-height:20px; height:20px;}
.PTit18{ line-height:18px; height:18px;}
.PTit15{ line-height:15px; height:15px;}
.PTit10{ line-height:10px; height:10px;}
.PTit1{ line-height:1px; height:1px;}

.padding20{ padding:20px;}
.padding10{ padding:10px;}

.More{ text-align:right; position:absolute; top:0; right:3px; width:50px; height:33px; display:block}
.MoreR5{ position:absolute; top:0px; right:3px; font:12px normal; }
.MoreR15{ position:absolute; top:0px; right:15px; font:12px normal;}

.ArtList,.ArtList25,.ArtList22,.ArtList24{ width:100%; overflow:hidden; margin:0 auto;}
.ArtList li{ width:100%; height:20px; line-height:20px; overflow:hidden;}
.ArtList25 li{ width:100%; height:25px; line-height:25px; overflow:hidden;}
.ArtList24 li{ width:100%; height:24px; line-height:24px; overflow:hidden;}
.ArtList22 li{ width:100%; height:22px; line-height:22px; overflow:hidden;}




.w1252{ width:1252px; margin:0 auto;}

#header{width:100%;min-width:1252px; background:#00a1e9; height:40px; line-height:40px; clear:both}

.tel{ height:40px;float:left; background:url(../images/tel.jpg) left center no-repeat; padding-left:15px; color:#fff; font-weight:bolder}
.email{height:40px; float:left; background:url(../images/email.jpg) left center no-repeat; padding-left:20px; margin-left:20px;color:#fff;font-weight:bolder}
.search{height:20px; margin-top:13px; float:right; background:url(../images/downarrow.jpg) right center no-repeat; color:#fff;font-weight:bolder; border:1px solid #666; line-height:20px; width:63px;padding-left:2px; position:relative}
.search a{ color:#fff}
.sear{ background:none; border:1px solid #666; color:#fff; height:20px}

.abs{ position:absolute; left:-1px; top:20px; border:1px solid #666; border-top:0;padding-right:8px;padding-left:2px; width:55px; display:none}

.search_img{height:20px; margin-top:13px; float:right; margin-right:10px;}

.logo{ width:394px; height:80px; background:url(../images/logo.png) no-repeat; float:left; margin-top:20px;}

#banner{width:100%;min-width:1252px; background:#fff; height:396px; overflow:hidden; clear:both}


.banner{height:396px;overflow:hidden; min-width:1200px; position:relative}
.banner .d1{width:100%;height:396px;display:block;position:absolute;left:0px;top:0px;min-width:1252px}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:376px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}


#content{width:1252px; margin:0 auto; min-height:450px; font-family:"宋体"; clear:both}


#footer{min-width:1252px; margin:0px auto; height:50px;font-family:"微软雅黑"; font-size:12px;line-height:50px;background:#fff; clear:both; color:#000; font-weight:bolder; clear:both; text-align:center}

#logo{ width:1252px; height:68px;background:url(../images/logo.jpg) left no-repeat; text-align:right; padding-top:20px;}

#navContent{width:100%; min-width:1252px; margin:0 auto;font-family:"黑体"; background:#fff; height:120px; }



.content{width:100%;min-width:1252px;background:url(../images/bg1.jpg) repeat-x top center; min-height:380px; clear:both}

.contentall{width:100%;min-width:1252px;background:#fff; background-size:100% 100%;clear:both}
.index_content1{width:100%;min-width:1252px;height:380px; clear:both}
.index_content2{width:100%;min-width:1252px;height:335px; clear:both}
.index_content4{width:100%;min-width:1252px;height:380px; clear:both}
.index_content4 .map1{width:600px; height:auto; float:left; font-size:14px; line-height:30px;}
.index_content4 .map2{width:600px; height:300px; float:right}

.index_content3{width:100%;min-width:1252px;background:#048ac6; height:209px; clear:both}

.index_newstop{ width:1252px; margin:0px auto 0px auto; height:31px;line-height:31px;border:1px solid #e2e2e2; background:url(../images/index_26.jpg) repeat-x;}
.index_news{ padding-left:20px;height:43px;line-height:43px; font-size:16px; border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;background:url(../images/index_29.jpg) repeat-x;}
a.more{ float:right;background:url(../images/more.jpg); width:104px; height:29px; margin-top:7px; margin-right:20px;}

.marquee1{ width:900px; float:right; margin-right:10px; font-family:"微软雅黑"; font-size:13px}

.index_news ul{ width:900px; float:left; margin-left:10px; list-style:none}
.index_news ul li{ float:left; line-height:33px; width:33%}
.index_news ul li a:link,.index_news ul li a:visited{ color:#333}
.index_news ul li a:hover,.index_news ul li a:active{ color:#f00}

.index_title{width:1252px; height:86px; font-weight:bolder; font-family:"宋体"; color:#000}
.xuxian{ width:1120px; float:right;background:url(../images/index_37.jpg) repeat-x center; height:26px;}

.index_pro ul li{ position:relative; float:left;margin-right:12px; width:408px; height:260px; overflow:hidden; border-radius:10px}
.cover{ position:absolute; width:408px; height:227px; top:0; left:0; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; color:#fff; display:none}
.text{width:100%; height:auto; color:#333;font-size:14px; text-align:center }
.text h2{ text-align:center}
.text a{ float:right;background:url(../images/index_48.gif) no-repeat; width:34px; height:27px;}


.index_case{ width:305px; padding:20px 20px 20px 0px; float:left;height:295px; color:#000; line-height:26px;}
.index_case_title{font-size:14px;font-weight:bolder; font-family:"宋体"; }
.case_right{ float:right; width:20px; height:16px; background:url(../images/rightarrow.jpg);margin-top:10px;}
.case_left{ float:right; width:20px; height:16px; background:url(../images/leftarrow.jpg); margin-right:10px; margin-top:10px;}

.index_case_list li{ width:252px; float:left;height:257px;background:url(../images/index_51.jpg); margin-left:40px; margin-top:20px; padding:5px;}


a.readmore{ color:#06F; font-size:14px; font-weight:bolder}
.index_ser{ width:580px; height:295px;background:url(../images/index_66.png); float:left;}
.index_ser .left{width:560px; height:200px; margin:10px 0 0 6px;}
.index_ser .left img{width:560px; height:200px;}
.index_ser .right{width:560px; height:75px; line-height:22px;  margin:10px 0 0 6px;}

.index_sers{ width:580px; height:295px;background:url(../images/index_66s.png); float:left;}
.index_sers .left{width:560px; height:200px; margin:10px 0 0 6px;}
.index_sers .left img{width:560px; height:200px;}
.index_sers .right{width:560px; height:75px; line-height:22px;   margin:10px 0 0 6px;}

.index_ser_c{ display:none}

.zhanwei{ float:right; width:120px; height:118px; margin-top:2px; background-image:url(../images/a1.png)}

.news1{ width:360px; height:194px; background:url(../images/index_56.jpg); float:left;margin-bottom:10px;}
.news2{ width:279px; height:194px; background:url(../images/index_58.jpg); float:left;margin-left:10px;}
.link{ width:339px; height:115px; background:url(../images/index_60.jpg); float:right;margin-bottom:7px; overflow:hidden}
.job{ width:339px; height:73px; background:url(../images/index_62.jpg); float:right;margin-bottom:10px;}

.title{ line-height:26px;font-family:"微软雅黑"; font-weight:bolder; font-size:14px;}
.jia{ color:#1b90f4; font-weight:bolder; margin:0 5px 0 10px;float:left}

.coor{ color:#fff; font-weight:bolder; padding-top:40px; line-height:36px; font-size:16px;}
.coor_list li{ float:left; margin-right:15px;}

.footerleft{ width:520px; float:left; height:177px; text-align:left; padding-top:40px}
.footerright{ width:480px; float:right;height:107px; padding-top:110px; font-weight:bolder}

.newslist{ padding:10px; line-height:28px;}
.newslist li{ clear:both}
.listarrow{ width:15px; height:24px; float:left; background:url(../images/a1.jpg) center no-repeat;}
.listarrow1{ width:15px; height:24px; float:left; background:url(../images/a2.jpg) center no-repeat;}
.listtime{ font-size:12px; float:right;}

#left{ width:286px; float:left;padding:6px;}
#right{ width:927px; float:right;}

#left .lefttitle{height:53px; line-height:60px; font-weight:bolder; font-size:18px; color:#fff; background:#048ac6; padding-left:15px}
#left .leftcontent{ min-height:100px;line-height:30px;border-top:0px solid #ccc;}
#left .leftcontact{ background:url(../images/ltel.jpg) no-repeat; width:255px; height:75px; margin-top:10px;}


#left .leftcontent ul.firstmenu li{ background:#d9d9d9; line-height:36px;margin-bottom:5px; font-weight:bolder; font-size:14px;}
#left .leftcontent ul.firstmenu li a:hover{color:#63C}
#left .leftcontent ul.secondmenu{display:none; list-style:circle}
#left .leftcontent ul.secondmenu li{ height:32px; padding-left:30px;background:none;line-height:32px;margin-bottom:0px; font-weight:normal; border-top:1px dashed #000;background:#fff;}
#left .leftcontent ul.secondmenu li a:hover{color:#63C}


#right .righttitle{ border-bottom:#000 2px solid; height:28px; line-height:28px; font-size:13px; font-weight:bolder;}
#right .rightcontent{ padding-top:10px;}

#right .rightcontent .map1{width:400px; height:auto; float:left; font-size:14px; line-height:30px;}
#right .rightcontent .map2{width:527px; height:300px; float:right}

.prolist li img{ float:left; margin-right:15px;}
.prolist li .imgbg{ width:208px; height:158px; background:url(../images/picsbj.jpg) no-repeat; }
.prolist li.contentbg{height:149px; background:url(../images/picsbj1.jpg) no-repeat; padding:0 10px 0 10px; margin-top:10px}
.prolist li span{ display:block; font-weight:bolder; font-size:14px;}


.newslist li{ border-bottom:1px dashed #ddd; line-height:30px}

.navwrap{font-size:14px;  height:120px; width:816px; margin:0 auto; float:right}
.navwrap ul{padding:0;list-style-type:none;list-style-position:outside;position:relative; z-index:88888}
.navwrap .nav{height:120px; width:816px; margin:0 auto; text-align:left}
.navwrap .nav li{position:relative; width:136px; height:120px; float:left; line-height:120px;}
.navwrap .nav li a{height:120px;color:#000;display:block;text-decoration:none; text-align:center;position:relative; width:100%; font-size:16px; font-family:"宋体"; font-weight:800}
.navwrap .nav li a:hover{color:#fff; background:#056c9a}
.navwrap .nav ul {position:absolute; display:none; width:185px; height:auto; top:120px; border-top:none; left:0; z-index:9999999 ; box-shadow:black 0px 0px 2px; background:#FFF; padding:10px;}
.navwrap .nav ul li{width:100%; height:40px;}
.navwrap .nav ul a{float:left;text-align:center;  color:#888; width:100%; height:40px; display:block; color:#000; border-bottom:1px solid #e7e7e7;   text-align:left; line-height:40px; font-size:14px; font-family:"宋体"; font-weight:800}
.navwrap .nav ul a:hover{background:none; color:#000}


/* 多个左滚动 - 图片- 公用类 */
.leftLoop{ overflow:hidden; position:relative; }
.leftLoop .hd{ height:auto; position:relative}
.leftLoop .hd .prev{ display:block;  width:22px; height:42px;  cursor:pointer; background:url("../images/sam-left.png") no-repeat; position:absolute; left:0; top:100px;}
.leftLoop .hd .next{ display:block;  width:22px; height:42px;  cursor:pointer; background:url("../images/sam-right.png") no-repeat; position:absolute; right:0; top:100px;}
.leftLoop .bd{width:1100px; margin:0 auto; height:262px; padding:10px; }
.leftLoop .bd ul{ overflow:hidden; zoom:1; }
.leftLoop .bd ul li{ margin:0 8px; text-align:center; float:left; _display:inline; overflow:hidden; width:262px; height:267px; background:url(../images/index_51.jpg) no-repeat  }
.leftLoop .bd ul li .pic{ margin-top:5px;}
.leftLoop .bd ul li .title{font-size:12px; font-weight:normal; padding:10px; text-align:left}

.pro_list{width:270px; height:195px; float:left; margin:20px 0 0 30px;}
.pro_list .title{width:100%; height:30px; line-height:30px; text-align:center}
/*--分页样式--*/
.page_total {border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; border-left: #7f9db9 1px solid; border-bottom: #7f9db9 1px solid; background-color: #f5fbff; font-size: 11px; font-weight: bold; font-family: verdana; padding-right: 2px; padding-left: 2px;}
.page_pages {border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; border-left: #7f9db9 1px solid; border-bottom: #7f9db9 1px solid; background-color: #ffffff; font-size: 11px; font-weight: bold; font-family: verdana; padding-right: 2px; padding-left: 2px;}
.page_redirect {border-right: #dddddd 1px solid; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; border-bottom: #dddddd 1px solid; background-color: #ffffff; font-size: 11px; padding-right: 5px; padding-left: 5px;}
.on_page_redirect {border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; border-left: #7f9db9 1px solid; border-bottom: #7f9db9 1px solid; background-color: #f5fbff; font-size: 11px; color: #FF7200; padding-right: 5px; padding-left: 5px;}
.page_number {border-right: #dddddd 1px solid; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; border-bottom: #dddddd 1px solid; background-color: #ffffff; font-size: 11px; font-family: verdana; padding-right: 7px; padding-left: 7px;}
.on_page_number {border-right: #dddddd 1px solid; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; border-bottom: #dddddd 1px solid; background-color: #f5fbff; font-size: 11px; font-family: verdana; color: #FF7200; padding-right: 7px; padding-left: 7px;}
.page_curpage {border-right: #dbddd3 1px solid; border-top: #dbddd3 1px solid; border-left: #dbddd3 1px solid; border-bottom: #dbddd3 1px solid; background-color: #f5fbff; font-size: 11px; font-family: verdana; color: #FF7200; font-weight: bold; padding-right: 7px; padding-left: 7px;}
.page_input {border-right: #808080 1px solid; border-top: #808080 1px solid; border-left: #808080 1px solid; border-bottom: #808080 1px solid; width: 40px; height: 20px; float:left; background:#ffffff;}
.foot_fenye{margin-top:15px; width:100%; text-align:center; height:100px; }
.foot_fenye table{display:inline-block}

.news_content_list{width:100%; height:100%; border-bottom:1px dashed #e6e6e6; float:left; padding-bottom:15px; margin-top:20px;}
.news_content_list .pic{width:200px; height:125px; float:left}
.news_content_list .title{width:700px; float:right; text-align:left; font-size:16px; margin-top:10px;}
.news_content_list .date{width:700px; float:right; text-align:left; font-size:12px; color:#666; margin-top:5px;}
.news_content_list .ms{width:700px; float:right; text-align:left; font-size:12px; color:#333; margin-top:5px;}
.news_content_list .title a{color:#000; text-decoration:none}
.products_article_title{width:100%; text-align:center; font-size:22px; margin-top:30px;}
.products_article_date{width:100%; text-align:center; font-size:14px; margin-top:20px;}
.products_article_pic{width:100%; text-align:center;  margin-top:20px;}
.products_article_content{width:100%; text-align:left; font-size:14px; margin-top:20px; line-height:28px; color:#666}
.news_article_title{width:100%; text-align:center; font-size:22px; margin-top:30px;}
.news_article_date{width:100%; text-align:center; font-size:14px; margin-top:20px;}
.news_article_content{width:100%; text-align:left; font-size:14px; margin-top:20px; line-height:28px; color:#666}
