*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;} body{ position: relative; font: 14px microsoft yahei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;} i, em{ font-style: normal;} a{ color: #333;} h1, h2, h3, h4, h5, h6, b{ font-weight: normal;} img{ border: none \9; display: inline-block;} .clearfix:after,.clear{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;} .fl{ float: left;} .fr{ float: right;} @font-face{ font-family: 'pingfang regular';src: ;font-weight: normal; font-style: normal;} .tywidth{ width: 1200px; margin: 0 auto;} /*header */ .header{width: 100%;} .header .header-1{height:40px;width: 100%;line-height: 40px;background: #f1f1f1;} .header .header-1 .content{width: 1200px;margin: auto;} .header .header-1 .content b{color: #504b4b;font-size: 14px;line-height:32px;} .header .header-1 .content nav{line-height: 32px;float: right;height: 40px;width:379px;background: no-repeat center;padding-left:123px;} .header .header-1 .content nav .n1{width: 65px;line-height: 32px;font-size: 14px;float: left;color: #333;} .header .header-1 .content nav .gun{height: 16px;width: 1px;background: #595959;margin-top:8px;float: left;margin-right: 18px;margin-left:8px;} .header .header_slogan{ height:125px;width: 1200px;margin:0 auto;padding-top:20px;} .header .header_slogan .logo{ width:215px; height:78px;float: left;padding-top: 5px;} .header .header_slogan .logo img{width: 100%;} .header .header_slogan .text{width: 643px;height: 86px;float: left;margin-left:112px;margin-top: -5px;/**/ padding-top:10px;} .header .header_slogan .text .t1{width:620px;height: 50px;font-size:27px;color: #313131;padding-left: 55px; font-weight:bold;} .header .header_slogan .text .t1 b{color: #ffae00;font-weight:bold;} .header .header_slogan .text .t2{width:600px;height: 30px;line-height: 30px;font-size:16px;color: #6d6d6d;margin-top: -4px;letter-spacing:1px;} .header .header_slogan .text .t2 .yuan{font-size: 26px;font-weight: bold;float: left;margin-right:5px;color: #ffae00;} .header .header_slogan .text .t2 .ti{font-size: 16px;float: left;} .header .header_slogan .right{width: 256px;height: 100px;margin-left:960px;} .header .header_slogan .right .texts{height:60px;padding-top:13px;padding-right:6px;float: right;margin-right: 46px;} .header .header_slogan .right .texts .te1{color: #333333;font-size: 24px;font-weight:bold;text-align: right;} .header .header_slogan .right .texts .te2{color: #333333;font-size: 24px;font-weight:bold;} .header .header_slogan .right .phones{width: 38px;height: 42px;float: right;margin-top:-36px;} .header .header_slogan .right .phones{-webkit-animation: move 1.3s linear infinite;animation: move 1.3s linear infinite;} /*font-style: italic;斜体*/ /*导航*/ .header .na_v{width:100%;height: 70px;margin:0 auto;margin-top: -1px;background: #0068b7;padding-top: 8px; } .header .nav{ height: 56px; /* border-top: 1px solid #c4c4c4;*/margin:0 auto;width: 1200px;} .header .nav .nav-content nav .xz:nth-child(7n){ margin-right:0;} .header .nav .nav-content nav .xz{ height: 56px;line-height:56px; position: relative;text-align: center; padding-left:10px;padding-right: 10px; display: inline-block; vertical-align: top; text-align: center;} .header .nav .nav-content nav .xz{ position: relative; z-index: 1; color: #fff; font-size: 16px;width: 115px; /*margin-left:39px;margin-right:39px;*/margin-right: 6px; float: left;} .header .nav .nav-content nav .xz:last-child{margin-right: 0;} .header .nav .nav-content nav .xz:before{ content: ""; position: absolute; display: block; opacity: 0; background: blue; transition: all .3s ease-out;} .header .nav .nav-content nav .xz.on{background: #f5f5f5;color: #fff;background: url(/uploads/image/pimages/nav.png)no-repeat center;} .header .nav .nav-content nav .xz:hover{background: #f5f5f5;color: #fff;background: url(/uploads/image/pimages/nav.png)no-repeat center;} .header .nav .nav-content nav .xz .zm{opacity: 0;} .header .nav .nav-content nav .xz.on .zm{opacity: 1;} .header .nav .nav-content nav .xz:hover .zm{opacity: 1;} .header .nav .nav-content nav .xz:hover i{color: #fff;} .header .nav .nav-content nav .xz.on i{color: #fff;} .header .nav .nav-content nav .xz.on:before,.header .nav .nav-content nav .xz:hover:before{ opacity: 1; height: 6px;} .header .nav .nav-content nav .xz ul{ display: none; position: absolute; left: 50%; top: 56px; z-index: 999; transform: translatex(-50%); width: 145px; background-color: rgba(255, 255, 255, 0.902); border: 1px solid #eee; padding: 15px 0;} .header .nav .nav-content nav .xz ul li{ font-size: 16px; color: #666; line-height: 16px; margin-top: 15px;} .header .nav .nav-content nav .xz ul li:first-child{ margin-top: 0;} .header .nav .nav-content nav .xz ul li:hover{ color: #ffae00;} .header .nav .nav-content nav .xz:hover .xian1{opacity: 0;} .header .nav .nav-content nav .xz.on .xian1{opacity: 0;} .header .nav .nav-content nav .xian1{position: relative;width: 1px;height: 20px;background: #7374ac;float: right;margin-top: 21px;margin-right: -1px;} /*banner*/ .banner-index{ line-height: 0;} .banner-index img{ width: 100%;} .slidebox{ width: 100%; height: auto; overflow: hidden; position: relative;} .banner-index .slidebox .bd img{ width: 100%;} .slidebox .bd ul li{ display: none;} .slidebox .bd ul li:first-child{ display: none;} .banner img{ width: 100%;} .slidebox .hd{ position: absolute; left: 50%; bottom: 30px; transform: translatex(-50%); font-size: 0;} .slidebox .hd ul li{ float: left; position: relative; width: 10px; height: 10px; background: #79746f; margin-right: 10px; cursor: pointer; border-radius: 100%; transition: all .3s;} .slidebox .hd ul li.on{ border-radius: 5px; width: 37px;background: #ffae00;} /*search*/ .search{ font-size: 0; height: 50px; line-height: 50px; border-bottom: 1px solid #f0f0f0; /*background: #009b8b;*/ overflow: hidden;} .search-content>div{ display: inline-block;vertical-align: top;} .search-keywords span{ color: #333333; font-size: 14px; font-weight: bold; margin-right: 15px;} .search-keywords span img{ vertical-align: middle; margin: -5px 5px 0 0;} .search-keywords a{ color: #666666; font-size: 14px;} .search-keywords a:hover{ color: #ffae00;} .search-keywords i{ margin: 0 15px; color: #666; font-size: 14px;} .search-form{ float: right;margin-right: -30px;} #searchform{ margin-top: 15px; /*background: url(/uploads/image/pimages/ss_rl.png)no-repeat;*/ width: 239px; height: 31px; display: inline-block; vertical-align: top;} #searchform>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; /*color: #bfdfda;*/} #searchform .search-input{ height: 24px; line-height: 31px; width: 87%;} .search-form #s_btn{ width: 24px; height: 31px; cursor: pointer;margin-left: -30px;background: url(/uploads/image/pimages/ss_rl.png)no-repeat;} #searchform .search-input::-webkit-input-placeholder{ color: #999999;} #searchform .search-input:-moz-placeholder{ color: #999999;} #searchform .search-input::-moz-placeholder{ color: #999999;} #searchform .search-input:-ms-input-placeholder{ color: #999999;} /*product*/ .product{width: 100%;height:1066px;background: url(/uploads/image/pimages/m1_bg.png)no-repeat center;} .product .top{width: 1200px;height: 100px;margin:0px auto;text-align:center;} .product .top h1{color: #333333;font-size: 36px;font-weight: bold;padding-top: 50px;} .product .top .z{ width: 1200px;color: #7f7f7f;line-height: 38px;/*letter-spacing:3px;*/font-size: 20px; margin:0 auto;} .product .nr{width: 1200px;height:745px;margin:0 auto;margin-top:62px;} .product .nr .list .l_t{width: 267px;position: relative; font-size: 30px; font-weight: bold;color: #fff;text-align: center;letter-spacing:3px; padding-top: 32px; height: 126px;z-index: 3; background: url(/uploads/image/pimages/cp_bg1.png)no-repeat center;margin-left: -17px;margin-top: -5px;margin-bottom:20px;} .product .nr .left{width: 280px;height: 1133px;float: left;border:1px solid #dcdcdc;padding:20px 15px;overflow:hidden;background: #fff;} .product .nr .left .list{min-height:620px;width: 249px;border-top: 0; background: #fff;overflow: hidden;} .product .nr .left .list b{height:42px;display: block;width:250px;background:#6c6c6c;padding-left: 25px; line-height: 40px;} .product .nr .left .list b a{font-size: 18px;color: #fff;} .product .nr .left .list .on{background:#ffae00;/*background-position-x: 183px;*/} /*.product .nr .left .list .on a{font-size: 18px;color: #fff;font-weight: bold;}*/ .product .nr .left .list .lb{padding-bottom: 18px;width: 232px;} .product .nr .left .list .lb li{padding-left: 6px;margin-bottom:2px;padding-top:15px;} .product .nr .left .list .lb li:nth-child(1n){} .product .nr .left .list .lb a{color: #666;} .product .nr .left .list .lb li .lli{/*height: 34px;*//*margin-left: 20px;*/padding-bottom:12px;} /*.product .nr .left .list .lb li .lli:nth-child(1n){padding-top:15px;}*/ .product .nr .left .list .lb li .lli .xian{width: 10px;height: 10px;text-align: center;} .product .nr .left .list .lb li .lli .xian .yc{ display: none;margin-top: -10px;} .product .nr .left .list .lb li .lli .axa{padding-bottom: 12px;height: 50px;} .product .nr .left .list .lb li .lli .axa.on .xian .xs{ display: none;} .product .nr .left .list .lb li .lli .axa.on .xian .yc{ display: inline-block;} .product .nr .left .list .lb li .lli .ace dd:hover a{color: #ffae00;} .product .nr .left .list .lb li .lli .ace{margin-top: 25px;} .product .nr .left .list .lb li .lli .ace dd{margin-top:5px;font-size: 16px;padding-left: 27px;} .product .nr .left .list .lb li .lli .ace dd:last-child{margin-bottom:-12px;} .product .nr .left .list .lb li .lli .title{ float: left;margin-left: 26px;margin-top: -10px;font-size: 18px;color: #333333;} .product .nr .left .lists{width: 249px;border-top: 0; background: #fff;overflow: hidden;} .product .nr .left .lists b{height:42px;display: block;width:250px;background:#6c6c6c;padding-left: 25px; line-height: 40px;} .product .nr .left .lists b a{font-size: 18px;color: #fff;} .product .nr .left .lists .on{background:#ffae00;/*background-position-x: 183px;*/} /*.product .nr .left .list .on a{font-size: 18px;color: #fff;font-weight: bold;}*/ .product .nr .left .lists .lb{padding-bottom: 18px;width: 232px;} .product .nr .left .lists .lb li{padding-left: 6px;margin-bottom:2px;padding-top:15px;} .product .nr .left .lists .lb li:nth-child(1n){} .product .nr .left .lists .lb a{color: #666;} .product .nr .left .lists .lb li .lli{/*height: 34px;*//*margin-left: 20px;*/padding-bottom:12px;} /*.product .nr .left .list .lb li .lli:nth-child(1n){padding-top:15px;}*/ .product .nr .left .lists .lb li .lli .xian{width: 10px;height: 10px;text-align: center;} .product .nr .left .lists .lb li .lli .xian .yc{ display: none;margin-top: -10px;} .product .nr .left .lists .lb li .lli .axa{padding-bottom: 12px;height: 50px;} .product .nr .left .lists .lb li .lli .axa.on .xian .xs{ display: none;} .product .nr .left .lists .lb li .lli .axa.on .xian .yc{ display: inline-block;} .product .nr .left .lists .lb li .lli .ace dd:hover a{color: #ffae00;} .product .nr .left .lists .lb li .lli .ace{margin-top: 25px;} .product .nr .left .lists .lb li .lli .ace dd{margin-top:5px;font-size: 16px;padding-left: 27px;} .product .nr .left .lists .lb li .lli .ace dd:last-child{margin-bottom:-12px;} .product .nr .left .lists .lb li .lli .title{ float: left;margin-left: 26px;margin-top: -10px;font-size: 18px;color: #333333;} .product .nr .left .zx{background: url(/uploads/image/pimages/cp_bg3.png)no-repeat center;margin-left: -5px; width: 280px;height: 113px;margin-top: 12px;} .product .nr .left .zx .z1{width: 100%;text-align: center;font-size: 16px;color: #fff;padding-top: 6px;margin-bottom: 10px;} .product .nr .left .zx .z2{font-size: 19px;color: #fff;font-weight: bold;padding-left: 68px;} /*.product .nr .right{width: 920px;height: 682px;float: left;padding-left: 38px;background: pink;}*/ .product .nr .ri{width: 900px;height:743px;float: left;margin-left: 15px;} .product .nr .ri .xq{width: 290px;height: 270px;padding:1px; float: left;margin-right:15px;margin-bottom: 18px;border: solid #e1e1e1 1px;overflow: hidden;} .product .nr .ri .xx .xq:nth-child(3n){ margin-right: 0px;} .product .nr .ri .xq .img{width: 290px;height: 270px;overflow: hidden;} /*.product .nr .ri .xq:hover .img{border:1px solid #0c49bd}*/ .product .nr .ri .xq .img img{width: 100%; transition-duration: 300ms;} .product .nr .ri .xq:hover .img img{transform: scale(1.1, 1.1);} .product .nr .ri .xq .title{width: 290px;margin-left: -1px; height: 40px;text-align: center; line-height: 40px;color: #484848;background: #e1e1e1; font-size: 16px;margin-top: -40px;position: relative;z-index: 30;} .product .nr .ri .xq:hover .title{background: #ffae00;color: #fff;} .product .nr .ri .xq:hover{border: solid #ffae00 2px;padding:0;} /*.videos{ display: none; position: fixed; left: 50%; top: 50%; margin-left: -25%; margin-top: -210px; z-index: 100; width: 50%; height: 450px;} .vclose{ position: absolute; right: 2%; top: 5%; border-radius: 100%; cursor: pointer;} .videos iframe{ width: 100%; height: 100%;background: #000;} .vvdio{display: none; position: fixed;left: 0;top: 0;z-index:3;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);} */ /*m1*/ .m1{height:590px;width: 100%;background: url(/uploads/image/pimages/m2_bg.png)no-repeat center;} .m1 .nr{width: 1200px;height: 750px;margin:0 auto;padding-top:52px;} .m1 .nr .t1{line-height: 35px;font-size:28px;color: #333333;} .m1 .nr .t1 b{font-weight:bold;} .m1 .nr .t2{width: 728px;height: 50px;color: #0068b7;font-size:39px;font-weight:bold;padding-top:9px;} .m1 .nr .t3{width: 69px;height: 107px;position: absolute;margin-top: -95px;margin-left:678px;} .m1 .nr .hd{width: 1200px;margin-top:83px;} .m1 .nr .hd ul li{width: 360px;height: 160px;float: left;margin-right: 50px;margin-bottom: 10px; } .m1 .nr .hd ul li:nth-child(3n){ margin-right: 0px;} .m1 .nr .hd ul li .l1{width: 112px;height: 112px;border-radius:50%;border:2px solid #fff;text-align: center;overflow: hidden;float: left;margin-top:7px;} .m1 .nr .hd ul li .l1 img{width:100%;} .m1 .nr .hd ul li.on .l1{border:2px solid #ffae00;} .m1 .nr .hd ul li .l1 img{transition: all .5s;} .m1 .nr .hd ul li.on .l1 img{transform: scale(1.1, 1.1);} .m1 .nr .hd ul li .l2{width: 238px;height: 160px;padding-left:28px;float: left;} .m1 .nr .hd ul li .l2 .t1{font-size: 18px;color: #333333;font-weight:bold;} .m1 .nr .hd ul li .l2 .t2{height: 72px;line-height: 24px;font-size: 16px;color: #5a5a5a;width: 226px;margin-top:2px;} .m1 .nr .hd ul li .l2 .t5{font-size: 16px;color: #333;margin-top: 30px;} .m1 .nr .hd ul li .l2 .t6{font-size: 28px;color: #333;font-family:impact;margin-top: 6px;} .m1 .nr .hd ul li .l2 .hx{width: 28px;height: 2px;background: #ffae00;margin-top: 12px;} /*m2*/ .m2{height:800px;width: 100%;background: url(/uploads/image/pimages/m3_bg.png)no-repeat center;} .m2 .top{width: 1200px;height: 100px;margin:0px auto;text-align:center;} .m2 .top h1{color: #fff;font-size: 36px;font-weight: bold;padding-top: 50px;} .m2 .top .z{ width: 1200px;color: #fff;line-height: 38px;/*letter-spacing:3px;*/font-size: 20px; margin:0 auto;} .m2 .nr{width: 1200px;height: 600px;margin:0 auto;margin-top: 60px;} .m2 .nr .hd{width: 1018px;height: 600px;float: right;margin-right: -365px;} .m2 .nr .bd{width: 850px;height: 600px;float: right;margin-left: -365px;padding-top:32px;} .m2 .nr .hd ul li{width: 1018px;height: 147px;padding-top:10px;} .m2 .nr .hd ul li.on{background: #ffae00;} /*.m2 .nr .hd ul li.on .xnr{border-bottom:0;}*/ .m2 .nr .hd ul li .xnr{width: 660px;height: 137px;border-bottom: 1px solid #217bc0;} .m2 .nr .hd ul li .xnr .ico{width: 120px;text-align: center;padding-top:22px;float:left;height: 137px;} .m2 .nr .hd ul li .xnr .text{width: 531px;float:left;height: 136px;font-size: 20px;} .m2 .nr .hd ul li .xnr .text .t1{font-size: 24px;color: #fff;font-weight:bold;padding-top:17px;} .m2 .nr .hd ul li .xnr .text .t2{width: 30px;height: 2px;background: #ffae00;margin-top: 20px;} .m2 .nr .hd ul li .xnr .text .t3{font-size: 16px;color: #fff;line-height: 24px;letter-spacing:1px; margin-top: 15px;} .m2 .nr .hd ul li.on .xnr .text .t2{background: #fff;} /*m3*/ .m3{width: 100%;height: 480px;background: #f5f5f5;} .m3 .top{width: 1200px;height: 100px;margin:0px auto;text-align:center;} .m3 .top h1{color: #333333;font-size: 36px;font-weight: bold;padding-top: 50px;} .m3 .top .z{ width: 1200px;color: #7f7f7f;line-height: 38px;/*letter-spacing:3px;*/font-size: 20px; margin:0 auto;} .m3 .nr{width: 1200px;height: 600px;margin:0 auto;padding-top:43px;margin-top: 18px;} .m3 .nr .bd{width: 1200px;height: 290px;} .m3 .nr .bd ul li{width:286px;height: 260px;float: left;margin-right:20px;} .m3 .nr .bd ul li .tp{width:286px;height: 221px;float: left;margin-right:20px;overflow: hidden;} .m3 .nr .bd ul li .tp img{transition: all .5s;width: 100%;} .m3 .nr .bd ul li:hover .tp img{transform: scale(1.1, 1.1);} .m3 .nr .bd ul li:hover .title{color: #ffae00;} .m3 .nr .bd ul li .title{width: 286px;text-align: center;font-size: 17px;color: #333;line-height: 50px;} .m3 .nr .le{position: absolute;margin-left: -50px;margin-top: 97px;width: 30px;height: 50px;background: #999999;text-align: center;padding-top:10px;} .m3 .nr .ri{position: absolute;margin-left: 1246px;margin-top: -193px;width: 30px;height: 50px;width: 30px;height: 50px;background: #999999;text-align: center;padding-top:10px;} .m3 .nr .le:hover{background: #ffae00;cursor:pointer} .m3 .nr .ri:hover{background: #ffae00;cursor:pointer} /*优势*/ .ys{width: 1200px;margin:0 auto;} .ys .top{width: 1200px;height: 100px;margin:0px auto;text-align:center;} .ys .top h1{color: #333333;font-size: 36px;font-weight: bold;padding-top: 50px;} .ys .top .z{ width: 1200px;color: #7f7f7f;line-height: 38px;/*letter-spacing:3px;*/font-size: 20px; margin:0 auto;} .ys .ysa{width: 1200px;height: 626px;margin-top: 60px;} .ys .ysa .l0{width: 145px;height: 130px;background: #ffae00;position: absolute;margin-left: 528px;margin-top: 183px;z-index: 99;} .ys .ysa .l0 .l0a{width: 145px;text-align: center;color: #fff;color: #fff;font-size: 20px;padding-top:46px;font-family: 'arpli';} .ys .ysa .l0 .l0b{width: 22px;height: 3px;background: #fff;margin:0 auto;margin-top: 5px;} .ys .ysa .l{width: 820px;height: 626px;float: left;margin-left: -220px;padding-left: 222px;background: #f5f5f5;} .ys .ysa .r{width: 820px;height: 626px;float: left;overflow: hidden;margin-left: 600px;margin-top: -626px;} .ys .ysa .r img{transition: all .5s;width: 100%;} .ys .ysa .r:hover img{transform: scale(1.1, 1.1);} .ys .ysa .l .l1{font-size: 80px;font-weight: bold;letter-spacing:3px;color: #e6e6e5;padding-top:35px;} .ys .ysa .l .l2{font-size:24px;font-weight: bold;letter-spacing:1px;color: #333333;padding-top:62px;} .ys .ysa .l .l3{width: 525px;margin-top: 33px;} .ys .ysa .l .l3 .xx{width: 525px;height: 95px;} .ys .ysa .l .l3 .xx .dian{width: 20px;height: 95px;float: left;font-size: 20px;font-weight: bold;line-height: 25px;color: #ffae00;} .ys .ysa .l .l3 .xx .title{width: 496px;float: left;font-size: 16px;line-height: 28px;color: #797979;letter-spacing:1px;} .ys .ysa .l .l4{width: 28px;height: 5px;background: #ffae00;margin-top: 63px;margin-left: 21px;} /*案例*/ .case_top{width: 100%;height:150px;background: url(/uploads/image/pimages/m6_tbg.png)no-repeat center;margin-top:100px;} .case_top .top{width: 1200px;height: 100px;margin:0px auto;text-align:center;} .case_top .top h1{color: #fff;font-size: 36px;font-weight: bold;padding-top: 36px;} .case_top .top .z{ width: 1200px;color: #fff;line-height: 38px;/*letter-spacing:3px;*/font-size: 20px; margin:0 auto;} .case{width: 1200px;height: 660px;margin:0 auto;margin-top: 35px;} .case .hd{width: 1200px;height: 60px;border-top: 1px solid #e7e7e7;position: relative;z-index: 999; border-bottom: 1px solid #e7e7e7;text-align: center;margin-bottom: 40px;} .case .hd ul li{width: 140px;height: 58px;line-height: 56px;position: relative;z-index: 999;font-size: 18px; margin-right: 20px; text-align: center; display: inline-block; text-align: center; } .case .hd ul li.on{color: #ffae00;} .case .hd ul li:nth-child(5n){ margin-right: 0px;} .case .hd ul li.on{border-top: 3px solid #ffae00;border-bottom: 3px solid #ffae00;} .case .bd ul li .qh{width: 1200px;height: 500px;} .case .bd ul li .qh .lli{width: 1200px;height: 500px;} .case .bd ul li .qh .lli .tp{width: 905px;height: 500px;overflow: hidden;} .case .bd ul li .qh .lli .tp img{width: 100%;} .case .bd ul li .qh .lli .text{width: 560px;height: 338px;margin-left: 637px;margin-top: 58px;padding-left:41px;padding-top:39px; background: rgba(255, 255, 255, .9);/*background: yellow;*/position: absolute;z-index: 2;} .case .bd ul li .qh .lli .text .t1{font-size: 24px;color: #0068b7;font-weight: bold;letter-spacing:2px;margin-top: -6px;} .case .bd ul li .qh .lli .t0{width: 200px;height: 25px;background: #0068b7;position: absolute; margin-left: 996px;margin-top: 96px;z-index: 999;} .case .bd ul li .qh .lli .text .t2{font-size: 16px;line-height: 28px;width: 482px;color: #7e7e7e;margin-top: 30px;height: 140px;} .case .bd ul li .qh .lli .text .t3{width: 87px;border-bottom: 2px solid #525252;height: 30px;font-size: 16px;text-align: center; color: #525252;margin-top: 23px;} .case .bd ul li .le{width: 40px;height:44px;margin-top: 426px; margin-left:865px;position: absolute;z-index: 99;transition: all .5s;} .case .bd ul li .ri{width: 40px;height: 44px;background: #d9b985;margin-left:906px;margin-top: -74px;z-index: 60; position: absolute;transition: all .5s;} .case .bd ul li .le:hover{cursor:pointer;margin-left:860px;} .case .bd ul li .ri:hover{cursor:pointer;margin-left:910px;} .case .bd .right{width: 775px;height: 599px;background: url(/uploads/image/pimages/m6_rbg.png)no-repeat center;position: absolute; z-index: 33;margin-left: 790px;margin-top: -583px;} /*关于我们*/ /*m5*/ .m5{height: 1013px;width: 100%;background: url(/uploads/image/pimages/m7_bg.png)no-repeat center;/*margin-top: 95px;*/} .m5 .t1{font-size: 38px;width: 100%;text-align: center;font-weight: bold;letter-spacing:1px;color: #333333;padding-top: 52px;} .m5 .t1 b{font-weight: bold;color: #ffae00;} .m5 .t2{font-size: 18px;width: 100%;text-align: center;color: #666;letter-spacing:1px;margin-top: 3px;margin-bottom: 32px;} .m5 .bd{width: 1200px;height: 508px;margin:0 auto;} .m5 .bd .l{width: 620px;height: 450px;position: absolute;margin-top: 30px;overflow: hidden;margin-left: 578px;} .m5 .bd .l img{transition: all .5s;width: 100%;} .m5 .bd .l:hover img{transform: scale(1.1, 1.1);} .m5 .bd .r{width: 913px;height: 508px;border:1px solid #dcdcdc;float: left;padding-top: 38px;} .m5 .bd .r .r1{padding-left:43px;width:880px;font-size: 20px;color: #333333;} .m5 .bd .r .r2{width:546px;height: 1px;background: #dcdcdc;margin-left: 43px;margin-top: 28px;} .m5 .bd .r .r3{padding-left:43px;font-size: 24px;color: #333333;font-weight: bold;margin-top: 40px;} .m5 .bd .r .r4{margin-left: 43px; background: #7d7d7d;width: 57px;height: 2px; margin-top:29px;} .m5 .bd .r .r5{margin-left: 43px;width:500px;line-height:25px; font-size: 16px;color: #666666;margin-top: 24px;} .m5 .bd .r .r6{margin-left: 43px;width:140px;height:45px;font-size: 15px;margin-top: 35px; text-align: center;line-height: 45px;background: #0068b7;transition: all .5s;} .m5 .bd .r .r6 a{color: #fff;} .m5 .bd .r .r6:hover{border-radius:25px;} .m5 .hd{width: 1200px;height: 246px;margin:0 auto;margin-top: 39px;} .m5 .hd ul li{width: 283px;border-bottom: 1px solid #e2e2e2;float: left;margin-right:16px;height: 246px;} .m5 .hd ul li:hover{border-bottom: 1px solid #ffae00;} .m5 .hd ul li:hover .l2{color: #ffae00;} .m5 .hd ul li .l1{width: 283px;height: 200px;overflow: hidden;} .m5 .hd ul li .l1 img{transition: all .5s;width: 100%;} .m5 .hd ul li .l1:hover img{transform: scale(1.1, 1.1);} .m5 .hd ul li .l2{width: 283px;height: 46px;line-height: 46px; text-align: center;font-size:17px;color: #4b4b4b;} /*.m6*/ /*news*/ /*.news{height: 580px; overflow: hidden;width: 1200px;margin:0 auto;}*/ .news .nr{width: 1200px;height: 566px;margin:0 auto;margin-top: 60px;} /*.news .more-title h3:after{ background: no-repeat center;}*/ .news .nr>div{ border: 1px solid #dedede; float: left; height: 565px;/* padding: 10px 0 0;*/ overflow: hidden;} .news .nr .left{ width: 700px; margin-right: 36px;} .news .nr .right{ width: 463px;} .news .nr .tynav{ position: relative; width: 463px; height:60px;background: #f5f5f5;border-bottom: 1px solid #dedede; margin-bottom:20px; overflow: hidden;padding-left:19px;line-height: 60px;} .news .nr .tynav li{ margin-right: 25px; float: left; cursor: default; text-align: center; width: 120px; height:59px; line-height:56px; color: #333; font-size: 20px;} .news .nr .tynav li.on,.news .nr .tynav .dxon{border-bottom: 3px solid #0068b7;} .news .nr .tynav .more{ position: absolute; right: 20px; top: 14px; text-transform: uppercase; line-height:40px; color: #666; font-size: 14px;} .news .nr .tynav .more:hover{ color: #ffae00; text-decoration: underline;} .news .nr .top>div{ display: inline-block; vertical-align: top; margin-bottom: 20px;} .news .nr .top .img{ width: 314px;overflow: hidden;} .news .nr .top .img img{ width: 100%; transition: all .8s;} .news .nr .top .img:hover img{ transform: scale(1.1);} .news .nr .top .text{ width: 320px; /*height: 205px; overflow: hidden;*/ margin-left: 25px;} /*.news .nr .top .text .t1{line-height: 18px; margin: 10px 0 20px;} .news .nr .top .text .t1 a{ color: #333; font-size: 18px; font-weight: bold;} .news .nr .top .text .t1 a:hover{ color: #ffae00;} .tttttt{width: 200px;height: 50px;line-height: 25px;font-size: 14px;color: #333;}*/ .news .nr .top .text dt a{ color: #333; font-size: 18px; /*font-weight: bold;*/} .news .nr .top .text dt{ line-height: 18px; margin: 10px 0 20px;} .news .nr .top .text dt a:hover{ color: #ffae00;} .news .nr .top .text p{ height: 100px; overflow: hidden; color: #666; font-size: 14px; line-height: 25px;} .news .nr .top .text .morea{ position: relative; display: block; margin-top: 20px; border-radius: 25px; width: 100px; height: 30px; color: #fff; font-size: 14px; line-height: 30px; text-align: center;background: #ffae00; -webkit-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1); transform: scale(1); overflow: hidden;} .news .nr .top .text .morea:hover{background: #666;} .news .nr .list dd{ width: 270px; display: inline-block; vertical-align: top; padding-bottom: 6px; margin-bottom: 10px;} .news .nr .list dd:nth-child(2n){ margin-left: 65px;} .news .nr .list dd a{ color: #666; font-size: 14px;} .news .nr .list dd a span{ color: #999; float: right;} .news .nr .list dd a:hover,.news .nr .list dd a:hover span{ color: #ffae00;} .news .nr .left .bd{ height: 515px; overflow: hidden;padding-left: 20px;} .news .nr .right .bd ul li{ color: #666; border-bottom: 1px dashed #ccc; height: 101px!important;padding-top:17px;padding-left:19px;} .news .nr .right .bd ul li:hover{background: #0068b7;} .news .nr .right .bd ul li:hover .wen a{ color: #fff;} .news .nr .right .bd ul li:hover .da a i{ color: #fff;} /*.news .nr .right .bd ul li:hover*/ .news .nr .right .bd ul li .wen a{ font-size: 16px;} /*.news .nr .right .bd ul li .wen a:hover{ color: #ffae00;}*/ .news .nr .right .bd ul li .da{ margin-top: 5px;} .news .nr .right .bd ul li .da a:hover i{ text-decoration: underline;} .news .nr .right .bd ul li .wen a:before{ content: ""; background: no-repeat; width: 34px; height: 20px; margin: 2px 20px 0 0; display: inline-block; vertical-align: top;} .news .nr .right .bd ul li .da a:before{ content: ""; background: no-repeat; width: 34px; height: 20px; margin: 2px 20px 0 0; display: inline-block; vertical-align: top;} .news .nr .right .bd ul li .da a i{ width: 360px; display: inline-block; vertical-align: top; font-size: 14px; line-height: 22px;} /*foot*/ .footbot{height: 40px;width: 100%;margin-top: 38px;} .footbot .bd{width: 1200px;height: 40px;margin:0 auto;} .footbot .bd .left{width: 1200px;height: 40px;float: left;} .footbot .bd .left .t1{width: 125px;line-height: 40px;font-size: 28px;color: #333333;float: left;letter-spacing:2px;} .footbot .bd .left .t2{width:1075px;line-height: 40px;font-size: 14px;float: left;} .footbot .bd .left .t2 ul li{float: left;height: 40px;font-size:14px;line-height: 40px;padding-left: 20px;padding-right: 20px;} .footbot .bd .left .t2 ul li a{color: #666666;} .footbot .bd .left .t2 ul li:hover a{color: #ffae00;} .foot{ margin-top: 25px; font-size: 0;} .foot .link{width: 1200px;margin:0 auto;height: 50px;margin-bottom: 16px;} .foot .link .t1{width: 130px;height: 50px;line-height: 50px;font-size: 32px;} .foot .link .list{width: 1050px;height: 50px;float: left;margin-left:130px;margin-top: -50px;} .foot .link .list ul li{float: left;margin:0px 20px;height: 50px;font-size:15px;line-height: 50px;} .foot .link .list ul li a{color: black;color: black;} .foot .link .list ul li:hover a{color: #0c3a91;} .footbg{height: 384px;background: url(/uploads/image/pimages/m8_bg.png)no-repeat center;width: 100%;} .footbg .bd{height: 106px;width: 1200px;margin:0 auto;} .footbg .bd .title{width: 150px;height: 100px;padding-top:38px;color: #ffffff;} .footbg .bd .title .t1{font-size: 14px; color: #929597; } .footbg .bd .title .t2{font-size: 19px; color: #ffffff; font-weight: bold;margin-top:14px;} .footbg .bd .title .t3{width: 8px;height: 9px;float: left;margin-left:95px;margin-top: -15px;} .footbg nav{height: 70px;width: 1031px;float: right;margin-top:-70px;margin-right:35px;} .footbg nav ul{ padding: 30px 0 22px; position: relative;height: 70px;} .footbg nav ul li{ float: left; margin-right: 55px;} .footbg nav ul li:last-child{ margin-right: 0;} .footbg nav ul li a{ font-size: 16px; color: #fff; line-height: 16px;} .footbg nav ul li a:hover{color: #ffae00;} .footbg .nr .code{width: 400px;height: 200px;margin-left: 90px;} .footbg .nr .code .c1{width: 150px;height: 200px;/*background: yellow;*/margin-left:20px;} .footbg .nr .code .c1 .t1{width: 150px;height: 150px;} .footbg .nr .code .c1 .t1 img{width: 100%} .footbg .nr .code .c1 .t2{width: 150px;height: 50px;font-size: 14px;line-height: 50px;text-align: center;color: #fff;} .footbg .nr .code .c1 span{ display: block; position: relative; width: 150px; height: 150px; overflow: hidden;background: #fff;} .footbg .nr .code .c1 span img{width: 100%;} .footbg .nr .code .c1 span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: url(/uploads/image/pimages/light.png)no-repeat center; animation: light 4s linear infinite;} .footbg .nr .code .c2{width: 150px;height: 200px;float: left;margin-left:230px;margin-top: -200px;} .footbg .nr .code .c2 .t1{width: 150px;height: 150px;} .footbg .nr .code .c2 .t1 img{width: 100%} .footbg .nr .code .c2 .t2{width: 150px;height: 50px;font-size: 14px;line-height: 50px;text-align: center;color: #fff;} .footbg .nr .code .c2 span{ display: block; position: relative; width: 150px; height: 150px; overflow: hidden;background: #fff;} .footbg .nr .code .c2 span img{width: 100%;} .footbg .nr .code .c2 span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: url(/uploads/image/pimages/light.png)no-repeat center; animation: light 4s linear infinite;} .footbg .nr{ padding-top: 41px;width: 1200px;margin:0 auto;height: 260px;} .footbg .nr>div{ display: inline-block; vertical-align: top;} .footbg .nr .left{ width: 385px;height: 200px;} .footbg .nr .left ul li{color: #a8a8a8;line-height: 32px;font-size: 16px;} .footbg .nr dl dd{ font-size: 17px; color: #a8a8a8; line-height: 30px;} .footbg .nr dl dd a{ font-size: 17px; color: #a8a8a8;} .footbg .nr .wechat .d1{width: 300px;height: 200px;} .footbg .nr .wechat .d1 .da{width: 227px;height: 200px;float: left;font-size: 15px;margin-left:15px;} .footbg .nr .wechat .d1 .da .a1{width: 110px;height: 30px;background: #ffae00; margin-left:115px;padding-top: 6px;padding-left:14px;padding-right:13px;font-size: 14px;} .footbg .nr .wechat .d1 .da .a2{width: 110px;height: 25px;margin-left:128px;margin-top: 20px;font-size: 16px;color: #cccccc;} .footbg .nr .wechat .d1 .da .a3{width: 220px;height: 40px;font-size:25px;text-align: right; /*letter-spacing:2px;*/font-weight:bold;margin-left:5px;color: #ffae00;margin-top: 10px;} .footbg .nr .wechat .d1 dd{background: no-repeat center; display: inline-block; vertical-align: top;width: 163px;height: 163px; margin-top: 10px;float: right;padding:10px;} @media only screen and (max-width: 1200px){ .foot .content .text{ padding-right: 20px;} } @media only screen and (max-width: 1200px){ .foot .bottom .fr{ padding-right: 20px;} } @keyframes move { 0%, 65%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); } 70% { -webkit-transform:rotate(15deg); transform:rotate(15deg); } 75% { -webkit-transform:rotate(-15deg); transform:rotate(-15deg); } 80% { -webkit-transform:rotate(15deg); transform:rotate(15deg); } 85% { -webkit-transform:rotate(-15deg); transform:rotate(-15deg); } 90% { -webkit-transform:rotate(15deg); transform:rotate(15deg); } 95% { -webkit-transform:rotate(-15deg); transform:rotate(-15deg); } 100% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } } @-webkit-keyframes move { 0%, 65%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); } 70% { -webkit-transform:rotate(15deg); transform:rotate(15deg); } 75% { -webkit-transform:rotate(-15deg); transform:rotate(-15deg); } 80% { -webkit-transform:rotate(15deg); transform:rotate(15deg); } 85% { -webkit-transform:rotate(-15deg); transform:rotate(-15deg); } 90% { -webkit-transform:rotate(15deg); transform:rotate(15deg); } 95% { -webkit-transform:rotate(-15deg); transform:rotate(-15deg); } 100% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } }