/*-----------------[初始化]--------------*/
body{color: #333; font-size: 12px; font-family: "微软雅黑", "Microsoft Yahei" !important; min-width: 1300px; /* background: #f6f6f6; */}
a{color: #444;}
a:hover{color: #d7a746;}
img, .ani{max-width: 100%; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
input, textarea, select{font-size: 12px; color: #444; font-family: "微软雅黑", "Microsoft Yahei";}
input[type='submit'], input[type='reset'], input[type='button'], select{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
@font-face{font-family: 'iconfont'; src: url('/style/fonts/iconfont.eot'); src: url('/style/fonts/iconfont.eot') format('embedded-opentype'), url('/style/fonts/iconfont.woff') format('woff'), url('/style/fonts/iconfont.ttf') format('truetype'), url('/style/fonts/iconfont.svg#iconfont') format('svg');}
@font-face{font-family: 'sophis'; src: url('/style/fonts/sophisticate ssi semi bold italic.ttf');}
@font-face{font-family: 'PAINP'; src: url('/style/fonts/painp.ttf');}
.iconfont{font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
/*布局*/
.wp{width: 1200px; margin: 0 auto;}
.h50{height: 50px; clear: both; overflow: hidden;}
.h100{height: 100px; clear: both; overflow: hidden;}
*{outline: none;}
@font-face{font-family: 'ShinePersonalUse'; src: url('/style/fonts/shine personal use.ttf');}
/*标题*/
/*按钮*/
/*颜色*/
/*
-----------------[公用]--------------*/
/* banner */
.ban-inner{height: 600px; text-align: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s;}

/* 优秀作品 */
.row-a2 .wp{position: relative; z-index: 11;}
.row-a2{position: relative; padding: 72px 0 60px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}

.g-tit1.tit1{color: #333;}
.row-a2 .g-tit1{font-size: 36px;}
/*
.row-a2.bg1{background-image: url(/style/images/studentworks/bg15.jpg);}
.row-a2.bg2{background-image: url(/style/images/studentworks/bg16.jpg);}
.row-a2.bg3{background-image: url(/style/images/studentworks/bg18.jpg);}
.row-a2.bg4{background-image: url(/style/images/studentworks/bg19.jpg);}
*/
.works-list{margin: 20px auto;position: relative;}
.works-list .item{width: 265px !important; height: 210px; margin: 0 10px 17px; padding: 10px; cursor: pointer; overflow: hidden; background: url(/style/images/studentworks/bg20.jpg) 0 0 no-repeat; background-size: 100% 100%;}
.works-list .item .pic{float: left; width: 100%; height: 170px;}
.works-list .item h4{height: 40px; line-height: 51px; text-align: center; font-size: 16px; color: #d7a746; font-weight: normal;}
.works-list .slick-prev{left: -74px; background-image: url(/style/images/studentworks/arr-l4.png);}
.works-list .slick-prev:hover{background-image: url(/style/images/studentworks/arr-l1.png);}
.works-list .slick-next:hover{background-image: url(/style/images/studentworks/arr-r1.png);} .slick-next, .works-list .slick-prev{position: absolute; top: 50%; margin-top: -22px; overflow: hidden; width: 44px; height: 44px; font-size: 0; line-height: 0; z-index: 999; border-radius: 50%; background-repeat: no-repeat; background-position: center center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; cursor: pointer; border: none;}
.works-list .slick-next{right: -64px; background-image: url(/style/images/studentworks/arr-r4.png);}
.pic-bg{position: absolute;z-index: 10;}
.pic-bg1{left: 0;top: -127px;}
.pic-bg2{right: 0;top: -149px;}
.pic-bg3{left: 0;top: -225px;}
.pic-bg4{right: 245px;top: -63px;}
.pic-bg5{left: 180px;top: -93px;}
.pic-bg6{right: 0;top: -108px;}

.pic-bg7{left: 0; top: 90px;}
.pic-bg8{right: 0; top: 0;}
.pic-bg9{right: 40px; bottom: -140px;}
.pic-bg10{left: 0; bottom: 0;}
.pic-bg11{left: 0; top: 0;opacity: 0.1;}
.pic-bg12{left: 0; bottom: 50px;}
.pic-bg13{right: 240px; bottom: 180px;}
.pic-bg14{right: 0; top: -150px;}
.pic-bg15{left: 0; top: 50px;}
.pic-bg16{left: 0; bottom: 75px;}
.pic-bg17{right: 280px; bottom: 220px;}
.pic-bg18{top: -90px; right: 20px;}
.pic-bg19{left: 50px; top: 70px;}
.pic-bg20{left: 0; bottom: 80px;}
.pic-bg21{right: 0; bottom: 70px;}
.btn-box{margin: 30px 0 10px; text-align: center;}
.btn-box .btn.btn1{color: #dca436; border-color: #dca436;}
.btn-box .btn.btn2{color: #fff; border-color: #fff;}
.btn-box .btn{display: inline-block; font-size: 16px; color: #666; margin: 0 10px; width: 196px; height: 41px; line-height: 41px; border: 2px solid #888;}
.btn-box .btn:hover{color: #dca436; border-color: #dca436;}
.btn-box .btn.btn1:hover{color: #fff; background-color: #dca436;}
.g-tit1{overflow: hidden;background-repeat: no-repeat;background-position: center 0;font-size: 28px;color: #fff;text-align: center;font-weight: bold;padding-bottom: 17px; text-align: center;}
.g-tit1 em{display: block;font-size: 48px;margin-bottom: -32px;font-family: 'ShinePersonalUse'; opacity: .1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 10)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);}
.g-tit1-1{color: #393939;}
.g-tit1-1 em{opacity: .3; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 30)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);}

/* 优秀作品弹窗 */
.pic{position: relative;height:200px;overflow: hidden;margin-bottom:1px;}
.pic img{position: absolute;top: 0;left:14px;display: block;;; -o-transition: .8s; -ms-transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; transition: .5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;width: 273px;}
.pic:hover img{-o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}

.pic h4{position: absolute;bottom: 17px;left:14px;width:273px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 16px;background:rgba(0,0,0,0.4);overflow: hidden;z-index: 2; -o-transition:.8s; -ms-transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; transition: .8s;font-weight: normal;}
.pic:hover h4{opacity: 0;-o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);bottom:3px;;width:280px;left:8px;
/*    bottom:-47px;width: 300px;left: 0;*/
}

.m-pop{/* display:none; */opacity:0; position: fixed; z-index: 1000; top: -200%;left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.57); -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; transition:.5s;}
.m-pop.open{top: 0; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; transition:all .5s; display:block; opacity:1;}
.m-pop .box{position: absolute; left: 50%;top: 50%; margin-top: -296px; margin-left: -415px; width: 830px; height: 592px;}
.pop-list .item{display:none; height: 577px; padding: 15px 15px 0; background: url(/style/images/studentworks/bg21.jpg) 0 0 no-repeat; background-size: 100% 100%;}
.pop-list .item h4{height: 59px; line-height: 59px; text-align: center; font-size: 20px; color: #d7a746; font-weight: normal; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
.pop-list .item img{width: 100%; height: 513px;}
.pop-list .slick-next,.pop-list .slick-prev{position: absolute;top: 50%;margin-top: -22px;overflow: hidden; width: 44px;height: 44px;font-size: 0;line-height: 0;z-index: 999; border-radius: 50%; background: none; background-repeat: no-repeat; background-position: center center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; cursor: pointer; border: none;}
.pop-list .slick-prev{left: -84px;background-image: url(/style/images/studentworks/arr-l2.png);}
.pop-list .slick-next{right: -84px;background-image: url(/style/images/studentworks/arr-r2.png);}
.pop-list .slick-prev:hover{background-image: url(/style/images/studentworks/arr-l1.png);}
.pop-list .slick-next:hover{background-image: url(/style/images/studentworks/arr-r1.png);}
.pop-list .unslick{display:none;}