﻿/* CSS Document */
@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;src:url(/public/fonts/font-awesome/fontawesome.otf?v=4.7.0);src:url(/public/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0#iefix) format('embedded-opentype'),url(/public/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(/public/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg')}input[type="submit"], input[type="reset"], input[type="button"], button {  -webkit-appearance: none;  }

*{margin:0;padding:0;}
img{border:none;}
body{background:#ffffff;font-size:12px;　font:12px Helvetica,Arial,tahoma, Geneva, sans-serif; font-family:Helvetica,Arial,tahoma, Geneva, sans-serif; line-height:160%;color:#333; }
div,ul,li,dl,dt,dd,h1,h2,h3,h4{margin:0;padding:0;}
li{list-style-type:none;}
a{color:#034196;text-decoration:none;}
a:hover{color:#ff6600;text-decoration:underline;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
span.more{float:right;margin-top:10px; padding:0 10px;}
span.more a{font-weight:normal;}
/*p{text-indent:2em;}*/
span.tmore{ float:right;  margin-top:20px; margin-right:30px;}


/*layout*/
#top{ width:1000px; height:90px; margin:0 auto; }
#menu_bg{height:40px;background: url(../mun_bg.gif) repeat-x #0C51A8;}
.menu{z-index:1000;width:980px;height:40px; margin:0 auto;}
#top_new{width:1000px;height:100px; margin:0 auto;}
#main{background-color:#F6F6F6; padding:10px 0;}

.foot_bg{height:40px; background-color:#E6E6E6; padding-top:10px;  z-index:1; }
.foot{height:40px; position:relative; text-align:center; color:#034196;}

/*top*/
.logo{ padding-top:15px;}
/*.tel{height:90px; width:400px; }
.telimg{ padding-top:5px;}
.lang {text-align:right;}
.lang span{ padding:0px 5px; }*/
.home_right {
	margin-top: 35px; width: 380px; background: url(../searchbg_06.gif) no-repeat left 50%; height: 25px;
}

.home_search {
	width: 234px; float: left; height: 25px
}
.toptext {
	LINE-HEIGHT: 20px; MARGIN: 2px 0px 0px 10px; WIDTH: 175px; FLOAT: left; HEIGHT: 20px; COLOR: #9f9f9f; border:0;
}
.toptext2 {
	WIDTH: 38px; BACKGROUND: url(../images/blank.gif) no-repeat; FLOAT: left; HEIGHT: 25px; CURSOR: pointer;  border:0px;
}
.home_language {
	LINE-HEIGHT: 25px; FONT-FAMILY: "微软雅黑"; FLOAT: left; HEIGHT: 25px; MARGIN-LEFT: 10px; COLOR: #999;
}
.home_language A {
	MARGIN: 0px 4px; COLOR: #999; TEXT-DECORATION: none
}
.home_language A:hover {
	COLOR: #f47132; TEXT-DECORATION: none
}


.menu:after {display:block;height:0;visibility:hidden;clear:both;CONTENT: "."}
.menu .main{height:40px; font-family:"微软雅黑",Helvetica,Arial;}
.menu .main li{line-height:40px;float:left;height:40px;position:relative;  background:url(../mli.gif)  no-repeat right;  text-align:center;}
.menu .main li.list{background:none;}
.menu .main li a{color:#fff;display:block;width:128px;_width:100px; height:40px; font-size:12px;float:left;  text-align:center; text-decoration:none;   margin-right:8px;}
.menu .main li a:hover{ color:#F60; background:url(../hvli.gif)  no-repeat center;}
.menu .main li.navhover a{display:block;width:128px;_width:100px; height:40px; font-size:12px;float:left;  text-align:center; text-decoration:none;   margin-right:8px; background:url(../hvli.gif)  no-repeat center; color:#F60;}
/**html .menu .main li{ border:1px solid red;}*/

.banner{ text-align:center;}

/*top_news*/
#top_new{ border-bottom:5px solid #EFEFEF; }
#top_new .n_left{ width:660px; height:100px; padding-left:35px; background:url(../m_16.gif) no-repeat left top;}
.n_left ul{padding:3px;}
.n_left ul li{ float:left; width:290px; padding-right:14px; line-height:28px; padding-left:15px; background:url(../li1.gif) no-repeat left center; position:relative; overflow:hidden;}
.n_left ul li .time{float:right;}
#top_new .n_right{ width:284px;}

/*main*/
.index_content{ height:224px; width:1000px; background:url(../main_bg.gif) no-repeat left top;margin:0 auto; background-color:#F6F6F6; overflow: hidden;}
.index_content .index_title{ height:44px;}
.index_news{ height:150px; width:360px; }
.index_news ul{ padding-left:40px; padding-top:10px; padding-right:10px;color:#033D91;}
.index_news ul li{ height:26px; line-height:26px;background-color:#F5F5F5; margin:3px 0; color:#033D91;}
.index_news ul li a{ display:block; padding-left:5px; margin-right:10px; font-size:14px; background:url(../ico04.jpg) no-repeat right center;}
.index_news ul li span{ float:right;}
.index_about{height:150px; width:380px; float:left; margin:0px 10px; padding:5px;}
.index_case{ height:150px; width:220px; }

.link_box{ height:66px;background:url(../link_bg.gif) repeat-x left;}
.link{ width:1000px; margin:0 auto; height:66px; line-height:66px; text-align:center;background:url(../x_22.gif) no-repeat center;}
.link span{padding:0px 10px; color:#006AC2}

/*页面 about*/
.webcontent{width:998px;  margin:0 auto; background-color:#fff;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8; position:relative; overflow:hidden;}
.bottbg{width:1000px; height:10px; margin:0 auto; background-color:#F6F6F6; background: url(../bottombg.gif) no-repeat center  bottom; position:relative; bottom:5px;}
.pagetopbg{width:1000px;height:10px;  margin:0 auto; background-color:#F6F6F6; background: url(../topbg.gif) no-repeat center  top; position:relative; _top:5px;}
.left { width: 220px; position:relative; overflow:hidden;}
.right {width: 760px; margin-left:15px;}
#lmenu_top { width:220px; background: url(../er_22.gif) no-repeat left top; height: 30px; }
#lmenu_top .title {width: 220px;height: 30px; line-height:30px; padding-left: 30px;  color: rgb(255,255,255); font-size: 14px; font-weight: bold; }
#lmenu_list {width: 220px; background: url(../er_bg1.gif) repeat-y left center; }
#lmenu_list ul {  margin-left:15px; }
#lmenu_list ul li {  width:180px; line-height: 34px; background: url(../catli.gif) no-repeat left top; text-align:left;}
#lmenu_list ul li a {padding-bottom: 0px; line-height: 34px; padding-left: 20px; color: #555555;}
#lm_bottom {width: 220px; background: url(../catbottombg.gif) no-repeat left bottom;  height: 17px;}

/*webleft*/
#lt_top {width: 200px; background: url(../er_l31.gif) no-repeat center top; min-height:100px; padding:70px 10px 10px 10px;}
#lt_top .title{ padding-left: 30px; line-height:30px;   color: #555555; font-size: 13px; font-weight: bold;}
#ln_list {width: 252px; background: url(index_zxqy_list.jpg) repeat-y; float: left}
#ln_list ul {list-style: none none outside}
#ln_list ul li {line-height: 28px; width: 252px; background: url(../index_zxqy_list_li.jpg) no-repeat center top; height: 28px; color: #555555; overflow: hidden}
#ln_list ul li a {line-height: 28px; padding-left: 28px; color: #555555}



/*webright*/
.right .path{width: 700px; height:39px; line-height:39px; background:url(../z_gsjj.gif) repeat-x left top; font-size:14px; font-weight:bold;  padding-top:2px; color:#fff; padding-left:50px;}
.path2{ background:url(../p_path_t.jpg) no-repeat left center; padding-left:25px; color:#fff;}
.path2 span{padding-left:30px; color:#666;}
.ncontnet{  min-width:400px; }
.about_c{ padding:10px;}
.news_list li{ line-height:24px;}
.news_list li span{ float:right;}
.dowlist ul li span.dow a{ padding:0 10px;}
.ncontnet h1.title{ font-size:16px; font-weight:bold; text-align:center; padding:15px 0;}
.ncontnet .page{ padding:10px 0; }

#product-list{ padding:15px 0px; padding-right:10px;}
#product-list ul li{ width:168px; margin-left:12px;  display:inline; margin-bottom:40px; _margin-bottom:10px;  float:left;}
#product-list ul li img{width:160px; height:136px;}
#product-list ul li span.info_img a{ display:block;width:160px; height:136px;padding:3px; border:1px solid #DBDBDB;} 
#product-list ul li span.info_img a:hover{border:1px solid #F60;}
#product-list ul li span.info_title{ display:block; padding:5px 0; text-align:center;}
#product-list ul li span.info_title  a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%;}

.web_bottom{ padding:10px 0;}
.ncontnet h1.pro_title{padding:20px 0; font-size:16px; font-weight:bold; text-align:center; }
.product_show{ clear:both; margin-left:180px; text-align:center;}
.product_show span.info_img{ display:block; width:360px; height:288px; padding:8px; border:3px solid #EFEFEF; text-align:center; }
.pcontent{padding:10px;}
.pcontent p{text-indent:0em;}
.hits{ text-align:center; padding:10px 0;}

/*img*/




.img_list12{ padding:15px 0px; padding-right:10px;}
.img_list12 ul li{ width:150px; margin-left:15px; margin-right:15px; display:inline; margin-bottom:10px; _margin-bottom:10px;  float:left;}
.img_list12 ul li img{width:144px; height:122px;}
.img_list12 ul li span.info_img a{ display:block;width:144px; height:153px;padding:3px; border:1px solid #DBDBDB;} 
.img_list12 ul li span.info_img a:hover{border:1px solid #F60;}
.img_list12 ul li span.info_title{ display:block; padding:5px 0; text-align:center;}

.job-list dl dt{ line-height:26px; font-size:14px;}
.job-list span{padding:10px 30px;}




.Zbannar{width:100%; overflow:hidden;}
.Zbannar #mPics li{height:300px;}
.Zbannar .a1 #anim{background-position:0 0;}
.Zbannar .a2 #anim{background-position:0 -453px;}
.Zbannar .a3 #anim{background-position:0 -906px;}
.Zbannar .a4 #anim{background-position:0 0;}
.Zbannar .a1 #btnsWrap{background-position:0 -127px;}
.Zbannar .a2 #btnsWrap{background-position:0 -254px;}
.Zbannar .a3 #btnsWrap{background-position:0 -381px;}
.Zbannar .a4 #btnsWrap{background-position:0 0;}
.Zbannar li.libegin{background:url(../img/flash_bg.jpg) 50% 50% no-repeat;}
.Zbannar .cc{background-position:-589px -404px;}
.Zbannar .cnow{background-position:-589px -430px;}
.Zbannar #anim{height:300px;background-image:url(../img/flash_bg.jpg); background-repeat:repeat-x;}
.Zbannar #marquee{position:relative;}
.Zbannar #mPics{height:300px;overflow:hidden;position:relative;}
.Zbannar #mPics a{display:block;width:100%;height:100%;}
.Zbannar #circle{position:relative;margin:-28px auto 0;width:960px;overflow:hidden;text-align:right;}
.Zbannar #circle li{display:inline-block;*display:inline;zoom:1;width:30px;}
.Zbannar #circle li a{display:block;width:11px;height:11px;overflow:hidden;text-indent:-9999px;text-align:left;}
.Zbannar #circle li a:hover{background-position:-589px -430px;}
.Zbannar #liB,.Zbannar #liG,.Zbannar #liY,.Zbannar #liX{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 0;}
.Zbannar #circle li a,
.Zbannar #circle li a:hover,
.Zbannar #nWin .nCon a{background-image:url(../img/sprites-high3.png);background-repeat:no-repeat;}

.infotools {
	padding: 20px 0;
	display: flex;
	justify-content: space-around;
}
.infotools .page_preinfo
,.infotools .page_next{
	max-width:46%;
	flex:none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.infotools .page_preinfo:before{content: "\f0a5"; margin-right: 10px;}
.infotools .page_next:after{content: "\f0a4"; margin-left: 10px;}
.justify-content-center{ display: flex; justify-content: center;}
.pagination{ margin: 20px 0; }
.pagination .page-item,.pagination .page-num{ width:30px; height: 30px; display: block; text-align: center; line-height: 30px; border: 1px solid #dedede; margin: 0 5px;}
.pagination .page-num-current{ background-color: #dedede; }
.pagination .page-item.pageindex:before{content: "\f100"}
.pagination .page-item.pagepre:before{content: "\f104"}
.pagination .page-item.pagenext:before{content: "\f105"}
.pagination .page-item.pagelast:before{content: "\f101"}
