/** 页面整体 */
* {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    width: 100%;
    font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu,Arial;
    font-size: 16px;
    color: #333;
    background: #fcfcfc
}
img{
    border:none;
}
a {
    color: #333333;
    text-decoration: none;
}

    a:hover {
        color: #1e5ead;
        text-decoration: none;
    }

/*导航部分*/
    
 .header .nav-list button {
            width: 25px;
            height: 30px;
            position: absolute;
            top: 30px;
            right: 15px;
            background-color: transparent;
            border: none;
            outline: none;
            cursor: pointer;
        }

            .header .nav-list button span {
                display: block;
                width: 25px;
                height: 2px;
                background: #1e5ead;
                margin-bottom: 6px;
                transition: 0.5s;
            }

                .header .nav-list button span.spa1 {
                    transform: rotate(45deg);
                }

                .header .nav-list button span.spa3 {
                    transform: rotate(-45deg) translate(5px,-5px);
                }

    .header .layui-nav * {
        font-size: 18px;
    }

   
    .header .layui-nav-bar,
    .header .layui-nav .layui-this:after {
        height: 2px;
        background-color: #1e5ead;
    }

    .header .layui-nav .layui-this a, .nav .layui-nav .layui-nav-item a:hover {
        color: #1e5ead;
    }


	


