a:hover{ text-decoration:underline}
.m-banner{ height:900px; margin-bottom:60px; background: url(ljsl.jpg) center top no-repeat}
.g-con{ width:1200px; margin:0 auto; overflow:hidden}
.m-tt-1{ height:100px; padding-left:100px; margin-bottom:60px; background:url(tit01.png) left center no-repeat}
.m-tt-1 h2 a{display:block; margin-bottom:10px;line-height:50px; text-align:center; font-size:48px; color:#333; font-weight:bold}
.m-tt-1 p{display:block; color:#666; font-size:16px}
.m-tt-2{ display:block; height:50px; margin-bottom:10px; line-height:50px; text-align:left; font-size:22px; color:#039; font-weight:normal}
.g-box-1{overflow:hidden; margin-bottom:40px}
.g-box-2{float:right; width:500px;}
.g-box-3{ float:left; width:860px; overflow:hidden}
.g-box-4{ width:1200px; margin:0 auto; padding:80px 0; overflow:hidden}
.g-box-5{float:right; width:280px}
.g-box-6{ float:left; width:420px; overflow:hidden}

.m-lst-1{border-bottom:1px dashed #e3e3e3; padding-bottom:10px; margin-bottom:18px}
.m-lst-1 h2 a{display:block;margin-bottom:10px; font-size:24px; color:#333}
.m-lst-1 p{display:block; margin-bottom:15px; font-size:14px}
.m-lst-1 li a{display:block; height:40px; line-height:40px; font-size:16px; color:#333}
.m-lst-2{float:left; width:660px}
.m-lst-2 h2 a,.m-lst-2 p{ display:block}
.m-lst-2 h2 a{ height:30px; margin-bottom:10px; line-height:30px; color:#333; font-size:24px;}
.m-lst-2 p{ margin-bottom:20px; font-size:16px;}
.m-lst-3{ width:1280px}
.m-lst-3 li{display:block; float:left; width:538px; height:120px; padding:20px; margin:0 40px 40px 0; overflow:hidden; border:1px dashed #e3e3e3; background:#f3f3f3}
.m-lst-3 img{float:left; width:150px; height:100px; margin-right:20px; }
.m-lst-3 strong a{ display:block; margin-bottom:10px; font-size:22px; color:#333; font-weight:normal}
.m-lst-3 p{ display:block; height:48px; line-height:24px; overflow:hidden}
.m-lst-4{float:right; width:290px; padding-left:50px}
.m-lst-4 li{ padding-bottom:17px; margin-bottom:17px; border-bottom:1px dashed #e3e3e3}
.m-lst-4 strong{ display:block; margin-top:4px;font-size:16px; font-weight:normal; color:#333}
.m-lst-4 p{ color:#03C; font-size:16px}
.m-lst-4 p span{ display:block;float:left; width:6px; height:6px; margin:7px 6px 0 0;  border:1px solid #03C; border-radius:6px}

.m-pic-1,.m-lst-3{ overflow:hidden}
.m-pic-1 li img{ display:block; float:left; width:240px; height:135px}
.m-pic-2{width:580px; height:400px; float:left; position:relative}
.m-pic-2 img{width:580px; height:400px; display:block}
.m-pic-2 strong,.m-pic-2 span,.m-pic-3 strong,.m-pic-3 span{display:block; height:46px; line-height:46px; color:#fff; position:absolute; bottom:0; left:0; width:100%; z-index:2; text-align:center; font-size:16px; font-weight:normal}
.m-pic-2 span,.m-pic-3 span{ background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); z-index:1;}
.m-pic-3{ position:relative}
.m-pic-3 img{width:280px; height:200px; display:block}
.m-pic-4{ float:right; width:254px; height:520px; padding:10px 10px 10px 20px; background:url(sj-pic.png) center top no-repeat}
.m-pic-5{float:right; width:730px; overflow:hidden }
.m-pic-5 h2{ display:block; font-size:22px; color:#fff; margin-bottom:15px; font-weight:normal}
.m-pic-5 li{ display:block; float:left; width:100%; height:220px; margin-bottom:30px}
.m-pic-5 img{ width:100%}


.m-bj{ height:700px; margin-bottom:70px; background:url(bj_06.jpg) center top no-repeat}
.m-tab{ overflow:hidden; margin-bottom:30px}
.m-tab strong{display:block; float:left; width:25%; height:46px; border-right:2px solid #fff;box-sizing: border-box; line-height:46px; font-size:18px; text-align:center; color:#e92519; font-weight:normal; background:#ffe7e5}
.m-tab strong.on{background:#e92519; color:#fff}
.m-pic-6{width:400px; float:left; margin-right:40px}
.m-pic-6 img{display:block; width:400px; height:240px; margin-bottom:10px; border-radius:4px}
.m-pic-6 strong,.m-pic-6 p{ display:block; color:#999}
.m-pic-6 strong{ margin-bottom:6px; font-size:20px}

/*头图*/
.hiSlider{width:665px; height:375px}
.hiSlider1 img{ display:block; width:665px; height:375px;}
.hiSlider2{width:1200px; height:600px}
.hiSlider2 img{ display:block; width:1200pxpx; height:600px;}
.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-prev,.hiSlider-btn-next{position:absolute;z-index:5;top:50%;height:30px;width:30px;background:url(hislider-arrow.png) no-repeat;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6;filter:alpha(opacity:60)}
.hiSlider-btn-prev{left:10px}
.hiSlider-btn-next{right:10px;background-position:-30px 0}
.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:1;filter:alpha(opacity:100)}
.hiSlider-title{bottom:0;width:100%;padding:15px 0;color:#fff;text-indent:10px;background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);z-index:2;font:16px "Microsoft YaHei",Arial,Tahoma}
.hiSlider-pages{bottom:15px;right:10px;text-align:right}
.hiSlider-pages a{height:12px;width:12px;margin:0 5px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#ddd}
.hiSlider-pages a.active{background:#5472BF}
.m-tt-3{ display:block; height:30px; line-height:30px; border-bottom:1px solid #e3e3e3; padding-bottom:10px; margin-bottom:10px;color:#C00; font-size:28px}
.m-tt-3 a{ float:right; font-size:14px; color:#999;}
.m-lst-5{ overflow:hidden;}
.m-lst-5 li a{ display:block;width:520px; float:left; padding:0 36px; font-size:18px; height:50px; line-height:50px; color:#333; background:url(li2.png) left center no-repeat; overflow:hidden}
.m-lst-6{ width:580px; float:left}
.m-lst-6 li a{ display:block; padding-left:26px; font-size:16px; height:40px; line-height:40px; color:#333; background:url(d01.jpg) 4px center no-repeat; overflow:hidden}
/*滚动*/
.carousel {overflow:hidden}
.carousel .prev ,.carousel .next {display:block;width:30px;height:180px;overflow:hidden;display:block;text-decoration:none;cursor:pointer; outline:0}
.carousel .prev {float:left;background:#fff url(left_jt.png) center no-repeat;}
.carousel .next {float:right; width:30px;background:#fff url(right_jt.png) center no-repeat}
.m-sp{float:left;width:1130px;overflow:hidden}
.m-sp li{float:left;display:block;width:250px;margin:0 16px;text-align:left; text-align:center}
.m-sp strong{ display:block;line-height:24px;font-size:16px;color: #333; font-weight: normal}
.m-sp img{display:block;width:250px; height:180px; margin-bottom:4px; border-radius:3px}
.m-sp01{float:left;width:1150px;overflow:hidden}
.m-sp01 li{float:left;display:block;width:350px;margin:0 15px;}
.m-sp01 img{display:block;width:350px; height:625px; border-radius:3px}
.m-pic-7{ width:665px; float:left}
.g-box-8,.m-lst-7{ width:360px; float:left; margin-right:60px}
.g-bg-1{ height:680px; background:url(ly06-bg.jpg) center -20px no-repeat}
.g-box-7{ width:1200px; margin:0 auto; overflow:hidden}
.m-tt-4{ display:block; padding:50px 0}
.m-pic-8{position:relative; height:275px; background:url(ly06-name1.png) center top no-repeat}
.pa01{position: absolute;width: 240px;height: 207px;left: 0px;top: 22px;overflow: hidden;transform:rotate(120deg);}
.pa02{width:100%;height: 100%;overflow: hidden;transform:rotate(-60deg);}
.pa03{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);position: relative;}
.pa03 img{	width: 100%;height: 100%;}
.m-pic-8 h4{position: absolute;right:40px;top: 138px;font-size: 24px;height: 30px;line-height: 30px;text-align: right; }
.m-pic-8 h4 a{color:#fff}
.m-pic-8 p{	position: absolute;right:40px;top: 174px;line-height: 20px;width: 110px;text-align: right; color:#fff}
.m-pic-8 span{position: absolute;width: 57px;height: 49px;left: 128px;top: 207px;background: url(ly06-name1b.png);z-index: 9;}
.m-tt-5 a{ display:block; padding:10px 0 6px 0; font-size:24px; line-height:30px; color:#000}
.m-txt-1{ color:#333}
.m-txt-2 { overflow:hidden; margin-bottom:30px}
.m-txt-2 h5 a{ display:block; float:left;width: 125px;height: 108px; margin-right:20px;line-height: 108px;background: url(ly06-name2.png);text-align: center;font-size: 20px;font-weight: bold; color:#fff}
.m-txt-2 p{ display:block; padding-top:10px; font-size:20px; color:#000}
.g-box-9{ float:left; width:420px; overflow:hidden}
.g-box-9r{float:right; width:695px; padding:10px; overflow:hidden }
.m-tab1{float:left; width:60px; padding:25px; border-radius:20px; background:#f3f3f3}
.m-tab1 strong{display:block; padding-bottom:15px; text-align:center; color:#333; font-weight:normal}
.m-tab1 strong img{ margin-bottom:5px;-webkit-filter:grayscale(1); opacity:0.8}
.m-tab1 strong.on{position:relative}
.m-tab1 strong.on img{-webkit-filter:grayscale(0); opacity:1;}
.m-tab1 strong.on span{ display:block; position:absolute; width:12px; height:12px; background:#ffcc33; top:20px; right:-34px; border:3px solid #ffcc33; border-radius:12px}
.m-pic-10{ width:225px; float:right}
.m-pic-11{ float:left; width:445px; height:350px; position:relative}
.m-pic-10 li,.m-pic-9 li{ display:block; width:225px; height:125px; position:relative}
.m-pic-10 img,.m-pic-9 img{display:block; width:225px; height:125px; }
.m-pic-10 strong,.m-pic-10 span,.m-pic-9 strong,.m-pic-9 span,.m-pic-11 strong,.m-pic-11 span,.m-pic-12 strong,.m-pic-12 span{ display:block; width:96%; padding:0 2%; height:30px; line-height:30px; overflow:hidden; position:absolute; left:0; bottom:0; z-index:2; text-align:center}
.m-pic-10 strong,.m-pic-9 strong,.m-pic-11 strong,.m-pic-12 strong{ color:#fff; font-size:14px; font-weight:normal}
.m-pic-10 span,.m-pic-9 span,.m-pic-11 span,.m-pic-12 span{ background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);  z-index:1}
.m-pic-9{float:right; width:715px; overflow:hidden}
.m-pic-9 li{ float:left; margin:0 0 10px 10px}
.m-pic-15,.m-pic-15 img{width:460px; height:265px; float:left; position:relative}
.m-pic-15 span,.m-pic-15 strong{ display:block; height:30px; line-height:30px; color:#fff; width:92%; padding:0 4%;position:absolute; bottom:0; left:0;  z-index:2}
.m-pic-15 span{ background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); z-index:1}
.m-pic-4{ float:right; width:254px; height:520px; padding:10px 10px 10px 20px; background:url(sj-pic.png) center top no-repeat}

/*读报告-手风琴*/
.xinxi_solution_bg{width:1198px;margin:0 auto 50px auto; border:1px solid #e3e3e3}
.xinxi_solution_main ul{overflow:hidden;height:410px}
.xinxi_solution_main .main_mobile{width:1198px}
.xinxi_solution_main ul li{no-repeat;height:410px;float:left;width:40px;position:relative;overflow:hidden;border-right:1px solid #fff;position: relative; overflow: hidden; transition: all 0.5s;}
.xinxi_solution_main ul li .left_top{position:absolute;left:0;width:30px;padding:0 20px;text-align:center}
.xinxi_solution_main ul li .left_top img{width:30px}
.xinxi_solution_main ul li i{font-size:24px;color:#fff}
.xinxi_solution_main .left_top{font-size:30px;color:#fff}
.xinxi_solution_main ul li .left{float:left;width:20px;padding:100px 10px 0 10px;background:#c90000 url(icon_square.png) center 70px no-repeat;height:310px; color:#fff; text-align:center; line-height:16px}
.xinxi_solution_main ul li .right{float:left;width:900px;position:relative;height:410px; padding:0 50px}
.xinxi_solution_main ul li.on{width:1070px}
.m-pic-1{width:300px; float:left;padding-top:40px;}
.m-pic-1 img{ display:block; width:300px; height:200px; margin-bottom:10px}
.m-pic-1 strong a,.m-pic-1 p{ display:block; font-size:14px; color:#666}
.m-pic-1 strong a{ margin-bottom:6px; color:#333; font-size:18px; font-weight:normal}

.m-lst-8{ overflow:hidden; width:1250px; margin-bottom:40px}
.m-lst-8 li{ display:block; float:left; width:270px; margin:0 40px 40px 0}
.m-lst-8 img{ display:block; width:270px; height:200px; margin-bottom:10px; border-radius:4px}
.m-lst-8 p{ display:block; font-size:16px; color:#333}
.m-tt-6{ display:block; height:40px; margin-bottom:10px; line-height:40px; font-size:28px; color:#C00; font-weight:bold; overflow:hidden}
.m-tt-6 a{ font-size:14px; color:#666; float:right}
.m-lst-9{overflow:hidden; width:1250px}
.m-lst-9 li{display:block; float:left; padding:30px; width:518px; margin:0 40px 40px 0; border-radius:4px; background:#f3f3f3; border:1px solid #e3e3e3}
.m-lst-9 strong a{ display:block; padding-bottom:5px; padding-right:40px; line-height:40px; color:#333; font-size:24px; margin-bottom:10px; background:url(h5.png) right top no-repeat}
.m-lst-9 p{ color:#666; font-size:16px}
<!--翻转-->
.wrapper{max-width:1000px;margin:80px auto}
.wrapper li{position:relative;width:180px;height:180px;list-style:none;margin:5px;display:inline-block;perspective:300px}
.picBox{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform-origin:50% 50% -90px;animation:200ms ease-out 0ms 1 normal forwards}
.show,.hide{position:absolute;top:0;right:0;bottom:0;left:0}
.hide{color:#fff;background-color:#000;text-align:center;line-height:180px;transform:translate3d(0,0,-1px)}
.in-top .hide,.out-top .hide{transform-origin:0% 100%;transform:translate3d(0,-100%,0) rotate3d(1,0,0,90deg)}
.in-top .picBox{animation-name:in-top;animation-play-state:running}
.out-top .picBox{animation-name:out-top;animation-play-state:running}
.m-lst-10{ overflow:hidden; width:1250px}
.m-lst-10 li{ display:block; float:left; width:380px; margin:0 30px 50px 0}
.m-lst-10 img{ display:block; width:380px; height:250px; margin-bottom:10px; border-radius:4px}
.m-lst-10 a{ text-decoration:none}
.m-lst-10 strong,.m-lst-10 p{ display:block; text-decoration:none}
.m-lst-10 strong{ font-size:18px; color:#333; padding:5px 0;}

@keyframes in-top{from{transform:rotate3d(0,0,0,0deg)}
to{transform:rotate3d(-1,0,0,90deg)}
}@keyframes out-top{from{transform:rotate3d(-1,0,0,90deg)}
to{transform:rotate3d(0,0,0,0deg)}
}.in-right .hide,.out-right .hide{transform-origin:0% 0%;transform:translate3d(100%,0,0) rotate3d(0,1,0,90deg)}
.in-right .picBox{animation-name:in-right;animation-play-state:running}
.out-right .picBox{animation-name:out-right;animation-play-state:running}
@keyframes in-right{from{transform:rotate3d(0,0,0,0deg)}
to{transform:rotate3d(0,-1,0,90deg)}
}@keyframes out-right{from{transform:rotate3d(0,-1,0,90deg)}
to{transform:rotate3d(0,0,0,0deg)}
}.in-bottom .hide,.out-bottom .hide{transform-origin:0% 0%;transform:translate3d(0,100%,0) rotate3d(-1,0,0,90deg)}
.in-bottom .picBox{animation-name:in-bottom;animation-play-state:running}
.out-bottom .picBox{animation-name:out-bottom;animation-play-state:running}
@keyframes in-bottom{from{transform:rotate3d(0,0,0,0deg)}
to{transform:rotate3d(1,0,0,90deg)}
}@keyframes out-bottom{from{transform:rotate3d(1,0,0,90deg)}
to{transform:rotate3d(0,0,0,0deg)}
}.in-left .hide,.out-left .hide{transform-origin:100% 0;transform:translate3d(-100%,0,0) rotate3d(0,-1,0,90deg)}
@keyframes in-left{from{transform:rotate3d(0,0,0,0deg)}
to{transform:rotate3d(0,1,0,90deg)}
}@keyframes out-left{from{transform:rotate3d(0,1,0,90deg)}
to{transform:rotate3d(0,0,0,0deg)}
}.in-left .picBox{animation-name:in-left;animation-play-state:running}
.out-left .picBox{animation-name:out-left;animation-play-state:running}