.w1200 {
    width: 1280px;
    margin: 0 auto;
}

.container01 .title{text-align:center;display: inline-block; padding-top: 40px; padding-bottom: 30px;  width: 1280px;
    margin: 0 auto;}
.container01 .title h2{ font-size:40px; color:#283f4f; font-weight:bold;}
.container01 .title h2 font{ color:#efc308}
.container01 .title h5{ font-size:16px; color:#2e2e2e}


.container01 .title{ text-align:center; }
.container01 .title h3{ margin-bottom:12px;}
.container01 .title p{ font-size:16px; line-height:32px; color:#707578}

.container01 ul{font-size:0;margin:0 -5px;margin-bottom: 88px;}
.container01 ul li{display:inline-block;width: 270px;padding:0 5px;overflow:hidden;height: 585px;transition:1.2s ease;vertical-align: top;}
.container01 ul li a:before{content:"";background: rgba(0,0,0,0.5);position:absolute;left:0;top:0;width: 100%;height:100%;-transition:1.2s ease;z-index: 10;}
.container01 ul li a{display:block;width:100%;height:100%;padding: 362px 28px 0;overflow: hidden;position: relative;}
.container01 ul li .bg{position:absolute;left:0;top:0;width:100%;height:100%;transition:1.2s ease;z-index: 1;}
.container01 ul li .con{position:relative;z-index: 101;}
.container01 ul li .con h3{height: 46px;line-height: 46px;margin-bottom: 32px;overflow:hidden;transition: 0.9s;}
.container01 ul li .con h3 img{ opacity:1; transition:1.2s ease}
.container01 ul li .con h4{font-size: 24px;color:#fff;text-transform:uppercase; position:relative}
.container01 ul li .con h4:before{content:"";position:absolute;left:0;top: -40px;width: 0;height:5px;background:#1d1a0f;z-index: 10;transition: 0.36s ease;}
.container01 ul li .con h5{font-size: 12px;color: rgba(255,255,255,0.7);margin-bottom:72px;margin-top:8px;position:relative;text-transform: uppercase;}
.container01 ul li .con h5:before{ content:""; position:absolute; top:48px; left:0; width:0; height:2px; background:#fff; transition:1.2s ease}
.container01 ul li .con p{font-size: 14px;color: #1d1a0f;line-height:30px;height:0;overflow:hidden;margin-bottom: 60px; opacity:0; transition:1.2s ease}
.container01 ul li .con .more b{display:inline-block;width: 108px;height: 35px;line-height: 35px;text-align:center;font-size: 14px;font-weight: normal;-moz-border-radius: 17.5px;-webkit-border-radius: 17.5px;border-radius: 17.5px;transition:1.2s ease;color:#fff;background: #191919;}
.container01 ul li .con .more b span{display:inline-block;width: 100%;height: 35px;line-height: 35px;color: #fed20f;font-size: 14px;overflow:hidden;transition:1.2s ease;}

.container01 ul li.on{width: 480px;}
.container01 ul li.on a{ padding:138px 54px 0;}
.container01 ul li.on a h3{height:0;transform:rotateX(90deg);opacity:0;}
.container01 ul li.on a h4{ color: #1d1a0f;}
.container01 ul li.on a h5{ color: #1d1a0f;}
.container01 ul li.on a:before{background: rgba(254, 210, 15, 0.95);}
.container01 ul li.on .con p{ height:120px; opacity:1}
.container01 ul li.on .con h4:before{ width:40px;}

.container01 dl{text-align:center;position:relative;font-size:0;padding: 0 8%;}
.container01 dd{ display:inline-block; width:33.333333%; position:relative}
.container01 dd:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background: rgba(40, 63, 79, 0.1);bottom: -101px;left: 23%; transition:0.6s; transform:scale(0)}
.container01 dd:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#166a79;bottom: -95px;left: 24.8%; transition:0.6s; transform:scale(0)}
.container01 dl dd h3{height: 38px;line-height: 38px;float:left;width: 88px;border-right: #54656d 1px solid; position:relative}
.container01 dl dd h3:after{ content:""; position:absolute; right:-4px; top:0; height:0; width:4px; background:#166a79; transition:0.6s;}
.container01 dl dd h3 img{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;}
.container01 dl dd .right{padding: 0 0 0 28px;text-align: left;}
.container01 dl dd h4{font-size:12px;color: #86949e;text-transform:uppercase;position:relative;}
.container01 dl dd h5{font-size: 18px;color: #212223;margin-bottom: 6px;position:relative;}

.container01 dl dd:hover h3 img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}

.container01 dd:hover:before,.container01 dd:hover:after{ transform:scale(1)}
.container01 dl dd:hover h3:after{ height:100%}
@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}














.container03{ height:370px; background:url(../image/container03_bg.jpg) center top no-repeat; background-attachment:fixed; padding-top:55px}
.container03 ul{font-size:0;background:url(../images/ul.png) center no-repeat;height:250px;padding: 0 15px;margin: 0 -15px;}
.container03 ul li{display:inline-block;width:25%;text-align:center;padding: 20px 0 0; border-right:rgba(255,255,255,0.4) 1px solid; position:relative}
.container03 ul li:after{ content:""; position:absolute; right:-3px; top:0; width:3px; height:0; background:#fff; transition:0.6s}
.container03 ul li:nth-child(1){ transition-delay:0.3s}
.container03 ul li:nth-child(2){ transition-delay:0.6s}
.container03 ul li:nth-child(3){ transition-delay:0.9s}
.container03 ul li:nth-child(4){ transition-delay:1.2s}
.container03 ul li:last-child{ border:none}
.container03 ul li:last-child:after{ display:none}
.container03 ul li .icon{ display:inline-block; text-align:left}
.container03 ul li h4{ margin-bottom: 50px;}
.container03 ul li h4 span{font-size: 14px;color: #fff;display:  inline-block;margin-right: 24px;vertical-align: top;position: relative;}
.container03 ul li h4 span font{display:inline-block;width:24px;height:24px;background:#281f0e;border-radius:50%;line-height: 24px;text-align: center;}
.container03 ul li h4 span font:before{content:"";position:absolute;top:50%;left:50%;margin-left: -18px;margin-top: -18px;width:34px;height:34px;border:#b08c16 1px dashed;border-radius: 50%; transition:1.2s}
.container03 ul li h4 span.counter{font-size: 64px;color: #fff;margin-top: 0;font-family: DINOT;letter-spacing: -4px;}
.container03 ul li h4 span.lwy{font-size:65px;color:#fff;font-family: myFirstFont;line-height: 44px; margin-left:12px;}
.container03 ul li h5{font-size: 15px;color: #281f0e;margin-bottom: 8px;padding-left: 5px;}
.container03 ul li h6{font-size: 14px;color: rgba(40,31,14,0.5);line-height: 24px;height: 48px;margin-bottom: 15px;}

.container03 ul li:hover h4 span font:before{ transform:rotate(360deg)}
.container03 ul li:hover:after{ height:100%}
.container03 ul li:hover h3 img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}





.artInfo-right{width:27.5%;float:right;}
.aiAbout-news{margin:0px 0 30px;border:1px solid #ececec;padding:30px 25px 20px;position:relative;}
.aiAbout-news .top{line-height:28px;font-size:18px;color:#333;border-bottom:1px solid #ececec;padding-bottom:20px;}
.aiAbout-news .list li{padding:0 0 0 0px;background:url(../images/icon-l1.png) no-repeat left 9px;position:relative;margin:20px 0 20px;}
.aiAbout-news .ref{display: block;height:40px;background:#ececec url(../images/icon_sx.png) no-repeat center;position:absolute;bottom:0px;left:0px;width:100%;}
.aiAbout-news .list li .name{line-height:26px;max-height:75px;color:#666666;}
.aiAbout-news .list li .date{line-height:21px;font-size:12px;color:#999999;margin:5px 0 0;}
.aiAbout-news .list li:hover .name{color:#fac943;}
#hotnews{padding-bottom:50px;}
.artInfo-nav{margin-top:20px;overflow:hidden;}
.aiAbout-news.pdtb25{padding:25px;}
.artInfo-nav a{display:block;padding:10px 0;line-height:28px;text-align:center;color:#777;border-bottom:1px solid #ececec;float:left;width:48%;background:#f2f2f2;margin-bottom:15px;}
.artInfo-nav a:nth-child(2n){margin-left:4%;}
.artInfo-nav a.cur,
.artInfo-nav a:hover{color:#fff;background:#fac943;border-color:#fac943;}