/*大屏幕*/
@media screen and (min-width: 640px) {
  
.header {
    width: 100%;
    height: 128px;
    z-index: 999;
    transition: 0.3s;
	max-height: 128px;
}
	.header .logo {
        height: 100%;
        position: absolute;
        top: 12px;
        left: 12px;
    }


    .header .container {
		margin:0 auto;
		width: 1280px;
        padding: 12px 0px 12px 0px;
        position: relative;
    }

        .header .nav-list button {
            display: none;
        }

        .header .layui-nav {
            width: 728px;
            position: absolute;
            top: 0;
            padding: 0 5px;
            border-radius: 0;
            margin: 0;
            background: transparent;
            right: 0;
        }

            .header .layui-nav .layui-nav-item {
                display: inline-block;
                line-height: 128px;
                margin: 0px 18px 0px 18px;
            }
			.header .layui-nav .layui-nav-item a {
				color:#333333;
				padding: 0 0;
			}
.banner {
    width: 100%;
    background: #1e5dab;
    transition: 0.3s;
	height:358px;
}
.banner .container
{
	width:100%;
	margin:0 auto;
	
}
.banner .container #carousel
{
	overflow:hidden;
	height:358px;
}
.banner .container #carousel img
{
	width:100%;
	height:468px;
}

/*主体*/
.main {
        width: 100%;
		clear:both;
    }
    .main .container {
        width: 1258px;
        display: block;
        position: relative;
        margin: 0px auto;
    }
	
	.main .container .line{
		display:block;
		background:#dcdcdc;
		height:2px;
		width:1258px
	}
	.main .container .title{
		height:82px;
		display:block;
	}
	.main .container .title span{
		 float:right;
		 margin:20px 32px 0px 0px;
		 font-size:18px;
	}
	.main .container .label{
		padding:22px 0px 0px 0px;
	}
	
	/*介绍*/
	.main .container .info{
		width:100%;
		display:block;
	}
	.main .container .info .content{
		padding:20px 8px 0px 8px;
	}
	.main .container .info .content #Idata{
		display:inline-block;
		width:802px;
		height:312px;
		text-indent: 2em;
	}
	.main .container .info .content #Idata{
		line-height: 168%;
		text-align: justify;
		font-family: 微软雅黑,"Microsoft YaHei","Microsoft JhengHei",Arial;
		font-size: 20px;
		margin:6px;
	}
	.main .container .info .content #Ilogin{
		float:right;
		width:408px;
		height:328px;
		background:#F6F6F6;
	}
	.main .container .info .content #Ilogin #Ititle{
		height:52px;
		width:382px;
		background:#1a5aa9;
		color:#fff;
		line-height:52px;
		font-size:20px;
		padding:0px 12px 0px 12px
	}
	.main .container .info .content #Ilogin #Ilist{
		height:358px;
		width:362px;
		color:#333;
		line-height:150%;
		padding:18px 12px 18px 22px;
		text-align:center;
		font-size:17px;
	}
	
	
	/*新闻*/
	.main .container .news{
		width:100%;
		display:block;
	}
	.main .container .news .content{
		padding:20px 8px 0px 8px;
	}
	.main .container .news .content #Ndata{
		display:inline-block;
		width:822px;
		height:410px;
	}
	.main .container .news .content #Npost{
		float:right;
		width:408px;
		height:410px;
		background:#F6F6F6;
	}
	.main .container .news .content #Npost #Ptitle{
		height:52px;
		width:382px;
		background:#1a5aa9;
		color:#fff;
		line-height:52px;
		font-size:20px;
		padding:0px 12px 0px 12px
	}
	.main .container .news .content #Npost #Plist{
		height:358px;
		width:382px;
		color:#333;
		line-height:150%;
		font-size:20px;
		padding:0px 12px 0px 12px
	}

	.main .container .news .content #Npost #Nlist3{
		display:block;
		padding:6px;
		border-bottom:2px #E1E1E1 solid;
		font-size:17px;
		line-height:165%;
	}
	.main .container .news .content #Ndata #Dtop{
		width:100%;
		clear:both;
		height:250px;
	}
	.main .container .news .content #Ndata #Dtop #Dimage{
		width:366px;
		height:236px;
		display:inline-block;
		border:1px #CCC solid;
		padding:6px;
		overflow: hidden;
	}
	.main .container .news .content #Ndata #Dtop #Dimage img {
        width: 100%;
        height: 100%;
        cursor: pointer;
        transition: all 0.6s;
	}
	.main .container .news .content #Ndata #Dtop #Dimage img:hover {
        transform: scale(1.2);
	}
	.main .container .news .content #Ndata #Dtop #Dinfo{
		width:410px;
		height:250px;
		display:inline-block;
		float:right;
		margin:0px 18px 0px 0px;
	}
	.main .container .news .content #Ndata #Dtop #Dinfo #Dtitle{
		height:48px;
		line-height:48px;
		display:block;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		font-size:22px;
	}
	.main .container .news .content #Ndata #Dtop #Dinfo #Ddetail{
		height:210px;
		line-height:165%;
		display:block;
		font-size:17px;
		text-indent:2em;
		text-align:justify
	}
	.main .container .news .content #Dlist{
		width:100%;
		clear:both;
		height:160px;
	}
	.main .container .news .content #Dlist #Ndot4{
		font-size:12px;
		color:#aaa;
	}
	.main .container .news .content #Dlist #Nlist4{
		display:block;
		height:36px;
		line-height:36px;
		padding:6px;
		font-size:17px;
		border-bottom:2px #E1E1E1 solid;
	}
	.main .container .news .content #Dlist #Nlist4 a{
		width:calc(100% - 128px);
		display:inline-block;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		font-size:17px;
	}
	.main .container .news .content #Dlist #Ndate4{
		float:right;
		display:inline-block;
		width:102px;
		color:#999;	
	}
	
	
	
	/*荣誉*/
	.main .container .honor{
		width:100%;
		display:block;
	}
	.main .container .honor .content{
		padding:20px 8px 0px 8px;
	}
	.main .container .honor .content #Hdata{
		display:inline-block;
		width:768px;
		height:312px;
	}
	.main .container .honor .content #Himage{
		float:right;
		width:428px;
		height:312px;
		margin:10px 0px 0px 0px;		
	}
	
	.picScroll{ margin:0px auto;  position:relative;  width:728px; height:312px; padding:0px 0px 0px 58px; overflow:hidden;}
	.picScroll .prev{ display:block; position:absolute; top:98px; left:0px; width:48px;height:312px;z-index:9999; }
	.picScroll .next{ display:block; position:absolute; top:98px; left:0px; width:48px;height:312px;z-index:9999; }
	.picScroll .next{ left:auto; right:0px; }
	.picScroll ul{ overflow:hidden; zoom:1;width:100%;height:312px;display:block; padding:100px; position:absolute; left:80px; }
	.picScroll ul li{ width:208px; float:left; overflow:hidden; padding:0 6px;}
	.picScroll ul img{ width:205px;height:138px; margin:12px 6px 12px 6px;}
	
	/*案例*/
	.main .container .case{
		width:100%;
		display:block;
	}
	.main .container .case .content{
		padding:28px 8px 0px 8px;
	}
	.main .container .case .content #Cdata{
		display:inline-block;
		width:100%;
		height:278px;
	}
	
	.main .container .case .content #Cdata #Clist{
		display:inline-block;
		width:192px;
		height:246px;
		margin:0px 15px 0px 0px;
		position:relative;
	}
	.main .container .case .content #Cdata #Clist #Cpic{
		width:192px;
		height:246px;		
	}
	.main .container .case .content #Cdata #Clist #Ctitle{
		width:192px;
		height:32px;
		background: rgba(0, 0, 0,0.8);
		position:absolute;
		bottom:0px;
		display:block;
		color:#ffffff;
		text-align:center;
		line-height:32px;
	}
	
	
	/*导航*/
	.main .container .nav {
		height:280px;
		background:url(/images/bg1.jpg);
	}
	.main .container .nav{
		width:100%;
		display:block;
	}
	.main .container .nav .content{
		padding:12px 8px 0px 18px;
	}
	.main .container .nav .content #Vdata{
		display:inline-block;
		width:698px;
		padding:12px 20px 0px 20px;
	}
	.main .container .nav .content #Vdata #Vlist{
		display:inline-block;
		float:left;
		margin:0px 38px 0px 0px;
	}
	.main .container .nav .content #Vdata #Vlist span{
		display:block;
		height:42px;
		line-height:42px;
		color:#cccccc;
		font-size:18px;
	}
	.main .container .nav .content #Vdata #Vlist a{
		display:block;
		height:32px;
		line-height:32px;
		color:#cccccc;
		font-size:17px;
	}
	.main .container .nav .content #Vcode{
		float:right;
		width:442px;
		padding:48px 0px 0px 0px;
	}
	.main .container .nav .content #Vcode #Vtitle{
		width:121px;
		height:38px;
		display:block;
		font-size:18px;
		color:#FFFFFF;
		text-align:center;
		line-height:38px
	}

