/* CSS Document */
@charset "utf-8";

*{margin:0;padding:0;}
body{margin:0;padding:0;font-size:12px;line-height:24px;font-family:Arial,"Microsoft YaHei";-webkit-text-size-adjust:none; color:#33;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:20px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none; font-family:"Microsoft YaHei";}
a:hover{color:#0b92f1;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.clear {LINE-HEIGHT: 0px; CLEAR: both}

/* 顶部*/
.itop{ width:100%; height:29px; background:#dddddd; }
.top{ width:1002px; height:29px; line-height:29px; color:#333333; margin:0 auto;}
.top span{ float:left; color:#333;}
.topnav{ float:right; }
.topnav a{ line-height:29px; padding:0 5px;}

.header{ width:100%; height:120px;}
.header2{ width:1000px; margin:0px auto;}
.logo{ float:left; margin-top:26px}
.toptel{ float:right;margin-top:36px}
.toptel img {margin-top:10px;}
.btn{ background:#0776ea;width:51px; height:24px;     border: 0;}
.toptel span{ color:#FFFFFF;}

/* 导航*/
.menu{ width:100%; height:50px; background:#0776ea; }
.menu ul{display:block; width:1000px; height:50px; margin:0 auto; }
.menu ul li{ display:block; float:left; width:142px; height:50px; text-align:center;}
.menu ul li a{ display:block; color:#fff; line-height:50px; font-size:16px; font-family:"Microsoft Yahei";}
.menu ul li a:hover{background:#0991f1;}

/* 大图*/
.banner { position:relative; height:450px;}
.banner .btn1 { bottom: 5px;margin-right: -450px; padding: 5px 6px; position: absolute; right: 50%;z-index: 7;}
.banner .btn1 span { background: none repeat scroll 0 0 #0776ea; border: 1px solid #ededed; color: #FFFFFF; cursor: pointer;display: inline-block; margin-left: 5px;padding: 2px 5px;}
.banner .btn1 span.cur { font-weight: bold; padding: 4px 8px;}
.banner .bgitem{height:450px; cursor:pointer; width: 100%;margin: 0 auto;position:absolute; background-position:center top; background-repeat:no-repeat;}


.main{ width:100%; margin:0 auto;}
.imain{width:1000px; margin:30px auto;}
.left{ float:left; width:237px; }
.right{float:right; width:723px;}

.title1{width:237px; background:url(../img/cpbt_bg.jpg) left top repeat-x; height:40px;}
.title1 h3{ font-size:14px; color:#fff; font-weight:bold; text-align:left;  padding-left:20px; padding-top:10px;} 
/*.title1 span{font-size:12px; color:#fff;text-align:left;  padding-left:30px; text-transform:Uppercase;}*/

.title12{background:#0776ea left top repeat-x; height:48px; margin-top: 20px;}
.title12 h3{ font-size:18px; color:#fff; font-weight:bold; text-align:left;  padding-left:30px; padding-top:15px;} 

.title3{ height:50px; color:#333; font-size:18px; font-family:"Microsoft YaHei";  line-height:50px; margin-bottom:10px; border-bottom:1px solid #0b92f1; border-top:1px solid #0b92f1;}
.title3 .loc{float:right;font-size:12px;font-family:"Microsoft YaHei"; color:#333; margin-right:20px; line-height:50px; }
.title3 span{display:block; min-width:150px; color:#333; text-align:left; font-family:"Microsoft Yahei"; padding-left:25px;}

.title4{ width:100%; text-align:center; height:20px; font-size:18px; margin-top:15px; margin-bottom:15px; font-family:"Microsoft Yahei"; color:#0b92f1; }

.chanpin{width:1002px; margin:30px auto 0;}
.product{width:237px; float:left;}
.iprofenlei{color:#333; width:847px; margin:30px auto 0; height:24px; line-height:24px; border-left:1px #dedede solid;}
.iprofenlei a{ float:left; color:#333; padding:0px; font-size:14px; width:120px; text-align:center; border-right:1px #dedede solid;}
.iprofenlei a:hover{ text-decoration:underline; color:#0b92f1;}
.iprofenlei a.tabactive {position:relative;}

.fl {background:#fff; border-left:1px #cdcdcd dashed; border-right:1px #cdcdcd dashed; border-bottom:4px #0776ea solid; height:410px;}
.fl DL {LIST-STYLE-TYPE: none; width:180px; position:relative; z-index:30; margin-bottom:3px; margin:0 auto;}
.fl DT {HEIGHT:40px; border-bottom:1px #dddddd dotted; background:url(../img/san.jpg) 10px center no-repeat;}
.fl DT A {TEXT-ALIGN: left; LINE-HEIGHT: 40px; DISPLAY: block; COLOR: #333; font-size:14px; padding-left:50px;}
.fl DT A:visited {COLOR: #333;}
.fl DT a:hover {color:#0776ea;}

.fl2 {background:#fff; border:1px #cdcdcd dashed; padding-bottom:45px;}
.fl2 DL {LIST-STYLE-TYPE: none; width:200px; position:relative; z-index:30; margin-left:20px;}
.fl2 DT {HEIGHT:40px; border-bottom:1px #cdcdcd dashed; background:url(../img/san.jpg) 22px center no-repeat;}
.fl2 DT A {TEXT-ALIGN: left; LINE-HEIGHT: 40px; DISPLAY: block; COLOR: #333; font-size:14px; padding-left:50px;}
.fl2 DT A:visited {COLOR: #333;}
.fl2 DT a:hover {color:#0b92f1;}

.iprolist{width:723px; float:right;}
.iprolist ul li {MARGIN: 0px 0px 20px 13px; width:228px;  FLOAT: left;}
.iprolist ul li H2 { WIDTH:228px; HEIGHT: 166px; border:1px #cdcdcd solid; margin:0 auto;}
.iprolist ul li H2 A { WIDTH: 228px; DISPLAY: block; HEIGHT:190px;}
.iprolist ul li H2 IMG {VERTICAL-ALIGN: middle}
.iprolist ul li p {width:228px;text-align:center; height:24px; line-height:24px;}
.iprolist ul li p A {text-decoration:none; text-align:center; font-size:14px; display:block; COLOR: #333}
.iprolist ul li p A:visited {COLOR: #333}
.iprolist ul lip A:hover {color:#0776ea;}
.iprolist ul li p span{ float:left; color:#fff;}

.jianjie{width:100%; background:url(../img/ysbj.jpg) top center no-repeat; height:445px; margin-top:50px;}
.ijianjie{width:1002px; margin:0 auto; padding-top:57px;}
.jian{float:left; width:420px;}


.tit{background:#0776ea ; height:36px; }
.tit p{float:left; height:24px; line-height:24px; color:#fff; font-weight:normal; font-size:14px;  text-align:center; width:75px; border-left:#FFF 3px solid;  margin-left: 10px; display:block; margin-top:5px; }
.tit a{float:right; line-height:36px; color:#ffffff; padding-right:8px; font-size:12px; }
.tit a:hover{color:#0b92f1;}




.new{width:1002px; margin:10px auto 0; }
.about_us{float:left; width:309px; border:1px #cdcdcd dashed;height:240px;}
.news{float:left; width:303px; margin-left:20px; border:1px #cdcdcd dashed; height:240px; }
.jie{float:right;}
.jie p{font-size:12px; color:#333; line-height:24px; border-bottom:1px #fff solid; text-indent: 2em; padding:20px 10px 0 10px;}
.jie p a{color:#4d4d4d;}
.jie p a:hover{color:#0b92f1;}
.news2{float:right; width:349px;border:1px #cdcdcd dashed;height:240px; }




.inews{}
.inews ul{padding-top:20px; padding-left:10px; }
.inews ul li{background:url(../img/dian.jpg) left center no-repeat; height:24px; line-height:24px; padding-left:20px;}
.inews ul li a{float:left; font-size:12px; color:#333;  display:block; line-height:24px; display:block}
.inews ul li a:hover{color:#0776ea;}
.inews ul li span{float:right; font-size:12px; color:#666; line-height:30px;}

.rongyu{width:1002px; margin:50px auto 0;}
#demo1p {list-style: none outside none; overflow: hidden;width: 1000px; height:250px; margin:0 auto;}
#indemo1p {float: left;width: 800%;}
#demo1p1 {float: left;}
#demo1p2 {float: left;}
.top_14{margin-top:20px;}
.top_14 ul li{float:left;width:180px; _width:180px;margin:5px 10px 5px 10px; padding:5px 10px 5px 10px; text-align:center;}
.top_14 ul li h2{width:180px;height:180px;margin:0 auto;}
.top_14 ul li h2 a{width:180px;height:180px;border:#ddd solid 1px; display: table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:188px;*font-family:Arial;}
.top_14 ul li h2 img{vertical-align:middle;}
.top_14 ul li h3 a{color:#333;font-weight:normal; line-height:36px; display:block; font-size:14px;}
.top_14 ul li h3 a:hover{color:#0b92f1;}

.footer{width:100%; background:#0776ea; height:136px; margin-top:20px; padding:30px 0 0 0}
.footer p{text-align:center; color:#Fff; line-height:30px; font-size:14px;margin-top:30px;}
.foot{ width:100%; margin:0 auto;text-align:center; color:#fff; background:#fff;}
.foot a{color:#333; font-size:14px; padding:0 15px; line-height:35px;}
.foot a:hover{color:#666;}
.foot p {font-size:14px; margin-top:30px;}
.foot p a{color:#fff; font-size:14px;}
.foot p a:hover{color:#ffcc00;}

.lx2{ border-left:1px #0b92f1 solid; border-right:1px #0b92f1 solid; border-bottom:1px #0b92f1 solid; height:300px;
padding: 12px;}
.lx2 p{color:#333; line-height:24px;}

.content{}

.prolist {float:left; width:732px;}
.prolist ul li {MARGIN: 10px 8px 10px 5px; WIDTH:228px; FLOAT: left; }
.prolist ul li H2 {MARGIN: 0px auto; WIDTH: 228px; HEIGHT: 166px; border:1px #d0d0d0 solid; padding:1px;}
.prolist ul li H2 A {WIDTH:228px; DISPLAY: block; HEIGHT:166px; display: table-cell;text-align: center;
    vertical-align: middle;}
.prolist ul li H2 IMG {VERTICAL-ALIGN: middle}
.prolist ul li H3 {TEXT-ALIGN: center; LINE-HEIGHT: 30px; DISPLAY: block; COLOR: #666; FONT-SIZE: 12px; height:30px}
.prolist ul li H3 A {LINE-HEIGHT:30px; COLOR: #666; FONT-SIZE: 12px; FONT-WEIGHT: normal; font-family:"Microsoft Yahei";}
.prolist ul li H3 A:visited {COLOR: #666}
.prolist ul li H3 A:hover {COLOR: #0b92f1;}

.proinfo{ width:100%; height:250px;}
.proinfo_img{ float:left; width:300px; height:250px; border:1px #d0d0d0 solid;}
.proinfo_text{ width:700px; margin-top:10px; margin-bottom:30px;  border-bottom:1px #ccc solid;}
.proinfo_text h3{ color:#0b92f1;  font-size:24px; font-weight:bold; line-height:24px; font-family:"Microsoft YaHei"; text-align:center;}
.proinfo_text p{ margin:10px 0; color:#666; font-family:"Microsoft Yahei"; text-align:center;}
.pro_c{ width:700px; color:#666; margin-top:30px; padding-bottom:20px; border-top:1px #ccc solid; padding-top:18px;}

.news_list{ width:100%;}
.news_list li{ background:url(../img/dian.jpg) 7px center no-repeat; border-bottom:1px #cbcbcb dotted; line-height:30px; margin-top:8px;}
.news_list li a{color:#333; line-height:30px; padding-left:20px; display:block; font-family:"Microsoft Yahei";}
.news_list li a:hover{ color:#0b92f1}
.news_list li a span{ float:right;}

.preNext{position:relative;background:url(../img/news_con.jpg) left top no-repeat; padding-top:10px; margin-top:10px;}
.preNext .line{height:10px;overflow:hidden;clear:both;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;float:left;}
.preNext .text{color:#999;}
.preNext .text a:hover{color:#0b92f1; text-decoration:underline;}

.page_list{height:20px;line-height:20px;text-align:center;letter-spacing:0;;font-size:12px;margin-top:20px; border:none !important; float:right}
.page_list ul li{float:left;}
.page_list a{display:inline-block;color:#aaa;border:1px solid #aaa;background:#fff;text-align:center;margin:0 1px; width:auto; height:20px; padding:0px 6px;font-family:"Microsoft Yahei";}
.page_list a:hover{color:#fff;border:1px solid #0b92f1;background:#0b92f1;}
.page_list a.on{color:#fff;border:1px solid #0b92f1;background:#0b92f1;}