@charset "utf-8";

/*公共样式*/
body {font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#666; background:url(../images/bg.png) repeat-x; background-color:#f6f6f6}
div,form,img,ul,ol,li,dl,dt,dd,p {margin: 0; padding: 0; border: 0; }
li,dl{list-style-type:none;}
*{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:12px; font-weight:normal;}
a {color: #666; text-decoration:none;}
a:hover {color: #666; text-decoration: none;}
.fB{font-weight:bold;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.blank7{ height:7px; margin: auto}
.blank12{ height:15px; margin: auto}
.blank24{ height:24px; margin: auto}
.blank25{ width:575px; float:right; height:25px; }
.clear{ height:0px; clear:both; font-size:0px; overflow:hidden; line-height:0px;}
.16{ height:16px; margin:0 auto; display:block}



.top{ width:980px; height:98px; margin:0 auto}
.logo{ width:350px; height:98px; float:left}
.logo_right{ width:145px; height:40px; float:right; margin-top:31px; display:inline; margin-right:6px}
.language{ width:136px; height:11px; float:left; margin-left:22px; display:inline}
.language h1{ width:20px; height:11px; text-align:left; float:left}
.language h2{ width:40px; height:11px; text-align:left; float:left; color:#999999; line-height:11px}
.search{ width:139px; height:19px; float:left; margin-left:5px; margin-top:10px; display:inline}
.text{ width:120px; height:19px; float:left; background: url(../images/text.png) no-repeat; border:none}
.btnsearch{ width:19px; height:19px; float:left; background:url(../images/btn.png) no-repeat; border:none}

.menu{ width:980px; height:40px; margin:0 auto; background:url(../images/menu_bg.png) no-repeat}
.menu ul{ width:980px; height:40px; margin:0 auto}
.menu ul li{height:40px; line-height:40px; float:left; font-size:14px}
.menu a{ color:#666666; font-weight:bolder;}
.menu a:hover{ color:#00a5b2;font-weight:bolder;}
.menu a.on{ color:#00a5b2;font-weight:bolder;}
.menu_home{ width:128px; height:40px; background:url(../images/menu_home.png) no-repeat; text-align:center}
.menu_about{ width:147px; height:40px; background:url(../images/menu_about.png) no-repeat; text-align:center}
.menu_pro{ width:152px; height:40px; background:url(../images/menu_pro.png) no-repeat; text-align:center}
.menu_news{ width:116px; height:40px; background:url(../images/menu_news.png) no-repeat; text-align:center}
.menu_video{ width:121px; height:40px; background:url(../images/menu_video.png) no-repeat; text-align:center}
.menu_service{ width:136px; height:40px; background:url(../images/menu_service.png) no-repeat; text-align:center}
.menu_contact{ width:180px; height:40px; background:url(../images/menu_contact.png) no-repeat ; text-align:center}


.focus_box{height:404px; width:984px; margin:0px auto;}
.focus{width:984px;height:404px;float:left;position:relative;}
.focus #pic{width:984px;height:404px;overflow:hidden;}
.focus #pic ul{width:3936px;height:396px;float:left;}
.focus #pic li{width:984px;height:404px;float:left;}
.focus #pic li img{width:984px;height:404px;float:left;}
.focus .tip-bg{width:984px;height:21px;position:absolute;left:0;bottom:0;z-index:12;}
.focus #tip{width:210px;height:11px;position:absolute;left:390px;bottom:10px;z-index:13;}
.focus #tip ul li{width:11px;height:11px;float:left;display:inline;margin:0 5px;cursor:pointer; background-color:#cecece}
.focus #tip ul li.current{ background-color:#008f9a}
.focus .show{display:block!important;}




.content{ width:980px; height:194px; margin:0 auto; margin-top:12px; background:url(../images/content_bg.png) no-repeat; overflow:hidden;  margin-bottom:12px; }
.con_news{ width:322px; height:194px; float:left}
.con_news_title{ height:37px; width:292px; margin:0 auto; margin-top:6px}
.con_news_title_left{ height:37px; width:255px; float:left; line-height:37px; text-align:left; color:#666; font-size:14px; font-weight:bold}
.con_news_title_right{ height:37px; width:37px; float:left; line-height:37px; text-align:center; background:url(../images/more.png) no-repeat; font-size:9px}
.con_news_title_right a{ color:#9f9f9f}
.con_news_title_right a:hover{ color:#9f9f9f}
.con_news_details{ width:292px; height:74px; margin:0 auto}
.con_news_pic{ width:124px; height:69px; float:left; margin-sleft:2px; margin-right:7px}
.con_news_details_right{ width:154px; height:69px; float:left}
.con_news_details_right h1{ color:#ff0034; font-size:11px; line-height:20px}
.con_news_details_right h2{line-height:16px; font-size:11px}
.con_news_list{ width:292px; height: auto; line-height:21px; margin:0 auto; font-size:11px; margin-top:2px}
.con_news_list h1{ width:242px; height:21px; line-height:21px; float:left; font-size:11px}
.con_news_list h2{ width:50px; height:21px; line-height:21px; float:left; font-size:11px; color:#837d7d}

.con_pro{ width:354px; height:194px; float:left}
.con_pro_title{ width:324px; height:37px; margin:0 auto; font-size:14px; line-height:37px; margin-top:6px;font-weight:bold}
#content_inner {width: 308px; height:125px; margin: 0 auto; position: relative; overflow:hidden}
#slides1 {overflow: hidden; height: 125px}
#slides1 li {list-style: none;width: 308px}
#slides1 li img {float: left; width:308px}
.slides1_wrap .prev {position: absolute; left: 0px; top:0px}
.slides1_wrap .next {position: absolute; right: 0px; top:0px}

.con_contact{ width:304px; height:194px; float:left}
.con_contact_title{ width:274px; height:37px; margin:0 auto; font-size:14px; line-height:37px; margin-top:6px;font-weight:bold}
/*#content_inner {width: 230px; height:125px; margin: 0 auto; position: relative; overflow:hidden}
#slides1 {overflow: hidden; height: 125px}
#slides1 li {list-style: none;width: 160px}
#slides1 li img {float: left; width:160px}
.slides1_wrap .prev {position: absolute; left: 0px; top:0px}
.slides1_wrap .next {position: absolute; right: 0px; top:0px}*/
.blk_29 {float:left; position:relative; width:348px; height:125px; margin-left:1px; display:inline}
.blk_29 .LeftBotton {position:absolute; width:24px; height:125px; background:url(../images/prev.png); left:0; z-index:100; cursor:pointer}
.blk_29 .RightBotton {position:absolute; width:24px; height:125px; background:url(../images/next.png); right:0; z-index:100; cursor:pointer}
.blk_29 .Cont {	position:absolute; left:26px; top:0; overflow:hidden; z-index:50; height:125px; width:300px; display:block}
.blk_29 .box { float:left; width:150px}
.blk_29 .box IMG {	 DISPLAY: block}
.rollphotos {WIDTH: 353px}

.con_contact{ width:304px; height:194px; float:left}
.con_contact_title{ width:274px; height:37px; margin:0 auto; font-size:14px; line-height:37px; margin-top:6px}
.con_contact p{ width:274px; height:30px; margin:0 auto; line-height:21px; font-size:11px}

.bottom{ width:980px; height:32px; line-height:32px; background:url(../images/bottom_logo.png) no-repeat; margin:0 auto}
.bottom h1{ font-size:11px; text-align:left; color:#838383; text-indent:3.5em; width: auto; float:left; padding-right:10px}
.bottom h2{ font-size:11px; text-align:right; color:#838383; width:200px; float:right}
.bottom p{  float:left; margin-top:5px}


.ny_banner{width:984px; height:219px; margin:0 auto; margin-top:10px}
.ny_content{width:980px; height: auto; margin:0 auto; overflow:auto}
.ny_content_title{ width:980px; height:44px; background:url(../images/ny_line.png) bottom no-repeat; margin:0 auto}
.ny_content_title h1{ width:300px; height:44px; line-height:44px; font-size:24px; color:#00a5b2; float:left; text-align:left; padding-left:5px}
.ny_content_title h2{ width:300px; height:44px; line-height:44px; float:right; text-align:right; color:#999}
.ny_left{ width:201px; height:auto; float:left; overflow:hidden}
/*菜单标题的样式*/
.tit {/*菜单标题的样式*/ width:201px; height:36px; background:url(../images/ny_pro_list.png) no-repeat; float:left; line-height:36px; color:#666; text-indent:1.5em}
.tit a.on{width:201px; height:36px; background:url(../images/ny_pro_list.png) no-repeat; float:left; line-height:36px; color:#666; text-indent:1.5em}
.tit_on{width:201px; height:36px; background:url(../images/ny_pro_list.png) no-repeat; float:left; line-height:36px; color:#666; text-indent:1.5em}
.tit a ,.tit a:link , .tit a:hover,.tit_on a,.tit_on a:link, .tit a:hover{/*菜单标题中的链接的样式，共同的部分*/display:block;text-decoration:none;cursor: pointer;text-align:left;height:36px; line-height:36px}
.tit a:hover,.tit_on a:hover{/*鼠标经过时的颜色*/color: #00a5b2; background:url(../images/ny_pro_list.png) no-repeat}
.tit_on a{}



/*====================
	菜单列表的样式
======================*/
.list{float:left; width:185px}
.list ul{list-style-type:none;margin:0;padding:0;padding-left:18px; padding-top:20px; padding-bottom:15px}
.list li{margin:0;padding:0; height:27px;line-height:27px; text-indent:1em }
/*============
菜单链接的样式
==============*/
.list a{color:#505050;text-decoration:none;line-height:27px;}
.list a:link{color:#505050;}
.list a:hover{color:#00a5b2;text-decoration:none;}
.list a.on{color:#00a5b2;}

.nr_left_link{ width:201px; height: auto; float:left}
.nr_left_link p{ width:201px; height:76px; float:left; margin-top:12px}

.ny_right{ width:740px; height:100%; float:left; margin-left:30px; overflow:hidden}
.ny_right_title{ width:740px; height:68px; float:left; text-align:left; line-height:68px; font-size:24px; color:#333}
.ny_right_nr{ width:740px; height: auto; float:left; text-align:left; line-height:24px; color:#666}
.ny_bottom_bg{ width:980px; height:10px; margin:0 auto; margin-top:25px}
.ny_news_details{ height:175px; width:740px; float:left}
.ny_news_details_left{ height:175px; width:237px; float:left}
.ny_news_details_right{ height:175px; width:485px; float:left; margin-left:18px}
.ny_news_details_right p{ font-size:14px; line-height:22px; text-align:left; padding-top:6px; padding-bottom:6px}
.learn_more a{ font-size:14px; line-height:22px; color:#00a5b2}
.learn_more a:hover{}
.ny_news_details_right_title{ font-size:18px; text-align: left; color:#00a5b2; line-height:22px}
.ny_news_details_right_title a{color:#00a5b2}
.ny_news_details_right_title a:hover{color:#00a5b2}
.ny_news_list{ width:740px; height: auto; float:left; margin-top:30px; overflow: hidden}
.ny_news_list_con{ width:740px; height:46px; background:url(../images/news_list_bg.png) no-repeat; float:left}
.ny_news_list_con_left{ width:640px; height:46px; text-align:left; text-indent:2.2em; float:left; line-height:49px}
.ny_news_list_con_right{ width:70px; height:46px; text-align:left; line-height:49px; float:left}
.boxTitle {height:30px; line-height:30px; font-size:14px; width:740; padding-top:20px; margin:0 auto}
.boxTitle h3{display:block; text-indent:25px; float:left}
.boxTitle ul.pagedown{ font-size:13px; width:310px; margin:0 auto}
.boxTitle ul.pagedown li{ float:left; display:block; line-height:24px; margin:3px 5px 0 0; width:auto}
.boxTitle ul.pagedown li a{border:1px solid #ccc; display:block; padding:0 8px; white-space:nowrap; color:#666}
.boxTitle ul.pagedown li a:hover,.boxTitle ul.pagedown li a.current{border:1px solid #cccccc; display:block; background:#00a5b2; padding:0 8px; text-decoration:none; color:#fff}

.news_details{ width:740px; height:auto; float:left}
.news_details h1{ font-size:22px; text-align:center; height:auto; color:#00a5b2; line-height:32px}
.news_details h2{ text-align:center; height:auto; line-height:24px}
.news_details p{ width:auto;}
.news_details span{ line-height:21px; text-align:left}
.return{ width:98px; height:32px; margin:0 auto}
.video{ width:740px; height:auto; float:left}
.video_nr{ width:210px; height:190px; float:left}
.video_nr span{ width:210px; height:30px; float:left; line-height:30px; text-indent:0.3em; text-align:center;}

.faq{ width:740px; height:45px; line-height:45px; padding-top:5px} 
.download{ width:740px; height:auto; float:left; background:url(../images/download_bg.png) repeat}
.download ul li{ width:740px; height:40px; float:left; line-height:40px}
.download ul li span{ text-align:left; float:left}

.message{ width:705px; float:left; height:auto}
.message p{ width:705px; height:34px; background:url(../images/message_bg.png) no-repeat; line-height:21px}
.message span{ width:705px; height: auto}
.submit{ width:73px; height:28px; float:left; background:url(../images/submit.png) no-repeat; border:none; cursor:pointer; text-align:center; line-height:28px; color:#FFF; margin-top:20px}

.ny_products{ width:741px; height:auto; float:left}
.ny_products_list{ width:237px; height:210px; float:left; margin-right:10px; display:inline}
.ny_products_list span{ width:180px; font-weight:bold; float:left; text-align:center; height:32px; line-height:32px}
.ny_products_list p{ width:237px; height:182px; float:left; overflow:hidden}

.proinfocon01{ border:1px solid #e6e6e6; width:738px; margin:0 auto; background:url(../images/proinfp_03.html) no-repeat left top; height:367px; margin-bottom:38px} 
.proinfocon01 .bbj{ background: url(../images/products_details_bg.png) repeat-x left bottom; height: auto} 
.proinfocon01 .l{ float:left; width:320px; padding-left:61px; padding-top:42px; position:relative; height:327px} 
.proinfocon01 .r{ float:left; width:339px; padding-top:10px} 
.proinfocon01 .word h3{ font-size:24px; color:#00a5b2; font-weight:bold; height:24px; line-height:24px} 
.proinfocon01 .word h5{height: auto; line-height:28px; padding-top:15px; padding-bottom:15px} 
.proinfocon01 .pic {  position:absolute; bottom:0; left:60px; width:291px; height:131px} 
.proinfocon01 .pic .tn{ font-size:13px}
.proinfocon01 .pic .scrollbj{background: url(../images/scrollbg.png) no-repeat top; width:291px; height:91px; position:relative}
.proinfocon01 .scrollbj .leftbtn {background:url(../images/leftbtn.png) no-repeat left top; width:8px; height:12px; display:block; text-indent:-9999px; position:absolute; top:24px; left:5px}
.proinfocon01 .scrollbj .rightbtn {background:url(../images/rightbtn.png) no-repeat left top; width:8px; height:12px; display:block; text-indent:-9999px; position:absolute; top:24px; right:5px}
.proinfocon01 .pic .scroll{  width:254px; height:45px; margin:0px auto; padding-top:8px; position:relative; overflow:hidden}
.proinfocon01 .pic .scroll li{width:59px; height:45px; float:left; position:relative; margin-right:6px; cursor:pointer}
.proinfocon01 .pic .scroll li b{ border:1px solid #d0d0d0; width:57px; height:43px; z-index:66; display:block; position:absolute; top:0; left:0}
.proinfocon01 .pic .scroll li.cur b{ border:3px solid #00a5b2; width:53px; height:39px}
.proinfocon01 .pic .scroll li img{ width:57px; height:43px; padding:1pxs}
.proinfocon02 {background:url(../images/proinfp_11.html) repeat-x left bottom; padding-bottom:7px}
.proinfocon02 .pnav{height:34px}
.proinfocon02 .pnav a{ display:block; background:url(../images/pnav.png) no-repeat left top; width:122px; height:34px; float:left; margin-right:13px; line-height:34px; text-align:center; color:#808080; font-size:14px}
.proinfocon02 .pnav a.cur{ background:url(../images/pnav2.png) no-repeat left top;color:#fff}
.proinfocon02 .form2{  border:1px solid #e6e6e6; padding:26px 0 43px}
.proinfocon02 .form2 table.table01{ width:721px; margin:0 auto; border-top:2px solid #b3b3b3}
.proinfocon02 table.table01 td{ padding:15px 0; border-bottom:1px solid #dddddd}
.proinfocon02 table.table01 td.block1{ width:132px; padding-left:6px}
.proinfocon02 table.table01 td.block2{ width:560px; padding-left:23px; background:#f1f2f2}
.proinfocon a.btn-return{ display:block; background:url(../images/return_07.html) no-repeat left top; width:98px; height:32px; text-align:center; line-height:32px; color:#fff; font-size:18px; margin:24px auto 0}


.link{ width:980px; height:65px; margin-top:10px; margin:0 auto }
.link p{ width:auto; float:left }
/*淘宝风格*/
.paginator { font: 14px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; text-align:center;}
.paginator a {border:solid 1px #ccc;color:#0063dc;cursor:pointer;text-decoration:none;}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {border:1px solid #F50;font-weight:700;color:#F50;background-color:#ffeee5;}
.paginator a:hover {border:solid 1px #F50;color:#f60;text-decoration:none;}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{float:left;height:16px;line-height:16px;min-width:10px;_width:10px;margin-right:5px;text-align:center;
 white-space:nowrap;font-size:12px;font-family:Arial,SimSun;padding:0 3px;}
 
 
.pro_list{ width:300px; float:left; height:auto}
.pro_list_left{ width:300px; float:left}
.pro_list_right{ width:300px; float:left; overflow:hidden}
.pro_list_right h1{ font-size:19px; font-weight:bold; padding-top:8px}
.pro_list_right h2{ width:300px; float:left; font-size:16px; margin-top:8px; line-height:26px}
.pro_list a{ color:#333}
.pro_list a:hover{ color:#333}
.pro_list_right a{ font-size:19px; font-weight:bold; color:#008f9a; text-decoration:underline}
.pro_list_right a:hover{font-size:19px; font-weight:bold; color:#008f9a; text-decoration: none}