.footer {
    width: 100%;
}
	.footer .container {
        width: 1258px;
        display: block;
        margin: 0px auto;
    }
	.footer .container .info {
        width:800px;
		line-height:150%;
		height:52px; 
		display:inline-block;
		padding:6px 0px 0px 0px;
    }
	.footer .container .contact {
        float:right;
		width:380px;
		line-height:150%;
		height:52px;
		display: block;
		padding:6px 0px 0px 0px;
    }
	

}

/*小屏幕*/
@media screen and (max-width: 640px) {
     .header {
		height:80px;
        max-height: 80px;
		z-index: 999;
		background:#ffffff;
		
    }
	.header .logo {
        position: absolute;
        top: 8px;
        left: 12px;
    }
	.header .logo img{
       width:80%
    }

    .header .container {
		margin:0 auto;
        padding: 6px 0px 6px 0px;
        position: relative;
    }

	/*菜单*/
        .header .nav-list button {
            display: block;
        }

        .header .layui-nav {
            width: 100%;
            top: 80px;
            left: 0;
            position: fixed;
            background: rgba(0, 0, 0,0.8);
            z-index: 1000;
            height: 0px;
            overflow: hidden;
            transition: 0.3s
        }
			 .header .layui-nav .layui-nav-item {
					display: block;
					line-height: 60px;
					border-bottom:1px #666666 solid;
					
			 }
			.header .layui-nav .layui-nav-item a {
				color:#ffffff;
				padding: 0 0;
			}
	.banner {
	    width: 100%;
		z-index: 996;
	}
		.banner .container
		{
			width:100%;
			margin:0 auto;
		}
		.banner .container #banner
		{
			width:100%;
			height:148px;
		}
		
		.banner .container #banner #carousel
		{
			width:100%;
			height:148px;
		}
		/*主体*/
	.main {
        width: auto;
		clear:both;
		padding:0px 5px 0px 5px;
		margin:0px 0px 58px 0px;
    }
    .main .container {
        display: block;
		margin:0px 0px 0px 0px;
    }
	
	.main .container .line{
		display:block;
		background:#dcdcdc;
		height:2px;
		width:auto;
	}
	.main .container .title{
		height:68px;
		display:block;
	}
	.main .container .title span{
		float:right;
		margin:10px;
		font-size:17px
	}
	.main .container .label{
		padding:22px 0px 0px 0px;
	}
	.main .container .label img{
		height:38px;
	}
	
	/*介绍*/
	.main .container .info{
		width:100%;
		display:block;
	}
	.main .container .info .content{
		padding:8px;
	}
	.main .container .info .content #Idata{
		display:block;
		width:100%;
		margin-top: 6px;
		margin-bottom: 12px;
	}
	.main .container .info .content #Idata {
		line-height: 150%;
		text-align: justify;
		font-family: 微软雅黑;
		font-size: 17px;
		text-indent: 2em;
		color:#333;
	}
	
	.main .container .info .content #Ilogin{
		clear:both;
		margin:6px 0px 0px 0px;
		display:block;
		background:#F6F6F6;
	}
	.main .container .info .content #Ilogin #Ititle{
		height:42px;
		width:auto;
		background:#1a5aa9;
		color:#fff;
		line-height:42px;
		font-size:18px;
		text-indent:1em;
	}
	.main .container .info .content #Ilogin #Ilist{
		padding:8px 0px 0px 0px;
		width:96%;
		color:#333;
		line-height:150%;
		font-size:17px;
		display:block;
		margin:0 auto;
	}
		
	/*新闻*/
	.main .container .news{
		width:100%;
		display:block;
	}
	.main .container .news .content{
		padding:8px;
	}
	.main .container .news .content #Ndata{
		display:block;
	}
	.main .container .news .content #Npost{
		margin:6px 0px 0px 0px;
		display:block;
		background:#F6F6F6;
	}
	.main .container .news .content #Npost #Ptitle{
		height:42px;
		width:auto;
		background:#1a5aa9;
		color:#fff;
		line-height:42px;
		font-size:18px;
		text-indent:1em;
	}
	.main .container .news .content #Npost #Plist{
		width:100%;
		color:#333;
		line-height:150%;
		font-size:17px;
	}
	.main .container .news .content #Npost #Nlist3{
		display:block;
		padding:6px;
		border-bottom:1px #E1E1E1 solid;
		font-size:17px;
		line-height:165%;
	}
	.main .container .news .content #Ndata #Dtop{
		width:100%;
		clear:both;
	}
	.main .container .news .content #Ndata #Dtop #Dimage{
		width:152px;
		height:102px;
		display:inline-block;
		overflow: hidden;
		margin:0px 2px 0px 0px;
	}
	.main .container .news .content #Ndata #Dtop #Dimage img {
        width: 100%;
        height: 100%;
	}
	.main .container .news .content #Ndata #Dtop #Dinfo{
		width:calc(100% - 162px);
		height:102px;
		display:inline-block;
		float:right;
		overflow:hidden;
		text-overflow:ellipsis;		
	}
	.main .container .news .content #Ndata #Dtop #Dinfo #Dtitle{
		display:none;
	}
	.main .container .news .content #Ndata #Dtop #Dinfo #Ddetail{
		line-height: 150%;
		text-align: justify;
		font-size: 17px;
		display:block;
		text-indent:2em;
	}
	.main .container .news .content #Dlist{
		width:100%;
		clear:both;
	}
	.main .container .news .content #Dlist #Nlist4{
		display:block;
		height:36px;
		line-height:36px;
		padding:6px 0px 6px 0px;
		font-size:17px;
		border-bottom:1px #E1E1E1 solid;
	}
	.main .container .news .content #Dlist #Nlist4 a{
		width:calc(100% - 98px);
		display:inline-block;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		font-size:17px;
	}
	.main .container .news .content #Dlist #Ndot4{
		display:none;
	}
	.main .container .news .content #Dlist #Ndate4{
		float:right;
		display:inline-block;
		width:98px;
		color:#999;
		text-align:right;
	}
	/*荣誉*/
	.main .container .honor{
		width:100%;
		display:none;
	}
	
	.main .container .nav{
		width:100%;
		display:none;
	}
	
	/*案例*/
	.main .container .case{
		width:100%;
		display:block;
	}
	.main .container .case .content{
		padding:8px;
	}
	.main .container .case .content #Cdata{
		display:inline-block;
		width:100%;
		height:278px;
	}
	
	.main .container .case .content #Cdata #Clist{
		display:inline-block;
		width:30%;
		margin:5px;
		position:relative;
	}
	.main .container .case .content #Cdata #Clist #Cpic{
		width:100%;
		height:100%;		
	}
	.main .container .case .content #Cdata #Clist #Ctitle{
		width:100%;
		height:32px;
		background: rgba(0, 0, 0,0.8);
		position:absolute;
		bottom:0px;
		display:block;
		color:#ffffff;
		text-align:center;
		line-height:32px;
	}
	
	
	/*底部*/
	.footer {
		position: fixed;
        left: 0px;
        bottom: 0px;
		clear:both;
		width: 100%;
	}
		.footer .container {
			width: 100%;
			display: block;
			height:38px;
			background:url(/images/bg2.png);
		}
		.footer .container .info1 {
			display:block;
			line-height:38px;
			text-align:center;
			color:#fff;
		}
		.footer .container .info2 {
			display:none;
		}
		.footer .container .contact {
			display:none;
		}
	
}