@charset "utf-8";
html{font-size:100px;}
.main-width{width:1300px;margin:0 auto;}
.secd-width{width:800px;margin:0 auto;}
.m-Top{margin-top:100px;}
.hidebox{display:none;}
.phonebg{display:none;}

.header{position:fixed;top:0;left:0;width:100%;height:100px;background:#000;z-index:999;transition:all .6s;}
.header .logo{float:left;margin-right:40px;}
.header .logo .pic{margin-top:15px;}
.header .logo .phone-menu{display:none;float:right;position:relative;color:#fff;cursor:pointer;}
.header .nav{float:left;}
.header .nav li{position:relative;float:left;padding:25px 0;font-size:15px;margin-right:30px;text-align:center;}
.header .nav li a{display:block;line-height:30px;color:#fff;padding:0 5px;transition:all .4s;}
.header .nav li span{display:block;font-size:13px;color:#fff;white-space:nowrap;line-height:20px;font-weight:normal;}
.header .nav li.active a{color:#f6a200;}
.header .nav li.active span{color:#f6a200;}
.header .nav li:hover a{color:#f6a200;}
.header .nav li:hover span{color:#f6a200;}
.header .search{position:relative;float:right;width:200px;margin-top:35px;}
.header .search .text{width:100%;height:30px;line-height:28px;padding:0 30px 0 10px;background:none;border:1px solid #fff;color:#fff;box-sizing:border-box;}
.header .search .sub{position:absolute;width:28px;line-height:28px;top:0;right:0;background:url(/images/search-icon.png) no-repeat center;cursor:pointer;}
.header.flow{background-color:#1d1d1d;}
.nhead .header{background-color:#1d1d1d;}
.ihead .header .logo{display:none;}
.ihead .header .nav li{margin-right:50px;}


.artbody .header{background:none;}
.artbody .header .nav{position:fixed;width:100%;height:100%;left:0;top:0;transform:translateY(-100%);background:#151515;z-index:999;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .7s;}
.artbody .header .logo{display:none;}
.artbody .header .nav ul{float:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.artbody .header .nav li{float:none;padding:5px 0;font-size:24px;}
.artbody .header .search{display:none;}
.artbody .header.on .nav{transform:translateY(0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.artbody .copy-right{display:none;}



.phone-menu .word{font-size:20px;line-height:50px;vertical-align:middle;text-shadow:1px 1px 3px #333;font-weight:bold;}
.phone-menu .bar{position:relative;display:inline-block;width:30px;height:3px;margin-left:20px;background-color:#fff;vertical-align:middle;border-radius:2px;box-shadow:1px 1px 3px #333;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;transition:all .4s ease;}
.phone-menu:before{content:"";right:10px;top:13px;position:absolute;width:30px;height:3px;background-color:#fff;border-radius:2px;box-shadow:1px 1px 3px #333;transition:all .4s ease;transform-origin:left center;}
.phone-menu:after{content:"";right:10px;bottom:13px;position:absolute;width:30px;height:3px;background-color:#fff;border-radius:2px;box-shadow:1px 1px 3px #333;transition:all .4s ease;transform-origin:left center;}
.phone-menu.on .bar{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:translate(20px,0);}
.phone-menu.on:before{transform:rotate(45deg);}
.phone-menu.on:after{transform:rotate(-45deg);}


.index-main{position:fixed;top:0;left:0;width:100%;height:100%;}
.index-main > img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1,1);transition:transform 20s;transition-timing-function:ease-out;z-index:-1;}
.index-main .text{position:absolute;left:50%;top:50%;width:1000px;height:600px;padding-top:12%;margin:-250px 0 0 -500px;text-align:center;box-sizing:border-box;}
.index-main .text img{max-width:25%;height:auto;}
.index-main .text p{font-size:50px;text-align:center;margin:250px 0 250px;color:#fff;font-weight:bold;}
.index-main .text a{display:block;width:120px;height:35px;line-height:35px;margin:0 auto 50px;text-align:center;border:1px solid #fff;font-size:16px;font-weight:bold;color:#fff;}
.index-main .text a:hover{background-color:#fff;color:#f6a200;}
.index-main .arrow{width:50px;height:39px;margin:25px auto 25px;background:url(/images/arrow.png) no-repeat;animation:myfirst 2s;animation-iteration-count:infinite;}
.index-main.on > img{transform:translate(-50%,-50%) scale(.8,.8);}
.index-copy{position:fixed;left:0;bottom:0;width:100%;height:30px;padding:10px 0;line-height:30px;color:#fff;text-shadow:1px 1px 2px #333;text-align:center;}
@keyframes myfirst{
0%{margin:25px auto 25px;}
50%{margin:40px auto 10px;}
100%{margin:25px auto 25px;}
}


.slidebox{position:relative;width:100%;overflow:hidden;}
.slidebox .slideshow{position:relative;width:100%;overflow:hidden;}
.slidebox .slideshow ul{position:relative;}
.slidebox .slideshow ul li{float:left;}
.slidebox .slideshow ul li img{width:100%;height:auto;}
.slidebox .slidelist{position:absolute;height:15px;bottom:10px;right:10px;}
.slidebox .slidelist li{float:left;width:25px;height:15px;margin-left:10px;background-color:#fff;transition:all .3s;cursor:pointer;}
.slidebox .slidelist li.active{background-color:#f6a200;}


.main-catalog{padding:40px 0;overflow:hidden;}
.main-catalog li{position:relative;float:left;width:33.33333%;overflow:hidden;}
.main-catalog li img{width:100%;height:auto;transform:scale(1.1,1.1);transition:all .6s;}
.main-catalog li a{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/images/none-bg.png);transition:all .6s;}
.main-catalog li p{position:absolute;left:0;bottom:0;width:100%;line-height:20px;padding:10px 0;font-size:14px;color:#fff;text-align:center;text-shadow:0 0 10px #333;background:url(/images/black-bg.png);} 
.main-catalog li.big{width:66.66666%;}
.main-catalog li.pro img{width:200%;height:auto;}
.main-catalog li:hover img{transform:scale(1,1);}
.main-catalog li:hover a{background:url(/images/text-bg.png);}


.list-image{padding:40px 0;}
.list-image h1{margin-bottom:50px;text-align:center;}
.list-image .cont ul{width:103.846%;}
.list-image .cont li{float:left;width:29.6296%;margin:0 3.7037% 3.7037% 0;transition:all .5s cubic-bezier(.2, .5, .3, 1);box-sizing:border-box;border:1px solid #ccc;}
.list-image .cont li .pic{position:relative;}
.list-image .cont li .pic img{width:100%;height:auto;}
.list-image .cont li .pic span{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/images/none-bg.png);transition:all .5s cubic-bezier(.2, .5, .3, 1);}
.list-image .cont li .pic span a{position:absolute;left:50%;top:50%;width:120px;height:40px;line-height:40px;margin:-21px 0 0 -61px;border:1px solid #fff;color:#fff;border-radius:21px;text-align:center;font-size:16px;transition:all .5s cubic-bezier(.2, .5, .3, 1);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.list-image .cont li .pic span a:hover{background-color:#f6a200;border-color:#f6a200;}
.list-image .cont li .pic:hover span{background:url(/images/text-bg.png);}
.list-image .cont li .pic:hover span a{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.list-image .cont li .text{padding:15px 30px;border-top:1px solid #eee;overflow:hidden;background-color:#f7f7f7}
.list-image .cont li .text h3{line-height:30px;font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-image .cont li .text p{float:left;line-height:30px;font-size:14px;color:#999;}
.list-image .cont li .text span{float:right;line-height:30px;font-size:12px;color:#aaa;}
.list-image .cont li:hover{transform:translateY(-5px);box-shadow:0 20px 65px rgba(0,0,0,0.22);}


.main-image{overflow:hidden;}
.main-image h1{position:fixed;left:30px;bottom:30px;color:#fff;z-index:99;text-shadow:1px 1px 3px #333;}
.main-image .back{position:fixed;left:30px;top:30px;width:50px;height:50px;background:url(/images/back.png) no-repeat;border-radius:50%;overflow:hidden;box-shadow:2px 2px 5px #333;z-index:9999;}
.main-image .phone-menu{display:block;position:fixed;right:30px;top:30px;color:#fff;z-index:9999;cursor:pointer;}
.main-image .slide-pro{position:fixed;width:100%;height:100%;}
.main-image .slide-pic{width:100%;height:100%;overflow:hidden;}
.main-image .slide-pic .tempWrap{height:100%;}
.main-image .slide-pic ul{height:100%;}
.main-image .slide-pic li{float:left;width:19.8rem;height:100% !important;overflow:hidden;}
.main-image .slide-pic li div{position:relative;height:100%;transform:scale(1.2,1.2);transition-property:transform;transition-duration:2s;transition-timing-function:ease-out;}
.main-image .slide-pic li div img{display:none;width:100%;height:auto;}
.main-image .slide-pic li div i{position:absolute;width:100%;height:100%;background:url(/images/black-bg.png);transition:all 1s;}
.main-image .slide-pic li.active div{transform:scale(1,1);}
.main-image .slide-pic li.active div i{background:url(/images/none-bg.png);}
.main-image .slide-dot{position:absolute;right:30px;bottom:30px;width:300px;}
.main-image .slide-dot ul{width:100%;height:2px;margin:5px 0;background-color:#999;box-shadow:1px 1px 2px #333;}
.main-image .slide-dot li{float:left;height:2px;}
.main-image .slide-dot li img{display:none;}
.main-image .slide-dot li.active{background-color:#fff;}
.main-image .slide-dot .num{color:#fff;text-shadow:1px 1px 2px #333;font-size:18px;text-align:right;}
.main-image .item-btn{position:absolute;top:50%;width:52px;height:52px;background:url(/images/item.png) no-repeat;cursor:pointer;}
.main-image .prev{left:30px;background-position:left;}
.main-image .next{right:30px;background-position:right;}


.main-about{padding:60px 0;overflow:hidden;}
.main-about .pic{float:left;width:150px;margin-bottom:40px;}
.main-about .pic .avatar{margin-bottom:20px;}
.main-about .text{float:right;width:610px;}
.main-about .text p{line-height:30px;font-size:16px;margin-bottom:20px;}
.main-about .pinfo{display:none;}



.list-article{padding:40px 0;background-color:#f4f6f9;overflow:hidden;}
.list-article h1{margin-bottom:50px;text-align:center;}
.list-article .cont{float:left;width:960px;}
.list-article .cont .list{margin-bottom:40px;}
.list-article .cont .list li{position:relative;height:160px;padding:0 30px 0 270px;margin-bottom:20px;background-color:#fff;}
.list-article .cont .list li .pic{position:absolute;left:0;top:0;}
.list-article .cont .list li .pic img{width:100%;height:auto;}
.list-article .cont .list li .pic a{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/images/none-bg.png);transition:all .5s}
.list-article .cont .list li .pic a:hover{background:url(/images/text-bg.png);}
.list-article .cont .list li .text{padding-top:15px;}
.list-article .cont .list li .text h3{font-size:22px;;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-article .cont .list li .text p{color:#999;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.list-article .cont .list li .text span{display:block;margin-top:5px;color:#ccc;}
.list-article .related{float:right;width:320px;}
.list-article .related .hotart{background-color:#fff;padding:15px 20px;margin-bottom:20px;}
.list-article .related .hotart h2{position:relative;;line-height:30px;margin-bottom:10px;padding-left:15px;font-size:18px;}
.list-article .related .hotart h2:after{content:"";position:absolute;left:0;top:5px;width:4px;height:20px;background-color:#f6a200;}
.list-article .related .hotart li{line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list-article .related .hotart li a{color:#999;}
.list-article .related .hotart li a:hover{color:#f6a200;}
.list-article .related img{width:100%;height:auto;margin-bottom:20px;}


.main-article{margin-top:100px;}
.main-article .cont{background-color:#fff;}
.main-article .cont .title{position:relative;padding:70px 50px 40px;overflow:hidden;}
.main-article .cont .title .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;filter:blur(10px);}
.main-article .cont .title h1{position:relative;text-align:left;color:#fff;margin-bottom:80px;z-index:9;line-height:40px;}
.main-article .cont .title .info{position:relative;overflow:hidden;z-index:9;color:#fff;}
.main-article .cont .title .info span{margin-right:30px;}
.main-article .cont .title .info .time{float:right;margin-right:0;}
.main-article .cont .detail{padding:50px;line-height:30px;font-size:16px;}
.main-article .cont .detail p{line-height:30px;font-size:16px;margin-bottom:40px;}
.main-article .cont .detail img{max-width:100% !important;height:auto !important;margin-bottom:40px;}



.page{clear:both;text-align:center;}
.page ul{display:inline-block;*display:inline;*zoom:1;}
.page ul li{float:left;margin:0 2px 4px;}
.page ul li a{display:block;line-height:28px;padding:0 10px;border:1px solid #c1c1c1;border-radius:15px;}
.page ul li a:hover{border-color:#2ea5df;}
.page ul li.thisclass a{background-color:#2ea5df;border-color:#2ea5df;color:#fff;}



.copy-right{padding:40px 0;background-color:#1d1d1d;color:#999;text-align:center;}
.copy-right .sns{overflow:hidden;margin-bottom:40px;text-align:left;}
.copy-right .sns li{float:left;position:relative;width:33.33333%;padding-left:70px;margin-bottom:20px;box-sizing:border-box;}
.copy-right .sns li p{line-height:30px;padding:5px 0;font-size:14px;color:#fff;}
.copy-right .sns li i{position:absolute;left:0;top:0;width:40px;height:40px;margin:0 auto;background:url(/images/.png) no-repeat;background-size:100% 100% !important;}
.copy-right .sns li .qq{background:url(/images/qq.png) no-repeat;}
.copy-right .sns li .mfw{background:url(/images/mfw.png) no-repeat;}
.copy-right .sns li .sj{background:url(/images/sj.png) no-repeat;}
.copy-right .sns li .tpy{background:url(/images/tpy.png) no-repeat;}
.copy-right .sns li .wb{background:url(/images/wb.png) no-repeat;}
.copy-right .sns li .wx{background:url(/images/wx.png) no-repeat;}
.copy-right .sns li .yj{background:url(/images/yj.png) no-repeat;}
.copy-right .sns li.two{width:50%;}



.bigpic{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.bigpic i{position:absolute;width:25px;height:25px;right:15px;top:15px;background:url(/images/close.png) no-repeat;}
.bigpic .box{position:absolute;left:50%;top:50%;width:100%;height:0;padding-bottom:56.25%;max-width:980px;background:#333 url(/images/loadinglit.gif) no-repeat center;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.bigpic .box img{width:100%;height:auto;}
.bigpic .box video{width:100%;height:auto;vertical-align:top;}
.bigpic .vbox{height:auto;padding-bottom:0;background:#333;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:9999;}
.bigpic.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:9999;}

.tip{position:fixed;left:50%;top:50%;height:40px;line-height:40px;padding:0 15px;border-radius:10px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background:url(/images/black-bg.png);color:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;z-index:-1}
.tip.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}