@charset "UTF-8";
/*头部样式*/
#header{width:1600px;position: relative;left: 50%;margin-left: -800px;}
.top{width: 1100px;margin:20px auto;}
.logo{float:left;}

.hdest{width: 1100px;margin: 0 auto;padding: 5px 0;font-size: 12px;}
.k1{float: right;color: #727171}
.k1 a{color: #727171}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;margin-top: 20px;}
.topLink .k2{width:130px;height:38px;color:#C70026;font:20px/16px "微软雅黑";margin-left:30px;padding-left:45px;background:url(../images/top_tel.png) no-repeat;}
.topLink .k2 p{float:left;width:100%;}
.topLink .k2 p:nth-child(2){margin-top:5px;}

.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;}

#menu{height: 50px;background: #C70026;width: 1600px;position: relative;left: 50%;margin-left: -800px;}

/*热门搜索*/
.search{}
#formsearch{width:216px;height: 30px;float:right;background: url(../images/ssbg.png) 0 0 no-repeat;padding: 4px 0;}
.hotSearch{float:left;font-weight:normal;height: 38px;line-height: 38px;color: #717171;}

/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;font-size: 12px;color: #717171;}
.hotSearch a:after{content: ' /';color: #888;}
.hotSearch a:last-child:after{content:' ';}

#formsearch input{height:30px;padding: 0 0;background:none;border:none;float: left;outline:none;}
#formsearch input#keyword{color:#666;margin-left: 12px;width: 155px;}
#formsearch input#s_btn{width:40px;border:none;cursor:pointer;text-indent: -9999px;}

.main01{
	width: 1100px;
	margin: 0 auto;
	padding:35px 0;
}
h3.index_tit{
	color: #584a4f;
	font-size: 22px;
	height: 45px;background: url(../images/titbg.png) left bottom no-repeat;
	font-weight: normal;
	position: relative;
}
h3.index_tit a{
	display: block;
	width: 48px;
	height: 19px;
	position: absolute;
	top: 10px;
	right:0;
	background: url(../images/more1.png) 0 0 no-repeat;
}
h3.index_tit a:hover{
	background: url(../images/more2.png) 0 0 no-repeat;
}

/*公司简介*/
.com_ab{
	width: 715px;
	float: left;
	overflow: hidden;
}
.com_ab2{
	width: 715px;
	height: 210px;
	overflow: hidden;
	zoom: 1;
	margin-top: 25px;
}
.ab_img{
	width: 280px;
	height: 210px;
	float: left;
	overflow: hidden;
}
.ab_img img{
	width: 280px;
	height: 210px;
	overflow: hidden;
	margin-top: 5px;
}
.ab_txt{
	width: 420px;
	height: 220px;
	float: right;
	margin-top: -5px;
	font-size: 12px;
	color: #58595b;
	line-height: 22px;
	overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:10;
}

/*资质荣誉*/
.com_honor{
	width: 340px;
	float: right;
}
.main02{
	width: 1600px;
	background: url(../images/bg1.jpg) 0 0 no-repeat;
	height: 625px;
	overflow: hidden;
	position: relative;
	left: 50%;
	margin-left: -800px;
}
ul.main02_c{
	width: 1100px;
	margin: 0 auto;
	position: relative;
	height: 625px;
}
ul.main02_c li{
	position: absolute;
	color: #fff;
	font-size: 14px;
	width: 265px;
}
ul.main02_c li div{
	padding: 0 0 15px 25px;
	position: relative;
}
ul.main02_c li div span{
	position: absolute;
	top: 0;
	left: 0;
}
ul.main02_c li.li012{
	top:88px;
	left: 15px;
}
ul.main02_c li.li034{
	top:88px;
	right: 15px;
}
ul.main02_c li.li05{
	width: 285px;
	bottom: 75px;
	right: 15px;
}
ul.main02_c li.li06{
	width: 305px;
	bottom:81px;
	left: 15px;
}
ul.main02_c a{
	width: 154px;
	height: 116px;
	background: url(../images/see_more.png) 0 0 no-repeat;
	position: absolute;
	left: 475px;
	top: 260px;
}

.main03{
	width: 1100px;
	margin: 0 auto;
	padding-top: 40px;
}

.hezuo2{width: 1100px;position: relative;margin: 0 auto;margin-top: 25px;}
.l_btn3,.r_btn3{position:absolute;top:75px;cursor:pointer;z-index: 99;width: 40px;height: 40px;}
.l_btn3{left:-60px;background: url(../images/left1.png) no-repeat center;}
.r_btn3{right:-60px;background: url(../images/right1.png) no-repeat center;}
.r_btn3:hover{background: url(../images/righth.png) no-repeat center;}
.l_btn3:hover{background: url(../images/lefth.png) no-repeat center;}

#mm_demo{overflow:hidden;width:1100px;margin:0 auto;height: 230px;}
#mm_indemo{float: left;width:800%;}
#mm_demo1{float: left;}
#mm_demo2{float: left;}

.product_lists3 li{width:260px;height:190px;position:relative;margin: 0 8px;float:left;}
.product_lists3 li a.img{}
.product_lists3 li a.img img{width:260px;height:190px;}
.product_lists3 li h3{font-weight: normal;color: #595757;line-height: 40px;text-align: center;height: 40px;background: #DCDDDD;cursor: pointer;}
.product_lists3 li:hover h3{background: #C70026;color: #fff}

.roll_product3{float:left;}

.main04{
	width: 1100px;
	margin: 0 auto;
	padding: 45px 0;
}
.news_C{
	width: 636px;
	float: left;
}

.tutechan{
	width: 412px;
	float: right;
}

ul.xinwen{margin: 25px auto 0;border-bottom: 1px dashed #CECBB8;}
ul.xinwen li{overflow: hidden;zoom:1;margin-bottom: 15px;}
ul.xinwen li a img{width:150px;height:100px;float: left;display: block;overflow: hidden;}

.hyTit{float:right;width: 470px;font-weight: normal;}
.t1{padding-bottom: 5px;color: #585757;font-size: 14px;font-weight: bold; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.t2{font-size: 12px;color: #898989;line-height:18px;overflow:hidden;margin-top: 3px;}
.t2 a{font-size: 12px;color: #898989;margin-left: 6px;}
.t2 a:hover{color: #C70026;}
.t3{font-size: 12px;color: #898989;line-height: 18px;margin: 10px 0 0 -5px;}
.t3 span{margin:0 5px;}
ul.xinwen li:hover .t1,ul.xinwen li:hover .t2,ul.xinwen li:hover .t2 a,ul.xinwen li:hover .t3{color: #c70025;}
.list00{
	margin-top: 10px;
}
.list00 li{
	font-size: 12px;
	position: relative;
	line-height: 30px;
	color: #585757;
}
.list00 li a{
	width: calc(100% - 80px);
	overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;
}
.list00 li span{
	position: absolute;
	right: 0;
	top: 0;
	color: #585757;
}
.list00 li:hover a,.list00 li:hover span{
	color: #C70026;
}

.tute{overflow: hidden;zoom: 1;margin-top: 25px;}
.tute li{float:left;_display:inline;margin-right: 10px;margin-bottom: 12px;}
.tute li:nth-child(2n){margin-right: 0;}
.tute li a.img{width:200px;height:145px;overflow: hidden;}
.tute li a.img img{width:200px;height:145px;}
.tute li h3{text-align:center;width:200px;height: 30px;background: #ddd;line-height: 30px;font-size: 12px;}
.tute li h3 a{font-weight:normal;color: #595757;}
.tute li a.img{display:block;}
.tute li:hover h3{background: #C70026;color: #fff;}
.tute li:hover h3 a{color: #fff;}

/*主体样式*/
#container{width:1100px;margin:50px auto;}

.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- 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;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*友情链接*/
.f_link{width:970px;margin:0 auto;margin-top:15px;line-height:20px;background: url(../images/yqlj.png) 0 0 no-repeat;padding-left: 130px;min-height: 40px;margin-bottom: 15px;}

/*页面底部*/
#footer{position:relative;width:1600px;margin: 0 auto;min-height: 166px;background: #C70026 url(../images/ftbg.png) center top  repeat-x;color: #fff;line-height: 26px;left:50%;margin-left:-800px;}
#footer a{color:#fff;}
#footer a:hover{color:#fff;text-decoration:none;}

.nav_foot{text-align:center;line-height:45px;color:#fff;height: 45px;display:flex;align-items:center;justify-content:center;}
.nav_foot a{font-size: 12px;color: #fff;position:relative;}
.nav_foot a:nth-child(n+2){margin-left:41px;}
.nav_foot a:nth-child(n+2):before{width:1px;height:12px;content:"";background:#fff;position:absolute;top:calc(50% - 6px);left:-21px;opacity:0.6;}
.copyright{text-align:center;font-size: 12px;color: #fff;padding-top: 20px;}

/*------------内页-------------------*/
.left .box:nth-child(n+2){margin-top:20px;}
.left .box h3{line-height:30px;font-weight:normal;font-family:"微软雅黑";background:#C70026;color:#fff;height: 50px;padding: 15px 0;text-align: center;font-size: 20px;}
.left .box h3 span{display: block;color: #fff;text-align: center;font-size: 12px;text-transform: uppercase;line-height: 20px;}
.left .box .content{padding:5px 0px;border: 1px solid #C70026;}
.left .box.n_news h3{line-height: 50px;padding: 0}
.left .box.n_contact h3{line-height: 50px;padding: 0}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;margin-top:15px;}

.n_banner{width:1600px;height: 300px;left: 50%;margin-left: -800px;position: relative;}
.n_banner img{width:1600px;margin:0 auto;height: 300px;}
.left{width:220px;float:left;}
.sort_menu{border: 1px solid #C70026;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:10px 12px 12px !important;line-height:22px;border: 1px solid #C70026;}
.n_contact .content p:first-child{font-size:14px;margin-bottom:5px;}

.right{width:840px;float:right;}
.sitemp{padding-bottom:20px;background: url(../images/ttbg.png) left top no-repeat;height: 45px;}
.sitemp h2{width:340px;float:left;line-height:30px;text-align:left;text-indent:25px;color:#595757;font-size:18px;margin-top: 10px;}
.sitemp .site{float:right;text-align:right;line-height:30px;background: url(../images/home.png) left center no-repeat;padding-left: 20px;color: #9da0a8;margin-top: 10px;}
.sitemp .site a{color: #9da0a8;}
.right .content{line-height: 24px;}

/**新增**/
#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:#C70026; color:#C70026;}
.list-pages>.now { padding:0 6px; background:rgb(245,245,245); border-color:#C70026; color:#C70026;}
.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:#C70026; color:#C70026;}
.list-pages .openPage em.open:after { border-top-color:#C70026; transform:rotate(180deg);}
.list-pages .openPage dl { width:100%; max-height:calc(31px * 6 - 1px); margin:0; background:#fff; border:1px solid #C70026; 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:#C70026;}
.list-pages .openPage dl dd a.active,
.list-pages .openPage dl dd a.active:hover { background:rgba(0,0,0,0.08); color:#C70026;}
.list-pages .openPage dl.open { transform:translateY(0); opacity:1; visibility:visible;}

.list-message { padding:10px 30px 125px; 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; font-family: "微软雅黑";}
.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:#C70026;}
.list-message li.detail { width:100%; height:200px; background:#fff;}
.list-message li.submit { width:130px; height:46px; background:#C70026; 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:#584C51;}
.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;}