@charset "utf-8";
/*
* 头部 开始
*/
/*PC端*/
	@media(min-width: 1200px){
		* {
		    padding: 0;
		    margin: 0;
		}
		a{
			text-decoration: none;
			color: black;
		}
		ul{
			list-style: none;
			overflow: hidden;
			padding-left: 0px;
			margin-top: 0px;
		}
		.header{ display:none;}
		#nav_top{ display:none;}
		.container{
			width: 1200px;
			margin: 0 auto;
		}
		.container-fluid{
			width: 100%;
			margin: 0 auto;
		}
		.container .logo-search{
			overflow: hidden;
			height: 70px;
			margin-bottom: 20px;
		}
		.container .logo-search .jl-log{
			float: left;
			width: 60%;
		}
		.container .logo-search img{
			height: 70px;
		}
		.container .jl-logoright{
			float: right;
			width: 40%;
		}
		
		.container .logo-search .jl-search {
			line-height: 70px;
			width: 60%;
			float: left;
		}
		.container .logo-search .jl-search .form-group .border{
			display: inline-block;
			width: 50px;
			height: 27px;
			line-height: 24px;
			background-color: #328BDF;
			border-radius: 3px 32px 32px 2px;
			padding-left: 0px;
			margin-left: -5px;
			color: white;
			font-size: 14px;
			border:none;
		}
		.container .logo-search .jl-search .form-group .form-input{
			height: 25px;
			border: 1px solid #F0F0F0;
			background: #F0F0F0;
		}
		.container .logo-search .jl-search .form-group .search-icon{
			display: inline-block;
			width: 30px;
			background: #eef;
			height: 28px;
			line-height: 25px;
			padding-left: 12px;
			border-radius: 13px 1px 1px 13px;
			margin-right: -5px;
			background: #F0F0F0;
		}
		.container .logo-search .jl-search .form-group .search-icon img{
			height: 16px;margin-bottom: -3px;
		}

		.container .logo-search .jl-member {
			line-height: 70px;
			width: 37%;
			float: right;
			text-align: right;
			display: flex;
			justify-content: center;
		}
		.container .logo-search .jl-member .logreg{
			float: left;
			color: gray;
			font-size: 14px;
		}
		.container .logo-search .jl-member .logreg a{
			
			color: gray;
			
		}
		.container .logo-search .jl-member .memicon {
			float: left;
			margin-top: 4px;
			margin-left: 4px;
		}
		.container .logo-search .jl-member .memicon  img {
			height: 23px;
		}

	.menu{
		height: 45px;
	}
	.menu .deyuan{
		float: left;
		width: 30%;
		height: 45px;
	}
	.menu .deyuan .deyuanclick{
		width: 200px;
		background-color: #328BDF;
		color: white;
		line-height: 45px;
		text-align: center;
		position: relative;
	}
	.menu .deyuan .deyuanclick>span{ background:url(../images/11.png) no-repeat left; padding-left:30px; box-sizing:border-box;}
	.menu .menuul{

		margin: 0 auto;
		width: 65%;
		line-height: 0px;
		margin-top: 2px;
	}
		/*float: right;*/
	.menu .menuul ul{
		 
		margin-bottom: -1px;
		margin-top: 0px;
	}
	.menu .menuul ul li:hover{
		border-bottom: 3px solid #328be0;
	}
	.menu .menuul ul li{
		float: left;
		padding: 9px 2px;
		height: 23px;
		line-height: 23px;
		margin: 1px 29px;
		transition:0.3s;
		width: 66px;
		text-align: center;
	}
	
	.menu .deyuan .deyuanclick .column{
		z-index: 999;
		position: relative;
		heig ht: 458px;
		max-he ight: 458px;
		background:rgba(255,255,255,0.7);
	}
	.menu .deyuan .deyuanclick .column ul li{
		text-align: left;
		padding: 0px 20px;
		border-bottom: 1px solid aliceblue;
		line-height:42px;
        
	}
	.menu .deyuan .deyuanclick .column ul li a{ font-size:15px;}
	.menu .deyuan .deyuanclick .column ul li span{
		float: right;
	}
	.menu .deyuan .deyuanclick .column ul li:hover{
		background-color: #5e9edb;
	}
	
	.menu .deyuan .deyuanclick .twoul li a{
		font-size: 14px;
		display: inline-block;
		width: 200px;
	}
	.menu .deyuan .deyuanclick .twoul li:hover{
		font-size: 15px;
		background: #5e9edb;
	}
	.menu .deyuan .deyuanclick .twoul li{
		width: 377px;

	}
	.menu .deyuan .deyuanclick .twoul{
		transform: translateZ(0);
		display: none;
		position: absolute;
		left: 200px;
		top: 0px;
		padding: 0px;
		height: 455px;
		border: 1px solid #D0B0A6;
		box-shadow: 2px 2px 0 #dcdadb;
		/*background-color: #FFF;*/
		background: rgba(255,255,255,0.7);
		color: #333;
		font-size: 12px;
		z-index: 22;
		width: 500px;
	}
	
	.menu .deyuan .deyuanclick .twoul .hideul li{
		width: 230px;

	}
	.menu .deyuan .deyuanclick .twoul .hideul li a{
		font-size: 14px;
		display: inline-block;
		width: 230px;
	}
	.menu .deyuan .deyuanclick .twoul .hideul{
		transform: translateZ(0);
		display: none;
		position: absolute;
		left: 200px;
		top: 0px;
		padding: 0px;
		height: 455px;
		border: 1px solid #D0B0A6;
		box-shadow: 2px 2px 0 #dcdadb;
		/*background-color: #FFF;*/
		background: rgba(255,255,255,0.7);
		color: #333;
		font-size: 12px;
		z-index: 22;
		width: 300px;
	}
	.dynamic{ font-size:18px; color:#666;}
	
	
	
/*
* 头部结束
*/
/*
* 轮播图 开始
*/
 /*标题样式*/
   .app {
	    width: 100%;
	    text-align: center;
	}
	 
	.app .scroll {
	    position: relative;
	    display: inline-block;
	    height: 510px;
	    width: 100%;

	}
	 
	.app .scroll .img {
	    display: none;
	    width: 100%;
	    height: 510px;
	}
	 
	.app .scroll .current {
	    display: block;
	}
	 
	.app .scroll .lf {
	    position: absolute;
	    top: 50%;
	    left: 10px;
	    background-image: url('../images/arrow.png');
	    background-position: -83px 0;
	    width: 41px;
	    height: 69px;
	    cursor: pointer;
	    transform: translateY(-50%);
	}
	 

	.app .scroll .lr {
	    position: absolute;
	    top: 50%;
	    right: 10px;
	    background-image: url('../images/arrow.png');
	    background-position: -123px 0;
	    width: 41px;
	    height: 69px;
	    cursor: pointer;
	    transform: translateY(-50%);
	}
	 
	.app .dots {
	   	margin-top: -33px;
		z-index: 999;
		position: relative;
	}
	 
	.app .dots>span {
	    display: inline-block;
	    box-sizing: border-box;
	    width: 11px;
	    height: 11px;
	    border: 1px solid #328be0;
	    border-radius: 15px;
	    cursor: pointer;
	}
	 
	.app .dots>span:not(:last-child) {
	    margin-right: 5px;
	}
	 
	/* 小圆点的颜色 */
	.app .dots .square {
	    background: #328be0;
	}
	.scroll_con{ width:1180px; margin:0 auto; position:relative;}
	.yousi{ position:absolute; top:-500px; right:31px;}
	.yousi ul li{ padding:6px; box-sizing:border-box;}
	.yousi ul li a{ display:block; width:50%; height:100%; line-height:110px; padding:0 50px;}
	.yousi ul li:nth-child(1) a{ background:url(../images/a1.jpg) no-repeat center}
	.yousi ul li:nth-child(2) a{ background:url(../images/a2.jpg) no-repeat center}
	.yousi ul li:nth-child(3) a{ background:url(../images/a3.jpg) no-repeat center}
	.yousi ul li:nth-child(4) a{ background:url(../images/a4.jpg) no-repeat center}
/*
* 轮播图 结束
*/

  /*底部开始*/
	.foot{ width:100%; background:#383838;clear: both;}
	.foot_con{ width:1180px; margin:0 auto; padding:50px 0; box-sizing:border-box;}
	.foot_con .foot_left{ width:80%; float:left;}
	.foot_con .foot_left h3{ font-size:19px; color:#FFF; line-height:30px; font-weight:500;}
	.foot_con .foot_left span{ font-size:15px; color:#CCC; line-height:25px; font-weight:400; display:block; margin-bottom:15px;}
	.foot_con .foot_left p{ font-size:15px; line-height:30px; color:#c2c2c2;}
	.foot_con .foot_right{ width:20%; float:right; background:url(../images/xian.png) no-repeat left; padding-left:50px; box-sizing:border-box;}
	.foot_con .foot_right h3{ font-size:19px; color:#FFF; line-height:30px; font-weight:500;}
	.foot_con .foot_right span{ font-size:15px; color:#CCC; line-height:25px; display:block; margin-bottom:15px;}
	.clear{ clear:both;}
/*底部结束*/
}

@media(max-width:768px){
	.header{ display:block;}
	#nav_top{ display:block;}
	.containertt{ display:none;}
	
	.header{background:#1184DA;margin:0 auto;max-width:640px;width:100%;color:#fff;padding:10px 20px;}
    .header a{color:#fff;}
    .header a:hover{color:#ff0;}
    .header .logo{margin:0 20%;text-align:center;}
    .header .logo img{max-height:25px;width:auto;}
	.nav ul{margin-top:10px;}
	.nav ul li{padding-left:20px;line-height:45px;border-bottom:1px solid #474747;}
	.nav ul li a{color:#ddd;display:block;margin-right:5%;}
	.nav ul li a:hover{color:#ff0;}
	.nav ul li span{margin-right:15px;font-size:20px;color:#fff;width:10%;float:right;text-align:center;}
	.nav .am-panel{background:none;margin:0;}

	
	
	
		
	}