/*初始设置*/
*{padding:0; margin:0;}
ul,ol{ list-style:none}
a{ text-decoration:none;}
input,a{ outline:none;}
body{ font-family:"微软雅黑","黑体","宋体"; box-sizing:border-box; background:#fff;}
img{ border:none;}

@font-face{
}

/*网站页面样式*/
/*头部区域*/
.header{ width:100%;background:#fff;left:0; top:0;position:fixed; z-index:100; box-sizing:border-box;}
.header.on{ position:fixed; z-index:100; height:100px; border-bottom:1px solid #e8e8e8;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.05); transition:0.3s;}
.hd_con{ width:100%; height:100px; margin:0 auto; box-sizing:border-box; padding:0 25px;}
.header .logo{ float:left; margin-top:14px;}
.header .logo a{ display:block;}
.header .nav{ float:right; width:60%;}
.header .nav ul{ float:left;}
.header .nav li{ float:left; padding-right:55px;}
.header .nav .ddh{ display:block; line-height:97px; color:#595757; font-size:16px; position:relative;}
/*.header .nav li:hover .ddh,.header .nav li.on .ddh{ color:#313131; border-bottom:3px solid #595757;box-sizing:border-box;}*/
.nav li .down{ width:100%; background:rgba(255,255,255,1); position:absolute; top:100px; left:0; display:none; transition:0.5s; z-index:100; box-sizing:border-box; 
padding-left:40%; height:40px;}
.nav li .down a{ display:inline-block; color:#686868; line-height:40px; font-size:14px; margin-right:25px;}
.nav li .down a:hover{color:#2d4f75;}
.nav li:hover .down{ display:block;}

.nav:hover .line{height:3px; background:#595757; position:absolute; bottom:0;}


.header .nav .souss{ float:right; width:265px; height:36px; background:#fff; border:1px solid #bfbfbf; border-radius:18px; box-sizing:border-box; padding:0 18px;
margin-top:32px;}
.header .nav .souss::after{ display:block; content:""; clear:both;}
.header .nav .souss .sousl{ width:200px; height:34px; border:none; outline:none; font-size:14px; color:#888; line-height:34px; float:left;}
.header .nav .souss .sousr{ width:24px; height:34px; border:none; outline:none; background:url(../images/ss1.png) no-repeat center; transition:0.3s; float:right;}
.header .nav .souss .sousr:hover{background:url(../images/ss1h.png) no-repeat center;}


.header .btn{ border:1px solid #333333; position:absolute; top:0; right:0; padding:4px; border-radius:3px; cursor:pointer; display:none;}
.header .btn i{ display:block; width:20px; height:3px; background:#333333; margin:3px; transition:0.3s;}
.header .btn i:nth-child(1){transform-origin:left bottom;}
.header .btn i:nth-child(2){ opacity:1}
.header .btn i:nth-child(3){transform-origin:left top;}
.header .btn.on i:nth-child(1){ transform:rotate(35deg); }
.header .btn.on i:nth-child(2){  opacity:0}
.header .btn.on i:nth-child(3){ transform:rotate(-35deg); }


/*海报区域*/
.haib{ width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; padding:0 25px;}
.banner{width:100%;background:#666; overflow:hidden; height:calc(100vh - 55px);}
.swiper-containerlb{width: 100%;height: 100%;}
.swiper-slide {background-position: center;background-size: cover;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image:url(../images/jt1.png);
    left: 10px;
    right: auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/jt2.png);
    right: 10px;
    left: auto;
}

/*底部区域*/
.footer{width:100%; margin:0 auto; box-sizing:border-box; padding:0 25px;}
.foot{width:100%; margin:0 auto;box-sizing:border-box;}
.foot::after{ content:""; display:block; clear:both;}
.foot p{ font-size:14px; color:#595757; line-height:55px; float:left; font-weight:400;}
.foot p a{ font-size:14px; color:#595757; line-height:55px;}


.yyyy{ float:right; margin-top:12px;}
.yyyy::after{ content:""; display:inline-block; clear:both;}
.yyyy li{ float:left; width:30px; height:30px; margin-left:14px; position:relative;}
.yyyy li .ytu{width:30px; height:30px; display:block; transition:0.3s;}
.yyyy li:nth-child(1) .ytu{ background:url(../images/d1.png) no-repeat center;}
.yyyy li:nth-child(2) .ytu{ background:url(../images/d2.png) no-repeat center;}
.yyyy li:nth-child(3) .ytu{ background:url(../images/d3.png) no-repeat center;}
.yyyy li:nth-child(4) .ytu{ background:url(../images/d4.png) no-repeat center;}
.yyyy li:nth-child(1) .ytu:hover{ background:url(../images/d1h.png) no-repeat center;}
.yyyy li:nth-child(2) .ytu:hover{ background:url(../images/d2h.png) no-repeat center;}
.yyyy li:nth-child(3) .ytu:hover{ background:url(../images/d3h.png) no-repeat center;}
.yyyy li:nth-child(4) .ytu:hover{ background:url(../images/d4h.png) no-repeat center;}
.yyyy li .tkkz{overflow:hidden; box-sizing:border-box; border-radius:5px; background:#fff; position:absolute; bottom:-200px; right:0; z-index:9999; padding:10px;
transition:0.4s; opacity:0; display:none;}
.yyyy li .tkkz h4{ font-size:14px; color:#666; text-align:center; display:block; width:100%;}
.yyyy li:hover .tkkz{right:15px; opacity:1;bottom:50px; display:block;}
.yyyy li .tkkz p{ font-size:12px; color:#666; text-align:center; display:block; width:100%; display:block; font-weight:400; line-height:1.4em;}
.yyyy li .tkkz img{ width:100%; display:block; margin:0 auto;}
.yyyy li:nth-child(1) .tkkz{ width:190px;}
.yyyy li:nth-child(2) .tkkz{ width:100px;}
.yyyy li:nth-child(3) .tkkz{ width:140px;}
.yyyy li:nth-child(4) .tkkz{ width:180px;}







/*768移动端页面*/
@media (max-width:768px){

/*海报区域*/
.haib{ width:100%; margin:66px auto 0; overflow:hidden; box-sizing:border-box; padding:0 0;}



}

/*移动端公用页面*/
@media (max-width:992px){
	.hd_con{ width:100%; height:66px; padding:0 15px;}
	.header .logo{  margin-top:13px; height:40px; margin-left:0;}
	.header .logo a{ height:100%;}
	.header .logo a img{ height:100%;}
	.header .btn{ display:block;right:15px;top:17px;}
	.header .nav{ display:none; position:absolute; width:100%; top:66px; left:0; text-align:center; background:rgba(255,255,255,1); border-top:1px solid #aaa; z-index:98;
	box-sizing:border-box; padding-bottom:20px;}	
	.header .nav ul{float:none; width:100%; margin:0 auto; box-sizing:border-box; padding:0 20px;}
	.header .nav li{ float:none; width:100%;box-sizing:border-box; padding-right:0;}
	.header .nav li a{ line-height:54px; text-align:left;background:url(../images/you.png) no-repeat right center;}
	.header .nav ul span{ display:none;}

	.header .nav .ddh{ line-height:60px; border-bottom:1px solid #cfcfcf;}
	.nav li .down{ width:100%; background:rgba(255,255,255,1); position: static; transition:0.5s; z-index:100; box-sizing:border-box; 
padding-left:10px; height:auto; overflow:hidden;}
	.nav li .down a{ display:block; color:#686868; width:100%; line-height:44px; font-size:14px; margin-right:25px;}
	.nav li .down a:hover{color:#2d4f75;}
	.nav li:hover .down{ display:block;}


	.header .nav .souss{ float:none; width:90%; margin:0 auto; height:46px; border-radius:23px; box-sizing:border-box; padding:0 22px;
	margin-top:15px;}
	.header .nav .souss .sousl{ width:80%; height:44px;line-height:44px; float:left;}
	.header .nav .souss .sousr{ width:24px; height:44px;}

	/*海报区域*/
	.haib{padding:0;}
	.banner{height:calc(100vh - 120px);}


	/*底部区域*/
	.foot p{ font-size:14px; color:#595757; line-height:1.5em; float:left; font-weight:400; text-align:center;}
	.foot p a{ font-size:14px; color:#595757; line-height:1.5em;}
	.yyyy{ display:none;}





	
}


/*pid 768-992*/
@media (min-width:768px){




}

/*ipad pro平板页面*/
@media (min-width:992px){
.header .nav{ float:right; width:45%;}
.header .nav li{ float:left; padding-right:24px;}

}
/*电脑最终页面*/
@media (min-width:1200px){
.header .nav{ float:right; width:60%;}
.header .nav li{ float:left; padding-right:55px;}
	


}