/*********************************************顶部*******************************************************/ .header .top{height:35px;background: #ececec;overflow: hidden;} .header .top .l{line-height: 35px;color: #4b4b4b;opacity: 0.6;} .header .top .lang{float: right;padding: 8.5px 0;font-size: 0;} .header .top .lang a{border: 1px solid #dedede;overflow: hidden;margin-left:20px ;display:inline-block;} .header .top .lang a img{display: block;height: 18px;} .header .cen{height:110px;background: #fff;padding: 30px 0 25px;width: 100%;} .header .cen .logo {font-size: 21px;line-height: 31px;color: #0c3178;overflow: hidden;display: block;float: left;width: 560px;} .header .cen .logo img{float: left;margin-right: 10px;} .header .cen .logo span{color:#ff9000;font-weight: bold;} .header .cen .phone{float: right;font-size: 20px;/*padding-top:30px;*/color: #0c3178;} .header .cen .phone span{font-weight: bold;color: #ff9000;} .header .bot{height: 45px;line-height: 45px;background: #0c3178;color: #fff;text-align:justify;} .header .bot li{display: inline-block;white-space:nowrap;font-size: 16px;} .header .cen .zbl-nav{display: none;} @media only screen and (max-width: 980px) { .header{border-bottom: 1px solid #ccc} .header .cen{height:60px;padding: 10px 0;position: relative;} .header .cen .logo {width: auto;} .header .cen .logo img{height:40px;display: block;} .header .cen .logo .z{display: none;} .header .cen .phone{display: none;} .header .bot{display: none;} .header .cen .zbl-nav{display: block;} .header .cen .zbl-nav .btn{width: 40px;height: 40px;float: right;background:url(../img/btn.png) no-repeat center;} .header .cen .zbl-nav .nav{position:fixed;top:0;width:75%;left:100%;text-align: center;z-index: 999;height: 100%;transition: 0.5s;background:#333;overflow-y:auto;opacity: 0;} .header .cen .zbl-nav .nav.cur{opacity:1;} .header .cen .zbl-nav .nav ul{position: absolute;top:50%;width: 100%;left: 0;} .header .cen .zbl-nav .nav ul li{line-height: 50px;border-bottom: 1px solid #000;} .header .cen .zbl-nav .nav ul li a{display: block;height: 100%;} .header .cen .zbl-nav .nav ul li:first-child{border-top:1px solid #000;} .header .cen .zbl-nav .off{position: fixed;background: #000;opacity: 0;width: 100%;height: 100%;top: 0;left:100%;transition:opacity 0.5s;} .header .cen .zbl-nav .off.cur{opacity: 0.5;left: 0;} } @media only screen and (max-width: 768px) { .header .top .l{display: none;} } @media only screen and (max-width: 640px) { .y-guanggao-1{display: none;} } /*********************************************标题*******************************************************/ .y-bt-1{text-align: center;line-height: 1;overflow: hidden;margin:30px auto;} .y-bt-1 .bt-1{font-size: 30px;color: #383838;font-weight: bold;margin-bottom: 5px;} .y-bt-1 .bt-2{font-family:fonttwo;color: #333;opacity: 0.5;text-transform : uppercase;} .y-bt-1 .x{width: 21px;height: 3px;background: #ff9000;margin: auto;margin-top: 26px;position: relative;} .y-bt-1 .x:before{content: "";position: absolute;left:50%;top:1px;height:1px;width:110px;margin-left: -125px;background: #ccc;} .y-bt-1 .x:after{content: "";position: absolute;right:50%;top:1px;height:1px;width:110px;margin-right: -125px;background: #ccc;} @media only screen and (max-width: 980px) { .y-bt-1 .bt-1{font-size: 24px;} .y-bt-1 .bt-2{font-size: 12px;} .y-bt-1 .x{margin-top: 16px;} } @media only screen and (max-width: 640px) { .y-bt-1 .bt-1{font-size: 20px;} .y-bt-1 .x{margin-top: 10px;} } /*********************************************标题*******************************************************/ .y-bt-2{line-height: 1;font-size: 20px;color: #426cbc;position: relative;padding-bottom:10px ;margin-bottom: 30px;} .y-bt-2:after{content:"";position: absolute;bottom:0;left: 0;width: 96px;height: 2px;background: #426cbc;} .y-bt-3{font-size: 24px;color: #383838;font-weight: bold;margin: 30px 0;} @media only screen and (max-width: 980px) { .y-bt-3{font-size:18px;margin: 15px 0;} } .y-bt-4{font-size: 24px;color: #426cbc;border-bottom: 1px solid #999;} .y-bt-4 span{display:inline-block;border-bottom:2px solid #426cbc;margin:0 25px;margin-bottom: -1px;} @media only screen and (max-width: 980px) { .y-bt-4{font-size: 18px} } @media only screen and (max-width:640px) { .y-bt-4 span{margin: 0 10px;} } .y-nav-1{width: 100%;overflow: hidden;} .y-nav-1 li{width:50%;float: left;} .y-nav-1 li .li-box{text-align: center;border: 1px solid #3268d1;line-height: 45px;color: #fff;height: 45px;overflow: hidden;font-size: 18px;border-left:0;border-top:0;width: 50%;float: left;} .y-nav-1 li .li-box a{display: block;height: 100%;color: #333;} .y-nav-1 li .li-box.cur{background: #3268d1;} .y-nav-1 li .li-box:hover a{background: #3268d1;color: #fff;} .y-nav-1 li .li-box.cur a{background: #3268d1;color: #fff;} @media only screen and (max-width: 980px) { .y-nav-1 li .li-box{height: 40px;line-height: 40px;font-size: 16px;} } @media only screen and (min-width: 641px) { .y-nav-1 li:nth-child(2n-1) .li-box:nth-child(1){border-left: 1px solid #3268d1;} .y-nav-1 li:nth-child(1) .li-box{border-top: 1px solid #3268d1;} .y-nav-1 li:nth-child(2) .li-box{border-top: 1px solid #3268d1;} } @media only screen and (max-width: 640px) { .y-nav-1 li{width:100%;} .y-nav-1 li .li-box:nth-child(1){border-left: 1px solid #3268d1;} .y-nav-1 li:nth-child(1) .li-box{border-top: 1px solid #3268d1;} } /*********************************************标题*******************************************************/ .y-box-1{font-family:"微软雅黑";background: #f0f6ff;color: #717171;overflow: hidden;height:45px;} .y-box-1 .box{padding-right:260px;position: relative;line-height: 45px;} .y-box-1 .box .nav a{margin-right: 30px;line-height: 45px;display: inline-block;} .y-box-1 .box .nav span{color: #0c3178;} .y-box-1 .box .bread{line-height: 45px;} .y-box-1 .box .bread a{margin:0 5px;display: inline-block;} .y-box-1 .box .bread span{color: #0c3178;} .y-box-1 .box .bread a:nth-child(2){margin-left: 0;} .y-box-1 .box form{width: 255px;height: 35px;background: #fff;position: absolute;right: 0;top:5px;} .y-box-1 .box form input[type="text"]{width:175px;height:100%;float: left;border: 1px solid #dbe4f1;border-right:0 ;padding:0 10px;} .y-box-1 .box form input[type="submit"]{width:80px;height: 100%;background: #426cbc;} @media only screen and (min-width: 981px) { .y-box-1 .box .bread a:hover{color:#FF9000;} } @media only screen and (max-width: 980px) { .y-box-1{height: auto;} .y-box-1 .box{padding-right: 0;} .y-box-1 .box .nav{display: none;} .y-box-1 .box form{display: none;} .y-box-1 .box .bread{line-height: 25px;padding: 10px 0;} } .y-box-2 .nav-box{margin-bottom: 50px;width: 100%;} .y-box-2 .nav-box .li-box{display: block;float:left;width: 33.33%;height:54px;line-height: 54px;border:1px #d3e2fe solid;text-align: center;font-size: 24px;color: #426cbc;border-left:0 ;position: relative;} .y-box-2 .nav-box .li-box a{display: block;height:100% ;} .y-box-2 .nav-box .li-box:first-child{border-left:1px solid #d3e2fe ;} .y-box-2 .nav-box .li-box.cur{background: #426cbc;color: #fff;} .y-box-2 .nav-box .li-box.cur:after{content: "";position: absolute;bottom:-10px;left: 50%;margin-left: -7px;width: 0;height: 0;border-left:7px solid transparent;border-right:7px solid transparent;border-top: 10px solid #426cbc;} .y-box-2 .b-box .box{overflow: hidden;color: #13429a;background: #f0f6ff;padding: 25px;} .y-box-2 .b-box .box .t{text-indent:2em;line-height: 25px;height: 125px;overflow: hidden;} .y-box-2 .b-box .box .more{color: #13429a;} .y-box-2 .b-box .box .more:hover{text-decoration: underline;} @media only screen and (max-width: 980px) { .y-box-2 .nav-box{margin-bottom: 30px;} .y-box-2 .nav-box .li-box{height: 45px;line-height: 45px;font-size: 20px;} .y-box-2 .b-box .imgbox{display: none;} } @media only screen and (max-width: 768px) { .y-box-2 .nav-box .li-box{font-size: 18px;} } @media only screen and (max-width: 640px) { .y-box-2 .nav-box{margin-bottom: 15px;} .y-box-2 .nav-box .li-box{height: 40px;line-height: 40px;font-size: 16px;} .y-box-2 .b-box .box{padding: 10px;} } .y-box-3 .b-box .s-box ul{width: 100%;overflow: hidden;} .y-box-3 .b-box .s-box ul li{position: relative;padding-top:40%;background: #fff;float: left;width: 50%;} .y-box-3 .b-box .s-box ul li .img{background:no-repeat center;background-size:contain;width: 100%;height: 100%;} .y-box-3 .b-box .s-box ul li .txt{text-align: center;line-height: 40px;overflow: hidden;height: 40px;color: #444;} .y-box-3 .b-box .s-box ul li a{display: block;position: absolute;padding:5% 10% 40px;} .y-box-3 .b-box .s-box ul li:nth-child(1){border-right:1px solid #c1d1f1;} .y-box-3 .b-box .s-box ul li:nth-child(1) a{height: 100%;width: 100%;top: 0;left: 0;} .y-box-3 .more{color: #6d9fff;text-align: center;margin: 30px 0;font-size: 18px;} @media only screen and (min-width: 1024px) { .y-box-3 .b-box .s-box ul li:nth-child(2) a{width:50%;height: 50%;} .y-box-3 .b-box .s-box ul li:nth-child(2) a:nth-child(1){top: 0;left:0;border-right:1px solid #c1d1f1;border-bottom:1px solid #c1d1f1 } .y-box-3 .b-box .s-box ul li:nth-child(2) a:nth-child(2){top: 0;right:0;border-bottom:1px solid #c1d1f1} .y-box-3 .b-box .s-box ul li:nth-child(2) a:nth-child(3){bottom: 0;left:0;border-right:1px solid #c1d1f1;} .y-box-3 .b-box .s-box ul li:nth-child(2) a:nth-child(4){bottom: 0;right:0;} } @media only screen and (max-width: 1024px) { .y-box-3 .b-box .s-box ul li{border-right:1px solid #c1d1f1;border-bottom:1px solid #c1d1f1;} .y-box-3 .b-box .s-box ul li a{height: 100%;width: 100%;top: 0;left: 0;} } .y-box-4{} .y-box-4 ul{margin: -10px 0;text-align: center;} .y-box-4 li{margin:10px;position: relative;padding-top:19%;} .y-box-4 li img{display: block;width: 100%;height:100% !important;position: absolute;top: 0;left: 0;z-index: 1;} .y-box-4 li a{display: block;width: 100%;height: 100%;background:rgba(0,0,0,0.4);position: absolute;top: 0;left:0;z-index: 2;pointer-events:none;} .y-box-4 li a .txt{position: absolute;top:50%;left: 0;text-align: center;width: 100%;font-size: 18px;color: #fff;padding-bottom:10px;line-height:30px;transition: 0.5s;} .y-box-4 li a .txt:after{content: "";position: absolute;bottom:0;left: 50%;width:37px;margin-left: -18.5px;height:2px;background:#fff;} @media only screen and (min-width: 981px) { .y-box-4 li a:hover .txt{margin-top: -20px;} } @media only screen and (max-width: 980px) { .y-box-4 li a .txt{font-size: 16px;padding-bottom: 5px;} } @media only screen and (max-width: 740px) { .y-box-4 li{padding-top: 30%;} } @media only screen and (max-width: 640px) { .y-box-4 ul{margin: -5px 0;} .y-box-4 li{margin: 5px;} } @media only screen and (max-width: 420px) { .y-box-4 li{padding-top: 46%;} .y-box-4 li a .txt{font-size: 14px;padding-bottom: 0;} } .y-box-5{} .y-box-5 ul{margin:-22px 0 ;} .y-box-5 li{padding: 22px 0;border-bottom: 1px solid #dedede;} .y-box-5 li:last-child{border-bottom: 0;} .y-box-5 li .li-box{display: block;height: 100%;width: 100%;position: relative;} .y-box-5 li .li-box .img-box{position: absolute;top: 0;width: 50%;height: 100%;background: no-repeat center;background-size:cover;} .y-box-5 li .li-box .txt-box{padding:65px 65px 40px;overflow:hidden;background:no-repeat 36px 46px;} .y-box-5 li .li-box .txt-box .bt{font-size: 22px;font-weight: bold;color:#474747;} .y-box-5 li .li-box .txt-box .t{color: #838383;} .y-box-5 li .li-box .txt-box .imgs img{display: block;width: 46%;float: left;border: 2px solid #fff;box-shadow:6px 6px 6px #999 ;} .y-box-5 li .li-box .txt-box .imgs img:nth-child(1){margin:6% 4% 10px 0} .y-box-5 li .li-box .txt-box .imgs img:nth-child(2){margin:6% 0 10px 4%} .y-box-5 li:nth-child(1) .li-box .txt-box{background-image: url(../img/sz-1-1.png);} .y-box-5 li:nth-child(2) .li-box .txt-box{background-image: url(../img/sz-1-2.png);} .y-box-5 li:nth-child(3) .li-box .txt-box{background-image: url(../img/sz-1-3.png);} .y-box-5 li:nth-child(4) .li-box .txt-box{background-image: url(../img/sz-1-4.png);} .y-box-5 li:nth-child(5) .li-box .txt-box{background-image: url(../img/sz-1-5.png);} .y-box-5 li:nth-child(6) .li-box .txt-box{background-image: url(../img/sz-1-6.png);} .y-box-5 li:nth-child(7) .li-box .txt-box{background-image: url(../img/sz-1-7.png);} @media only screen and (min-width:1111px) { .y-box-5 li:nth-child(2n-1) .li-box{padding-left: 50%;} .y-box-5 li:nth-child(2n) .li-box{padding-right: 50%;} .y-box-5 li:nth-child(2n-1) .li-box .img-box{left: 0;} .y-box-5 li:nth-child(2n) .li-box .img-box{right: 0;} .y-box-5 li .li-box .txt-box .bt{white-space:nowrap;} } @media only screen and (max-width:1110px) { .y-box-5 li .li-box .img-box{display: none;} .y-box-5 li .li-box .txt-box{padding: 20px 30px 0px;} .y-box-5 li .li-box .txt-box .imgs{max-width: 500px;} .y-box-5 li .li-box .txt-box{background:no-repeat 0px 0px;} } @media only screen and (max-width:980px) { .y-box-5 li .li-box .txt-box{background-size:34px ;} .y-box-5 li .li-box .txt-box .bt{font-size: 18px;margin-bottom: 10px;} } @media only screen and (max-width:640px) { .y-box-5 li .li-box .txt-box{background-size:26px;padding: 10px 20px 0;} .y-box-5 li .li-box .txt-box .bt{font-size: 16px;margin-bottom: 5px;} } .y-box-6{margin-bottom: 30px;} .y-box-6 ul{margin: -15px;} .y-box-6 li{margin: 15px;background: #254394;} .y-box-6 li .img-box{background:no-repeat center;background-size: cover;padding-top:60%;} .y-box-6 li .txt{color:#fff;padding:40px 15%;position: relative;} .y-box-6 li .txt:after{content:" ";position: absolute;left:50%;width: 65px;height: 65px;top:0;margin-top: -32.5px;margin-left: -32.5px;background:no-repeat center;background-size: contain;} .y-box-6 li .txt .bt{font-size: 20px;font-weight: bold;height: 30px;line-height: 30px;overflow: hidden;text-align: center;margin-bottom:12px;} .y-box-6 li .txt .t{opacity: 0.7;line-height: 22px;height: 88px;overflow: hidden;} .y-box-6 li:nth-child(1) .txt:after{background-image: url(../img/sz-2-1.png);} .y-box-6 li:nth-child(2) .txt:after{background-image: url(../img/sz-2-2.png);} .y-box-6 li:nth-child(3) .txt:after{background-image: url(../img/sz-2-3.png);} @media only screen and (max-width:980px) { .y-box-6 ul{margin: -10px;} .y-box-6 li{margin: 10px;} .y-box-6 li .txt{padding:30px 10% 20px;} .y-box-6 li .txt:after{width: 50px;height: 50px;margin-top: -25px;margin-left: -25px;} .y-box-6 li .txt .bt{font-size: 18px;margin-bottom: 6px;} } @media only screen and (max-width:640px) { .y-box-6 li .txt{padding:30px 10% 20px;} .y-box-6 li .txt:after{width: 50px;height: 50px;margin-top: -25px;margin-left: -25px;} .y-box-6 li .txt .bt{font-size: 18px;margin-bottom: 6px;} } .y-box-7{font-size: 12px;text-align: center;} .y-box-7 .lunbo{padding: 0 75px;position: relative;}.y-box-7 .jt-l{padding-bottom:40px;position:absolute;left: 0;top: 0;width:50px;height: 100%;} .y-box-7 .jt-l .left{border:1px solid #dadada ;height:100%;background: url(../img/jt-left.jpg) no-repeat center;background-size: cover;} .y-box-7 .jt-r{padding-bottom:40px;position:absolute;right:0;top:0;width:50px;height: 100%;} .y-box-7 .jt-r .right{border:1px solid #dadada ;height:100%;background: url(../img/jt-right.jpg) no-repeat center;background-size:cover;} .y-box-7 .slick-slide{margin:0 7.5px;} .y-box-7 .img-box{border: 1px solid #dadada;} .y-box-7 .txt-box{line-height:40px;} @media only screen and (max-width:640px) { .y-box-7 .lunbo{padding: 0 50px;} .y-box-7 .jt-l{width: 40px;} .y-box-7 .jt-r{width: 40px;} } .y-box-8{overflow: hidden;} .y-box-8 .leftbox{width: 50.5%;float: left;} .y-box-8 .leftbox .img{height:270px;background: url(../image/new-1.jpg) no-repeat center;background-size: cover;} .y-box-8 .leftbox .txt-box{padding: 18px;} .y-box-8 .leftbox .bt{color: #0a0a0a;font-size: 16px;margin-bottom: 10px;line-height: 18px;} .y-box-8 .leftbox .bt .r{opacity: 0.5;color: #434343;font-size: 12px;} .y-box-8 .leftbox .t{font-size: 12px;color: #a3a3a3;} .y-box-8 .rightbox{width: 47%;float: right;} .y-box-8 .rightbox .nav-box{margin-bottom: 5px;} .y-box-8 .rightbox .nav-box li{border:1px solid #e5e5e5;text-align: center;line-height: 30px;height: 30px;border-left:0 ;border-bottom: 1px solid #cccccc;color: #434343;} .y-box-8 .rightbox .nav-box li:first-child{border-left:1px solid #e5e5e5;} .y-box-8 .rightbox .nav-box li.cur{border: 1px solid #ccc;border-bottom: 0;border-top:2px solid #1387e9 ;} .y-box-8 .rightbox .b-box li{padding: 10px 0;overflow: hidden;} .y-box-8 .rightbox .b-box .img{height:95px;background:no-repeat center;background-size: cover;width:27%;float: left;margin-right: 10px;} .y-box-8 .rightbox .b-box .txt{color: #000;} .y-box-8 .rightbox .b-box .txt .bt{margin: 5px 0;} .y-box-8 .rightbox .b-box .txt .t{font-size: 12px;opacity: 0.5;} .y-box-8 .rightbox .b-box .txt .r{font-size: 12px;opacity: 0.5;} .y-box-8 .more{width: 100%;overflow: hidden;margin: 40px 0;} .y-box-8 .more a{display: block;width: 110px;height:32px;line-height: 32px;border: 1px solid #000;color: #000;opacity: 0.5;margin: auto;text-align: center;} @media only screen and (min-width:981px) { .y-box-8 a:hover .bt{color:#ff9000;} } @media only screen and (max-width:980px) { .y-box-8 .leftbox{display: none;} .y-box-8 .rightbox{width: 100%;} .y-box-8 .rightbox .b-box .img{max-width: 200px;width:40%;height:160px;} .y-box-8 .rightbox .b-box .txt .t{line-height: 20px;height: 100px;overflow: hidden;} } @media only screen and (max-width:640px) { .y-box-8 .rightbox .b-box .img{width:40%;height:100px;} .y-box-8 .rightbox .b-box .txt .t{height:40px;overflow: hidden;margin-bottom: 10px;} .y-box-8 .more{margin: 20px 0;} } .y-box-9{padding-bottom: 50px;overflow: hidden;} .y-box-9 .boxs{background: #fff;overflow: hidden;} .y-box-9 .boxs .top{overflow: hidden;} .y-box-9 .boxs .top video{background: #000;height: 341px;float: left;width: 50.5%;display:block;} .y-box-9 .boxs .top .txt{width: 49%;float: right;padding:30px;} .y-box-9 .boxs .top .txt .bt{color: #111010;font-size: 16px;margin-bottom: 5px;} .y-box-9 .boxs .top .txt .t{border-bottom: 1px solid #e3e3e3;color: #6d6d6d;padding-bottom:10px;} .y-box-9 .boxs .top .txt .t a{color: #FF9000;display: inline-block;} .y-box-9 .boxs .top ul li{margin: 15px;text-align: center;} .y-box-9 .boxs .top ul li img{max-width: 100px;margin: auto;} .y-box-9 .boxs .bottom{overflow: hidden;} .y-box-9 .boxs .bottom .nav-box{text-align: center;margin: 30px 0;} .y-box-9 .boxs .bottom .nav-box .li-box{display: inline-block;background: #0043a3;color: #fff;padding: 5px 15px;transform: skew(-20deg);margin: 0 2px;} .y-box-9 .boxs .bottom .nav-box .li-box span{transform: skew(20deg);display: block;} .y-box-9 .boxs .bottom .nav-box .li-box.cur{background: #FF9000;} .y-box-9 .boxs .bottom .b-box{padding: 0 20px;} .y-box-9 .boxs .bottom .b-box ul{margin:20px 0;} .y-box-9 .boxs .bottom .b-box li{margin:10px;} .y-box-9 .boxs .bottom .b-box li .img{margin-bottom: 5px;background:no-repeat center;background-size: cover;padding-top:60%;} .y-box-9 .boxs .bottom .b-box li .txt{text-align: center;} @media only screen and (max-width:980px) { .y-box-9 .boxs .top video{width: 100%;} .y-box-9 .boxs .top .txt{width: 100%;padding: 20px 20px 0;} .y-box-9 .boxs .bottom .nav-box{margin: 10px 0;} .y-box-9 .boxs .bottom .b-box{padding: 0 10px;} .y-box-9 .boxs .bottom .b-box ul{margin:5px 0 10px;} .y-box-9 .boxs .bottom .b-box li{margin:5px;} } @media only screen and (max-width:640px) { .y-box-9{padding-bottom: 20px;} } .y-box-10{margin-top: 50px;} .y-box-10 ul{margin: -10px;} .y-box-10 li{border: 1px solid #666;margin: 10px;} .y-box-10 li .img{padding-top: 70%;background: no-repeat center;background-size: 90%;} .y-box-10 li .txt{text-align: center;margin-bottom: 10px;} .y-box-10 li:hover{border: 1px solid #426CBC;} .y-box-10 li:hover .txt{color: #426cbc;} @media only screen and (max-width:768px) { .y-box-10{margin-top: 20px;} } .y-box-11{overflow: hidden;} .y-box-11 .img{background: no-repeat center;background-size:90%;padding-top:36%;border: 1px solid #666;width: 48%;float: left;position: relative;} .y-box-11 .img .bt{font-size: 18px;color: #444444;opacity: 0.8;text-align: center;position: absolute;bottom:10px;width: 100%;} .y-box-11 .txt{width: 48%;float: right;} .y-box-11 .txt .bt{font-size: 24px;color: #444444;margin-top:30px;} .y-box-11 .txt .boxs .box{border-bottom:1px dashed #959595;padding-top:10px;line-height: 40px;overflow: hidden;} .y-box-11 .txt .boxs .box .xbt{width: 40%;padding:0 5px;float: left;} .y-box-11 .txt .boxs .box .t{width: 60%;padding:0 5px;float: left;} .y-box-11 .txt .phone{font-size:18px;color:#444444;margin-top:40px;background: url(../img/dh.png) no-repeat right;display: inline-block;padding-right: 250px;} @media only screen and (max-width:1110px) { .y-box-11 .txt .bt{margin-top: 10px;} .y-box-11 .txt .boxs .box{padding-top: 5px;} .y-box-11 .txt .boxs .box .xbt{width: 20%;} .y-box-11 .txt .boxs .box .t{width: 80%;} } @media only screen and (max-width:980px) { .y-box-11 .img .bt{font-size: 16px;} .y-box-11 .txt .boxs .box{padding-top: 0;} .y-box-11 .txt .phone{font-size: 16px;background-size:auto 20px;padding-right:200px;margin-top: 20px;} } @media only screen and (max-width:800px) { .y-box-11 .img{width: 100%;padding-top:70%;margin-bottom:10px;} .y-box-11 .txt{width: 100%;} .y-box-11 .txt .bt{font-size: 20px;} .y-box-11 .txt .boxs .box{line-height:25px;padding: 10px 0;} .y-box-11 .txt .boxs .box .xbt{width: 25%;} .y-box-11 .txt .boxs .box .t{width: 75%;} } .y-box-12{overflow: hidden;} .y-box-12 .nav-box{background: url(../img/proshow-nav-bj.jpg) no-repeat center;background-size: cover;margin: 80px 0 60px;padding: 60px 0 10px;} .y-box-12 .nav-box ul{margin: -7px 0;text-align: center;} .y-box-12 .nav-box ul li{height: 70px;line-height: 70px;background: #fff;margin:7px;font-size: 18px;color: #444;text-align: center;position: relative;top: 0px;transition: 0.3s !important;} .y-box-12 .nav-box ul li.cur{background: #ff9000;color: #fff;top: -10px;} .y-box-12 .b-box .s-box{margin-bottom: 50px;overflow:hidden;padding-left:25%} .y-box-12 .b-box .s-box:last-child{margin-bottom: 0;} .y-box-12 .b-box .s-box .t{color: #666;} .y-box-12 .b-box .s-box:nth-child(1) ul{margin: 10px 0 -5px;} .y-box-12 .b-box .s-box:nth-child(1) ul li{margin: 5px;} .y-box-12 .b-box .s-box:nth-child(3) .y-box-4{margin-top:30px;} .y-box-12 .b-box .s-box:nth-child(4) .box{text-align: center;width:50%;margin:auto} .y-box-12 .b-box .s-box:nth-child(4) .video-box{border: 1px solid rgba(0,0,0,0.4); display: inline-block; padding: 20px; padding-top: 20px; width: 100%; position: relative; padding-top: 70%;} .y-box-12 .b-box .s-box:nth-child(4) .video-box iframe{display: block; width: 100%; position: absolute; top: 0; left: 0px; height: 100%;} @media only screen and (max-width:1024px) { .y-box-12 .b-box .s-box{padding-left:0} } @media only screen and (max-width:980px) { .y-box-12 .nav-box{margin:40px 0 30px;padding: 30px 0 5px;} .y-box-12 .nav-box ul li{height: 40px;line-height: 40px;font-size: 16px;} } @media only screen and (max-width:640px) { .y-box-12 .nav-box{margin:20px 0;padding: 20px 0;} .y-box-12 .nav-box ul li.cur{top:0px;} .y-box-12 .b-box .s-box:nth-child(4) .video-box{padding: 10px;} } .y-box-13 li{position: relative;overflow: hidden;} .y-box-13 li a{display: block;height: 100%;} .y-box-13 li a:after{content: "";position: absolute;top: 0;width: 100%;height: 100%;z-index: 2;} .y-box-13 li a .img{background:no-repeat center;background-size: cover;width: 100%;padding-top:40%;z-index: 1;} .y-box-13 li a .txt{position: absolute;top: 50%;color: #fff;width: 100%;text-align: center;font-size:22px;line-height: 30px;padding-bottom: 20px;margin-top: -25px;z-index: 3;} .y-box-13 li a .txt:after{content: "";position: absolute;bottom:0;width:180px;left:50%;height: 1px;background: #ececec;margin-left: -90px;} .y-box-13 li:nth-child(1) a:after{background:#45809f;opacity: 0.52;} .y-box-13 li:nth-child(2) a:after{background:#d15d00;opacity: 1;width: 50%;right: 0;} .y-box-13 li:nth-child(3) a:after{background:#ff9000;opacity: 1;width: 50%;left: 0;} .y-box-13 li:nth-child(4) a:after{background:#426cbc;opacity: 0.61;} .y-box-13 li:nth-child(2) a .img{width: 50%;float: left;} .y-box-13 li:nth-child(3) a .img{width: 50%;float:right;} .y-box-13 li:nth-child(2) a .txt{width: 50%;right: 0;} .y-box-13 li:nth-child(3) a .txt{width: 50%;left: 0;} @media only screen and (max-width:980px) { .y-box-13 li a .txt{font-size: 18px;padding-bottom: 10px;margin-top:-20px;} .y-box-13 li a .txt:after{width: 120px;margin-left: -60px;} } .y-box-14{overflow: hidden;} .y-box-14 li{overflow: hidden;height:190px} .y-box-14 li a{border-bottom: 1px solid #999;display: block;height: 100%;padding: 20px 0;font-size: 0;overflow: hidden;vertical-align:middle;transition: 0.3s} .y-box-14 li:first-child a{padding-top: 0;} .y-box-14 li .img{float: left;background:no-repeat center;background-size: cover;width:220px;height: 150px;} .y-box-14 li .time{float: left;margin:0 8%;color: #666;line-height: 1;padding: 50px 0;transition: 0.3s} .y-box-14 li .time .t-1{font-size: 30px;margin-bottom: 8px;} .y-box-14 li .time .t-2{font-size: 12px;} .y-box-14 li .txt{color: #999;height: 150px;vertical-align: middle;display:table-cell;transition: 0.3s;} .y-box-14 li .txt .bt{font-size: 30px;margin-bottom: 20px;line-height: 1.5;max-height:90px;overflow: hidden;} .y-box-14 li .txt .t{font-size:18px;overflow: hidden;height: 20px;line-height: 20px;} @media only screen and (min-width:981px) { .y-box-14 li a:hover{padding-left:30px;border-bottom: 1px solid #426cbc;} .y-box-14 li a:hover .time{color: #426cbc;} .y-box-14 li a:hover .txt{color: #426cbc;} } @media only screen and (max-width:980px) { .y-box-14 li .time .t-1{font-size: 24px;} .y-box-14 li .txt .bt{font-size: 24px;line-height: 1.5;margin-bottom: 10px;max-height:72px;} .y-box-14 li .txt .t{font-size:16px;line-height: 1.5;} } @media only screen and (max-width:640px) { .y-box-14 li{height: 130px;} .y-box-14 li a{padding: 15px 0;} .y-box-14 li .img{width: 160px;height: 100px;} .y-box-14 li .time{padding: 30px 0;margin: 0 6%;} .y-box-14 li .time .t-1{font-size: 18px;margin-bottom: 10px;} .y-box-14 li .txt{height: 100px;} .y-box-14 li .txt .bt{font-size: 18px;max-height:54px;} .y-box-14 li .txt .t{font-size:14px;} } @media only screen and (max-width:480px) { .y-box-14 li{height:auto;} .y-box-14 li .img{width: 100%;height:0;padding-top: 60%;} .y-box-14 li .txt .bt{font-size: 16px;max-height:48px;} } .y-box-15{background: #f1f1f1;padding: 30px 10%;} .y-box-15 li a{display: block;line-height: 35px;color: #666;border-bottom: 1px rgba(0,0,0,0.23) dashed;overflow: hidden;} .y-box-16{} .y-box-16 .bt{color: #383838;font-size: 30px;font-weight: bold;text-align: center;margin-top: 30px;} .y-box-16 .time{text-align: center;color: #999;margin-bottom: 40px;margin-top: 5px;} .y-box-16 .show{color: #666;padding-bottom: 40px;border-bottom: 1px dashed #898989;line-height:2;} .y-box-16 .box{color: #333;font-size: 12px;margin: 5px 0 20px 0;line-height: 25px;} .y-box-16 .box span{display: inline-block;margin-right:60px;} .y-box-16 .y-fy>div{margin: 10px 0;color: #333;font-size: 12px;} @media only screen and (max-width:980px) { .y-box-16 .bt{font-size: 24px;} } @media only screen and (max-width:640px) { .y-box-16 .bt{font-size:18px;margin-top: 20px;} .y-box-16 .time{margin-bottom: 20px;} .y-box-16 .show{padding-bottom: 20px;} .y-box-16 .box{margin: 20px 0;} .y-box-16 .y-fy>div{margin: 5px 0;} } .y-box-17 {width: 100%;overflow: hidden;text-align: center;} .y-box-17 .t{padding-top: 20px;overflow: hidden;}.y-box-17 .more{color: #FF9000;overflow: hidden;display:inline-block;margin-top: 20px;} @media only screen and (max-width:640px) { .y-box-17 .t{padding:0;}} .y-box-18 ul{margin:-12px 0;} .y-box-18 li{margin:12px;} .y-box-18 li .img-box{position: relative;} .y-box-18 li .img-box:after{content: "";position: absolute;bottom: 0;right: 0;width: 121px;height: 81px;background: url(../img/jia.png) no-repeat center;background-size: contain;} @media only screen and (max-width:980px) { .y-box-18 li .img-box:after{width: 60px;height: 40px;} } @media only screen and (max-width:640px) { .y-box-18 ul{margin: -5px 0;} .y-box-18 li{margin: 5px;} } @media only screen and (max-width:480px) { .y-box-18 ul{margin: 0;} .y-box-18 li{width: 100% !important;margin: 0 !important;} } .y-box-19{padding-bottom: 120px;text-align: center;color: #fff;background: url(../img/about-4.jpg) no-repeat center;background-size: cover;overflow: hidden;margin-top: 30px;} .y-box-19 .y-bt-3{color: #fff;margin:70px 0;} .y-box-19 li{position: relative;} .y-box-19 li a{display: inline-block;} .y-box-19 li:after{content:"" ;position:absolute;right:-3px;top: 8px;font-size: 20px;width:6px;height:6px;border-radius: 50%;background: #fff;} .y-box-19 li:last-child:after{display: none;} .y-box-19 .time{font-size: 20px;font-weight: bold;letter-spacing: 3px;margin-bottom: 20px;line-height: 1;} .y-box-19 .bt{font-size: 16px;line-height: 1;} @media only screen and (max-width:980px) { .y-box-19{padding-bottom: 50px;} .y-box-19 .y-bt-3{margin: 40px 0;} } @media only screen and (max-width:780px) { .y-box-19{padding:10px 20px 30px;margin-top: 20px;} .y-box-19 .y-bt-3{margin: 20px 0;} .y-box-19 ul{margin: -10px 0;} .y-box-19 li{margin:10px;padding: 20px;border: 1px solid #ccc;} .y-box-19 li:after{display: none;} } .y-box-20{overflow: hidden;} .y-box-20 li{float: left;} .y-box-20 li .img{background:#000 no-repeat center;background-size: cover;position: relative;} .y-box-20 li .img img{display: block;width: 100% !important;height: 100% !important;position: absolute;top: 0;left: 0;} .y-box-20 li:nth-child(1){width: 30%;} .y-box-20 li:nth-child(2){width: 39%;margin:0 0.5%;} .y-box-20 li:nth-child(3){width: 30%;} .y-box-20 li:nth-child(1) .img{padding-top: 50%;width: 100%;margin-bottom:2%;} .y-box-20 li:nth-child(1) .img:nth-child(2){margin-bottom: 0;} .y-box-20 li:nth-child(2) .img{padding-top: 78.5%;width: 100%;} .y-box-20 li:nth-child(3) .img{padding-top: 50%;width: 100%;margin-bottom:2%;} .y-box-20 li:nth-child(3) .img:nth-child(2){margin-bottom: 0;} .y-box-21{overflow: hidden;} .y-box-21 li{background:#000 no-repeat center;background-size: cover;float: left;position: relative;} .y-box-21 li img{display: block;width: 100% !important;height: 100% !important;position: absolute;left: 0;top: 0;} .y-box-21 li:nth-child(1){padding-top: 30%;width: 34.5%;margin-right:0.5%;} .y-box-21 li:nth-child(2){padding-top: 30%;width: 65%;} .y-box-21 li:nth-child(3){padding-top: 30%;width: 65%;margin-top: 0.5%;} .y-box-21 li:nth-child(4){padding-top: 30%;width: 34.5%;margin-left: 0.5%;margin-top: 0.5%;} .y-box-22{} .y-box-22 .img{background: url(../image/about2-1.jpg) no-repeat center;background-size: cover;width: 100%;height: 200px;} .y-box-22 ul{position: relative;padding-top:110px;margin-top: -50px;margin-bottom:60px;} .y-box-22 ul li{width: 100%;min-height: 75px;position: relative;z-index: 2;} .y-box-22 ul li span{font-size: 16px;color: #FF9000;} @media only screen and (max-width: 1110px) { .y-box-22 .img{height:0;padding-top: 18%;} } @media only screen and (min-width: 641px) { .y-box-22 ul:after{content: "";position: absolute;top: 0;left: 50%;width:0;border-right:1px dashed #ccc ;height: 100%;} .y-box-22 ul li:nth-child(2n-1){padding-right:52%;text-align: right;} .y-box-22 ul li:nth-child(2n){padding-left: 52%;text-align:left;} .y-box-22 ul .q{position: absolute;top: 0;left: 50%;margin-left: -12px;margin-top: -12px;width:24px;height: 24px;border-radius:50%;border:1px solid #FF9000;z-index: 3;} .y-box-22 ul .q:after{content: "";position: absolute;width: 14px;height: 14px;margin: 4px;top: 0;left: 0;background: #FF9000;border-radius: 50%;} .y-box-22 ul li:after{content: "";position: absolute;left: 50%;top:9px;width:8px;height:8px;margin-left: -4px;border-radius:50%;background: #ff9000;} } @media only screen and (max-width: 640px) { .y-box-22 ul{padding-top: 0;margin-top:0 ;margin-bottom:30px;} .y-box-22 ul li{min-height: auto;margin-top: 20px;} .y-box-22 ul li:first-child{margin-top: 0;} .y-box-22 .img{display: none;} } .y-box-23{overflow: hidden;} .y-box-23 li{overflow: hidden;float: left;} .y-box-23 li a{display: block;height: 100%;overflow: hidden;position: relative;} .y-box-23 li a:after{content: "";position: absolute;top: 0;width: 100%;height: 100%;z-index: 2;} .y-box-23 li a .img{background:no-repeat center;background-size: cover;width: 100%;padding-top:50%;position: relative;z-index: 1;} .y-box-23 li a .txt{position: absolute;top:0;width: 100%;z-index: 3;height: 100%;} .y-box-23 li a .txt .box{padding:0 12%;position: absolute;top: 50%;margin-top: -72px;width: 100%;} .y-box-23 li a .txt .bt{font-size: 30px;color: #333;line-height: 40px;height: 40px;overflow: hidden;margin-bottom: 10px;} .y-box-23 li a .txt .t{font-size: 12px;color: #666;line-height: 20px;height: 40px;overflow: hidden;margin-bottom: 25px;} .y-box-23 li a .more{width: 30px;height: 30px;background: url(../img/jt-more.png) no-repeat center;border:1px solid #ccc;} .y-box-23 li:nth-child(4){padding-top:1%;padding-left:1%;} .y-box-23 li:nth-child(1) a:after{background:#00a0ea;opacity: 1;width: 50%;left: 0;} .y-box-23 li:nth-child(2) a:after{background:#ffffff;opacity: 1;width: 50%;left: 0;} .y-box-23 li:nth-child(3) a:after{background:#e8e8e8;opacity: 1;width: 50%;right:0;} .y-box-23 li:nth-child(4) a:after{opacity: 1;width:100%;right: 0;} .y-box-23 li:nth-child(1) a .img{width: 50%;float:right;} .y-box-23 li:nth-child(1) a .img:after{content: "";width: 0;height: 0;border-top: 17px solid transparent;border-left: 17px solid #00a0ea;border-bottom: 17px solid transparent;position: absolute;left: 0;top: 50%;margin-top:-17px} .y-box-23 li:nth-child(2) a .img{width: 50%;float:right;} .y-box-23 li:nth-child(2) a .img:after{content: "";width: 0;height: 0;border-top: 17px solid transparent;border-left: 17px solid #fff;border-bottom: 17px solid transparent;position: absolute;left: 0;top: 50%;margin-top:-17px} .y-box-23 li:nth-child(3) a .img{width: 50%;float:left;} .y-box-23 li:nth-child(4) a .img{width:100%;float:left;padding-top: 49%;} .y-box-23 li:nth-child(1) a .txt{width: 50%;left: 0;} .y-box-23 li:nth-child(1) a .txt .bt{color: #fff;} .y-box-23 li:nth-child(1) a .txt .t{color: #fff;} .y-box-23 li:nth-child(2) a .txt{width: 50%;left: 0;} .y-box-23 li:nth-child(3) a .txt{width: 50%;right: 0;} .y-box-23 li:nth-child(4) a .txt{width:100%;right: 0;text-align: center;} .y-box-23 li:nth-child(4) a .txt .box{margin-top: -85px;} .y-box-23 li:nth-child(4) a .txt .bt{border:2px solid #000;max-width: 300px;margin: auto;line-height: 70px;height: 70px;} .y-box-23 li:nth-child(4) a .txt .t1{margin: 20px 0 35px;color: #333;font-family: arial;} .y-box-23 li:nth-child(4) a .txt .t2{color: #333;} @media only screen and (max-width:980px) { .y-box-23 li a .txt .box{margin-top:-57px;} .y-box-23 li a .txt .bt{font-size: 24px;line-height:30px;height:30px;margin-bottom: 5px;} .y-box-23 li a .txt .t{margin-bottom: 10px;} .y-box-23 li:nth-child(4) a .txt .box{margin-top: -65px;} .y-box-23 li:nth-child(4) a .txt .bt{border:1px solid #000;line-height:50px;height:50px;} .y-box-23 li:nth-child(4) a .txt .t1{margin: 15px 0 20px;} } @media only screen and (max-width:780px) { .y-box-23 li{width: 100% !important;margin: auto;} .y-box-23 li:nth-child(1) a:after{right: 0;left: initial;} .y-box-23 li:nth-child(1) a .img{float:left;} .y-box-23 li:nth-child(1) a .img:after{border-left:0 ;border-right: 17px solid #00a0ea;left: initial;right: 0;} .y-box-23 li:nth-child(1) a .txt{left: initial;right:0} } @media only screen and (max-width:640px) { .y-box-23 li a .txt .box{margin-top: -52px;} .y-box-23 li a .txt .bt{font-size: 18px;line-height: 20px;height: 20px;margin-bottom: 10px;} .y-box-23 li:nth-child(4){padding-left: 0;} .y-box-23 li:nth-child(4) a .txt .box{margin-top: -53px;padding: 0 5%;} .y-box-23 li:nth-child(4) a .txt .bt{line-height:40px;height:40px;} .y-box-23 li:nth-child(4) a .txt .t1{margin: 10px 0} } .y-box-24 .table-box{max-width: 100%;overflow-x:auto;} .y-box-24 table{width: 100%;border: 0;text-align: left;} .y-box-24 table tr{border-bottom: 1px solid #ccc;} .y-box-24 table tr:first-child{border-bottom: 1px solid #999;} .y-box-24 table th{border: 0;line-height: 60px;font-size: 18px;padding:0 5px;white-space:nowrap;} .y-box-24 table td{border: 0;line-height: 40px;padding:10px 5px 0;} .y-box-25{overflow: hidden;} .y-box-25 ul{text-align: center;font-size: 0;padding:6% 0;} .y-box-25 li{position: relative;background:#e3edff;display: inline-block;width:14%;padding-top:14%;box-shadow: 2px 2px 10px #ccc;border-radius:5px;transform: rotate(45deg);margin:-1.5% 4%;color: #3161bc;} .y-box-25 li span{position: absolute;top:50%;left:0;display: block;width: 100%;height: 100%;transform: rotate(-45deg);font-size:24px;font-weight: bold;line-height: 30px;height: 30px;overflow: hidden;margin-top: -15px;} .y-box-25 br{display: none;} .y-box-25 br:nth-child(6){display:block;} @media only screen and (max-width:1200px) { .y-box-25 li span{font-size:18px;} } @media only screen and (max-width:980px) { .y-box-25 li span{font-size:14px;} } @media only screen and (max-width:768px) { .y-box-25 br:nth-child(10){display: block;} .y-box-25 br:nth-child(16){display: block;} .y-box-25 ul{padding:8% 0;} .y-box-25 li{width:20%;padding-top:20%;margin: -2% 6%;} } @media only screen and (max-width:520px) { .y-box-25 br:nth-child(10){display: none;} .y-box-25 br:nth-child(16){display: none;} .y-box-25 br:nth-child(2){display:block;} .y-box-25 br:nth-child(8){display:block;} .y-box-25 br:nth-child(12){display:block;} .y-box-25 br:nth-child(14){display:block;} .y-box-25 br:nth-child(18){display:block;} .y-box-25 ul{padding:12% 0;} .y-box-25 li{width:30%;padding-top:30%;margin: -3.2% 9%;} } .y-box-26{padding-bottom:100px;overflow: hidden;margin-top:4%;} .y-box-26 .lunbo{position: relative;} .y-box-26 .lunbo:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:10;background: url(../img/about4-2-k.png) no-repeat center;background-size:100% 100%;} .y-box-26 .slider{padding: 5px;} .y-box-26 .img{width: 100%;padding-top:50%;height: 0;background: no-repeat center;background-size: cover;} .y-box-26 .slick-dots{position:absolute;left: 0;bottom: -80px;width: 100%;text-align: center;z-index: 2;} .y-box-26 .slick-dots:after{content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 2px;background: #a7bae0;} .y-box-26 .slick-dots li{width:42px;height:42px;border-radius:50% ;margin: 0 7%;background: #fff;box-sizing: border-box;display: inline-block;position: relative;z-index: 2;} .y-box-26 .slick-dots li button{width:18px;height: 18px;margin: 12px;border-radius:50% ; background:#426cbc;transition: 0.3s;font-size: 0;} .y-box-26 .slick-dots li:after{content: "";position: absolute;top:21px;left:21px;width:0px;height:0px;border-radius:50%;transition: 0.3s;} .y-box-26 .slick-dots li.slick-active button{width:30px;height:30px;margin: 6px;background: #fff;border: 1px solid #ff9000;} .y-box-26 .slick-dots li.slick-active:after{width:18px;height:18px;top:12px;left:12px;background:#ff9000;} .y-box-26 .slick-dotted.slick-slider{margin-bottom: 0;} @media only screen and (max-width:768px) { .y-box-26{padding-bottom:80px;} .y-box-26 .slick-dots{bottom:-60px;} .y-box-26 .slick-dots li{margin: 0 5%;} } @media only screen and (max-width:480px) { .y-box-26{padding-bottom:60px;} .y-box-26 .slick-dots li{margin: 0 3%;} } .y-box-27{overflow: hidden;} .y-box-27 form .box{width: 48%;padding:0 40px 0 80px;position: relative;margin:10px 0;height:35px;line-height: 25px;} .y-box-27 form .box .bt{position: absolute;left: 0;width: 75px;padding: 5px 0;line-height: 25px;text-align-last:justify ;} .y-box-27 form .box input[type="text"]{line-height: 25px;height: 35px;} .y-box-27 form .box select{line-height: 25px;height: 35px;} .y-box-27 form .box select option{line-height:25px;height: 35px;} .y-box-27 form .box .xing{position: absolute;top: 0;right:20px;color: #ff0000;} .y-box-27 form .box:last-child{margin-top: 30px;} .y-box-27 form .box input[type="submit"]{width: 138px;height: 36px;line-height: 24px;background: #426cbc;color: #fff;float: left;margin-right: 30px;} .y-box-27 form .box input[type="reset"]{width: 138px;height: 36px;line-height: 24px;background: #ccc;color: #333;float: left;} .y-box-27 form .box-1 .jk span{width: 32%;float: left;margin-left: 2%;} .y-box-27 form .box-1 .jk span select{width: 100%;} .y-box-27 form .box-1 .jk span:nth-child(1){margin-left:0;} .y-box-27 form .box input[type="file"]{vertical-align: middle;padding: 5px 0;margin: 2px 0;} @media only screen and (max-width: 980px) { .y-box-27 form .box{width: 49%;padding: 0 20px 0 75px;} .y-box-27 form .box .bt{width:70px;} .y-box-27 form .box .xing{right:0px;} } @media only screen and (max-width: 768px) { .y-box-27 form .box{width:100%;} .y-box-27 form .box:last-child{margin-top: 20px;} } @media only screen and (max-width: 420px) { .y-box-27 form .box{padding-left: 0;} .y-box-27 form .box .xing{top: 35px;} .y-box-27 form .box .bt{position: initial;} } .y-box-28 .nav-box{margin:-10px 0 50px;} .y-box-28 .nav-box .li-box{margin:10px;height:50px;line-height: 50px;background:#eae9e9;text-align: center;font-size: 24px;color: #666;border-left:0 ;position: relative;padding: 0 5px;} .y-box-28 .nav-box .li-box:first-child{border-left:1px solid #d3e2fe ;} .y-box-28 .nav-box .li-box.cur{background: #426cbc;color: #fff;} .y-box-28 .nav-box .li-box.cur:after{content: "";position: absolute;bottom:-10px;left: 50%;margin-left: -10px;width: 0;height: 0;border-left:10px solid transparent;border-right:10px solid transparent;border-top: 10px solid #426cbc;} .y-box-28 .b-box .s-box .boxs{position: relative;padding-left:140px;} .y-box-28 .b-box .s-box .boxs .time{position: absolute;top: 0;left: 0;width: 140px;height:140px;border: 2px #999 solid;} .y-box-28 .b-box .s-box .boxs .time div{line-height: 67px;font-size: 42px;text-align: center;} .y-box-28 .b-box .s-box .boxs .time div:nth-child(1){border-bottom: 1px solid #999;} .y-box-28 .b-box .s-box .boxs .box div{line-height: 30px;padding: 5px 0;font-size: 16px;} .y-box-28 .b-box .s-box .boxs .box div:nth-child(1){height: 70px;border-bottom: 1px #ccc dashed;padding-left:70px;overflow: hidden;} .y-box-28 .b-box .s-box .boxs .box div:nth-child(2){padding: 10px 0;padding-left:140px;line-height: 35px;} .y-box-28 .b-box .s-box .lunbo{padding: 0 90px;margin-top:4%;position: relative;} .y-box-28 .b-box .s-box .lunbo .left,.y-box-28 .b-box .s-box .lunbo .right{position: absolute;top: 50%;width: 40px;height: 70px;margin-top:-35px;background:no-repeat center;background-size:contain;} .y-box-28 .b-box .s-box .lunbo .left{left: 20px;background-image: url(../zbl/img/zbl-left-1.png)} .y-box-28 .b-box .s-box .lunbo .right{right: 20px;background-image: url(../zbl/img/zbl-right-1.png)} @media only screen and (max-width: 980px) { .y-box-28 .nav-box{margin:-5px 0 30px;} .y-box-28 .nav-box .li-box{font-size: 20px;margin: 5px;overflow:hidden;} .y-box-28 .b-box .s-box .boxs{padding-left: 0;} .y-box-28 .b-box .s-box .boxs .time{display: none;} .y-box-28 .b-box .s-box .boxs .box div{padding-left: 0 !important;height: auto !important;} } @media only screen and (max-width: 768px) { .y-box-28 .nav-box .li-box{font-size: 18px;} } @media only screen and (max-width: 640px) { .y-box-28 .nav-box {margin-bottom: 15px;} .y-box-28 .nav-box .li-box{font-size: 16px;} .y-box-28 .b-box .s-box .lunbo{padding: 0 40px;} .y-box-28 .b-box .s-box .lunbo .left{left: 0;width: 30px;} .y-box-28 .b-box .s-box .lunbo .right{right: 0;width: 30px;} } .y-box-29{padding: 25px;} .y-box-29 .t{color: #666;margin-bottom: 20px;} .y-box-29 ul{margin:-10px 0;} .y-box-29 ul li{margin: 10px;} @media only screen and (max-width: 640px) { .y-box-29{padding:15px 10px 20px;} .y-box-29 .t{margin-bottom: 10px;} .y-box-29 ul{margin:-5px 0;} .y-box-29 ul li{margin: 5px;} } .y-box-30{padding:30px 25px;} .y-box-30 ul{margin:-10px 0;} .y-box-30 ul li{margin: 10px;background: #e0e0e0;text-align:center;padding: 30px;} .y-box-30 ul li .img-box{width: 50%;margin: auto;margin-bottom: 10px;} .y-box-30 ul li .bt{font-size: 18px;color: #333;border-bottom: 1px solid #ccc;padding:15px 0;margin-bottom:15px;} .y-box-30 ul li .t{font-size: 12px;color: #666;} @media only screen and (max-width: 768px) { .y-box-30 ul li{padding: 20px;} .y-box-30 ul li .bt{font-size: 16px;padding:10px 0;margin-bottom: 10px;} } @media only screen and (max-width: 640px) { .y-box-30{padding:15px 10px 20px} .y-box-30 ul{margin:-5px 0;} .y-box-30 ul li{margin:5px;padding: 10px;} } .y-box-31{overflow: hidden;width: 100%;margin-bottom: 6%;padding: 0 3%;} .y-box-31 .ewm{padding: 0 5%;} .y-box-31 .ewm-b li{margin: 0 10px;text-align: center;} .y-box-31 .ewm-s li{margin: 0 5px;text-align: center;} .y-box-31 .ewm li img{max-width:128px} .y-box-31 .ewm-b{display:block;width:40%;float: right;} .y-box-31 .ewm-s{display: none;width:60%;margin-top: 20px;} .y-box-31 .bt{font-size: 20px;line-height:30px;margin-bottom: 10px;} .y-box-31 .t{font-size: 16px;line-height: 30px;} @media only screen and (max-width: 640px) { .y-box-31{padding: 0;} .y-box-31 .ewm{padding: 0;} .y-box-31 .ewm-b{display:none;} .y-box-31 .ewm-s{display:block;} .y-box-31 .bt{font-size: 18px;} .y-box-31 .t{font-size: 14px;} } .in-pro{overflow:hidden;position: relative;margin-top: 40px;} .in-pro .bj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: #0c3178;} .in-pro .bj:after{content: "";padding-top:10%;background: #0c55bb;position: absolute;bottom: 0;left: 0;width: 100%;} .in-pro:after{content: "";opacity: 0.2;position: absolute;left:0;top:0;width: 100%;height: 100%;background:url(../img/in-pro-bj.jpg) no-repeat center;background-size: cover;} .in-pro .boxs-1{position: relative;z-index: 1;overflow: hidden;} .in-pro .boxs-2{display: block;position: relative;z-index: 1;overflow: hidden;padding-top:10%;background: url(../img/guangao-1.png) no-repeat center;background-size:auto 50%;} .in-pro .y-bt-1 .bt-1{color: #fff;} .in-pro .y-bt-1 .bt-2{color: #fff;} @media only screen and (max-width: 1440px) { .in-pro .bj:after{padding-top: 15%;} .in-pro .boxs-2{padding-top: 15%;} } @media only screen and (max-width:980px) { .in-pro .bj:after{display: none;} .in-pro .boxs-2{display: none;} } .in-about{background: url(../img/y-box-9-bj.jpg) no-repeat center;background-size: cover;overflow: hidden;} .in-about .y-bt-1 .bt-1{color: #fff;} .in-about .y-bt-1 .bt-2{color: #fff;} .case .y-box-4{margin-top:30px;} .case .y-box-4 ul{margin: -15px 0;text-align: left;} .case .y-box-4 li{margin: 15px 10px;} @media only screen and (max-width: 980px) { .case .y-box-4{margin-top:20px;} } @media only screen and (max-width: 640px) { .case .y-box-4 ul{margin: -10px 0;} .case .y-box-4 li{margin: 10px;} } .jjfa .y-box-2 .box .t{height: auto !important; color: #333;} .jjfa .y-box-7{padding: 30px 5px;} .jjfa-box{margin-top:2%;} @media only screen and (max-width: 640px) { .jjfa .y-box-7{padding: 15px 10px 20px;} } .footer{overflow: hidden;width: 100%;margin-top: 70px;} .footer .top{padding: 45px 0;background: url(../img/footer-bj.jpg) no-repeat center;background-size: cover;overflow: hidden;} .footer .top .boxs{float: left;color: #aeb8f2;line-height: 30px;} .footer .top .boxs:nth-child(1){width: 14%;} .footer .top .boxs:nth-child(2){width: 14%;} .footer .top .boxs:nth-child(3){width: 14%;} .footer .top .boxs:nth-child(4){width: 10%;} .footer .top .boxs:nth-child(5){width: 10%;} .footer .top .boxs:nth-child(6){width: 10%;} .footer .top .boxs:nth-child(7){width: 28%;} .footer .top .boxs .bt{font-size: 16px;color: #fff;margin-bottom:20px;margin-top:30px;line-height: 20px;} .footer .top .boxs .logo{margin-bottom:20px;height: 50px;margin-left: 23px;} .footer .top .boxs .logo img{display: block;height: 100%;} .footer .top .boxs .box-1{margin-bottom: 10px;padding-left: 23px;background: url(../img/footer-1.png) no-repeat 0 9px;} .footer .top .boxs .box-2{margin-bottom: 10px;padding-left: 23px;background: url(../img/footer-2.png) no-repeat 0 9px;} .footer .top .boxs .box-3{padding-left: 23px;background: url(../img/footer-3.png) no-repeat 0 11px;} .footer .bot{background: #03093d;line-height: 36px;overflow: hidden;} .footer .bot .r{opacity: 0.5;color: #aeb8f2;} @media only screen and (max-width:1024px) { .footer .top .boxs:nth-child(1){display: none;} .footer .top .boxs:nth-child(2){width: 16%;} .footer .top .boxs:nth-child(3){width: 16%;} .footer .top .boxs:nth-child(4){width: 13%;} .footer .top .boxs:nth-child(5){width: 13%;} .footer .top .boxs:nth-child(6){width: 12%;} .footer .top .boxs:nth-child(7){width: 30%;} } @media only screen and (max-width:980px) { .footer{margin-top: 40px;} .footer .top .boxs:nth-child(2){width: 19%;} .footer .top .boxs:nth-child(3){width: 19%;} .footer .top .boxs:nth-child(4){width: 15%;} .footer .top .boxs:nth-child(5){width: 15%;} .footer .top .boxs:nth-child(6){display: none;} .footer .top .boxs:nth-child(7){width: 32%;} } @media only screen and (max-width:768px) { .footer .top .boxs:nth-child(2){width: 22%;} .footer .top .boxs:nth-child(3){width: 24%;} .footer .top .boxs:nth-child(4){display: none;} .footer .top .boxs:nth-child(5){width: 14%;} .footer .top .boxs:nth-child(7){width: 40%;} } @media only screen and (max-width:640px) { .footer{margin-top: 20px;} .footer .top{padding: 20px 0;} .footer .top .boxs .logo{display: none;} .footer .top .boxs:nth-child(2){display: none;} .footer .top .boxs:nth-child(3){display: none;} .footer .top .boxs:nth-child(5){display: none;} .footer .top .boxs:nth-child(7){width: 100%;} .footer .top .boxs .box-1{margin-bottom: 5px;} .footer .top .boxs .box-2{margin-bottom: 5px;} } .cur{color: #ff9000;} /*固定的悬浮窗*/ .yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;} .yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;} .yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0;} .yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;} .yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;} .yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;} .hd_qr{padding:10px 0 0 15px;} .yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;} @media only screen and (max-width: 640px) { .mff{display:none} .mffa{height:0 !important;overflow:hidden !important;margin:0 !important;} } .box-2018-1{width: 100%;overflow: hidden;margin: 20px 0;} .box-2018-1 .lump{width: 48%;display: block;} .box-2018-1 .lump:nth-child(n+3){margin-top:4%;} .box-2018-1 .lump:nth-child(2n-1){float: left;} .box-2018-1 .lump:nth-child(2n){float: right;} .box-2018-1 .lump .txt-box{color: #333;padding: 20px 0;} .box-2018-1 .lump .txt-box .bt{font-size: 24px;line-height: 30px;height: 30px;overflow: hidden;} .box-2018-1 .lump .txt-box .txt{font-size: 14px;line-height: 25px;height: 25px;overflow: hidden;} .box-2018-1 .lump .x{width: 100%;height: 2px;position: relative;background: #d4d4d4;} .box-2018-1 .lump .x:before{content:"";position: absolute;left: 0;top: 0;width: 0;height:2px;background: #426cbc;transition: 0.3s;} @media only screen and (min-width:1025px) { .box-2018-1 .lump:hover .txt-box{color: #426cbc;} .box-2018-1 .lump:hover .x:before{width: 100%;} } @media only screen and (max-width:1024px) { .box-2018-1 .lump{width: 49%;} .box-2018-1 .lump:nth-child(n+3){margin-top: 2%;} .box-2018-1 .lump .txt-box{padding: 15px 0;} .box-2018-1 .lump .txt-box .bt{font-size: 20px;margin-bottom:0;} .box-2018-1 .lump .x{height: 1px;} } @media only screen and (max-width:640px) { .box-2018-1 .lump .txt-box{padding: 10px 0;} .box-2018-1 .lump .txt-box .bt{font-size: 16px;line-height: 25px;height: 25px;} .box-2018-1 .lump .txt-box .txt{font-size: 12px;line-height: 15px;height: 15px;} .box-2018-1 .lump .x{display: none;} } .box-2018-2{width: 100%;overflow: hidden;margin: 20px 0 3%;} .box-2018-2 .y-nav-1{display:none} .box-2018-2 .main-l{width: 22%;height: 670px;float: left;border: 1px solid #c3ccdd;border-radius:12px 12px 0 0;overflow: hidden;background:#fff;} .box-2018-2 .main-l .box-1{width: 100%;height: 100px;background:#426cbc url(../img/prologo.png) no-repeat center;background-size: 65%;} .box-2018-2 .main-l .box-2 .lump{position: relative;} .box-2018-2 .main-l .box-2 .lump .btn{position: absolute;top:10px;right: 5%;width: 20px;height: 20px;} .box-2018-2 .main-l .box-2 .lump .btn .x1{position: absolute;left:50%;top:50%;width: 80%;height:2px;margin-left:-40%;margin-top: -1px;background: #666;} .box-2018-2 .main-l .box-2 .lump .btn .x2{position: absolute;left:50%;top:50%;width: 2px;height: 80%;margin-left:-1px;margin-top:-40%;background:#666;} .box-2018-2 .main-l .box-2 .lump .btn.cur .x2{display: none;} .box-2018-2 .main-l .box-2 .lump a{display: block;padding: 0 8%;border-bottom:1px solid #c3ccdd;} .box-2018-2 .main-l .box-2 .lump span{display: block;padding:0 12%;overflow: hidden;line-height: 40px;height: 40px;font-size: 18px;} .box-2018-2 .main-l .box-2 .lump ul{display: none;} .box-2018-2 .main-l .box-2 .lump ul li a{border-bottom: 0;} .box-2018-2 .main-l .box-2 .lump ul li span{border-bottom: 1px dashed #c3ccdd;font-size: 16px;} .box-2018-2 .main-l .box-2 .lump a:hover{background: #426cbc;color: #fff;} .box-2018-2 .main-l .box-2 .lump.cur a{background: #426cbc;color: #fff;} .box-2018-2 .main-l .box-3{text-align: center;padding: 15px 0 20px;} .box-2018-2 .main-l .box-3 span{font-size: 24px;color: #ff9000;display: block;line-height: 1.3;} .box-2018-2 .main-r{width: 75%;float: right;} .box-2018-2 .main-r .bt{overflow: hidden;border-radius:12px 12px 0 0;border-bottom: 1px solid #d6e0f4;margin-bottom: 23px;} .box-2018-2 .main-r .bt span{float:left;width: 230px;height:42px;line-height: 42px;font-size: 24px;color: #0b3178;background: #d6e0f4;text-align: center;} .box-2018-2 .main-r .box .lump{float: left;width: 32%;margin-right:2%;background: #fff;overflow: hidden;padding-bottom:11px;border: 1px solid #c3ccdd;} .box-2018-2 .main-r .box .lump:nth-child(3n){margin-right: 0;} .box-2018-2 .main-r .box .lump:nth-child(n+4){margin-top:20px;} .box-2018-2 .main-r .box .lump .img-box{width: 100%;height: 155px;background: no-repeat center; background-size: 70%;} .box-2018-2 .main-r .box .lump .txt-box{text-align: center;line-height:20px;height:20px;overflow: hidden;font-size: 12px;} @media only screen and (max-width:1024px) { .box-2018-2 .y-nav-1{display:block} .box-2018-2 .main-l{display: none;} .box-2018-2 .main-r{width: 100%;float: none;} .box-2018-2 .main-r .bt{margin-bottom: 15px;} .box-2018-2 .main-r .bt span{font-size:18px;width: 190px;line-height: 35px;height: 35px;} .box-2018-2 .main-r .box .lump{width:49%;margin-right: 2%;} .box-2018-2 .main-r .box .lump:nth-child(3n){margin-right: 2%;} .box-2018-2 .main-r .box .lump:nth-child(2n){margin-right: 0;} .box-2018-2 .main-r .box .lump:nth-child(n+3){margin-top: 2%;} .box-2018-2 .main-r .box .lump:nth-child(n+5){display: none;} .box-2018-2 .main-r .box .lump .img-box{height: 0;padding-top: 60%;} } .xj-show{width:100%;margin: auto;} .xj-show .bt{font-size: 30px;line-height: 2;color: #fff;background: #426cbc;text-align: center;margin-bottom:5%;border-radius:5px 5px 0 0;} .xj-show .lunbo .box{position: relative;padding: 0 15%;} .xj-show .lunbo .box .left{position: absolute;left:5%;top:0;width:10%;height:100%;background:url(../zbl/img/zbl-left-1.png) no-repeat center;background-size:50%;} .xj-show .lunbo .box .right{position: absolute;right:5%;top:0;width:10%;height:100%;background:url(../zbl/img/zbl-right-1.png) no-repeat center;background-size: 50%;} .xj-show .lunbo .box-for{padding: 0 3px;} .xj-show .lunbo .slider-for{border: 1px solid #426cbc;margin-bottom: 5%;overflow:hidden} .xj-show .lunbo .slider-nav .slick-slide{margin: 0 3px;} .xj-show .lunbo .slider-nav .lumps{border: 1px solid #ddd;} .xj-show .lunbo .slider-nav .slick-current .lumps{border: 1px solid #426cbc;} @media only screen and (max-width:1024px) { .xj-show .bt{font-size:24px} } @media only screen and (max-width:640px) { .xj-show .bt{font-size:18px} }