@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td {margin: 0;padding: 0;}
ul,ol,li{ list-style: none;}
img { border:0 none; vertical-align:middle;}
table {border-collapse: collapse;border-spacing: 0;}
a{color: #333; text-decoration: none;}
a:hover{color: #900;}
body{background: #FFF url(../images/body_bg.jpg);font-family:Microsoft yahei;}
.clear{clear:both;}
.hidden{overflow: hidden;}
#warp{width: 100%; background: url(../images/warp_bg.jpg) repeat-x left top;}
#header{width: 1002px; margin: 0 auto; height: 103px;}
#header .logo{float: left; padding: 25px 0 0 37px;}
#header .header-search{float: right; padding: 42px 4px 0 0;}
#nav{width: 1002px; margin: 0 auto; height: 45px; margin-bottom: 5px;}
#nav ul{width: 1000px; margin: 0 auto; height: 40px;line-height:40px;}
#nav ul li{float: left; width: 125px; overflow: hidden;text-align:center}
#nav ul li a,#nav ul li .ali{display: block; width: 123px; height: 40px;float:left;color:#fff;font-size:14px;}
#nav ul li a:hover,#nav ul li .on{background:url(../images/navhover.gif) repeat-x;}
#nav ul li span{width:2px;float:left;padding-top:6px;}
#banner{width:100%;height:420px;background:url(../images/flash_bg.png) no-repeat center bottom;text-align:center;overflow:hidden;}
/*main*/
#main{width: 1002px; margin: 0 auto 15px auto;}
/*cnc-box*/
#cnc-box{width: 958px; height: 238px; margin-bottom: 10px; background: url(../images/cnc-box-bg.jpg) no-repeat left top; padding: 8px 22px 0 22px;}
.bt1{height:30px;line-height:30px;font-size:14px;font-weight:bold;color:#0253a2;background:url(../images/dot1.png) no-repeat left center;text-indent:25px;}
.bt1 span{float:right;padding-top:10px;}
#company{float: left; width: 277px; height: 221px;}
#company img{padding-bottom:10px;}
#company .bot{width: 277px;line-height:24px;}
#news{float: left; width: 390px; height: 221px; margin-left: 32px;}
#news .bot{width: 390px;}
#news .bot ul{width: 100%;}
#news .bot ul li{width: 100%; padding: 7px 0; font-size: 12px; overflow: hidden; clear: both;}
#news .bot a{float: left; background: url(../images/news_icon.jpg) no-repeat left center; text-indent: 15px;}
#news .bot span{float: right; color: #666;}
#contact{width: 233px; float: right;}
#contact .top{width: 233px; height: 36px; background: url(../images/tit2.gif) no-repeat;}
#contact .bot{width: 203px; height: 170px; font-size: 12px; line-height:24px; background: url(../images/contact_bg.jpg) no-repeat left top; margin: 0 auto; padding:10px 10px;}
#contact ul{width: 100%;}
#contact ul li{width: 100%;line-height:27px;font-size: 12px; overflow: hidden;}
#contact ul li a{float: left; background: url(../images/news_icon.jpg) no-repeat left center; text-indent: 15px;}
.i_protui{float:left;width:692px;height: 221px;}
.scroll{clear:both;width:692px; height:auto; margin:10px auto 0;overflow:hidden;}
.cpboder{width:160px; height:120px; border:3px solid #F6F4F7;}
.cpboder:hover{border:3px solid #0253a2}
.scroll a{display:block;text-align:center;line-height:30px;margin-right:15px;}
/*footer*/
#footer{width: 100%; background: #CBCBCB; height: 55px; text-align: center; font-size: 12px; line-height: 180%; padding-top: 15px;}
#footer span{font-family:Arial;}
#main .left{float: left; width: 235px; margin-left: 12px; padding-top: 8px;}
#main .right{float: right; width: 710px; margin-right: 12px;}
/*products list*/
#plist{width: 235px; margin-bottom: 5px;}
#plist .bot{width: 211px; margin: 0 auto;}
#plist .bot dt{width: 211px;height: 36px; cursor: pointer; font-size: 12px; color: #FFF; text-indent: 15px; line-height: 200%; margin-bottom: 5px; margin-top: 10px; border-bottom:#c2c2c2 1px dashed;}
#plist .bot dt a{color:#FFF;display:block;width:211px;background:url(../images/neifen2.gif) no-repeat;height:36px;}
#plist .bot dt a:hover{color:#FFF;display:block;width:211px;background:url(../images/neifen1.gif) no-repeat;height:36px;}
/*box*/
#box{width:710px;}
#box .top{width:710px;height:52px;overflow:hidden;background:url(../images/box-top-bg.jpg) no-repeat;}
#box .top h2{float:left;background:url(../images/dot1.png) no-repeat left center;margin-top:24px;text-indent:25px;color:#0253A2;font-size:14px;font-weight:bold;}
#box .top p{float:right;font-size:12px;padding:25px 5px 0 0;color:#666;}
#box .bot{width:710px;line-height:250%;padding-top:20px;}
/*新闻*/
.news{ overflow:hidden;}
.news ul{ padding:0px; margin:0px;}
.news li{width:99%;height:39px;border-bottom:1px dotted #dadada;text-indent:0px;line-height:39px; margin:auto; font-family:"宋体";}
.news li span{ float:right;}
.news li:hover{background-color:#eeeeee;}
.news a:hover{color:#000;}
/*产品公用一个样式*/
.f12{font-size:12px;}
.f16{font-size:16px;}
.meta{color:#999;text-align:center;line-height:28px;}
.news_title{color:#da020d;text-align:center;line-height:36px; padding:0px; margin:0px auto; font-size:16px;}
/*cp*/
.pro{ overflow:hidden;}
.pro ul{ padding:0px; margin:0px;}
.pro li{float:left;overflow:hidden;margin:0 14px 14px 0px; width:162px;text-align:center;}
.pro img{padding:2px;width:152px; height:130px; border:1px solid #cacaca; }
.pro img:hover{border:1px solid #0253a2;}
.slideBox{ width:100%; height:388px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%; height:388px; display:block; }
.slideBox .bd li a{ width:100%; height:388px; display:block;  }
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}