/* CSS Document */

html {
  font-family: 'Microsoft YaHei', sans-serif; /* 1 */
  font-size: 12px;
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  overflow-x : auto;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

.left { float: left;}
.right { float: right;}
.clear { clear: both;}
.center { display: block; margin: 0 auto;}
.strong { font-weight: 700;}
.hide { display: none;}

.W140 { width: 140px; margin: 0 auto;}
.W180 { width: 180px; margin: 0 auto;}
.W116 { width: 116px; margin: 0 auto;}
.W249 { width: 249px; margin: 0 auto;}
.W267 { width: 267px; margin: 0 auto;}
.W340 { width: 340px; margin: 0 auto;}
.W339 { width: 339px; margin: 0 auto;}
.W346 { width: 346px;}
.W422 { width: 422px; margin: 0 auto;}
.W692 { width: 692px; margin: 0 auto;}
.W704 { width: 704px; margin: 0 auto;}
.W1000 { width: 1000px; margin: 0 auto;}

.YaHei { font-family:'Microsoft YaHei';}
.SimSun { font-family: 'SimSun';}
.Arial { font-family: Arial;}
.SimHei { font-family: 'SimHei';}

.F10 { font-size: 10px}
.F12 { font-size: 12px}
.F14 { font-size: 14px}
.F15 { font-size: 15px}
.F16 { font-size: 16px}
.F18 { font-size: 18px}
.F28 { font-size: 28px}
.F30 { font-size: 30px}
.F40 { font-size: 40px}

.C01 { color: #000;}
.C02 { color: #fff;}
.C03 { color: #333;}
.C04 { color: #666;}
.C05 { color: #999;}
.C06 { color: #0a61a3;}
.C07 { color: #ccc;}
.C08 { color: #255ea5;}
.C09 { color: #525253;}
.C10 { color: #095d9a;}
.C11 { color: #ff5400;}
.C12 { color: #fa8850;}

.H20 { height: 20px; line-height: 20px;}
.H10 { height: 10px; line-height: 10px;}
.H12 { height: 12px; line-height: 12px;}
.H15 { height: 15px; line-height: 15px;}
.H16 { height: 16px; line-height: 16px;}
.H26 { height: 26px; line-height: 26px;}
.H28 { height: 28px; line-height: 28px;}
.H30 { height: 30px; line-height: 30px;}
.H35 { height: 35px; line-height: 35px;}
.H44 { height: 44px; line-height: 44px;}
.H50 { height: 50px; line-height: 50px;}
.H144 { height: 144px;}

.Text2 {text-indent: 2em;}
.TextA {text-align: center;}
.Line2 { line-height: 2em;}
.Line22 { line-height: 22px;}
.Line24 { line-height: 24px;}
.Line28 { line-height: 28px;}

.B01 { border: 1px solid #ddd;}
.BT01 { border-top: 1px solid #dbdbdb;}
.BR01 { border-right: 1px solid #dbdbdb;}

.P15 { padding: 15px;}
.PT10 {padding-top: 10px;}
.PR10 {padding-right: 10px;}
.PT15 {padding-top: 15px;}
.PL12 {padding-left: 12px;}
.PL13 {padding-left: 13px;}
.PB15 { padding-bottom: 15px;}
.P12-10 { padding: 12px 10px;}
.P17_25 { padding: 17px 0 25px 0;}
.ML12 { margin-left: 12px;}
.NPB { padding-bottom: 0;}

.sup { top: -4px; padding-right: 5px;}
.xian { height: 1px; line-height: 1px; background: #3099e7; overflow: hidden;}
a {
  background: transparent;
  text-decoration: none;
  color: #333;
}



a:active,
a:hover {
  outline: 0;
}
img {
  border: 0;
}

ul,ol {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

a {
  padding: 0;
  margin: 0;
}
a:hover {
  color: #0b68ad;
}

p { padding: 0; margin: 0;}

h1,h2,h3,h4,h5,h6,hr,dt,dd,dl { font-size: 12px; margin: 0; padding: 0; font-weight: normal;}


.header { height: 137px; background: url(bg11.png) repeat-x 0 0; overflow: hidden;}
.logo { padding-top: 40px;}
.info .japen,.info .china { width: 12px; height: 52px; padding:0 14px; line-height: 1.8em; margin-right: 10px;}
.info .japen a,.info .china a { color: #fff;}
.info .japen { background: url(bg01.gif) no-repeat 0 0;}
.info .china { background: url(bg02.gif) no-repeat 0 0; margin-right: 0;}
.info ul { padding-top: 16px; }
.info ul li { float: left;padding-left: 26px; background: url(bg03.gif) no-repeat 15px center;}
.info ul li a { color: #5f5f5f;}
.info .phone { padding-top: 28px; height: 52px; padding-left: 50px; background: url(bg10.png) no-repeat 15px 32px; }

.nav { height: 40px; background: url(bg12.png) repeat-x 0 0; position: relative; z-index: 100;}
.nav_center { position: relative; }
.nav_center ul { width: 960px; height: 50px; background: url(bg13.png) no-repeat 0 0; position: absolute; z-index: 9999; top: -5px; padding: 6px 20px; +padding: 6px 28px;}
.nav_center ul li { float: left;  height: 47px; line-height: 39px; padding: 0 12px; +padding: 0 10px;}
.nav_center ul li a { display: block; height: 39px; font-size: 16px; color: #fff; padding: 4px 15px;}
.nav_center ul li a:hover { color: #fff;}
.nav_center ul li.current1 a { background: url(bg50.png) no-repeat center center;;}
.nav_center ul li.hover1 { width: 74px;}
.nav_center ul li.hover1 a:hover { background: url(bg50.png) no-repeat center center; _background: none;}
.nav_center ul li.current2 a { background: url(bg48.png) no-repeat center center;}
.nav_center ul li.hover2 {width:95px;}
.nav_center ul li.hover2 a:hover { background: url(bg48.png) no-repeat center center; _background: none;}
.banner {width:100%; height:440px;position:relative; z-index: 1;}
#slides { display:block; width:100%; height:400px; list-style:none; padding:0; margin:0; position:relative;z-index: 2;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; z-index: 0;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination {  width: 125px; height: 29px; padding-left: 32px; padding-top: 10px; margin: 0 auto; background: url(bg15.png) no-repeat 0 0;}
#pagination li {  float:  left; width: 15px; height: 15px; margin-right: 12px; background: url(bg16.png) no-repeat 0 0;cursor: pointer;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background-image: url(bg17.png); }

.crumbs { height: 50px;  padding-top:5px;}
.crumbs ul li { float: left; color: #787878; font-family: 'SimSun'; height: 50px; line-height: 50px; margin-right: 5px;}
.crumbs ul li a { color: #787878;}
.crumbs ul li.first { color: #0b60a1; padding-left: 24px; background: url(bg33.png) no-repeat 0 15px; margin-right: 0;}
.pagebody { overflow: hidden;}
.pagebg { background: url(bg05.gif); }

.page_left {}
.page_left h2 { height: 58px; line-height: 58px; font-size: 24px; color: #075793; border: 1px solid #dadada; border-bottom: 0; padding-left: 20px; background: url(bg01.jpg) no-repeat 0 0;}
.page_left .dl dt { float: left; width: 10%; color: #666; font-weight: 700; text-align: right; line-height: 33px;}
.page_left .dl dt.ll { height: 132px;}
.page_left .dl dd { margin: 0; float: right; color: #666; width: 89%; line-height: 33px;}
.page_left .content { padding: 0 12px;line-height:25px; font-size:12px; color:#666;}

.content_co{ overflow: hidden;  line-height:25px; color:#666; font-size:12px;}


.page_right { }
.profile h1 { color: #fff; font-size: 18px; height: 55px; line-height: 55px; background: #0a5d99 url(bg34.png) no-repeat 14px 22px; padding-left: 31px;}
.profile dl { border: 1px solid #dcdcdc; border-top: 0; padding-top: 5px; padding-bottom:5px;}
.profile dl dt { height: 37px; line-height: 37px; padding-left: 34px; cursor: pointer; background: url(bg35.png) no-repeat 20px 13px;border-bottom: 1px dashed #c1c1c1;}
.profile dl dt a {color: #666; font-size: 14px;}
.profile dl dt.current a {color: #0a61a3;font-size:14px;}
.profile dl dd li { height: 28px; line-height: 28px; padding-left: 45px; background: url(bg41.png) no-repeat 34px 10px;}
.profile dl dd li a { color: #8c8c8c;font-size:14px;}
.profile dl dd li.current a { color: #0a61a3; font-size:14px; }

.contact {}
.contact h2 { position: relative; font-size: 16px;color: #0a61a3; height: 36px; line-height: 36px; padding-top: 12px; padding-left: 25px; border-bottom: 1px solid #d5d5d5; background: url(bg36.png) no-repeat 5px 25px;}
.contact h2 .more { color: #0a61a3; line-height: 14px; position: absolute; top:25px; right: 5px; width: 40px; height: 14px; padding-left: 4px; background: url(bg37.png) no-repeat 0 0;}
.contact .img { padding-top: 10px; padding-bottom: 4px;}
.contact ul li { font-family: 'Arial'; height:30px; line-height:30px; border-bottom: 1px dashed #d0d0d0; white-space:nowrap;}

.footer { font-size:14px;}
.footer .foot_cent { height: 350px;width: 100%; padding-top: 64px; background: url(bg30.png) no-repeat center bottom;}
.footer .foot3 {  float: left; padding-left: 64px; }
.footer .foot { width: 340px; /*height: 186px;*/ height:160px; float: left; padding-left: 64px; }
.footer .foot2{ width: 180px; /*height: 186px;*/ height:160px; float: left; padding-left: 64px; }
.footer  h2 { color: #fff; font-weight: 700; line-height: 26px; padding-left: 15px; background: url(bg32.png) no-repeat 50px 10px;}
.footer .foot li { line-height: 26px; padding-left: 15px;  background: url(bg31.png) no-repeat 0 center;}
.footer li a { line-height: 26px; color: #fff;}
.footer .foot2 h2 { background-position: 81px 10px;}
.footer .foot2 li { line-height: 26px; padding-left: 15px;  background: url(bg31.png) no-repeat 0 center;}
.footer .foot2 .more a { color: #78c6ff;}
.footer .foot3 { width: 180px; padding-top: 29px;  padding-left: 154px; margin-bottom:45px}
.footer .foot3 li {  line-height: 31px; color: #fff;}
.footer .foot3 .more { padding-top: 10px; padding-left: 60px;}
.footer .foot3 .more a { color: #78c6ff;}
.flink{clear: both;line-height: 20px;margin-bottom: 3px;height: 20px; color:#999999; font-size:12px;}
.flink ul{ list-style:none;}
.flink ul li{ float:left; margin-right:5px;}
.flink  a{ color:#999999;font-size:12px;}
.copyright { clear: both;color: #fff; }
.copyright a { color: #fff; font-size:14px}


.product_list { height: 230px; width: 100%;  padding-top: 38px; padding-bottom: 38px; }
.product_list ul li { width: 231px; height: 228px; float: left; margin-right: 25px;}
.product_list ul li div { width: 227px; border: 1px solid #229ed2; }
.product_list ul li h3 {padding: 7px 0; font-size: 14px; color: #fff;background: #229ed2; text-align: center; line-height: 20px; border: 1px solid #229ed2;}
.product_list ul li img  {display: block; margin: 0 auto;width:227px;height:167px;}




.fl { float:left; }
.fr { float:right; }

.cus { overflow:hidden; }

.cus .hh1 { padding:69px 10px 0 0; display:block; width:10px; height:20px; overflow:hidden; }



.menu_list { padding-bottom: 30px; background: url("bg29.png") no-repeat center bottom; overflow: hidden;}
.menu_list .more a { color: #b8442f;}
.menu_list ul li.l { float: left; width: 302px; margin-right: 47px; background: url("bg27.png") no-repeat center 55px; }
.menu_list ul li.l h2 { height: 60px; line-height: 60px; padding-left: 22px; font-size: 16px; color: #b8442f; background: url("bg26.png") no-repeat 0 center;}
.menu_list ul li.l .img { padding-top: 18px; height: 103px; background: url("bg25.png") no-repeat bottom center; }
.menu_list .list { padding-top: 10px;}
.menu_list .list li { padding-left: 16px; background: url("bg06.gif") no-repeat 0 center;}
.menu_list .list li a {line-height: 30px; color: #666; font-size: 14px;}
.menu_list .list li span {float:right;line-height: 30px; color: #666; font-size: 14px;}
.menu_list .list li a:hover {color: #075793;}
.menu_list ul li.last {  margin-right: 0;}
.menu_list .last li { background-image: url("bg28.png"); padding-left: 28px;}



/*¹ØÓÚÎÒÃÇ*/
.about { height:472px; margin:0 auto 26px; width:1000px; background:url("ab_bg.gif") center top no-repeat; padding:26px 17px 54px 18px; font-family:"Microsoft Yahei"; }
.ab_lt { width:705px; height:474px; background:url("ab_sh1.gif") right top no-repeat; padding-right:48px; padding-left:10px;}
.ab_rt { width:228px; height:474px;padding-right:5px; }
.p_tit { height:20px; line-height:20px; margin-bottom:22px; background:url("tit_line.gif") left bottom repeat-x; padding:0 12px 13px 0; }
.p_tit .p_more { float:right; color:#1C78E8; font-size:12px; font-family:"Microsoft Yahei"; text-transform:uppercase; }
.p_tit .p_name { background:url("cus_line.gif") left 1px no-repeat; padding-left:12px; color:#1C78E8; font-size:16px; }
.p_tit em { color:#8c8b90; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-left:10px; text-transform:uppercase; font-style:normal; }
.ab_dl { height:204px; margin-bottom:32px; }
.ab_dl dt { float:left; background:url("vd_bg.gif") left top no-repeat; width:254px; height:194px; padding:5px; }
.ab_dl dt img { width:253px; height:168px; }
.ab_dl dd { width:400px; float:right; }
.ab_dl dd p { color:#6b6b6b; line-height:27px; height:140px; margin:5px 0 8px; overflow:hidden; font-size:15px; }
.ab_dl dd b { color:#e60012; }
.ab_dl dd .a_more { color:#fff; background:#0B66AB; padding:2px 4px; }
.ab_con { height:170px; position:relative; }
.a_lt { position:absolute; background:url("cus_l.png") no-repeat; width:10px; height:20px; left:-5px; top:58px; }
.a_rt { position:absolute; background:url("cus_r.png") no-repeat; width:10px; height:20px; right:-5px; top:58px; }
.ab_wrp { width:685px; margin:0 auto; overflow:hidden; }
.ab_wrp li { float:left; display:inline; margin:0 7px; width:204px; }
.ab_wrp li img { display:block; border:3px solid #c9c9c9;width:199px;height:135px; }
.ab_wrp li:hover img { border:3px solid #2386F5; }
.ab_wrp li span { display:block; text-align:center; color:#6b6b6b; margin-top:8px; height:18px; overflow:hidden; }
.ho_con { height:416px; width:178px; overflow:hidden; position:relative; margin-left:22px; }
.ho_con li { float:left; display:inline; width:178px; text-align:center; margin-bottom:26px; }
.ho_con li img { width:178px;height:240px; }
.ho_con li span { display:block; text-align:center; color:#666666; margin-top:8px; height:16px; overflow:hidden; width:178px; white-space:nowrap; text-overflow:ellipsis; }




.Telescopic{
	position: fixed;
	width: 105px;
	right: 50px;
	bottom: 300px;
	z-index:9999;

}
.rq{
	width: 105px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-family: "Î¢ÈíÑÅºÚ";
	background: #3d86ff;
	color: #fcff00;
	font-size: 18px;
	font-weight: bold;
}








