a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{ padding:0; margin:0;  font-family:"微软雅黑","黑体";}
ul,li,ol{list-style:none;}
body,html{ background:#fff;}
img{ border:none;}
a{text-decoration:none; }
.float_l{ float:left;}
.float_r{ float:right;}
.clear{ clear:both;}
@font-face{ 
font-family:"Whitestone"; src:url(../font/Whitestone.otf);}
@font-face{font-family:"pirulen"; src:url(../font/pirulen.ttf);}
@font-face{font-family:"fangzhenglanting GBK"; src:url(../font/fangzhenglanting GBK.TTF);}
@font-face{font-family:"impact"; src:url(../font/impact.ttf);}
@font-face{}
@font-face{font-family:"HYTieXianHeiJ"; src:url(../font/HYTieXianHeiJ.ttf);}

/*home*/
/*头部区域-开始*/
.top{ height:264px; width:100%; min-width:1200px; backgr ound:#0CF; position:relative;overflow:hidden; }
.t-nav{ height:78px; width:100%; margin:0 auto; border-bottom:1px solid #000; position:fixed; background:rgba(255,255,255,0.3); z-index:100;}
.t-n-biaotou{ height:70px; width:1200px; margin:0 auto; border-top:8px solid #000;}
.top .logo-wz{ margin-top:6px; float:left;}
.top .t-h{ float:left; text-transform:uppercase; font-weight:100; font-size:30px; font-family:Arial, Helvetica, sans-serif; line-height:68px; margin-left:42px;}
.t-word{ height:31px;}
.t-word{ margin-top:17px; float:left; margin-left:157px;}
.top .t-dl,.t-zc{ border-right:1px solid #000; padding:3px 10px 3px 10px; line-height:31px; color:#000; font-size:14px; text-transform:uppercase;}
.top .t-zc{ border:none;}
.my-a-top{ height:186px; width:100%; background:url(../images/my-a-top-bg.jpg) no-repeat center; margin-top:78px; position:relative;}
.my-a-top-tx{ width:96px; height:96px; border-radius:50px; background:#000; position:absolute; left:50%; top:50%; margin-top:-48px; margin-left:-48px;}
.my-a-top-tx-p{ text-align:center; line-height:96px; color:#FFF; font-size:18px; font-family:Arial; opacity:0; position:absolute; z-index:5; left:50%; margin-left:-35px;}
.my-a-top-tx-img{ position:absolute; z-index:1;}
.my-a-top-tx:hover{transform:rotateY(360deg);
-webkit-transform:rotateY(360deg); transition:1s;}
.my-a-top-tx:hover .my-a-top-tx-img{ opacity:0.5; transition:1s;}
.my-a-top-tx:hover .my-a-top-tx-p{ opacity:1; transition:1s;}
/*头部区域结束*/

.my-nav-w{ width:100%; height:37px; border-bottom:2px solid #CCC;}
.my-nav{ width:1200px; height:39px; margin:0 auto;}
.my-nav-li{ width:300px; height:37px; border-bottom:2px solid #CCC; float:left; line-height:37px; text-align:center; transition:1s;}
.my-nav-li-a{ color:#CCC; text-transform:uppercase; font-family:Arial;}
.my-nav-li-a .my-nav-s{ display:inline-block; margin-right:8px; width:13px; height:13px; }

.my-nav-s-a{background:url(../images/my-nav-li-a-bg.png) no-repeat right top;}
.my-nav-s-b{background:url(../images/my-nav-li-a-bg.png) no-repeat; background-position:-13px -13px;}
.my-nav-s-c{background:url(../images/my-nav-li-a-bg.png) no-repeat; background-position:-13px -26px;}
.my-nav-s-d{background:url(../images/my-nav-li-a-bg.png) no-repeat; background-position:-13px -39px;}

.my-nav-li.active .my-nav-s-a{background-position:0px 0px;}
.my-nav-li.active .my-nav-s-b{ background-position:0px -13px;}
.my-nav-li.active .my-nav-s-c{ background-position:0px -26px;}
.my-nav-li.active .my-nav-s-d{background-position:0px -39px;}
.my-nav-li.active{ border-bottom:2px solid #000;}
.my-nav-li.active .my-nav-li-a{ color:#000;}


.my-ny{ width:1200px; margin:0 auto; position:relative; }
.my-ny-box{ position:absolute; top:0; left:0; display:none; }
.my-ny-box-a-wc{ height:640px; position:relative;}
.my-ny-box-a{height:640px; width:100%;}
.my-ny-zl-tu{ margin-left:40px; margin-top:30px;}
.my-ny-zl-h{ text-transform:uppercase; font-weight:100; font-size:18px; line-height:100px; margin-top:30px;}
.my-ny-zl-p{ font-size:14px;}
.my-my-zl-wz{ float:right;}
.my-ny-zl-annu{ display:block; border-radius:25px; border:1px solid #000; width:186px; height:43px; color:#000; text-align:center; line-height:43px; font-family:Arial; margin:60px auto 0 auto;}
.my-ny-zl-annu:hover{ background:#000; color:#FFF;}


.my-ny-box-b-wc{ height:1604px; width:100%; position:relative;}
.my-ny-box-b{ width:100%;}
.my-ny-box-biao{ margin:50px auto 10px auto; text-align:center; text-transform:uppercase; color:#232323;}
.my-ny-box-h{ font-weight:100; font-family:Arial; padding-bottom:20px;}
.my-ny-box-i{ display:block; height:1px; width:250px; margin:0 auto; background:#232323; }
.my-ny-box-b-ul{ display:inline-block; margin-bottom:40px;}
.my-ny-box-b-ul li{ background:#000; margin-top:20px; position:relative; overflow:hidden; }
.my-ny-box-b-ul li img{ position:relative; z-index:0;}
.my-ny-box-b-ul li img:hover{ opacity:0.7;}
.my-ny-box-b-ul li:hover .my-ny-hg{ opacity:1; transform:rotateY(360deg);
-webkit-transform:rotateY(360deg); transition:1s;}
.my-ny-hg{ position:absolute; top:50%; margin-top:-80px; left:50%; margin-left:-70px; z-index:4; color:#FFF; text-align:center; opacity:0; }
.my-ny-hg-p{ font-size:16px; text-transform:uppercase; font-weight:600;}
.my-ny-hg-s{ display:inline-block; font-size:12px; margin-top:20px;}
.my-ny-hg-annu{ display:block; border-radius:25px; border:1px solid #fff; width:91px; height:17px; margin:20px auto 0 auto; font-size:12px; line-height:17px; color:#fff;}
.my-ny-hg-annu:hover{ border:1px solid #000; background:#000;}


.my-ny-box-li-a{ width:590px; height:393px; margin-right:20px;}
.my-ny-box-li-b{ width:285px; height:393px;}
.my-ny-box-li-c{ width:285px; height:395px; margin-right:20px;}
.my-ny-box-b-ul li:nth-child(7){ margin-right:0;}


.my-ny-box-biao-b{ margin:0 auto; text-align:center; text-transform:uppercase; color:#232323;}
.my-ny-box-b-h{  font-weight:100; font-family:Arial; padding-bottom:20px;}
.my-ny-box-b-i{ display:block; height:1px; width:250px; margin:0 auto; background:#232323; }

.my-ny-zp-li{ width:282px; height:241px; float:left; margin-right:24px; margin-top:24px;}
.my-ny-zp-li:nth-child(4),.my-ny-zp-li:nth-child(8),.my-ny-zp-li:nth-child(12),.my-ny-zp-li:nth-child(16){ margin-right:0;}
.my-ny-zp-li-img img{ opacity:0.7; transition:0.3s;}
.my-ny-zp-li-img{ background:#000;}
.my-ny-zp-li-img:hover img{ opacity:1;}


.my-ny-zp-li-tx{ width:30px;}
.my-ny-zp-li-h{ width:245px; margin:10px auto 0 10px;}
.my-ny-zp-li-zi{ display:inline-block; font-size:12px; color:#999; float:right; line-height:30px; }

.my-ny-zp-li-xx{ margin-top:10px; margin-left:25px;}
.my-ny-zp-li-xx-a{ color:#959595; font-size:12px; transition:0.3s;}
.my-ny-zp-li-xx-a span{ display:inline-block; width:14px; height:8px; background:url(../images/my-ny-zp-li-xx-xiaob.png) top left;  margin-right:5px; }
.my-ny-zp-li-xx-a:hover{ color:#000;}
.my-ny-zp-li-xx-a:hover span{ background-position:top right;}

.my-ny-zp-li-xx-b{ color:#959595; font-size:12px; transition:0.3s; margin-left:15px; margin-right:15px;}
.my-ny-zp-li-xx-b span{ display:inline-block; width:15px; height:14px; background:url(../images/my-ny-zp-li-xx-xiaob.png); background-position:0 -8px; margin-right:5px; }
.my-ny-zp-li-xx-b:hover{ color:#000;}
.my-ny-zp-li-xx-b:hover span{ background-position:-16px -8px;}

.my-ny-zp-li-xx-c{ color:#959595; font-size:12px; transition:0.3s;}
.my-ny-zp-li-xx-c span{ display:inline-block;  width:16px; height:14px; background:url(../images/my-ny-zp-li-xx-xiaob.png); background-position:0 -22px;  margin-right:5px; }
.my-ny-zp-li-xx-c:hover{ color:#000;}
.my-ny-zp-li-xx-c:hover span{ background-position:-16px -22px;}
/*作品区域结束*/


/*评论区域开始*/
.my-ny-box-c-wc{ height:1404px; width:100%; position:relative; }
.my-ny-box-c{ width:100%;}

.my-ny-box-c-li{ height:80px; width:100%; border-bottom:1px solid #ddd; padding-top:25px;}
.my-ny-box-c-li img{ float:left;}
.my-ny-box-c-h{ font-weight:100; line-height:100px; color:#999;}
.my-ny-box-c-zi{ float:left; font-size:14px; line-height:1.5em; margin-left:20px; color:#999;}
.my-ny-box-c-zi a{ color:#06C;}
.my-ny-box-c-time{ display:block; font-size:14px; color:#CCC; float:right; margin-top:30px;}

/*评论区域结束*/


.my-ny-box-d-wc{ height:1100px; width:100%; position:relative;}
.my-ny-box-d{ width:100%;}







/*底部区域开始*/
.footer{ height:485px; width:100%; background:#000; position:relative;}
.fot-cen{ width:1200px; height:220px; position:absolute; left:50%; top:170px; margin-left:-600px; }
.fot-cen-l{ width:596px; position:relative;}
.fl-cen-l-logo{ position:absolute; left:50%; margin-left:-55px;}
.fot-cen-l-o,.fot-cen-l-t{ position:absolute; top:55px; color:#a9a9a9; font-size:12px; overflow:hidden;}
.fot-cen-l-t{ left:60%;}
.fot-cen-l-o-li{ line-height:38px; padding-right:249px; border-bottom:2px solid #333; cursor:text; }
.fot-cen-l-o-li:hover .fot-i{ left:0; opacity:1;}
.fot-cen-l-o .fot-i{ display:block; height:2px; width:289px; position:absolute; right:100%; background:-webkit-linear-gradient(left, #4cc7f0, #fd9da6); opacity:0.2; transition:1s; }
.fot-cen-l-t-xia{ padding-bottom:101px; padding-right:232px; border-bottom:2px solid #333;}
.fot-cen-l-t-bot{ text-align:center; line-height:2em;}
.fot-cen-l-t-li .fot-i{ display:block; height:2px; width:289px; position:absolute; right:100%; bottom:24px; background:-webkit-linear-gradient(left, #4cc7f0, #fd9da6); opacity:0.2; transition:1s; }
/*home*/
.fot-cen-l-t-li:hover .fot-i{ left:0; opacity:1;}

.fot-cen-l-t-li{  cursor:text;}
.fot-cen-r{ text-align:center;}
.fot-cen-r-biao{ color:#FFF; font-family:"impact"; font-size:20px; letter-spacing:2.4px; margin-bottom:30px; }
.fot-cen-r-zi{ font-size:12px; color:#FFF; line-height:48px;}
/*底部区域结束*/