@charset "utf-8";

.hd{padding:40px 0;text-align:center;}
.hd h2{font-size:30px;font-weight:normal;}
.hd p{text-transform:uppercase;color:#999;padding-top:4px;}

.hp-1{}
.hp-1 .hds {margin-top:22px;}
.hp-1 .hds ul { width:1200px; height:10px; margin:0 auto; text-align:center;}
.hp-1 .hds ul li { display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:0 4px; border-radius:12px; background:#dbdbdb; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}
.hp-1 .hds ul .on {background:#ff9c3e;}
.hp-1 .bds li{width:1920px;position:relative;left:50%;margin-left:-960px;}

.hp-2{}
.hp-2 .hds{margin-bottom:45px;}
.hp-2 .hds ul{/*width:1060px;*/margin:0 auto;width:848px;}
.hp-2 .hds li{width:212px;text-align:center;float:left;display:inline;font-size:18px;cursor:pointer;}
.hp-2 .hds li a{display:block;background:url(line.png) right top no-repeat;padding-top:45px;}
.hp-2 .hds li:nth-child(1){background:url(hp0.png) top center no-repeat;}
.hp-2 .hds li:nth-child(1):hover,.hp-2 .hds li:nth-child(1).on{background:url(hp1.png) top center no-repeat;}
.hp-2 .hds li:nth-child(2){background:url(hp2.png) top center no-repeat;}
.hp-2 .hds li:nth-child(2):hover,.hp-2 .hds li:nth-child(2).on{background:url(hp3.png) top center no-repeat;}
.hp-2 .hds li:nth-child(3){background:url(hp4.png) top center no-repeat;}
.hp-2 .hds li:nth-child(3):hover,.hp-2 .hds li:nth-child(3).on{background:url(hp5.png) top center no-repeat;}
.hp-2 .hds li:nth-child(4){background:url(hp6.png) top center no-repeat;}
.hp-2 .hds li:nth-child(4):hover,.hp-2 .hds li:nth-child(4).on{background:url(hp7.png) top center no-repeat;}
.hp-2 .hds li:nth-child(5){background:url(hp8.png) top center no-repeat;}
.hp-2 .hds li:nth-child(5) a{background:none;}
.hp-2 .hds li:nth-child(5):hover,.hp-2 .hds li:nth-child(5).on{background:url(hp9.png) top center no-repeat;}
.hp-2 .hds li:hover a,.hp-2 .hds li.on a{color:#e20909;}

.hp-2 .bds{height:738px;/*background:url(p1920x738.jpg) center no-repeat;*/}
.hp-2 .bds ul{width:1070px;height:738px;float:right;}
.hp-2 .bds li{width:535px;float:left;display:inline;}
.hp-2 .bds .pt{width:535px;height:369px;position:relative;overflow:hidden;}
.hp-2 .bds .sd{width:535px;height:369px;background:rgba(0,0,0,0.6);position:absolute;bottom:-369px;left:0;transition: all 0.5s;}
.hp-2 .bds .sdt{border:2px solid rgba(255,255,255, 0.3);width:491px;height:325px;margin:20px auto 0;cursor:pointer;}
.hp-2 .bds .sdt .more{display:block;width:100%;height:100%;}
.hp-2 .bds .sdx{width:351px;margin:60px auto 0;}
.hp-2 .bds .sdx h2{color:#fff;font-size:22px;font-weight:normal;height:33px;line-height:33px;margin-bottom:16px;}
.hp-2 .bds .sdx em{color:#e20909;font-size:15px;float:right;}
.hp-2 .bds .sdx .i{color:#fff;padding:7px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;opacity:0.6;line-height:22px;}
.hp-2 .bds .sdx .m{padding-top:40px;}
.hp-2 .bds .sdx .m a{display:block;width:132px;height:33px;line-height:33px;text-align:center;background:#e20909;color:#fff;font-size:14px;}
.hp-2 .bds .sdx .m a:hover{background:#e20909;}
.hp-2 .bds .pt:hover .sd{bottom:0;}


.hp-3{padding-bottom:60px;}
.hp-3 .bd{width:1200px;margin:0 auto;}
.hp-3 .bd ul{}
.hp-3 .bd li{width:384px;float:left;display:inline;}
.hp-3 .bd li:nth-child(2){margin:0 24px;}
.hp-3 .bd li .p{height:260px;position:relative;}
.hp-3 .bd li .p span{display:block;width:90px;height:30px;line-height:30px;text-align:center;position:absolute;top:20px;left:20px;background:rgba(0,0,0,0.6);color:#fff;font-size:13px;}
.hp-3 .bd li h2{font-size:16px;font-weight:normal;padding:16px 0 8px;}
.hp-3 .bd li .i{color:#999;line-height:22px;}
.hp-3 .m{padding-top:60px;}
.hp-3 .m a{display:block;width:136px;height:46px;line-height:46px;text-align:center;border:2px solid #e20909;color:#e20909;font-size:14px;margin:0 auto;border-radius:3px;}
.hp-3 .m a:hover{background:#e20909;color:#fff;}

.hp-4{background:#f6f6f6;}
.hp-4-z{width:50%;float:left;}
.hp-4-z img{width:100%;}
.hp-4-y{width:50%;float:right;}
.hp-4-y .yc{width:492px;padding:90px 0 0 105px;}



.hp-4-y .tt{}
.hp-4-y .t-z{float:left;font-size:30px;}
.hp-4-y .t-z em{display:block;font-size:12px;color:#999;}
.hp-4-y .t-y{float:right;font-size:18px;line-height:42px;cursor:pointer;}
.hp-4-y .t-y span.on{color:#e20909;}
.hp-4-y form{padding-top:20px;}
.hp-4-y form .clearfix{margin-top:20px;}
.hp-4-y form p{font-size:16px;float:left;height:40px;line-height:40px;}
.hp-4-y form .text{width:386px;height:38px;line-height:38px;border:1px solid #ddd;float:right;font-size:14px;color:#888;}
.hp-4-y form .code{width:200px;height:38px;line-height:38px;border:1px solid #ddd;float:left;font-size:14px;color:#888;margin-left:42px;}
.hp-4-y form img{float:left;cursor:pointer;margin-left:10px;}
.hp-4-y form .submit{
	width:126px;height:50px;background:#e20909;color:#fff;border-radius:3px;font-size:16px;
	margin:40px 0 0 106px;cursor:pointer;}

@media all and (max-width:1366px){
	.hp-4-y .yc{width:492px;padding:15px 0 0 105px;}
	.hp-4-y form .clearfix{margin-top:10px;}
	.hp-4-y form .submit{
	width:126px;height:40px;background:#e20909;color:#fff;border-radius:3px;font-size:16px;
	margin:20px 0 0 106px;cursor:pointer;}
}