﻿*{margin:0; padding:0;font-family: '微软雅黑'; font-size:14px;}
li{list-style:none;}
a{text-decoration:none;}
img{border:0px;  border:none; display:block;}
body{overflow-x:hidden;}
/************************************************************首页*********************************************/
/*****************************************************顶部************************************/
.top{ width:100%; height:40px; background:url(../images/top.jpg);}
.top1{ width:1200px; margin:0 auto; overflow:hidden;}
.top1 p{ float:left; line-height:40px; color:#4c4c4c;}
.top1 span{ font-family:'华文细黑'; font-size:18px; font-weight:bold;color:#666;}
.top1 ul{ float:right;}
.top1 ul li{ float:left; padding-top:5px; margin-left:20px;}
#Submit22{width:51px;cursor:pointer;background:url( ../images/search.png);}
/***************************************************logo*************************************/
.head{ width:1200px; height:100px; margin:0 auto; overflow:hidden; margin-top:20px;}
.logo{ float:left;}
.ls{ float:right;}
.ls h1{ font-size:22px;  color:#ab3624;}
.ls input{ width:295px; height:38px;border-radius:4px; border:1px #ccc solid; margin-top:10px; float:left; margin-right:10px;box-shadow: 1px 1px 1px #ccc; color:#999; font-size:15px;}
.ls img{ padding-top:10px;}
.nav li:hover{background:#e21b13;}
/************************************************************banner********************************************/
.lubo{ width: 100%; min-width:1200px;clear: both; position: relative; height:420px;}
.lubo_box{ position: relative; width: 100%; height:420px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:420px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box .banner a{background: url(../images/1.jpg) center top no-repeat}
.lubo_box .banner1 a{background: url(../images/2.jpg) center top no-repeat}
.lubo_box .banner2 a{background: url(../images/3.jpg) center top no-repeat}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img{ width: 100%; height: 420px;}
/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #FFF; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background:#ff0000 !important;}
/***********************************************************nav****************************************************/
.menu{width:100%;height:60px;background:#302f3d;}
.menu .nav{width:1200px;margin:0 auto;}
.menu .nav li{float:left;list-style:none; margin-right:55px;}
.menu .nav li a{display:block;height:60px;line-height:60px; color:#FFF;text-decoration:none;position:relative;overflow:hidden; font-size:16px; padding:0 30px;}
/*.menu .nav li a:hover,.menu .nav li a.current{background:#e21b13;}*/
.box{
	width: 100%;
	position:absolute;
    top: 220px;
    left: 0;
/*    background: #344157;*/
	background-color:#006ead;
    z-index: 1000;
	padding:0 5%;
    display:none;
	height:500px;
	}
	.box>dl{
	padding:6px;
    float: left;
    width: 18%;
	text-align:left;
}
/*.box dl{margin-left: 80px;}*/
/*.box dt{border:1px solid green;}*/

	.box dt a{
    color:#fff;
    font-size: 14px;
	font-weight: bold;
}

.box dd a {
    background:url( ../../xin/images/nav-corrow.png) no-repeat left center;
    color: #fff;
    font-size: 14px;
    padding-left:10px;
    padding-right:10px;
}
.box dd .red{
	background-image: none;
	color: #edc819;
}
.box dl a:hover{
	color: #ccc;
	text-decoration:underline;
}
/*
.menu .nav li .box{width:100%;height:320px!important;position:absolute;top:220px;left:0;background:#343342;display:none; z-index:999;}
.menu .nav li .box .me{ width:1200px; margin:0 auto; overflow:hidden; margin-top:50px;}
.menu .nav li .box .me ul li{ width:196px;margin-bottom:30px;}
.menu .nav li .box .me ul li a{ background:url(../images/hot.gif) no-repeat; background-position:center right; line-height:36px; height:36px;}
.menu .nav li .box .me ul li a:hover{ color:#CCC;}
*/
/******************************************************我们********************************************************/
.title{ width:1200px; margin:0 auto; border-bottom:solid #CCC 1px; margin-top:30px;}
.title h1{ font-size:22px;border-bottom:solid #302f3d 2px; width:250px; text-align:center; margin:0 auto; padding-bottom:10px;}
.gsx{ width:1200px; height:360px; margin:0 auto;margin-top:20px; overflow:hidden;}
.jian{ width:300px;height:360px; float:left; margin-right:20px;}
.jian h1{ width:300px; height:30px;background:#302f3d;}
.jian span{ color:#FFF; font-size:16px; font-weight:normal; line-height:30px; padding:5px 30px; background:#e21b13;}
.jian p{ margin-top:15px; font-size:14px; color:#252525; line-height:36px;}
.sp{width:560px;height:360px; float:left; background-color:#333;}
/**************************************************new****************************************************/
.new{ width:300px; height:360px;float:right; overflow:hidden;}
.new .tab{ overflow:hidden; background:#302f3d; height:30px;}
.new .tab a{ display:block;float:left; text-decoration:none; width:150px; height:30px; line-height:30px; text-align:center; font-size:16px; color:#FFF;}
.new .tab a:hover{ background:#e21b13;}
.new .tab a.on{ background:#e21b13;}
.new .content{ overflow:hidden; width:300px; height:330px; position:relative;}
.new .content ul{ position:absolute; left:0; top:0; margin-top:15px;}
.new .content li{ width:300px;float:left;}
.new .content li dd{ height:30px; overflow:hidden;border-bottom: dashed 1px #ccc; padding-bottom:9px; margin-top:5px;}
.new .content li dd a{ font-size:15px; color:#2b2a2f; background:url(../images/n.jpg) no-repeat; background-position:left center; padding-left:20px; line-height:36px;}
.new .content li dd a:hover{ color:#666;}
/******************************************************cp****************************************************/
.cp{ width:1200px; height:342px; margin:0 auto;margin-top:20px; overflow:hidden;}
.cp .lc{ width:385px; height:160px; background-color:#ebebeb; overflow:hidden; float:left; cursor:pointer; margin-right:22px; margin-bottom:22px;}
.cp .lc img{ float:left; border:solid 2px #FFFFFF; margin-right:15px; margin-top:10px; margin-left:10px; width:194px; height:136px;}
.cp .lc img:hover{border:solid 2px #ebebeb;}
/*.cp .lc dl{float:right;}*/
.cp .lc dl dt{ font-weight:bold; color:#302f3d; margin:10px 0 10px 5px; word-wrap:break-word;overflow:hidden;word-break:break-all;}
.cp .lc dl dd{ font-size:14px; color:#464646; line-height:30px;}
/*.cp .lc dl dd a{ font-size:14px; color:#464646; line-height:30px;}*/
/***************************************************案例****************************************************/
.anli{ width:1200px;margin:0 auto; margin-top:20px; overflow:hidden;}
.anli ul{ float:left; margin-right:8px;width:292px;}
.anli ul img{ width:285px; height:180px;}
.anli ul img:hover{box-shadow: 1px 1px 5px #666;}
.anli li{ font-size:14px; color:#302f3d; margin-top:12px; line-height:24px;}
.anli li a{ font-size:16px;color:#302f3d;}
/*************************************************底部*************************************************************/
.foot{ width:100%; height:280px; background-color:#302f3d; margin-top:30px;}
.foo{ width:1200px; margin:0 auto; overflow:hidden;}
.erwei{ width:220px; float:left; overflow:hidden;padding-top:60px; padding-bottom:50px; padding-right:60px; background:url(../images/xian.jpg) no-repeat; background-position:right center;}
.erwei p{ font-size:16px; color:#FFF; margin-bottom:10px; }
.erwei ul{ float:left; margin-right:19px;}
.erwei ul li{ color:#FFF; text-align:center; font-size:14px; margin-top:10px;}
.na{ width:830px; float:right; overflow:hidden;padding-top:60px;}
.con-us{width:280px!important;}
.na dl{ margin-right:40px; float:left;width:150px;}
.na dt{ font-size:18px; line-height:36px; color:#FFF; margin-bottom:5px;}
.na dd{ line-height:32px; font-size:15px; color:#999;}
.na dd a{ font-size:15px; color:#999;}
.na dd a:hover{ color:#CCC;}
.xinxi{width:250px!important;}
.footer{ width:100%; background-color:#2c2b38;}
.fot{ width:1200px; margin:0 auto; overflow:hidden;}
.fot p{ float:left;line-height:40px; font-size:14px; color:#FFF;margin:0 auto;text-align: center;width:1200px;}
/*.fot p{ float:left; line-height:40px; font-size:14px; color:#FFF; margin-right:100px; }*/
.fot p a{ color:#FFF;}
.fot p a:hover{ color:#CCC;}
.fot img{height: 0px;}
/**********************************************关于************************************************************/
.ban{ width:100%; height:280px;}
.wrap{ width:1200px; margin:40px auto;}
.tab{ width:1200px; margin:0 auto;}
.tab-hd {zoom:1; border-bottom:2px #ff7401 solid; padding-bottom:40px;}
.tab-hd li{ float:left; width:240px;text-align:center; cursor:pointer; background: url(../images/dot.png) no-repeat; background-position:bottom center; padding-bottom:25px; font-size:16px; color:#302f3d;}
.tab-hd .active{ color:#e11b12; background: url(../images/do.png) no-repeat; background-position:bottom center; padding-bottom:25px;}
.tab-bd{ margin-top:45px;}
.tab-bd li{display:none;border-top:0 none;}
.tab-bd li.thisclass{ display:list-item;}
.tab-bd .gs{ width:1200px; height:300px;}
.tab-bd .gs img{ float:left;box-shadow: 1px 1px 7px #666;}
.tab-bd .gs p{ float:right; width:460px; font-size:15px; color:#1a1a1a; line-height:34px;}
.tab-bd li h3{ font-size:15px; color:#1a1a1a; line-height:36px; font-weight:normal; margin-top:20px;}
.tab-bd li h3 p{ font-size:15px; color:#1a1a1a; line-height:36px; font-weight:normal; margin-top:20px;}
.tab-bd .ry{ height:880px;}
.tab-bd .ry img{ float:left; margin-right:22.5px; margin-bottom:30px;width:385px;height: 273px;}
.tab-bd .zl{height:800px;}
.tab-bd .zl img{float:left; margin-right:20px; margin-bottom:15px;width:285px;height: 400px;}
.tab-bd .wh{ height:970px;}
.tab-bd .wh img{float:left; margin-right:22.5px; margin-bottom:30px;}
/*_****************************************************技术**************************************************************-*/
.js{ width:1200px; margin:0 auto; overflow:hidden; height:350px; margin-top:40px;}
.js img{ float:left;}
.js p{ width:800px; float:right; font-size:16px; color:#585858; line-height:36px; margin-top:36px;}
.sh{width:1200px; margin:0 auto; overflow:hidden; margin-top:66px;}
.sh ul{ width:385px; margin-right:22px; float:left;}
.sh ul img{box-shadow: 1px 1px 7px #666;}
.sh li{ font-size:14px; color:#585858;margin-top:10px; line-height:32px;}
.ser-size{font-size:16px;} 
/******************************************************联系***************************************************************/
.lx{ width:1200px; margin:0 auto;background-color:#f7f7f7; margin-top:40px;padding-bottom: 30px;}
.lx p{ font-size:15px; color:#302f3d; line-height:34px; padding-top:30px; width:1140px; margin:0 auto;}
.wm{ width:1140px; margin:0 auto; overflow:hidden; margin-top:30px;}
.wm img{ float:left; border:2px #FFFFFF solid; width:546px;}
.wm dl{ float:right; width:560px;}
.wm dt{ font-size:24px; font-weight:bold; color:#302f3d; margin-bottom:15px;}
.wm dd{ font-size:16px; color:#4c4c4c;  line-height:24px;margin-bottom: 10px;}
.wm dd .tell{color:red;font-size: 30px;padding-top:15px;font-weight: 600;}
.wm dd p{ font-size:16px; color:#4c4c4c;  line-height:36px;width:550px;padding-top: 0px;}
/*
.wm dd span{font-size:16px; color:#ab3624; font-weight:bold;}
.wm dd a{font-size:16px; color:#ab3624;font-weight:bold; }
*/
.wz{ width:1200px; margin:0 auto;}
.wz h1{ font-size:24px; border-bottom:1px #CCCCCC solid; padding-bottom:10px; margin-top:28px; color:#302f3d;}
/*
.ly{ width:1200px; margin:0 auto; overflow:hidden;}
.ly h1{ font-size:24px; border-bottom:1px #CCCCCC solid; padding-bottom:10px; margin-top:28px; color:#302f3d;}
.ly input{ width:385px; height:40px; margin-top:20px; font-size:16px; color:#4c4c4c;margin-right:15px; border:1px #CCCCCC solid;box-shadow: 1px 1px 7px #ccc;}
*/
/******************************************************新闻*******************************************************************/
.xw{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px;}
.list{width:880px; float:left;border-right:1px #CCCCCC dashed; padding-right:20px;}
.list .xwfl p{cursor:pointer; width:200px; height:36px; background-color:#e21c13; text-align:center; float:left; margin-right:30px;}
.list .xwfl p a{ font-size:16px; line-height:36px; color:#FFF;}
.zx{ width:880px; height:210px; background-color:#f7f7f7; margin-top:20px; overflow:hidden;}
.zx img{ border:2px #FFFFFF solid; margin-top:10px; margin-left:10px; float:left;}
.zx dl{ width:540px; float:right; margin-right:15px; margin-top:20px;}
.zx dt{ margin-bottom:10px;}
.zx dt a{font-size:18px; color:#303030;}
.zx dd{ font-size:14px; line-height:28px; color:#333333;}
.zx p{font-size:14px; line-height:28px; color:#333333;}
.xl{ width:880px; overflow:hidden; margin-top:30px;}
.xl li{border-bottom:1px dashed #CCCCCC; padding-bottom:5px; margin-bottom:18px;}
.xl a{font-size:16px;color:#404040; background:url(../images/n.jpg) no-repeat; background-position:left center; padding-left:22px; line-height:32px;}
.xl span{float:right;font-size:16px; line-height:32px; color:#666;}
.xl a:hover{color:#666;}
/*********************************************************分页********************************************************/
#pageGro{ width:100%; height:30px;}
#pageGro a{ font-size:14px; color:#999;border:1px solid;padding:0 10px; }
#pageGro a:hover{background-color: #999;color:#fff;}
#pageGro div,#pageGro div ul li{ font-size:12px; color:#999; line-height:23px; float:left; margin-left:5px; border:1px solid red;}
#pageGro div ul li{ width:22px; text-align:center; border:1px solid #999; cursor:pointer;}
#pageGro div ul li.on{ color:#fff; background:#e21c13; border:1px solid #e21c13;}
#pageGro .pageUp,#pageGro .pageDown{ width:63px; border:1px solid #999; cursor:pointer;}
#pageGro .pageUp{ text-indent:23px; background: url(../images/pageUp.png) 5px 7px no-repeat;}
#pageGro .pageDown{ text-indent:5px; background: url(../images/pageDown.png) 46px 6px no-repeat;}
/*******************************************************侧边*********************************************************/
.hot{ width:280px; float:right; height:1050px;}
.hot h1{ font-size:18px; background:url(../images/tj.jpg) no-repeat; background-position:left center; padding-left:40px; color:#303030; margin-bottom:30px;}
#news-container{ width:280px; overflow:hidden;}
#news-container li{height:140px;}
#news-container .one{width:285px; height:120px; background-color:#f7f7f7; overflow:hidden;}
#news-container .one img{border:2px #FFFFFF solid; float:left; margin-top:10px; width:116px; height:96px;}
#news-container .one dl{float:right; margin-top:15px; margin-right:10px;width:150px;}
#news-container .one dt{margin-bottom:5px;width:150px;word-break: break-all;}
#news-container .one dt a{font-size:10px; font-weight:bold; color:#333;width:150px;}
#news-container .one dd{font-size:12px; line-height:22px;width:150px;word-break: break-all;}
.cl{ width:280px;}
.cl h2{ font-size:18px; border-bottom:1px #b3b3b3 solid; padding-bottom:10px; margin-top:5px;}
.cl img{ border:1px #e6e6e6 solid; margin-top:15px;}
.cl ul{ margin-top:10px;}
.cl li{ font-size:14px; line-height:36px;}
/********************************************************新闻详情***********************************************************/
.xwxq{ width:880px; overflow:hidden;}
.xwxq h1{ font-size:18px; color:#ab3624; margin-top:20px; margin-bottom:12px;}
.xwxq span{ font-size:14px;}
.xwxq p{background-color:#ffffff; font-size:14px;color:#302f3d; margin-top:12px; line-height:34px; width:880px;!important;text-align:left;clear: both;}
.xwxq p strong{ font-size:14px;font-weight:normal; color:#302f3d; margin-top:12px; line-height:34px;}
.xwxq p a{ font-size:14px; line-height:34px; color:#e21c13;}
.xwxq div{ font-size:14px;font-weight:normal; color:#302f3d; margin-top:12px; line-height:34px;text-align: left}
.xwxq img{ margin-top:15px;margin: 0 auto;}
.xwxq li{ /*float:left;*/ text-align:center;}
.xwxq ul a{ color:#666666; line-height:32px;}
.xwxq ul a:hover{ color:#333;}
.xwxq dt{ font-size:16px; color:#302f3d; font-weight:bold; margin-top:40px; margin-bottom:15px;}
.xwxq dd{ width:400px; border-bottom:1px #CCCCCC dashed; float:left; margin-bottom:10px; padding-bottom:5px;overflow:hidden;height:30px; }
.xwxq dd a{ line-height:32px; color:#303030; background:url(../images/n.jpg) no-repeat; background-position:left center; padding-left:22px; font-size:15px;}
/********************************************************工程案例************************************************************/
.gcal{ width:1200px; margin:0 auto; overflow:hidden; margin-top:30px;}
.gc{ width:383px; height:330px;float:left; margin-right:25px; margin-bottom:45px;overflow:hidden; }
.gc img{ width:383px; height:230px; border:1px #ccc solid;}
.gc img:hover{box-shadow: 1px 1px 5px #666;}
.gc img:hover{box-shadow: 1px 1px 5px #666;}
.gc .su{ width:60px; height:80px; margin-top:15px; float:left;}
.gc .su h1{ font-size:42px; height:55px; width:60px; color:#FFF; background-color:#302f3d;text-align:center;font-family:'黑体'; line-height:55px;}
.gc .su h2{ width:60px; height:25px; background:#808080; line-height:25px; text-align:center; font-weight:normal;}
.gc .su h2 a{ font-size:12px; color:#FFF;}
.gc dl{ float: right; margin-top:15px; width:290px;overflow:hidden; }
.gc dt{  margin-bottom:8px;width:270px;overflow:hidden;height:22px;}
.gc dt a{font-size:18px; font-weight:bold; color:#302f3d;}
.gc dd{ font-size:15px; color:#302f3d; line-height:24px;}
/****************************************************案例详情**********************************************************/
.tj{ width:1200px; margin:0 auto; height:120px; overflow:hidden; margin-top:40px;}
.tj .zhanshi{ width:220px; height:120px; float:left; background-color:#302f3d;}
.tj .zhanshi h1{ font-size:30px; color:#FFF;font-family: '华文行楷'; line-height:120px; font-weight:normal; background:url(../images/cptj.jpg) no-repeat; background-position:center right; padding-left:20px; width:180px;}
.tj .liebiao{ width:950px; float:right;}
.tj .liebiao li{ width:180px; height:40px; background-color:#808080; line-height:40px; text-align:center; cursor:pointer; float:left; margin-right:12.5px; margin-bottom:30px; margin-top:5px;}
.tj .liebiao li a{ font-size:16px; color:#FFF;}
.tj .liebiao li:hover{background-color:#302f3d;}
.alxq{ width:1200px; height:430px; margin:0 auto; overflow:hidden; margin-top:36px;}
.alxq img{ width:660px; height:420px; float:left;}
.alxq img:hover{box-shadow: 1px 1px 7px #666; cursor:pointer;}
.alxq dl{ width:500px; float:right;}
.alxq dt{ font-size:24px; font-weight:bold; color:#1a1a1a; margin-bottom:20px;}
.alxq dd { font-size:16px; line-height:36px;}
.alxq dd p{ font-size:16px; line-height:34px;}
.alxq dd span{ font-size:20px;}
/************************************************产品展示**********************************************************/
.cpzx{ width:1200px; margin:0 auto; overflow:hidden;}
.cpzx .cz{ width:385px; height:460px; background-color:#f7f7f7; margin-right:22.5px; float:left;margin-top:40px;}
.cpzx .cz img{ width:383px; height:240px;  border:1px #ccc solid;}
.cpzx .cz img:hover{box-shadow: 1px 1px 2px #ccc;}
.cpzx .cz dl{ margin-top:20px; width:350px; padding-left:18px;}
.cpzx .cz dt{  margin-bottom:10px;}
.cpzx .cz dt a{font-size:18px; font-weight:bold; color:#333;}
.cpzx .cz dd{ font-size:14px; line-height:24px; color:#4c4c4c; cursor:pointer;}
.cpzx .cz dd a{ color:#FFF; line-height:36px; font-size:16px;}
.cpzx .cz dd a:hover{ color:#e5e5e5;}
/*********************************************产品详情**************************************************************/
.cpxq{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px; margin-bottom:40px;}
.cpxq img{ width:600px; height:380px; float:left;}
.cpxq dl{ width:570px; float:right;}
.cpxq dt{ font-size:24px; color:#333; font-weight: bold; margin-bottom:10px;}
.cpxq dd{ line-height:30px; font-size:15px; overflow: hidden;}
.cpxq dd span{ font-weight:bold;font-size:16px; color:#000000;}
/*.cpxq dd a{ color:#e21b13;}*/
.cpxq ul{ margin-top:18px;}
.cpxq ul li img{ width:220px; height:46px; margin-right:40px;}
.col960 {width:1200px;margin:0 auto;}
.navbg {height:102px;width:1200px;background: url(../images/line1.jpg);position:absolute;z-index:999;left:7.5%; }
#navul li {float: left;width:240px;height:80px;position:relative;text-align:center; margin-top:15px; background:url(../images/line2.jpg) no-repeat; cursor:pointer;}
#navul li a:link, #navul li a:visited {color:#302d3e; font-size:16px;}
#cptd{ width:1200px; margin:0 auto; overflow:hidden; margin-top:50px;}
#cptd h1{ font-size:24px; color:#333;}
#cptd ul{ margin-top:30px;}
#cptd ul .cplf p{ width:600px; height:375px; float:left;}
#cptd ul img{ width:600px; height:360px; float:left;}
#cptd ul embed{ width:600px; height:360px; float:left;}
#cptd li p{ width:550px; height:360px; float:right; font-size:15px; line-height:32px;}
#jstd{width:1200px; margin:0 auto; overflow:hidden;}
#jstd h1{font-size:24px; color:#333;}
#chenkbox {width:100%;position: relative; margin-top:20px;}
table {width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;background: #ebf3f0;}
th {font-size: 14px;color: #000002;height: 25px;cursor: pointer;background-color: #CCC;}
td:hover{ background-color:#000; color:#fff;filter:alpha(opacity=40); opacity: 0.50; }
th, td {text-align: center;border: 1px solid #fff;padding:10px 10px; font-size:14px;height:25px;color:#515151; cursor:pointer;}
.jd{width:1200px; margin:0 auto; overflow:hidden; margin-top:30px;}
.jd h1{font-size:24px; color:#333;}
.bdsharebuttonbox{margin-top: 30px; }
/********************************************************END************************************************************/
.prev{width:400px; height:32px; background:url(../images/line.jpg); margin-top:20px;}
.next{float:right;width:400px; height:32px; background:url(../images/line.jpg); margin-top:5px;}