@charset "utf-8";
/* CSS Document */
body,ul,ol,h1,h2,h3,h4,h5,h6,form,ul,li,p,input,select,legend,textarea,dl,dd,dt,fieldset,table,th,td{margin:0; padding:0;}
body{ color:#333; margin:0 auto; font-family:Arial; font-size:14px; min-width:1000px; background:#f8f8f8;}
ul,li{list-style:none;}
i, em{ font-style: normal;}
a{text-decoration:none;}
img{border:none;}
.c{clear:both;}
.f_l{float:left;}
.f_r{float:right;}
.col_a{ color:#007339;}

/*消除浏览器黄框*/
input, textarea,button{ outline:none;}
/*为了消除选中时的虚线框*/
a:active{/*设置为只在标签激活时候处理，提高效率*/
	bblr:expression(this.onFocus=this.blur());/*IE使用*/	
}
a {
outline-style:none;
}

/*top*/
.header{ background:url(../images/top_bg.png) repeat-x; height:160px; display:block; color:#fff;}
.m_wrap{ width:1000px; margin:0 auto;}
.top_box{ height:40px; line-height:40px; font-size:12px;}
.top_box a{ color:#fff;}
.top_box a:hover{ text-decoration:underline;}
.logo{ padding:18px 0 0 0; float:left; display:block;}
.tel{ float:right; margin-top:18px;}

/* nav */
.ddsmoothmenu{line-height:50px;position:relative;z-index:99999;width:1000px;margin:0 auto; height:50px;}
.ddsmoothmenu ul{zoom:1;padding-right: 0;padding-left: 0px;z-index: 100;float: left;padding-bottom: 0px;margin: 0px;padding-top: 0px;list-style-type: none}
.ddsmoothmenu ul li{display: block; float:left;position:relative;}
html .ddsmoothmenu ul li{float: left;position: relative; font-size:16px;}
.ddsmoothmenu ul li a{ color:#666; display:block; width:125px;text-align:center;}
.ddsmoothmenu ul li:hover > a,.ddsmoothmenu ul li.on > a{ color:#fff; background: url(../images/nav_bg.jpg) repeat-x #0068b1;}
.ddsmoothmenu ul li ul{left: 0px;visibility: hidden;position: absolute;}
.ddsmoothmenu ul li ul li{background:#f6f3f3;float: left;line-height: 20px; font-size:14px;font-weight:normal;}
.ddsmoothmenu ul li ul li a{display: block;width:125px;text-decoration: none;padding:6px 0; background:#0068b1; color:#fff;}
.ddsmoothmenu ul li ul li a:hover{background: #fff; color:#333;}
.ddsmoothmenu ul li ul li ul{top: 0px;}
.downarrowclass{display: none;position: absolute}
.rightarrowclass{display: none;position: absolute}
.ddshadow{background: silver;left: 0px;width: 0px;position: absolute;top: 0px;height: 0px}
.toplevelshadow{opacity: 0.8}


/*banner*/
.box{width: 100%;height: 380px; background-position:top center; background-repeat:no-repeat;}
.slider{position: relative;width: 100%;height: 380px;overflow: hidden; margin-bottom:32px;}	
.slides {height: 100%;overflow: hidden;
		/**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
		-webkit-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;

		/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
.slide{height: 100%;float: left;clear: none;}
.slider-arrows{ display:none;}/*左右箭头*/
.slider-arrow{position: absolute;display: block;margin-bottom: -20px;padding: 20px;}
.slider-arrow--right{bottom: 50%;right: 30px;}
.slider-arrow--left{bottom: 50%;left: 30px;}
.slider-nav{position: absolute;bottom: 16px;}
.slider-nav__item{width: 30px;height: 10px;float: left;clear: none;display: block;margin: 0 5px;background: #e3e2e2;}
.slider-nav__item:hover{background: #0071bf;}
.slider-nav__item--current{background: #0071bf;}


.h_tit{ font-size:18px; padding:10px; border-bottom:1px solid #ebebeb; line-height:30px;}
.h_tit1{ background:url(../images/tit_ico1.gif) no-repeat; padding-left:34px; color:#0068b1;}
.h_tit2{ background:url(../images/tit_ico2.gif) no-repeat; padding-left:34px; color:#0068b1;}
.h_tit3{ background:url(../images/tit_ico3.gif) no-repeat; padding-left:34px; color:#0068b1;}
.h_tit .moer{ font-size:12px; color:#999; float:right; display:block; margin-top:2px; margin-right:6px;}
.h_tit .moer:hover{ color:#0068b1;}


.h_about{ float:left; width:600px; height:296px; background:#fff; border:1px solid #ebebeb; display:block; margin-bottom:20px;}
.abort_p{ padding:16px; line-height:25px;}
.abort_p img{float:left; margin-right:16px;}
.abort_p a{ color:#0068b1;}
.abort_p a:hover{ text-decoration:underline;}

.h_news{ float:right; width:380px; height:296px; background:#fff; border:1px solid #ebebeb; display:block; margin-bottom:20px;}
.h_naws_ul li{ line-height:20px; padding:10px;}
.h_naws_ul li a{ color:#333; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-family:Arial,"宋体"; font-size:12px;}
.h_naws_ul li em{ border-radius:100%; height:20px; width:20px; display:inline-block; color:#fff; background:#cdcbcb; text-align:center; margin-right:10px;}
.h_naws_ul li+li{ border-top:1px dashed #ebebeb;}
.h_naws_ul li:hover a{ color:#0068b1;}
.h_naws_ul li:hover em{ background:#0068b1;}

.h_product{ background:#fff; border:1px solid #ebebeb; display:block; margin-bottom:20px; overflow:hidden;}
.h_product_ul{ width:1100px;}
.h_product_ul li{ float:left; border-right:1px dashed #ebebeb; width:200px; padding:0 25px; margin:20px 0;}
.h_product_ul img{ width:200px; height:133px;}
.h_product_ul h6{ font-size:16px; color:#333; line-height:32px; font-weight:100; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.h_product_ul span{ color:#999; font-family:Arial,"宋体"; font-size:12px; line-height:22px; height:44px; overflow:hidden; display:block;}
.h_product_ul em{ float:right; font-size:12px; color:#333;}
.h_product_ul li:hover em,.h_product_ul li:hover h6{ color:#0068b1;}

.footer{ background:#0068b1; color:#fff; padding:10px 0; width:100%; font-size:12px;}
.bott_box{ width:324px; height:180px; margin:20px 0; background:#1a77b9; float:left; font-size:14px; line-height:26px;}
.bott_box+.bott_box{ margin-left:12px;}
.bott_tit{ text-align:center; line-height:40px; font-size:18px; font-weight:100; padding-top:3px;}
.bott_box a{ color:#fff;}
.search_tit{ height:30px; border:1px solid #fff; border-right:none; float:left; margin-left:20px;}
.search_tit input{ height:30px; width:236px; padding-left:5px; border:none;}
.ml_20{ margin-left:20px;}
.bott_p{ margin:0 20px; vertical-align:middle; line-height:24px;}
.bott_p img{ vertical-align:middle;}
.code{ text-align:center; padding-top:26px;}
.copyright{ background:#030303; color:#c9c9c9; padding:5px 0; line-height:24px; text-align:center; font-size:12px;}
.copyright a{ color:#fff;}
.copyright a:hover{ text-decoration:underline;}

/*内页*/
.banner_s{ height:240px; display:block; background:#ddd; width:100%; background-position:top center; position:relative; margin-bottom:30px;}
.banner_s1{ background:url(../images/banner_s1.jpg) no-repeat;}
.banner_s2{ background:url(../images/banner_s2.jpg) no-repeat;}
.banner_s3{ background:url(../images/banner_s3.jpg) no-repeat;}
.banner_s4{ background:url(../images/banner_s4.jpg) no-repeat;}
.banner_s5{ background:url(../images/banner_s5.jpg) no-repeat;}
.banner_s6{ background:url(../images/banner_s6.jpg) no-repeat;}
.banner_s7{ background:url(../images/banner_s7.jpg) no-repeat;}

.box_l{ float:left; width:220px; margin-bottom:30px;}
.nav_l_tit{ background:url(../images/nav_l_tit.gif) no-repeat; width:220px; line-height:60px; font-size:20px; text-align:center; color:#fff; font-weight:bold;}
.nav_l{ background:#fff; padding:8px 0;}
.nav_l > li{ background:url(../images/nav_l_a.gif) no-repeat; text-align:center; line-height:40px; margin:1px 0;}
.nav_l > li:hover,.nav_l > li.on{ background:url(../images/nav_l_on.gif) no-repeat;}
.nav_l > li:hover > a,.nav_l > li.on > a{ color:#fff;}
.nav_l > li > a{ color:#666; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; padding-left:46px; padding-right:40px;}
.nav_l > li.on ul{ display:block;}
.nav_l li ul{ display:none;}
.nav_l li li{ line-height:30px; overflow:hidden; height:30px;}
.nav_l li li a{ color:#666; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; padding:0 20px;}
.nav_l li li:hover a{ color:#0068b1;}

.box_r{ float:right; width:710px; background:#fff; border:1px solid #ebebeb; min-height:400px; margin-bottom:30px; padding:0 20px 20px; color:#333;}
.box_tit{ font-size:18px; padding:10px 0; border-bottom:1px solid #ebebeb; line-height:30px; font-weight:bold;}
.content{ font-size:14px; line-height:30px; padding-top:20px;}
.content img{ max-width:100%;}

.honor{ width:740px;}
.honor li{ width:220px; text-align:center; float:left; margin:20px 24px 0px 0;}
.honor li div{ border:1px solid #e0e0e0;}
.honor li a i{ background:#fff; text-align:center; display: table-cell; height:200px; text-align: center; vertical-align: middle; width:218px;}
.honor li a img{ max-height:100%; max-width:100%; vertical-align: middle;}
.honor li span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:32px; color:#333; display:block; font-size:12px; height:32px;}
.honor li:hover span{ color:#0068b1;}


/*News*/
.news_ul{ padding-top:10px;}
.news_ul li{ background:url(../images/news_icon.gif) no-repeat; background-position:0px 12px; display:block; line-height:36px; height:36px; padding-left:10px;}
.news_ul li a{ width:70%; float:left; display:block; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_ul li a:hover{ color:#0068b1; text-decoration:underline;}
.h_date{ float:right; color:#999;}

.news_tit2{ font-size:18px; color:#333; line-height:26px; padding:16px 0 0px; text-align:center; font-weight:100;}
.info{ text-align:center; color:#999; font-size:14px; line-height:36px;}
.info a{ color:#0068b1;}
.news_cen{ line-height:28px; padding-top:10px; padding-bottom:10px; font-size:14px; min-height:200px;}
.news_cen img{ max-width:100%;}

.news_t1{ line-height:30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; font-size:14px;}
.news_t1 span{ float:left; margin-right:10px;}
.news_t1 a{ color:#0068b1;}

.page{ margin:15px 0 0; line-height:28px; text-align:center;}
.page span{/* margin:0 2px;*/}
.page span a{ display:inline-block; border:1px solid #e5e5e5; padding:0 12px; color:#666;}
.page span a:hover,.page .on a{ color:#fff; background:#0068b1; border:1px solid #0068b1;}


/*产品中心*/
.p_box{ width:740px;}
.p_box li{ width:220px; text-align:center; float:left; margin:20px 22px 0px 0;}
.p_box li img{ width:220px; height:147px; display:block; border:1px solid #e0e0e0;}
.p_box li span{ line-height:28px; color:#333; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px;}
.p_box li:hover span{ color:#0068b1;}

.p_img{ border:1px solid #e0e0e0; width:360px; height:240px; float:left; margin-right:20px; margin-bottom:20px; margin-top:20px;}
.p_img img{ max-width:360px; max-height:240px;}
.p_tit{ color:#333; font-size:20px; font-weight:100; line-height:42px; margin-top:20px;}
.p_text{ line-height:26px; font-size:14px; color:#888;}
.p_con_t{ background:#0068b1; color:#fff; line-height:36px; padding:0 20px; font-size:16px; margin-bottom:20px; display:inline-block;}


/*招聘职位*/
.join_table{ font-size:14px; overflow-x:auto; display:block; padding:20px 0;}
.join_1{ width: 100%;}
.join_1 th{ background:#0068b1; font-weight:100; color:#fff; line-height:42px;}
.join_1 td{ border-bottom:1px solid #e0e0e0; padding:8px 15px; line-height:30px; text-align:center; font-size:14px;}
.join_bg{ background:#f5f5f5;}
.join_btn{ color:#fff; background:#ef4950; width:100px; height:32px; line-height:32px; display:block; margin:0 auto;}
.join_btn:hover{ background:#e02129;}

.join_th1{ width:24%;}
.join_th2{ width:18%;}
.join_th3{ width:18%;}
.join_th4{ width:20%;}
.join_th5{ width:18%;}

.tbl_job { width: 100%;border-collapse:collapse; margin:20px 0 20px;}
.tbl_job td{ border:1px solid #e0e0e0; padding:8px 15px; line-height:26px;}
.td_job1 { background-color: #f5f5f5; text-align: center; white-space: nowrap; width: 95px;}
.td_job2 { text-align: left; width: 35%;}


/*在线留言*/
.buy_box{ margin:0px 20px; padding-top:20px; color:#666; height:346px;}
.buy_box li{ margin-bottom:16px; list-style:none;}
.buy_box input{ height:30px; line-height:30px; border:#e5e5e5 1px solid; padding-left:10px;}
.buy_box span{ width:100px; float:left; display:block; line-height:30px; text-align:right; margin-right:10px;}
.input_m{ width:340px;}
.input_s{ width:150px;}
.textarea{ border:#e5e5e5 1px solid; width:500px; padding:10px; height:80px;}
.buy_box em{ color:#FF0004; margin-right:6px;}
.buy_btn1{ float:left; background:#0068b1; border-radius:3px; color:#fff; height:36px; line-height:36px; width:110px; text-align:center; font-size:16px; display:inline-block; margin-right:10px; font-weight:bold;}
.buy_btn1:hover{ background:#005997;}


#dituContent img{ max-width:none;}