﻿/*头部CSS*/
body{background:#F5F5F5;}
#head{width: 1060px;height: 101px;margin: 0 auto;}
#logo{float: left;width: 190px;}
#nav{float: left;width: 760px;height: 101px;position: relative;margin-left:0px;}
#nav p.lan{position: absolute;top: 5px;right: 20px;color: #2D800A;}
#nav p.lan a{color: #2D800A;}
#head ul{height: 101px;}
#head ul li{float: left;height: 101px;margin-top: 36px;}
#head ul li a{margin-left:2.6px;margin-right: 2.6px;}
#nav-1{display: block;width: 62px;height: 37px;background: url(../image/yws_03.jpg) no-repeat;}
#nav-2{display: block;width: 93px;height: 37px;background: url(../image/yws_04.jpg) no-repeat;}
#nav-3{display: block;width: 93px;height: 37px;background: url(../image/yws_06.jpg) no-repeat;}
#nav-4{display: block;width: 93px;height: 37px;background: url(../image/yws_07.jpg) no-repeat;}
#nav-6{display: block;width: 93px;height: 37px;background: url(../image/yws_08.jpg) no-repeat;}
#nav-5{display: block;width: 93px;height: 37px;background: url(../image/yws_wx.jpg) no-repeat;}
#nav-7{display: block;width: 93px;height: 37px;background: url(../image/yws_09.jpg) no-repeat;}
#nav-8{display: block;width: 93px;height: 37px;background: url(../image/yws_sp.jpg) no-repeat;}

.clear{clear: both;}

/*banner CSS*/
#ban{margin: 0 auto;width: 1600px;}

/*简介新闻行CSS*/
#con-1{width: 960px;height: 266px;margin: 0 auto;margin-top: 10px;}

#con-about{height: 266px;width: 460px;float: left;}
#con-about p{background: url(../image/yws_05.jpg) no-repeat;height: 62px;}
#con-about img{float: left;margin-right: 10px;}
.ab{width: 285px;float: left;text-indent: 20px;line-height: 25px;height: 25px;}

#con-info{float: right;height: 266px;width: 472px;}
#con-info p{background: url(../image/yws_10.jpg) no-repeat;height: 62px;}
#con-info .u{float: left;padding: 0 0px;}
#con-info .u li{width: 472px;line-height: 28px;height: 28px;}
#con-info .u li span{float: right;}

/*产品中心栏css*/
#products{width: 960px;height: 223px;margin: 20px auto;}
#products p.p1{background: url(../image/yws_11.jpg) no-repeat;height: 64px;}
#products ul li{float: left;margin-right: 12px;height: 145px;text-align:center;}
#wrap{width: 960px;height: 145px;overflow: hidden;position: relative;}
ul.u1{width: 5400px;height: 145px;position: absolute;left: 0;}
.u1 p{line-height: 30px;height: 30px;text-align: center;}
.imgs{width:180px;height:120px;}

/*相册 联系我们CSS*/
#con{width: 960px;height: 240px;margin: 0 auto;}
#con-l{float: left;width: 652px;height: 240px;}
#con-l p.p2{background: url(../image/yws_15.jpg) no-repeat;height: 46px;}
#con-r{float: right;width: 275px;height: 240px;}
#con-r p.p2{background: url(../image/yws_17.jpg) no-repeat;height: 64px;}
#wrap1{width: 652px;height: 240px;overflow: hidden;position: relative;}
ul.u2{width: 652px;height: 240px;position: absolute;left: 0;}
.u2 p{line-height: 30px;height: 30px;text-align: center;}
#wrap1 ul li{float: left;margin-right: 5px;width: 157px;}
#wrap1 ul li img{width: 157px;height: 50px;border:1px solid #CCC;}
p.list{height: 25px;line-height: 25px;color: #0B5A9D;font-size: 14px;}
p.list span{color: #838382;}

/*底部CSS*/
#foot{width: 100%;height: 103px;background-color: #F1F2F0;margin-top: 50px;
color: #6C6C6C;}
.foot-list{width: 960px;height: 20px;line-height: 20px;
margin: 0px auto;padding-top: 20px;overflow:hidden;text-align:center;}
.foot-list ul{width:516px;margin:auto;text-align:center;}
.foot-list li{float: left;font-size: 12px;color: #ABACA8;}
p.ft{text-align: center;}

/*首页CSS结束*/



.currPage{background:#0B5A9D !important;color:#fff !important;}
/*内页样式*/

.bd1{ width:1200px; margin:0 auto;height:45px; background:#0B5A9D;}
.bd1>b{ display:block; height:100%; width:1020px; margin:0 auto; font:14px/50px ''; color:#fff;}
.bd1>b>a{ color:#fff;}
.bd1>b>a:hover{ color:#f60;}
.bd1>b{position:relative;}
.bd1>b>ul{ position:absolute; right:0; top:15px; height:20px; width:200px;}
.bd1>b>ul>li{ float:left; margin:3px 5px; height:12px; width:12px; border-radius:6px; background:#06f;}
.bd1>b>ul>.li{ background:#fff;}

/* 内容区 */
.bd{ padding:20px 0 30px; overflow:hidden;width: 1020px;margin: 0 auto;}
.bd>div{ float:left; width:270px; padding:20px; padding-bottom:40px;  background:#fff; border:1px solid #e5e5e5; position:relative;}
.d1{ margin-right:16px; }
.bd>.d2{ width:650px;}
.bg_x{ position:absolute; bottom:-8px; left:0px; background:url(../img/bg_x.jpg); width:692px; height:8px; }
/* 左边 */
.d1>h2{ text-indent:20px; background:url(../img/d1-h2.png) -1px 2px no-repeat; height:25px; line-height:20px; font-size:17px;  border-bottom:1px solid #0B5A9D; color:#0B5A9D;}
.d1>h2>span{ font-size:12px; font-weight:400; color:#ccc;}
.d1>ul{ padding-top:10px;}
.d1>ul>a{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.5s;-ms-transition:0.5s; display:block; height:40px; line-height:40px; margin:5px 0;
 background:url(../img/d1-li.png) 10px -39px no-repeat; text-align:left; text-indent:25px; color:#333; font-size:14px;border-bottom: 1px dotted #0B5A9D;}
.d1>ul>.a{}
.d1>ul>a:hover{ background:#0B5A9D url(../img/d1-li.png) 10px 18px no-repeat; color:#fff;}
.d1>ul>b{ display:block; height:0px; line-height:0;}
#d1-a1{ border:none;}
.d1 ul li a{ display:block; line-height:32px; text-align:left; text-indent:15px;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.5s;-ms-transition:0.5s;}
.d1 ul li a.aaa:hover{background:#003C86; color:#175E9E;}
.d1 ul li .a{ color:#003C86; font-weight:bold;}
/* 右边 */
.d2>h2{ height:25px; line-height:16px; font-size:14px; border-bottom: 1px solid #0B5A9D; font-size:16px;}
.d2>h2>b{ color: #0B5A9D;}
.d2-d{ padding-top:20px; line-height:24px; position:relative;}


/*----------留言样式-----------*/
.guestbook_wb{ font-size:14px; line-height:20px; padding-bottom:10px;}
.msgform tr td{ padding-top:5px; padding-bottom:5px; }
.msgform tr td input,.msgform tr td textarea{ border-radius: 3px; border:1px solid #c8c8c8; background-color:#f6f6f6; line-height:26px; padding-left:10px; color:#666666; }
.msgform .subinp{ width:100px; background-color:#0B5A9D; color:#FFFFFF; font-family:'微软雅黑'; height:30px; line-height:30px; margin-right:10px; cursor:pointer; padding:0px;}
.msgform .subinp:hover{ background-color:#0B5A9D;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.5s;-ms-transition:0.5s;}
span.guesttitle{ font-size:12px;}
/*----------end留言样式-----------*/


/*新闻列表	*/
.newslist li{padding:5px 0px; line-height:34px;clear:both;padding-left:5px; border-bottom:1px solid #0B5A9D;}
.newslist li span{float:right;padding-right:4px;color:#999;}
.newslist li a:hover{ color:#1a57a3;}
.go{margin:0px 8px;color:#f00;}


/*分页样式-------开始*/

DIV.yellow {

	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; padding-top:26px; TEXT-ALIGN: center
}
DIV.yellow A {
background-color:#FFFFFF;
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #000; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
DIV.yellow A:hover {
background-color:#0B5A9D;
color:#FFFFFF;
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; BORDER-BOTTOM: #f0f0f0 1px solid
}
DIV.yellow SPAN.current {
	BORDER-RIGHT: #1a57a3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #1a57a3 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #1a57a3 1px solid; COLOR: #fff; PADDING-TOP: 5px; BORDER-BOTTOM: #1a57a3 1px solid; BACKGROUND-COLOR: #1a57a3
}
DIV.yellow SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #d2d2d2; PADDING-TOP: 5px; BORDER-BOTTOM: #eee 1px solid; background-color:#FFFFFF; border:1px solid #E6E6E6
}

.news_list{ padding-left:20px; padding-right:20px;}
.news_list ul li{ width:610px; padding-top:19px; padding-bottom:19px; line-height:24px; border:1px solid #fff; border-bottom:1px solid #dedede; cursor:pointer; }
.news_list ul li:hover{ width:610px; margin-left:-10px; background-color:#f6f6f6;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.5s;-ms-transition:0.5s;border:1px solid #dedede; padding-left:10px; padding-right:10px; margin-top:-1px; }

.news_list ul li p{ font-size:14px; line-height:35px;} .news_list ul li p a{ color:#1a57a3;} .news_list ul li p a:hover{ text-decoration:underline;}
.news_list ul li img{ float:left; margin-right:22px; }
.news_list ul li .cont{ width:438px; float:left;}

.title1{text-align:center;line-height:40px;font-size:20px;font-weight:bold; color:#55a218; padding-top:10px; padding-bottom:10px; }
.title2{text-align:center;line-height:24px;font-size:12px;border-bottom:1px dotted #888;color: #0B5A9D}
.newsbody{margin:20px;line-height:22px;}
.newsauthor{text-align:right;line-height:24px;font-size:12px;padding-right:20px;border-bottom:1px dotted #ccc;margin-bottom:10px;}
.newsmore{line-height:22px;font-size:12px;padding-left:20px;}


/*产品页*/
.sb-u1{ color:#333; line-height:1.5; overflow:hidden;}
.sb-u1>li{ float:left; width:195px; margin:0 10px 20px 14px; padding:10px; height:270px;  border:1px solid #CCCCCC; cursor:pointer;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.2s;-ms-transition:0.2s;  }
.sb-u1>li:hover{-webkit-box-shadow: 0 3px 7px #aaaaaa;box-shadow: 0 3px 7px #aaaaaa;border: 1px solid #1f58b7; }
.sb-u1>li a{color:#003C86;}
.sb-u1>li a:hover{color:#f30;}
.sb-u1>li>a{ display:block; line-height:1; padding-bottom:8px;}
.sb-u1>li img{ height:180px; width:180px; padding-bottom:10px;text-align:center; margin:0 auto;} 

/*产品页*/
.sb-u{ color:#333; line-height:1.5; overflow:hidden;}
.sb-u>li{ float:left; width:180px; margin:0 7px 20px; padding:10px; height:140px;  border:1px solid #CCCCCC; cursor:pointer;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.2s;-ms-transition:0.2s;}
.sb-u>li:hover{-webkit-box-shadow: 0 3px 7px #aaaaaa;box-shadow: 0 3px 7px #aaaaaa;border: 1px solid #0B5A9D; }
.sb-u>li a{color:#0B5A9D;}
.sb-u>li a:hover{color:#f30;}
.sb-u>li p{color: #333333;text-align: center;}
.sb-u>li>a{ display:block; line-height:1; padding-bottom:8px;color:gray;text-align:center;}
.sb-u>li img{ height:140px; width:180px; padding-bottom:10px;}


/* 产品内页 */
.sb2-1{ background:#fff; border:1px solid #b8b8b8; border-radius:3px; margin-top:10px;}
.sb2-1>img{ margin:30px;max-width:600px;}
.sb2-2{ position:relative;}
.sb2-2>ul{ line-height:30px; font-size:14px; margin-top:30px; overflow:hidden;}
.sb2-2>ul>a{ color:#333; background:#ccc; border-radius:3px 3px 0 0; display:block; height:30px; line-height:30px; float:left; padding:0 15px; margin:0 5px;}
.sb2-2>ul>.a{ color:#fff; background:#0B5A9D;}
.sb2-2>ul>a:hover{ background:#0B5A9D; color:#fff;}
.sb2-2>div{ border-top:1px solid #b8b8b8; padding-top:10px;}





/*------------在线客服--------------*/
.box_os .os_x, .box_os .osqq, .ico_os, .ico_gt, .ico_pp, .osqq .qq{ background:url(../image/kf.gif) no-repeat;}
.box_os{ height:auto; overflow:hidden; width:131px; position:fixed; right:0px; top:150px; _position:absolute; z-index:9999;display:none;}
.box_os .os_x{ background-color:#f7f7f7; background-position:2px 2px; width:18px; height:20px; float:right; display:inline; cursor:pointer;}
.box_os .osqq{ width:129px; border:1px solid #D1D1D1; background-color:#fff; background-position:0 -120px; clear:both; padding:37px 0 8px 0; text-align:center;}
.box_os .osqq p{ height:auto; line-height:20px;width:129px; margin-top:8px;}
.box_os .osqq p strong{ color:#666;}
.box_os .osqq img{ padding:7px 0 3px 0;}
.box_os .osqq p em{ color:#999; display:block;}
.box_os .osqq p span{ color:#547816; display:block;}
.box_os .osqq .qq{ background:url(../image/kf_qq.jpg); display:block; width:67px; line-height:26px; color:#0c8baf; padding-left:32px; text-align:left; height:25px; margin:0 auto; margin-top:8px; cursor:pointer;}
.box_os .osqq .ww{ background:url(../image/kf_ww.jpg); display:block; width:67px; line-height:26px; color:#0c8baf; padding-left:32px; text-align:left; height:25px; margin:0 auto; margin-top:8px; cursor:pointer;}
.box_os .osqq .msn{ background:url(../image/kf_msn.jpg); display:block; width:67px; line-height:26px; color:#0c8baf; padding-left:32px; text-align:left; height:25px; margin:0 auto; margin-top:8px; cursor:pointer;}
.box_os .osqq .sky{ background:url(../image/kf_sky.jpg); display:block; width:67px; line-height:26px; color:#0c8baf; padding-left:32px; text-align:left; height:25px; margin:0 auto; margin-top:8px; cursor:pointer;}

.box_os .acbox{ width:130px; overflow:hidden;}
.box_os .acbox .ico_gt{ background-position:-60px 0; border:1px solid #0e86a9; border-top:0; cursor:pointer; width:60px; height:33px; float:right;}
.box_os .acbox .ico_pp{ background-position:-60px -60px; border:1px solid #81b140; border-top:0; cursor:pointer; width:60px; height:33px; float:right; margin:0 2px;}
.onlineService{ background:none; display:none; width:39px; *width:84px; height:178px; ;position:fixed; right:0; top:150px; _position:absolute; z-index:9998;}
.onlineService .ico_os{ background-position:-2px -20px; border:1px solid #c7c7c7; cursor:pointer; width:39px; height:98px; float:right;}
.onlineService .ico_gt{ background-position:right 0; border:1px solid #0e86a9; cursor:pointer; width:39px; height:37px; float:right; clear:both;}
.onlineService .ico_pp{ background-position:right -60px; border:1px solid #81b140; cursor:pointer; width:39px; height:37px; float:right; margin:0 0 1px 0; clear:both;}
.box_os .osqq p span a{color:#557917;}

/*------------end在线客服--------------*/

/*------------在线客服--------------*/
.box_os1 .os_x, .box_os1 .osqq,.onlineService1 .ico_os,.onlineService1 .ico_gt,.onlineService1 .ico_pp,.box_os1 .osqq .qq,.box_os1 .acbox .ico_gt,.box_os1 .acbox .ico_pp{ background:url(../image/kf_en.gif) no-repeat;}
.box_os1{ height:auto; overflow:hidden; width:131px; position:fixed; right:0px; top:150px; _position:absolute; z-index:9999;display:none;}
.box_os1 .os_x{ background-color:#f7f7f7; background-position:2px 2px; width:18px; height:20px; float:right; display:inline; cursor:pointer;}
.box_os1 .osqq{ width:129px; border:1px solid #D1D1D1; background-color:#fff; background-position:0 -120px; clear:both; padding:37px 0 8px 0; text-align:center;}
.box_os1 .osqq p{ height:auto; line-height:20px;width:129px; margin-top:8px;}
.box_os1 .osqq p strong{ color:#666;}
.box_os1 .osqq img{ padding:7px 0 3px 0;}
.box_os1 .osqq p em{ color:#999; display:block;}
.box_os1 .osqq p span{ color:#547816; display:block;}
.box_os1 .osqq .qq{ background:url(../image/kf_qq.jpg); display:block; width:67px; line-height:26px; color:#0c8baf; padding-left:32px; text-align:left; height:25px; margin:0 auto; margin-top:8px; cursor:pointer;}
.box_os1 .osqq .ww{ background:url(../image/kf_ww.jpg); display:block; width:67px; line-height:26px; color:#0c8baf; padding-left:32px; text-align:left; height:25px; margin:0 auto; margin-top:8px; cursor:pointer;}
.box_os1 .osqq .msn{ background:url(../image/kf_msn.jpg); display:block; width:67px; line-height:26px; color:#0c8baf; padding-left:32px; text-align:left; height:25px; margin:0 auto; margin-top:8px; cursor:pointer;}
.box_os1 .osqq .sky{ background:url(../image/kf_sky.jpg); display:block; width:67px; line-height:26px; color:#0c8baf; padding-left:32px; text-align:left; height:25px; margin:0 auto; margin-top:8px; cursor:pointer;}

.box_os1 .acbox{ width:130px; overflow:hidden;}
.box_os1 .acbox .ico_gt{ background-position:-60px 0; border:1px solid #0e86a9; border-top:0; cursor:pointer; width:60px; height:33px; float:right;}
.box_os1 .acbox .ico_pp{ background-position:-60px -60px; border:1px solid #81b140; border-top:0; cursor:pointer; width:60px; height:33px; float:right; margin:0 2px;}
.onlineService1{ background:none; display:none; width:39px; *width:84px; height:178px; ;position:fixed; right:0; top:150px; _position:absolute; z-index:9998;}
.onlineService1 .ico_os{ background-position:-2px -20px; border:1px solid #c7c7c7; cursor:pointer; width:39px; height:98px; float:right;}
.onlineService1 .ico_gt{ background-position:right 0; border:1px solid #0e86a9; cursor:pointer; width:39px; height:37px; float:right; clear:both;}
.onlineService1 .ico_pp{ background-position:right -60px; border:1px solid #81b140; cursor:pointer; width:39px; height:37px; float:right; margin:0 0 1px 0; clear:both;}
.box_os1 .osqq p span a{color:#557917;}

/*------------end在线客服--------------*/

.sec{height:0;color:#333;overflow:hidden;width:120px;text-align:left; position:absolute;left:0;top:50px;z-index:999;box-shadow:0 0 2px #000;box-shadow-top:none;}
.sec a{padding-left:40px;color:#333;height:34px;line-height:34px;font-size:12px; overflow:hidden;background:#f0f1f1; z-index:99999;text-shadow:0px 0px 0px #fff;background:url(../image/n1.png) no-repeat scroll 20px 50% rgba(0, 0, 0, 0);display:inline-block;}
.sec a:visited{color:#333;}
.sec a:hover{text-decoration:none;color:#666; height:34px;background:url(../image/n1.jpg) no-repeat scroll 20px 50% rgba(0, 0, 0, 0);}
.red{background:#0069aa !important;color:#fff !important;}