@charset "gb2312";
img  {border: 0px;}
*{margin:0;padding:0; }
body{padding:0px;margin:0px;line-height:180%;font-size:12px;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;; background: url(../images/bg.jpg) no-repeat repeat-x  }
div,form,img,ul,li,dl,dt,dd{margin:0;padding:0;border:0;}
table,td,tr,th{font-size:12px;}
.clear {clear:both;}
.hv{ width:100%; height:20px;}
ul{ margin:0; padding:0;}
li {list-style:none;list-style-type:none;}
a { color: #000000;text-decoration:none;}

h1,h2,h3,h4,h5{ font-size:12px;/* font-weight:normal;*/}
input{color:#666;font-size:12px;}
form, embed {display: inline;margin: 0;padding: 0;}
.fl{ float:left;}
.fr{ float:right;}
/*.wrap{width:980px; margin:0 auto;}*/
.clear{ clear:both;}
.hv{ width:100%; margin:0 auto; height:10px; overflow:hidden}
 .more{ height:30px; width:50px; display:block; float:right;filter:alpha(opacity=0); opacity:0}
 
#head{ width:100%; height:132px; background:#FFF; }
#headd{ width:1200px; height:95px; margin:0 auto;}
#logo{width:720px;height:95px; float:left;}
#logo h1{ width:470px;height:95px; float:left;}
#tel{width:300px;height:50px;float:right;}
/*#menu { height:41px; width:100%; background:url(../images/navbj.jpg) repeat-x; }*/
#menu a{ color:#FFF}
#famenu{  width:1000px; margin:0 auto; height:41px}
/*�Ը���li������ʽ*/
#famenu >li{ float:left;height:41px; width:105px; text-align:center;line-height:41px; position:relative}
#famenu >li>a{ display:block; font-size:14px;}
/*���Ӽ�li������ʽ*/
#sonmenu{position:absolute; min-width:125px; z-index:9999;top:41px}
#sonmenu li{  text-align:center; background:rgba(1, 150, 218, 0.8); }
/*��nav������*/
#famenu >li:hover #sonmenu{ display:block; transform:none}
#sonmenu { display:none; }



#banner{ height:417px; width:100%;position:relative; overflow:hidden}
#banner_box{height:417px; width:1920px;overflow:hidden; left:50%; position:absolute; margin-left:-960px}
#banner_top ul li img{height:417px; width:1920px;}
#banner_top{ position:absolute;}
#banner_top ul li{ float:left}
#banner_down{ position:absolute; right:15%; top:85%; z-index:9999}
#banner_down ul li{ float:left; margin:0 0 0 10px; display:inline;width:50px; height:32px;}
#banner_down ul li img{ width:50px; height:32px; cursor:pointer}
 .active1{border:#FFF 2px solid; }

#tag{width:1000px;margin:0 auto;height:50px;line-height:30px;padding:10px 0 0 0}
#tag li{float:left;height:30px;line-height:30px}
#tag li a{color:#FFF;padding:0 5px;margin:0 0 10px 10px ;float:left;background:rgba(0,0,0,0.5);display:block;box-shadow:1px 1px 5px #999999}
 

#content{ width:1000px; margin:0 auto}


#press{ width:100%; height:330px; background:#f0f0f0;}
#press_box{ width:1000px; height:320px; margin:0 auto;}
#press_top{width:1000px;height:70px; background:url(../images/pro_top.png) no-repeat center; text-align:center; font-size:16px; line-height:30px; color:#b6b6b6; padding-top:10px}
#press_top a{ color:#0278cb; font-size:18px;}
#press_cen{ width:1000px; overflow:hidden; margin-top:20px;}
#press_cen1{ width:480px; height:200px;  float:left;}
#press_cen2{ height:200px; width:460px; float:right; }
#press_cen2 ul li{border-bottom:#000 dotted 1px; line-height:27px;}
#press_cen2 ul span{float:right;color:#000}




#demo1{ 
    position: relative;    
    margin:0 auto;
    width:380px;     
    border:1px solid #ccc;
}
#demo1 .img_list{overflow: hidden; position: relative; height:190px;}
/* ����ͼƬ���������趨ul�Ŀ�� */
.img_list ul{ width: 3500px; position: absolute; height: 190px; left: 0px;}
.img_list li{ float: left; width:380px;}
.img_list img{ margin: 1px; width:380px; height:190px;}

/* ͼƬ��Ӧ�İ�ť��ʽ */
.btn_list ul{ position: absolute; right: 20px; bottom: 35px; }
.btn_list li{ float: left; margin-right: 10px; color: #999; border: 1px solid #ccc; }
.btn_list li:hover,.btn_list li.on{ cursor: pointer; border: 1px solid #E204A4;}
.btn_list li img{ width: 30px; height: 15px; display: block;}
/* ���ҵ���İ�ť��ʽ */
#demo1 .toLeft,#demo1 .toRight{
    display: none;
    position: absolute;
    width: 26px;
    height:48px;    
    top:70px;    
    background: url(../images/zbbg_24.png) no-repeat 0 -139px;
}

/* ͼƬ��Ӧ��˵��*/
.img_intro{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
}
.img_intro .img_intro_bg,.img_intro .text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.img_intro .img_intro_bg{
    background: #000;    
    opacity: .3;
    z-index: 999;
}
.img_intro .text{
    padding: 5px 10px;
    z-index: 1000;
    color: #999;
}
#demo1 .toLeft{
    left: -40px;
}
#demo1 .toRight{
    right: -40px;
    background-position: -40px -139px;
}




#comp{ width:1000px; height:360px; margin-top:40px;}
#comp_left{width:360px;height:336px;float:left; position:relative;}
#comp_left span{ position:absolute; top:80px; right:40px; line-height:22px; color:#fff; font-size:14px;}
#comp_left span a{ color:#FFF;}
#comp_left img{width:352px;height:336px}
#comp_cen{ height:336px; width:620px; float:right;overflow:hidden; line-height:26px;}


#call{ width:270px; height:330px; background:; float:right}
#call_top{ width:270px ; height: 52px ; background:url(../images/20151209075831.png) no-repeat;line-height: 32px}
#call_top ul li{float:left;text-indent:40px}
#call_top ul a{color:#333;font-size:16px}
#call_top #gd{width:90px;text-align:right;line-height: 46px;float:right}
#call_top #gd a{color:#666;font-size:12px}
#call_cen{ height:  ; width:  ;color:#444}


/*pro����ʽ*/
#pro{height:320px;width:100%;background:#f0f0f0;}
#pro_boxa{ width:1000px; height:320px; margin:0 auto;}
.pro_top{width:1000px;height:70px; background:url(../images/pro_top.png) no-repeat center; text-align:center; font-size:16px; line-height:30px; color:#b6b6b6; padding-top:10px}
.pro_top a{ color:#0278cb; font-size:18px;}

#pro_cen{ height:260px;   position:relative; overflow:hidden; margin:0 auto; }
#pro_cen_k{ height:260px;text-align:left;width:998px;}
#pro_cen ul { width:960px; height:280px; position:absolute; left:20px; overflow:hidden;}
#pro_cen ul li{ float:left; list-style-type:none;width:227px;height:185px;  text-align:left;background:url(../images/31.jpg)}
#pro img{width:207px;height:154px;border:#ccc solid 1px}
#pro img:hover{ box-shadow:1px 1px 5px #999999;transform: scale(1.2, 1.2);transition: .3s transform;z-index: 10000;}
#pro #pro_tit{text-align:left;border:1px solid #ccc;border-top:none;background:#efefef;height:40px;width:197px;line-height:40px;padding:0 5px;float:left;}
#pro #pro_tit_sp1{width:49%;display:block;float:left;text-align:left;overflow:hidden}
#pro #pro_tit_sp2{display:block;float:right;COLOR:#F00;text-align:right;width:49%;overflow:hidden}
/*����*/

/*pro1����ʽ*/
#pro1{height:350px;width:1000px;background:none;;float:left}
.pro_top1{width:1000px;height:74px;background:url(../images/20151209082557.png) no-repeat;line-height: 32px}
.pro_top1 ul li{float:left;text-indent:45px}
.pro_top1 ul a{color:#333;font-size:16px}
.pro_top1 ul li#gd{width:90px;text-align:right;line-height: 46px;float:right}
.pro_top1 ul li#gd a{color:#666;font-size:12px}
#pro1 #pro_tit{height:40px;width:170px;line-height:40px;padding:0 5px;margin:0 auto;border:1px solid #ccc;background:#efefef;float:left;border-top:none}
#pro1 #pro_tit_sp1{width:49%;display:block;float:left;text-align:left;overflow:hidden}
#pro1 #pro_tit_sp2{display:block;float:right;COLOR:#F00;text-align:right;width:49%;overflow:hidden}
 /*��Ʒ���Ҽ�ͷ�������*/
.blk_18{ font-size: 12px; width: 1000px; zoom: 1;height:280px;overflow:hidden } 
.blk_18 .pcont { float: left; overflow: hidden; width:900px } 
.blk_18 .ScrCont { width: 32766px; zoom: 1 } 
.blk_18 #List1_1 { float: left } 
.blk_18 #List1_1 li{float: left; width: 210px;;height:260px ; text-align: center}
.blk_18 #List2_1 { float: left } 
.blk_18 #List2_1 li{float: left; width: 210px;;height:260px ; text-align: center}
.blk_18 .LeftBotton { background:url(../images/left.jpg) no-repeat center center; float: left; margin: 10px 1px; width: 30px; height: 190px ;margin-right:15px} 
.blk_18 .RightBotton { background: url(../images/right.jpg) no-repeat  center center; float: left; margin: 10px 1px; width: 30px; height: 190px;margin-left:20px } 
.blk_18 .pl IMG { display: block; margin: 6px auto 1px; cursor: pointer; border:#ccc solid 1px } 
.blk_18 .pl {   float: left;  width: 200px; line-height: 24px; text-align: center;height:200px;display:block; } 
.commu_cont3 { margin: 9px 7px 7px; line-height: 150% } 
.commu_cont3 UL { width: 188px }
/*����*/



/*pro2����ʽ*/
#pro2{width:1000px; height:900px; ;float:left}
.right_cen1 img{width:213px;height:189px}
.right_cen1 img:hover{ box-shadow:1px 1px 5px #999999;transform: scale(1.2, 1.2);transition: .3s transform;z-index: 10000;}
#pro2 #pro_tit{height:40px;width:209px;line-height:40px;padding:0 5px;border:1px solid #ccc;border-top:none;background:#efefef}
#pro2 #pro_tit_sp1{width:49%;display:block;float:left;text-align:left;overflow:hidden}
#pro2 #pro_tit_sp2{display:block;float:right;COLOR:#F00;text-align:right;width:49%;overflow:hidden}
#right1{border:#eaeaea 1px solid; width:760px; min-height:500px; float:right;}
.righttitle1{height:40px;background:url(../images/9.jpg) ;border-bottom:#eaeaea 1px solid;text-indent:30px}
.righttitle1 div{width:20px;float:left;height:40px}
.righttitle1 #more{width:80px;float:right;height:25px;}
.righttitle1 #more a{font-size:12px}
#prolist1 li{ float:left; margin:10px 0 0 20px; display:inline; text-align:center;}
#prolist1 li div{width:216px;height:192px;border: #cfcfcf 1px solid;padding-top:3px;padding-left:3px}
/*����*/

/*pro3����ʽ*/
#pro3{ width:100%;height:530px;overflow:hidden;float:left}
#pro_top{ width:100%; height:50px; background:#d91e27}
#pro_top ul li{ width:170px; height:100%; float:left; line-height:50px; text-align:center; font-size:15px; border-right:1px #FFF solid}
#pro_top a{ color:#FFF}
.pro_top_ac{ background:#ea454d}
#pro_box{width:100%; height:460px;overflow:hidden}
#pro_box ul li{width:250px; height:300px;overflow:hidden;float:left}
#pro_box ul li span{width:240px; height:25px;overflow:hidden;float:left;text-align:center}
#pro_box ul li a{display:block;  width: 240px;height: 225px;}
.pro_boxa{ width:100%; height:460px; }
.pro_boxa img{ float:left; width:240px; height:225px;border:1px solid #ccc}
#pro3 #gd a{color:#FFF}

#pro3 #pro_tit{height:40px;width:230px;line-height:40px;padding:0 5px;border:1px solid #ccc;background:#efefef}
#pro3 #pro_tit_sp1{width:49%;display:block;float:left;text-align:left;overflow:hidden}
#pro3 #pro_tit_sp2{display:block;float:right;COLOR:#F00;text-align:right;width:49%;overflow:hidden}
/*����*/

#case{ width:300px; height:180px; background: #33CCFF;float:left}
#case_top{ width: ; height:  ; background:url(../images/xxxx.png);}
#case_cen{ height:  ; width:  ;}


#fa{ width:1200px; margin:0 auto;}
#fa ul li{ float:left}

#foot_k{width:100%;background:#019cdf}
#foot{ width:1000px;  margin:0 auto}
#foot ul{ padding:30px 0;}
#foot ul li{ width:100%; text-align:center; color:#Fff; line-height:28px;}
#foot ul li a{ color:#fff;}

#esb{height:80px; width:150px;  margin:0 auto}



#abcontent{ width:1200px;  margin:0 auto}

#left{ width:220px;; float:left;box-shadow:1px 1px 5px #999999}
#left_title{width:220px;height:90px;background:#019cdf}
#left_title a{color:#FFF;line-height:34px;font-size:18px;font-weight:bold}
#left_title_z{width:160px;MARGIN:0 auto;color:#FFF}
#left_cen{background:#efefef;width:100%;min-height:100px}
#left_cen ul li{width:200px;height:36px;margin:0 auto}
#left_cen ul li a{color:#444;display:block;width:180px;line-height:35px;margin:0 auto;}
#left_cen ul li:hover{background:#019cdf;}
#left_cen ul li:hover a{color:#FFF}
#left_cen #left_cn{width:185px;margin:0 auto}


#right{ width:960px; min-height:500px; float:right;background:;}
.right_cen_k{width:920px;margin:0 auto}
.righttitle{width:100%;height:40px;font:16px/40px ΢���ź�;border-bottom:1px dotted #411d00;color:#411d00;}
.title{float:left;}
.righttitle p{float:right;font:12px/40px ����;}
.righttitle a,.righttitle p span{margin:0 5px;color:#411d00;}
.rightcon{padding:15px 0;}
.rightcon p{font:14px/180% ����;color:#472105;}

 

/*��Ʒ����ͼ*/
#tFocus-btn li.active,#tFocus-leftbtn,#tFocus-rightbtn{display:block;background:url(../images/spr.png) no-repeat;}
#tFocus{width:720px;height:590px;background:#DDD;overflow:hidden;margin:0 auto 0 auto;}
#tFocus-pic{width:720px;height:470px;position:relative;}
#tFocus-pic li{width:720px;height:470px;position:absolute;left:0;top:0;filter:alpha(opacity:0);opacity:0;}
#tFocus-pic li img{ width:720px; height:470px;}
#tFocusBtn{width:720px;height:110px;padding-left:10px;margin-top:5px;z-index:20;overflow:hidden;}
#tFocus-btn{width:659px;height:110px;position:relative;left:0;bottom:0;overflow:hidden;float:left;margin-right:3px;}
#tFocus-btn ul{width:100000px;position:absolute;left:0;top:0;}
#tFocus-btn li{height:100px;width:155px;padding-top:7px;display:block;float:left;margin-right:10px;}
#tFocus-btn li img{ width:155px; height:96px; border:2px solid #dddddd}
#tFocus-btn li.active{background-position:-412px -100px;}
#tFocus-btn li.active img{border:2px solid #40b9e5}
#tFocus-leftbtn,#tFocus-rightbtn{height:40px;margin-top:40px;width:15px;float:left;text-indent:-9999px;}
#tFocus-leftbtn{margin-right:5px;background:url(../images/split_v1.0.png) no-repeat -16px -56px}
#tFocus-rightbtn{background:url(../images/split_v1.0.png) no-repeat -50px -56px}

/*banner��flash��*/
.FrontPublic_slideShow01-d3_c1 IMG{border-bottom-style: none;border-right-style: none;border-top-style: none;border-left-style: none;}
.FrontPublic_slideShow01-d3_c1 UL{list-style-type: none;}
.FrontPublic_slideShow01-d3_c1 A{color: #538c9f;}
.FrontPublic_slideShow01-d3_c1 A:hover{color: #84b263;}
#box_banner .FrontPublic_slideShow01-d3_c1 DIV .wrapper{position: relative;height: 417px;overflow: hidden}
.FrontPublic_slideShow01-d3_c1 DIV .wrapper{position: relative;height: 417px;overflow: hidden;}
.FrontPublic_slideShow01-d3_c1 .fn-clear{position: absolute;width:1600px;zoom: 1;height:417px;margin-left: -810px;overflow: hidden;left: 50%;}
.FrontPublic_slideShow01-d3_c1 .box_skitter UL{position: relative;width: 999999px;display: none;height: 417px;}
.FrontPublic_slideShow01-d3_c1 .box_skitter UL LI{text-align: center;width:1600px;display: inline;float: left;height:417px;font-size: 0px;}
.FrontPublic_slideShow01-d3_c1 .box_skitter .container_skitter{position: relative;overflow: hidden;}
.FrontPublic_slideShow01-d3_c1 .box_skitter .image{position: relative;overflow: hidden;}
.FrontPublic_slideShow01-d3_c1 .box_skitter .image IMG{display: none;width:1920px;height:417px}
.FrontPublic_slideShow01-d3_c1 .box_skitter .box_clone{z-index: 20;position: absolute;width: 100px;display: none;overflow: hidden;top: 0px;left: 0px;}
.FrontPublic_slideShow01-d3_c1 .box_skitter .box_clone IMG{z-index: 20;position: absolute;top: 0px;left: 0px;width:1920px;height:417px}
.FrontPublic_slideShow01-d3_c1 .box_skitter .buttom_div{}
#box_banner .FrontPublic_slideShow01-d3_c1 .box_skitter .prev_button{z-index: 99;position: absolute;margin-top: -31px;text-indent: -9999em;width: 57px;background: url(../images/left.png) no-repeat left top;height: 62px;overflow: hidden;top: 50%;left: 20%;}
.FrontPublic_slideShow01-d3_c1 .box_skitter .prev_button{z-index: 999999;position: absolute;margin-top: -31px;text-indent: -9999em;width: 57px;background: url(../images/left.png) no-repeat left top;height: 62px;overflow: hidden;top: 70%;left: 20%;}
#box_banner .FrontPublic_slideShow01-d3_c1 .box_skitter .next_button{z-index: 99;position: absolute;margin-top: -31px;text-indent: -9999em;width: 57px;background: url(../images/right.png) no-repeat left top;height: 62px;overflow: hidden;top: 50%;right: 20%;}
.FrontPublic_slideShow01-d3_c1 .box_skitter .next_button{z-index: 9999999;position: absolute;margin-top: -31px;text-indent: -9999em;width: 57px;background: url(../images/right.png) no-repeat left top;height: 62px;overflow: hidden;top: 70%;right: 20%;}
.FrontPublic_slideShow01-d3_c1 .box_skitter .label_skitter{z-index: 150;position: absolute;display: none;}
.FrontPublic_slideShow01-d3_c1 .loading{z-index: 10000;position: absolute;text-indent: -9999em;margin: -16px;width: 31px;background: url(../images/ajax-loader.gif) no-repeat left top;height: 31px;color: #fff;overflow: hidden;top: 50%;right: 50%;}
.FrontPublic_slideShow01-d3_c1 #slideshow UL{display: none;}
#box_root{width: 100%;float: none}