/* CSS Document */

*{margin:0;padding:0;list-style-type:none;}
a{blr:expression(this.onFocus=this.blur())}/*ȥ��a��ǩ�����߿򣬱��������ֵ�ѡ������*/
:focus{outline:0;}
label{cursor:pointer;}
img{vertical-align:middle;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
abbr,acronym{border:0;font-variant:normal}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%; border:none 0px;}
a,img{border:0;}
a,a:visited{color:#232323;font-size:12px; text-decoration:none;}
a:hover{font-size:12px;color:#377117; text-decoration:none;}
.clear{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}/* Hides from IE-mac */
*html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
.shortcut{position:fixed;top:0;left:0;z-index:9999;width:100%;}
*html,*html body /* ����IE6��bug */{background-image:url(about:blank);background-attachment:fixed;}
*html .shortcut{position:absolute;top:expression(eval(document.documentElement.scrollTop));}
li{list-style:none}
body{ font-size:12px; margin:0 auto; color:#232323; font: 12px/1.5 tahoma,arial,"Hiragino Sans GB",����,sans-serif; }




a,img{border:0}
button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner{
	border:0;
	padding:0
}



.content img {max-width:750px; max-height:750px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 750 ? "750px" : "auto"):(this.style.height = this.offsetHeight >= 750 ? "750px" : "auto")); display:inline !important;}


/* CSS Document */
* { list-style:none; padding:0; margin:0}
body{ font-size:12px; margin:0 auto; color:#656565;font-family:Microsoft YaHei; background:#fff; text-align:center; }

.cl{ clear:both}
a{
  font-size:12px; 
  text-decoration:none;
  
}
a:hover{
	font-size:12px;
	text-decoration:none;color:#A0070A;
}



  
.clear{width:100%; height:20px; overflow:hidden; clear:both;}
.both{width:100%; height:0px; overflow:hidden; clear:both;}


/*---------------------------------ҳͷ��ʽ��ʼ-------------------------------------*/
.topbg{width:100%;height:88px; border-bottom:2px solid #51A2FE; position:fixed;top:0px; left:0px; z-index:99; background:#fff;}
.topcon{width:1230px; margin:0px auto;}
.logo{width:228px; margin-top:8px; float:left;}
.tel{width:192px; margin-top:20px; float:right;}
.menubg{width:788px; float:left; margin-left:20px; height:88px;}
/*.menu{width:788px; margin:0px auto;}
.menu li{float:left; height:88px; line-height:88px;}
.menu li a{display:block; float:left;width:97px; height:88px; color:#666666; font-size:16px; font-family:"΢���ź�";}
.menu li a:hover{ background:#51A1FF; color:#fff;}*/


/*---------------banner-----------------*/

.banner{
	position:relative;z-index: 12;
	width:100%;height:686px; overflow:hidden;
}
.bann{
	position:absolute; left:50%; margin-left: -960px;
	width:1920px; height:686px; 
}
#focus {position:relative;width:1920px; height:668px; }
#focus ul {position:absolute;height:686px; }
#focus ul li {position:relative;float:left;width:1920px; height:686px; }
#focus ul li img{ display: block;margin: 0 auto;}
#focus .bnt {
	position:absolute; left:25%; bottom:36px;z-index: 99999;
	width:880px; height:12px; margin-left: -400px;   text-align: right;
}
#focus .bnt  span{
	cursor: pointer;
	width:18px; height: 18px;  display: inline-block; margin-left: 10px; border-radius: 50%;
	background: #fff;
}
#focus .bnt  span.on{background: #106cca;}
/* end banner */
/* end banner */





.footer{width:100%; overflow:hidden;}
.fbot a{color:#fff;}
.ftop{width:100%; padding:30px 0px; overflow:hidden; background:#313131;}
.fbot{width:100%; background:#222222; color:#fff; line-height:30px;padding:20px 0px;}
.fcon{width:1140px; margin:0px auto; overflow:hidden;}
.fcon .btit{ height:30px; line-height:30px; border-bottom:1px solid #646464;}
.fcon .btit h3{ text-align:left; padding-right:20px; border-bottom:2px solid #51A1FF; float:left; color:#fff; font-size:18px; font-weight:normal;}
.fcon .botcon{ padding:10px 0px; overflow:hidden; width:100%;}
.botcontact{width:345px; float:left; overflow:hidden;}
.contactcon{ text-align:left; line-height:25px; color:#bdbdbd; font-size:14px;}
.botks{width:345px; float:left; margin-left:30px;}
.kscon li{ float:left; width:48%; line-height:30px;}
.kscon li a{ color:#bdbdbd; font-size:14px; text-align:left; display:block; line-height:30px;}
.botcode{width:345px; float:right; overflow:hidden;}
.codecon li{ width:115px;  float:left; margin-right:30px;}
.codecon li span{ display:block; color:#fff; line-height:30px; height:30px; font-size:14px;}
.codecon li img{width:115px; height:115px;}


/*---------------��ҳ��ʽ---------------*/
.main{width:100%; height: auto !important; overflow:hidden; position:relative;}
.maincon{width:1350px; margin:0px auto; overflow:hidden;}
.tit{ height:90px; background:url(../images/titbg.jpg) no-repeat center top; margin:20px 0px;width:100%;}
.tit h3{ padding-top:30px; font-size:24px; color:#3c3c3c; font-weight:normal;}
.tit span{ display:block; font-size:18px;}
.syvideo{ margin:20px  auto;width:994px; height:520px; overflow:hidden;}
.syabout{width:994px; margin:0px auto; overflow:hidden; font-size:16px; color:#666; line-height:25px;}


.mmid{ margin:40px 0px; overflow:hidden;}
.pnav{width:680px; margin:0px auto; height:33px;}
.pnav li{ margin:0px 10px; height:33px; line-height:33px;border-bottom:2px solid #fff; float:left;}
.pnav li a{display:block; font-size:18px; color:#333; height:33px; }
.pnav li a:hover{ border-bottom:2px solid #52A1FF;}
.pbgbg{width:100%;background:url(../images/pbgbg.jpg) no-repeat left top;}
.procon{ margin:20px auto; overflow:hidden; width:1200px;position:relative;padding-top:15px;}
.procon .hd{ width:56px;}
.procon .hd a{display:block; width:56px; height:87px; cursor:pointer;position:absolute;margin-top:-87px;}
.procon .hd .next{ background:url(../images/left.png) no-repeat left center;left:0px;top:50%;}
.procon .hd .prev{ background:url(../images/right.png) no-repeat left center;right:0px;top:50%;}
.procon .bd{margin:0px auto; width:1060px; overflow:hidden;;position:relative;}
.procon .bd ul{ width:1060px; overflow:hidden;}
.procon .bd ul li{width:232px; height:262px; float:left; margin:0px 15px 20px 15px;}

.procon .bd ul li a{border:1px solid #D2D2D2; border-bottom:none; display:block;width:230px; height:230px;}
.procon .bd ul li p{ height:30px; line-height:30px; background:#E5E5E5; text-align:center;} 
.procon .bd ul li p a{display:block;background:#E5E5E5; height:30px; color:#666;}
.procon .bd ul li p a:hover{ background:#51A1FF;color:#fff;}

.sypro .more{width:138px; margin:0px auto; height:32x; border:1px solid #51a1ff; border-radius:3px;}
.sypro .more a{display:block; height:32px; line-height:32px; color:#51a1ff; font-size:16px;}


.mbot{width:100%; margin:40px 0px; overflow:hidden;}
.synew .newcon{margin:20px  auto; overflow:hidden;width:1210px; }
.synew .nleft{width:560px; float:left; overflow:hidden; padding-top:50px;}
.synew .nright{width:600px; float:right; overflow:hidden;}

.newcon .bd li{ position:relative; zoom:1; vertical-align:middle;}
.newcon .bd li .pic{ position:relative; z-index:0; width:560px;  }
.newcon .bd li .pic img{ width:560px; height:333px; vertical-align:bottom; }
.newcon .bd li .bg{ width:560px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#4A85C7; filter:alpha(opacity=60);opacity:0.6;    }
.newcon .bd li .title{ width:100%; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.newcon .bd li .title a{ color:#fff; text-align:center; font-size:14px;}



.synew .nmore{width:100%; height:30px; margin-bottom:20px;}
.synew .nmore a{display:block; height:30px; line-height:30px; color:#666; font-size:14px;width:98px; border:1px solid #e0e0e0; float:right;}
.synew .newlist li{ margin-bottom:15px; color:#666; font-size:14px; overflow:hidden;}
.synew .newlist li .npic{ float:left; overflow:hidden; width:150px; float:left;}
.synew .newlist li img{width:150px; height:100px;}
.synew .newlist li .nr{ float:left; margin-left:20px; overflow:hidden;width:370px; text-align:left;}

.synew .newlist li .nr .ntit a{font-size:18px; color:#333;}
.synew .newlist li .nr .ntit a:hover{ color:#51a1ff; font-weight:bold;}

.sylink{width:100%; border-top:1px solid #959595;border-bottom:1px solid #959595;}
.linkcon{width:1050px; margin:0px auto; padding:40px 0px 40px 160px; overflow:hidden; background:url(../images/linkbg.jpg) no-repeat left center;}
.linkcon li{ float:left; height:55px; margin:0px 10px; overflow:hidden;}
.linkcon li img{width:134px; height:55px;}
.icocon{ margin:20px auto; width:1040px; overflow:hidden;}
.icocon li{ float:left; margin:0px 10px;width:320px;}
.icocon li .itit{ margin:10px 0px;}
.icocon li .idesc{ font-size:18px; line-height:25px; color:#666;}







/*-------------------------��ҵ���------------------------------*/
.box{width:100%; margin:0px auto;   background:#fff;}
.ban{width:100%;  height:340px; position:relative;}
.ban img{width:100%;height:340px; text-align:center;}
.boxcon{width:1120px; margin:0px auto;  border-left:1px solid #E8E8E8;border-right:1px solid #E8E8E8;border-top:1px solid #E8E8E8;margin-top:-64px;position:relative; z-index:10; background:#fff;}
.bnr{padding:20px; overflow:hidden;background:#fff; }
.nrleft{width:790px; float:left; overflow:hidden;}

.ltit{ border-bottom:1px solid #E8E8E8; height:64px; line-height:64px; width:100%; overflow:hidden;}
.ltit h3{ float:left; height:64px;width:15%;border-right:1px solid #E8E8E8; color:#51a1ff; font-size:18px; font-weight:normal; }
.ltit .tico{background:url(../images/home.png) no-repeat 10px center;}
.ltit .lnav{ float:left;width:75%; margin-left:20px;}
.ltit .lnav li{ float:left; border-bottom:1px solid #E8E8E8; line-height:64px; }
.ltit .lnav li a{ display:block;padding:0px 10px; height:63px; color:#666; font-size:16px;}
.ltit .lnav li a:hover{ border-bottom:2px solid #51a1ff;}

.nrtit{ height:33px; line-height:33px; border-bottom:1px solid #D2D2D2; width:100%;}

.nrtit span{ display:block; background:url(../images/nrtitbg.jpg) no-repeat right center; height:33px; color:#333; font-size:18px; text-align:left; float:left; padding-right:20px;}
.content{ text-align:left; color:#333; font-size:14px; text-align:left; padding:10px 0px; line-height:25px;}

.nrright{width:250px; float:right; overflow:hidden; border:1px solid #D2D2D2;}
.rtit{ height:36px; background:#50A1FD; line-height:36px;}
.rtit span{ display:block; color:#fff;  font-size:18px; text-align:left; padding-left:20px;}
.rtop .topnr{ padding:20px; line-height:25px; color:#666; font-size:14px; text-align:left;}
.rbot{ padding:0px 20px 10px 20px;}
.rbot li{ float:left; width:50%; margin-bottom:10px; overflow:hidden;}
.rbot li a{ display:block; height:98px; color:#666;}
.rbot li a:hover{ color:#51a1ff;}
.rbot .l1 a{background:url(../images/li1.png) no-repeat center top;}
.rbot .l1 a:hover{ background:url(../images/lihover1.png) no-repeat center top;}
.rbot .l2 a{background:url(../images/li2.png) no-repeat center top;}
.rbot .l2 a:hover{ background:url(../images/lihover2.png) no-repeat center top;}
.rbot .l3 a{background:url(../images/li3.png) no-repeat center top;}
.rbot .l3 a:hover{ background:url(../images/lihover3.png) no-repeat center top;}
.rbot .l4 a{background:url(../images/li4.png) no-repeat center top;}
.rbot .l4 a:hover{ background:url(../images/lihover4.png) no-repeat center top;}
.rbot li p{ height:30px; line-height:30px; padding-top:68px;}

/*----------------------����ҳ��--------------------------------*/
.nico{ background:url(../images/new.png) no-repeat 5px center;}
.new{width:100%; height:auto !important; overflow:hidden;}
.new li{ margin-bottom:10px; overflow:hidden; border-bottom:1px dashed #D1D1D1;}
.new li .ti{ height:33px; line-height:33px; margin-bottom:10px;}
.new li .ti a{ display:block; font-size:16px; color:#333; font-weight:bold;}
.new li .ti a:hover{ color:#51A1FF;}
.new li .ti span{ float:right; font-size:12px; color:#999; font-weight:normal;}
.new li .tdesc{ color:#666; font-size:12px; margin-bottom:10px;}

/*--------------------������ϸ----------------------*/
.dtit{ height:30px; line-height:30px; color:51a1ff; font-size:16px; border-bottom:1px solid #D2D2D2; text-align:left; padding-bottom:10px;}
.relat{ text-align:left; margin:10px 0px; color:#999; font-size:14px;}
.relat span{ display:inline-block; margin-right:10px;}
.pn{width:100%; overflow:hidden; text-align:left; margin:10px 0px;}
.pn li{ height:30px; line-height:30px;}
.pn li a{ color:#666; font-size:14px;}
.pn li a:hover{ color:#51a1ff;}

/*--------------------��Ʒչʾ---------------------------*/
.pico{ background:url(../images/pbg.png) no-repeat 10px center;}
.plist{width:100%; overflow:hidden;}
.plist li{width:240px; height:175px; float:left; margin-right:20px; margin-bottom:20px;}
.plist li a{border:1px solid #D2D2D2; border-bottom:none; display:block;width:238px; height:144px; text-align:center;}
.plist li img{ max-height:144px; max-width:238px; overflow:hidden;}
.plist li p{ height:30px; line-height:30px; background:#E5E5E5; text-align:center;} 
.plist li p a{display:block;background:#E5E5E5; height:30px; color:#666;}
.plist li p a:hover{ background:#51A1FF;color:#fff;}


/*------------------��Ʒ��ϸ--------------------*/
.back{ float:right; height:33px; line-height:33px;}
.back a{ color:#666; font-size:14px;}
.product{ border:1px solid #d2d2d2; padding:20px; overflow:hidden;}
.pright{ border:none; padding-top:33px;}
.pright dl{ text-align:left; overflow:hidden;}
.pright dl dt{ font-size:16px; color:#51a1ff;}
.pright dl dd{ font-size:14px; color:#666;}
.pright dl dd span{ color:#51a1ff;}
.pright dl dd font{ color:#df1b1b;}
.sproduct{ padding:10px 0px; overflow:hidden;}

/*----------------��������--------------------------*/
.mico{ background:url(../images/mes.png) no-repeat 10px center;}
.meslist{width:100%; overflow:hidden;}
.meslist li{ margin:20px 0px; overflow:hidden;}
.meslist li span{ display:block; float:left;width:55px; height:42px;text-indent:-999px;}
.meslist li .txt{ height:40px; border:#D2D2D2 1px solid;  width:360px; line-height:40px; }
.meslist li .texa{width:570px; height:180px;border:#D2D2D2 1px solid;}
.meslist .name{ background:url(../images/man.jpg) no-repeat left top;  }
.meslist .email{ background:url(../images/email.jpg) no-repeat left top;}
.meslist .phone{ background:url(../images/phone.jpg) no-repeat left top;}
.meslist .remark{ background:url(../images/mess.jpg) no-repeat left top;}
.meslist .bnt{ padding-left:7%;}
.meslist .sub{width:128px; height:40px; line-height:40px; background:#51A1FF; color:#fff; cursor:pointer;}


/*---------------------��ҳ��ʽ-------------------------*/
.page{width:100%; margin:0px auto; overflow:hidden; width:80%;}

.page { float:left; margin:0px 5px;}
.page span{display:block; padding:0px 5px; height:25px; border:1px solid #aaa; line-height:25px; float:left; margin:0px 10px;background: #51a1ff;color:#fff;}
.page a{display:block; padding:0px 5px; height:25px; border:1px solid  #51a1ff; line-height:25px; float:left; margin:0px 10px;color:#51a1ff;}
.page .current{ background:#51A1FF; color:#fff;}


<!--����ͼƬ-->
.index_Roll { width:100%; height:185px; padding:0px;overflow:hidden;}
#demo { overflow:hidden; width:100%; height:185px; margin:0 auto;overflow:hidden;} 
#demo img { border:0px solid #CCCCCC; }
#indemo { float: left; width:800%; }
#demo #indemo li{width:220px; height:200px; float:left;margin:0px 10px 0px 10px; }
#demo #indemo img{  text-align:center;}
#demo #indemo a { display:block;  border:1px solid #BBB2A1; text-align:center; width:200px; height:135px;}
#demo #indemo p a{border:none;text-align:center;  line-height:30px; height:30px;}
#demo1 { float: left; }
#demo2 {float: left;}


	
/*ͼƬ�Ŵ���ʽ*/
.jqzoom{ float:left;border:none; position:relative; padding:0px; cursor:pointer; margin:0px; display:block; }
.zoomdiv{ z-index:100; position:absolute; top:0px; left:0px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden; width:200px; height:200px; }
.jqZoomPup{ z-index:10; visibility:hidden; position:absolute; top:0px;left:0px;  border:1px solid #aaa; background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}





/*ͼƬСͼԤ���б�*/
.spec-preview{ width:750px; height:750px; border-bottom: 1px solid #CCC;}
.spec-preview .jqzoom img{ width:750px; height:750px; text-align:center; }
.spec-scroll{ clear:both; margin-top:5px; width:750px; }
.spec-scroll .prev{ float:left; margin-right:5px; }
.spec-scroll .next{ float:right; }
.spec-scroll .prev,.spec-scroll .next{ display:block; font-family:"����"; text-align:center; width:10px; height:54px; line-height:54px; border:1px solid #CCC; background:#EBEBEB; cursor:pointer; text-decoration:none; }
.spec-scroll .items{ float:left;position: relative;width:261px; height:56px; overflow:hidden; }
.spec-scroll .items ul{ list-style:none; position:absolute; width:999999px; height:56px; }
.spec-scroll .items ul li{ float:left; width:65px; text-align:center; }
.spec-scroll .items ul li img{ border:1px solid #CCC; padding:2px; width:50px; height:50px; }
.spec-scroll .items ul li img:hover{ border:2px solid #FF6600; padding:1px; }


.previewShowWindow {
	position: absolute;
	border: 1px solid #dadade;
	background: #95959d;
	padding: 5px;
	display: none;
	color: #fff;
	text-align: center;
	z-index: 999;
}


/*���߿ͷ�*/
#kefu{ width:120px; height:auto; position:fixed; top:50%; right:5px;z-index:8888; background:#fff; border:1px solid #d1d1d1;border-top:2px solid #ca2d25; display:block; margin-top:-240px;}
#kefu .top{ width:100%; height:35px; line-height:35px;font-family:"Microsoft YaHei"; font-size:14px; color:#333; font-weight:bold; text-align:center;}
#kefu .middle{ font-size:12px; width:100%; text-align:center;}
#kefu .middle p{ color:#991C0A;}
#kefu .close{float:right; margin-right:10px; margin-top:10px; cursor:pointer;}
.right_bar{ width:28px; height:95px; position:fixed; top:50%; right:0; margin-top:-242px; z-index:9999;display:none;}
.right_bar img{cursor:pointer;}
