body{ font-family:"Microsoft YaHei";background:#fff;-webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;}

a:hover{text-decoration: none}
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }
.fl{float:left}
.fr{float:right}
.pnr{position: relative}
.pna{position: absolute}
.mt4{margin: 40px auto}
img{ border:none; vertical-align:top; margin:0 auto;}
.tac{ text-align:center}
.bge{background: #eee;overflow: hidden;padding: 25px 0 35px}
.wp{width: 1300px;margin: 0 auto}
.ban{overflow: hidden;min-width: 1200px}
.ban .pnr>img{margin-left: -310px;zoom: 1}
.PIE { behavior: url(PIE/PIE.php); position: relative; }
.wangp{width: 1200px;text-align: center;top: 30px;left: -3px}
.wangp li{position: relative;display:inline-block;width: 266px;padding: 8px 11px;background: #e4eff5;border: 1px solid #7ecef4;margin: 0 1px;vertical-align: top}
.wangp li p{position: relative;background: #072138;color: #fed30b;font-size: 18px;line-height: 1.6;overflow: hidden}
.wangp li p b{color: #fff;font-size: 24px}
.wangp li span{position: absolute;top: 8px;left:11px ;color: #fff;font-size: 24px;background: #fb2e99;font-weight: bold;line-height: 42px;padding: 0 5px}
.wangp li p a{float: right;background: #fc074f;color: #fff;font-size: 24px;padding: 10px 25px 10px 18px;line-height: 1.2}
.wangp li p:hover a{color: #fff;background: #fb2e99;}
.wangp li p i,.djyh p i{width: 22px;line-height: 22px;display: inline-block;background: #fff;border-radius: 50%;font-stretch: normal;color: #645302;letter-spacing: 8px;}
.wangp li p:after,.djyh a:after{content: ">";position: absolute;top:50%;right: 8px;height: auto;z-index: 2;color: #fff;font-size: 30px;margin-top: -24px;font-family: SimSun; font-weight: bold;}
.wangp li p:hover:after{color: #fff}
.djyh{top: 36px;left: 0}
.djyh li{width: 560px;text-align: center;margin-bottom: 20px}
.djyh em{color: #000;font-size: 35px;display: block;font-style: normal;letter-spacing:3px}
.djyh span{color: #fff;display: inline-block;background: #253356;width: 234px;height: 116px;font-size: 24px;line-height: 1.5;padding-top: 10px;margin:2px auto 12px}
.djyh span.zx{display: inline-block;width: auto;height: auto;padding: 0;background: none;margin-bottom: 0;margin-top: 10px}
.djyh span u{text-decoration: none;font-weight: bold;color: #ffd200}
.djyh p{color: #fed30b;font-size: 18px;line-height: 1.5;padding-top: 5px}
.djyh .hei p{color: #000;}
.djyh li.big{width: 100%;background: #f0eeed;position: relative}
.djyh li.big em{letter-spacing: 0}
.djyh li.big span{width: auto;height: auto;padding: 0 12px;line-height: 2;font-size: 18px}
.djyh li.big .zx{float: right;margin-left: -100px; margin-right: 80px;}
.djyh li.big p{width: 1110px}

.bjt1{  min-width:1920px; height:593px;margin:0px auto; background: url("images/bjt1.png")  no-repeat center top;background-size:100%;}
.ban1 {
    overflow: hidden;
    min-width: 1300px;
    background: #ffd3d9;
}
.dong{animation-duration: 10s;animation-iteration-count: infinite;animation-name: verical-slow;animation-timing-function: ease-in-out;}
@keyframes verical-slow {
    2% {
        transform: translate(0, 1.5px) rotate(1.5deg); }
    4% {
        transform: translate(0, -1.5px) rotate(-0.5deg); }
    6% {
        transform: translate(0, 1.5px) rotate(-1.5deg); }
    8% {
        transform: translate(0, -1.5px) rotate(-1.5deg); }
    10% {
        transform: translate(0, 2.5px) rotate(1.5deg); }
    12% {
        transform: translate(0, -0.5px) rotate(1.5deg); }
    14% {
        transform: translate(0, -1.5px) rotate(1.5deg); }
    16% {
        transform: translate(0, -0.5px) rotate(-1.5deg); }
    18% {
        transform: translate(0, 0.5px) rotate(-1.5deg); }
    20% {
        transform: translate(0, -1.5px) rotate(2.5deg); }
    22% {
        transform: translate(0, 0.5px) rotate(-1.5deg); }
    24% {
        transform: translate(0, 1.5px) rotate(1.5deg); }
    26% {
        transform: translate(0, 0.5px) rotate(0.5deg); }
    28% {
        transform: translate(0, 0.5px) rotate(1.5deg); }
    30% {
        transform: translate(0, -0.5px) rotate(2.5deg); }
    32% {
        transform: translate(0, 1.5px) rotate(-0.5deg); }
    34% {
        transform: translate(0, 1.5px) rotate(-0.5deg); }
    36% {
        transform: translate(0, -1.5px) rotate(2.5deg); }
    38% {
        transform: translate(0, 1.5px) rotate(-1.5deg); }
    40% {
        transform: translate(0, -0.5px) rotate(2.5deg); }
    42% {
        transform: translate(0, 2.5px) rotate(-1.5deg); }
    44% {
        transform: translate(0, 1.5px) rotate(0.5deg); }
    46% {
        transform: translate(0, -1.5px) rotate(2.5deg); }
    48% {
        transform: translate(0, -0.5px) rotate(0.5deg); }
    50% {
        transform: translate(0, 0.5px) rotate(0.5deg); }
    52% {
        transform: translate(0, 2.5px) rotate(2.5deg); }
    54% {
        transform: translate(0, -1.5px) rotate(1.5deg); }
    56% {
        transform: translate(0, 2.5px) rotate(2.5deg); }
    58% {
        transform: translate(0, 0.5px) rotate(2.5deg); }
    60% {
        transform: translate(0, 2.5px) rotate(2.5deg); }
    62% {
        transform: translate(0, -0.5px) rotate(2.5deg); }
    64% {
        transform: translate(0, -0.5px) rotate(1.5deg); }
    66% {
        transform: translate(0, 1.5px) rotate(-0.5deg); }
    68% {
        transform: translate(0, -1.5px) rotate(-0.5deg); }
    70% {
        transform: translate(0, 1.5px) rotate(0.5deg); }
    72% {
        transform: translate(0, 2.5px) rotate(1.5deg); }
    74% {
        transform: translate(0, -0.5px) rotate(0.5deg); }
    76% {
        transform: translate(0, -0.5px) rotate(2.5deg); }
    78% {
        transform: translate(0, -0.5px) rotate(1.5deg); }
    80% {
        transform: translate(0, 1.5px) rotate(1.5deg); }
    82% {
        transform: translate(0, -0.5px) rotate(0.5deg); }
    84% {
        transform: translate(0, 1.5px) rotate(2.5deg); }
    86% {
        transform: translate(0, -1.5px) rotate(-1.5deg); }
    88% {
        transform: translate(0, -0.5px) rotate(2.5deg); }
    90% {
        transform: translate(0, 2.5px) rotate(-0.5deg); }
    92% {
        transform: translate(0, 0.5px) rotate(-0.5deg); }
    94% {
        transform: translate(0, 2.5px) rotate(0.5deg); }
    96% {
        transform: translate(0, -0.5px) rotate(1.5deg); }
    98% {
        transform: translate(0, -1.5px) rotate(-0.5deg); }
    0%, 100% {
        transform: translate(0, 0) rotate(0); } }

.bannerdi .title{position:absolute;left:50%;margin-left:-239.5px;bottom:-110px}

		
.bk1{width:100%;margin:0 auto;padding:0;}
.bk1 .title{width:510px;height:144px;margin:-25px auto 0 auto;}
.bk1 ul{padding:0 100px;}
.bk1 ul li:nth-child(2){margin-left:100px;}
.bk1 .zuo{float:left;}
.bk1 p.name{font-size:36px;color:#0090ff;text-align:left;line-height:80px;height:80px;}
.bk1 p.zhiwei{font-size:30px;color:#0090ff;text-align:left;line-height:40px;height:40px;}
.bk1 p.jieshao{font-size:24px;color:#ffffff;text-align:left;line-height:40px;height:120px;}
.bk1 .you{float:right;}

.bk2 .wen{font-size:24px;color:#000000;text-align:left;line-height:40px;padding-left:300px;}
.bk2 .wen p.p1{margin-top:80px;}
.bk2 .wen p.p2{margin-top:50px;}
.bk2 .wen p.p3{margin-top:100px;}
.bk2 .wen p.p4{margin-top:40px;}


.bk3{width:100%;margin:0 auto;}
.bk3 ul{width:100%;margin-top:150px;height:650px;display:inline-block;}
.bk3 ul li{width:280px;overflow:hidden;float:left;margin:15px;transition:transform 2s;}
.tutu{width: 100%;height:100%;transition:transform 2s;}
.bk3 ul li:hover .tutu{transform: scale(1.1,1.1);}
.bk3 ul li:hover .wen p.jie{background:#4c6dba}
.bk3 ul li .pic{width:280px;height:200px;overflow:hidden;}
.bk3 ul li .wen{height:310px;background:#fff;display: inline-block;}
.bk3 ul li .wen p.name{width:92px;height:30px;margin:15px auto;}
.bk3 ul li .wen p.name img{width:100%;}
.bk3 ul li .wen p.jie{background:#000000;height:80px;width:260px;margin:0 auto;font-size:24px;line-height:35px;color:#fff;padding-top:5px}
.bk3 ul li .wen p.info{font-size:20px;color:#000000;line-height:35px;text-align:left;padding:15px;}
.bk3 .anniu{position:absolute;bottom:10px;left:370px;}	
	
.tutu{width: 100%;height:100%;transition:transform 2s;}
.tutu:hover{transform: scale(1.1,1.1);}	
	

.bk4{width:100%;margin:50px auto;}

.bk4 .biaozhun{position:absolute;top:100px;z-index:99}
.bk4 .biaozhun .zuo{width:290px;float:left;margin-top:280px;padding-left:100px;font-size:24px;text-align:left;line-height:50px}
.bk4 .biaozhun .you{width:820px;float:left;margin-top:123px;}
.bk4 .biaozhun .you .k1{width:380px;height:520px;float:left;overflow:hidden;position:relative;margin-left:30px;}
.bk4 .biaozhun .you img{width:100%;}
.bk4 .biaozhun .you p.title{height:111px;background: url("img/tm.png")  no-repeat center top;background-size:100%;position:absolute;bottom:0;left:0;padding:0 20px;}
.bk4 .biaozhun .you p.title span{width:100%;clear:both;display:inline-block;}
.bk4 .biaozhun .you p.title span.tit{font-size:24px;text-align:left;color:#fff;line-height:45px;height:45px;}
.bk4 .biaozhun .you p.title span.jie{font-size:20px;text-align:left;color:#fff;line-height:30px;height:30px;}
.bk4 .biaozhun .you .k2{width:380px;height:520px;float:left;overflow:hidden;position:relative;margin-left:15px;}
.bk4 .biaozhun .you .k2 .g1{position:relative}



.bk5{width:100%;margin:0 auto;}
.bk5 .title{font-size:24px;text-align:center;color:#fff;height:100px;line-height:50px;margin-top:150px;}
.bk5 .xiangmu{width:90%;margin:20px auto 0 auto;overflow:hidden;}
.bk5 .xiangmu .project{width:1200px;height:460px;margin:0 auto;overflow:hidden;}
.bk5 .xiangmu .project img{width:100%;}
.bk5 .xiangmu .xiangmupagination{width: 100%;text-align: center;bottom:170px!important;z-index: 1;position: absolute;}
.bk5 .xiangmu .xiangmupagination span{display: inline-block;list-style: none;margin:0 5px;}
.bk5 .xiangmu .xiangmupagination span.swiper-pagination-bullet-active {opacity: 1;background: #fff!important;border: 1px solid #fff!important;}
.bk5 .xiangmu .xiangmupagination span.swiper-pagination-bullet {width: 12px;height: 12px;display: inline-block;border-radius: 100%;border: 1px solid #eee;opacity:1;background:none;}
.bk5 .anniu{width:200px;height:65px;margin:80px auto;}

.bk6{width:100%;margin:0 auto;padding-top:50px}
.bk6 .anli{width:1200px;height:736px;margin:0 auto;background: url("img/bjt6.png")  no-repeat center top;background-size:100%;}
.bk6 .anli .case{width:90%;margin:0 auto;overflow:hidden;padding-top:250px;}
.bk6 .anli .case .project{width:710px;height:450px;margin:0 auto; overflow:hidden;}
.bk6 .anli .case .project img{width:100%;}
.bk6 .anli .case .casepagination{width: 100%;text-align: center;bottom:130px!important;z-index: 1;position: absolute;}
.bk6 .anli .case .casepagination span{display: inline-block;list-style: none;margin:0 5px;}
.bk6 .anli .case .casepagination span.swiper-pagination-bullet-active {opacity: 1;background: #fff!important;border: 1px solid #fff!important;}
.bk6 .anli .case .casepagination span.swiper-pagination-bullet {width: 12px;height: 12px;display: inline-block;border-radius: 100%;border: 1px solid #eee;opacity:1;background:none;}
.bk6 .anniu{width:350px;height:65px;margin:60px auto;}

.yisheng .anniu{position:absolute;width:300px;height:65px;bottom:90px;right:300px;}

.bk7{width:100%;margin:0 auto;}
.bk7 .pinpai{width:1200px;margin:250px auto 0 auto;}
.bk7 .pinpai .zuo{width:450px;height:700px;float:left;overflow:hidden;position:relative;}
.bk7 .pinpai .zuo img{width:100%;}
.bk7 .pinpai .zuo span{font-size:16px;color:#fff;line-height:60px;height:60px;text-align:center;position:absolute;bottom:0;width:100%;left:0}
.bk7 .pinpai ul li{width:350px;height:340px;float:left;position:relative;overflow:hidden;margin:0 0 20px 20px;text-align:center;}
.bk7 .pinpai ul li img{width:100%}
.bk7 .pinpai ul li span{width:100%;font-size:16px;color:#fff;line-height:31px;height:75px;text-align:center;position:absolute;bottom:0;left:0;}








.bk8{width:100%;margin:0 auto;}
.bk8 .hb{margin:285px auto 0 auto}
.bk8 .hb .tit{font-size:48px;color:#fff;text-align:left;line-height:140px;height:140px;font-weight:bold;padding-left:240px;}
.bk8 .hb .ya{width:879px;height:382px;background: url("images/bk8-1.png")  no-repeat center top;background-size:100%;position:relative;margin:25px 0 0 166px;}
.bk8 .hb .ya .wen{height:250px;background:#fff;position:absolute;right:0;top:0;width:440px;padding: 20px 10px;}
.bk8 .hb .ya .wen p.name{font-size:48px;text-align:center;color:#333333;line-height:120px;height:120px;}
.bk8 .hb .ya .wen p.yuanjia{font-size:30px;text-align:center;color:#db2837;line-height:50px;height:50px;text-decoration:line-through}
.bk8 .hb .ya .wen p.jiage{font-size:48px;text-align:center;color:#db2837;line-height:80px;height:80px;font-weight:bold;}
.bk8 .hb .ya .wen p.anniu{width:254px;height:97px;;background-size:100%;margin:0 auto;}

.bk9{width:100%;margin:0 auto;}
.bk9 .title{width:592px;height:127px;margin:60px auto}
.bk9 .case{width:90%;height:410px;margin:0 auto;overflow:hidden;position: relative;}
.bk9 .case img{width:570px;}
.bk9 .case .swiper-slide{width:48.5%;}
.bk9 .case .casepagination{width: 100%;text-align: center;bottom:0rem!important;z-index: 1;position: absolute;}
.bk9 .case .casepagination span{display: inline-block;list-style: none;margin:0 5px;}
.bk9 .case .casepagination span.swiper-pagination-bullet-active {opacity: 1;background: #fff!important;border: 1px solid #fff!important;}
.bk9 .case .casepagination span.swiper-pagination-bullet {width: 12px;height: 12px;display: inline-block;border-radius: 100%;border: 1px solid #eee;opacity:1;background:none;}
.bk9 .anniu{width:278px;height:110px;margin:20px auto;}
.jiage{font-weight:bold;}


.tiao {
	animation: tiao 2s infinite;
	-webkit-animation: tiao 2s infinite
}
@keyframes tiao {
	0%,20%,53%,80%,to {
	animation-timing-function:cubic-bezier(.215,.61,.355,1);
	transform:translateZ(0)
}
40%,43% {
	animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	transform:translate3d(0,-3px,0)
}
70% {
	animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	transform:translate3d(0,-7px,0)
}
90% {
	transform:translate3d(0,-2px,0)
}
}
.fangda{webkit-animation: dx 3s linear infinite both;
    -o-animation: dx 3s linear infinite both;
    animation: dx 3s linear infinite both;}
@keyframes dx{
    0%,50%,100%{transform: scale(1)}
    25%,75%{transform: scale(1.05)}
}
@-webkit-keyframes dx {
    0%,50%,100%{-webkit-transform: scale(1)}
    25%,75%{-webkit-transform: scale(1.05)}
}
@-o-keyframes dx {
    0%,50%,100%{-o-transform: scale(1)}
    25%,75%{-o-transform: scale(1.05)}
}



