@charset "utf-8";
/*banner*/
#kinMaxShow { display: none; color: #FFF; }
#kinMaxShow a { color: #FFF; }
#kinMaxShow .bary { width: 1020px; height: 700px; margin: 0 auto; position: relative; line-height: normal; text-align: center; }
#kinMaxShow .bary enl { width: 100%; overflow: hidden; display: block; position: absolute; left: 0; top: 186px; font-family: "Fjalla One", sans-serif; font-size: 18px; text-transform: uppercase; }
#kinMaxShow .bary batop { width: 100%; overflow: hidden; display: block; position: absolute; left: 0; top: 230px; font-size: 72px; font-weight: bolder; }
#kinMaxShow .bary ol { width: 126px; height: 2px; display: block; background: #fb861c; position: absolute; left: 447px; top: 350px; }
#kinMaxShow .bary p { width: 782px; overflow: hidden; line-height: 30px; font-size: 18px; position: absolute; left: 119px; bottom: 266px; }
/*产品中心*/
.titles { width: 100%; height: 88px; }
.titles .cplb { width: auto; float: right; height: 60px; padding-top: 28px; }
.titles .cplb a { width: auto; display: block; float: left; margin-left: 50px; line-height: 32px; height: 32px; position: relative; overflow: hidden; }
.titles .cplb a:hover { background: url(../images/ioc8.png) no-repeat center; color: #000; }
.titles .btc { width: auto; float: left; height: 88px; position: relative; line-height: normal; padding-right: 50px; }
.titles .btc dt { font-size: 14px; text-transform: uppercase; }
.titles .btc dd { font-size: 42px; font-weight: bolder; }
.titles .btc dd a span { color: #fb861c; }
.titles .btc ol { width: 194px; height: 1px; display: block; background: #fb861c; position: absolute; left: 0; bottom: 9px; }
.titles .btc i.hover { width: 18px; height: 14px; display: block; background: url(../images/ioc9.png) no-repeat; position: absolute; left: 205px; bottom: 3px; display: inline-block; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); }
/* Hover */
@-webkit-keyframes hover { 50% {
 -webkit-transform: translateY(-3px);
 transform: translateY(-3px);
}
 100% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
}
 @keyframes hover { 50% {
 -webkit-transform: translateY(-3px);
 transform: translateY(-3px);
}
 100% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
}
.titles .btc:hover i.hover, .titles .btc:focus i.hover, .titles .btc:active i.hover { -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
.picScroll-leftm { width: 1200px; overflow: hidden; position: relative; height: 457px; margin-top: 30px; }
.picScroll-leftm .hdm .prev, .picScroll-leftm .hdm .next { display: block; bottom: 88px; width: 28px; height: 30px; position: absolute; z-index: 100; cursor: pointer; }
.picScroll-leftm .hdm .prev { background: url(../images/left.png) no-repeat; left: 678px; }
.picScroll-leftm .hdm .prev:hover { background: url(../images/left_ed.png) no-repeat; }
.picScroll-leftm .hdm .next { background: url(../images/right.png) no-repeat; right: 310px; }
.picScroll-leftm .hdm .next:hover { background: url(../images/right_ed.png) no-repeat; }
.picScroll-leftm .hdm .pageState { width: 154px; height: 30px; line-height: 30px; text-align: center; display: block; position: absolute; bottom: 88px; left: 706px; z-index: 200; font-size: 16px; font-weight: bolder; }
.picScroll-leftm .hdm .pageState span { color: #fb861c; font-size: 39px; }
.picScroll-leftm .bdm { width: 1200px; height: 457px; }
.picScroll-leftm .bdm ul { overflow: hidden; zoom: 1; }
.picScroll-leftm .bdm ul li { width: 1200px; height: 457px; float: left; _display: inline; overflow: hidden; position: relative; }
.picScroll-leftm .bdm ul li .pic { width: 595px; height: 437px; transition: background 0.8s; display: flex; background-position: center center; background-repeat: no-repeat; background-size: 595px; border: 10px #f3f3f3 solid; overflow: hidden; float: left; }
.picScroll-leftm .bdm ul li .title { width: 536px; height: 234px; float: right; overflow: hidden; position: relative; line-height: normal; }
.picScroll-leftm .bdm ul li .title .tatr { width: 100%; display: block; font-size: 24px; display: block; font-weight: bolder; }
.picScroll-leftm .bdm ul li .title p { width: 100%; overflow: hidden; padding-top: 10px; line-height: 1.8; }
.picScroll-leftm .bdm ul li .title .morec { width: 165px; height: 50px; line-height: 50px; display: block; text-align: center; border: 1px #7d7d7d solid; position: absolute; left: 0; bottom: 0; text-transform: uppercase; }
.picScroll-leftm .bdm ul li .pir { width: 273px; height: 207px; position: absolute; right: 0; bottom: 0; overflow: hidden; z-index: 10; }
.picScroll-leftm .bdm ul li .pir img { width: 253px; height: 187px; border: 10px #f3f3f3 solid; }
.picScroll-leftm .bdm ul li:hover .pic { background-position: left; background-size: 800px; }
.txkl { -webkit-transition: border-color 0.4s, color 0.4s; transition: border-color 0.4s, color 0.4s; }
.txkl::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fb861c; z-index: -1; opacity: 0; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.txkl, .txkl::before { -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.txkl:hover { color: #fff; border-color: 1px #7d7d7d fb861c; }
.txkl:hover::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.picMarquee-left { width: 1200px; overflow: hidden; height: 372px; margin-top: 30px; }
.picMarquee-left .bd ul { overflow: hidden; zoom: 1; }
.picMarquee-left .bd ul li { width: 390px; height: 372px; margin: 0 5px; float: left; _display: inline; overflow: hidden; position: relative; }
.picMarquee-left .bd ul li .pic { width: 373px; height: 287px; transition: background 0.8s; display: flex; background-position: center center; background-repeat: no-repeat; background-size: 373px; overflow: hidden; position: absolute; z-index: 10; left: 9px; top: 9px; }
.picMarquee-left .bd ul li:hover .pic { background-position: left; background-size: 600px; }
.picMarquee-left .bd ul li .tatr { width: 350px; height: 76px; line-height: 76px; display: block; position: absolute; left: 20px; bottom: 0; z-index: 10; text-align: left; }
.picMarquee-left .bd ul li:hover .tatr { color: #FFF; }
.picMarquee-left .bd ul li .tatr span { width: 17px; height: 76px; background: url(../images/ioc4.png) no-repeat center; display: block; float: right; }
.picMarquee-left .bd ul li:hover .tatr span { background: url(../images/ioc5.png) no-repeat center; }
.picMarquee-left .bd ul li i { width: 390px; height: 372px; background: #f3f3f3; display: block; }
.picMarquee-left .bd ul li ol { width: 390px; height: 372px; display: block; background: #fb861c; position: absolute; z-index: 5; left: 0; top: -100%; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-i; }
.picMarquee-left .bd ul li:hover ol { top: 0; }
/*youshi*/
.youshi { width: 100%; padding: 50px 0 0 0; margin-top: 50px; background: #e5e9ee; text-align: center; line-height: normal; height: 800px; }
.youshi .titlys { width: 100%; overflow: hidden; }
.youshi .titlys i { width: 100%; overflow: hidden; font-style: normal; text-transform: uppercase; font-family: "Fjalla One", sans-serif; display: block; }
.youshi .titlys .tity { width: 100%; overflow: hidden; padding-top: 8px; font-size: 42px; font-weight: bolder; }
.youshi .titlys .tity span { color: #fb861c; }
.youshi .titlys p { font-size: 18px; padding-top: 10px; }
.youshi .ys_bo { width: 1300px; height: 573px; margin: 50px auto 0 auto; -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.1); box-shadow: 0 10px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.youshi .ys_bo .ys_l { width: 593px; height: 214px; float: left; background: url(../images/ysl.jpg) no-repeat top center #fb861c; padding-top: 359px; }
.picScroll-lefty { width: 593px; overflow: hidden; position: relative; height: 214px; z-index: 1 }
.picScroll-lefty .hdy .prev, .picScroll-lefty .hdy .next { display: block; top: 72px; width: 37px; height: 69px; position: absolute; z-index: 100; cursor: pointer; }
.picScroll-lefty .hdy .prev { background: url(../images/lefta.png) no-repeat; left: 0; }
.picScroll-lefty .hdy .prev:hover { background: url(../images/lefta_ed.png) no-repeat; }
.picScroll-lefty .hdy .next { background: url(../images/righta.png) no-repeat; right: 0; }
.picScroll-lefty .hdy .next:hover { background: url(../images/righta_ed.png) no-repeat; }
.picScroll-lefty .bdy { width: 593px; height: 214px; position: absolute; left: 0; top: 0; z-index: 50; }
.picScroll-lefty .bdy ul { overflow: hidden; zoom: 1; }
.picScroll-lefty .bdy ul li { width: 197px; height: 160px; float: left; _display: inline; overflow: hidden; text-align: center; padding-top: 54px; }
.picScroll-lefty .bdy ul li .ysioc { width: 100%; height: 54px; display: block; }
.picScroll-lefty .bdy ul li .ystxt { width: 100%; overflow: hidden; padding-top: 10px; color: #FFF; }
.picScroll-lefty .bdy ul li .ystxt span { display: block; font-size: 19px; }
.picScroll-lefty .bdy ul li .ystxt p { padding-top: 5px; font-family: "Fjalla One", sans-serif; }
.picScroll-lefty .ysbg1 { width: 100%; height: 117px; background: url(../images/ysl3.png) no-repeat; position: absolute; left: 0; bottom: 0; z-index: 10; display: inline-block; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
.picScroll-lefty .ysbg2 { width: 268px; height: 268px; background: url(../images/ysl2.png) no-repeat; position: absolute; right: 0; top: 73px; z-index: 20; display: inline-block; -webkit-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.7s; animation-duration: 1.7s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
.picScroll-lefty .ysbg3 { width: 268px; height: 268px; background: url(../images/ysl1.png) no-repeat; position: absolute; right: 88px; top: 78px; z-index: 30; display: inline-block; -webkit-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.7s; animation-duration: 1.7s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
.ys_r { width: 691px; height: 557px; float: left; background: #FFF; padding: 8px; }
.ys_r .ys1 { width: 267px; height: 303px; overflow: hidden; float: left; position: relative; }
.ys_r dl dt { width: 100%; height: 100%; overflow: hidden; display: block; transition: all .6s ease-out; }
.ys_r dl dd { background: #626262; color: #FFF; display: block; position: absolute; top: 0; opacity: 0; transform: rotateY(180deg); transition: all .6s ease-out; }
.ys_r dl dd .nr { width: 100%; height: 100%; position: relative; }
.ys_r dl dd .nr i { width: 100%; height: 46px; display: block; position: absolute; left: 0; z-index: 100; }
.ys_r dl dd .nr span { width: 100%; overflow: hidden; font-size: 20px; position: absolute; left: 0; z-index: 100; }
.ys_r dl:hover dt { transition: all .6s ease-out; transform: rotateY(180deg); opacity: 0; }
.ys_r dl:hover dd { transition: all .6s ease-out; transform: rotateY(360deg); opacity: 1; }
.ys_r .ysk { width: 155px; height: 303px; overflow: hidden; float: left; padding-left: 2px; }
.ys_r dl.ys1 dd { width: 267px; height: 303px; }
.ys_r dl.ys1 dd .nr i { top: 116px; }
.ys_r dl.ys1 dd .nr span { top: 166px; }
.ys_r dl.ys2 { width: 155px; height: 172px; overflow: hidden; position: relative; }
.ys_r dl.ys2 dd { width: 155px; height: 172px; }
.ys_r dl.ys2 dd .nr i { top: 36px; }
.ys_r dl.ys2 dd .nr span { top: 86px; }
.ys_r dl.ys3 { width: 155px; height: 129px; overflow: hidden; position: relative; margin-top: 2px; }
.ys_r dl.ys3 dd { width: 155px; height: 129px; }
.ys_r dl.ys3 dd .nr i { top: 20px; }
.ys_r dl.ys3 dd .nr span { top: 76px; }
.ys_r dl.ys4 { width: 265px; height: 303px; overflow: hidden; position: relative; float: left; margin-left: 2px; }
.ys_r dl.ys4 dd { width: 265px; height: 303px; }
.ys_r dl.ys4 dd .nr i { top: 116px; }
.ys_r dl.ys4 dd .nr span { top: 166px; }
.ys_r dl.ys5 { width: 347px; height: 252px; overflow: hidden; position: relative; float: left; margin-top: 2px; }
.ys_r dl.ys5 dd { width: 347px; height: 252px; }
.ys_r dl.ys5 dd .nr i { top: 86px; }
.ys_r dl.ys5 dd .nr span { top: 136px; }
.ys_r dl.ys6 { width: 342px; height: 252px; overflow: hidden; position: relative; float: left; margin-top: 2px; margin-left: 2px; }
.ys_r dl.ys6 dd { width: 342px; height: 252px; }
.ys_r dl.ys6 dd .nr i { top: 86px; }
.ys_r dl.ys6 dd .nr span { top: 136px; }
.ysrg1 { width: 80%; overflow: hidden; position: absolute; left: -15%; top: 48%; z-index: 20; display: inline-block; -webkit-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.7s; animation-duration: 1.7s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
.ysrg2 { width: 66%; overflow: hidden; position: absolute; right: -15%; top: 70%; z-index: 30; display: inline-block; -webkit-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.7s; animation-duration: 1.7s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
.abouts_c { width: 100%; height: 756px; background: url(../images/bg0.jpg) repeat-x bottom #e5e9ee; }
.abouts { width: 1300px; height: 756px; margin: 0 auto 0 auto; }
.abouts .abouts_l { width: 394px; overflow: hidden; float: left; }
.abouts .abouts_l dt { width: 394px; overflow: hidden; }
.abouts .abouts_l dd { width: 344px; overflow: hidden; padding: 28px 0 0 50px; }
.abouts .abouts_l dd span { width: 344px; overflow: hidden; display: block; font-size: 30px; font-weight: bolder; line-height: 42px; }
.abouts .abouts_l dd p { font-size: 16px; line-height: 26px; padding-top: 10px; }
.abouts .abouts_r { width: 830px; height: 756px; float: right; }
.abouts .abouts_r .ab_top { width: auto; float: right; height: 68px; margin-right: 50px; padding-top: 20px; }
.abouts .abouts_r .ab_top a { width: 85px; float: left; display: block; height: 68px; margin-left: 70px; text-align: center; }
.abouts .abouts_r .ab_top a span { width: 100%; height: 29px; display: block; padding-bottom: 10px; }
.abouts .abouts_r .ab_top a:hover { color: #000; background: url(../images/ioc8.png) no-repeat center 36px; }
.abouts .abouts_r .abo { width: 780px; overflow: hidden; padding-top: 34px; font-size: 16px; line-height: 30px; padding-right: 50px; }
.abouts .abouts_r .abimg { width: 830px; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); margin-top: 40px; }
/*case*/
.case { width: 100%; overflow: hidden; background: url(../images/bg1.jpg) no-repeat center 120px; }
.case .titles .more { width: 168px; height: 53px; line-height: 53px; text-align: center; display: block; float: right; background: #fb861c; color: #FFF; text-transform: uppercase; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; position: relative; overflow: hidden; }
.case .titles .more:hover { background: none; color: #444; }
.border { position: absolute; background: none; transition: all .5s ease-in-out; }
#fourth>.border:nth-of-type(1) { top: 0; left: 0; width: 0; height: 0; border-top: 1px solid #646464; }
#fourth>.border:nth-of-type(2) { top: 0; right: 0; width: 10px; height: 0; border-right: 1px solid #646464; }
#fourth>.border:nth-of-type(3) { bottom: 0; right: 0; width: 0; height: 0; border-bottom: 1px solid #646464; }
#fourth>.border:nth-of-type(4) { bottom: 0; left: 0; width: 0; height: 0; border-left: 1px solid #646464; }
#fourth:hover .border:nth-of-type(1) { width: 100%; }
#fourth:hover .border:nth-of-type(2) { height: 80px; }
#fourth:hover .border:nth-of-type(3) { width: 100%; }
#fourth:hover .border:nth-of-type(4) { height: 80px; }
.picScroll-leftk { width: 1200px; overflow: hidden; position: relative; height: 490px; z-index: 1; margin: 0 auto; }
.picScroll-leftk .hdk { width: 112px; height: 37px; background: url(../images/ioc7.png) no-repeat center; display: block; position: absolute; top: 37px; left: 0; }
.picScroll-leftk .hdk .prev, .picScroll-leftk .hdk .next { display: block; width: 28px; height: 30px; cursor: pointer; }
.picScroll-leftk .hdk .prev { background: url(../images/left.png) no-repeat; float: left; }
.picScroll-leftk .hdk .prev:hover { background: url(../images/left_ed.png) no-repeat; }
.picScroll-leftk .hdk .next { background: url(../images/right.png) no-repeat; float: right; }
.picScroll-leftk .hdk .next:hover { background: url(../images/right_ed.png) no-repeat; }
.picScroll-leftk .bdk { position: absolute; bottom: 0; left: 0; }
.picScroll-leftk .bdk ul { overflow: hidden; zoom: 1; }
.picScroll-leftk .bdk ul li { width: 392px; height: 372px; margin: 0 3px; float: left; _display: inline; overflow: hidden; position: relative; }
.picScroll-leftk .bdk ul li .pic { width: 373px; height: 287px; transition: background 0.8s; display: flex; background-position: center center; background-repeat: no-repeat; background-size: 373px; overflow: hidden; position: absolute; z-index: 10; left: 10px; top: 9px; }
.picScroll-leftk .bdk ul li:hover .pic { background-position: left; background-size: 600px; }
.picScroll-leftk .bdk ul li .tatr { width: 350px; height: 76px; line-height: 76px; display: block; position: absolute; left: 21px; bottom: 0; z-index: 10; text-align: left; }
.picScroll-leftk .bdk ul li:hover .tatr { color: #fb861c; }
.picScroll-leftk .bdk ul li .tatr span { width: 17px; height: 76px; background: url(../images/ioc6.png) no-repeat center; display: block; float: right; }
.picScroll-leftk .bdk ul li:hover .tatr span { background: url(../images/ioc4.png) no-repeat center; }
.picScroll-leftk .bdk ul li i { width: 390px; height: 370px; background: #FFF; display: block; border: 1px #e5e5e5 solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.picScroll-leftk .bdk ul li ol { width: 390px; height: 370px; border: 1px #fb861c solid; display: block; background: #FFF; position: absolute; z-index: 5; left: 0; top: -100%; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-i; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.picScroll-leftk .bdk ul li:hover ol { top: 0; }
.picScroll-leftk .cas { width: 460px; overflow: hidden; font-size: 19px; line-height: 45px; text-decoration: underline; padding-bottom: 10px; text-align: right; position: absolute; top: 18px; left: 324px; }
/*news*/
.news { width: 100%; overflow: hidden; padding: 50px 0; background: #eceef1; margin-top: 40px; line-height: normal; }
.news .new_img { width: auto; overflow: hidden; border-left: 1px #e5e5e5 solid; float: right; }
.news .new_img dl { width: 284px; overflow: hidden; float: left; padding-left: 48px; }
.news .new_img dl dt { width: 284px; overflow: hidden; height: 210px; }
.news .new_img dl dd { width: 284px; overflow: hidden; padding-top: 18px; }
.news .new_img dl dd .tin { display: block; font-size: 19px; }
.news .new_img dl dd p { font-size: 16px; padding-top: 10px; }
.news .new_img dl dd span { display: block; padding-top: 10px; color: #818181; }
.news .new_img dl:hover dd .tin { color: #fb861c; }
.news .new_l { width: 496px; overflow: hidden; float: left; }
.news .new_l li { width: 496px; overflow: hidden; margin-top: 30px; height: 92px; }
.news .new_l li .time { width: 82px; height: 92px; float: left; position: relative; text-align: center; font-family: "Fjalla One", sans-serif; }
.news .new_l li .time dt { width: 82px; height: 49px; line-height: 49px; border-bottom: 1px #e5e5e5 solid; position: absolute; z-index: 10; left: 0; top: 0; }
.news .new_l li .time dd { width: 82px; height: 42px; line-height: 42px; font-size: 15px; position: absolute; z-index: 10; left: 0; bottom: 0; }
.news .new_l li .time i { width: 82px; height: 92px; background: #FFF; display: block; }
.news .new_l li .time ol { width: 82px; height: 92px; display: block; background: #fb861c; position: absolute; z-index: 5; left: 0; top: -100%; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-i; }
.news .new_l li:hover .time { color: #FFF; }
.news .new_l li:hover .time dt { border-bottom: 1px #fbc799 solid; }
.news .new_l li:hover .time ol { top: 0; }
.news .new_l li .nenr { width: 394px; height: 92px; overflow: hidden; float: right; }
.news .new_l li .nenr dt { width: 394px; overflow: hidden; font-size: 19px; }
.news .new_l li .nenr dd { font-size: 16px; padding-top: 10px; }
.news .new_l li:hover .nenr dt a { color: #fb861c; }
.news .nebv { width: 347px; height: 70px; position: relative; border: 1px #d2d2d2 solid; padding: 20px; }
.news .nebv:hover { width: 349px; height: 72px; border: 0; }
.news .nebv dt { width: 349px; height: 22px; line-height: 22px; }
.news .nebv dt i { font-size: 18px; display: block; float: left; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); }
.news .nebv dt span { display: block; color: #818181; float: right; }
.news .nebv dd { font-size: 18px; background: url(../images/ioc10.png) no-repeat left center; padding-left: 37px; margin-top: 20px; }
.borde { position: absolute; background: none; transition: all .5s ease-in-out; }
#four>.borde:nth-of-type(1) { top: 0; left: 0; width: 0; height: 0; border-top: 1px solid #fb861c; }
#four>.borde:nth-of-type(2) { top: 0; right: 0; width: 10px; height: 0; border-right: 1px solid #fb861c; }
#four>.borde:nth-of-type(3) { bottom: 0; right: 0; width: 0; height: 0; border-bottom: 1px solid #fb861c; }
#four>.borde:nth-of-type(4) { bottom: 0; left: 0; width: 0; height: 0; border-left: 1px solid #fb861c; }
#four:hover .borde:nth-of-type(1) { width: 100%; }
#four:hover .borde:nth-of-type(2) { height: 100%; }
#four:hover .borde:nth-of-type(3) { width: 100%; }
#four:hover .borde:nth-of-type(4) { height: 100%; }
.news .nebv:nth-of-type(1) { float: left; }
.news .nebv:nth-of-type(2) { float: left; margin: 0 16px; }
.news .nebv:nth-of-type(3) { float: right; }
/*link*/
.link { width: 100%; overflow: hidden; padding: 20px 0; }
.link i { font-family: "Fjalla One", sans-serif; font-size: 30px; font-weight: bold; color: #fb861c; font-style: normal; margin-right: 10px; }