#banner{width:100%; height:820px; overflow: hidden; background: #FFF;}
#banner .con{width:100%; height:100%; position: relative;}
#banner .con .picdx{width:100%; height:100%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); overflow: hidden; background: #3d9ee4;}
#banner .con .frbd{width:330px; height:435px; position: absolute; top:50%; left:50%; transform: translate(71%,-50%); background: #FFF;}
#banner .con .picdx .swiper-container{width:100%; height:100%; overflow: hidden; z-index: 1; position: relative;}
#banner .con .picdx .swiper-container .swiper-slide{width:100%; height:100%; overflow: hidden;}
#banner .con .picdx .swiper-container .swiper-slide .bannerk{width:1920px; position: relative; overflow: hidden; height:100%; text-align: center; left:50%; margin-left: -960px; 
	background: rgba(0,0,0,0.40);}
#banner .con .picdx .swiper-container .swiper-slide .bannerk .banpic{display:block; width:100%; height:100%; overflow: hidden; position: relative;}
#banner .con .picdx .swiper-container .swiper-slide .bannerk .banpic img{height:100%; width:auto;}
#banner .con .picdx .swiper-container .swiper-slide .bannerk .bannr{width:100%;
height:auto;position: absolute; top:50%; left:50%;
transform: translate(-50%,-50%);text-align: center; color:#FFF;}
#banner .con .picdx .swiper-container .swiper-slide .bannerk .bannr p:nth-child(1){font-size:26px;font-weight: bold;}
#banner .con .picdx .swiper-container .swiper-slide .bannerk .bannr p:nth-child(2){font-size:45px;margin-top: 10px;}
#banner .con .picdx .swiper-container .swiper-slide .bannerk .bannr p:nth-child(3){font-size:16px;margin-top: 10px; text-transform:Uppercase;}
#banner .con .picdx .swiper-container .swiper-slide .bannerk .bannr a{display:inline-block; width:auto; height:auto;padding: 5px 20px;
background: #3d9ee4;border-radius: 5px; color:#FFF;margin-top: 25px;}
#banner .con .picdx .swiper-container .swiper-slide .bannerk .bannr a:hover{background:#136eaf;}

#banner .con .picdx .swiper-container .swiper-pagination li{width:0px; height:0px; border: 6px solid rgba(0,0,0,0.3); border-radius: 50px; background-color:rgba(0,0,0,0.3);
	text-align: center; line-height: 5px; font-size: 20px; color:#FFF; opacity:1; overflow: hidden; margin: 0 2px; margin-left: 10px;}
	#banner .con .picdx .swiper-container .swiper-pagination li:nth-child(1){margin-left:0px;}
#banner .con .picdx .swiper-container .swiper-pagination li.swiper-pagination-bullet-active{border: 0px solid rgba(0,0,0,0.3); color:#d9b766; 
	background-color:#FFF; width:12px; height:12px;}
	
#qyjj{width:100%; height:auto;background: #FFF;padding: 30px 0px;}
#qyjj .con{width:100%;max-width: 1200px;}
#qyjj .con .left{width:490px; height:auto; float:left;margin-top: 30px;}
#qyjj .con .left .lefttit{width:100%; height:auto; text-align: left;}
#qyjj .con .left .lefttit p:nth-child(1){font-size:24px; color:#333333;}
#qyjj .con .left .lefttit p:nth-child(2){font-size:24px; color:#3d9ee4;}
#qyjj .con .left .leftnav{width:100%; height:auto;margin-top: 25px;}
#qyjj .con .left .leftnav .li{width:calc(100% / 4); height:auto;
float:left;}
#qyjj .con .left .leftnav .li a{display:block; font-size:16px; color:#333333;
line-height: 30px;border-bottom: 2px solid #FFF;text-align:center;}
#qyjj .con .left .leftnav .li a:hover{color:#3d9ee4; border-bottom: 2px solid #3d9ee4;}
#qyjj .con .left .leftnav .li a.dq{color:#3d9ee4; border-bottom: 2px solid #3d9ee4;}
#qyjj .con .left .ul{width:100%; height:auto; margin-top: 25px;}
#qyjj .con .left .ul .li{width:100%; height:auto; font-size:16px;line-height: 25px; color:#333333;
text-indent: 2em; display: none;}
#qyjj .con .left .ul .li .leftsize{width:100%; height:auto;}
#qyjj .con .left .ul .li a{padding: 5px 15px; background:#3d9ee4; color:#FFF;
font-size:16px;text-align: center; position: relative; top:20px;}
#qyjj .con .left .ul .li.dq{display: block;}
#qyjj .con .right{width:635px; height:auto; float:right; margin-top: 30px;}
#qyjj .con .right .ul{width:100%; height:auto;}
#qyjj .con .right .ul .li{width:100%; height:auto; display: none;}
#qyjj .con .right .ul .li.dq{display:block;}
#qyjj .con .right .ul .li img{width:100%; height:auto;}

