/* 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:16px;}img{border:0;}ul,li{list-style-type:none;}



a{color:#333;text-decoration:none; font-family:"Microsoft YaHei";}



a:hover{color:#2e8ae6;}



.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; border-bottom:1px #d0d0d0 solid; }



.top{ width:1002px; height:29px; line-height:29px; color:#2e8ae6; margin:0 auto;}



.top form{ float:right; color:#333; margin-top: 5px}

.top input{ float: left }

.top button{ float: left; }

.top .btn{ line-height: 16px; width:40px;  float: left }

.top .btn span{ text-align: center; }



.topnav{width: 380px; float:right; }



.topnav a{ line-height:29px; padding:0 5px;}







.header{ width:100%; height:115px; background: #fff;}



.header2{ width:1000px; margin:0px auto;}



.logo{ float:left; margin-top:20px}



.toptel{ float:right;margin-top:25px; margin-right: 20px;}







/*�����˵�*/


.menu {
	height: 51px;
	background: #2e8ae6;
    border-bottom:1px solid #FFF;
}
.navbar {
	width: 1002px;
	margin: 0 auto;
}
.menu>ul>li {
	float: left;
	background: #2e8ae6;
}
.menu>ul>li>a {
	width: 140px;
	line-height: 51px;
	text-align: center;
	font-size: 15px;
	display: block;
	color: #fff;
}
.menu>ul>li>a:hover {
	background: #1774D0;
	color: #fff;
}


.menu .li_last {
background: none;
}





/*�õ�Banner*/



