/* CSS Document */
*{margin:0;padding:0;outline:none;-webkit-text-size-adjust:none;font-family:"Microsoft YaHei","Arial","宋体","黑体","SimHei"," Verdana",;_font-family:Arial !important;}
body{color:#1E1E1B;line-height:180%; }
h1, h2, h3, h4, h5, h6, h7, h8, h9{font-size:100%; font-family:"Helvetica Neue","Helvetica,Arial","PingFang SC","Heiti SC","Microsoft Yahei",sans-serif; font-weight:normal;}
address, cite, dfn, em, var{font-style:normal;}
ul,li, ol{list-style:none;}
html{ overflow-x:hidden; min-width:1300px;}
a{ text-decoration:none; color:#333;}
/*head*/
.index_xe{ width:auto; height:45px; line-height:45px; background:#5956e9; margin:0 auto; min-width:1300px;}
.index_xe .xe{ width:90%; margin:0 auto;}
.index_xe .xe .go{ width:800px; line-height:45px; font-size:14px; float:left; color:#FFF;}
.index_xe .xe .cot{ width:300px; float:right; }
.index_xe .xe .cot dl{ width:150px; margin:0px; float:left;}
.index_xe .xe .cot dl dd{ width:25px; line-height:45px; float:left;padding-top:12px; }
.index_xe .xe .cot dl dd img{ width:80%;}
.index_xe .xe .cot dl dt{width:110px; line-height:45px; float:left; font-size:14px;color:#FFF; text-align:left;}

.index_v{ width:auto; height:90px; margin:0 auto; position:relative;z-index: 111;background:#FFF;box-shadow: 4px 0 40px 0 rgb(0 0 0 / 15%);}
.xey{ width:90%;height:60px;margin:0 auto; padding-top:20px;}
.xey .logo{ width:260px; height:auto; float:left; position:relative; top:-10px;}
.xey .logo img{ width:100%;}
.xey .tel{ width:600px; height:auto; float:left; margin-left:200px;}
.xey .tel dl{ width:300px; margin:0px; float:left;}
.xey .tel dd{ width:40px; height:auto; float:left; margin-top:5px;}
.xey .tel dt{ width:auto; height:auto; float:left; text-align:left; }
.xey .tel dt span{font-weight:bold; font-size:15px; line-height:23px;}
.xey .tel dt p{ font-size:14px;line-height:23px;}
.xey .conm{ width:140px; line-height:50px; font-size:16px; color:#FFF; float:right;border-radius:5px; background:#5956e9; text-align:center;transition:background-size .3s}
.xey .conm:hover{ background:#ed2224;transition:background-size .3s}
.index_mv{ width:auto; height:30px; margin:0 auto;position: relative;z-index: 11 !important;}
/*head*/


.mov{width:90%; line-height:40px; margin:0 auto; position:relative; background:#FFF; text-align:center; z-index:9999;}
	
.mov ul{zoom:1; height:40px; margin:0px;}
.mov ul li{float:left; height:40px; position:relative; min-width:60px; margin:0 30px 0 30px; font-size:18px; text-align:left;}
.mov ul li.first{background:none}
.mov ul li a{line-height:40px; font-size:18px; color:#333; text-decoration:none; }
.mov ul li a:hover, .mov ul li .a{color:#333 !important;  display:block;}
.mov ul li .this{color:#333;  background:url(../img/Bg.png) center 0px; display:block;}
.mov ul li dl{min-width:160px; display:none; position:absolute; left:-40px; top:40px; z-index:9999;background:url(/web/img/Bg.png); padding-top:10px;}
.mov ul li dt{min-height:50px !important;border-bottom:1px solid #dddddd;}
.mov ul li dt a{font-size:14px !important; line-height:48px !important; text-align:center !important; color:#333 !important; overflow:hidden; height:48px; display:block;}
.mov ul li dt a:hover{ background:none !important;line-height:50px; display:block; color:#0066cc !important;}
.mov ul li.item{float:right}
.mov ul li.item a:hover{background:none !important;}

.lo{ width:1000px;  position:absolute; left:-260px; min-height:300px; display:block;}
.lo ul{ width:1000px; margin:0px; display:block;}
.lo ul li{ min-width:160px; height:auto; }
.lo ul li dd{min-height:30px !important; min-width:200px; font-weight:bold; text-align:left; text-indent:30px;}
.lo ul li dd a{min-width:160px; float:left; font-size:16px !important; line-height:30px !important; color:#333 !important; overflow:hidden; height:40px; display:block; font-weight:bold;}
.lo ul li dt{min-width:160px; min-height:30px; overflow:hidden; font-size:14px; }

/*banner切换*/

.fullSlide{width:100%; position:relative;overflow:hidden; min-width:1300px; top:-35px;}
.fullSlide .bd{margin:0 auto;height:500px;}
.fullSlide .bd ul{width:100% !important; overflow:hidden;}
.fullSlide .bd li{width:100% !important;height:500px; overflow:hidden;text-align:center;}
.fullSlide .bd li img { width:100%;}
.fullSlide .bd li a{display:block; height:500px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{width:100%;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:60px;height:6px;margin:1px; margin-right:5px;overflow:hidden;background:#FFF;filter:alpha(opacity=80);opacity:0.8;line-height:999px; position:relative; z-index:333; border-radius:50px;}
.fullSlide .hd ul .on{background:#5956e9; position:relative; z-index:333;}
.fullSlide .prev,.fullSlide .next{width:100%;display:block;position:absolute;z-index:1;top:45%;margin-top:-35px;left:10%;z-index:1;width:45px;height:100px;background:url(img/slider-arrow.png) -123px -117px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:10%;background-position:-4px -119px;} 

.index_xy{ width:1300px; min-height:400px; margin:0 auto; margin-top:30px; overflow:hidden;}
.index_xy ul{ width:1300px; margin:0px;}
.index_xy ul li{ width:400px; height:360px; float:left; position:relative; margin-left:50px;background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
    border-radius: var(--insur-bdr-radius); overflow:hidden;border-radius:10px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;bottom:10px; margin-bottom:50px;}
	

	
.index_xy ul li:nth-child(3n+1){margin-left:0px;}
.index_xy ul li .doll{ width:200px; height:200px; border-radius:100px; position:relative; background:#3d3adc linear-gradient(to right, #3d3adc, #5956e9); top:-90px; left:-40px;z-index:86; }	
.index_xy ul li .doll span{ width:66px; height:auto; position:relative; z-index:990; top:110px; left:80px;}
.index_xy ul li .doll span img{ width:35%; height:auto;}
.index_xy ul li .tit{ width:300px; height:auto; font-size:16px; margin:0 auto; position:relative; z-index:90px; top:-30px;}
.index_xy ul li .tit b{ width:auto; line-height:60px; font-size:24px;}
.index_xy ul li:hover b a{ text-decoration:none; color:#FFFFFF;}
.index_xy ul li .tit p{ width:auto; line-height:25px; font-size:14px; color:#696e77}
.index_xy ul li:hover{ text-decoration:none; color:#FFF;}
.index_xy ul li:hover p{ text-decoration:none; color:#FFF;}
.index_xy ul li:hover p a{text-decoration:none; color:#FFF;}

.index_xy ul li:before {
    content: '';
    position: absolute;
    left:0;
    bottom:0px;
    width: 100%;
    height:360px;
    background:rgba(89, 86, 233, 1);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: all 0.36s ease; }
	
.index_xy ul li:hover .doll {width:200px; height:200px; position:relative; background:#f94418; -webkit-transition: all 500ms easetransition: all 500ms ease; bottom:10px;}			
.index_xy ul li:hover {width:400px; height:360px; position:relative; background:#f94418; -webkit-transition: all 500ms ease;
transition: all 500ms ease; bottom:20px;}
.index_xy ul li:hover:before{transform: scaleY(1);}


.index_h1{ width:1300px; height:auto; margin:0 auto; line-height:120px; font-size:36px; text-align:center; font-weight:bold;}
.index_a{ width:92%; min-height:600px; margin:0 auto; overflow:hidden;min-width:1300px;}
.index_a ul{ width:100%; margin:0 auto;}
.index_a ul li{ width:31%;*width:29.95%!important; float:left; min-height:380px; position:relative; margin-left:3.5%; margin-bottom:35px;overflow:hidden;}
.index_a ul li:nth-child(3n+1){margin-left:0px;}
.index_a ul li .pic{width:100%; height:auto;overflow:hidden; margin-bottom:5%;}
.index_a ul li .pic img{ width:100%; height:auto;
 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.index_a ul li .pic:hover img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
	
.index_a ul li p{ width:100%; min-height:30px; line-height:30px; font-size:14px; font-weight:bold;}
.index_a ul li em{ width:95%; line-height:20px; font-size:14px; color:#666; overflow:hidden;}

.index_a ul li:before {
 content: '';
    position: absolute;
    left:0;
    bottom:10px;
    width: 100%;
    height: 3px;
    background:rgba(89, 86, 233, 1);
    transform: scaleX(0);
    transform-origin: center;
    transition: all 0.36s ease; z-index:66;
}
.index_a ul li:hover:before{transform: scaleX(1);}

.text{ width:100%; height:auto;min-width:1300px;}
.text h1{width:100%; min-height:30px; line-height:30px; font-size:16px; font-weight:bold}
.text em{ width:100%; line-height:20px; font-size:14px; color:#666; font-weight:normal;}

.index_b{ width:auto; height:790px; margin:0 auto; background:#2e439c url(../web/img/s6.png) center no-repeat; clear:both;}
.index_b h2{width:1300px; height:auto; margin:0 auto; line-height:120px; font-size:36px; text-align:center; font-weight:bold; color:#FFF;}

/*优势*/
.xey_be{ width:auto; height:400px; margin:0 auto; background:url(/web/img/service_bg.jpg); padding-top:30px;}
.xey_bzo{ width:auto; line-height:80px; font-size:36px; font-weight:bold; text-align:center; margin-top:30px;}
.xey_bz{ width:1300px; height:300px; margin:0 auto; margin-top:40px;position:relative;}
.xey_bz ul{ width:1300px; margin:0px;}
.xey_bz ul li{ width:120px; height:160px; float:left; margin-left:115px; position:relative; }
.xey_bz ul li:nth-child(6n+1){margin-left:0px;}
.xey_bz ul li dd{ width:120px; height:120px; background:#5956e9; border-radius:10px;}
.xey_bz ul li dd img{ width:70px; height:auto; margin:25px;}
.xey_bz ul li p{ width:auto; line-height:60px; font-size:16px; font-weight:bold;text-align:center;}



.index_c{ width:1300px; height:auto; margin:0 auto;}
.index_c h3{width:1300px; height:auto; margin:0 auto; line-height:100px; font-size:36px; text-align:center; font-weight:bold; color:#333;}
.index_c ul{ width:1300px; margin:0px; text-align:center;}
.index_c ul li{ min-width:90px; line-height:30px; margin:0 auto; display:inline-block; margin:0 10px 0 10px;}


.index_ca{ width:100%; min-height:500px; margin:0 auto; margin-bottom:0px;min-width:1300px; position:relative; display:block; margin-top:20px; overflow:hidden;}
.swiper-container3{ width:auto; height:500px; margin:0 auto;}
.swiper-container .swiper-pagination-bullet-active{ background:#2e439c !important;}
.swiper-pagination{margin-top:0px; width:100%; margin:0 auto; position:relative; top:0px; padding-top:30px;}
.swiper-container .swiper-slide{display:inline-block; width:100%; height:auto; position:relative; z-index:9; text-align:center; margin-bottom:60px;box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.1); margin:0 auto;}
.swiper-container .swiper-slide span{ width:auto; height:auto; position:relative; z-index:9; border-top:10px solid #2e439c;}
.swiper-container .swiper-slide span img{display:block; width:100%; height:auto;}
.swiper-container .swiper-slide p{display:inline-block; text-align:center;width:100%; height:80px; line-height:80px;font-size:16px; background:#FFF; float:left;}
.swiper-container .swiper-slide a:hover p{color:#333;}

.swiper-pagination3{text-align:center;width:100%;margin-top:10px;}


.index_a1{ width:1300px; height:160px; margin:0 auto; padding-top:60px;}
.index_a1 h2{ width:auto; height:70x; line-height:70px; font-size:36px; text-align:center; font-weight:bold;color:#FFF;}
.index_a1 i{ width:60px; height:6px; background:#fc653c; margin:0 auto; display:block; margin-bottom:10px;}
.index_a1 p{width:100%; line-height:30px; font-size:18px; text-align:center; display:block; font-style:normal; color:#FFF;}

.index_d{ width:auto; height:600px; margin:0 auto; background:url(../img/s01.jpg) no-repeat center; min-width:1300px;}
.smds{ width:1300px; height:300px; margin:0 auto; padding-top:60px;}
.smds ul{ width:1300px; margin:0px;}
.smds ul li{ width:200px; height:auto; float:left; position:relative; margin-left:165px;}
.smds ul li:nth-child(4n+1){margin-left:0px;}
.smds ul li dd{ width:auto; line-height:80px; font-size:60px;text-align:center; color:#FFF; font-family:"Impact", Times, serif}
.smds ul li p{ width:auto; line-height:30px; font-size:18px; text-align:center;color:#FFF;}


.trans {width:auto; height:600px; background-color:rgba(46,67,156,0.7);}

.index_ae{ width:auto; min-height:1060px; margin:0 auto; margin-top:90px; }
.index_ae .ysu{ width:80%; height:400px; margin:0 auto; position:relative;}
.index_ae .yso{ width:75%; height:400px; float:left; position:relative; z-index:6; background:#FFF; bottom:100px;}
.index_ae .yso .lso{ width:278px; height:370px; float:left;background:#5956e9; padding-top:30px;}
.index_ae .yso .lso ul{ width:120px; margin:0 auto;}
.index_ae .yso .lso ul li{width:120px; line-height:80px; border-bottom:2px solid #726fec; font-size:16px; color:#FFF; text-align:center; font-weight:bold;transition:all .5s}
.index_ae .yso .lso ul li:hover{margin-left:-30px;center;transition:all .5s;}

.index_ae .yso .rso{ width:60%; height:370px; float:right; padding-top:30px;}
.index_ae .yso .rso dl{ width:auto; height:90px; line-height:90px; margin:0px;}
.index_ae .yso .rso dl dd{ width:60px; height:50px; float:left;}
.index_ae .yso .rso dl dd img{ width:80%; height:auto;}
.index_ae .yso .rso dl dt{ width:auto; line-height:60px; font-size:16px;}

.smds{ width:90%; height:300px; margin:0 auto; text-align:center;min-width:1300px; position:relative; clear:both; bottom:260px;}
.smds ul{ width:100%; margin:0 auto;}
.smds ul li{ width:16%; height:auto; float:left; position:relative; margin-left:12%; text-align:center;display:inline-table;}
.smds ul li:nth-child(4n+1){margin-left:0px;}
.smds ul li dd{ min-width:60px; line-height:80px; font-size:60px; text-align:center; color:#FFF;display:inline-table; font-family:Impact, Times, serif; margin:0 auto;}
.smds ul li i{width:30px; line-height:60px; font-size:30px;font-weight:bold;color:#FFF; display:inline-table; text-align:center; position:relative; top:0px;font-style:normal;}
.smds ul li dt{width:30px; line-height:80px; font-size:60px; font-weight:bold;color:#FFF; font-style:normal;text-align:center;display:inline-table;}
.smds ul li p{ width:auto; line-height:30px; font-size:20px; text-align:center;color:#FFF; font-weight:bold; display:block; clear:both;}



.index_ae .ae{ width:96%; height:415px;  float:right;}
.index_ae .ae .rig{ width:56%; height:415px; float:right;background:url(/web/img/video_bg.jpg) right no-repeat;}
.index_ae .ae .lef{ width:40%; height:auto; float:left;}
.index_ae .ae .lef h3{ width:auto; line-height:60px; font-weight:bold; font-size:36px;}
.index_ae .ae .lef p{ width:auto; line-height:30px; font-size:16px;}
.index_ae .xyo{ width:auto; height:400px; margin:0 auto; background:url(/web/img/bg.jpg) center; position:relative; top:200px;}

.index_e .smdr{ width:700px; height:485px; float:right; background:url(/img/show.jpg); position:relative;}
.index_e .smdr .one{ width:30px; height:auto; position:relative; float:left; left:160px; top:170px;}
.index_e .smdr .one1{ width:30px; height:auto; position:relative; float:left; left:240px; top:60px;}
.index_e .smdr .one2{ width:30px; height:auto; position:relative; float:left; left:330px; top:30px;}
.index_e .smdr .one3{ width:30px; height:auto; position:relative; float:left; left:430px; top:130px;}
.index_e .smdr .one4{ width:30px; height:auto; position:relative; float:left; left:420px; top:210px;}
.index_e .smdr .one5{ width:30px; height:auto; position:relative; float:left; left:430px; top:256px;}
.index_e .smdr .one6{ width:30px; height:auto; position:relative; float:left; left:70px; top:206px;}

.index_f{ width:auto; height:500px; margin:0 auto; background:#f2f2f3; padding-top:50px;}
.index_f .ysmd{ width:1300px; height:auto; margin:0 auto; position:relative;}
.index_f .ysmd ul{ width:1300px; margin:0px;}
.index_f .ysmd ul li{ width:610px; height:172px; float:left; background:#FFF; position:relative; margin-left:40px; margin-bottom:40px; padding:20px 0px 0 20px;}
.index_f .ysmd ul li:nth-child(2n+1){margin-left:0px;}
.index_f .ysmd ul li dd{ width:209px; height:147px; float:left; background:#0376d4;}
.index_f .ysmd ul li dt{ width:380px; height:auto; float:right; padding-top:20px;}
.index_f .ysmd ul li dt h4{ width:auto; line-height:40px; font-size:16px; font-weight:bold; color:#333;}
.index_f .ysmd ul li dt p{ width:auto; line-height:25px; font-size:14px;color:#333;}




.index_smk ul li:nth-child(4n+1){margin-left:0px;}
.index_smk ul li dd{ width:300px; height:180px; overflow:hidden;}
.smou{ width:260px; height:auto; margin:0 auto; padding:10px;}
.smou h4{ width:260px; line-height:30px; font-size:18px; text-align:center;}
.smou i{ width:260px; line-height:50px; font-size:16px;text-align:left; font-style:normal;}
.smou em{ width:260px; line-height:25px; font-size:14px; text-align:left;}

/*news*/
.index_now{ width:1300px; line-height:80px; font-size:30px; text-align:center; font-weight:bold; margin:0 auto; clear:both; padding-top:60px;}

.index_nw{ width:1300px; height:660px; margin:0 auto;}
.news { width:1300px; line-height:50px; margin:0 auto;}
.news  span{display:inline-block; width:325px; height:50px; text-align:center; font-size:20px; color:#333; cursor:pointer; line-height:50px;}
.news .first{margin-left:0px;}
.news .curr{color:#fff; background-color:#5956e9;}
.news .nw{width:1300px; height:200px; color:#222; margin:0 auto}
.nws{ width:1300px; height:200px; margin:0 auto; margin-top:60px;}
.nws ul{ width:1300px; margin:0px;}
.nws ul li{ width:630px; height:200px; position:relative; float:left; margin-left:40px;}
.nws ul li:nth-child(2n+1){margin-left:0px;}
.nws ul li dd{ width:277px; height:187px; float:left;}
.nws ul li dd img{width:277px; height:187px;}
.nws ul li dt{ width:330px; height:auto; float:right;}
.nws ul li dt h6{ width:auto; line-height:26px; font-size:20px;}
.nws ul li dt p{ width:auto; height:80px; line-height:25px; font-size:14px; color:#9e9d9d; padding-top:30px;}
.nws ul li dt em{ width:auto; line-height:30px; font-size:14px;color:#9e9d9d;}

.now{ width:1300px; height:auto; margin:0 auto; padding-top:50px;}
.now ul{ width:1300px; margin:0px;}
.now ul li{ width:630px; height:45px; line-height:45px; font-size:16px; position:relative; float:left; margin-left:40px; color:#434343}
.now ul li:nth-child(2n+1){margin-left:0px;}
.now ul li span{ width:90px; line-height:45px; float:right;color:#9e9d9d; font-size:14px;}


.cove{width:auto;height:300px; margin: 0 auto;background:#5956e9;}
.tecl{ width:1300px; height:200px; margin:0 auto; clear:both; padding-top:60px;}
.tecl h5{ width:auto; line-height:60px; font-size:36px; color:#FFF; text-align:center; font-weight:bold; margin:0 auto;}
.tecl p{ width:260px; line-height:60px; font-size:20px; text-align:right; color:#FFF; background:url(/web/img/tel.png) left no-repeat;margin:0 auto; background-size:25px;}

.foot{ width:auto; height:400px; margin:0 auto; background:#2d2d2d; padding-top:50px;}
.foot .foots{ width:1300px; height:auto; margin:0 auto;}
.foot .foots .low{ width:690px; height:auto; float:left; margin-bottom:20px;}
.foot .foots .low dl{ width:230px; height:auto; float:left;}
.foot .foots .low dd{ width:auto; line-height:50px; font-size:18px; color:#FFF; font-weight:bold; margin-bottom:20px;}
.foot .foots .low dt{ width:auto; line-height:35px; font-size:14px; color:#FFF;}
.foot .foots .low dt a{ text-decoration:none; color:#FFF;}
.foot .foots .cont{ width:400px; height:300px; float:right;color:#FFF;}
.foot .foots .cont span{width:400px; height:50px; line-height:50px; font-size:18px; display:block; margin-bottom:20px;font-weight:bold;}
.foot .foots .cont dl{ width:150px; margin:0px; float:left;}
.foot .foots .cont dd{ width:auto; line-height:50px; font-size:18px;}
.foot .foots .cont dd img{ width:75%;}
.foot .foots .cont dt{ width:auto; line-height:40px; font-size:14px;color:#FFF;}

.foot .foots .cont dt .tol{width:auto; line-height:40px; font-size:26px; font-weight:bold; color:#ff5e14;}
.foot .foots .cont dt em{ width:auto; line-height:30px; font-size:14px;color:#FFF;}

.copy{ width:1300px; line-height:60px; margin:0 auto;font-size:14px;}
.copy dd{ width:500px; height:auto; float:left;}
.copy dt{ width:200px; height:auto; float:right;}

a,.index_Px .img, .index_Px li h2, .index_Px li a .box, .index_Px li a i:before, img, .nav {
  transition: All 0.5s linear;
  -webkit-transition: All 0.5s linear;
  -moz-transition: All 0.5s linear;
  -o-transition: All 0.5s linear;}

.justifyCenter, .indexFlash .dots, .indexPart2 .box, .indexPart2 .list .time, .indexPart4 li h2 {
  justify-content: center;
  -webkit-justify-content: center;}

.flexAround {justify-content: space-around;-webkit-justify-content: space-around;}




html {
  font-size: 100px;  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;}

body {
  font-size: .14rem;
  color: #333;
  -webkit-text-size-adjust: none;}

a {
  color: #333;
  text-decoration: none;
  outline: none;}
  a:active {
    star: expression(this.onFocus=this.blur());}
  a:link {
    text-decoration: none;
    outline: none;}
  a:visited {
    text-decoration: none;
    outline: none;}
  a:hover {
    text-decoration: none;
    color: #bd0028;
    outline: none;}

li {
  list-style: outside none;}

h1 {
  font-size: 16px;}

h2, h3, h4, h5 {
  font-size: 14px;}

h5 {
  font-size: 12px;}

textarea, input {
  background: transparent;
  font-size: 12px;
  color: #888;
  outline: none;
  border: 0px;}

em {
  font-style: normal;}

img {
  vertical-align: middle;
  max-width: 100%;
  border: 0;
 }

.fl {
  float: left;}

.fr {
  float: right;}

.clear {
  clear: both;
  height: 0;
  display: block;
  _display: inherit;}

.before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;}


.wal {
  max-width: 12.8rem;
  margin: 0 auto;}
  .wal.cont {
    max-width: 10rem;}

.index_Px ul{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; overflow:hidden;}
.index_Px {
  min-height: 4.64rem;
  position: relative;  margin:0 auto; margin-bottom:0px; margin-top:60px; overflow:hidden;}
  .index_Px .img {
    background: center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;}
    .index_Px .img.show {
      opacity: 1;
      visibility: visible;}
  .index_Px ul {
    margin-left: -1px;
    position: relative;
    z-index: 10;}
  .index_Px li {
    width: 25%;
    height: 5.64rem;
    border-left: #fff solid 1px; overflow:hidden;
    position: relative;}
    .index_Px li h2 {
      font-size: .29rem;
      color: #fff;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 60%;
      bottom: auto;
      line-height: .5rem;
      margin-top:-10px;
      width: 100%;
      text-align: center;
      text-shadow: 0 1px 3px rgba(85, 1, 92, 0.5); font-weight:bold;}
	 .index_Px li p{ width:auto; line-height:30px; position:relative; font-size:16px; color:#FFF; top:70%;left:60px;}
    .index_Px li a {
      display: block;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%;
      color: #fff;
      background: rgba(86, 89, 233, 0.85);
      padding: 1.55rem .3rem 0 .3rem;
      opacity: 0;}
      .index_Px li a .box {
        position: relative;
        top: 1rem;
        opacity: 0;}
      .index_Px li a .name {
        font-size: .18rem;
        opacity: .8;}
      .index_Px li a h3 {
        font-size: .26rem;
        padding-top: .1rem;
        text-shadow: 0 1px 3px rgba(85, 1, 92, 0.5);}
      .index_Px li a p {
        line-height: 1.85em;
        text-align: justify;
        padding: .15rem 0;
        min-height: 1.3rem;}
      .index_Px li a i {
        display: block;
        width: .32rem;
        height: .32rem;
        margin: 0 auto;

        background-size: cover;}
        .index_Px li a i:hover {
          transform: scale(1.1);
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -o-transform: scale(1.1);}

@media screen and (min-width: 800px) {
  .index_Px li:hover h2 {
    opacity: 0;}
  .index_Px li:hover a {
    opacity: 1;}
    .index_Px li:hover a .box {
      opacity: 1;
      top: 0;
      transition-delay: .15s;
      -webkit-transition-delay: .15s;
      -moz-transition-delay: .15s;} }