#ywly{width:100%; height:auto; position: relative;margin-top: 40px;}
#ywly .bj{width:100%; height:100%;position: absolute; overflow: hidden;
top:50%; left:50%;transform: translate(-50%,-50%);text-align: left;}
#ywly .bj img{width:1920px; height:100%; position: relative;
top:50%; left:50%;transform: translate(-50%,-50%);}
#ywly .con{width:100%;max-width: 1200px;padding: 90px 0px;
position: relative; z-index: 2;} 
#ywly .con .ywul{width:100%; height:580px; overflow: hidden;margin-top: 40px;}
#ywly .con .ywul .ywli{width:calc(100% / 3); height:100%; position: relative; float:left;}
#ywly .con .ywul .ywli .size{width:calc(100% - 80px); height:calc(50% - 80px);position: absolute;
top:50%; left:0px;background: #FFF;padding: 40px; z-index: 2;}
#ywly .con .ywul .ywli .size .size_nr{width:100%; height:100%; position: relative;}
#ywly .con .ywul .ywli .size .size_nr .ywtit{width:100%; height:auto;}
#ywly .con .ywul .ywli .size .size_nr .ywtit p:nth-child(1){font-size:18px; color:#3d9ee4; 
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#ywly .con .ywul .ywli .size .size_nr .ywtit p:nth-child(2){font-size:14px; color:#666666; margin-top: 10px;
text-overflow: ellipsis;white-space: nowrap;overflow: hidden; text-transform:Uppercase;}
#ywly .con .ywul .ywli .size .size_nr .ywsize{width:100%; height:70px;line-height: 35px; overflow: hidden;
font-size:18px;margin-top: 20px; color:#333333;}
#ywly .con .ywul .ywli .size .size_nr a{padding: 3px 15px; color:#FFF;background: #3d9ee4; font-size:16px;
top: 35px; position: relative;}
#ywly .con .ywul .ywli .size .size_nr .zxfh{width:39px; height:16px;position: absolute; top:-56px; left:50%;
transform: translate(-50%,0%); overflow: hidden;}
#ywly .con .ywul .ywli .size .size_nr .zxfh div{width:100%; height:100%; position: relative;}
#ywly .con .ywul .ywli .size .size_nr .zxfh div img{width:100%; height:100%; position: absolute;
top:50%; left:50%;transform: translate(-50%,-50%) rotate(180deg);
-webkit-filter: brightness(1000%) grayscale(100%); filter: brightness(1000%) grayscale(100%);}
#ywly .con .ywul .ywli .pic{width:100%; height:50%; position: absolute; top:0%;text-align: left; overflow: hidden;}
#ywly .con .ywul .ywli .pic img{width:auto; height:100%; position: relative; top:50%; left:50%;
transform: translate(-50%,-50%); min-width: 100%;}
#ywly .con .ywul .ywli:nth-child(2n +1) .size{top:0px; left:0px;background: #3d9ee4;padding: 40px;}
#ywly .con .ywul .ywli:nth-child(2n +1) .size .size_nr .ywtit p:nth-child(1){color:#FFF; }
#ywly .con .ywul .ywli:nth-child(2n +1) .size .size_nr .ywtit p:nth-child(2){color:#FFF;}
#ywly .con .ywul .ywli:nth-child(2n +1) .size .size_nr .ywsize{color:#FFF;}
#ywly .con .ywul .ywli:nth-child(2n +1) .size .size_nr a{color:#3d9ee4;background: #FFF;}
#ywly .con .ywul .ywli:nth-child(2n +1) .size .size_nr .zxfh{top:119%;}
#ywly .con .ywul .ywli:nth-child(2n +1) .size .size_nr .zxfh div img{transform: translate(-50%,-50%) rotate(0deg);
-webkit-filter: brightness(100%) grayscale(0%); filter: brightness(100%) grayscale(0%);}
#ywly .con .ywul .ywli:nth-child(2n +1) .pic{top:50%;}

