@charset "utf-8";
/* CSS Document */
.work1{background:#FEF2F2;min-width:1300px;}
.work2{background:url(bj2.jpg) top center no-repeat; background-size:cover; min-width:1300px;}
.work3{background:#560808;min-width:1300px;}
.work8{background:url(bj8.jpg) top center no-repeat; background-size:cover; min-width:1300px;}
.tj01pd{padding:14px;}
.tj01{text-align:center; height:198px; line-height:198px; padding-top:45px; width:100%;}

.ll01-1{ padding:18px 50px;}
.ll01-1 span{width:100px; height:28px; display:block; background:#560B05; color:#FFF; line-height:28px; text-align:center; font-size:16px;}
.ll01-1  p{ color:#941617; line-height:25px; font-size:14px; margin-top:5px;}
.ll01-2{height:399px; padding-bottom:20px; display:block; width:100%;}
.ll01-2 div{width:379px; height:910px;}
.ll01-2 div p{ padding:195px 32px 0px 32px; line-height:30px; color:#FFF; font-size:15px;}
.w8 li{ float:left; width:530px; height:332px; background:#000; margin-left:50px;}
.w8 li:hover img{ opacity:0.8; transform:rotateY(180deg)}
#container23{ margin-top:290px;}

.tj02-1{ text-align:center;padding-top:40px;}
.tj02-2{ margin:74px auto;}
.tj02-2 li{float:left; width:355px; height:352px; margin:15px;cursor:pointer; position:relative;}
.tj02-2 li:hover img{ opacity:1; position:absolute; top:-30px; height:362px;}
.cr210D01{background:#FFE2E4;}
.clearx{ clear:both;}
.img-circle1{ cursor:pointer;}
.img-circle1:hover{ transform:scale(1.05);}

.js-list { margin-left:12px;}
.js-list li{ float:left; margin:5px; width:310px;}
.js-list li:hover img{ opacity:1; position:absolute; top:-20px; height:267px;-webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75); }

.xcdcf_aculty_topa{display:block;width:230px;height:55px;background:#ba0116;line-height:55px;color:#fff;font-size:16px;border-radius:10px; position:relative}
.xcdcf_aculty_topa:hover{background:#F00;color:#fff;}
.RELEVANT_ul {margin-left:90px;}
.RELEVANT_ul li{ margin-left:30px;height: 132px;float:left; width:200px;height:135px; padding:10px; position:relative;}
.RELEVANT_ul li img{border-radius:16px; width:200px; height:130px;}
.RELEVANT_ul li a{width:200px;height:135px;display:block;}
.RELEVANT_ul li  .RELEVANT_bg,.RELEVANT_ul li .RELEVANT_name{ display:none; position:absolute; top:10px; text-align:center;width:200px;}
.RELEVANT_ul li:hover .RELEVANT_name{ display:block;text-align:center; z-index:2;   line-height: 135px; color:#FFF;}
.RELEVANT_ul li:hover .RELEVANT_bg{ display:block;z-index: 1; height: 132px; border-radius:16px; opacity:.5; background:#000;}
.RELEVANT_name{ font-size:18px;}

.zyLear-conment{text-align:center;padding:90px 0 90px 0;}
.zyLear-conment h2{font:3rem/4rem "Microsoft YaHei"; letter-spacing: .3rem;}
.zyLear-conment h3{font:1.9rem/3rem "Microsoft YaHei"; color:#a44d1d;}
.zyLear-conment h4{font:1.2rem/2rem "Microsoft YaHei"; color:#ff7200; letter-spacing: .5rem; border-bottom: 1px solid #ff7200; width: 35rem; margin: 0 auto;}
.zyLear-div{margin: 3rem 5rem 0rem 5rem; text-align:left;}
.zyLear-div p{font: 1.1rem/2.5rem "Microsoft YaHei"; color: #626161;}
.zyLear-div p:first-child{ margin-bottom:1rem;}
.work9{min-width:1300px;background:#422818;}
#fc7500{ color:#fc7500;32px auto;}

.w4-3{margin:11px;}
.w4-3 li{float:left; width:365px; height:365px; margin-left:8px; margin:14px;position:relative; }
.w4-3 li div{width:365px; height:365px;border-radius:1px; background:#000; position:absolute; opacity:0.6; top:0px; color:#FFF;-ms-transition: all 0.7s ease; -o-transition: all 0.7s ease;  -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease;transition: all 0.7s ease;-webkit-transform: scale(0);transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);-webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75); font-size:24px; line-height:380px; text-align:center;}
.w4-3 li:hover div{-webkit-transform: scale(1);transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}