@import '../css/zjtd.css';
/*
.banner{position:relative;width:100%;height:800px; margin: 0 0 30px 0; overflow:hidden;}
.banner .bd{position: absolute; left: 50%;margin: 0 0 0 -960px;width: 1920px;height: 800px;}
.banner img{display: block;width: 1920px;height: 800px;}
.banner .hd{position: absolute; z-index: 10; bottom: 25px; left: 0; font-size: 0; line-height: 0; width: 100%; text-align: center;}
.banner .hd li{display: inline-block; width: 105px; height: 12px; margin: 0 10px; background: #ee655d; cursor: pointer;}
.banner .hd li.on{background: #feb43e;}
*/
.m{margin-bottom: 50px;}
.m .zhd{position: relative;width: 100%; height: 280px; overflow: hidden;}
.m .zhd img{position: absolute;left: 50%;margin: 0 0 0 -960px;width: 1920px;height: 280px;}
.zbnt1{position: relative; display: inline-block; padding: 0 40px; font-size: 24px; vertical-align: middle; color:#fff;height:58px; line-height:58px;background: #ff9b57; border-radius: 58px; transition: all ease .5s;_display: inline;_zoom:1;}
.zbnt1:hover{background: #4cbcca; color: #fff;}
.mbtn{text-align: center;font-size: 0;}
.mbtn a{display: inline-block;background: #ee655d; transition: all ease .3s; *display: inline; *zoom: 1;}
.mbtn a:hover{background: #feb43e;}
.zbnt2{display: inline-block;padding: 0 40px; font-size: 0; vertical-align: middle; color:#fff;background: #ff9b57; border-radius: 58px; transition: all ease .5s; _display: inline;_zoom:1;}
.zbnt2 span{padding-right:10px;font-size: 24px;display: inline-block; vertical-align: middle;height:58px; line-height:58px;_display: inline;_zoom:1;}
.zbnt2 img{vertical-align: middle;}
.zbnt2:hover{background: #4cbcca; color: #fff;}
.m1 ul{margin: 0 0 0 -17px;}
.m1 li{float: left; position: relative; width: 287px;height: 273px; margin: 0 0 20px 17px; overflow: hidden; background: #f7e2e1;}
.m1 li .box-overlay{position: absolute; left: 0; top: 0; width: 267px;height: 263px; padding: 10px 10px 0 10px; background: #f7e2e1;}
.m1 li .box-overlay img{display: block;width: 267px; height: 208px; margin: 0 auto;}
.m1 li .box-overlay p{font-size: 24px; color: #4f302e; line-height: 55px; text-align: center;}
.m1 li .links{position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 100%;}
.m1 li .cover{position: absolute; z-index: 2; left: 0;top: 0; width: 100%; height: 100%; background: #000; background: rgba(0,0,0,0.5); color: #ffffff;transform-origin: left top;-webkit-transform-origin: left top;-moz-transform-origin: left top;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transition: all 0.35s;-webkit-transition: all 0.35s;-moz-transition: all 0.35s; display: none\9;}
.m1 li:hover .cover{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); display: block\9;}
.m1 li .cover p{font-size: 20px; line-height: 31px; padding: 70px 30px;}
.m1 .mbtn{padding: 20px 0 0 0;}
.m1 .mbtn a{display: block;width: 590px;height: 85px;margin:0 auto; color:#fff;line-height: 85px;font-size: 36px;}
.m1-row{height: 320px; margin: 50px 0 0 0; background: url("../images/m1-row.gif") center top no-repeat;}
.m1-row dl{padding: 49px 0 0 0;}
.m1-row dt{width: 357px;padding: 10px 0 0 0;}
.m1-row dt img{ display: block; width: 351px; height: auto; border: 3px solid #fff;}
.m1-row dd{width: 790px;}
.m1-row h3{height: 40px;font-size: 24px; color: #4f302e; font-weight: normal; line-height: 40px; border-bottom: 1px solid #e7d4d4;}
.m1-row .info{padding:20px 0 0 0;border-top: 1px solid #fcf0f0;font-size: 18px;line-height: 28px;color: #444;}
.m1-row .mbtn{padding:22px 0 0 0;text-align: left;}
.m1-row .mbtn a{display: inline-block; width: 289px;height: 55px;line-height: 55px;text-align: center;color: #fff; font-size: 22px;}
.m2{ margin-bottom: 30px;}
.m2 .info{height: 129px; margin-bottom: 50px; font-size: 20px; line-height: 30px; color: #444; text-indent: 2em; background: url("../images/m2-1.jpg") center top no-repeat;}
.m2 .info p{padding: 30px 40px;}
.m2 ul{margin: 0 0 0 -28px;}
.m2 li{float: left; width: 380px;height: 381px; margin: 0 0 0 28px; overflow: hidden; background: url("../images/m2-q.png") no-repeat;}
.m2 li h3{height: 100px;line-height: 100px;font-weight: normal; text-align:center;font-size: 30px;color: #17afd4;}
.m2 li .intro{width: 280px;margin: 20px auto 30px;font-size: 20px;line-height: 30px;color: #444;}
.m2 li .mbtn a{display: block; width: 240px;height: 50px; font-size: 20px; line-height: 50px; color: #fff; margin: 0 auto; background: #17afd4; border-radius: 25px;}
.m2 li .mbtn a:hover{background: #feb43e;}
.m2 .row2{height: 390px; margin: -192px 0 0 0; background: #cdeef5;}
.m2 .row2 .mbtn{padding: 245px 0 0 0;}
.m2 .row2 .mbtn a{display: block; width: 720px;height: 85px; font-size: 36px; line-height: 85px; color: #fff; margin: 0 auto; background: #17afd4;}
.m2 .row2 .mbtn a:hover{background: #feb43e;}
.m3 .info{height: 157px; margin-bottom: 40px; font-size: 20px; line-height: 30px; color: #444; text-indent: 2em; background: url("../images/m3-1.jpg") center top no-repeat;}
.m3 .info p{padding: 30px 40px;}
.m3-tab{width: 754px;}
.m3-tab .hd{margin: 0 0 3px 0;}
.m3-tab .hd ul{margin-left: -2px;}
.m3-tab .hd ul li{float: left;width: 250px;height: 66px; margin: 0 0 0 2px; text-align: center;line-height: 66px;font-size: 20px;color: #fff;background: #ee655d; cursor: pointer;}
.m3-tab .hd ul li.on{background: #feb43e;}
.m3-tab .bd{background: #eee; height: 457px; overflow: hidden;}
.m3-tab .bd li{ position: relative; padding: 20px 20px 15px 20px;}
.m3-tab .bd li img{display: block;width: 713px; height: 422px; background: url("../images/loading.gif") center center no-repeat;}
.m3-tab .bd li .intro{position: absolute;top: 20px; right: 20px;width: 434px;}
.m3-tab .bd li h3{margin-bottom:15px;font-size: 24px;line-height: 44px; color: #333; font-weight: normal;}
.m3-tab .bd li p{font-size:18px; line-height: 30px; color: #666; margin-bottom: 20px;}
.m3-tab .bd table{width: 100%; border-collapse: collapse;vertical-align: top;}
.m3-tab .bd table td{height: 36px;line-height: 36px; font-size: 16px; color: #666; padding: 0 15px; background: #f8f8f8;border: 1px solid #dcdcdc;}
.m3-tab .bd .mbtn{margin: 20px 0 0 0;}
.m3-tab .bd .mbtn a{height: 50px; padding: 0 50px; line-height: 50px; font-size: 22px; color: #fff; border-radius: 25px;}
.m3{margin-bottom: 30px;}
.zt-youhui{width: 422px; height: 527px; background: url("../images/m3-youhui.jpg");}
.zt-youhui .mbtn{padding: 266px 0 0 0;}
.zt-youhui .mbtn a{width:156px;height: 37px;margin: 0 12px;font-size: 18px; color: #ee655d; line-height: 37px; background: #fff; border-radius: 18px;}
.zt-youhui .mbtn a:hover{background: #feb43e; color: #fff;}
.zt-youhui-list{padding: 18px 0 0 24px;}
.zt-youhui ul li{float: left;width: 170px;height: 74px; margin: 7px; color: #fff; border: 2px solid #f7b2ae;}
.zt-youhui .p1{padding: 10px 0 0 20px;font-size: 20px;line-height: 24px;}
.zt-youhui .p2{padding: 0 0 0 20px;font-size: 18px;line-height: 35px;}
.zt-youhui .p2 span{ color: #feb43e; font-size: 30px;}
.m4 .info{height: 157px; margin-bottom: 40px; font-size: 20px; line-height: 30px; color: #444; text-indent: 2em; background: url("../images/m2-1.jpg") center top no-repeat;}
.m4 .info p{padding: 30px 40px;}
.m4 .row{}
.m4 .row ul{margin: 0 0 0 -15px;}
.m4 .row li{float: left;width: 390px;margin: 0 0 0 15px;}
.m4 .st{height: 84px;padding:0 0 0 90px; margin: 0 0 10px 0; background: url("../images/m4-st.gif");}
.m4 .st h3{padding:15px 0 0 0;font-size: 24px;line-height: 30px;color: #17afd4; font-weight: normal;}
.m4 .st p{font-size: 18px; color: #666; line-height: 26px;}
.m4 dl{overflow: hidden;}
.m4 dt{float: left; width: 54px;height: 45px;text-align: center; line-height: 45px; color: #fff; font-size: 18px; background: #feb43e;}
.m4 dd{float: left; width: 319px; height: 43px; padding: 0 0 0 15px; line-height: 43px; font-size: 16px; color: #333; border: 1px solid #feb43e; border-left: 0;}
.m4 .dl2{margin: 5px 0 0 0;}
.m4 .dl2 dt{height: 61px; line-height: 61px;background: #17afd4;}
.m4 .dl2 dd{height: 59px; border-color: #17afd4;}
.m4 .dl2 dd p{padding:7px 0 0 0;font-size: 16px;line-height: 22px;}
.m4-btn{padding: 20px 0 0 0;}
.m4-btn a{display: block; height: 53px;padding:0 0 0 75px;line-height: 53px; font-size: 20px; color: #fff; background: url("../images/m4-b2.jpg"); transition: all ease .3s;}
.m4-btn a:hover{color:#fff;background: url("../images/m4-b1.jpg");}
.m4 .row2{height: 352px; margin: -278px 0 0 0;background: #cdeef5;}
.m5 .info{height: 157px; margin-bottom: 40px; font-size: 20px; line-height: 30px; color: #444; text-indent: 2em; background: url("../images/m3-1.jpg") center top no-repeat;}
.m5 .info p{padding: 30px 40px;}
.m5 .zt-youhui{background: url("../images/m5-youhu.jpg");}
.m5-tab{width: 754px;}
.m5-tab .hd{margin: 0 0 3px 0;}
.m5-tab .hd ul{margin-left: -2px;}
.m5-tab .hd ul li{float: left;width: 187px;height: 66px; margin: 0 0 0 2px; text-align: center;line-height: 66px;font-size: 20px;color: #fff;background: #ee655d; cursor: pointer;}
.m5-tab .hd ul li.on{background: #feb43e;}
.m5-tab .bd{background: #eee; height: 457px; overflow: hidden;}
.m5-tab .bd li{ position: relative; padding: 20px 20px 15px 20px;}
.m5-tab .bd li img{display: block;width: 713px; height: 422px; background: url("../images/loading.gif") center center no-repeat;}
.m5-tab .bd li .intro{position: absolute;top: 20px; right: 20px;width: 395px;}
.m5-tab .bd li h3{margin-bottom:15px;font-size: 24px;line-height: 44px; color: #333; font-weight: normal;}
.m5-tab .bd li strong{display: block;width: 150px;height: 35px; margin-bottom:10px;line-height: 35px;text-align: center;font-size: 20px; font-weight: normal; color: #fff; background: #ee655d;}
.m5-tab .bd li p{font-size:18px; line-height: 30px; color: #666; margin-bottom:20px;}
.m5-tab .bd li p a{color: #ee655d;}
.m5-tab .bd li p a:hover{color: #feb43e;}
.m5-tab .bd table{border: 1px solid #dcdcdc;}
.m5-tab .bd table th{ color: #fff; text-align: center; font-size: 20px; line-height: 24px; font-weight: normal; background: #feb43e;}
.m5-tab .bd table td{border: 1px solid #dcdcdc; background: #fff; text-align: center; font-size: 18px; color: #333;}
.m5-tab .bd .mbtn{margin: 15px 0 0 0;}
.m5-tab .bd .mbtn a{height: 50px; padding: 0 50px; line-height: 50px; font-size: 22px; color: #fff; border-radius: 25px;}
.m6-tab{ position: relative; height: 534px; overflow: hidden;}
.m6-tab .hd{width: 326px;}
.m6-tab .hd li{height: 132px;margin:0 0 2px 0;text-align:center;background: #cdeef5; cursor: pointer;}
.m6-tab .hd li .p1{padding:40px 0 0 0;font-size: 24px;color: #333;}
.m6-tab .hd li .p2{font-size: 20px;color: #666;}
.m6-tab .hd li.on{background: #feb43e;}
.m6-tab .hd li.on .p1,.m6-tab .hd li.on .p2{color: #fff;}
.m6-tab .bd{width: 864px;}
.m6-tab .m6-1-1{position: relative; height: 534px;background: #000;}
.m6-tab .m6-1-1 a{position: absolute;opacity: 0.8; transition: all ease .5s;}
.m6-tab .m6-1-1 a:hover{opacity: 1;}
.m6-tab .a1{left: 0; top: 0;}
.m6-tab .a2{left: 216px; top: 0;}
.m6-tab .a3{right: 0; top: 0;}
.m6-tab .a4{left: 0; top: 267px;}
.m6-tab .a5{left: 216px; top: 134px;}
.m6-tab .a6{right: 0; top: 134px;}
.m6-tab .a7{left: 432px; top: 268px;}
.m6-tab .a8{right: 0; top: 268px;}
.m6-tab .a9{left: 0; bottom: 0;}
.m6-tab .a10{left: 432px; bottom: 0;}
.m6 .mbtn{padding: 45px 0 0 0;}
.m6 .mbtn a{width: 234px;height: 52px; margin: 0 20px; font-size: 22px; line-height: 52px; color: #fff; background: #17afd4; border-radius: 26px;}
.m6 .mbtn a:hover{background: #feb43e;}
.m7 ul{margin:0 0 0 -10px;}
.m7 li{float: left; width: 292px; height: 201px; margin: 0 0 0 10px;}
.m6-1-2 img, m6-1-3 img,.m6-1-4 img{display: block;width: 864px;height: 534px; background: url("../images/loading.gif") center center no-repeat;}