@charset "utf-8";


html{}
.main{ margin:0 auto; width:1200px;background:#fff; height:auto;}
.main h2{ font-size:20px; color:#555555; font-weight:normal; text-align:center; line-height:30px;}
.main h3{ font-size:16px; color:#676767; font-weight:normal; text-align:center; line-height:30px;}
/*.main1-01 .xjNew_ul li:after{content:"";display: block;width:80%;height:0;border-bottom: 1px dashed #ddd;margin: 0 auto}*/

.main3{ margin:0 auto; width:1200px;background:#fff; height:auto;}
.main3-nav{ margin:0 auto; width:1200px; padding:20px 0; background:#fff;}
.main3-1{ overflow:hidden; clear:both; margin-top:30px; position:relative;}
/*.main3-1 .item div{ float:left; position:relative;  width:389px; height:315px;}*/
.main3-1 .item p{ font-size:18px; color:#FFF; position:absolute; left:20px; bottom:17px;}
.main3-1 .item .m01{ margin:0px 5px;float:left; position:relative;  width:389px; height:315px;}
.main3-1 .item .jjfa_hover{margin-right:10px; position:absolute; top:0px; left:50%;    width: 0;height: 315px;transition: all 0.5s;}
.main3-1 .item .m01 h4{ font-size:30px;line-height: 30px;color:#fff; width:272px;text-align:center; font-weight:normal;height: 30px;position:absolute;top:38px;left:50%;margin-left:-136px;}
.main3-1 .item .m01 .word{ font-size:14px; color:#fff; width:312px;line-height: 25px;position: absolute;top:160px;left: 50%;margin-left: -156px;}
.main3-1 .item .m01 a{ width:150px; height:40px; display:inline-block; border-radius:3px; line-height:40px; text-align:center; border: 1px solid #ffffff;color:#ffffff; font-size:14px; position:absolute; bottom:-30px; left:125px;left: 50%;margin-left: -75px;}
.main3-1 .item .m01 a:hover{color:#373d41;background: #ffffff;}
.text_hover{transition: opacity 1s,top 0.5s, bottom 0.5s;transition-delay: 0s;z-index:1;opacity:0;overflow: hidden;}
.main3-1 .item .m01:hover .jjfa_hover{width:389px;left:0;}
.main3-1 .item .m01:hover .text_hover{opacity: 1;}
.main3-1 .item .m01:hover .text_hover1{top:100px;}
.main3-1 .item .m01:hover .text_hover2{bottom:30px;}
.jjfa_banner1{background:url(main3-01s.png) no-repeat;}
.jjfa_banner2{background:url(main3-02s.png) no-repeat;}
.jjfa_banner3{background:url(main3-03s.png) no-repeat;}
/*.main3-1 .item .m01:hover .main3-1 .text_hover .word{opacity: 1;}
.main3-1 .item .m01:hover .main3-1 .text_hover a{opacity: 1;}*/
/*.main3-1 .item .last{ margin-right:0px;}
.main3-1 .items{ }
/*.main3-1 .items div{ float:left; position:relative;  width:329px; height:275px; padding:40px 30px 0 30px; position:relative;}*/
/*.main3-1 .items h4{ font-size:30px; color:#fff; text-align:center; font-weight:normal;height: 30px;padding-top: 38px;opacity: 1;transition: all 0.5s;}
.main3-1 .items .word{ font-size:14px; color:#fff;     margin-top: 24px;line-height: 25px;padding: 0 30px;opacity: 1;transition: all 0.5s;}
.main3-1 .items a{ width:150px; height:40px; display:inline-block; border-radius:3px; line-height:40px; text-align:center; border: 1px solid #ffffff;color:#ffffff; font-size:14px; position:absolute; bottom:30px; left:125px;}
.main3-1 .items a:hover{color:#373d41;background: #ffffff;}
.main3-1 .items .m01{ background:url(../images/main3-01s.png) no-repeat; margin-right:10px; position:absolute; top:0px; left:0px;    width: 389px;height: 315px;transition: all 0.5s;}
.main3-1 .items .m02{ background:url(../images/main3-02s.png) no-repeat; margin-right:10px; position:absolute; top:0px; left:399px;}
.main3-1 .items .m03{ background:url(../images/main3-03s.png) no-repeat; position:absolute; top:0px; left:798px;}*/