@charset "utf-8";
html,body{margin:0px;padding:0px;width:100%;height:100%;background:#ffffff;}
*{padding:0px;margin:0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#555;font-family:"Microsoft Yahei",Arial,sans-serif;outline:none;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0}
td{vertical-align:top;}
fieldset,img{border:0}
a{text-decoration:none;color:#555;outline:none;}
li{list-style:none;vertical-align:top;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

.web{display:block;}
.wap{display:none;}

.top img{width:100%;}
.sec{width:1200px;margin:0px auto;}
.sec1-part{display:block;position:relative;}
.sec1-part img{width:100%;height:100%;}
.sec1-1{width:660px;height:410px;margin-right:10px;}
.sec1-2{width:530px;height:230px;margin-bottom:15px;}
.sec1-3{width:260px;height:165px;margin-right:10px;}
.sec1-4{width:260px;height:165px;}
.sec1-1 div{position:absolute;bottom:0px;left:0px;height:50px;background:#131009;background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));width:100%;height:50px;line-height:50px;font-size:24px;color:#ffffff;text-indent:15px;}
.sec1-2 div{position:absolute;top:0px;left:0px;height:50px;background:#f81111;width:90px;height:30px;line-height:30px;font-size:16px;color:#ffffff;text-align:center;}
.sec1-5{width:100%;font-size:16px;color:#404040;line-height:32px;text-indent:2em;}
.title{border-bottom:1px solid #cccccc;margin-top:40px;}
.title-txt{border-bottom:1px solid #f10e18;display:inline-block;position:relative;bottom:-1px;padding:8px 15px 8px 10px;}
.title-txt span{color:#000000;font-size:28px;font-weight:bold;}
.title-txt span:first-child{color:#de1b24}
.video-con{width:996px;height:558px;margin:0px auto;margin-top:30px;position:relative;border-radius:0px;overflow:hidden;border:1px solid #999999;}
.video{width:100%;height:100%;}
.video-mask{position:absolute;top:0px;left:0px;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.2);border:1px solid transparent;}
.video-play{position:absolute;top:50%;left:50%;z-index:2;width:172px;height:172px;margin:-86px auto auto -86px;}
.video-txt{position:absolute;bottom:0px;left:0px;z-index:3;width:100%;background:rgba(0,0,0,0.7);color:#ffffff;text-align:center;font-size:14px;line-height:56px;font-size:24px;letter-spacing:1px;}
.essence{width:780px;margin-right:20px;}
.essence-con{margin:10px 10px 10px 0px;}
.essence-elem{overflow:hidden;padding:10px;display:block;}
.essence-img{width:190px;height:143px;float:left;margin-right:20px;}
.essence-title{font-size:24px;color:#292929;line-height:36px;height:76px;overflow:hidden;margin-bottom:45px;font-weight:bold;}
.essence-other{font-size:16px;color:#999999;}
.ppxl{width:400px;}
.ppxl-con{overflow:hidden;padding-top:10px;}
.ppxl-con a{display:block;width:180px;height:120px;margin:10px;float:left;}
.ppxl-con img{width:100%;height:100%;}
.ppxl .title-txt{border-bottom:1px solid #cccccc!important;}
.declaration{width:1200px;height:514px;display:block;position:relative;margin-top:20px;}
.declaration-tit{position:absolute;bottom:0px;left:0px;height:50px;overflow:hidden;background:#131009;background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));width:100%;height:50px;line-height:50px;font-size:24px;color:#ffffff;text-indent:15px;}
.brand{overflow:hidden;}
.brand a{width:320px;margin:30px 40px 0px 40px;display:block;float:left;}
.brand img{width:320px;height:239px;}
.brand-title{width:100%;font-size:19px;color:#292929;line-height:28px;font-weight:bold;height:60px;overflow:hidden;}

.scence{overflow:hidden;}
.scence a{width:580px;margin:30px 10px 60px 10px;display:block;float:left;overflow:hidden;}
.scence img{width:280px;height:400px;float:left;margin-right:20px;}
.scence-title{font-size:26px;color:#292929;line-height:42px;font-weight:bold;height:90px;overflow:hidden;}
.scence-intro{font-size:16px;color:#424242;line-height:30px;font-weight:bold;margin-top:20px;}



@media all and (min-width:960px) and (max-width:1199px){
}
@media all and (max-width:959px){
.web{display:none;}
.wap{display:block;}
.sec{width:100%;padding:0px 16px;}
.title{margin-top:10px;}
.title-txt{padding:15px 3px 3px 3px;}
.title span{font-size:20px;}
.video-title{font-size:20px;color:#282828;line-height:38px;overflow:hidden;margin-top:10px;}
.video-con{width:100%;height:192px;border:1px solid transparent;margin-top:0px;border-radius:6px;overflow:hidden;}
.video-play{width:60px;height:60px;margin:-30px auto auto -30px;}
.video-txt{font-size:16px;line-height:32px;}
.essence{width:100%;}
.list-con{width:100%;margin:0px;}
.list-ele{width:100%!important;height:auto;margin:0px!important;padding:12px 0px;}
.list-con .list-ele{border-bottom:1px solid #c4c4c4;}
.list-con .list-ele:last-child{border:none;}
.list-img{width:32%!important;height:83px!important;margin-right:12px;float:left;}
.list-tit{font-size:18px;line-height:24px;height:48px;margin-bottom:18px;font-weight:bold;position:static;background:transparent;color:#292929;text-indent:0px;width:auto;}
.list-oth{font-size:13px;}
}
@media all and (width:320px){
.video-con{height:162px;}
.sec1-5{line-height:30px;}
.title-txt{padding:8px 3px 3px 3px;}
.video-title{font-size:18px;line-height:32px;}
.list-img{height:69px!important;}
.list-tit{font-size:15px;line-height:22px;height:42px;margin-bottom:10px;}
}
@media all and (min-width:350px) and (max-width:400px){
}
@media all and (min-width:401px) and (max-width:436px){
}
@media all and (min-width:437px) and (max-width:660px){
}
@media all and (min-width:661px) and (max-width:900px){
.sec1-5{font-size:21px;line-height:42px;}
.title-txt{padding:15px 6px 6px 6px;}
.title span{font-size:24px;}
.video-con{height:414px;}
.video-play{width:100px;height:100px;margin:-50px auto auto -50px;}
.video-txt {font-size: 22px;line-height: 50px;}
.title-txt{padding:8px 3px 3px 3px;}
.video-title{font-size:28px;line-height:60px;}
.list-img{height:178px!important;}
.list-tit{font-size:26px;line-height:42px;height:87px;margin-bottom:65px;}
.list-oth{font-size:18px;}
}