@charset "utf-8";
/* reset.css */
body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,select,td,textarea,th,ul{margin:0;padding:0}
html{font-family:sans-serif;}
body {font-family:"PingFang SC",Arial,"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",simsun,sans-serif;color: #222;width: 100%;line-height:24px;font-size:14px;position: relative;overflow-x:hidden;background:#fdd8a3}
ol,ul,li,dt,dd,dl{list-style:none;}
img{border:0;}
select,input{vertical-align:middle;}
a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:none;}
a:hover{}
input,button{cursor:pointer;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,video{display:block}
section{ width:1000px; margin:0px auto;}
h2,h3,h4,h5{ font-weight:normal}

/* 公共样式 */
.fr{float: right}
.fl{float: left !important}
.f12{font-size: 12px !important}
.f14{font-size: 14px !important}
.cDGray{color: #888}
.cGray{color: #333}
.cOrg{color:#ff6633 !important}
.clear{clear: both;}
.bn{border:none !important;}
.dn{display: none !important}
.fb{font-weight: bold !important;}
.noBack{background: none !important}
.sj{text-indent: 2em}
.w100{width: 1100px;margin: 0 auto}

/* 公用边距 */
.ml30{margin-left:30px !important}
.p0{padding: 0 !important}
.pt10{padding-top: 10px !important}
.pt30{padding-top: 30px !important}
.pb50{padding-bottom: 50px !important}
.mt60{margin-top: 60px !important}
.mt50{margin-top: 50px !important}
.mt40{margin-top: 40px !important}
.mt30{margin-top: 30px !important}
.mb30{margin-bottom: 30px !important}
.mt25{margin-top: 25px !important}
.mt20{margin-top: 20px !important}
.mt15{margin-top: 15px !important}
.mt10{margin-top: 10px !important}
.mt_40{margin-top: -40px !important}

.banner{width: 100%; margin:0 auto; height:762px;background: url(../images/banner.png) top center no-repeat;position: relative;}
.talkBox{position: absolute;left:0;right:0;bottom:30px;width: 960px;margin:0 auto;}
.talk{width: 485px;height: 85px;background: #fff}
.talk img{width: 100%;}
.base{display: none;position: absolute;background: #fff;width: 200px;padding: 10px;bottom:0;right:200px;}
.base img{display: block;width: 100%;height: 200px;margin-bottom: 15px}
.base p{font-size: 14px;color: #383838;text-align: center;}
.fd{position: fixed;right:0;top:0;right:5px;width:160px;z-index: 99999}
.fd img{display: block;width: 100%}

.main{width: 1000px;margin:0 auto}
.videoList{width: 1040px;margin:0 auto;display: flex;flex-wrap:wrap;}
.w100{width: 100%;margin:0 auto;}


.dh{width:1000px;margin:30px auto 0 auto;text-align: center;color: #FED8A2;font-size: 31px;line-height: 100px;height: 100px;background: url(../images/tbg.png) center center no-repeat;}
.dh img{display: block;width: 100%}

.photo{width:930px;padding:15px;background: #E4DEDE;margin-top:20px}
.photo img{display: block;width: 100%}

.videoBox{width: 480px;margin:40px 40px 0 0;background: #B62019;color: #fff}
.videoBox .video{width:100%;overflow: hidden;height: 270px;position: relative;}
.videoBox .video video{width: 100%;height: 270px;background: #000}
.videoBox .video span{display: block;position: absolute;width: 80px;height: 80px;border-radius: 100%;background: rgba(255,255,255,0.8);top:85px;right:190px;cursor:pointer;z-index: 999}
.videoBox .video span:before{content: "";position: absolute;top:0;bottom:0;left:30px;margin:auto 0;width: 0;height: 0;border-width:20px 0 20px 30px;border-style:solid;border-color:transparent transparent transparent #000;cursor:pointer;}
.videoBox h3{text-align: center;padding: 15px 0;font-size: 24px;font-weight: bold}
.videoBox p{padding: 0 30px 20px 30px;font-size: 16px;line-height: 24px;}

.ani{width: 30px !important;height: 30px !important;top:15px !important;right:15px !important;}
span.ani:before{border-width:5px !important;border-color:#000 !important;left:10px !important;}