@charset "utf-8";
body{ margin:0; padding:0; color:#555555; font-size:12px; background:url(bg.gif);}
*{ margin:0; padding:0;}
a{ text-decoration:none; color:#555555; }
a:hover{color:#194fb3; }
ul{ margin:0; padding:0;}
li{ list-style:none;}
img{ border:0;}
td{ line-height:20px;}
.clear{ width:1px; height:0; overflow:hidden; clear:both;}
form{ margin:0; padding:0;}
.page{ height:25px; text-align:center; margin-top:10px;}
.page span{ margin:2px; border:1px solid #CCC; padding:2px;}
.page a{ margin:2px;}
.hover{ color:#F00}

.news{ width:100%; margin:0 auto; overflow:hidden; border-bottom:1px dashed #CCC; margin-bottom:10px; margin-top:10px;}
.title{ width:500px; float:left; height:30px;  overflow:hidden; }
.time{ width:150px; padding-right:5px; float:right; text-align:right; line-height:30px;}

/*头部*/
#top{ width:100%; height:87px; padding:22px 0; background:#fff}
.top{ width:1020px; height:87px; margin:0 auto;}
.logo{ width:512px; height:87px; float:left;}
.logo img{ width:512px; height:87px;}
.rtop{ width:500px; height:87px; float:right;}
.top_1{ width:325px; text-align:right; float:right; line-height:24px; height:24px; margin-bottom:15px;}
.top_1 a{ display:block; float:right; margin-left:15px;}
.top_1 a img{ float:left; margin-right:10px; margin-top:6px;}
.top_1 span{ float:left}
.top_2{ min-width:250px; float:right;  height:26px; padding-top:20px; margin-top:0px; color:#fe0000; text-indent:68px; font-size:28px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:url(rtel.png) no-repeat;}
.zclxwm{ width:140px; height:48px; line-height:22px; padding-top:36px; background:url(tel1.jpg); font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#da6c13; padding-left:62px;}

#menu{ width:100%; height:43px; background:url(menu2.gif);}
.menu{ width:1020px; height:43px; margin:0 auto;background:url(menu.png);}
.menu li{ width:113px; text-align:center; height:43px; letter-spacing:1px; line-height:43px; float:left; font-size:15px; text-align:center; font-weight:bold;}
.menu li a{ color:#fff; display:block; font-family:"微软雅黑";}
.menu li a:hover{ background:url(menubg.gif);}
#menubg{background:url(menubg.gif) top center;}
#menuli{  width:6px; margin:0;}

#rmss{ width:100%; height:33px; background:url(rm.gif); height:33px; }
.rmss{ width:1020px; margin:0 auto; height:25px; }
.rmss_left{ width:700px; float:left; height:25px; line-height:25px; padding-top:3px;}
.rmss_left a{ margin-right:5px;}
.sousuo{ width:302px; float:right; padding-top:5px;}
.text{ width:237px;   height:23px; line-height:23px; text-indent:10px; float:left; margin-right:10px; background:url(text.gif); border:0;}


#flash {width:1020px;  height:480px; overflow:hidden; margin:0 auto; clear:both; position:relative;/*--*/}
#flash a {width:100%;  min-height:480px; display:none;}
#flash img {width:100%;  height:480px;/* display:none;*/}
.flash_bar {width:100%; padding-left:45%; z-index:69; height:30px; overflow:hidden; position:absolute;padding-top:13px!important; padding-top:12px; bottom:0px; left:0px;  text-align:center;}
.flash_bar .dq { display:block; float:left; width:11px; height:11px; margin:5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor:pointer;
background:url(tg_flash_p.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="tg_flash_p.png" ,sizingMethod="crop"); }
.flash_bar .no { display:block; float:left; width:11px; height:11px; margin:5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor:pointer;
background:url(kvtb.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/kvtb.png" ,sizingMethod="crop"); }
#flashBg { min-height:480px; overflow:hidden; width:100%; clear:both; margin:0; padding:0; }
@media only screen and (min-width: 264px){#flashBg{width:1020px;}}
@media only screen and (min-width: 516px){#flashBg{width:1020px;}}
@media only screen and (min-width: 768px){#flashBg{width:1020px;}}
@media only screen and (min-width: 1024px){#flashBg{width:100%;}}
@media only screen and (min-width: 1280px){#flashBg{width:100%;}}
@media only screen and (min-width: 1524px){#flashBg{width:100%;}}
@media only screen and (min-width: 1776px){#flashBg{width:100%;}}
@media only screen and (min-width: 2046px){#flashBg{width:100%;}}
#flashLine {/*background:url(/includes/banner/touming.png) repeat-x center bottom;*/ min-height:480px; width:100%; clear:both;}
#index_xian{ width:100%; background:url(xian.jpg); height:14px; display:none}
#index_1{ width:1000px; overflow:hidden; margin:0 auto; height:45px; margin-top:10px; background:#e3e3e3; padding:5px 10px;}
.jypp_left{ background:url(pin_bg.gif) no-repeat; width:135px; height:45px; float:left}
#index_2{ width:1020px; margin:10px auto; overflow:hidden}
.fenlei{ width:206px; overflow:hidden; float:left;}
.fenlei_top{ width:206px; height:38px; background:url(web1.jpg)}
.fenlei_top1{ width:218px; height:38px; background:url(web22.jpg);}
.index_cc{ width:199px; margin:0 auto; line-height:18px; height:261px; overflow:hidden;}

.fenlei_main{ width:204px; border:1px solid #ccc; border-top:0; overflow:hidden;}
.big{ width:204px; height:30px; line-height:30px; text-indent:25px; margin-bottom:5px; font-size:14px; font-weight:bold;  background:url(big.jpg)}
.small{ width:204px; height:30px; line-height:30px; text-indent:25px; border-bottom:1px dashed #CCC; background:url(small.jpg) no-repeat}

#zuo {
 width:204px;
 list-style-type: none;
 text-align:left;
}
#zuo a {
 width: 2040px;
 display: block;
width:204px; height:30px; line-height:30px; text-indent:25px; margin-top:2px; font-size:14px; font-weight:bold;  background:url(big.jpg)
 /*Width(一定要)，否则下面的Li会变形*/
}
#zuo li {
	width:204px; 
 float:left;

 /*float：left,本不应该设置，但由于在Firefox不能正常显示
 继承Nav的width,限制宽度，li自动向下延伸*/
}


/*=======二级目录=========*/
#zuo li ul {
 list-style:none;
 text-align:left;
}
#zuo li ul li{
	width:204px;
}
#zuo li ul a{
       width:204px; height:30px; line-height:30px; text-indent:25px; border-bottom:1px dashed #CCC; background:url(small.jpg) no-repeat; font-weight:normal; font-size:12px;
 /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}
/*下面是二级目录的链接样式*/

#zuo ul.collapsed {
 display: none;
}
-->
#PARENT{
 width:204px;

}
#tabs0 {
 width: 804px;
 overflow:hidden; float:right;
 border: 1px solid #ccc;
}
.menu0{
 width: 804px; background:url(web2.jpg); height:47px;
}
.menu0 li{
 display:block;
 float: left;
 width:120px;
 text-align: center;
 cursor:pointer; height:41px; line-height:41px; font-size:14px; font-weight:bold; color:#0101bd

}
.menu0 li.hover{
	background:url(web3.jpg); color:#555;
}
#main0 ul{
 display: none; width:804px; text-align:center; height:350px; padding-top:20px;
}
#main0 ul.block{
 display: block;
}


#tabs1{
 width: 790px;
 overflow:hidden; float:right;
 border: 1px solid #ccc; height:408px; overflow:hidden
}
.menu1box{
 position:relative;
 width: 790px; background:url(web2.jpg); height:47px;
}
#menu1{
	 width: 790px; background:url(web2.jpg); height:47px;
 position:absolute;
 top:0;
 left:0;
 z-index:1;
}
#menu1 li{
 display:block;
 float: left;
 width:120px;
 text-align: center;
 cursor:pointer; height:41px; line-height:41px; font-size:14px; font-weight:bold; border-right:1px solid #CCC;

}
#menu1 li.hover{
background:url(web3.jpg); color:#555;
}
.main1box{
 clear:both;
 width:760px;
 overflow:hidden; padding:10px 15px; background:url(web8.jpg) bottom center; background-repeat:no-repeat; height:320px;
}
#main1 ul{
 display: none;
}
#main1 ul.block{
 display: block;
}
.jpro{ width:180px; margin:0 10px; margin-top:10px; float:left;}
.jpro img{ padding:4px; border:1px solid #ddd; width:170px; height:142px;}
.jpro p{ width:100%; text-align:center; height:25px; line-height:25px;}

.cp_li{ width:180px; float:left; overflow:hidden; margin-left:16px; margin-top:10px;}
.cp_li img{ padding:1px; width:176px; height:146px; border:1px solid #CCC;}
.cp_li img:hover{ border:1px solid #392EC4;}
.cp_li p{ width:180px; background:url(pbg.gif); line-height:25px; height:25px;  text-align:center; overflow:hidden}

#index_3{ width:1018px; border:1px solid #c9c9c9; margin:0 auto; overflow:hidden; background:#f5f5f5;}
#index_4{ width:1020px;  margin:10px auto; overflow:hidden; }
.youshi{ width:218px; border:1px solid #CCC; float:left; overflow:hidden; height:397px; overflow:hidden;}
.web_top{ width:100%; height:47px; background:url(web5.jpg);}
.wll{ width:130px; float:left; text-indent:10px; font-size:14px; font-weight:bold; line-height:40px;}
.wrr{ width:60px; float:right; text-align:right; line-height:40px; padding-right:10px;}


.youshi_txt{ width:185px; margin:0 auto; height:80px; line-height:20px; overflow:hidden}

.youshi_info{ width:200px; background:#f5f5f5; margin-top:5px; border-top:1px solid #CCC; padding:10px 0; height:80px; line-height:20px; padding-left:18px;}

.about{ width:790px; overflow:hidden; float:right;overflow:hidden; border:1px solid #CCC; height:397px; overflow:hidden;}
.about_top{ height:42px; background:url(web_1.jpg); width:100%;}
.about_main{ width:770px; height:180px; margin:10px auto; overflow:hidden; line-height:20px; }
.about_l{ width:240px; height:180px; float:left}
.about_r{ width:520px; float:right; height:180px; line-height:20px; overflow:hidden}


.about_tu{width:775px; background:#f5f5f5; margin-top:5px; border-top:1px solid #CCC; padding:10px 0; padding-left:15px; height:130px;}
.about_tu img{ width:170px; height:130px; margin:0 10px; }

.gg{ width:1020px; overflow:hidden; margin:10px auto;}
.gg img{ width:1020px;}

#index_5{ width:1020px; margin:0 auto; overflow:hidden;}

.anli{ width:218px; border:1px solid #CCC; float:left; overflow:hidden; height:408px;}
.web_top1{ width:100%; height:47px; background:url(web6.jpg);}
.anli_txt{ width:185px; margin:0 auto; min-height:200px; line-height:20px; overflow:hidden}
.anli_info{ width:200px; background:#f5f5f5;  border-top:1px solid #CCC; padding:10px 0; height:80px; line-height:20px; padding-left:18px;}
.anli_info p{ width:185px; height:20px; line-height:20px; overflow:hidden}


.h_guest{ background:url(../images/h_guest.jpg) no-repeat; height:200px;}
.h_guest_t{ height:32px; font-weight:bold; font-size:14px; position:relative; padding-left:22px; padding-top:13px;}
.h_guest ul{ padding-left:15px; padding-top:13px;}
.h_guest li{ float:left; padding-left:15px; width:450px; height:90px; padding-right:10px;}
.h_guest li img{ float:left; width:100px; padding:2px; border:1px solid #ccc; height:100px;}
.h_guest li div.guest_con{ float:right; width:320px;}
.h_guest li div.guest_n{ height:25px; overflow:hidden; line-height:25px;}
.h_guest li div.guest_n a{ color:#be292d;}
.h_guest li div.guest_t{ height:80px; line-height:20px; overflow: hidden; text-indent:24px;}

.case_pic{ height:242px; margin:0 auto;  position:relative; width:187px;}
.case_pic img{ width:187px; height:140px;}
.h_c_list{ position:absolute; top:0; left:0; width:187px; display:none; height:242px;}
.h_c_con{ position:absolute; left:0; bottom:15px; height:60px; overflow:hidden; width:187px; line-height:20px;}
.h_c_con a{ color:#be292d;}
.case_con{ border-top:1px solid #cbcbcb; background:#f5f5f5 url(../images/h_case_bg.jpg) top center no-repeat; padding:20px; height:90px; padding-bottom:0;}
.case_con li{ float:left; width:80px; padding-right:7px; height:27px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_con li font{ font-family:"宋体"; padding-right:3px; color:#b31b1f;}

.ul_change_a3{ position:absolute; top:155px; left:0; z-index:99; width:187px; height:4px; overflow:hidden;}
.ul_change_a3 li{ float:left; width:34px; display:inline; margin-right:3px; height:4px; background:#a7a7a7; cursor:pointer;}
.ul_change_a3 li.on{ background:#b31b1f;}


.inews1{ width:760px; padding-bottom:15px; border-bottom:1px dashed #CCC;  margin-bottom:15px; height:140px;}
.inews1 img{width:180px; height:140px;}
.inews1_tu img{width:180px; height:140px; }
.inews1_tu{ width:180px; height:140px; float:left}
.inews1_main{ width:570px; float:right; height:140px; overflow:hidden;}
.inews1_t{ width:100%; height:25px; font-size:14px; font-weight:bold;}
.inews1_info{ width:100%; height:88px; line-height:22px; overflow:hidden}
.inews1_m{ width:100%; height:20px; line-height:20px;}
.inews1_m a{ color:#F00}

.inews{ width:360px; float:left; height:25px; line-height:23px; margin-bottom:3px; overflow:hidden;}
.ititle{ width:280px; height:23px; line-height:23px; float:left;  overflow:hidden;}
.itime{ width:80px; text-align:right; float:right; line-height:25px; }

.hzkh{ width:940px; background:url(web9.jpg) no-repeat; margin:10px auto; height:93px; padding-left:80px;}
.hzkh img{ width:114px; height:60px; margin-right:15px; padding:4px; border:1px solid #CCC; margin-top:10px; margin-left:10px;}
#banner{ width:1020px; margin:0 auto; overflow:hidden; }
#banner img{ width:100%;}
#main{ width:1020px; margin:0 auto; overflow:hidden; margin-top:10px; padding-bottom:10px;}
#left{ width:206px; float:left; overflow:hidden;}

#leftmain{ width:206px;  background:#FFF; line-height:25px; overflow:hidden; margin-top:5px;}

.hov{ color:#e1000e}


#right{ width:800px; float:right; overflow:hidden}
#righttop{ width:100%; height:30px; line-height:30px; background:#ececec; text-indent:10px;}
#rightmain{ width:778px; border:1px solid #dedede; padding:10px; line-height:25px; overflow:hidden;}


#link{ width:100%; height:25px; background:#d5d4d2;}
.link{ width:1020px; height:25px;   line-height:25px;  margin:0 auto; }
#link a{ margin-right:5px; }
#foot{ background:#edecea; width:100%; padding:10px 0;}
.foot{ width:1020px; line-height:25px; margin:0 auto; overflow:hidden}


/*内页*/
#banner{}
.pro_gg{ width:100%; height:200px; overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #CCC}
.pro{  width:240px; float:left; overflow:hidden; text-align:center}
.pro img{  width:230px; height:190px;padding:4px; border:1px solid #CCC  }
.pro:hover{}
.pro_main{ width:525px; height:200px; line-height:25px; overflow:hidden; float:right}

#preview{ float:none;  text-align:center; width:350px;}
.jqzoom{ width:350px; overflow:hidden; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:65px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;}

.fangan{ width:100%; height:170px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #CCC}
.fangan img{ width:140px; height:160px; padding:4px 24px; border:1px solid #CCC; float:left }
.fangan_info{ width:568px; float:right; height:170px; line-height:25px; overflow:hidden}

.down{ width:100%; height:23px; line-height:23px; margin:3px 0; background:url(down.jpg) no-repeat; border-bottom:1px dashed #CCC;}
.down_t{ width:600px; text-indent:40px; float:left; height:23px; overflow:hidden}
.down_x{ width:100px; float:right; text-align:right; height:23px;}
.prop{ width:245px; float:left; overflow:hidden; text-align:center; margin-bottom:10px;}
.prop img{ width:235px; height:170px;}
.prop p{ width:235px; text-align:center; height:25px; line-height:25px; overflow:hidden; font-size:14px;}
.prop a{ display:block}
#cvf td{ background:#FFF; padding: 5px 5px; padding-left:5px;}
.text1{ height:30px; border:1px solid #CCC; width:333px;}
.text2{ height:100px; border:1px solid #CCC; width:333px;}

.faq_wen{ width:100%; height:20px; line-height:20px; overflow:hidden; margin:10px 0; font-weight:bold;}
.faq_main{ width:100%; height:44px; line-height:22px; overflow:hidden}
.faq_l{ width:20px; float:left; margin-top:10px;}
.faq_r{ width:155px; float:right;}


.rollBox{width:1020px;overflow:hidden;margin:0 auto; margin-bottom:25px;}
.rollBox .Cont{width:890px;overflow:hidden;margin:0 26px; float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:280px;float:left;text-align:center; margin-right:22px; height:234px; position:relative}
*+html .rollBox .Cont .pic{width:280px;float:left;text-align:center;margin-right:22px;height:234px; position:relative}
.rollBox .Cont .pic img{background:#fff;border:1px solid #ccc;display:block;margin:0 auto; width:278px; height:232px;}
.rollBox .Cont .pic p{line-height:48px; height:48px; width:100%; background:url(hei.png); font-size:14px; position:absolute;color:#fff; bottom:0}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}