@charset "gb2312";

.products{ padding:30px 0; overflow:hidden;}

.m_tit{ width:100%; overflow:hidden; margin-bottom:30px; border-bottom:2px solid #1B75D8; padding-bottom:5px;}

.pr_ul{ width:100%; overflow:hidden;}

.pr_ul li{ width:101px; overflow:hidden; font-size:14px; float:left; text-align:center; margin:0 25px; display:inline;}

.pr_ul li a{ display:block; width:101px; padding-top:110px; background:url(../images/prod_icon.png) no-repeat -5px 0;

-webkit-transition: background 0.5s ease;

-moz-transition: background 0.5s ease;

-o-transition: background 0.5s ease;

transition: background 0.5s ease;}

.pr_ul li a:hover{ text-decoration:none;}

.pr_ul li.pr_1 a:hover{ background-position:-5px -132px;}

.pr_ul li.pr_2 a{ background-position:-112px 0px;}

.pr_ul li.pr_2 a:hover{ background-position:-112px -132px;}

.pr_ul li.pr_3 a{ background-position:-221px 0;}

.pr_ul li.pr_3 a:hover{ background-position:-221px -132px;}

.pr_ul li.pr_4 a{ background-position:-328px 0;}

.pr_ul li.pr_4 a:hover{ background-position:-328px -132px;}

.pr_ul li.pr_5 a{ background-position:-436px 0;}

.pr_ul li.pr_5 a:hover{ background-position:-436px -132px;}

.pr_ul li.pr_6 a{ background-position:-544px 0;}

.pr_ul li.pr_6 a:hover{ background-position:-544px -132px;}

.pr_ul li.pr_7 a{ background-position:-652px 0;}

.pr_ul li.pr_7 a:hover{ background-position:-652px -132px;}

.pr_ul li.pr_8 a{ background-position:-761px 0;}

.pr_ul li.pr_8 a:hover{ background-position:-761px -132px;}

.pr_ul li.pr_9 a{ background-position:-869px 0;}

.pr_ul li.pr_9 a:hover{ background-position:-869px -132px;}



.main_mid{ width:100%; overflow:hidden; background:#f3f3f3; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 0 25px 0;}

.news{ width:350px; overflow:hidden;}

.m_top{ width:100%; overflow:hidden; margin-bottom:20px;}

.m_top a{ float:right; margin-top:15px;}

.nw_top{ width:100%; overflow:hidden; height:75px; margin-bottom:15px;}

.nw_top img{ display:block; float:left; margin-right:15px; width:100px; height:75px;}

.nw_top p{ font-size:15px; height:25px; line-height:25px; overflow:hidden; margin-bottom:5px;}

.nw_top span{ display:block; line-height:22px; height:44px; overflow:hidden; color:#888;}

.about{ width:380px; overflow:hidden; display:inline; margin-left:50px;}

.about .name{ font-size:16px; height:35px; line-height:30px;}

.about .content{ font-size:12px; text-indent:2em; color:#666; line-height:24px; height:120px; overflow:hidden; margin-bottom:15px;}

.pics{ width:260px; overflow:hidden; position:relative;}

.pic_sroll{ width:260px; overflow:hidden; height:200px; margin-top:5px;}

.pics .hd{ position:absolute; text-align:right; right:0; top:20px;_top:2px; z-index:9;}

.pics .hd li{ float:left; background:url(../images/scorll.gif) no-repeat -8px 0; cursor:pointer; width:8px; height:8px; margin-left:5px; _display:inline;}

.pics .hd li.on{ background-position:0;}

.pics .bd{ position:relative; width:260px; height:200px; overflow:hidden;}

.pics .bd li{ width:260px; height:200px; float:left;}

.pics .bd img{ display:block; width:260px; height:200px;}

.pics .bd li p{ display:block; height:30px; line-height:30px; position:relative; z-index:3; margin-top:-30px; left:0; width:240px; background:url(../images/bl.png); padding:0 10px; font-size:14px; text-align:center;}

.pics .bd li a{ color:#fff;}

.pics .bd li a:hover{ text-decoration:none;}



.cases{ overflow:hidden; padding:30px 0 20px 0;}

.p_ul li,.p_ul li img{ width:205px; height:300px;}

.p_ul li{ margin:0 8px; float:left; display:inline;}

.pic_box{ width:100%; height:155px; overflow:hidden;}

.links{ width:100%; border-top:1px solid #ddd; overflow:hidden; padding:20px 0; line-height:25px; background:#f3f3f3;}

.links a{ color:#666; display:inline-block; margin-right:20px;}

.links a:hover{ color:#1883D1;}

.links span{ display:block; font-size:20px; padding-bottom:10px;}



.sub_ban{ height:200px; overflow:hidden; background:url(../images/sub_ban.jpg) no-repeat center 0; width:100%; margin-bottom:30px;}

.sub_ban p{ width:100%; background:url(../images/sub.jpg) center 0; height:240px;}

.contact{ width:220px; overflow:hidden; background:#f3f3f3; margin-top:10px;}

/*.contact h2{ height:40px; line-height:40px; text-indent:20px; color:#fff; font-size:18px; font-weight:normal; background:#2983E4 url(../images/m_icon.gif) no-repeat 20px 19px;}*/

.contact h2{ background:#2983E4 url(../images/m_icon.png) no-repeat 20px 10px; color:#fff; text-indent:45px; font-size:18px; height:40px; font-weight:normal; line-height:40px;}

.contact .cont{ font-size:12px; color:#666; line-height:23px; padding:15px 12px 15px 12px;}

.contact .cont img{ display:block; margin-bottom:10px;}



.map{ width:815px; margin-bottom:15px; overflow:hidden; background:#f5f5f5 url(../images/map.gif) no-repeat 20px 9px; height:35px; line-height:35px; padding-left:45px; color:#999; font-size:12px;}

.map a{ color:#999;}

.siderbar{ width:220px; overflow:hidden; margin-bottom:40px;}

.menu{ width:220px; overflow:hidden; background:#f3f3f3; font-size:14px;}

.menu h2{ background:#2983E4 url(../images/m_icon.gif) no-repeat 20px 15px; color:#fff; text-indent:45px; font-size:18px; height:40px; font-weight:normal; line-height:40px;}



.menu li{ height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid #dfdfdf; border-top:1px solid #fff; text-indent:38px;}

.menu li a{ display:block; background:url(../images/sj.png) no-repeat 20px 16px; height:40px;}

.menu li a:hover,.menu li.current a{ background:#fff url(../images/sj.png) no-repeat 20px 16px; text-decoration:none;}

.main_right{ width:850px; overflow:hidden; margin-bottom:40px;}

.main_right .txt_ul li{ height:30px; line-height:30px; font-size:14px; background: url(../images/icon.jpg) no-repeat 0 12px; padding-left:20px;}



.pic_ul li{ overflow:hidden; width:200px; height:185px; float:left; margin:0 6px;}

.pic_ul span{ display:block; height:35px; line-height:35px; text-align:center; overflow:hidden; font-size:14px;}

.pic_ul li img{ width:200px; height:150px;}

/*Ò³Âë*/

#Paging { text-align: center; height: 30px; margin:1em 0; }

.Pagination { display: inline-block;  margin-top:13px; }

.Pagination .pageinfo { border: 1px solid #037CB5; color: #037CB5; margin-left: 10px; margin-right: 10px; padding-right: 8px; }

.Pagination span { background: #fff; display: block; float: left; font-family: "Microsoft YaHei,Arial"; font-size: 14px; height: 30px; line-height: 30px; margin-right: 5px; text-align: center; padding: 0 12px; }

.Pagination a { background: #fff; border: 1px solid #037CB5; color: #037CB5; display: block; float: left; font-size: 14px; height: 30px; line-height: 30px; margin-right: 5px; text-align: center; text-decoration: none; padding: 0 12px; }

.Pagination a:hover { color: #fff; background: #037CB5; border: 1px solid #037CB5;}

.Pagination span.current { background: #037CB5; border: 1px solid #037CB5; color: White;  position: relative; }

.Pagination span.disabled { border: 1px solid #dfdfdf; color: #aaa; cursor: not-allowed; }