body,div,ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,table{margin:0;padding:0}
body{font-family:微软雅黑,Helvetica,Arial,Verdana,sans-serif;font-size:14px;color:#333;line-height:1.6}
ul,dl{list-style:none}
a,a:visited{color:#333;text-decoration:none}
a:hover{}
a:focus{outline:none}
a:active{blr:expression(this.onFocus=this.blur())}
img{border:0}

/* 公共 */
.wrap{width:100%;margin:0 auto}
.cf:after{content:"";display:block;clear:both;height:0;overflow:hidden}
.cf{zoom:1}
.head,.nav,.banner,.cont,.t10{margin-top:10px}
.b10{margin-bottom:10px}

/* 顶部 */
.head{height:50px; width:1100px; margin:0 auto; padding:30px 0}
.head .logo{width:275px;float:left; margin-left:5px;}
.nav .n_c .search{height:22px;width:185px;overflow:hidden;float:right; margin-top:10px; background:url(../img/serch.gif) no-repeat}
.nav .n_c .search .s_set{}
.nav .n_c .search .s_tit{width:150px;vertical-align: middle; height:18px;}
.nav .n_c .search .s_sub{width:22px;height:22px;background:transparent;vertical-align: middle; border:0 }

/* 导航 */
.nav{height:44px;position:relative;z-index:2; width:100%; background:#3c3c3c; height:42px}
.nav dl a,.nav dl a:visited,.nav dl a:hover{display:block;color:#fff;overflow:hidden;text-align:center}

.nav .n_c{height:42px;width:960px;overflow:hidden; margin:0 auto}
.nav .n_c dl{float:left;_display:inline}
.nav .n_c dl a{width:105px;height:22px;line-height:22px; border-left:1px #fff solid; margin-top:10px; font-size:16px}
.nav .n_c dl a.on{}
.nav .n_c dl dd{display:none}

/* banner */
.banner{position:relative;z-index:1;width:100%;height:499px;overflow:hidden; margin:0; padding:0}
.banner ul{position:absolute;width:100%;height:499px;overflow:hidden}
.banner ul li{float:left;width:100%;height:499px}
.banner .b_prev,.banner .b_next{z-index:2;position: absolute;display:block;width:38px;height:78px; top:210px;border-radius:5px;filter:alpha(opacity=50);opacity:0.5}
.banner .b_prev{left:25%;background:url(../img/bg.gif) 0 -191px no-repeat}
.banner .b_next{right:25%;background:url(../img/bg.gif) -38px -191px no-repeat}
.banner .b_prev:hover,.banner .b_next:hover{filter:alpha(opacity=0);opacity:0}


/* 区块一 */
.b1_top{border:1px solid #BDD7F2;border-top:4px solid #02A0E9}
.b1_tit{height:30px;overflow:hidden; width:960px; margin-top:45px}
.b1_tit div{height:30px;float:left;overflow:hidden}
.b1_tit .ct_c{max-width:540px;padding:0 10px;line-height:30px;color:#666; float:right; font-size:12px}
.b1_tit .ct_c a{color:#666}
.b1_cont{padding:10px;overflow:hidden;min-height:190px}
.b1_cont em{font-style:normal;color:#C00}
.comment_show{padding-top:20px;min-height:100px}

/* 区块二 */
.b2_tit{height:60px;overflow:hidden;line-height:60px}
.b2_tit b{float:left; margin:16px}
.b2_tit1{height:53px; background:#01a6e6; color:#fff; line-height:40px; font-size:18px; text-align:center}
.b2_tit1 b{ text-align:center; margin:18px; font-weight:100}
.b2_cont{padding:10px;overflow:hidden;border:1px solid #BDD7F2;border-top:none}

/* 内容公共 */
.cont{}
.more {background:#00aae8; clor:#fff; padding:8px 45px; margin:60px 0}
/* 2列 */
.c2_l{float:left;width:650px}
.c2_r{float:right;width:320px}

.m_l{float:left;width:165px; border:1px solid #00c2fa; margin:43px 0}
.m_r{float:right;width:786px; margin:30px 0}
.m_r1{float:right;width:706px; margin:30px 0}
/* 3列 */
.c3{width:960px;overflow:hidden; margin:0 auto}
.c3_m{width:960px;margin:55px 0 90px;}
.c3_l{float:left;width:308px;margin:10px 15px 0 0; background:#fff; border:1px solid #dcdcdc}

/* 底部 */
.foot{padding:10px; height:275px; background:#3c3c3c;}
.foot p{line-height:1.8; color:#fff; margin-top:20px}
.foot p a{ color:#fff}
/* 分页 */
.pages{ float:right; margin:60px 35px}
.pages a,.pages a:visited,.pages b,.pages span{display:inline;float:left;min-width:12px;height:33px;line-height:33px;margin:5px 5px 0 0;padding:2px 15px;text-align:center;font-family:Tahoma;font-size:12px;white-space:nowrap;border:1px solid #BBBBBB;color:#333}
.pages a:hover{border:1px solid #38739F;background:#00A0E9;color:#fff;font-weight:400}
.pages b{border:1px solid #BDD7F2!important;background:#00A0E9!important; color:#fff}
.pages span{font-weight:bold}

/* 公司简介 */
.info_l{float:left;width:264px;height:181px;padding-top:5px}
.info_r{float:right;width:358px;text-indent:20px;line-height:20px;_height:200px}
.info_r p{padding:5px}

/*行业龙头*/
.hylt{width:100%; background:#f8f8f8 url(../img/bg2.jpg) bottom no-repeat; margin-top:40px}
.cmm{width:960px; margin:0 auto; padding-bottom:140px}
.cmm ul{background:#ffffff; border:1px solid #eae9e7; width:960px; height:345px; margin-top:30px; color:#888888}
.cmm ul li{float:left; border-right:1px solid #eae9e7; height:345px}
.cmm ul li img{ padding:4px}
.cmm ul li h1{font-size:20px; font-weight:100; line-height:25px}
.cmm ul li p{font-size:12px; width:160px; margin:10px auto}
.cmm ul li:hover{ background:#00aae8; color:#fff}
/* 客户案例 */
.caselist{padding:5px 10px;min-height:200px;_height:200px}
.caselist p a{display:block;height:82px;padding:9px 0}
.caselist p a img{display:block;float:left;width:132px;height:82px}
.caselist p a b,.caselist p a i{display:block;float:right;overflow:hidden;width:155px}
.caselist p a b{height:22px;line-height:20px}
.caselist p a i{height:60px;line-height:20px;font-style:normal}
/* 图片列表 */
.piclist{position:relative;height:188px}

.piclist .p_cont{position:absolute;top:0px;left:0px;width:960px;height:188px;overflow:hidden}
.piclist ul{position:absolute;top:0;left:0}
.piclist ul li{float:left;width:232px;height:188px;margin:0 10px 0 0;overflow:hidden;_display:inline}
.piclist ul li a img{display:block;overflow:hidden;width:232px;height:188px}
.piclist ul li a u{display:block;overflow:hidden;height:26px;line-height:26px;text-align:center;text-decoration:none}
/* 普通列表 */
.lists{padding:5px 10px;min-height:192px}
.lists li{overflow:hidden;height:32px;line-height:32px; text-indent:8px}
.lists li span{float:right;color:#999}
/* 友情链接 */
.flink li{float:left;padding:0 6px;line-height:24px;white-space:nowrap;_display:inline}

/* 文章列表 */
.art_list{padding:10px 15px}
.art_list dl,.art_pic dl{margin: 10px 0}
.art_list dl dt{height:24px;line-height:24px;overflow:hidden}
.art_list dl dt b{float:left}
.art_list dl dt span{float:right}
.art_list dl dd{padding:8px 2px;word-wrap:break-word;word-break:break-all}
/* 文章列表(带图片) */
.art_pic{ width:650px; float:left; margin-left:21px}
.art_pic dl{padding:60px 0 0px;}

.art_pic dl dd{float:left;width:650px}
.art_pic dl dd h3{font-size:22px;height:34px;line-height:34px;overflow:hidden; font-weight:100}
.art_pic dl dd h3 a{color:#00A7E6}
.art_pic dl dd div{padding-top:10px;overflow:hidden;word-wrap:break-word;word-break:break-all; height:87px}
.art_pic dl dd .news_tag a{display:inline-block;margin-right:5px;padding:1px 10px;background:#A7A7A7;color:#fff}
.art_pic dl dd .news_tag a:hover{background:#f87b00}
.art_pic dl dd .news_info span{padding-right:15px; float:right}
/* 文章内容 */
.art_show h1{height:30px;line-height:30px;overflow:hidden;text-align:center;font-size:18px}
.art_show .info{height:24px;line-height:24px;text-align:center;border-bottom:1px dotted #BDD7F2;padding:6px 0}
.art_show .info span{padding:0 5px}
.art_show .content{padding:10px 5px;font-size:14px;line-height:1.8;word-wrap:break-word;word-break:break-all}
.art_show .turn{border-top:1px dotted #BDD7F2;padding:5px 5px 0;font-size:14px}
.share_tag{margin-top:5px;height:30px}
.share_tag .sh_l{float:left}
.share_tag #bdshare{float:right}

/* 产品列表 */
.pro_list{width:786px;overflow:hidden;margin:-8px auto 0}
.pro_list ul{width:786px}
.pro_list li{float:left;width:232px;height:290px;margin:10px 0 10px 26px;overflow:hidden;_display:inline}
.pro_list li a{display:block;color:#666}
.pro_list li a img{display:block;overflow:hidden;width:230px;height:230px; border:1px solid #d7d7d7; margin-bottom:8px}
.pro_list li a u{display:block;overflow:hidden;height:18px;line-height:18px;text-align:left;text-decoration:none}

/* 产品内容 */
.pro_show .p_l{float:left;width:352px}
	#spec_big{z-index:9999;position:absolute;width:400px;height:400px;overflow:hidden;border:1px solid #BDD7F2;background:#fff}
	#spec_big img{position:absolute}
	#spec_pic{position:relative;width:350px;height:350px;overflow:hidden;border:1px solid #BDD7F2;background:url(../img/loader.gif) center no-repeat}
	#spec_pic img{width:100%;height:100%}/*如果图片比例不对会变形，解决这个问题最好上传前在电脑把图片处理一下*/
		#spec_zoom{position:absolute;top:0;left:0;width:154px;height:154px;background:#E3800D;border:1px solid #000;cursor:move;filter:alpha(opacity=40);opacity:0.4}
	#spec_list{position:relative;height:72px;overflow:hidden;margin-top:8px}
		#spec_prev,#spec_next{display:block;position:absolute;top:0;width:16px;height:72px}
		#spec_prev:hover,#spec_next:hover{filter:alpha(opacity=80);opacity:0.8}
		#spec_prev.dis,#spec_next.dis{filter:alpha(opacity=40);opacity:0.4}
		#spec_prev{left:0;background:url(../img/bg.gif) -77px -191px no-repeat}
		#spec_next{right:0;background:url(../img/bg.gif) -93px -191px no-repeat}
		#spec_item{position:absolute;top:0;left:22px;width:306px;height:72px;overflow:hidden}
		#spec_item ul{position:absolute;width:2000px}
		#spec_item ul li{float:left;margin-right:6px;width:72px;height:72px}
		#spec_item ul li img{width:68px;height:68px;padding:1px;border:1px solid #BDD7F2}
		#spec_item ul li img.on{padding:0;border:2px solid #02A0E9}
.pro_show .p_r{overflow:hidden;float:right;width:280px; margin-top:100px}
.pro_show .p_r h1{font-size:16px}
.pro_show .p_r .info{margin-top:10px;color:#666}
.pro_show .p_r .info li{font-weight:400; line-height:30px;}

/* 图片列表 */
.pho_list{width:990px;overflow:hidden;margin:-15px auto 0}
.pho_list ul{width:990px}
.pho_list li{float:left;width:310px;height:285px;margin:10px 18px 0 0;overflow:hidden;_display:inline;border:1px solid #d7d7d7}
.pho_list li a{display:block}
.pho_list li a img{display:block;overflow:hidden;width:310px;height:253px}
.pho_list li a u{display:block;overflow:hidden;height:32px;line-height:32px;text-align:center;text-decoration:none; color:#333}
.pho_list li:hover{color:#333;border:1px solid #02A0E9}
.pho_list li a:hover u{}
.pho_show h1{height:30px;line-height:30px;overflow:hidden;text-align:center;font-size:18px}
.pho_show .info{height:24px;line-height:24px;text-align:center;padding:6px 0}
.pho_show .info span{padding:0 8px}
.pho_show #main_a{position:relative;width:708px;height:450px;overflow:hidden;text-align:center;background:url(../img/loader.gif) center no-repeat; margin:5px auto 0}
.pho_show #main_a .pic{z-index:1;position:absolute;width:100%;height:100%;top:0;left:0}
.pho_show #main_a .pic img{position:relative;z-index:1;max-width:708px;max-height:450px;_width:expression(this.width > 708 ? "708px" : true);_height:expression(this.height > 450 ? "450px" : true)}
.pho_show #main_a .go_l,.pho_show #main_a .go_r{z-index:2;display:block;position:absolute;top:0;width:50%;height:100%}
.pho_show #main_a .go_l b,.pho_show #main_a .go_r b{display:block;position:absolute;width:38px;height:78px;top:42%;border-radius:5px;filter:alpha(opacity=0);opacity:0}
.pho_show #main_a .go_l:hover b,.pho_show #main_a .go_r:hover b{filter:alpha(opacity=60);opacity:0.6}
.pho_show #main_a .go_l{left:0;background:url(../img/bg.gif) 0 -1000px no-repeat}
.pho_show #main_a .go_r{right:0;background:url(../img/bg.gif) 0 -1000px no-repeat}
.pho_show #main_a .go_l b{left:40px;background:url(../img/bg.gif) 0 -191px no-repeat}
.pho_show #main_a .go_r b{right:40px;background:url(../img/bg.gif) -38px -191px no-repeat}
.pho_show #main_b{padding:15px;min-height:48px;line-height:24px}
.pho_show #main_c{height:100px;padding:8px;overflow:hidden;border:1px solid #BDD7F2;background:#EAF2FC}
.pho_show #main_c .small_pic{position:relative;height:90px}
.pho_show #main_c .small_pic .go_l,.pho_show #main_c .small_pic .go_r{display:block;position:absolute;top:7px;width:16px;height:72px}
.pho_show #main_c .small_pic .go_l:hover,.pho_show #main_c .small_pic .go_r:hover{filter:alpha(opacity=80);opacity:0.8}
.pho_show #main_c .small_pic .go_l{left:0;background:url(../img/bg.gif) -77px -191px no-repeat}
.pho_show #main_c .small_pic .go_r{right:0;background:url(../img/bg.gif) -93px -191px no-repeat}
.pho_show #main_c .small_pic .warp{position:absolute;top:0;left:20px;width:650px;height:90px;overflow:hidden}
.pho_show #main_c .small_pic .warp ul{position:absolute;top:0;left:0;width:2000px}
.pho_show #main_c .small_pic .warp ul li{float:left;margin-right:5px;_display:inline}
.pho_show #main_c .small_pic .warp ul li a{display:block;position:relative}
.pho_show #main_c .small_pic .warp ul li a img{width:98px;height:80px;border:3px solid #EAF2FC}
.pho_show #main_c .small_pic .warp ul li a:hover img{border:3px solid #BDD7F2}
.pho_show #main_c .small_pic .warp ul li.on a img{border:3px solid #02A0E9}
.pho_show #main_c .small_pic .warp ul li a b{display:block;position:absolute;bottom:6px;right:6px;background:#0398EB;font-weight:400;font-size:11px;line-height:1;padding:2px;color:#fff;filter:alpha(opacity=60);opacity:0.6}
.pho_show #main_c .small_pic .warp ul li a:hover b{background:#3EB7FC}
.pho_show #main_c .scroll_line{border-top:1px solid #BDD7F2;margin:5px 20px 0;position:relative}
.pho_show #main_c .scroll_line b{display:block;position:absolute;top:-7px;width:150px;height:13px;background:url(../img/bg.gif) 0 -387px no-repeat}
.pho_show #main_c .scroll_line b:hover{filter:alpha(opacity=70);opacity:0.7}
.pho_show #main_d{display:none}
.pho_show #main_end{display:none;border:1px solid #040404;background:#222;z-index:99;position:absolute;top:0;left:0;width:430px;padding:20px 30px;height:230px;border-radius:5px}
.pho_show #main_end .el{float:left;width:200px}
.pho_show #main_end .er{float:right;width:200px}
.pho_show #main_end .me_tit{position:absolute;top:5px;right:0}
.pho_show #main_end .me_tit a{float:right;padding-right:10px}
.pho_show #main_end dl dt{color:#999;font-size:20px;height:45px;line-height:45px}
.pho_show #main_end a{display:block;color:#999}
.pho_show #main_end a:hover{color:#fff}
.pho_show #main_end a img{display:block;overflow:hidden;width:200px;height:150px}
.pho_show #main_end a span{display:block;overflow:hidden;height:35px;line-height:35px;text-align:center}

/* 右侧分类 */
.cat_r{padding:0}
.cat_r li{overflow:hidden;height:53px;line-height:53px;text-indent:24px; color:#000; font-size:17px; border-bottom:1px solid #dcdcdc}
.cat_r li:hover{ color:#00a7e6}
/* 评论相关 */
#load_more,#load_more:visited{display:block;background:#0581B9;color:#FFF;height:30px;line-height:30px;text-align:center;cursor:pointer}
#load_more:hover{background:#2CA0D3;color:#FFF}
.comment{padding:5px 10px 10px}
.comment .li{border-bottom:1px dotted #BDD7F2;margin:10px 0}
.comment .li .avatar{float:left}
.comment .li .avatar img{width:40px;height:40px;border-radius:5px;border:1px solid #BDD7F2;padding:3px}
.comment .li .post_body{padding:0 0 0 58px}
.comment .li .post_body .post_header b{padding-right:30px;color:#455E85}
.comment .li .post_body .post_message{padding:5px 0 8px;word-wrap:break-word;word-break:break-all}
.comment_form{padding:0}
.comment_form .ctf_cont{border-bottom:1px solid #BDD7F2}
.comment_form .ctf_cont textarea{font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial;width:98%;height:100px;padding:8px;border:0;outline-style:none;resize:none;overflow:auto}
.comment_form .ctf_body{height:38px}
.comment_form .ctf_txt{float:left;height:28px;padding:5px}
.comment_form .ctf_txt input{float:left;border: 1px solid #BDD7F2;width:150px;height:22px;line-height:24px;padding:2px 5px}
.comment_form .ctf_sub,.comment_form #ctf_tips{float:right;height:28px;line-height:28px;padding:5px}
.comment_form .ctf_sub input{background:url(../img/bg.gif) -106px -270px no-repeat;width:85px;height:28px;_line-height:30px;color:#fff;border:0}
.comment_form .ctf_sub input:disabled{color:#6D6D6D;text-shadow: 1px 1px 0 #FFF}

/* 右侧边栏 */
body{_background:url(about:blank) fixed}
.s_fixed{z-index:999;width:240px;position:fixed;top:0;_position:absolute;_top:expression(eval(document.documentElement.scrollTop))}

/* 返回顶部 */
#gotop{z-index:999;display:block;width:50px;height:50px;background:url(../img/bg.gif) -110px -191px no-repeat;position:fixed;right:10px;bottom:10px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop)||0)-(parseInt(this.currentStyle.marginBottom)||0)-10))}
#gotop:hover{filter:alpha(opacity=80);opacity:0.8}

/*首页产品中心*/
.zzsc{ height:524px; width:960px; margin:0 auto}
.zzsc .tab{ overflow:hidden; width:165px; border:1px solid #01a6e6; float:left}
.zzsc .tab a{ display:block; text-decoration:none; color:#323232; width:165px; height:51px; background:#fff; line-height:52px; text-indent:25px; font-size:16px; border-bottom:1px solid #dcdcdc}
.zzsc .tab a img{ margin-left:5px}
.zzsc .tab a:hover{color:#01a6e6; text-decoration:none;}
.zzsc .tab a.on{color:#01a6e6; text-decoration:none;}
.zzsc .content{ overflow:hidden; float:left; width:792px; height:470px}
.zzsc .content li{ display:none; width:792px}
.zzsc .content li div{float:left}
.zzsc .content li a{margin:0 0 9px 8px; width:188px; height:228px; float:left; border:1px solid #dcdcdc}
.zzsc .content li a:hover{ border:1px solid #01a6e6}
.zzsc .content li img{ width:188px; height:188px}
.zzsc .content li a p{ width:100%; height:40px; text-align:center; border:0}

   .flexslider {
        margin: 0px auto 20px;
        position: relative;
        width: 100%;
        height: 499px;
        overflow: hidden;
        zoom: 1;
    }
    
    .flexslider .slides li {
        width: 100%;
        height: 100%;
    }
    

    
    .flexslider:hover .flex-next:hover,
    .flexslider:hover .flex-prev:hover {
        opacity: 1;
        filter: alpha(opacity=50);
    }
    
    .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: 10px;
        text-align: center;
    }
    
    .flex-control-nav li {
        margin: 0 2px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
    
    .flex-control-paging li a {
        background: url(images/dot.png) no-repeat 0 -16px;
        display: block;
        height: 16px;
        overflow: hidden;
        text-indent: -99em;
        width: 16px;
        cursor: pointer;
    }
    
    .flex-control-paging li a.flex-active,
    .flex-control-paging li.active a {
        background-position: 0 0;
    }
    
    .flexslider .slides a img {
        width: 100%;
        height: 499px;
        display: block;
    }