@charset "utf-8";
body{ margin:0; padding:0; color:#666; font-size:12px; background:#eeeeee; background-repeat:no-repeat}
*{ margin:0; padding:0;}
a{ text-decoration:none; color:#666; }
a:hover{color:#006ba1; }
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_info{ width:524px; height:44px; line-height:22px; overflow:hidden}
.news{ width:720px; margin:0 auto; overflow:hidden; border-bottom:1px dashed #CCC; margin-bottom:15px; padding-bottom:10px;}

.title{ width:400px; float:left; height:30px;  overflow:hidden; line-height:30px;  }
.title a{ color:#000; font-size:14px; font-weight:bold;}
.time{ width:100px; float:right; text-align:right; line-height:30px; }
.news_text{ width:524px;  overflow:hidden; height:94px; float:right}


/*头部*/
#head{ width:100%; height:26px; background:url(top.gif);}
.head{ width:1000px; height:26px; margin:0 auto}
.head_l{ width:523px; float:left; line-height:26px;}
.head_r{ width:450px; float:right; line-height:26px;text-align:right}



#top{ background:url(top.png) repeat-x; height:111px; width:100%; overflow:hidden;}
.top{ width:1000px; height:125px; margin:0 auto;}
.logo{ width:566px; height:111px; float:left; overflow:hidden}
.logo img{ width:450px; margin-top:12px;}

.rtop{ width:210px; text-indent:65px; height:56px; padding-top:55px; background:url(tel.png); font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#ad0000;float:right; }

#menu{ width:100%; height:50px; background:url(menu.gif); border-bottom:1px solid #FFF; font-family:"微软雅黑";}
.menu{ width:1020px; margin:0 auto; height:50px;}
.menu li{ text-align:center; height:50px; line-height:50px; float:left}
.menu li a{ color:#FFF; font-size:16px; padding:0 27px;}
.menu li a:hover{ color:#ccc}
#menubg{ color:#ccc;}
#menuli{background:url(menuli.gif) top right; background-repeat:no-repeat; height:50px; width:7px;}
#rmss{ width:100%; background:url(rmss.gif); height:38px;}
.rmss{ width:1000px; height:23px; margin:0 auto; padding-top:7px;}
.rmss_l{ width:800px; float:left; height:23px; line-height:23px; font-size:14px; font-weight:bold}
.rmss_l a{ color:#000; margin-right:5px; font-size:12px; font-weight:normal}
.rmss_l a:hover{ text-decoration:underline}
.rmss_r{ width:184px; float:right; height:23px;}
.text{ width:141px; height:23px; border:0; float:left; text-indent:20px; line-height:23px; background:url(text.gif)}

#flash {width:100%; min-height:380px; overflow:hidden; margin:0 auto; clear:both; position:relative;/*--*/ }
#flash a {width:100%; min-height:380px; display:none;}
#flash img {width:100%; min-height:380px;/* 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:380px; 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:380px; width:100%; clear:both;}

#index-1{ width:100%; margin:0 auto; overflow:hidden; height:284px; background:url(web1.jpg) }
.index-1{ width:1000px; background:url(web2.jpg); height:224px; margin:0 auto; margin-top:30px;}
.gun_top{ width:1000px; height:25px; line-height:25px; padding-top:2px; font-size:14px; color:#000; text-indent:40px;}

.Area5{ overflow:hidden;zoom:1; margin:0 auto; width:970px;}
.Area5 .Area_bot{ font-size:0px; height:3px; overflow:hidden; background:url( image/new_web/areabot4.gif) no-repeat; clear:both;}	

.Area5 .ColE .PicList{margin-top:10px;overflow:hidden;zoom:1; float:left; width:910px;}
.Area5 .ColE a.prev { display:block;background:url( 11);width:12px; overflow:hidden; margin-top:70px; margin-right:18px; float:left;}
.Area5 .ColE a.next{ display:block;background:url( 11) 0 0 no-repeat;width:12px; overflow:hidden; margin-top:70px; margin-left:18px; float:left}
#scrollbody{ overflow:hidden;zoom:1; width:910px; overflow:hidden;white-space:nowrap; text-align:center;}
#scrollbody td{ vertical-align:top; padding-left:5px;}
.Area5 .ColE .Pic{display:inline;width:167px;float:left;text-align:center;display:block;}
.Area5 .ColE .Pic img{ border:1px solid #e4e4e4; width:165px; height:150px;display:block;margin:0 auto;}
.Area5 .ColE p{ line-height:25px; text-align:center; white-space:normal; font-size:12px;}
.Area5 .ColE p a{color:#333;}
.Area5 .ColE p a:hover{color:#ec4808;}

#index-2{ width:1000px; overflow:hidden; margin:0 auto; margin-top:30px;}
.gonggao{ width:1000px; margin:10px auto 30px;  overflow:hidden}
.gonggao img{ width:1000px;}
#index-3{ width:1000px; margin:0 auto; border:1px solid #CCC; overflow:hidden; display:none; }
.c1{ width:998px; background:url(c1.png); height:413px;}
.cc1{ font-size:14px; font-family:"微软雅黑"; color:#6c6c6c; padding-top:224px; padding-left:78px; width:356px; line-height:30px;}
.c2{ width:998px; background:url(c2.png); height:367px;}
.cc2{ font-size:14px; font-family:"微软雅黑"; color:#6c6c6c; padding-top:170px; padding-right:50px; width:415px; line-height:30px; float:right}
.c3{ width:998px; background:url(c3.png); height:360px;}
.cc3{ font-size:14px; font-family:"微软雅黑"; color:#6c6c6c; padding-top:84px; padding-left:84px; width:420px; line-height:30px;}
.c4{ width:998px; background:url(c4.png); height:373px;}
.cc4{ font-size:14px; font-family:"微软雅黑"; color:#6c6c6c; padding-top:116px; padding-right:50px; width:425px; line-height:30px; float:right}

.c5{ width:998px; background:url(c5.jpg); height:133px;}
.cc5{ font-size:14px; font-family:"微软雅黑"; color:#033074; padding-top:80px; padding-left:74px; width:420px; line-height:30px;}

.c6{ width:998px; background:url(c6.jpg); height:138px;}
.cc6{ font-size:14px; font-family:"微软雅黑"; color:#033074; padding-top:80px; padding-right:25px; width:520px; line-height:25px; float:right}

#index-4{ width:998px; border:1px solid #dddddd; border-top:0; margin:15px auto; overflow:hidden;}
.cpzs_top{ width:998px; background:url(web6.jpg); height:36px; line-height:36px;}
.rollBox{width:998px;overflow:hidden;margin:0 auto; background:#FFF;}
.rollBox .Cont{width:940px;overflow:hidden;margin:0 20px;padding-top:20px; padding-bottom:10px; float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:200px;float:left;text-align:center; margin-right:45px;}
*+html .rollBox .Cont .pic{width:200px;float:left;text-align:center;}
.rollBox .Cont .pic img{ width:190px;height:173px; padding:4px; border:1px solid #CCC;display:block;}
.rollBox .Cont .pic p{line-height:30px;color:#505050;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466; font-weight:normal;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}
#index_5{ width:1000px; margin:0 auto; overflow:hidden;}
.cjwt{ width:235px; border:1px solid #ddd; float:left; overflow:hidden; background:#fff; height:420px;}
.cjwt_main{ width:215px; padding:0 10px; padding-bottom:10px; overflow:hidden}
.wenda{ width:215px; overflow:hidden; padding-bottom:15px; border-bottom:1px solid #CCC; margin-top:10px;}
.wen{ width:195px; background:url(wen.gif) no-repeat; padding-left:20px; height:18px; line-height:18px; overflow:hidden; margin-bottom:8px; font-weight:bold}
.wen a{ color:#000}
.da{ width:195px; padding-left:20px; line-height:18px; background:url(da.gif) no-repeat; height:72px; overflow:hidden;}
.web_bg{ width:100%; overflow:hidden; height:36px; background:url(web6.jpg); line-height:36px;}

.khjz{ width:750px; border:1px solid #ddd; float:right; overflow:hidden; background:#fff; height:420px;}
.khjz_li{ width:730px; margin:0 auto; height:160px; padding-bottom:12px; border-bottom:1px solid #ddd; margin-top:13px;}
.khjz_li_tu{ width:192px; height:156px; padding:1px; border:1px solid #CCC; float:left}
.khjz_li_tu img{ width:192px; height:156px;}
.khjz_li_info{ width:520px; float:right; height:160px;}
.khjz_li_t{ width:100%; height:25px;}
.khjz_li_t a{ color:#0e76c8; font-weight:bold; font-size:14px;}
.khjz_li_txt{ width:100%; height:84px; line-height:28px; margin-bottom:6px; overflow:hidden;}
.gg{ width:1000px; overflow:hidden; margin:30px auto 15px; display:none;}
.gg img{ width:1000px;}
#index_6{ width:1000px; margin:0 auto; overflow:hidden;}
.contact{ width:235px; border:1px solid #ddd; float:left; overflow:hidden; background:#fff; height:480px;  line-height:25px;}
.contact1{ width:218px; border:1px solid #ddd; float:left; overflow:hidden; background:#fff; padding-bottom:10px;  line-height:25px;}

.about{ width:750px; border:1px solid #ddd; float:right;  overflow:hidden; background:#fff; height:480px;}
.about_main{ width:730px; margin:0 auto; height:226px;padding-top:10px;}
.about_tu{ width:302px; height:226px; float:left}
.about_tu img{ width:302px; height:226px;}
.about_info{ width:410px; height:226px; float:right}
.about_txt{ width:410px; height:175px; line-height:25px; overflow:hidden; margin-bottom:10px;}
.atu{ width:728px; border:1px solid #CCC; margin:0 auto; margin-top:25px; min-height:100px;}


/* examples_body */
.examples_body {
	width: 728px; padding:15px 0;

	clear: both;
	position: relative;
}
.bx_wrap {
	margin-left:20px; text-align:center;
}
.bx_wrap ul img { width:138px; height:106px; padding:2px; border:1px solid #CCC; margin-bottom:5px; margin-right:15px; }

.bx_wrap a.prev {
	width: 16px;
	height: 31px;
	line-height: 17px;
	outline-style: none;
	outline-width: 0;
	position: absolute;
	top: 60px;
	left: 10px;
	text-indent: -9999px;
	background: url(il.jpg);
}
.bx_wrap a.prev:hover {

}
.bx_wrap a.next {
	width: 16px;
	height: 31px;
	line-height: 17px;
	left: 700px;
	outline-style: none;
	outline-width: 0;
	position: absolute;
	top:60px;
	text-indent: -9999px;
	background: url(ir.jpg);
}
.bx_wrap a.next:hover {
	
}
#index-7{width:1000px; margin:15px auto; overflow:hidden;}
.cpzl{ width:235px; border:1px solid #ddd; float:left; overflow:hidden; background:#fff; height:490px;  line-height:25px;}
.cpzlli{ width:210px; margin:0 auto; height:27px; line-height:27px; overflow:hidden}

.index_news{ width:750px; border:1px solid #ddd; float:right;  overflow:hidden; background:#fff; height:420px;}
.ixian{ width:730px; margin:0 auto; background:url(ixian.jpg); height:35px;}
.inews{ width:350px; float:left; margin-left:10px; margin-right:10px; height:26px; line-height:25px;}
.ititle{ width:210px; float:left; height:25px; text-indent:18px; line-height:25px; overflow:hidden; background:url(doc.jpg) no-repeat;}
.itime{ width:90px; float:right; text-align:right; color:#666}
#link{ width:1000px; margin:0 auto; overflow:hidden; background:#FFF}
.link{ width:848px; padding-right:20px; padding-top:25px; line-height:22px; border:1px solid #ddd; background:url(link.jpg) no-repeat; height:67px; padding-left:130px;}
.link a{ margin-right:10px;}
.foot{ width:100%; overflow:hidden;  line-height:25px; font-size:12px; background:url(foot.jpg); text-align:center; color:#FFF; height:205px; }
.foot a{ color:#fff}
.footmenu{ width:896px; text-align:center; background:url(footmenu.jpg); margin:0 auto; margin-top:30px; height:45px; line-height:30px; color:#000000}
.footmenu a{ color:#000}
.foot img{ margin-top:10px;}
#hh{ width:171px; height:442px; background:url(hh.png); position:absolute; top:200px; left:150px; z-index:999999}
#kefu{ width:92px; overflow:hidden; padding-bottom:0px; background:#0099cc;}
#kefu p{ margin-bottom:10px;}


/*内页*/
#nbanner{ width:100%; text-align:center; height:280px; background:url(nbanbnerbg.jpg)}
#nbanner img{ width:990px; border:5px solid #FFF; height:240px; margin-top:15px;}

#main{ width:1000px; overflow:hidden; line-height:25px; padding-bottom:10px; min-height:600px; padding-top:10px; background:url(xian.gif); margin:0 auto}
.left{ width:220px; float:left; overflow:hidden;}
.lefttop{ width:220px; overflow:hidden; color:#FFF; height:76px; text-align:center; line-height:45px; font-family:"微软雅黑";  font-size:18px; background:url(web3.jpg)}
.leftmain{ width:218px; border:1px solid #dcdcdc; padding-bottom:5px;overflow:hidden; background:#FFF; border-top:0}
.big{ width:200px; margin:0 auto;border-bottom: 1px dashed #CCC; margin-bottom:2px; height:30px; text-indent:30px; overflow:hidden; line-height:30px; font-family:"微软雅黑"; font-size:12px; }
.big a{ color:#555555; }
.big a:hover{ text-decoration:underline}
.small{ width:200px; height:34px; border-bottom:1px dotted #CCC; margin:0 auto;  margin-bottom:2px; line-height:30px; text-indent:38px; background:url(small.jpg);}
.small a{ color:#808080;font-size:14px;}
.small a:hover{ color:#4890d8;}
#catehov{ color:#4890d8;}
.catebox{display:none;}
.chov{display:block;}

.leftmain li{ width:175px; border-bottom:1px dashed #FFF; height:30px; line-height:30px; background:url(leftli.gif); float:left}
.leftmain li a{ color:#FFF}
#hov{color:#ffff00;}
.leftmain li a:hover{color:#ffff00;}
.tt{ width:176px; padding-left:32px; height:200px; padding-top:115px; background:url(tt.gif); margin:0 auto; margin-top:20px; color:#a32526; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:22px;}
.right{ width:768px; float:right; overflow:hidden;}
.righttop{ width:768px; background:url(web4.jpg); height:37px; line-height:35px;}

.ll{ width:210px; float:left; padding-left:10px; color:#0e7ccb; font-size:16px;font-family:"微软雅黑"; }
.rr{ width:500px; float:right; text-align:right; height:37px; line-height:35px; padding-right:10px;}
.rr img{ margin-top:10px;}
.rr1{ width:70px; float:right; text-align:right; height:37px; line-height:35px; padding-right:10px;}
.rr1 img{ margin-top:10px;}

.rightmain{ width:746px; padding:10px; min-height:400px; overflow:hidden; line-height:25px;border:1px solid #dcdcdc; background:#FFF; border-top:0}
.rightmain img{ max-width:746px;}

.honor{ width:188px; overflow:hidden;margin:0 30px;margin-top:0; margin-bottom:20px; text-align:center; background:url(honorbg.jpg) no-repeat;  float:left}
.honor img{ width:180px; height:246px; margin-bottom:15px;margin-top:5px; }
.honor p{ width:180px; height:25px; line-height:25px; text-align:center}
#cfg td{ padding-bottom:15px;} 
.text1{ border:1px solid #CCC; width:200px; height:20px; line-height:20px;}

.hnews{ width:720px; margin:0 auto; height:37px; border-bottom:1px dashed #CCC; line-height:37px;}
.htitle{ width:500px; float:left; background:url(doc1.jpg) no-repeat; text-indent:20px; line-height:37px; overflow:hidden}
.htime{ width:100px; text-align:right; float:right}

.proclass{ width:100%; margin-bottom:10px; background:#0e7fcd; height:30px; line-height:30px;font-family:"微软雅黑"; font-size:14px; font-weight:bold}
.p_ll{ width:400px; color:#FFF; float:left; text-indent:10px; height:30px;}
.p_rr{ width:120px; float:right; text-align:right; line-height:30px; letter-spacing:0; padding-right:5px;}
.proclass a{ color:#FFF}

.pro{ width:222px; overflow:hidden; text-align:center; margin:9px 10px; float:left; background:url(probg.png) center 222px no-repeat;}
.pro img{ width:218px; height:218px; padding:1px;border:1px solid #dddddb; margin-bottom:10px;}
.pro p{ width:100%; height:25px; line-height:25px; overflow:hidden}
.pro p a{color:#8a8a8a;font-size:14px;}
.pro p a:hover{ text-decoration:underline}


#preview{ float:left; text-align:center; width:350px;}
.jqzoom{ width:350px; height:320px; 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;height:725px;}
.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; *margin-left:0;}

.down{ width:100%; height:30px; line-height:30px; border-bottom:1px dashed #ccc; margin-bottom:15px;}
.down_t{ width:600px; float:left; height:30px; line-height:30px; overflow:hidden; }
.down_x{ width:100px; float:right; text-align:right; color:#666}
.CScontent {
	Z-INDEX: 9999; RIGHT: 0px; OVERFLOW: hidden; position: fixed;_POSITION: absolute; TOP: 150px;  _TOP: expression(documentElement.scrollTop + 60 + "px")
}
.CScontent2 {

    overflow: hidden;

}
.CScontent1 {
    float: left;
    overflow: hidden;
    width: 151px;
}
.CSline, .CSline1 {
    background: url("cs2.gif") no-repeat scroll 0 0 transparent;
    clear: both;
    font-size: 1px;
    height: 7px;
    overflow: hidden;
}
.CSview {
    overflow: hidden;
    width: 151px;
}
.CSline1 {
    background: url("cs3.gif") no-repeat scroll 0 0 transparent;
}
.CSline2, .CSline3 {
    background: url("cs4.gif") no-repeat scroll 0 0 transparent;
    height: 5px;
}
.CSline3 {
    background: url("cs5.gif") no-repeat scroll 0 0 transparent;
}
.CSview1 {

    overflow: hidden;
 
}
.hr_5 {
    clear: both;
    font-size: 1px;
    height: 5px;
    overflow: hidden;
}
.CSview3 b {
    color: #CF2027;
}
.CSview1 b {
    border-bottom: 1px solid #56B0D2;
    color: #085BAB;
    display: block;
    font-size: 14px;
    height: 29px;
    line-height: 29px;
    margin-bottom: 5px;
    padding-left: 4px;
}
.CSL {
    background: url("CS10.gif") repeat-x scroll 0 4px transparent;
    clear: both;
    font-size: 1px;
    height: 9px;
    overflow: hidden;
}
.CSview1 p {
    color: #727272;
    height: 24px;
    line-height: 24px;
}
.CSview3 p {
    background: url("cs7.gif") no-repeat scroll 3px 3px transparent;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding-left: 15px;
}
.CSa1 {
    float: left;
    margin-top: 48px;
    width: 29px;
	height:122px; background:url(cs1.gif)
}

/* index_add1*/
#index_add1{width: 1000px;margin: 30px auto;overflow: hidden;}
.incase{background:#fff;width:100%;border:1px solid #dddddd;}
.icaseleft{float:left;width:210px;margin-top:20px;}
.icaseright{float:right;width:776px;margin-top:20px;}
.icaseleft ul{width:100%;}
.icaseleft ul li{width:100%;height:77px;border-bottom:1px solid #fff;line-height: 77px;text-indent: 30px;}
.icaseleft ul li a{display:block;width:100%;height:100%;color:#333333;font-size: 20px;background: #f9f9f9;}
.icaseleft ul li a:hover{background: #136cbf;color:#fff;}

.icbox{width:237px;float:left;margin:0px 9px 20px;}
.icbox img{width:233px;height:200px;padding:1px;border:1px solid #e3e3e3;border-radius: 5px;}
.icbox p{width:100%;text-align: center;margin-top:10px;height:16px;overflow: hidden;line-height:16px;}
.icbox p a{color:#333333;}
.icbox p a:hover{color:#a8a8a8;}


/* index_add_20161227*/
.price{background:#fff;width:960px;padding:10px 20px 20px;}
.price table{width:100%;border-collapse: collapse;border-spacing: 0;}
.price table tr th{background:#e5e5e5;color:3756a60;font-weight:bold;line-height:28px;font-size:14px;}
.price table tr td{background:#f9f9f9;color:#545454;line-height:28px;text-align:center;width:25%;font-size:14px;}