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

*{margin:0;padding:0;}
body{margin:0;padding:0;font-size:14px;line-height:24px;font-family:Arial,"Microsoft YaHei";-webkit-text-size-adjust:none; background:#f5f6f8 }
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:16px;}img{border:0;}ul,li{list-style-type:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
a{color:#333;text-decoration:none; font-family:"Microsoft YaHei";}
a:hover{color:#474F57; }
.clear {LINE-HEIGHT: 0px; CLEAR: both}
.folat_left{ float:left}
.folat_right{ float:right}
.swidth{ width:1100px; margin:0 auto}
ul li{ list-style:none;}
.mt40{ margin-top:40px;}
.m130{ margin-left:30px;}
.topl{ width:425px; color:#626262}
.topa{ width:260px;}
.topa a{ padding-left:20px; padding-right:20px; color:#000}
.topa a:hover{ color:#ff7602}
.topbg{ height:40px; line-height:40px; border-bottom:1px solid #ccc; background:#fff}
.headbg{ height:70px; width:1100px; margin:30px auto;}
/*.navbg{ width:100%; height:50px; background:url(../images/navbg.jpg);}
.djnav li{ width:122px; height:50px; line-height:50px; font-size:14px; float:left; text-align:center}
.djnav li a{ color:#fff; width:122px; height:50px; display:block}
.djnav li a:hover{ background:url(../images/hoverbg.jpg) no-repeat}*/

.djprobg{ width:463px; height:79px; background:url(../images/probg.png) no-repeat; margin:0 auto}
.djprolist li{ float:left; width:254px; height:370px; margin-left:87px; margin-top:20px;}
.djprolist li img{ width:254px; height:252px;}
.djproname{ width:254px; height:40px; text-align:center; line-height:40px; background:url(../images/djprobg.jpg) no-repeat;}
.djproname a{ color:#444; font-size:18px; font-weight:bold;}
.djpromore{ width:150px; height:54px; background:#0b9be3; line-height:54px; text-align:center; font-size:16px; margin:10px auto}
.djpromore a{ color:#fff; width:150px; height:54px; display:block;}
.djpromore a:hover{ background:#ff7602}
/* 大图*/
.banner { position:relative; height:500px;}
.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 #0a68b6; border: 1px solid #0a68b6; 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:500px; 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:220px; }
.right{float:right; width:730px;}

.title1{width:220px; background:url(../images/titbj.jpg) left top repeat-x; height:80px;}
.title1 h3{ font-size:18px; color:#fff; font-weight:bold; text-align:left;  padding-left:30px; padding-top:20px;} 
.title1 span{font-size:12px; color:#fff;text-align:left;  padding-left:30px; text-transform:Uppercase;}

.title12{background:url(../images/titbj.jpg) left top repeat-x; height:48px;}
.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 #0a68b6; border-top:1px solid #0a68b6;}
.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:#0a68b6; }

.chanpin{width:1000px; margin:30px auto 0;}
.product{width:220px; 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:#0a68b6;}
.iprofenlei a.tabactive {position:relative;}

.fl {background:#fff; border-left:2px #bbbbbb solid; border-right:2px #bbbbbb solid; border-bottom:8px #004986 solid;}
.fl DL {LIST-STYLE-TYPE: none; width:212px; position:relative; z-index:30; margin-bottom:3px;}
.fl DT {HEIGHT:45px; border-bottom:1px #dddddd solid; background:url(../images/san.jpg) 22px center no-repeat;}
.fl DT A {TEXT-ALIGN: left; LINE-HEIGHT: 45px; DISPLAY: block; COLOR: #333; font-size:14px; padding-left:50px;}
.fl DT A:visited {COLOR: #333;}
.fl DT a:hover {color:#0a68b6;}

.fl2 {background:#fff; border-left:2px #0B68B6 solid; border-right:2px #0B68B6 solid;}
.fl2 DL {LIST-STYLE-TYPE: none; width:212px; position:relative; z-index:30; margin-bottom:3px;}
.fl2 DT {HEIGHT:40px; border-bottom:1px #dddddd solid; background:url(../images/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:#0a68b6;}

.iprolist{width:720px; float:right; border:1px solid #cccccc; padding-top:13px; padding-right:20px;}
.iprolist ul li {MARGIN: 0px 0px 0px 20px; width:220px;  FLOAT: left;}
.iprolist ul li H2 {WIDTH: 220px; HEIGHT: 200px; text-align:center; display: table-cell;vertical-align:middle; border:1px solid #ccc;}
.iprolist ul li p {width:220px;text-align:center; height:41px; line-height:41px;}
.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:#0a68b6;}
.iprolist ul li p span{ float:left; color:#fff;}
.iprolist ul li img{ max-width:220px;  max-height:200px; vertical-align:middle; }

.jianjie{width:100%; background:#0a68b6 url(../images/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; margin-top:70px;}
.jie{float:right;  height:342px; width:550px;}
.jie p{margin-top:80px; font-size:12px; color:#fff; line-height:30px; border-bottom:2px #fff solid; padding-bottom:20px;text-indent: 2em;}
.jie p a{color:#fff;}
.jie p a:hover{color:#fc0;}

.tit{background:#dddddd ; height:36px; }
.tit p{float:left; height:36px; line-height:36px; color:#fff; font-weight:normal; font-size:16px;  text-align:center; width:120px; display:block; background:#0a68b6}
.tit a{float:right; line-height:36px; color:#333; padding-right:8px; font-size:12px; }
.tit a:hover{color:#0a68b6;}

.new{width:1002px; margin:50px auto 0;}
.news{float:left; width:470px;}
.news2{float:right; width:470px;}

.inews{padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;}
.inews p{background:url(../images/dian.jpg) left center no-repeat; height:30px; line-height:30px; font-size:14px; text-indent:2em;}
.inews ul li{background:url(../images/dian.jpg) left center no-repeat; height:30px; line-height:30px;}
.inews ul li a{float:left; font-size:14px; color:#333; padding-left:25px; display:block; line-height:30px; display:block}
.inews ul li a:hover{color:#0a68b6;}
.inews ul li span{float:right; font-size:12px; color:#666; line-height:30px;}



.lx2{ border-left:2px #0a68b6 solid; border-right:2px #0a68b6 solid; border-bottom:2px #0a68b6 solid;
padding: 8px;}
.lx2 p{color:#333; line-height:24px;}

.content{padding:10px 10px 20px 10px ; font-size:14px;}
.content p{ line-height:28px;}
.prolist {float:left;}
.prolist ul li {MARGIN: 0px 8px 10px 8px; WIDTH:220px; FLOAT: left; }
.prolist ul li H2 {MARGIN: 0px auto; WIDTH: 220px; HEIGHT: 220px; border:1px #d0d0d0 solid; padding:1px;}
.prolist ul li H2 A {WIDTH:220px; DISPLAY: block; HEIGHT:220px; display: table-cell;text-align: center;
    vertical-align: middle;}
.prolist ul li H2 IMG {VERTICAL-ALIGN: middle; max-height:220px; max-width:220px;}
.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: 16px; FONT-WEIGHT: normal; font-family:"Microsoft Yahei";}
.prolist ul li H3 A:visited {COLOR: #666}
.prolist ul li H3 A:hover {COLOR: #0a68b6;}

.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:#0a68b6;  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;font-size:16px;line-height:34px;}

.news_list{ width:100%;}
.news_list li{ background:url(../images/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:#0a68b6}
.news_list li a span{ float:right;}

.preNext{position:relative;background:url(../images/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:#0a68b6; text-decoration:underline;}


.page_info{text-align:center;margin-top:10px;color:#aaa;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:20px;line-height:20px;text-align:center;letter-spacing:0;;font-size:12px;margin-top:20px; border:none !important;}
.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 #025fbf;background:#025fbf;}
.page_list a.on{color:#fff;border:1px solid #025fbf;background:#025fbf;}
.pagination li{float:left;}
.preNext{position:relative;background:url(../images/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:#025fbf; text-decoration:underline;}
/*****************样式******************/

/*****************滚动产品******************/
#demo1p {overflow: hidden;width: 1100px; height:260px; margin:20px auto;}
#indemo1p {float: left;width: 800%;}
#demo1p1 {float: left;}
#demo1p2 {float: left;}
.top_14{margin-top:20px;}
.top_14 ul li{float:left;width:206px; _width:206px;margin:5px 10px;  text-align:center;}
.top_14 ul li h2{width:206px;height:206px;margin:0 auto;}
.top_14 ul li h2 a{width:206px;height:206px;border:#ddd solid 1px; display: table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:188px;*font-family:Arial;}
.top_14 p{ width:206px; line-height:35px; font-size:14px;}
.top_14 p a{ color:#222;}
.top_14 ul li h2 img{vertical-align:middle; max-width:206px;  max-height:206px;}


.djabout{ width:100%; border-top:1px solid #a2a2a2;}
.djaboutbg{ width:431px; height:79px; background:url(../images/about.png) no-repeat; margin:30px auto}
.djabouimg{ width:513px; height:169px; background:url(../images/abimg.jpg) no-repeat;}
.djabtxt{ width:316px; height:39px; background:url(../images/aboutbg.png) no-repeat; line-height:39px; text-indent:1.5em; color:#fff; margin-top:10px; font-size:18px;}
.djabcon{ width:543px;}
.djabcon p{ text-indent:2em; line-height:24px; font-size:14px;}
.djabmore{ width:131px; height:44px; line-height:44px; font-size:16px; background:#ff7602; text-align:center; margin:30px auto}
.djabmore a{ color:#fff;}

.djlist{ width:100%; height:438px; background:#008cda}
.djnewsbg{ width:492px; height:129px; background:url(../images/newsbg.png) no-repeat 0 50px; margin:0 auto; }
.djnewsimg{ width:524px; height:217px; background:url(../images/aboutimg.png) no-repeat; margin-top:20px;}
.djnewslist{ width:490px; margin-top:20px;}
.djnewslist ul li{ height:32px; line-height:32px; border-bottom:1px dotted #fff; font-size:14px; color:#fff;}
.djnewslist ul li a{ color:#fff;}
.djnewslist ul li a:hover{ color:#fff719}
.djnewslist ul li span{ float:right}

.djys{ width:447px; height:86px; background:url(../images/ysbg.png) no-repeat; margin:30px auto}
.djysbg1{ width:1100px; height:422px; background:url(../images/ys1.jpg) no-repeat; margin:0 auto}
.djysbg2{width:1100px; height:435px; background:url(../images/ys2.jpg) no-repeat; margin:0 auto}

.djlmbg{ height:112px; background:#008cda; width:100%;}
.djlmbg1{ height:112px; background:url(../images/ys3.jpg) no-repeat; margin:0 auto; width:1100px;}
.ftlink{ width:100px; border-right:5px solid #008cda; height:30px; line-height:30px; font-size:24px; color:#000; font-weight:bold; margin-top:30px; margin-bottom:30px;}
.ftlinktxt{ width:860px; margin-left:20px; font-size:14px; line-height:90px;}
.ftlinktxt a{ color:#000; padding-left:10px; padding-right:10px;}
.ftcon{ width:100%; border-top:1px solid #9f9f9f; height:145px; margin-top:30px;}
.ftmain{ width:1220px; margin:0 auto}
.ftcon h2{ line-height:40px; color:#4c4c4c}
.fttxtl h1{ line-height:40px; color:#008cda; margin-top:20px;}
.fttxtl p{ line-height:30px;}
.ftmain{}
.ftlx{ width:610px; margin-left:30px;}
.ftlx li{ font-size:14px; color:#4c4c4c; font-size:14px; list-style:square; float:left; width:300px; line-height:30px;}
.ftrwmbg{ width:100px; height:120px; background:url(../images/rwm.jpg) no-repeat 0 20px;}
.fttongji a{padding-right:40px; float:left;}

.provimg{width:400px; margin:0 auto; border:1px #dedede solid; padding:5px;}
.provimg img{ max-width:400px; max-height:800px;}


ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 1100px;
	list-style: none;
	position: relative;
	font-size: 14px;
}

ul#topnav li span {
	float: left;

	position: absolute;
top:50px;
	display: none;
	background:url(../images/cio.png);
	color: #fff;
	padding-left:20px;
	padding-right:20px;
	
}
ul#topnav li:hover span { display: block; height:50px; line-height:50px; text-align:left}
ul#topnav li span a { display: inline; padding-left:10px; padding-right:10px;height:50px; }
ul#topnav li span a:hover {text-decoration: underline; background:none;}
.navbg{ width:100%; height:50px; background:url(../images/navbg.jpg); position:relative; z-index:9;}
.djnav li{ width:110px; height:50px; line-height:50px; font-size:14px; float:left; text-align:center}
.djnav li a{ color:#fff; width:110px; height:50px; display:block}
.djnav li a:hover{ background:url(../images/hoverbg.jpg) no-repeat}

.cnbg{ height:40px; background:url(../images/cn.jpg) no-repeat; width:80px; display:block; text-indent:2em; font-size:15px; color:#000; float:left; margin-top:3px;}
.enbg{ height:40px; background:url(../images/en.jpg) no-repeat; width:80px;  display:block;text-indent:2em; font-size:15px; color:#000; float:left;margin-top:3px;}
#dituContent{ width:700px !important;}