@charset "gb2312";
@import url("index.css");
/* CSS Document */
* {margin:0;padding:0;list-style:none;}
body {font-size:12px;font-family:"宋体",Arial,Helvetica,sans-serif,Microsoft YaHei;color:#585858;}
img {border:none;}
a{text-decoration:none;color:#585858;}
a:hover{text-decoration:underline;color:#000000;}
h1{font-size:14px;line-height:30px;text-align:center;}
h2{font-size:12px;}
ul{list-style-type:none;}

/*宽高提取*/
.layout_center {width:1180px;margin:0 auto;}
.width100{width:100%;}.width150{width:150px;}.width590{width:590px;}.width210{width:210px;}
.mt8{margin-top:8px;}   
.mt10{margin-top:10px;}

/*常用类*/
.float_clear{clear:both;}
.clear{clear:both;}
.red{color:#F00;}
.keycolor{font-size:13px;font-weight:bold;}
.keycolor a{color:#f03201;}
.date {float:right;color:#666;}
.more {float:right;padding-right:5px;}
.more a {color:#52A3C1;}
.ico1 li{padding-left:16px;background:url(ico-1.gif) 7px 11px no-repeat;}
.ico2 li{padding-left:16px;background:url(ico-2.gif) 6px 11px no-repeat;}
.ico3 li{padding-left:16px;background:url(ico-3.gif) 7px 11px no-repeat;}
.ico4 li{padding-left:20px;background:url(ico-4.gif) 5px 10px no-repeat;}
.ico5 dt{padding-left:15px;background:url(ico-6.gif) 2px 12px no-repeat; line-height:32px;}
.ico6 dt{padding-left:15px;background:url(ico-5.gif) 0 6px no-repeat;}
.ico6 dd{padding-left:15px;background:url(ico-6.gif) 2px 6px no-repeat;}
.hits_style {text-align:center;border:1px dashed #999999;line-height:30px;margin-bottom:20px;}

/*头部*/
#top_main {}
#top{height:98px; position:relative; background:url(top.jpg) no-repeat;}
#top .logo{position:absolute; left:0px; bottom:8px;}
#top .logo img{ max-height:70px; max-width:500px;}
#top .tel{position:absolute; right:0px; bottom:8px;}
#top .tel img{max-width:500px;}
#top .soucang{position:absolute;right:0px; top:5px;}

/*导航栏*/
#nav_main {height:88px;background:#0368af;}
#nav {height:88px; background:url(nav.jpg) no-repeat center top;}
#nav .l{width:130px; float:left;}
#nav .r{width:810px; float:right;}
#nav .r li {float:left;line-height:88px;text-align:center;font-size:14px;background:url(li.png) right no-repeat;}
#nav .r li a {display:block;font-weight:bold; color:#efefef;margin:0 5px; padding:0 12px; font-size:18px;font-family:Microsoft YaHei,"宋体",Arial,Helvetica,sans-serif;}
#nav .r li a:hover {text-decoration:none;color:#efefef; color:#ef0000;}

/*幻灯广告*/
#banner_main {}
.banner{background:url(ibanner.gif) top repeat-x;height:660px;}
.banner_ad {padding:2px;border:3px solid #DEDEDE;overflow:auto;zoom:1;}
#Layer1 {position:absolute;width:980px;height:240px;z-index:1;visibility: visible;}

.index1{ position:relative;background:url(index1.jpg) center no-repeat; height:361px; width:1180px; margin:0 auto;}
.index1 .l{ position:absolute; left:2px; top:95px;}
.index1 .m{ position:absolute; left:436px; top:118px; width:340px;}
.index1 .r{ position:absolute; right:25px; top:118px;width:305px;}

.index2{ height:137px;background:url(index2.jpg) center no-repeat;}
.index21{ clear:both; height:435px;}

.index3{ height:166px;background:url(index3.jpg) center no-repeat;}
.index31{ clear:both; height:858px;}

.index4{ height:127px;background:url(index4.jpg) center no-repeat;}

.index5{ height:467px;background:url(index5.jpg) center no-repeat;}

/* m9 */
.m9 { background:url(index_12.jpg) no-repeat; height:477px; width:1180px; margin:0px auto;}
.m9_table { padding:256px 0 0 580px;}
.m9_table table td { font-family:Simsun;}
.m9_table table td img,.m9_table table td input { vertical-align:middle;}

*:focus{outline:none;}
input, textarea { color:#222; border-radius:3px; -moz-border-radius:3px;}
select { color:#222; padding:1px; font-size:12px;}
textarea { width:88%;padding:2px; line-height:16px; overflow:auto; }
button {cursor:pointer;}
form .input { padding:3px 2px; height:16px; }
form img { float:none; cursor:pointer; }
form #codestr{width:50px;}
form .vcodebg { background-color:#eee; text-align:center; padding:2px 3px 2px 7px; }
input.text_01 { border:1px solid #ddd; width:140px; padding:1px 4px;}
input.text_02 { border:1px solid #ddd; width:180px; padding:5px 6px;}
input.text_03 { border:1px solid #ddd; width:270px; padding:2px 5px;}
input.text_10 { border:1px solid #ddd; padding:3px 4px; width:50px;text-transform:uppercase; vertical-align:middle;}
textarea.textarea_01 { border:1px solid #ddd; height:40px; width:382px; padding:4px;}
textarea.textarea_02 { border:1px solid #ddd; height:50px; width:380px; padding:4px;}
textarea.textarea_03 { border:1px solid #ddd; height:50px; width:400px; padding:4px;}
input,select,textarea{color:#222;font:normal normal 12px "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif}
.new_banner{ height:240px; margin-bottom:5px;position:relative;}
.rslides{width:100%;position:relative;list-style:none;padding:0;}
.rslides_nav{ width:36px; height:36px;display:block; position:absolute;  text-indent:-10em; overflow:hidden;}

.rslides_tabs{ position:absolute;right:10px;bottom:20px;clear:both;text-align:center; z-index:99999;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{ width:12px; height:12px; background:#fff;text-indent:-5em; overflow:hidden; display:block; float:left; margin-left:6px;border-radius:6px;}
.rslides_tabs .rslides_here a{ background:#D968C0;}

/*网站底部*/
.footer { background-color:#FFF; width:1180px; margin:0 auto; padding:0 20px 0;}
.footnav{ height:175px; position:relative; background:url(btnav.jpg) repeat-x top;}
.footnav .l{position:absolute; left:5px; top:20px;}
.footnav .m{position:absolute;top:20px; left:138px;width:880px;}
.footnav .m{ color:#FFFFFF;font-family:Microsoft YaHei,"宋体",Arial,Helvetica,sans-serif;}
.footnav .m a{ color:#FFFFFF;}
.footnav .m ul{ }
.footnav .m ul li{ width:98px; border-right:1px #FFFFFF solid; margin-right:10px; padding-right:5px ;float:left; font-size:18px; font-weight:bold; margin-bottom:20px;font-family:Microsoft YaHei,"宋体",Arial,Helvetica,sans-serif;}

.footnav .r{position:absolute; right:5px; top:20px;}
.copyright { color:#565656; padding:30px 0; text-align:center; width:962px; position:relative;}
.copyright p { position:relative; left:12px; z-index:10;}
.copyright a { color:#565656;}
.copyright .l { position:absolute; left:0; top:18px;}
.copyright .r { position:absolute; width:660px; left:280px; top:38px; z-index:999;}


/*主体*/
#content_main{}
#content{padding:10px 0;background:#FFF;}
#content_banner{background:#FFF;}

/*主体左侧*/
#left {width:160px;float:left;overflow:hidden;}
.l_t {height:30px;line-height:30px;padding-left:15px;background:url(l_t_bg.jpg) repeat-x;color:#585858;}
.l_b {border:1px solid #e8e8e8;padding:10px;}
.l_b dl dt{line-height:20px;font-weight:bold;}
.l_b dl dd{line-height:18px;padding-left:15px;}
.l_f{}
.l_extension{background:url(kefu.jpg) bottom right no-repeat; line-height:180%;}

.pageleft{width:200px; float:left;filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135, Strength=5);/*for ie6,7,8*/background-color:#036eb8;-moz-box-shadow:2px 2px 5px #969696;/*firefox*/-webkit-box-shadow:2px 2px 5px #969696;/*webkit*/box-shadow:2px 2px 5px #969696;/*opera或ie9*/ }
.pageleft .b{ padding:10px;}
.pageleft .b ul li{ line-height:200%; background:#FFFFFF; margin-bottom:8px; padding:5px 10px;}
.pageleft .b ul li a{ color:#036eb8; font-size:14px; font-weight:bold;}
.pageleft .contact{padding:10px; color:#FFFFFF; line-height:180%;}

/*产品展示*/
.prleft{width:180px; float:left;filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135, Strength=5);/*for ie6,7,8*/background-color:#FFFFFF;-moz-box-shadow:2px 2px 5px #969696;/*firefox*/-webkit-box-shadow:2px 2px 5px #969696;/*webkit*/box-shadow:2px 2px 5px #969696;/*opera或ie9*/ padding:10px;}
.prleft dl dt{ font-size:14px; font-weight:bold; border-bottom:1px dashed #efefef;}
.prleft .contact{padding:10px; color:#585858; line-height:180%;}

/*公司简介*/
.ptitle{background:#2fa8e0; height:28px; line-height:28px;}
.ptitle span{background:#036eb8;height:28px; line-height:28px; margin:0 10px; display:block;padding:0px 10px; width:55px; font-size:13px; color:#FFFFFF;}
.pbody{ padding:10px;}

/*招商加盟*/
.jmtj{background:url(jmtj.jpg) no-repeat center #00a1e9; height:557px;}
.jmbody{ padding:10px 0; line-height:200%;}

.fanye{font-size:14px; line-height:300%; font-weight:bold;}
.fanye a{ font-size:14px; line-height:300%; padding:0 5px;}

/*主体中部*/
#center {width:960px;float:right;overflow:hidden;}
#center_index {width:590px;float:left;margin-left:10px;overflow:hidden;}
#c_project {width:960px;float:right;overflow:hidden;}
.c_t {height:30px;line-height:30px;background:url(c_t_bg.jpg) bottom repeat-x;border:1px solid #e8e8e8;padding-left:10px;}
.c_t_bread {height:28px;line-height:28px;}
.c_b_have {border:1px solid #e8e8e8;zoom:1;overflow:hidden;padding:10px;line-height:200%;}
.c_b_have p{ line-height:200%;}
.c_b {border:1px solid #e8e8e8;border-top:none;overflow:hidden;zoom:1;padding:10px;line-height:200%;}
.c_b p{line-height:200%;}

/*首页盒子*/
#ibox{}
#ibox .l{ float:left;width:490px;}
#ibox .l .lt{ height:30px; line-height:30px;}
#ibox .l .lb{}
#ibox .r{ float:right;width:480px;}
#ibox .r .rt{height:30px; line-height:30px;}
#ibox .r .rb{}

/*文章盒子*/
#nbox{}
#nbox .l{ width:400px; float:left;}
#nbox .r{width:400px; float:right;}

/*主体右侧*/
#right {width:210px;float:right;overflow:hidden;}
.r_t {height:26px;line-height:26px;padding-left:10px;background:#7F7F7F;color:#FFF;}
.r_b {padding:10px;overflow:auto;border:1px solid #999;zoom:1;}
.r_b ul li{line-height:20px;padding-left:2px;}

/*文章样式*/
#indexnews{ position:relative;}
#indexnews h2{width:170px;right:10px; position:absolute; }
#indexnews .txt{width:170px; height:60px; top:30px;right:10px; line-height:150%;  position:absolute; }
#indexnews img{ position:absolute; width:120px; height:80px; left:10px; top:10px;}
#indexnews ul{ margin-top:90px; border-top:1px solid #e8e8e8; padding-top:5px;}
#indexnews ul li{line-height:26px;border-bottom:1px dashed #999999;}
#indexnews .date{ float:right;}

/*内容类样式一*/
.products{width:100%;overflow:hidden;clear:both; margin-bottom:20px;}
.products li{overflow:hidden;padding:0 8px;float:left;text-align:center;}
.products li a{display:block;}
.products li a:hover img{border:1px solid #999;padding:2px;}
.products li a img{display:block;border:1px solid #E3E3E3;padding:2px;}
.products li span{line-height:27px; height:27px;padding-bottom:5px;}

/*内容类样式三*/
.pro2{}
.pro2 li{float:left;margin:8px;width:280px;overflow:hidden;border:solid 1px #ddd;display:inline;position:relative;}
.pro2 li .subsummary{height:48px;line-height:24px;overflow:hidden;padding:0 5px;border-top:solid 1px #ddd;background:#e8e8e8;}
.pro2 li .subsummary a{font-size:12px;text-decoration:none;color:#3a3a3a;}
.ver_pic2{width:280px;height:280px;background-color:#eee;text-align:center;position:relative;display:table-cell;vertical-align:middle;}
.ver_pic2 .subpic{*position:absolute;top:50%;left:50%;}
.ver_pic2 .subpic img{*position:relative;top:-50%;left:-50%;}

/*文章类*/
.news li {line-height:35px;border-bottom:1px dashed #999999;}

.list_c li{ border-bottom:1px solid #ccc; overflow:hidden; padding-bottom:10px; margin-top:10px;}
.list_c li .fl{width:118px;float:left;}
.list_c li .fl img{border:1px solid #ccc;background:#fff; padding:5px; margin-top:7px;}
.list_c li .fr{ width:379px;_width:360px; float:right;}

.list_n li{border-bottom:1px solid #ccc;overflow:hidden;padding-bottom:10px;margin-top:10px; clear:both; height:90px;}
.list_n li .l{width:118px; float:left}
.list_n li .l img{border:1px solid #ccc;background:#fff; padding:5px; margin-top:5px; float:left;}
.list_n li .r{width:650px;_width:630px;float:right;}
.list_n li .r .t{height:28px;line-height:28px;}
.list_n li .r .t .l{width:319px;float:left;font-size:14px;color:#585858;font-weight:bold;}
.list_n li .r .t .r{width:100px;float:right;}
.list_n li .r .b{ height:60px;clear:both;}

/*产品详细页图片效果*/
.uploadimg{ position:relative; width:710px; height:700px;clear:both;}
.uploadimg .l{ position:absolute; left:5px; top:48%; width:50px;}
.uploadimg .img{position:absolute;left:80px; width:560px;}
.uploadimg .r{position:absolute; right:5px; top:48%;width:50px;}
.zoom-section{clear:both;margin-top:20px;}
*html .zoom-section{display:inline;clear:both;}
.zoom-desc{float:left;margin-left:10px;width:310px;margin-bottom:20px;}
.zoom-small-image{border:4px solid #CCC;float:left;margin-bottom:20px;}
.zoom-tiny-image{border:1px solid #CCC;margin:0px;}
.zoom-tiny-image:hover{border:1px solid #C00;}

/*文章样式*/
#inews{ position:relative;}
#inews h2{width:170px;right:10px; position:absolute; }
#inews .txt{width:170px; height:60px; top:30px;right:10px; line-height:150%;  position:absolute; }
#inews img{ position:absolute; width:120px; height:80px; left:10px; top:10px;}
#inews ul{ margin-top:90px; border-top:1px solid #e8e8e8; padding-top:5px;}
#inews ul li{line-height:26px;border-bottom:1px dashed #999999;}
#inews .date{ float:right;}

/*网页地图类*/
#site_map {margin-top:5px;}
#site_map dl dt {clear:left;}
#site_map dl dd {float:left;padding: 0 5px;height:27px;}

/*友情链接*/
#link_img{padding:3px;}
#link_img #inner { background-color:#FFFFFF;}
#link_img #inner ul li{ padding:5px;float:left;}
#link_text_main {padding:3px;}
#link_text {background:#efefef;text-align:center;height:30px;line-height:30px;}

/*版权信息*/
#copyright_main {background:url(copyright_main_bg.jpg) top repeat-x #FFFFFF;}
#copyright {height:89px;padding-top:20px;text-align:center;}
#copyright p{margin: 6px 0;line-height:150%;}
input, textarea {border:1px solid #CCC;font-size:12px;padding:2px;font-family:"宋体";}

.fullSlide {width:100%;position:relative;height:573px;background:#000;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:573px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:573px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {background:#f00;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:15%;background-position:-6px -137px;}

/*内容类样式二*/
.pro1{}
.pro1 li{float:left;margin:6px;width:280px;overflow:hidden;border:solid 1px #ddd;display:inline;position:relative;}
.pro1 li .subsummary{height:110px;line-height:25px;overflow:hidden;padding:0 6px;border-top:solid 1px #ddd;background:#d7cfca; position:relative;}
.pro1 li .subsummary .t{ height:32px; text-align:center; font-size:15px; font-weight:bold;}
.pro1 li .subsummary .b{ position:absolute;top:30px; height:63px; line-height:180%;}
.pro1 li .subsummary .m{ position:absolute; right:5px; bottom:5px;}
.ver_pic1{width:280px;height:280px;background-color:#e9e1d2;text-align:center;position:relative;display:table-cell;vertical-align:middle;}
.ver_pic1 .subpic{*position:absolute;top:50%;left:50%;}
.ver_pic1 .subpic img{*position:relative;top:-50%;left:-50%;}

.demo{width:1180px;height:280px;clear: both;position: relative;}
.bx_wrap {margin-top:10px;}
.bx_wrap ul images { border:2px solid #ddd; }
.bx_wrap ul li{text-align:center;margin:6px;width:280px;overflow:hidden;border:solid 1px #ddd;display:inline;position:relative;}
.bx_wrap ul li .subsummary{height:110px;line-height:25px;overflow:hidden;padding:0 6px;border-top:solid 1px #ddd;background:#d7cfca; position:relative;}
.bx_wrap ul li .subsummary .t{ height:32px; text-align:center; font-size:15px; font-weight:bold;}
.bx_wrap ul li .subsummary .b{ position:absolute;top:30px; height:63px; line-height:180%;}
.bx_wrap ul li .subsummary a{ font-size:18px;}
.bx_wrap ul li .subsummary a:hover{ color:#f30}
.bx_wrap a.prev {width:20px;height:24px;line-height:24px;outline-style:none;outline-width: 0;position:absolute; top:45px; left:-2px; text-indent:-999em; background: url(images/arr_left.gif) no-repeat;}
.bx_wrap a.next {width:20px;height:24px;line-height:24px; left:626px;position: absolute;top:45px; text-indent:-999em; background:url(images/arr_right.gif) no-repeat;}
