.gaiban_two{ overflow:hidden;background:#f4f4f4; padding-bottom:128px;}
.website_title_p label{ display:inline-block; vertical-align:top; margin-left:47px; margin-right:47px;}
.gaiban_two_ul{ overflow:hidden; margin-top:10px;}
.gaiban_two_ul ul li{ float:left; width:280px; margin-right:10px; position: relative; background:#fff; cursor:pointer; height:340px;}
.gaiban_two_ul ul li:nth-child(5n+0){ margin-right:0;}
.gaiban_two_ul ul li:before{ content:""; width:100%; height:3px; position:absolute; top:0; left:0;}
.gaiban_two_ul ul li:nth-child(1):before{ background:#f98168;}
.gaiban_two_ul ul li:nth-child(2):before{ background:#71c5ca;}
.gaiban_two_ul ul li:nth-child(3):before{ background:#71a4db;}
.gaiban_two_ul ul li:nth-child(4):before{ background:#64bd9d;}
.gaiban_two_ul ul li:nth-child(5):before{ background:#f3913a;}
.gaiban_two_ul ul li .img1{ width:96px; height:96px; display:block; margin:0 auto; margin-top:73px;}
.gaiban_two_ul ul li .h2{ font-weight:normal; line-height:24px; margin-top:49px; height:72px; color:#000; font-size:18px;text-align:center; }
.gaiban_two_ul ul li .divs{ width:280px;/* width:570px;*/opacity:0;filter:Alpha(opacity=0); overflow:hidden; height:100%; position:absolute; left:0; top:0; z-index:1;transition:all 0.3s; color:#fff;}
.gaiban_two_ul ul li:nth-child(1) .divs{ background:#f98168;}
.gaiban_two_ul ul li:nth-child(2) .divs{ background:#71c5ca;}
.gaiban_two_ul ul li:nth-child(3) .divs{ background:#71a4db;}
.gaiban_two_ul ul li:nth-child(4) .divs{ background:#64bd9d;right:0; left:auto;}
.gaiban_two_ul ul li:nth-child(5) .divs{ background:#f3913a; right:0; left:auto;}
.gaiban_two_ul ul li:hover .divs{width:860px;opacity:1.0;filter:Alpha(opacity=100);}
.gaiban_two_ul ul li .divs .img2{  width:240px; float:left; margin-left:44px;margin-top:92px; text-align:center;}
.gaiban_two_ul ul li .divs .img2 img{ width:96px; display:block; margin:0 auto;}
.gaiban_two_ul ul li .divs .img2 .h3{ font-weight:normal;font-size:24px; margin-top:16px;line-height:32px; }
.gaiban_two_ul ul li .divs .cons{  position:absolute; left:284px; top:50%; transform: translate(0%, -50%);width:510px; margin-left:28px; overflow:hidden;}
.gaiban_two_ul ul li .divs .cons .p{ line-height:24px; overflow:hidden; font-size:14px; color:#fff; margin-top:16px;}
.gaiban_two_ul ul li .divs .cons .p p{ margin-bottom:16px; font-size:14px;color:#fff;}

.gaiban_three{ overflow:hidden;background:url(../images/qiye_bg1.jpg) center center  no-repeat; background-size:cover; padding-bottom:100px;}

.gaiban_three_ul{  overflow:hidden; border-top:1px solid #999999;border-left:1px solid #999999; margin-top:50px;}
.gaiban_three_ul ul li{ width:25%; float:left; text-align:center; overflow:hidden;position:relative;}
.gaiban_three_ul ul li .txts{ overflow:hidden;border-bottom:1px solid #999999;border-right:1px solid #999999;/* padding-bottom:32px;*/ height:248px;transition:all 0.3s;}
.gaiban_three_ul ul li:hover .txts{ background:#f67524;}
.gaiban_three_ul ul li .txts .img1{ display:block; width:100px; height:100px; overflow:hidden;margin:0 auto;margin-top:30px;  background-repeat:no-repeat; background-size:100%  100%; position:relative;}
.gaiban_three_ul ul li .txts .img1:after{ content:""; position:absolute; width:0%; height:0%; left:50%; top:50%;transform: translate(-50%, -50%);transition:all 0.3s;background-repeat:no-repeat; background-size:100%  100%; z-index:2;opacity:0;filter:Alpha(opacity=0);}
.gaiban_three_ul ul li:nth-child(1) .txts .img1:after{background-image:url(../images/gaiban_c1_on.png);}
.gaiban_three_ul ul li:nth-child(2) .txts .img1:after{background-image:url(../images/gaiban_c2_on.png);}
.gaiban_three_ul ul li:nth-child(3) .txts .img1:after{background-image:url(../images/gaiban_c3_on.png);}
.gaiban_three_ul ul li:nth-child(4) .txts .img1:after{background-image:url(../images/gaiban_c4_on.png);}
.gaiban_three_ul ul li:nth-child(5) .txts .img1:after{background-image:url(../images/gaiban_c5_on.png);}
.gaiban_three_ul ul li:nth-child(6) .txts .img1:after{background-image:url(../images/gaiban_c6_on.png);}
.gaiban_three_ul ul li:nth-child(7) .txts .img1:after{background-image:url(../images/gaiban_c7_on.png);}
.gaiban_three_ul ul li:nth-child(8) .txts .img1:after{background-image:url(../images/gaiban_c8_on.png);}
.gaiban_three_ul ul li:hover .txts .img1:after{width:100%; height:100%;opacity:1.0;filter:Alpha(opacity=100);}
.gaiban_three_ul ul li:nth-child(1) .txts .img1{ background-image:url(../images/gaiban_c1.png);}
.gaiban_three_ul ul li:nth-child(2) .txts .img1{ background-image:url(../images/gaiban_c2.png);}
.gaiban_three_ul ul li:nth-child(3) .txts .img1{ background-image:url(../images/gaiban_c3.png);}
.gaiban_three_ul ul li:nth-child(4) .txts .img1{ background-image:url(../images/gaiban_c4.png);}
.gaiban_three_ul ul li:nth-child(5) .txts .img1{ background-image:url(../images/gaiban_c5.png);}
.gaiban_three_ul ul li:nth-child(6) .txts .img1{ background-image:url(../images/gaiban_c6.png);}
.gaiban_three_ul ul li:nth-child(7) .txts .img1{ background-image:url(../images/gaiban_c7.png);}
.gaiban_three_ul ul li:nth-child(8) .txts .img1{ background-image:url(../images/gaiban_c8.png);}
.gaiban_three_ul ul li .txts .divs{  max-width:300px; margin:0 auto; width:94%;overflow:hidden; margin-top:23px;}
.gaiban_three_ul ul li .txts .divs .p{ line-height:24px;overflow:hidden; color:#cccccc; font-size:16px; text-transform:uppercase;}
.gaiban_three_ul ul li:hover .txts .divs .p{ color:#fff;}