#cgal{width:100%; height:auto;padding: 30px 0px 80px 0px;background: #FFF;}
#cgal .con{width:100%;max-width: 1200px; height:auto;}
#cgal .con .alnav{width:100%; height:auto;text-align: center;margin-top: 30px;}
#cgal .con .alnav a{display:inline-block; font-size:16px; color:#333333;margin-left: 25px;}
#cgal .con .alnav a:nth-child(1){margin-left:0px;}
#cgal .con .alnav a span{display:inline-block; width:40px; height:3px;background: #FFF;}
#cgal .con .alnav a.dq{color:#3d9ee4;}
#cgal .con .alnav a.dq span{background: #3d9ee4;}
#cgal .con .alnav a:hover{color:#3d9ee4;}
#cgal .con .alnav a:hover span{background: #3d9ee4;}
#cgal .con .ullb{width:100%; height:auto; margin-top: 20px;}
#cgal .con .ullb ul{width:100%; height:auto; overflow: hidden;display: none;}
#cgal .con .ullb ul.dq{display: block;}
#cgal .con .ullb ul li{width:calc((100% - 45px) / 4); height:289px; float:left;margin-left: 15px; position: relative;
margin-top: 15px;}
#cgal .con .ullb ul li:nth-child(4n + 1){margin-left:0px;}
#cgal .con .ullb ul li a{display:block; width:100%; height:100%; position: relative; overflow: hidden;}
#cgal .con .ullb ul li a .pic{width:100%; height:100%; position: relative; top:0px; left:0px;}
#cgal .con .ullb ul li a .pic .picnr{width:100%; height:100%; overflow: hidden;text-align: left;}
#cgal .con .ullb ul li a .pic .picnr img{width:auto; height:100%;min-width: 100%; position: relative;
top:50%; left:50%;transform: translate(-50%,-50%);}
#cgal .con .ullb ul li a .pic .picsize{width:calc(100% - 50px); height:35px;line-height: 35px; font-size:16px;
color:#FFF;padding: 0px 25px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
text-align: center;background: rgba(61,158,228,0.8); position: absolute; bottom:0px; left:0px;}
#cgal .con .ullb ul li a .hove{width:100%; height:100%;position: absolute; left:0px; top:100%;background: rgba(61,158,228,0.8);}
#cgal .con .ullb ul li a .hove .nek{width:calc(100% - 80px); height:calc(100% - 80px); border:2px solid #FFF;
position: relative; top:50%;transform: translate(0%,-50%);}
#cgal .con .ullb ul li a .hove .nek div{width:calc(100% - 20px); height:auto; position: absolute; top:50%;
left:50%;transform: translate(-50%,-50%);text-align: center;}
#cgal .con .ullb ul li a .hove .nek div img{width:40px; height:40px;}
#cgal .con .ullb ul li a .hove .nek div p{width:100%; height:auto; font-size:16px; color:#FFF;line-height: 25px;
margin-top: 10px;}

