@import url("font-awesome.min.css"); @import url("menu.css"); @import url("animate.css"); /* CSS Document */ body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-size:14px; color:#555; font-family:"Microsoft YaHei", "΢���ź�"; background-color: #FFFFFF; line-height:24px; overflow-x:hidden; } .xdwz{ position:relative;} input,button,textarea,select{font-family:"Microsoft YaHei", "΢���ź�";} UL {list-style-type:none;} UL,p,li,form,h1,h2,h3,h4,h5,dd,dl,dt,ol{ PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } video{ width:100%; z-index:1000;} video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } ::selection { color:#fff; background-color:#15479c; } ::-moz-selection { color:#fff; background-color:#15479c; } ::-webkit-selection { color:#fff; background-color:#15479c; } ::-webkit-scrollbar { width: 8px; height: 4px; background-color: #F5F5F5 } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #E2E2E2 } ::-webkit-scrollbar-thumb { border-radius: 4px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #555 } img{ border:0px;} #head{ width:100%; z-index:1000;min-width:1200px; position:relative; background-color:#fff;transition:all 0.6s ease-in-out 0s; } #head.af1{ padding-top:5px; padding-bottom:5px;float:left;} #head.af2{ padding-top:3px; padding-bottom:3px;box-shadow:0px 1px 4px #777; position:fixed;} #flash{ width:100%; float:left; min-width:1200px; } #nyweb{ width:100%; float:left; min-width:1200px; padding-top:30px; padding-bottom:50px; overflow:hidden; } .banner{ width: 100%; background: #fff; overflow:hidden; position:relative; } .banner .swiper-slide{ width:100%; display:block; position:relative; /* height: 8.0rem; */ } .banner .swiper-slide .wz{ display:none; width:650px; position:absolute; z-index:6; background-image: url(linea.jpg); background-repeat: no-repeat; background-position: left top; } .banner .swiper-slide .wz dd{ font-size:40px; line-height:2.5; margin-top:15px; color:#fff; } .banner .swiper-slide .wz p{ font-size:16px; line-height:2; margin-top:5px; color:#fff;} .banner .swiper-slide .wz em{margin-top:2%; font-size:14px; display:inline-block; line-height:35px; overflow:hidden; font-style: normal; color:#fff; margin-top:14px;} .banner .swiper-slide .wz em span{ border:#fff solid 1px; display:block; padding:2px 30px;transition:all 0.4s ease-in-out 0s; } .banner .swiper-slide .wz em i{ margin-left:10px;transition:all 0.4s ease-in-out 0s;} .banner .swiper-slide em span:hover{ border:#15479c solid 1px; background-color:#15479c;} .banner .swiper-slide em span:hover i{ margin-left:25px;} .banner .swiper-slide .xs1{ left:5%; top:25%;} .banner .swiper-slide .xs2{ right:5%;bottom:25%;} .banner .swiper-slide .bai{background-image: url(linea.jpg);} .banner .swiper-slide .bai dd,.banner .swiper-slide .bai p,.banner .swiper-slide .bai em{ color:#fff;} .banner .swiper-slide-active .wz{ display:block;} .banner .swiper-slide img{ border:0px; width:100%; } .banner .swiper-pagination-bullets{ bottom:10px; margin-bottom:25px;} .banner .swiper-pagination-bullet{ width: 25px; height:5px; background-color:#fff; opacity: 1;box-shadow:0px 1px 4px #333;transition:all 0.4s ease-in-out 0s;border-radius:4px; } .banner .swiper-pagination-bullet-active{ background:#15479c; width: 50px; } .banner .swiper-button-prev,.banner .swiper-button-next{ filter: Alpha(Opacity=0); -moz-opacity:0; opacity:0;transition:all 0.3s ease-in-out 0s; display:none;} .banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{ filter: Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; color:#E6F5F5} #hyweb{ width:100%; float:left; padding-top:80px; padding-bottom:80px; min-width:1200px;overflow:hidden;} #hyweb_1{ width:100%; float:left; padding-top:70px; padding-bottom:70px; overflow:hidden; min-width:1200px; background-image: url(bg8.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; } #hyweb_2{ width:100%; float:left; padding-top:100px; padding-bottom:100px; overflow:hidden; min-width:1200px; background-image: url(../img/front/news-bg.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; } #body_1{width:1200px; margin-left:auto; margin-right:auto;} #body_2{width:68%; margin-left:auto; margin-right:auto;min-width:1200px;} #dibu{ width:100%; float:left; background-color:#333; padding-top:15px; padding-bottom:15px; min-width:1200px;overflow:hidden; } .fl{ float:left;} .fr{ float:right;} #top{ width:100%; min-width:1200px; float:left; } #topr{ width:1000px; float:right; position:relative; } #topr .tel{ margin-left:15px; float:right; line-height:50px;font-size:16px; color:#000;} #topr .tel i{ color:#15479c; line-height:50px; font-size:25px; margin-right:10px;line-height:50px;} #topr .qt{ float:right; width:65px; margin-top:10px;} #topr .qt span{ display:block; cursor:pointer; width:30px; height:30px; text-align:center;border-radius:35px; float:right; background-color:#15479c; position:relative;} #topr .qt span i{ font-size:15px; line-height:30px; color:#fff;} #topr .qt span:hover{ background-color:#15479c; color:#fff} #topr .qt span .pic{ padding-top:6px; position:absolute; right:-10%; line-height:20px; padding:10px; font-size:22px; color:#15479c; top:25px; height:0px; overflow:hidden; filter: Alpha(Opacity=0); -moz-opacity:0; opacity:0; transition:all 0.3s ease-in-out 0s; font-family:"impact",Arial, Helvetica, sans-serif; background-color:#fff;border-radius:5px ; } #topr .qt span .pic p{ TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap;} #topr .qt span .pic img{ width:100px; height:100px; display:block; margin-left:auto; margin-right:auto;} #topr .qt span:hover .pic{ top:35px; filter: Alpha(Opacity=100);-moz-opacity:1; opacity:1; height:auto;} #logo{ float:left; overflow:hidden; width:200px; } #logo div{ height:50px; display:table-cell; vertical-align:middle; } #logo img{ float:left; border:0px;width:100%; max-width:324px;transition:all 0.4s ease-in-out 0s;} #head.af2 #logo img{ max-width:300px;} #dibub{ width:100%; float:left; overflow:hidden; padding-top:85px; padding-bottom:85px; background-color:#000; min-width:1200px; /* border-top:#eee solid 1px; */ background-repeat: no-repeat; background-position: center center; background-image: url(fbg.jpg); /* border-top:#15479c solid 2px; */ } #ddfb{ width:1200px; float:left; overflow:hidden;} #ddfb ul{ list-style-type:none; } #ddfb ul li{ width:6%; float:left; padding-right:2%; padding-left:3%; border-right:#484646 solid 1px; min-height:310px;padding-top:18px;} #ddfb ul li.lx{position:relative; width:21%; color:#555;} #ddfb ul li.lx .nrc{ width:100%; float:left;font-size:12px;} #ddfb ul li.lx .nrc p{ font-size:12px; line-height:22px;} #ddfb ul li.lx .tel{ float:left; width:160px; font-size:14px; color:#555; text-align:left;background-image: url(tel.png); background-repeat: no-repeat; background-position: left center; padding-left:50px; padding-bottom:10px;} #ddfb ul li.lx .tel .name{ text-align:left;line-height:25px;} #ddfb ul li.lx .tel .f22{ line-height:25px; font-family:Arial, Helvetica, sans-serif; font-size: 22px; color:#15479c;font-weight:bold; } #ddfb ul li em{ display:inline-block; border:#fff solid 1px; border-radius:2px; line-height:28px; padding-left:25px; padding-right:25px; font-size:12px; overflow:hidden; color:#fff; font-style: normal; margin-top:5px; background-color:#555; font-weight:bold; } #ddfb ul li em:hover{ color:#fff; background-color:#15479c; border:#15479c solid 1px;} #ddfb ul li.wq{ width:180px; float:right; border-right:0px; margin-right:0px; padding-right:0px;} #ddfb ul li a{ color:#c6c6c6;} #ddfb ul li a:hover{ color:#15479c;} #ddfb ul li p{ font-size:12px; line-height:26px;} #ddfb ul li p i{ width:22px; line-height:24px; margin-right:10px; text-align:center;} #ddfb ul li dd{ font-size:12px; color:#fff; font-weight:600; width:100%; margin-bottom:10px; background-image: url(dx.jpg); background-repeat: no-repeat; background-position: left bottom; padding-bottom:5px; text-transform:uppercase; } #ddfb ul li .gsbf{ width:100%; float:left; text-align:center;} #ddfb ul li .gsbf img{ max-width:100%; margin-bottom:10px;} #ddfb .ewm{ width:150px; margin-bottom:5px; margin-top:5px; background-color:rgba(0,0,0,0.1); padding:12px;} #ddfb .ewm img{ width:150px; height:150px; float:right; margin-left:10px;} #ddfb .ewm p{ font-size:12px; line-height:20px; margin-top:20px; color:#555; text-align:center;} #bottom{ width:1200px; float:left; font-size: 13px; font-weight:normal; } #bottom .copyright { text-align:center;float:left; width:1200px; LINE-HEIGHT: 25px; color:#ccc; } #bottom .img1{ margin-bottom:12px;} #bottom A{ color:#fff;} a:link { text-decoration: none; color:#5a5a5a; } a:visited { text-decoration: none; color:#5a5a5a; } a:hover { color:#15479c;; } .hg2{ margin-top:25px;} .hg{ margin-top:15px;} .hg1{ margin-top:20px;} .izl-rmenu { position: fixed; right: 0; bottom: 30%; z-index: 999; width: 52px; } .izl-rmenu .btn { width: 50px; height: 50px; cursor: pointer; position: relative; margin-top:-1px; text-align:center;color:#fff;border-radius:50px; background-color:#555; margin-top:5px; margin-bottom:5px; } .izl-rmenu .btn:hover{ color:#fff; background-color:#15479c;;} .izl-rmenu .btn i{ font-size:24px; line-height:50px;} .izl-rmenu .btn-wx .pic { position: absolute; left: -122px; top: -1px; display: none; width: 120px; height: 120px;border-radius:5px; } .izl-rmenu .btn-phone .phone { background-color:#15479c; position: absolute; width: 180px; left: -182px; top: 0px; line-height: 30px; color: #FFF; font-size: 18px; text-align: center; display: none;border-radius:10px; padding-top:10px; padding-bottom:10px; z-index:1; } .izl-rmenu .btn-qq .qq {border-radius:10px; background-color:#15479c; position: absolute; width: 120px; left: -122px; top: -1px; line-height: 41px; color: #FFF; font-size: 14px; text-align: center; display: none; } .izl-rmenu .btn-qq .qq p{ color:#fff;} .izl-rmenu .btn-top { display: none; } .izl-rmenu .btn-top:hover { color:#fff; } #f_up{ width:100%; left:0px; bottom:15%; position:fixed; text-align:center;z-index: 999; display:none;} #f_up span{ width:60px; height:60px; background-image: url(up.png); background-repeat: no-repeat; background-position: center center;display:inline-block;border-radius:60px; cursor:pointer; background-color:rgba(217,217,217, .6); } #f_up span:hover{background-color:rgba(217,217,217, .4)}