.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 {line-height: 14px; background: none repeat scroll 0 0 #2e8ae6; border: 1px solid #2e8ae6; 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*/



.main{ width:100%; margin:0 auto;}



.imain{width:1000px; margin:30px auto;}



.left{ float:left; width:220px;}



.right{float:right; width:730px;}







.qq{width:1000px; margin:40px auto 0;}


.youshi4 {width:100%; height:1426px; background:url(../images/youshi.png) no-repeat center top; margin-top:40px;position:relative;float:left;}

.youshi4 .wz1 {background:url(../images/wz1.jpg) no-repeat center center; height:364px;margin:148px 0 0 0;position:relative;}
.nr1 {position:absolute;top:200px;left:50%;margin:0 0 0 53px;}
.nr1 p {background:url(../images/yq.png) no-repeat left center;padding:0 0 0 25px;font-size:14px;width:390px;height:27px;margin-bottom:40px;}

.youshi4 .wz2 {background:url(../images/wz2.jpg) no-repeat center center; height:298px;margin:0px 0 0 0;position:relative;}
.nr2 {position:absolute;top:160px;left:50%;margin:0 0 0 -415px;}
.nr2 p {background:url(../images/yq.png) no-repeat left center;padding:0 0 0 25px;font-size:14px;width:390px;height:27px;margin-bottom:40px;}

.youshi4 .wz3 {background:url(../images/wz3.jpg) no-repeat center center; height:309px;margin:0px 0 0 0;position:relative;}
.nr3 {position:absolute;top:160px;left:50%;margin:0 0 0 53px;}
.nr3 p {background:url(../images/yq.png) no-repeat left center;padding:0 0 0 25px;font-size:14px;width:390px;height:27px;margin-bottom:40px;}

.youshi4 .wz4 {background:url(../images/wz4.jpg) no-repeat center center; height:310px;margin:0px 0 0 0;position:relative;}
.nr4 {position:absolute;top:135px;left:50%;margin:0 0 0 -415px;}
.nr4 p {background:url(../images/yq.png) no-repeat left center;padding:0 0 0 25px;font-size:14px; margin-bottom: 15px;}

.zgdej{float:right;position:absolute;top:20px;left:120px;}
.mbxdh{float:right;font-size:12px;font-weight:normal;padding: 15px 15px;}







.tit{border-bottom: 3px #2e8ae6 solid; height:32px; }



.tit p{float:left; display: block; width: 87px; height: 32px; line-height: 35px; background: #2e8ae6; color: #fff; font-weight: normal; font-size: 18px; text-align: center; }



.tit a{float:right; line-height:35px; }



.tit a:hover{color:#ffcc00;}

.tit span{line-height: 35px; color: #a9a9a9; font-size: 18px; padding-left: 10px;}







.tu {float:left; width:190px; margin:20px 10px;}







.about{ float:left; width:480px;}



.iabout{ margin:13px auto;}



.iabout p{ font-size:12px; font-family:"Microsoft YaHei";  line-height:29px; color:#333;}



.youlian{width:1000px;  margin:12px auto;}
.youlian span{float: left;}
.youlian ul{}
.youlian ul li{float: left; padding-left: 5px; }
.youlian ul li a{ }
.youlian ul li a:hover{color:#2e8ae6;}


.rongyu{width:1000px; margin:20px 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:15px;}



.top_14 div{float:left;width:180px; _width:180px;margin:5px 10px 5px 10px; padding:5px 10px 5px 10px; text-align:center;}



.top_14 h2{width:180px;height:180px;margin:0 auto;}



.top_14 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 h2 img{vertical-align:middle;}



.top_14 h3 a{color:#333;font-weight:normal; line-height:36px; display:block; font-size:14px;}



.top_14 h3 a:hover{color:#2e8ae6;}















#wrapper{margin-top:40px;text-align:center;}



.overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0,0,0,0.5); /*dim the background*/ text-align:center;  display:none;}



#overlay_pic {margin:200px auto; width:400px;  box-shadow: 10px 10px 5px #000;}



.jscarousal{width:1000px;height: 180px;margin:0 auto;padding: 0;position: relative; }



.jscarousal .jscarousal-left, .jscarousal .jscarousal-right{float: left;	width: 23px;height: 98px;background-color: #121212;color: White;position: relative;	top:30px;	cursor: pointer;}



.jscarousal .jscarousal-left{background-image: url(../images/left_arrow.jpg);background-repeat: no-repeat;background-position: left;}



.jscarousal .jscarousal-right{background-image: url(../images/right_arrow.jpg);background-repeat: no-repeat;	background-position: right;}



.jscarousal-contents{width:954px;height:180px;float: left;position: relative;overflow: hidden; margin:0 auto;}



.jscarousal-contents > div{position: absolute;width: 100%;height: 180px;}



.jscarousal-contents > div > div{float: left;margin-left:40px;	margin-right:30px; padding:2px; border: solid 1px #dedede;}



.jscarousal-contents img{width: 113px;height: 160px;	}



.hidden{display: none;}



.visible{display: block;}



.thumbnail-active{filter: alpha(opacity=100);opacity: 1.0;cursor: pointer;}



.thumbnail-text{color: #7A7677;	font-weight: bold;text-align: left;	display: block;	padding: 10px 2px 2px 0px;}















.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:#2e8ae6;}



.iprofenlei a.tabactive {position:relative;}







.iprolist{width:780px; float:left; height: 439px;}



.iprolist DIV {MARGIN: 0px 0px 20px 33px; width:225px;  FLOAT: left;}



.iprolist H2 { WIDTH: 240px; HEIGHT: 180px; border:1px #ccc solid; margin:0 auto;}



.iprolist H2 A { WIDTH: 240px; DISPLAY: block; HEIGHT: 200px;}



.iprolist H2 IMG {VERTICAL-ALIGN: middle}



.iprolist p {width:227px;  text-align:center;  height:30px; line-height:30px;  position:relative; }



.iprolist p A {text-decoration:none; text-align:center; font-size:14px; display:block;}



.iprolist p A:visited {COLOR: #333}



.iprolist p A:hover {color:#ffcc00;text-decoration:underline;}



.iprolist p span{ float:left; color:#333;}















.title1{width:216px; background:#2e8ae6; height:80px; background: url(../images/left.jpg) left top no-repeat;}



.title1 h3{ font-size:24px; color:#F1F1F1; font-weight:normal; text-align:left;  padding-left:30px; line-height:110px;} 







.fl {background:#fff; border-left:2px #2e8ae6 solid; border-right:2px #2e8ae6 solid; border-bottom:2px #2e8ae6 solid;}



.fl DL {LIST-STYLE-TYPE: none; width:212px; position:relative; z-index:30; margin-bottom:0px;}



.fl DT {HEIGHT:55px;  width:180px; margin:0px auto; border-bottom:1px #dddddd solid; background:url(../images/flbj.jpg) 22px center no-repeat;}



.fl DT A {TEXT-ALIGN: left; LINE-HEIGHT: 55px; DISPLAY: block; COLOR: #333; font-size:14px; padding-left:40px;}



.fl DT A:visited {COLOR: #333;}



.fl DT a:hover {color:#2e8ae6;}







.lx{background:#2e8ae6; padding:17px;}



.lx p{color:#fff; line-height:31px;}







.lx2{ border-left:2px #2e8ae6 solid; border-right:2px #2e8ae6 solid; border-bottom:2px #2e8ae6 solid; margin-top:5px; word-break: break-all;}



.lx2 p{color:#333; line-height:24px; padding:15px;}







.news{float:right; width:480px;}



.inews{width:480px; margin:12px auto;}



.inews ul{}



.inews ul li{background:url(../images/tit.jpg) left center no-repeat; height:33px; line-height:30px; border-bottom:1px #cecece solid;}



.inews ul li a{width: 150px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float:left; font-size:12px; color:#333; padding-left:25px; display:block; line-height:30px;}



.inews ul li a:hover{color:#2e8ae6; text-decoration:underline; }



.inews ul li span{float:right; font-size:12px; color:#333; line-height:30px;}







.news2{float:right; width:313px;}







.title {border-bottom:1px #2e8ae6 solid; HEIGHT: 26px; margin:0 10px 10px 10px;}



.title H2 {LINE-HEIGHT: 24px; COLOR: #2e8ae6; FONT-SIZE:16px ;FONT-WEIGHT: normal}







.title2{ height:50px; line-height:50px;width:220px; padding-left:10px; color:#fff; font-size:18px; font-family:"Microsoft Yahei";  }



.title2 span{ margin-left:10px; color:#fff; font-size:12px}



.title3{ height:50px; color:#333; font-size:18px; font-family:"Microsoft YaHei";  line-height:50px; background:#f1f1f1; margin-bottom:10px;}



.title3 .loc{float:right;font-size:12px;font-family:"Microsoft YaHei"; color:#333; margin-right:20px; line-height:50px; }



.title3 span{display:block; width:200px; background:#2e8ae6; color:#fff; text-align:center; font-family:"Microsoft Yahei"; height: 50px;}



.content{padding:10px 10px 20px 10px ;}







.title4{ width:100%; text-align:center; margin-top:15px; margin-bottom:15px; font-family:"Microsoft Yahei"; color:#2e8ae6;font-size: 10px; }







.inews_list{ width:100%;}



.inews_list li{ background:url(../images/dian.png) 7px center no-repeat; border-bottom:1px #cbcbcb solid; line-height:30px;}



.inews_list li a{color:#333; line-height:30px; padding-left:20px; font-family:"Microsoft Yahei";}



.inews_list li a:hover{ text-decoration:underline; color:#2e8ae6}



.inews_list li a span{ float:right;}







.news_list{ width:100%;}



.news_list li{ background:url(../images/dian.png) 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:#2e8ae6}



.news_list li a span{ float:right;}











.icontact_title{ height:35px; line-height:35px; padding-left:10px; width:262px; color:#fff; background:url(../images/icontact.jpg) left top no-repeat; font-size:18px;font-family:"Microsoft YaHei";}



.icontact_title span{ font-size:12px; color:#eee; padding-left:6px;}



.icontact_text{ padding:15px; background:#f8f8f8}







.contact{width:230px; height:160px; margin-top:15px;}



.contact_title{ height:35px; line-height:35px; padding-left:10px; width:220px; color:#fff; background:url(../images/icontact.jpg) left top no-repeat; font-size:18px;font-family:"Microsoft YaHei";}



.contact_title span{ font-size:12px; color:#eee; padding-left:6px;}



.contact_text{ padding:15px; background:#f8f8f8}







.iproduct{ width:1002px; margin:0 auto;}



.iproduct p{ margin-bottom:15px; }



.iproductlist DIV {WIDTH: 143px; FLOAT: left; }



.iproductlist H2 {MARGIN: 0px auto; WIDTH: 123px; HEIGHT: 96px;  border:1px #2e8ae6 solid;;}



.iproductlist H2 A {TEXT-ALIGN: center; WIDTH: 123px; DISPLAY: block;  HEIGHT: 96px; font-family:"Microsoft Yahei";}



.iproductlist H2 IMG {VERTICAL-ALIGN: middle}







.prolist {float:left;}



.prolist DIV {MARGIN: 0px 8px 10px 8px; WIDTH:220px; FLOAT: left; }



.prolist H2 {MARGIN: 0px auto; WIDTH: 220px; HEIGHT: 220px; border:1px #d0d0d0 solid; padding:1px;}



.prolist H2 A {WIDTH:220px; DISPLAY: block; HEIGHT:220px;  }



.prolist H2 IMG {VERTICAL-ALIGN: middle}



.prolist H3 {TEXT-ALIGN: center; LINE-HEIGHT: 30px; DISPLAY: block; COLOR: #666; FONT-SIZE: 12px; height:30px}



.prolist H3 A {LINE-HEIGHT:30px; COLOR: #666; FONT-SIZE: 12px; FONT-WEIGHT: normal; font-family:"Microsoft Yahei";}



.prolist H3 A:visited {COLOR: #666}



.prolist H3 A:hover {COLOR: #2e8ae6;}







.prolist2 {float:right; width:732px;}



.prolist2 DIV {MARGIN: 0px 6px 10px; WIDTH: 170px; FLOAT: left; }



.prolist2 H2 {MARGIN: 0px auto; WIDTH: 165px; HEIGHT: 123px; border:1px #d0d0d0 solid;}



.prolist2 h2:hover{ border:1px #2e8ae6 solid;}



.prolist2 H2 A { WIDTH: 165px; DISPLAY: block; HEIGHT: 123px; }



.prolist2 H2 IMG {VERTICAL-ALIGN: middle}



.prolist2 H3 {TEXT-ALIGN: center; LINE-HEIGHT: 30px; DISPLAY: block; COLOR: #666; FONT-SIZE: 12px; height:30px}



.prolist2 H3 A {LINE-HEIGHT:30px; COLOR: #666; FONT-SIZE: 12px; FONT-WEIGHT: normal; font-family:"Microsoft Yahei";}



.prolist2 H3 A:visited {COLOR: #666}



.prolist2 H3 A:hover {COLOR: #2e8ae6;LINE-HEIGHT: 28px;}







.proinfo{ width:100%; height:250px;}



.proinfo_img{ float:left; width:300px; height:250px; border:1px #d0d0d0 solid;}



.proinfo_text{ width:700px; margin-top:10px;}



.proinfo_text h1{ color:#2e8ae6; border-bottom:0px #2e8ae6 solid; height:40px; font-size:24px; font-weight:normal; line-height:35px; font-family:"Microsoft YaHei"; text-align: center;}

.proinfo_text h3{ color:#2e8ae6; border-bottom:0px #2e8ae6 solid; height:40px; font-size:24px; font-weight:normal; line-height:35px; font-family:"Microsoft YaHei"; text-align: center;}

.proinfo_text p{ margin:10px 0; color:#666; font-family:"Microsoft Yahei";}



.pro_c{ width:700px; color:#666px; margin-top:15px; background:url(../images/box_dotline.gif) left bottom no-repeat; padding-bottom:20px;}







/*��ҳ��ʽ*/



.page_info{text-align:center;margin-top:10px;color:#aaa;}



.page_info span{padding:0 2px;font-weight:bold;}





.pagination {



    clear: both;



    margin: 10px 0;



    text-align: center;



}



.pagination li {



    display: inline-block;



}



.pagination li a {



    display: block;



    padding: 4px 12px;



    background-color: #fcfcfc;



    border: 1px solid #eeeeee;



}



.pagination li + li a {



    border-left: none;



}



.pagination li.active a,



.pagination li a:hover {



    background-color: #2e8ae6;



    color: #ffffff;



}















.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:#2e8ae6; text-decoration:underline;}







.links{ width:1002px; margin:0 auto; color:#666;}



.links a{ padding:0 10px; color:#666;}



.links a:hover{ text-decoration:underline;}







.footer{width:100%;     background: url(../images/dibubg.png) repeat-x; height:130px; margin-top:10px; padding:30px 0 0 0}



.foot{ width:1000px; margin:0 auto;text-align:center; color:#fff;}



.foot a{color:#fff; font-size:14px; padding:0 5px;}



.foot a:hover{color:#ffcc00;}



.foot p {font-size:14px; margin-top:30px;}



.foot p a{color:#fff; font-size:14px;}



.foot p a:hover{color:#ffcc00;}



/*Top��ť*/



*html{background-image:url(about:blank);background-attachment:fixed;}/*���IE6�¹�������������*/



.tbox{width:50px;float:right;position:fixed;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*���IE6�²����� position:fixed ������*/



.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}







.ys{width:100%; height:170px; margin-top:40px; background:url(../images/ys.jpg) no-repeat top center;}











.comment_list {PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 0px}



.comment_list UL {LIST-STYLE-TYPE: none}



.comment_list LI {PADDING-BOTTOM: 6px; LINE-HEIGHT: 18px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 6px; border-bottom:1px dotted #ccc}



.comment_list LI A {PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; PADDING-LEFT: 25px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(../images/dian.png) no-repeat 10px center; COLOR: #333; PADDING-TOP: 0px}



.comment_list LI A:visited {COLOR: #333}



.comment_list LI A:hover {COLOR: #2e8ae6;}







.prob_list2 {PADDING-BOTTOM: 10px}



.prob_list2 .cn2 {TEXT-ALIGN: center; WIDTH: 140px; FLOAT: left; margin:10px 10px 5px 15px;}



.prob_list2 .cn2 H2 {	MARGIN: 0px auto 8px; WIDTH: 140px; HEIGHT: 140px}



.prob_list2 .cn2 H2 A {BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ccc 1px solid; WIDTH: 140px; display:table-cell;*DISPLAY: block; *FONT-FAMILY: Arial; BACKGROUND: #ffffff; HEIGHT: 140px; *FONT-SIZE: 122px; VERTICAL-ALIGN: middle; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid}



.prob_list2 .cn2 H2 IMG {VERTICAL-ALIGN: middle}



.prob_list2 .cn2 SPAN {LINE-HEIGHT: 18px; DISPLAY: block; COLOR: #333}



.prob_list2 .cn2 SPAN A {LINE-HEIGHT: 18px; COLOR: #333}



.prob_list2 .cn2 SPAN STRONG {LINE-HEIGHT: 18px}



.prob_list2 .cn2 SPAN A:hover {COLOR: #2e8ae6}



.form-group{ width:650px; margin:0 auto; clear:both; padding:12px 0;} 
.form-group label{ float:left;} 
.form-control{ float:left; width:500px; border:1px #ddd solid; height:30px; line-height:30px;} 
.form-control-c{ float:left; width:500px; border:1px #ddd solid; height:100px; line-height:30px;} 
.form-control-y{ float:left; width:100px; border:1px #ddd solid; height:30px; line-height:30px;} 
.form-sub{ width:560px; height:30px; color:#fff; background:#2E8AE6; border:none;}

.fl dl dd {position: absolute; top: 0px; left:210px;display: none; width:130px; height:auto; background: #fff; border: 1px solid #d6dbe1; box-shadow: -1px 1px 6px rgba(0, 0, 0, .3); z-index:999;}
.fl dl dd ul {padding:15px 0px 26px;}
.fl dl dd ul li{float:left; width:100px; padding:0 15px; line-height:22px;background:url(../images/icon_list_2.jpg) no-repeat 15px center;}
.fl dl dd ul li a{display: block; padding:6px 0px 6px 0px; border-bottom: 1px dotted #ccc;}
.fl dl dd ul li a:hover{color:#00559d;}
.fl dl:hover dd {display: block;}

.adv2 {background: url(../images/adv2.jpg) center no-repeat; height:90px;position:relative; margin-top: 30px;}