@charset "utf-8";
/* CSS Document */
/*清除内外边距*/
html,body,div,p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol,li,table,th,td,span,img,dl,dd,dt,input,textarea,button{padding:0;margin:0;}
/*设置字体*/
body,textarea,button,input,select{font-family:"Microsoft Yahei"; font-size:12px; color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}
img{max-width:100%;}
/*设置列表*/
ul,ol{list-style:none;}
.container{max-width:1200px; margin:0 auto;}
.top{padding:15px 0}
.top .logo{display:flex; align-items:center; font-size: 20px; color: #c00;}
.top .logo span{margin-right:5px; font-weight: bold;}
.top .logo img{width:50px; margin-right: 10px;}
.banner{display: flex; justify-content: space-between; flex-wrap: wrap;}
.banner .ban-l{width:48%; padding-top: 5%;}
.banner .ban-l .ban-tit{font-size: 40px; color: #333; text-align: center; margin-bottom: 10px; font-weight: 300;}
.banner .ban-l .ban-tit span{color: #c00; font-weight: bold;}
.banner .ban-r{width:48%; display: flex; align-items: end;}
.banner .ban-r img{width:80%;}
.banner .ban-l .ban-ftit{font-size: 40px; color: #333; text-align: center;  font-weight: 300; margin-bottom: 50px;}
.banner .ban-l .xiazai{ display: flex; justify-content: center;}
.banner .ban-l .ban-xz{ position: relative; width: 180px;}
.banner .ban-l .ban-xz img{width: 100%;}
.banner .ban-l .ban-xz .ban-txt{position:absolute; cursor: pointer; width:100%; height: 100%; top:0; left:0; box-sizing: border-box; padding:5px 10px;}
.banner .ban-l .ban-xz .ban-txt .txt-tit{font-size: 18px; color: #FFF; text-align:right; margin-bottom: 5px;}
.banner .ban-l .ban-xz .ban-txt .txt-ftit{ font-size: 12px; color: #FFF; text-align:right; padding-right: 20%;}
.jieshao{ padding:50px 0;}
.jieshao .tit{font-size: 30px; color: #333; text-align: center; margin-bottom: 10px; font-weight: 300;}
.jieshao .tit span{color: #c00; font-weight: bold;}
.jieshao .ftit{font-size:28px; color: #000; text-align: center; margin-bottom: 30px;}
.jieshao .txt{color:#666; text-align: center; font-size: 16px; line-height: 1.8; margin-top: 10px; margin-bottom: 80px;}
.jieshao .t1{text-align: center; color: #333; font-size: 28px; margin-bottom: 30px;}
.jieshao .smtext{color: #333; line-height: 1.8; font-size: 14px;}
.tedian{background:url(../images/bg-chen.jpg) top center no-repeat; background-size: cover; padding:50px 0;}
.tedian .td-pic{text-align: center;}
.tedian .td-list{margin-top: 50px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.tedian .td-list .td-item{width:40%; display: flex; margin-bottom: 30px;}
.tedian .td-list .td-item .item-l{width:80px; height: 80px; background:#c00; box-sizing: border-box; padding: 15px;}
.tedian .td-list .td-item .item-r{ padding-left: 15px; padding-top: 5px;}
.tedian .td-list .td-item .item-r .tit{font-size:28px; color:#FFF; margin-bottom: 10px;}
.tedian .td-list .td-item .item-r .ftit{font-size:16px; color:#6e6e6e;}
.hezuo{ padding:30px 0; display: flex; justify-content: space-between;}
.hezuo .hz-item{width:25%; text-align: center;}
.hezuo .hz-item img{width:90%; filter: grayscale(100%); transition: filter 0.5s ease; opacity: 0.5;}
.hezuo .hz-item img:hover{filter: grayscale(0%); opacity: 1;}
.foot{background:url(../images/bg-foot.png) center;}
.foot .foot-box{display:flex; justify-content: space-between;}
.foot .foot-box .f-logo{width:130px; height: 130px; background: #c00; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.foot .foot-box .f-link{ display: flex; align-items: center;}
.foot .foot-box .f-link .link{width:100px; text-align: center;}
.foot .foot-box .f-link .link img{width:60px}
.copyright{background:#000; padding:15px 0; text-align: center; color: #666; font-size: 14px;}

@media screen and (max-width: 768px) {
.container{width:100%; padding:0 15px; box-sizing: border-box;}
.banner .ban-l{width:100%; margin-bottom: 30px;}
.banner .ban-r{width:100%; justify-content: center;}
.tedian .td-list .td-item{width:100%;}
}