@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; border:0;}
li {list-style:none;}
body {background:#efefef; font-family:宋体,"microsoft yahei","华文细黑","幼圆"; font-size:12px; color:#666; }
a{text-decoration:none;}select,input,textarea{outline:none;}textarea{resize:none;}select{border:1px solid;}
#main { margin:0 auto;overflow:hidden;zoom:1;}
img{border:none;}
/*GLOBAL*/
.center{width:980px;margin:0 auto;}
.lf{float:left;overflow:hidden;}
.rt{float:right;overflow:hidden;}
.clear{clear: both;}

#sxy{line-height:22px; margin-top:20px; text-align:left; padding-top:10px; border-top:1px dashed #764a38;}
#sxy a{color: #444}
#sxy a:hover{text-decoration: underline;}

#header {height:168px;background:url(../images/headercenter.jpg) no-repeat center;position: relative;z-index: 999;}
#logo {height:124px;display:block;float:left;}

/*nav*/	
#nav {height:44px;clear: both;font-size: 16px;font-family: 微软雅黑;}
#nav li {float:left;width:105px;display:block;margin:0 16px;_margin-left:8px;position: relative;}
#nav li a {width:105px;display:block;height:44px;text-align:center;line-height:44px;color:#FFF;}
#nav li a:hover {background: url(../images/lhover.jpg) no-repeat center bottom;}
#nav li ul {position: absolute;width: 100%;background: url(../images/subul.jpg) repeat-y center;padding:5px 0 15px;display: none;}
#nav li ul li{float: none;height: 29px;margin:0;}
#nav li ul li a{color: #333;height: 29px;line-height: 29px;font-size: 14px;}
#nav li ul li a:hover{color: #fff;background: url(../images/sublhover.png) no-repeat center;}
/*banner*/
#banner {height:531px !important;position:relative;overflow:hidden;margin-bottom: 20px;}
#slideshow { width:100%; height: 531px; }
#slideshow ul { display: none; }

#slides { display:block; width:100%; height:531px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}

#pagination { display:block; list-style:none; position:absolute; left:50%; bottom:20px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}
/*middle */
#middle {overflow:hidden;}
/*.box1*/
.box1{background:#fff;overflow: hidden;padding-bottom: 16px;}
.top .more{width: 25px;height: 100%;float: right;}
/*about*/
#about{width: 553px;height: 300px;overflow: hidden;float: left;margin-left: 17px;_margin-left:8px;margin-right: 24px;margin-bottom: 24px;}
#about .top{height: 48px;background: url(../images/t1.jpg) no-repeat;margin-bottom: 14px;}
#about .cont{height: 238px;line-height: 19px;letter-spacing: 0.5px;overflow: hidden;}
#about .cont img{width:183px;height: 115px;float: left;margin-right: 8px; }
/*news*/
#news{width: 372px;float: left;margin-bottom: 24px;}
#news .top{height: 48px;background: url(../images/t2.jpg) no-repeat;margin-bottom: 14px;}
.first{height: 62px;margin-bottom: 10px;overflow: hidden;}
.first img{width: 99px;height: 62px;float: left;margin-right: 10px;}
.first .ct{width: 260px;height: 62px;float: left;}
.first a{color: #e60012;font-size: 14px;line-height: 22px;font-weight: bold;}
.first p{line-height: 20px;height: 60px;overflow: hidden;}
.nbox ul li{height: 24px;line-height: 24px;}
.nbox ul li a{color: #666}
.nbox ul li a:hover{color: #e60012}
.nbox ul li font{float: left;}
.nbox ul li span{float: right;}
/*ad1*/
#ad1{width: 950px;height: 331px;display: block;margin:0 auto;}
/*box2*/
.box2{height: 177px;background: url(../images/box2.jpg) no-repeat;}
.box2 .top{height: 28px;margin-bottom: 12px;}

/*轮转图*/
.img-scroll{position: relative;margin:0 auto;width: 960px}
.img-scroll .prev, .img-scroll .next {position: absolute;display: block;width: 12px;height: 24px;top: 43px;z-index:999}
.img-scroll .prev{left:1px;}
.img-scroll .next{right:1px;}
.lcr_l{ display: block;width: 12px;height: 24px;}
.lcr_r{display: block;width: 12px;height: 24px;}

.img-list {position: relative;width:96%;height:104px;overflow: hidden;margin:0 auto;}
.img-list li{width:152px;display: inline-block;height:104px;text-align:center;margin:0 14px;}
.img-list img{width:152px;height:104px;}

/*ad2*/
#ad2{width: 980px;height: 138px;display: block;margin:0 auto;}
/*box3*/
.box3{height: 710px;background: url(../images/bg1.jpg) no-repeat center;overflow: hidden;}
.box3 #left{margin-top: 20px;background: #78c2f7;height: 675px;overflow: hidden;}
/*left*/
#left {float:left;width: 220px;}
#list{margin-bottom: 15px;}
#list .top{height:46px;background: url(../images/listh2.jpg) no-repeat;}
#list .top .more{width: 18px;margin-right: 16px;float: right;height: 100%;}
#list ul li{line-height: 42px;text-indent: 18px;width: 198px;margin:0 auto 15px;}
#list ul li a{color: #333;font-size: 16px;font-weight: bold;height: 42px;border-bottom: 1px dashed #333;width: 198px;display: block;}
#list ul li ul li{height: 30px;line-height: 30px;margin-bottom: 0;text-indent: 0;}
#list ul li ul li a{color: #333;font-size: 14px;font-weight:normal;border-bottom: 0;}
#list ul li ul li a:hover{color: #fff}
/**/
#list2{margin-bottom: 15px;border: 10px solid #0d8ae6;}
#list2 .top{height:37px;background: url(../images/ltoppro.jpg) no-repeat;}
#list2 ul li{line-height: 42px;text-indent: 18px;width: 190px;margin:0 auto 15px;}
#list2 ul li a{color: #333;font-size: 16px;font-weight: bold;height: 42px;border-bottom: 1px dashed #333;width: 190px;display: block;}
#list2 ul li ul li{height: 38px;line-height: 38px;margin-bottom: 0;text-indent: 15px;}
#list2 ul li ul li a{color: #333;font-size: 12px;font-weight:normal;border-bottom: 0;}
#list2 ul li ul li a:hover{color: #0d8ae6}
/*lcontact*/
#lcontact{background: url(../images/lcontact.jpg) no-repeat top;width:220px;margin-bottom: 30px;height: 279px; }
#lcontact .top{height: 43px;margin-bottom: 64px;}
#lcontact p{width: 198px;line-height: 22px;margin:0 auto;}
#lcontact p a{color: #666}
#lcontact p a:hover{text-decoration: underline;}
/*lbox*/
.lbox{width:200px;border:10px solid #0d8ae6;margin-bottom: 15px;}
.lbox .top{height: 47px;}
.l2 .top{background: url(../images/l2.jpg) no-repeat;}
.l4 .top{background: url(../images/l4.jpg) no-repeat;}
.l5 .top{background: url(../images/l5.jpg) no-repeat;}
.l6 .top{background: url(../images/l6.jpg) no-repeat;}
.l7 .top{background: url(../images/l7.jpg) no-repeat;}
.lbox ul li{height: 40px;line-height: 40px;text-indent: 15px;border-bottom: 1px dashed #333}
.lbox ul li a{color: #333}
.lbox ul li a:hover{color: #0d8ae6}
/*probox*/
#probox{width:740px;height: 675px;float: right;margin-top: 20px;}
#probox .top{display: block;width: 100%;height: 46px;margin-bottom: 22px;background: url(../images/ptop.jpg) no-repeat;}

.pbox ul li img{vertical-align: top;}
.picScroll-top{ width: 100%;height: 608px;overflow:hidden; position:relative;}
.picScroll-top .bd{  width:100%; height: 608px;}
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{width:100%; height:283px; line-height:25px;margin-bottom:28px}
.picScroll-top .bd ul li a{ width: 222px; float: left; height:283px;  display: block;color: #333;font-size:14px;margin:0 11px}
.picScroll-top .bd ul li a img{width: 220px;height: 170px;border: 1px solid #999;vertical-align: top;}
.picScroll-top .bd ul li a:hover img{border: 1px solid #e60012}
.pbox ul li a p{line-height: 30px;color: #666;}
.pbox ul li a:hover p{color: #333;}
.pbox ul li a .ct{line-height: 18px;color: #666;font-size: 12px;height: 36px;overflow: hidden;margin-bottom:18px;}
.pbox ul li a .more{width:87px;height: 23px;background: url(../images/amore.jpg) no-repeat;float: left;}
/**/
.probox ul li{width:220px;height: 200px;float: left;margin:10px 11px;text-align: center;line-height: 30px;}
.probox ul li img{width: 220px;height: 170px;vertical-align: top;}
.probox ul li a{color: #333}
.probox ul li a:hover{color: #0d8ae6}
.probox ul li p{height: 30px;overflow: hidden;}
/**/
#rightcontent .nbox ul li{width:95%;line-height: 35px;height: 35px;margin:0 auto;border-bottom: 1px dashed #333;}
#rightcontent .nbox ul li a font{float: left;}
#rightcontent .nbox ul li a span{float: right;}

.rightinfo{font-size: 12px;line-height: 26px;padding: 0px 6px;letter-spacing: 0.5px;}

.rightinfo img{max-width: 98%;}
.cp {border: 1px solid #FFF; box-shadow: 0 0 6px #666;display:block;width: 186px;margin: 0 auto;}
.probg {margin-right: 38px;  float:left;width: 190px;height: 176px;display: block;}

#productcon{padding: 10px 0 0 18px;}
#productcon img {border: 1px solid #FFF;box-shadow: 0 0 6px #666;display:block;margin: 0 auto;}
.probg:hover {background: #030303;width: 190px;height: 176px;display: block;border-top:#030303 solid 1px;}
.cpname{line-height: 28px;margin-top: 3px;}

.cpname span {position: relative;}
#graybar{width: 98%;height: 30px;background: #eeeeef;margin:20px auto 10px auto;}
#graybar span{font-size: 14px;display: block;float:left;width: 80px;text-align: center;height:30px;color: #fff;line-height: 30px;background:#0d8ae6;}


.protitle h2{display:block;float:left;font-size:16px;color:#FFF;}
.protitle h3{float:left;text-indent:5px;font-family:Arial, Helvetica, sans-serif;font-size:16px; color:#bfd6b8;font-weight:100;}
.protitle a {float:right;color:#FFF;font-size:12px;}
.protitle a:hover {color:#FF6;text-decoration: underline;}


#foot {height: 148px;background: #0d8ae6;}
#foot .center{height: 148px;background: url(../images/btmlogo.jpg) no-repeat left;}
#foot .center .cont{margin-left: 297px;overflow: hidden;color: #fff;}
#foot .center .cont p #acontact{width: 94px;height: 24px;background: url(../images/acontact.jpg) no-repeat;display: block;margin:18px 0 6px 0;}
#foot .center .cont p.p1{font-size:18px;line-height: 35px;height: 35px;}
#foot .center .cont p{line-height: 24px;height: 24px;}
#foot .center .cont p a{color: #fff;}


#rightcontent {width:745px;float:right;margin-bottom: 30px;}
#rightcontent h2{height: 33px;line-height: 33px;background:#e60012;color: #fff;margin-bottom: 15px;}

#rightcontent h4 {  text-align: center;  line-height:30px;  color:#030303;font-size: 16px;}
#rightcontent .news_tit_d{color: #999999;font-size: 12px;text-align: center;margin: 14px auto 22px auto;}
#leftcontact {margin-top:15px;}
#leftcontact li {font-size:12px;line-height:20px;}
#leftcontact p {margin-bottom:3px;}
#rightbar {background:#ebebeb;height:35px;line-height:35px;border-bottom:#030303 2px solid;padding:0 10px;  margin-bottom:10px;}

.path {float:left;font-size:12px;color:#fff;  position: relative;margin-left: 16px;font-weight: normal;}
.path a {  color: #fff;}
.path a:hover {  color: #0d8ae6;}

.right-title {color:#093;float:left;}
.gray {  color: #999;}
.jobinfo{border-bottom:1px dotted #999;padding: 20px 0 20px 0 ;width: 96%;margin: 0 auto;height: 150px;}
.jobinfo2{padding: 20px 0 20px 0 ;width: 96%;margin: 0 auto;height: 150px;}
.jobtxt {position: relative;float:left;}
.jobtxt	b {display: block;width: 132px;height: 149px;background-position: -41px -81px ;position:absolute;left:-5px;}
.jobtxt li {line-height: 32px;_height:5px;_line-height:13px;color: #444;}
.view {background:#030303;width: 63px;height: 30px;float:right;line-height: 30px;text-align: center;margin-top: 10px;}
.view  a {display: block;color: #fff;}
.jobtxt ul {display: block;width:220px;height: 150px;padding-left:150px;}
.jobtitle {color:#030303;}

/*order*/
.order {margin: 40px 0 120px 46px;line-height: 40px;}
#contact,#tel,#addr,#email,#name {background: url(../images/sprite.png) no-repeat 0px -240px;width: 278px;height:30px;text-indent:8px;}
#ps,#note{background: url(../images/sprite.png) no-repeat 0px -280px;width: 550px;height:180px;text-indent:8px;line-height: 24px;}
#captcha {background: url(../images/sprite.png) no-repeat -290px -240px;width: 103px;height:30px;text-indent:8px;}
#submit{width: 78px;height: 30px;background:#e60012;color: #fff;cursor:pointer;}
.shadow {box-shadow: 0 0 6px #666;}
.pro_name {text-align: center;padding-top: 15px;color:#0d8ae6;}
/*page*/
.page{clear:both;float:right;margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}