/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.w1920{width: 1920px;left: 50%;	margin-left: -960px;position: relative;}
.w1100{width: 1100px;left: 50%;margin-left: -550px;position: relative;}

/*头部样式*/
#header{background: #E3EFF6;}
.toper{height: 26px;background: #30363A;font:400 12px/26px '宋体';color: rgba(255,255,255,0.8);}
.k1 a{color: rgba(255,255,255,0.8);}
.k1 a:hover{color: #FABE00;}

.top{width: 1100px;margin: 24px auto;}
.logo{float:left;}

.topLink{float:right;position: relative;z-index: 9999;font-family: '宋体';margin-top:15px;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

/*搜索和热门搜索*/
.hotSearch{float:right;height:36px;line-height:36px;font-weight:normal;color: #595757;}
.hotSearch a{padding-right:8px;color: #595757;}
.hotSearch a:hover{color: #FABE00;}
#formsearch{float:right;background: url(../images/ssbg.png) 0 0 no-repeat;width: 203px;height: 36px;margin: 0 20px 0 5px;}
#formsearch input{outline:none;height:36px;background:none;border:none;line-height:36px;float: left;}
#formsearch input#keyword{padding-left:15px;color:#666;width: 140px;}
#formsearch input#s_btn{width:46px;font-size: 0;border:none;cursor:pointer;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}

.index_title{position: relative;height: 50px;margin-bottom: 20px;}
.index_title h1{float:left;position: relative;height: 100%;line-height:1;font-size:26px;font-weight:bold;color:#595757;}
.index_title h1 span{position: absolute;bottom:0;left:0;font-size:14px;font-weight:normal;text-transform:uppercase; white-space:nowrap;}
.index_menu{float: right;margin-top: 15px;}
.index_menu a{display: inline-block;color: #595757;font:400 12px/20px '宋体';padding-left: 5px;}
.index_menu a+a:before{content: '|';color: #b5b5b6;padding-right: 10px;}
.index_menu a:hover{color: #FABE00;}
.index_title a.ck{display: block;margin-top: 10px;margin-left: 20px;width: 71px;height: 26px;font: 400 12px/26px '宋体';border: 1px solid #919191;border-radius: 5px;text-align: center;color: #898989;transition: all 0.3s;}
.index_title a.ck:hover{background: #FABE00;border: 1px solid #FABE00;color: #fff;}

/*公司简介*/
.index_about{margin-top: 45px;margin-bottom: 45px;}
.about_con{width: 1100px;margin: 0 auto;height: 300px;background: #E3EFF6;}
.abimg{width: 460px;height: 300px;overflow: hidden;float: left;}
.abimg img{width: 460px;height: 300px;}
.abtxt{width: 590px;float: left;margin-left: 25px;margin-top: 32px;}
.abtxt>h1{position: relative;margin-bottom: 35px;}
.abtxt>h1 a{display: block;width: 80px;height: 26px;background: #FABE00;text-align: center;font:12px/26px '宋体';color: #595757;position: absolute;right: 0;top: 0;}
.abtxt .content{font:400 12px/20px '宋体';color: #595757;text-align: justify;}
.ab_num{width: 1100px;margin: 0 auto;margin-top: 18px;border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;height: 143px;}
.ab_num ul li{display: inline-block;padding-top: 15px;padding-left: 10px;}
.ab_num ul li .en{font: 400 14px/1 'Microsoft YaHei';text-transform:uppercase;color: #898989;}
.ab_num ul li .name{font: 400 12px/25px '宋体';color: #898989;margin-bottom: 5px;}
.ab_num ul li .shuju{font:800 70px/70px 'Times New Roman';color: #898989;}
.ab_num ul li .shuju span{font-weight: normal;font-size: 14px;font-family: '微软雅黑';}
.ab_num ul li:nth-child(1){width: 300px;}
.ab_num ul li:nth-child(2){width: 310px;}
.ab_num ul li:nth-child(3){width: 250px;}
.ab_num ul li:nth-child(4){width: 180px;}

/*推荐产品*/
.index_pro{background: #30363A;padding: 45px 0;}
.index_title2{width: 1100px;margin: 0 auto;margin-bottom: 20px;}
.index_title2 h1{color:#fff;}
.index_menu2{float: right;margin-top: 15px;}
.index_menu2 a{display: inline-block;color: #fff;font:400 12px/20px '宋体';padding-left: 5px;}
.index_menu2 a+a:before{content: '|';color: #b5b5b6;padding-right: 10px;}
.index_menu2 a:hover{color: #FABE00;}
.index_title2 a.ck{display: block;margin-top: 10px;margin-left: 20px;width: 71px;height: 26px;font: 400 12px/26px '宋体';border: 1px solid #D1D2D2;border-radius: 5px;text-align: center;color: #efefef;transition: all 0.3s;}
.index_title2 a.ck:hover{background: #FABE00;border: 1px solid #FABE00;color: #fff;}

.pro_list{width: 1100px;margin: 0 auto;}
.pro_list ul li{
	width: 268px;
	height: 268px;
	float: left;
	position: relative;
	overflow: hidden;
	margin-right: 9px;
	margin-bottom: 9px;
}
.pro_list ul li:nth-child(4n){margin-right: 0;}
.pro_list ul li a.img img{
	width: 268px;
	height: 268px;
}
.pro_list ul li h3{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9999;
	width: 100%;
	height: 40px;
	background: rgba(0,0,0,0.7);
	font: 400 12px/40px '宋体';
	text-align: center;
	transition: all 0.3s;
}
.pro_list ul li h3 a{color: #fff;}
.pro_list ul li:hover h3{
	background: rgba(250,190,0,0.7);
}

/*新闻资讯*/
.index_news{
	margin-top: 45px;margin-bottom: 45px;
}
.news_left{
	width: 455px;
	float: left;
}
.nimg{
	width: 455px;
	height: 280px;
	overflow: hidden;
	margin-bottom: 15px;
}
.toutiao h3{
	background: url(../images/ttt.png) left center no-repeat;
	font: 400 14px/24px '宋体';
	margin-bottom: 10px;
}
.toutiao h3 a{display: block;color: #3e3a39;padding-left: 56px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.toutiao h3 a:hover{
	color: #FABE00;
}
.toutiao .summary{
	display: block;
	font: 400 12px/20px '宋体';
	color: #595757;
}

.news_rgt{
	width: 635px;
	float: right;
}
.new_tj{
	border-bottom: 1px dotted #B5B4B5;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.new_tj ul li{
	margin-bottom: 16px;
}
.new_tj ul li a.img{
	display: block;
	width: 140px;
	height: 86px;
	float: left;
}
.new_tj ul li a.img img{
	width: 140px;
	height: 86px;
}
.new_tj ul li .wenzi{
	width: 480px;
	float: right;
	margin-top: -3px;
}
.new_tj ul li .wenzi a.title{
	display: block;
	color: #595757;
	font: 400 14px/25px '宋体';
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.new_tj ul li:hover .wenzi a.title{
	color: #FABE00;
}
.new_tj ul li .wenzi span.date{
	display: block;
	font: 400 14px/25px '宋体';
}
.new_tj ul li .wenzi .summary{
	font: 400 12px/20px '宋体';
	color: #595757;
}

.newlist ul li{
	height: 30px;
	font: 400 12px/30px '宋体';
	position: relative;
	padding-right: 80px;
}
.newlist ul li a{
	display: block;
	color: #585757;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.newlist ul li span{
	display: block;
	color: #585757;
	position: absolute;
	right: 0;
	top: 0;
}
.newlist ul li:hover a,.newlist ul li:hover span{
	color: #FABE00;
}

/*厂区环境*/
.index_plant{
	background: #E3EFF6;
	padding: 50px 0;
	margin-bottom: -40px;
}
.plant_scroll{
	width: 1100px;margin: 0 auto;
	position: relative;
}
.plant_scroll .bd{
	width: 1100px;overflow: hidden;
}

.plant_scroll .bd ul li{
	width: 265px;
	height: 185px;
	float: left;
	position: relative;
	overflow: hidden;
	margin-right: 9px;
}

.plant_scroll .bd ul li a.img img{
	width: 265px;
	height: 185px;
}
.plant_scroll .bd ul li h3{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9999;
	width: 100%;
	height: 40px;
	background: rgba(0,0,0,0.7);
	font: 400 12px/40px '宋体';
	text-align: center;
	transition: all 0.3s;
}
.plant_scroll .bd ul li h3 a{color: #fff;}
.plant_scroll .bd ul li:hover h3{
	background: rgba(250,190,0,0.7);
}
.plant_scroll .hd .next,.plant_scroll .hd .prev{
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
	top: 70px;
	z-index: 9999;
	position: absolute;
}
.plant_scroll .hd .next{
	background: url(../images/cleft.png) 0 0 no-repeat;
	left: -55px;
}
.plant_scroll .hd .next:hover{
	background: url(../images/cleft1.png) 0 0 no-repeat;1
}
.plant_scroll .hd .prev{
	background: url(../images/crgt.png) 0 0 no-repeat;
	right: -55px;
}
.plant_scroll .hd .prev:hover{
	background: url(../images/crgt1.png) 0 0 no-repeat;1
}

/*友情链接*/
.f_link{
    width:1100px;
    margin:0 auto;
	background: url(../images/link.png) center top no-repeat;
	margin-top: 50px;
}
.f_link>h3{
	font:600 14px/32px '宋体';
	text-align: center;
	color: #fff;
	margin-bottom: 15px;
}
.f_link a{
	font:400 12px/24px '宋体';
	color: #595757;
	padding-right: 10px;
}
.f_link a:hover{
	color: #FABE00;
}

/*页面底部*/
#footer{
	background: #30363A;
	color: #dcdddd;
	font:400 12px/20px '宋体';
	padding: 30px 0;
	margin-top: 40px;
}
#footer a{color:#dcdddd;}
#footer a:hover{color:#FABE00;text-decoration:none;}
.foot{
	width: 1100px;
	margin: 0 auto;
}
.foot_left{
	width: 800px;
	float: left;
}
.foot_rgt{
	text-align: center;
	float: right;
}
.foot_rgt p{
	float: left;
	width: 100px;
	margin-left: 20px;
	line-height: 1;
}
.foot_rgt p img{
	width: 100%;
	margin-bottom: 10px;
}
.nav_foot{margin-bottom:32px;line-height:1;color:#fff;font-size:12px;}
.nav_foot p{ float:left; padding-left:31px; position:relative;}
.nav_foot p:before{ width:1px; height:12px; content:""; background:#fff; position:absolute; top:50%; left:15px; margin-top:-5px;}
.nav_foot p:first-of-type{ padding:0;}
.nav_foot p:first-of-type:before{ display:none;}
.nav_foot a{color:#fff !important;}
.nav_foot a:hover{color:#FABE00 !important;}

.copyright{line-height:22px;}
.copyright .copy{font-family:arial;}

/*------------内页-------------------*/
#container{width:1100px;margin:0 auto;margin-top:40px;}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}
.n_banner{width:1600px;left: 50%;margin-left: -800px;position: relative;height: 300px;overflow: hidden;}
.n_banner img{width: 100%;margin: 0 auto;}
.left{width:240px;float:left;}
.left .box{margin-top:20px;border: 1px solid #242021;}
.left .box:first-of-type{margin:0;}
.left .box h3{background: #242021;color: #fff;padding: 18px 0;text-align: center;font-weight: normal;font-size: 20px;line-height: 1;}
.left .box h3 span{display: block;text-transform: uppercase;font-size: 12px;font-family: 'Arial';padding-top: 5px;}
.left .box .content{padding:5px 0px;}
.sort_menu h3{}
.sort_product{}
.sort_product h3{}

.n_contact{}
.n_contact h3{}
.n_contact .content{padding:12px !important;line-height:24px;color: #595757;}
.n_contact .content p:first-of-type{padding-bottom:5px;}

.right{width:830px;float:right;}
.sitemp{height: 50px;line-height: 50px;background: #E3EFF6;border-top: 1px solid #302C2D;margin-bottom:20px;}
.sitemp h2{/*width:340px;*/float:left;text-align:left;font-size: 16px;color: #242021;font-weight: normal;}
.sitemp h2 span{font-family: '宋体';font-size: 12px;padding-left: 10px;padding-right: 5px;}
.sitemp .site{width:380px;float:right;text-align:right;font-family: '宋体';color: #898989;padding-right: 10px;}
.sitemp .site a{color: #898989; display:inline-block; line-height:20px; position:relative;}
.sitemp .site a:first-of-type{padding-left:20px;}
.sitemp .site a:first-of-type:before{width:15px;height:14px;content:"";background: url(../images/home.png) no-repeat; position: absolute;top:calc(50% - 7px);left: 0;}

.right .content{line-height: 24px;color: #595757;}

/**新增**/
#detail { line-height:24px; font-size:14px; text-align:justify;}
#detail img { max-width:100%;}
#detail iframe { max-width:calc(100% - 2px); border:1px solid #ccc;}

.list-pages { height:30px; padding:12px 95px 12px 10px; margin-top:5px; background:#f3f7f8; border-radius:4px; font:12px/20px Helvetica,"microsoft yahei","SimSun"; display:flex; justify-content:right; position:relative; z-index:100;}
.list-pages i { font-style:normal;}
.list-pages>a { height:28px; padding:0 12px; margin-left:8px; background:#fff; border:1px solid #c9caca; border-radius:3px; line-height:30px; display:flex; align-items:center; position:relative; z-index:10;}
.list-pages>a[href]:hover { border-color:#1058a0; color:#1058a0;}
.list-pages>.now { padding:0 6px; background:rgb(245,245,245); border-color:#1058a0; color:#1058a0;}
.list-pages>.now span { margin:0 3px;}
.list-pages>.tongji { padding:0; margin-left:0; background:none; border-color:transparent; color:#3e3a39; position:absolute; top:12px; left:10px;}
.list-pages>.tongji span { margin-left:10px;}
.list-pages>.tongji span:first-child { margin:0;}
.list-pages>.none { border-color:#ccc; color:#ccc; cursor:no-drop;}
.list-pages>.none[href]:hover { background:#fff; border-color:#ccc; color:#ccc;}

.list-pages .openPage { width:75px; height:28px; text-align:left; color:#3e3a39; position:absolute; top:12px; right:10px;}
.list-pages .openPage em { font-style:normal; position:absolute; cursor:pointer; background:#fff;}
.list-pages .openPage em.value { width:100%; height:100%; border:1px solid #c8cfd2; border-radius:3px; text-indent:10px; line-height:28px; top:0; left:0;}
.list-pages .openPage em.value:after { width:0; height:0; content:""; border:6px solid transparent; border-top-color:#ccc; border-bottom:0; position:absolute; top:50%; right:9px; z-index:10; margin-top:-3px; transition-duration:400ms;}
.list-pages .openPage em.open { border-color:#1058a0; color:#1058a0;}
.list-pages .openPage em.open:after { border-top-color:#1058a0; transform:rotate(180deg);}
.list-pages .openPage dl { width:100%; max-height:calc(30px * 6 - 1px); margin:0; background:#fff; border:1px solid #1058a0; border-radius:4px 4px 0 0; position:absolute; bottom:calc(100% + 2px); right:-2px; cursor:auto; z-index:100; transition:all 0.3s; transform:translateY(0); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:auto;}
.list-pages .openPage dl dd { height:30px; border-top:1px solid #ddd; text-indent:10px; line-height:30px; display:block; overflow:hidden;}
.list-pages .openPage dl dd:first-child { border:0;}
.list-pages .openPage dl dd a { height:100%; display:block;}
.list-pages .openPage dl dd a:hover { background:#fff; color:#1058a0;}
.list-pages .openPage dl dd a.active,
.list-pages .openPage dl dd a.active:hover { background:rgba(0,0,0,0.08); color:#1058a0;}
.list-pages .openPage dl.open { transform:translateY(0); opacity:1; visibility:visible;}

.list-message { padding:10px 30px 116px; background:#f3f5f6; border-radius:4px; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative;}
.list-message li { width:calc(100% / 2 - 10px); height:50px; margin-top:20px; background:#fff; border-radius:4px; position:relative;}
.list-message li:before { width:20px; height:16px; content:""; background:url(../images/app.png) no-repeat 20px 0; position:absolute; top:50%; left:13px; z-index:10; margin-top:-8px;}
.list-message li.user:before { background-position:0 0px;}
.list-message li.tel:before { background-position:-20px 0px;}
.list-message li input,
.list-message li textarea { width:calc(100% - 2px); height:100%; border:1px solid #b5b5b5; border-radius:4px;}
.list-message li input { text-indent:40px;}
.list-message li textarea { width:calc(100% - 26px); padding:10px 12px;}
.list-message li input:focus,
.list-message li textarea:focus { border-color:#1058a0;}
.list-message li.detail { width:100%; height:200px; background:#fff;}
.list-message li.submit { width:130px; height:46px; background:#1058a0; border:0; border-radius:5px; text-align:center; line-height:46px; font-size:16px; color:#fff; position:absolute; bottom:30px; right:30px; cursor:pointer;}
.list-message li.submit:hover { background:#e87518;}
.list-message li.submit i { padding-left:28px; font-style:normal; display:inline-block; position:relative;}
.list-message li.submit i:before { width:16px; height:16px; content:""; background:url(../images/app.png) no-repeat 0 -20px; position:absolute; top:50%; left:0; margin-top:-8px;}
.list-message li.loading { width:100%; height:100%; margin:0; background:rgba(0,0,0,0.1) url(../images/app_loading.gif) no-repeat center center; background-size:40px; border:0; position:absolute; top:0; left:0; z-index:30; display:none;}