/*css reset*/ body { font-family:"微Y雅黑", Arial, Verdana, Helvetica, 'Microsoft Yahei', Lato, sans-serif; font-size: 14px; color: #282828; overflow-x: hidden; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; } input{ border:none; } ul, li { list-style: none; margin: 0; padding: 0; } b, strong { font-weight: bold; } p { font-size: inherit; } .fl { float: left; } .left{ float:left} .right{ float:right} .fr { float: right; } .clear{ clear:both;} .main{ width:1200px; margin: 0 auto; padding:0;} #progressEffect{ position: absolute; z-index: 10; top: 20px; left: 20px; } /*D菜单*/ .top{background: url("../images/logo.jpg") center center; background-repeat: no-repeat; width:100%; height:118px;} .zz{ width:290px;height:78px; margin:22px 0 0 775px; float:left; line-height:30px; overflow:hidden} .zz li{ float:left; border-radius:3px; width:229px; font-size:14px; color:#0062c6;background:#fff url("../images/sjx.gif") 6px center no-repeat; padding:0 15px 0 18px; margin-bottom:5px; height:21px; line-height:21px;} .nav { height:56px; line-height:56px; background:#fff; color:#333333; font-size:18px} .nav ul{width:1200px; margin:0 auto;} .nav ul li{float:left;width:auto;text-align:center; padding:0 10px; margin-right:22px;} .nav ul li a{color:#333333;} .nav ul li.hover{ border-bottom:5px solid #006bce; color:#006bce} .nav ul li.hover a{ color:#006bce} /* banner */ .banner{height:650px} .banner .swiper-wrapper:nth-child(2) div{background: url("../images/1.jpg") 100% 100%; background-repeat: no-repeat; background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-position: center 0;} .banner .swiper-button-next,.banner .swiper-button-prev{width: 44px; height: 44px; opacity: 1;} .banner .swiper-button-next{background: url('../images/icon.png') -264px -286px; right: 10%; top:40%} .banner .swiper-button-prev{ background: url('../images/icon.png') -201px -286px; left: 10%; top:40%} .dzhn{ height:226px; width:100%; background:#0062c6; margin-top:3px} .dzhn dl dt{ font-size:26px; padding:40px 0 20px 0; float:left} .dzhn dl dd{ font-size:14px; float:left; width:330px} .dzhn dl{ width:360px; color:#fff; float:left;background: url('../images/dznh_line.gif') 358px center no-repeat; margin-left:40px;} .dzhn dl dd a{ width:202px; padding:10px 50px 10px 10px; float:left; color:#fff; border-radius:12px; border:1px solid #fff;background: url('../images/dzhn_sjx.gif') 180px center no-repeat; margin-top:15px;} .zlfs{ height:232px;width:100%; background:#f8f8f8;} .zlfsc .swiper-slide{ float:left; text-align:center; font-size:16px; width:190px;background: url('../images/zlfs_line.gif') 170px center no-repeat;height:232px;} .zlfsc .swiper-slide { transform: scale(1); transition: all 0.3s linear 0s; } .zlfsc .swiper-slide:hover { transform: scale(0.88);} .zlfsc .swiper-slide img{ padding:48px 0 20px 0;} .zlfsc .swiper-slide span{ display:block; width:25px; height:1px; background:#0082e6; margin:0 0 22px 74px;} .title{ width:1198px; height:130px; border:1px solid #cdcdcd; margin:25px auto} .title_left{ float:left; width:130px; height:129px;background:#0062c6; color:#fff; text-align:center} .title_left p{ font-size:35px; width:80px; line-height:40px; margin:16px 0 5px 27px} .title_left span{ font-size:12px;} .title_phone{ float:right; padding-right:4px; padding-top:40px} .title_mid{ color:#0062c6; width:780px; float:left; margin:20px 0 0 30px} .title_mid b{ font-size:41px; line-height:48px} .title_mid span{ font-size:26px; display:block} .title_right{ width:152px; height:42px; background:#0062c6; border-radius:20px; float:right; text-align:center; color:#fff; font-size:18px; line-height:42px; margin:43px 18px 0 0} .yzsl{ width:1200px; margin:0 auto;} .yzsl_up_tu{ float:left; border:10px solid #f8f8f8} .yzsl_right{ width:590px; height:392px; border:5px solid #f8f8f8; float:left; margin-left:20px;} .yzsl_right dt b{ font-size:55px; color:#0057bc; float:left} .yzsl_right dt span{ font-size:22px; color:#333333; float:left; padding:40px 0 10px 20px} .yzsl_right dd a{ font-size:14px; color:#999999; float:right; padding:50px 10px 10px 0} .yzsl_right dl{ width:540px; border-bottom:1px solid #e1e1e1; margin:10px 0 10px 20px; float:left} .yzsl_right ul li{ float:left;width:540px; font-size:16px; color:#333333; padding:0 0 5px 30px;background: url('../images/yzsl_sjx.gif') 20px center no-repeat;} .yzsl_right p{ color:#999999; font-size:16px; line-height:25px; float:left; width:540px; margin-left:20px; margin-top:5px} .yzsl_down li{ float:left; width:182px; margin-right:21px; margin-top:15px} .yzsl_down li div{ height:50px; width:182px; background:#f8f8f8;} .yzsl_down li p{ font-size:24px; color:#0057bc; float:left; padding:10px 0 0 39px} .yzsl_down li span{ font-size:16px; color:#666666; float:left; padding:15px 0 0 5px} .jjsb{background: url('../images/jjsb_bg.gif') repeat; width:100%; height:630px; margin-top:20px; padding-top:20px} .hzlc{height:384px;position:relative;width:1200px;} .hzlc li.first{width:540px;} .hzlc li.fast{position:absolute;right:0px;bottom:0px;} .hzlc li{float:left;width:132px;height:384px;border-left:1px solid #fff;overflow:hidden;} .hzlc .imgtxt{left:55px; bottom:0;width:485px;height:110px;background:url(../images/index4/hzlcbg.png) repeat 0 0;} .hzlc .imgtxt img{width:150px; height:90px; border:#fff solid 1px; margin:8px; display:block; overflow:hidden;} .hzlc .imgtxt a,.imgtxt font{color:#ff0;} .hzlc .imgtxt p{margin-top:8px;} .jzfl li{ float:left; width:195px; height:65px; color:#b2b2b2; text-align:center; border:1px solid #b2b2b2; margin:0 5px 10px 0} .jzfl li.hover{ color:#0062c6; border:#0062c6 1px solid} .jzfl li p{ font-size:16px; padding-top:10px; color:#333} .jzfl li span{ font-size:10px;} .jzfl_down{ height:410px ; background:#277ee5; float:left; width:1200px} .jzfl_down img{ padding:10px 0 0 10px; float:left} .jzfl_down dl{ width:665px; float:left; color:#fff; margin-left:30px;} .jzfl_down dt{ border-bottom:2px solid #fff; float:left; width:630px; padding-bottom:20px; margin-bottom:10px} .jzfl_down dt b{ font-size:48px; float:left; padding:20px 0 0 0} .jzfl_down dt span{ font-size:22px; float:left} .jzfl_down dd{ float:left; padding:15px 0 15px 0; border-bottom:1px solid #70a4e2} .jzfl_down dd p{ float:left; font-size:16px; width:615px;} .jzfl_down dd b{ float:left} .xsjl{ height:880px; width:100%; background:url('../images/xsjl_bg.jpg')center center no-repeat; padding-top:20px; margin-top:20px} .xsjl ul{ background:#fff; float:left; padding-bottom:6px} .xsjl ul li{ float:left; padding:6px 0 0 4px} .xsjl_tu li img { transform: scale(1); transition: all 0.3s linear 0s; } .xsjl_tu li:hover img { transform: scale(0.98); box-shadow: #000 0 0 5px; } .jyqj{ float:left} .jyqju li{ float:left;width: 385px;height: 78px;color:#666666; text-align:center; border:1px solid #b2b2b2; margin:24px 15px 20px 0} .jyqju li.hover{color:#fff; border:1px solid #0074e0; background:#0074e0 } .jyqju li p{ font-size:20px; padding-top:15px} .jyqju li span{ font-size:10px;} .jyqj_down{ height:540px ;float:left; width:1200px;border:1px solid #b2b2b2; } .jyqj_down_left{ padding:25px 0 0 25px; float:left} .jyqj_down_leftc{ width:513px; height:490px; overflow:hidden; float:left} .jyqj_down_leftc:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: .5s; transition: .5s;} .jyqj_right img{ padding:0 0 0 35px; float:left} .jyqj_right p{ font-size:16px; color:#333333; float:left; width:600px; text-indent:2em; padding:15px 10px 0 45px; line-height:30px} .news .newsL { width: 806px; padding-top: 50px; } .news .newsL .titles { width: 100%; border-bottom: 1px solid #ccc; } .news .newsL .titles .titleText { position: relative; font-size: 20px; font-weight: bold; line-height: 24px; padding-left: 30px; background: url(../images/newsL.png) no-repeat 5px 5px; } .news .newsL .titles .titleText span { position: absolute; top: 0; left: 30px; width: 0; overflow: hidden; color: #0057bc; -webkit-transition: .5s; transition: .5s; line-height: 24px; height: 24px; } .news .newsL .titles .titleText:hover span { width: 100%; } .news .newsL .titles .titleMore { display: block; -webkit-transition: .5s; transition: .5s; line-height: 30px; padding-bottom: 10px; } .news .newsL .title .titleMore:hover { color: #0057bc; } .news .newsL .newslImg { width: 400px; margin-top: 24px; margin-left:5px; } .news .newsL .newslImg a.newsImgbox { width: 400px; height: 270px; overflow: hidden; display: block; } .news .newsL .newslImg a.newsImgbox img { width: 400px; height: 270px; -webkit-transition: .5s; transition: .5s; } .news .newsL .newslImg .newsImgtext { display: block; position: relative; margin-top: 10px; border-bottom: 1px solid #dedede; } .news .newsL .newslImg .newsImgtext a{ color:#333333} .news .newsL .newslImg .newsImgtext::before { content: ""; width: 2px; height: 14px; background: #ccc; position: absolute; top: 14px; left: 0; -webkit-transition: .5s; transition: .5s; } .news .newsL .newslImg .newsImgtext::after { content: ""; width: 35px; height: 7px; background: url(../images/pver.png) no-repeat center; position: absolute; top: 16px; right: 10px; -webkit-transition: .5s; transition: .5s; } .news .newsL .newslImg .newsImgtext span { display: block; height: 40px; line-height: 40px; padding-left: 20px; width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: .5s; transition: .5s; color:#333333; } .news .newsL .newslImg p { line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 48px; margin-top: 10px; float:left; } .news .newsL .newslImg:hover .newsImgbox img { -webkit-transform: scale(1.1); transform: scale(1.1); } .news .newsL .newslImg:hover .newsImgtext::before { -webkit-transform: rotate(90deg); transform: rotate(90deg); background: #0057bc; } .news .newsL .newslImg:hover .newsImgtext span { color: #0057bc; -webkit-transform: translateX(5px); transform: translateX(5px); } .news .newsL .newslImg:hover .newsImgtext::after { animation: lr linear 3s infinite alternate; } .news .newsL .newsText { margin-top: 20px; } .news .newsL .newsText ul li { -webkit-transition: .5s; transition: .5s; padding: 13px 0; } .news .newsL .newsText ul li .newsTtitle { padding: 0 10px; font-size: 14px; border-right: 1px solid #dedede; color: #999999; -webkit-transition: .5s; transition: .5s; } .news .newsL .newsText ul li .newsTtitle span { font-size: 30px; display: block; text-align: center; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; line-height: 30px; } .news .newsL .newsText ul li .newstxt { -webkit-transition: .5s; transition: .5s; margin-left: 10px; } .news .newsL .newsText ul li .newstxt a { display: block; -webkit-transition: .5s; transition: .5s; width: 316px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; color:#333333; } .news .newsL .newsText ul li .newstxt p { -webkit-transition: .5s; transition: .5s; width: 316px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; } .news .newsL .newsText ul li:hover .newsTtitle { border-right: 1px solid #fff; } .news .newsL .newsText ul li:hover .newsTtitle span { } .news .newsL .newsText ul li:hover .newstxt a { } .news .newsL .newsText ul li:hover .newstxt p { } .news .newsR { width: 350px; height: 500px; background: #fff; margin-top: 10px; padding: 40px 10px 0; } .news .newsR .titles { width: 100%; border-bottom: 1px solid #ccc; } .news .newslImg span{ color: #333333; float: left; display: block; width: 349px;} .titles a{ color:#333333} .news .newsR .titles .titleText { position: relative; font-size: 20px; font-weight: bold; line-height: 24px; padding-left: 30px; background: url(../images/newsR.png) no-repeat center left; } .news .newsR .titles .titleText span { position: absolute; top: 0; left: 30px; width: 0; overflow: hidden; color: #0057bc; -webkit-transition: .5s; transition: .5s; line-height: 24px; height: 24px; } .news .newsR .titles .titleText:hover span { width: 100%; } .news .newsR .titles .titleMore { display: block; -webkit-transition: .5s; transition: .5s; line-height: 30px; padding-bottom: 10px; } .news .newsR .titles .titleMore:hover { color: #0057bc; } .news .newsR ul li { width: 100%; height: 30px; border-bottom: 1px dashed #ccc; line-height: 30px; margin-top: 12px; float:left } .news .newsR ul li a { padding-left: 10px; width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; background: url(../images/newsIco.png) no-repeat center left; padding-right: 12px; -webkit-transition: .5s; transition: .5s; color: #666; } .news .newsR ul li span { display: inline-block; color: #999; -webkit-transition: .5s; transition: .5s; vertical-align: top; } .news .newsR ul li:hover a { background: url(../images/newsIco2.png) no-repeat center left; color: #0057bc; -webkit-transform: translateX(5px); transform: translateX(5px); } .study{margin-top: 25px;} .study .content{width: 100%; clear: both; height:472px;padding-top: 10px;} .study .on{display: block} .study .content .left{float: left; width: 25%; padding-left: 10px; position:relative} .study .content .right{float: right; width:75%;} .study .content .right ul li{float: left; margin-left: 10px; margin-bottom: 10px; position:relative} .study .content .right ul li img{width: 285px; height:220px; overflow: hidden} .study .content .left div{position: absolute;width: 100%;box-sizing: border-box;background:rgba(0,0,0, 0.7);bottom: 0;left: 0;;color: #fff; margin-left: 10px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .study .content .left div span{display: block;font-size: 16px; height: 40px; line-height: 40px;} .study .content .tran_scale div{position: absolute;width: 100%;box-sizing: border-box;background:rgba(0,0,0, 0.7);bottom: 0;left: 0;color: #fff; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .study .content .tran_scale div span{display: block;font-size: 14px; height: 40px; line-height: 40px; text-align: center; padding: 0 10px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .study .content .tran_scale div a{color: #fff} .study .content .right1{float: right; width:100%;} .study .content .right1 ul li{float: left; margin-left: 10px; margin-bottom: 10px;} .study .content .right1 ul li img{width: 285px; height:220px; overflow: hidden; } .tran_scale:hover img {-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: .5s; transition: .5s;} .tran_scale{ overflow:hidden} .footer{ background:url('../images/footer_bg.jpg')center center no-repeat;; width:100%; height:580px; color:#fff; margin-top:30px} .footer_up{border-bottom:1px solid #fff; padding-bottom:35px; float:left; width:1200px} .footer_up_left{ float:left; width:430px; } .footer_up_left span{ width:148px; height:39px; float:left; display:block; background:#ffffff; border-radius:50px; color:#0062c6; font-size:14px; text-align:center; line-height:39px; margin:60px 0 20px 0} .footer_up_left b{ float:left; width:380px; font-size:40px; padding-bottom:40px} .footer_up_left p{ font-size:14px; line-height:30px; float:left} .footer_up dl{ width:110px; float:right; text-align:center; margin-top:80px; margin-right:40px} .footer_up dl dt{ float:left; font-size:18px;background:url('../images/footer_line.png')left center no-repeat; padding-left:35px; margin-bottom:15px} .footer_up dl dt a,.footer_up dl dd a{ color:#fff} .footer_up dl dd{ float:left; font-size:14px; padding:20px 0 0 35px} .footer_down_left img{ float:left; padding:35px 0 25px 7px} .footer_down_left{ width:400px; float:left} .footer_down_left p{ float:left} .footer_down dl{ width:124px; float:right; margin:25px 35px 0 0 } .footer_down dt{ padding:6px; border:1px solid #fff} .footer_down dd{width:124px; text-align:center} @media (min-width: 1200px) { }99国产精品国产精品九九,精品爆乳一区二区三区无码AV,精品无码久久久久久久久水蜜桃,国产外国亚洲一级看黄无码