ï»¿@charset "utf-8";

/* CSS Document */



html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin:0; padding:0; }

/* IE5.xIE6Ð±bug */ 

* html body{overflow: visible;} 

* html iframe, * html frame{overflow: auto;} 

* html frameset{overflow: hidden;} 



/* body */ 

body{color:#757575; font-size:12px; line-height:24px;  font-family:"å¾®è½¯éé»";   background:#FFF;} 

i, em, cite { font-style:normal; }



/* a */ 

a{color:#757575; font-size:12px;/*-webkit-transition:all 0.2s ease-in-out;

	-moz-transition:all 0.2s ease-in-out;

	-ms-transition:all 0.2s ease-in-out;

	-o-transition:all 0.2s ease-in-out;

	transition:all 0.2s ease-in-out;*/ text-decoration: none; }

a:hover { color:#02509a; }

/* form */ 

textarea,input{ word-wrap:break-word;word-break:break-all;} 

textarea,input {vertical-align:middle;font-size:12px; outline:none}



iframe{ border:0}

/* li */ 

ul,li{list-style-type:none;} 

/* img */ 

body img{border:0 none; vertical-align:middle;} 



/* h* */ 

h1{ font-size:24px;} 

h2{ font-size:20px;} 

h3{ font-size:18px;} 

h4{ font-size:16px;} 

h5{ font-size:14px;} 

h6{ font-size:12px;}





/* Hides from IE-mac \*/

* html .clearfix {height:1%;}.clearfix {display:block;}

/* End hide from IE-mac */

/*********æ¸é¤æµ®å¨å¤ç**********/

.clr { clear:both; display:block; height:0;font-size:0; overflow:hidden;}

/*è¿åé¡¶é¨*/

.totop{position:fixed; right:50%; margin-right:-528px; z-index:10000; bottom:25px;display:block; width:26px; height:62px; background:url(../images/rocket.png) no-repeat 0 0; -webkit-transition: all 0.2s ease-in-out;}





.fiexWrap{ position:fixed; height:147px; left:0; right:0; top:0; z-index:10;-moz-box-shadow:0 2px 5px #f0f0f0; -webkit-box-shadow:0 2px 5px #f0f0f0; box-shadow:0 2px 5px #f0f0f0;}

/*ç½ç«å¤´é¨*/

.TopHeadWrap{ background:url(../images/headbj.jpg) left center repeat-x; border-top:2px solid #034f9b; overflow:hidden; line-height:40px; height:40px;}

.TopHeadWrap .TopHead{ width:1200px; margin:0 auto; height:40px; position:relative; color:#b2b2b2; font-size:14px;}

.TopHeadWrap .TopHead .Rihgt{ position:absolute; right:0; top:0}

.TopHeadWrap .TopHead p{ display:inline-block;}

.TopHeadWrap .TopHead a{ color:#b2b2b2; font-size:14px;}

.TopHeadWrap .TopHead img{ margin-right:3px}





.top-T_Wrap{ width:auto; height:105px; position:relative; z-index:10; background:#FFF}

.top-T{ width:1200px; margin:0 auto; height:105px; position:relative;}

.top-T .logoL{ width:381px; height:56px; overflow:hidden; padding-top:25px; position:relative}







/***********nav*******/

.nav{ position:absolute; right:0; top:0; height:105px; z-index:100}

.nav li{ float:left; text-align:center; position:relative}

.nav li.li{width:0; height:105px; overflow:hidden; background:url(../images/navxian.png) center center no-repeat}

.nav li > a{  line-height:105px; width:110px; font-size:16px; color:#1a1a1a; display:block; position:relative}

.nav li > a:hover,.nav li > .cur{ color:#02509a; background:url(../images/xiancur.png) bottom center no-repeat}









.ProBoxWrap{background:rgba(255,255,255,0.5); display:none; width:100%; position:absolute; left:0;  right:0; top:105px; z-index:10000; }

.ProBoxWrap .ProBox{margin:0 auto; }

.ProBoxWrap .ProBox .T{ }

.ProBoxWrap .ProBox .T a{ display:block; height:35px; background:#c4c4c4; margin-bottom:1px; line-height:35px; color:#FFF; font-size:14px;}

.ProBoxWrap .ProBox .T a:hover{  color:#FFF}

.nav li:hover .ProBoxWrap{ display:block}

.nav li:hover > a{ color:#02509a; background:url(../images/xiancur.png) bottom center no-repeat}

/*********************************å¬å±å¤´é¨ç»æ*******************************/



.js-silder{position: relative; height:600px; z-index:5}

.silder-scroll{width: 100%; overflow: hidden; height:100%;}

.silder-main{position: relative; width: 100%; overflow: hidden; height:100%;}

.silder-main-img{position: absolute;top: 0;left: 0;width: 100%; height:100%;}

.silder-main-img a{ display:block; height:100%}

.silder-main-img img{width: 100%;}

.js-silder-ctrl{position:absolute; bottom:5px; z-index:10; width: 100%; text-align: center;}

.silder-ctrl-prev,

.silder-ctrl-next{position: absolute;top: 0;display:none;width: 8%;height: 100%;vertical-align: middle;cursor: pointer;color: #fff;font-family: "å®ä½";font-size: 52px;font-weight: 600;text-shadow: #666 2px 2px 5px;}

.silder-ctrl-prev{left: 0; text-align: left;}

.silder-ctrl-next{right: 0; text-align: right;}

.silder-ctrl-prev>span,

.silder-ctrl-next>span{position: absolute;top: 50%; margin-top: -40px;}

.silder-ctrl-prev>span{display:none;left: 0;}

.silder-ctrl-next>span{ display:none;right: 0;}

.silder-ctrl-con{display: inline-block;width:50px;padding: 10px 0; margin: 0 10px; cursor: pointer;}

.silder-ctrl-con>span{display: block;line-height: 0;text-indent: -9999px;overflow: hidden;padding:2px 5px;  cursor: pointer; background:#b3b2b1}

.silder-ctrl-con.active>span{background-color: #333333;}



@media (max-width: 768px){

.silder-ctrl-prev,.silder-ctrl-next{width: 10%;font-size: 26px;margin-top: -25px;}

.silder-ctrl-con{width: 14px; height: 14px;padding: 0; margin: 0 5px;}

.silder-ctrl-con>span{display: block; width: 100%; height: 100%; border-radius: 50%; padding: 0;}

}



/*äº§åä¸­å¿*/

.pro_title{ height:99px; background:url(../Images/protitle.png) center center no-repeat; margin:60px auto;}







.proWrap{ overflow:hidden; padding:40px 0}



/*äº§åä¸­å¿*/

.homePro{ width:auto; background:#fafafa; margin:0 auto ; overflow:hidden; position:relative}

.homePro .bd{ position:relative;width:1100px;  margin:20px auto;}

.homePro .scrollWrap{overflow:hidden;  width:1100px; margin:0 auto;}

.homePro ul{ overflow:hidden; zoom:1; }

.homePro li{ width:275px; overflow:hidden; position:relative; float:left; display:inline; }

.homePro li a { display:block;font-size:14px; text-align:center;  width:260px; margin:0 auto; padding-top:20px;}

.homePro li .pic {position:relative;  display:block;  background:#FFF; overflow:hidden; width:260px; margin:0 auto; height:260px;}

.homePro li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; left:0; top:0; bottom:0; right:0;}

.homePro li .text{ height:40px; line-height:40px; text-align:center}

.homePro   .prev,

.homePro   .next{  width:36px; height:36px; z-index:5; display:block; position:absolute; top:50%; margin-top:-20px;   overflow:hidden; cursor:pointer;}

.homePro   .prev{  background:url(../images/left.png) no-repeat; left:-50px;}

.homePro   .next{ background:url(../images/right.png) no-repeat; right:-50px;}

.homePro li a:hover .pic{-moz-box-shadow:0 2px 8px rgba(178,178,178,0.4); -webkit-box-shadow:0 2px 8px rgba(178,178,178,0.4); box-shadow:0 2px 8px rgba(178,178,178,0.4);}













.about{ width:1100px; margin:0 auto; padding:70px 0; position:relative; overflow:hidden; }

.about .aboutBt{ position:relative;}



.about .aboutL{ width:530px;}



.about .aboutL a{ display:block; font-size:14px; color:#666666; line-height:30px;}

.about .aboutL a strong{ display:block; font-size:24px; color:#333333; font-weight:normal; border-bottom:1px solid #e6e6e6; padding:30px 0; margin-bottom:30px;}

.about .aboutL a span{ display:block; width:120px;-webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;  height:30px; line-height:30px; font-size:14px; margin-top:30px; color:#FFF; background:#da251d; text-align:center}



.about .aboutR{ width:500px; height:440px; position:absolute; right:0; top:70px; bottom:0; background:url(../images/about.png) center center no-repeat; }



.about .aboutR a{ display:block; width:250px; height:220px; position:absolute; left:0; top:0}



.about .aboutR a.b{ left:250px; top:220px;}



.minban{ height:200px; background:url(../images/minban.jpg) center center no-repeat}



.PublicBt{ text-align:center;  background:url(../images/newtitle.png) center center no-repeat; height:82px; margin:60px 0; overflow:hidden}



/*æ°é»ä¸­å¿*/

.news_wrap{width:auto;width:1100px; margin:0px auto 60px;overflow:hidden; position:relative; height:300px;}

.news_wrap .newsimg{ position:absolute; left:0; top:0}

.news{ margin-left:450px; overflow:hidden}





.newsnav{height:40px; position:relative; border-bottom:1px solid #e6e6e6}

.newsnav li{ display:inline-block; height:40px; position:relative; text-align:center; margin-right:30px }

.newsnav li > a{font-size:16px; color:#333333; width:auto; line-height:40px; height:40px; display:block}

.newsnav li.cur a{ color:#02509a}

.newsnav li.cur:after{ content:''; position:absolute; left:0; right:0; margin:auto; bottom:0; width:100%; height:2px; background:#02509a}



.newsnav p{ position:absolute; font-size:16px; left:78px; bottom:9px}

.newsnav p.a{ position:absolute; font-size:16px; left:174px; bottom:9px}



.newsTab_warp{ padding:10px 0 }

.newsTab_warp li{ width:auto; position:relative; background:url(../images/yuan.png) left center no-repeat; height:36px; overflow:hidden; padding-left:13px; line-height:36px;}

.newsTab_warp li a{font-size:14px; color:#808080}

.newsTab_warp li a span{ position:absolute; right:0; top:0; color:#b4b4b4; display:block;}









.workshop_title{ height:99px; background:url(../Images/worktitle.png) center center no-repeat; margin:50px auto 0;}



/*äº§åä¸­å¿*/

.workshop{ width:auto; background:#fafafa; margin:0 auto ; overflow:hidden; position:relative}

.workshop .bd{ position:relative;width:1100px;  margin:20px auto;}

.workshop .scrollWrap{overflow:hidden;  width:1100px; margin:0 auto;}

.workshop ul{ overflow:hidden; zoom:1; }

.workshop li{ width:275px; overflow:hidden; position:relative; float:left; display:inline;padding:20px 0; }

.workshop li a { display:block;font-size:14px; text-align:center;  width:260px; margin:0 auto; }

.workshop li .pic {position:relative;  display:block;  background:#FFF; overflow:hidden; width:260px; margin:0 auto; height:260px;}

.workshop li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; left:0; top:0; bottom:0; right:0;}

.workshop li .text{ background:#FFF; height:45px; line-height:45px; text-align:center}

.workshop   .prev,

.workshop   .next{  width:36px; height:36px; z-index:5; display:block; position:absolute; top:50%; margin-top:-10px;   overflow:hidden; cursor:pointer;}

.workshop   .prev{  background:url(../images/left.png) no-repeat; left:-50px;}

.workshop   .next{ background:url(../images/right.png) no-repeat; right:-50px;}

.workshop li a:hover{-moz-box-shadow:0 2px 8px rgba(178,178,178,0.4); -webkit-box-shadow:0 2px 8px rgba(178,178,178,0.4); box-shadow:0 2px 8px rgba(178,178,178,0.4);}







/*åé¡µæ ·å¼*/





.nyWrap{width:auto; overflow:hidden; margin:40px auto}

.in_pro{width:1100px; margin:40px auto; padding: 0 }





.right-bt{ width:1100px; margin:10px auto; height:35px; border-bottom:1px dashed #cccccc; position:relative; line-height:35px;}

.right-bt .nybtL{color:#02509a; display:inline-block;  height:34px; padding:0 5px; border-bottom:2px solid #02509a; font-weight:bold; font-size:16px; overflow:hidden}

.right-bt .nybtR{ position:absolute; right:0; top:0; text-align:right; height:35px; line-height:35px;  overflow:hidden; color:#737373}



.right-bt .nybtR a:nth-last-child(1){ color:#02509a}

.right-bt a{ color:#09255d}

.right-bt a:hover{ color:#02509a}



.ny-right-about{ width:1100px; margin:0 auto;  overflow:hidden; min-height:300px; padding:10px 0; font-size:14px; color:#474747}





.ny-right-news{ width:1100px; margin:0 auto;  padding:10px 0 }

.ny-right-news li{ width:1100px; height:32px; line-height:32px; position:relative; border-bottom:1px dashed #CCC; overflow:hidden}

.ny-right-news li a{background:url(../Images/jt.png) left center no-repeat; padding-left:15px;}

.ny-right-news li span{ position:absolute; right:0; top:0; color:#737373;}

.ny-right-news ul{ margin-bottom:20px;}





.ny-right-news h1{ font-size:16px; width:1100px; text-align:center}

.ny-right-news h6{ border-bottom:1px dashed #CCC; width:1100px; font-weight:normal; height:32px;  line-height:32px; text-align:center;color:#737373}

.ny-news-nr{ width:1100px; overflow:hidden; padding-top:10px; margin-bottom:20px;}



/*è£èª*/

.ny-right-honor{ width:1100px; padding:20px 0; margin:0 auto; overflow:hidden}

.ny-right-honor li{ width:275px; float:left; overflow:hidden;  margin-bottom:15px; position:relative;}

.ny-right-honor li a{ font-size:14px; width:240px; color:#808080;  display:block;  margin:0 auto}

.ny-right-honor li a .pic{ width:240px; overflow:hidden; height:240px; position:relative; border:1px solid #ededed; margin:0 auto;}

.ny-right-honor li a .pic img{ position:absolute; max-width:100%; max-height:100%; left:0; right:0; bottom:0; top:0; margin:auto}

.ny-right-honor li a .txt{ text-align:center; overflow:hidden; height:32px; line-height:32px}

.ny-right-honor li a:hover{ color:#02509a}





.caseList{ width:1100px; padding:20px 0; margin:0 auto; overflow:hidden}

.caseList li{ width:220px; float:left; overflow:hidden;  margin-bottom:15px; position:relative;}

.caseList li a{ font-size:14px; width:190px; color:#808080; display:block;  margin:0 auto}

.caseList li a .pic{ width:170px; overflow:hidden; height:90px; position:relative; border:1px solid #ededed; margin:0 auto;}

.caseList li a .pic img{ position:absolute; max-width:100%; max-height:100%; left:0; right:0; bottom:0; top:0; margin:auto}

.caseList li a .txt{ text-align:center; overflow:hidden; height:42px; line-height:42px}

.caseList li a:hover{ color:#02509a}









/*åé¡µ****äº§å****æ ·å¼*****/

.ny-right-pro{ width:1100px; padding:20px 0; margin:0 auto; overflow:hidden}

.ny-right-pro li{ width:275px; float:left; overflow:hidden;  margin-bottom:15px; position:relative;}

.ny-right-pro li a{ font-size:15px; width:250px; color:#808080;  display:block;  margin:0 auto}

.ny-right-pro li a .pic{ width:250px; height:250px; position:relative;  overflow:hidden; border:1px solid #ededed; margin:0 auto;}

.ny-right-pro li a .pic img{ position:absolute; max-width:100%; max-height:100%; left:0; right:0; bottom:0; top:0; margin:auto}

.ny-right-pro li a .txt{ text-align:center; overflow:hidden; height:42px; line-height:42px}

.ny-right-pro li a:hover{ color:#02509a}



.jqzoom{ width:1100px;  margin:10px auto; overflow:hidden;}





.jqzoom_A{ width:1100px;  margin:10px auto; text-align:center;}

.jqzoom_A img{ border:1px solid #CCC; max-width:550px;}







.proproperty{ font-size:16px; font-weight:bold; color:#373737; margin-top:20px; width:1100px; border-bottom:1px solid #e2e2e2;  height:30px;}

.proproperty li {float:left;  height:30px; background-image:url(../Images/t2.jpg); cursor:pointer; margin-right:5px; font-size:12px; font-weight:100; text-align:center; float:left; line-height:30px; color:#FFF; width:75px; }

.proproperty li.cur{ background-image:url(../Images/t1.jpg); }



.procontent{ width:1100px; float:right; padding:10px 0;}

.dispaly{ display:none}

.pageleft{ float:left}

.pageright{ float:right}



.linkWrap{width:1100px; overflow:hidden; padding:12px 0 ; margin:0 auto; line-height:20px; font-size:14px; border-bottom:1px solid #e6e6e6}

.linkWrap .link{ width:1010px; margin:0 auto; position:relative; overflow:hidden; min-height:24px; padding-left:90px; }

.linkWrap .link span { position:absolute; left:0; top:0; font-size:16px; color:#333333; }

.linkWrap .link a{color:#808080; font-size:14px; margin-right:20px;}

.linkWrap .link a:hover{ text-decoration:underline; color:#02509a}



/*footer*/



.footimg{ height:379px; background:url(../images/footimg.jpg) center center no-repeat}



.footWrap{  overflow:hidden;}

.footWrap .foot{ width:1100px; margin:0 auto; padding:20px 0 0; text-align:center; font-size:16px; color:#333333; line-height:36px; position:relative; overflow:hidden; }

.footWrap .foot .List{  overflow:hidden;}





.footWrap .foot .List p{ display:inline-block; margin:0 25px;}





.footWrap .foot .tel{ padding:30px 0; text-align:center}





.copyWrap{ width:auto; padding:10px 0; text-align:center; border-top:1px solid #e6e6e6; color:#808080}

.copyWrap .copy{ width:1100px; margin:0 auto; font-size:14px; position:relative}

.copyWrap .copy a{color:#808080; font-size:14px;}

.copyWrap .copy a:hover{ text-decoration:underline}

.copyWrap .copy .technology{ position:absolute; right:0; top:0}



/*ç¿»é¡µ*/

.pageNavi{text-align:center; margin-top:20px; margin-bottom:20px;}

.wp-pagenavi {CLEAR: both;}

.wp-pagenavi A {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}

.wp-pagenavi SPAN {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}

.wp-pagenavi A:hover {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}

.wp-pagenavi SPAN.current {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}

.wp-pagenavi SPAN.current {FONT-WEIGHT: bold}









/*===========================================æä»¶END======================================================*/



#product_view {width:700px; margin:auto; overflow:hidden;}

#product_view h1 { font-size:18px; text-align: left; line-height:26px;}

#product_view h2 { font-size:14px; height:30px; line-height:30px}

#product_view div.content { line-height:180%; padding-bottom:15px}

#product_view p.pImg {text-align:center; padding-bottom:15px}





.list{ padding:0 10px 0 0;}

.list img{ cursor:pointer; padding:1px; border:1px solid #cdcdcd; margin-right:10px; display:block; float:left; width:60px; height:60px; margin-bottom:10px;}

.list img.onzoom, .list img.on{padding:0px; border:2px solid #02509a;}



.container{ position:relative;}



.izImage{ border:1px solid #cdcdcd; width:600px; height:600px; cursor:pointer}

.izViewer{width:0;height:0;position:absolute;left:390px;top:0;display:none; border:1px solid #999;}

#idList{ display:none}

.handle{display:none;opacity:0.6;filter:alpha(opacity=60);background:#E6EAF3; cursor:crosshair;}





.right_text{ width:470px; font-size:16px;float:right;}

.right_text h1{ line-height:26px; font-size:28px; font-weight:normal}



.right_text .text{ line-height:34px; margin-top:10px;}

.right_text .text span{ font-size:22px; color:#02509a;}







/*æ¼æµ®*/

.float-contact-mini {

	position: absolute;

	right: 1px;

	top: 30%;

	 z-index:100

}

.float-contact-mini a {

	background: url("../images/sprites.png") no-repeat scroll 0 0 transparent;

	color: #FFFFFF !important;

	display: block;

	height: 65px;

	line-height: 110%;

	padding: 46px 5px 0;

	text-align: center;

	text-decoration: none !important;

	width: 18px;

}

.float-contact {

	display: none;

	position: absolute;

	right: 1px;

	top:28%;

	width: 190px;

}

.float-contact .close {

	background: url("../images/sprites.png") no-repeat scroll -29px 0 transparent;

	color: #FFFFFF !important;

	display: block;

	height: 31px;



	line-height: 31px;

	padding-left: 22px;



}

.float-contact .container {

	background:#FFFFFF;

	border-color: #E3E3E3;

	 padding:10px 5px



}

.float-contact .container {

	border-style: solid;



}

.float-contact .qq {

	

}

.float-contact .qqtitle {



}

.float-contact .qq .btn {

	

}

.float-contact .qq .btn li {

line-height:30px;

}



/*.float-contact .qq .btn li a{ border:1px solid #e6e6e6; margin:10px auto 0; display:block}*/



.float-contact .myqqlink {

	background: url("../images/qqpf.png") repeat-x left center;

	

	color: #FFFFFF ; font-size:16px;

	display: block;

	height: 35px;

	line-height: 35px;

	text-align: center;



}