#new{width:100%; height:auto; padding: 30px 0px; background: #f5f5f5;}
#new .con{width:100%;max-width: 1200px; height:auto;}
#new .con .newnr{width:100%; height:542px; overflow: hidden; margin-top: 35px;}
#new .con .newnr .left{width:520px; height:100%; float:left;}
#new .con .newnr .left .pic{width:100%; height:427px; position: relative; overflow: hidden;}
#new .con .newnr .left .pic a{display:block; width:100%; height:100%; position: relative;
overflow: hidden;}
#new .con .newnr .left .pic a img{width:auto; height:100%;min-width: 100%; position: absolute;
top:50%; left:50%;transform: translate(-50%,-50%);}
#new .con .newnr .left .size{width:calc(100% - 20px); height:75px; margin-top: 20px; overflow: hidden;}
#new .con .newnr .left .size .tim{width:75px; height:100%; float:left;background: #3d9ee4;
color:#FFF;text-align: center;}
#new .con .newnr .left .size .tim p:nth-child(1){font-size:24px;line-height: 47px;}
#new .con .newnr .left .size .tim p:nth-child(2){font-size:16px;line-height: 20px;}
#new .con .newnr .left .size .sizenr{width:calc(100% - 85px); height:100%; float:right;
position: relative;}
#new .con .newnr .left .size .sizenr p:nth-child(1){font-size:20px; color:#3d9ee4;line-height: 35px;}
#new .con .newnr .left .size .sizenr p:nth-child(2){font-size:14px; color:#666666;line-height: 20px;}
#new .con .newnr .left .size .sizenr a{color:#3d9ee4; font-size:14px; position: absolute;
bottom:0px; right:0px;line-height: 20px;}
#new .con .newnr .left .size .sizenr a:hover{color:#136eaf;}

#new .con .newnr .right{width:calc(100% - 555px); height:100%; float:right;}
#new .con .newnr .right .lb{width:100%; height:calc((100% - 15px) / 2); overflow: hidden;
margin-top: 15px;}
#new .con .newnr .right .lb:nth-child(1){margin-top:0px;}
#new .con .newnr .right .lb .lbtit{width:100%; height:35px; background:#d1d1d1;}
#new .con .newnr .right .lb .lbtit .dtit{width:auto; height:100%;
font-size:18px; color:#FFF;line-height: 35px; float:left;padding: 0px 20px;background:#3d9ee4;}
#new .con .newnr .right .lb .lbtit a{font-size:16px; color:#333333; float:right;margin-right: 10px;
line-height: 35px;}
#new .con .newnr .right .lb .lbtit a:hover{color:#3d9ee4;}
#new .con .newnr .right .lb .sizek{width:100%; height:calc(100% - 35px);overflow: hidden;}
#new .con .newnr .right .lb .sizek .li{width:100%; height:calc((100% - 46px) / 2);border-top: 1px dashed #d1d1d1;
margin-top: 15px;padding-top: 15px; position: relative;}
#new .con .newnr .right .lb .sizek .li:nth-child(1){border-top: 0px dashed #d1d1d1;margin-bottom: 15px;margin-top: 0px;}
#new .con .newnr .right .lb .sizek .li .pic{width:128px; height:100%; float:left; position: relative;}
#new .con .newnr .right .lb .sizek .li .pic a{display:block; width:100%; height:100%; position: relative; overflow: hidden;}
#new .con .newnr .right .lb .sizek .li .pic a img{width:auto; min-width: 100%; height:100%;position: absolute;
top:50%; left:50%; transform: translate(-50%,-50%);}
#new .con .newnr .right .lb .sizek .li .sizenr{width:calc(100% - 138px); height:100%; float:right; overflow: hidden;}
#new .con .newnr .right .lb .sizek .li .sizenr p:nth-child(1){font-size:18px; color:#333333; line-height:25px;}
#new .con .newnr .right .lb .sizek .li .sizenr p:nth-child(2){font-size:14px; color:#cccccc;}
#new .con .newnr .right .lb .sizek .li .sizenr p:nth-child(3){font-size:14px; color:#333333; line-height:25px;}
#new .con .newnr .right .lb .sizek .li .sizenr a{font-size:14px; color:#333333; line-height:25px; position: absolute;
bottom:0px; right:0px; color:#0e80d7;}









