@charset "utf-8"; /* CSS Document 鍒朵綔锛 闈掑崕浜掕仈缃戠珯寤鸿 鐗堟潈鎵€鏈 澶嶅埗蹇呯┒ 缃戝潃锛 www.qinghuahulian.com 鐢佃瘽/寰俊锛?8653219163 QQ:893157818 閭锛歷ip@qinghuadns.com 鑱旂郴浜猴細鐜嬪皬濮 */ *{margin:0px; padding:0px; box-sizing:border-box; } html{ -webkit-text-size-adjust:none; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } @font-face{ font-family:Pingfang; src:url('../fonts/pingfang.woff2') format('woff2'), url('../fonts/pingfang.woff') format('woff'),url('../fonts/pingfang.ttf') format('truetype'),url('../fonts/pingfang.eot'); } @font-face{ font-family:Helvetica; src:url('../fonts/Helvetica.woff2') format('woff2'), url('../fonts/Helvetica.woff') format('woff'),url('../fonts/Helvetica.ttf'),url('../fonts/Helvetica.eot'); } body{ color:#333333; -webkit-text-size-adjust:none; background-color:#fff; font-family:"Pingfang"; } body img{ border:0px; image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode:nearest-neighbor; } input, textarea { outline: 0; border: none; background: 0 0; font-size: 14px; font-family:"Pingfang"; -webkit-appearance: none; } /*寮哄埗鍘婚櫎琛ㄥ崟鑷甫鐨勬牱寮?/ input,button,select,textarea{outline:none; -webkit-appearance:none;} /*寮哄埗鍘婚櫎textarea鑷甫鐨勬牱寮?/ textarea{resize:none; -webkit-appearance:none;} textarea,input,select { background:none; border:none; margin:0; padding:0;} A { color: #222222; text-decoration:none; } A:link { color: #222222; text-decoration:none; } A:visited { color: #222222; text-decoration:none; } A:hover { color: #043492; text-decoration:none; } .clear{ clear:both; } ul li{ list-style-type:none; } .fl{ float:left; } .fr{ float:right; } .w{ width:1480px; height:auto; margin-left:auto; margin-right:auto; } .mt10{ margin-top:10px; } .mt15{ margin-top:15px; } .mt20{ margin-top:20px; } .mt40{ margin-top:40px; } .mt50{ margin-top:50px; } .top_box{ height:106px; background-color:#fff; } .header{ margin-left:80px; margin-right:80px; } .fixednav {position:fixed;top:-118px;left:0;background:#fff;width:100%;z-index:999;border-bottom: 1px solid #ebebeb; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s} .fixed-nav-appear{top:0;-webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s} .logo{ float:left; margin-top:23px; } .logo img{ image-rendering:-webkit-optimize-contrast; } .view360{ float:right ; width: 42px; height: 42px; background: #E8F5FF; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; text-align:center; padding-top:10px; margin-top:30px; margin-left:10px; position:relative; } .view360_pic{ width:90px; height:90px; position:absolute; left:0px; top:80px; opacity: 0; z-index:-1; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; margin-left:-20px; } .view360:hover .view360_pic{ top:46px; opacity: 1; z-index:11; } .view360_pic img{ width:90px !important; height:90px !important; } .view360 a{ display:block; } .langen{ float:right; width: 42px; height: 42px; background: #E8F5FF; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; text-align:center; padding-top:8px; margin-top:30px; margin-left:10px; } .langen a{ color:#043492; display:block; } .search_bnt{ float:right; width: 42px; height: 42px; background: #E8F5FF; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; text-align:center; padding-top:11px; margin-top:30px; position:relative; } .search_bnt a{ display:block; } .search_box{ position:absolute; width:200px; height:42px; background-color:#e8f5ff; right:0px; top:0px; opacity: 0; z-index:-1; transition: 0.5s all; border-radius:42px;-moz-border-radius:42px;-webkit-border-radius:42px;-o-border-radius:42px; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .seatxt{ width:158px; height:42px; float:left; padding-left:12px; } .seasub{ width:42px; height:42px; background:url(../images/search_ico.png) center center no-repeat; border:0px; cursor:pointer; } .search_bnt:hover .search_box{ opacity: 1; z-index:11; } .mnav{ display:none; float:right ; width: 42px; height: 42px; background: #E8F5FF; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; text-align:center; padding-top:10px; margin-top:30px; margin-left:10px; } .close{ display:none; } .mnav a{ display:block; } .nav{ float:right; margin-top:29px; } .nav ul{ float:right; } .nav li{ float:left; height:42px; line-height:42px; margin-right:40px; display:inline; position:relative; } .nav a{ color:#043492; height:42px; line-height:42px; font-size:18px; font-weight:500; display:block; } .nav img{ margin-right:8px; vertical-align:middle; } .nav li span{ width:0; height: 4px; background:#0047b9; position: absolute; top: 100%; left: 50%; display:block; transition: all .5s; z-index:100; overflow:hidden; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px; } .nav li:hover span{ left: 0%; width: 100%; } .nav li.cur span{ left: 0%; width: 100%; } .nav ul li ul.sec-menu { position:absolute; top: 42px; width: 160px; margin-left:-27px; display:none; left:0px; background-color:rgba(255,255,255,0.85); z-index:11; } .nav ul li ul.sec-menu li { text-align:center; list-style-type:none; float:none; margin-right:0px; } .nav ul li ul.sec-menu li a { display:block; font-size:16px; color:#333; height:50px; line-height:50px; border-bottom:1px #e4e4e4 solid; } .nav ul li ul.sec-menu li a:hover { background:#0047b9; color:#fff; } .nav ul li ul.sec-menu li:last-child a{ border-bottom:0px; } .nav li:hover .sec-menu{ height:auto; } .banner{ width:100%; height:auto; position:relative; overflow:hidden; transform: translate3d(0,0,0); } .banner .swiper-slide{ width:100%; height:auto; transform: translate3d(0,0,0); color: #FFFFFF; } .indexvideobox{ position:relative; overflow:hidden; } .indexvideo{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:100; } .indexvideo video{ width:100%; height:100%; object-fit:cover; } .videobg{ width:100%;height:100%; position:absolute; left:0px; top:0px; z-index:101; background-color: rgba(10,10,10,0.46) } .videotext{ text-align:center; font-size:60px; margin-top:15%; font-weight:bolder; } .videotext p{ font-size:30px; margin-top:10px; font-weight:normal; } .banner img{ width:100%; height:auto; display:block; } .banner .pagination { position: absolute; left: 0; text-align: center; bottom: 25px; width: 100%; z-index:999; } .banner .swiper-pagination-bullet { display: inline-block; opacity:1; background:#fff; width: 27px; height: 7px; overflow: hidden; line-height: 999px; border-radius: 7px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out; } .banner .swiper-pagination-bullet-active{ background: #F17E0E; } .about_box{ width:100%; height:auto; background:url('https://img.alicdn.com/imgextra/i1/712096873/O1CN01OL5PGZ20dsxpTPgmD_!!712096873.png') center top no-repeat; background-size:cover; padding-top:70px; padding-bottom:70px; } .index_cat{ height:102px; } .index_cat ul{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .index_cat li{ width:24%; height:102px; padding:20px 25px; background-color:#ffffff; border: 1px solid #DBDBDB; cursor:pointer; } .index_cat h3{ font-size:22px; font-weight:500; color: #043492; } .index_cat p{ color:#666; margin-top:2px; } .index_cat img{ float:right; margin-top:4px; } .index_cat .img1{ display:block; } .index_cat .img2{ display:none; } .index_cat li.on{ background-color:#184db7; border: 1px solid #184db7; } .index_cat li.on h3{ color:#fff; } .index_cat li.on p{ color:#fff; } .index_cat li.on .img1{ display:none; } .index_cat li.on .img2{ display:block; } .index_cat li:hover{ background-color:#184db7; border: 1px solid #184db7; } .index_cat li:hover h3{ color:#fff; } .index_cat li:hover p{ color:#fff; } .index_cat li:hover .img1{ display:none; } .index_cat li:hover .img2{ display:block; } .aboutus{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:70px; } .aboutus_infos{ width:48%; } .title{ font-size: 36px; font-weight: bold; color: #0047ba; line-height: 30px; margin-bottom:40px; } .aboutus_infos p{ line-height:29px; } .about_data{ margin-top:52px; } .about_data ul{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .about_data li{ background:url(../images/line.png) left center no-repeat; padding-left:60px; } .about_data li:first-child{ padding-left:0px; background:none; } .about_data span{ font-size:50px; font-family:Helvetica; color:#184db7; font-weight:bolder; } .about_data font{ color:#184db7; margin-left:3px; } .about_data p{ color:#999; } .aboutus_pics{ width:47%; position:relative; overflow:hidden; transform:translate3d(0,0,0); } .aboutus_pics .swiper-slide{ transform:translate3d(0,0,0); overflow:hidden; } .aboutus_pics img{ width:100%; height:auto; display:block; } .swiper-next{ width: 55px; height: 55px; position:absolute; right:18px; top:50%; margin-top:-28px; background:url(../images/right2.png) center center no-repeat; border: 1px solid #fff; border-radius: 50%; z-index:1; cursor:pointer;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; } .swiper-prev{ width: 55px; height: 55px; position:absolute; left:18px; top:50%; margin-top:-28px; background:url(../images/left2.png) center center no-repeat; border: 1px solid #fff; border-radius: 50%; z-index:1; cursor:pointer;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.98; opacity: 0.9; } .swiper-next:hover{ background:url(../images/right2.png) center center no-repeat #184db7; border: 1px solid #184db7; } .swiper-prev:hover{ background:url(../images/left2.png) center center no-repeat #184db7; border: 1px solid #184db7; } .swiper-next2{ width: 55px; height: 55px; position:absolute; right:18px; top:50%; margin-top:-28px; background:url(../images/right1.png) center center no-repeat #fff; border: 1px solid #fff; border-radius: 50%; z-index:1; cursor:pointer;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; } .swiper-prev2{ width: 55px; height: 55px; position:absolute; left:18px; top:50%; margin-top:-28px; background:url(../images/left1.png) center center no-repeat #fff; border: 1px solid #fff; border-radius: 50%; z-index:1; cursor:pointer;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.98; opacity: 0.9; } .swiper-next2:hover{ background:url(../images/right2.png) center center no-repeat #184db7; border: 1px solid #184db7; } .swiper-prev2:hover{ background:url(../images/left2.png) center center no-repeat #184db7; border: 1px solid #184db7; } .about_more{ width:192px; height:48px; line-height:48px; background-color:#184db7; margin-top:51px; text-align:center; } .about_more a{ color:#fff; line-height:48px; display:block; } .news{ margin-top:70px; position:relative; } .news .title{ margin-bottom:0px; line-height:48px; } .news_cat{ position:absolute; right:0px; top:0px; } .news_cat ul{ float:right; } .news_cat li{ float:left; width:144px; height:46px; line-height:44px; text-align:center; border: 1px solid #DBDBDB; margin-left:21px; } .news_cat a{ display:block; } .news_cat li.on{ background-color:#184db7; border: 1px solid #184db7; color:#fff; } .news_cat li.on a{ color:#fff; } .item{ } .index_news{ height:auto; margin-top:30px; overflow:hidden; } .index_news .swiper-slide{ width:32%; transform: translate3d(0,0,0); overflow:hidden; } .index_news h3{ width:100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .index_pic{ overflow:hidden; } .index_news .index_pic img{ width:100%; height:auto; display:block; overflow-x: hidden; overflow-y: hidden; position: relative; z-index:1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */ -moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari 鍜 Chrome */ -webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */ -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease; } .index_news .index_pic img:hover{ transform: scale(1.1, 1.1); -ms-transform:scale(1.1, 1.12); /* IE 9 */ -moz-transform:scale(1.1, 1.1); /* Firefox */ -webkit-transform:scale(1.1, 1.1); /* Safari 鍜 Chrome */ -o-transform:scale(1.12, 1.1); /* Opera */ } .index_news .index_news_tit{ border:1px #dbdbdb solid; padding:22px; border-top:0px; } .index_news p{ margin-top:15px; line-height:26px; color:#666666; margin-bottom:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index_news span.more{ float:right; } .index_news span.more a{ font-size:14px; color:#999; } /*.index_news span.more a:hover{ color:#184db7; }*/ .index_news span.date{ font-size:14px; color:#999; } .index_news .swiper-slide:hover{ background:url(../images/index_newsbg.png) right bottom no-repeat #0047b9; -moz-background-size:45% auto; background-size:45% auto; } .index_news .swiper-slide:hover a{ color:#fff; } .index_news .swiper-slide:hover span.more a{ color:#fff; } .index_news .swiper-slide:hover span.date{ color:#fff; } .index_news .swiper-slide:hover p{ color:#fff; } .index_news .newspagination { text-align: center; width: 100%; z-index:999; margin-top:30px; } .index_news .swiper-pagination-bullet { display: inline-block; opacity:1; background:#d6deeb; width: 12px; height: 12px; overflow: hidden; line-height: 999px;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out; } .index_news .swiper-pagination-bullet-active{ background: #F17E0E; } .index_video{ text-align:center; } .index_video img{ width:100%; height:auto; display:block; } .index_video .videolist_pic{ width:100%; overflow:hidden; position:relative; } .index_video .vico{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:11;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .index_video .vico img{ width:44px; height:auto; display:block; } .index_video .vico a{ display:block; } .index_video .swiper-slide:hover .vico{ background-color:rgba(0,0,0,0.35) } .com_banner{ width:100%; height:auto; position:relative; overflow:hidden; } .com_banner img{ width:100%; height:auto; display:block; animation: myfirst 4s; } @keyframes myfirst { from { transform: scale(1.1); } to { transform: scale(1); }} .com_txt_box{ position:absolute; left:0px; top:0px; z-index:1; text-align:center; width:100%; height:100%; color:#fff; padding-top:9%; } .com_txt_box h3{ font-size:48px; } .com_txt_box p{ text-transform:uppercase; margin-top:15px; font-family:Helvetica; } .posibox{ height:auto; overflow:hidden; background:url(../images/dian.jpg) left bottom repeat-x; } .position{ background:url(../images/posibg2.png) left center no-repeat; float:left; padding-top:35px; padding-bottom:35px; } .position span{ margin-left:20px; color:#666; } .position a{ margin-left:5px; margin-right:5px; color:#666; } .position a:hover{ color:#043492; } .com_cat{ float:right; } .com_cat li{ float:left; height:92px; line-height:92px; background:url(../images/line2.jpg) left center no-repeat; padding-left:25px; margin-left:25px; } .com_cat li:first-child{ background:none; } .com_cat a{ display:block; } .com_cat a:hover{ background:url(../images/com_catbg.jpg) left bottom repeat-x; } .com_cat .cur a{ background:url(../images/com_catbg.jpg) left bottom repeat-x; color:#0047b9; } /* 鍏充簬浼佷笟 */ .about_com_box{ height:auto; margin-top:60px; background:url(../images/2000.png) 97% top no-repeat; } .about_content{ line-height:32px; } .about_content h3{ font-size: 28px; color: #0047b9; margin-bottom:20px; } .about_content h2{ font-size: 40px; color: #0047b9; margin-bottom:50px; } .about_content p{ margin-top:20px; text-indent:2em; } .about_com_data{ height: auto; padding-top:25px; padding-bottom:25px; padding-left:125px; padding-right:125px; background: #FFFFFF; margin-top:40px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); } .about_com_data ul{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .about_com_data li{ background:url(../images/line3.jpg) left center no-repeat; padding-left:130px; } .about_com_data li:first-child{ padding-left:0px; background:none; } .about_com_data span{ font-size:72px; font-family:Helvetica; color:#184db7; font-weight:bolder; } .about_com_data font{ color:#184db7; margin-left:3px; font-size:18px; } .about_com_data p{ color:#999; } .aboutus_com_pics{ margin-top:60px; overflow:hidden; position:relative; transform:translate3d(0,0,0); } .aboutus_com_pics img{ width:100%; height:auto; display:block; } .hide2{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,71,185,0.5); opacity:0; transform:scale(0);transition:all 0.4s ease-in-out;backface-visibility:hidden;zoom:1;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .hide2 h3{width: 96%; margin: auto; text-align:center; color: #fff;font-size:22px; font-weight:normal;color: #fff; padding-left:10px; padding-right:10px;} .aboutus_com_pics .swiper-slide:hover .hide2{opacity: 1;transform:scale(1);} .global_pic{ width:100%; height:auto; position:relative; margin-top:70px; overflow:hidden; } .global_pic img{ width:100%; height:auto; display:block; } .global_title{ width:100%; text-align:center; position:absolute; left:0px; top:0px; z-index:2; padding-top:50px; font-size:40px; color:#fff; } .global_title p{ width:940px; margin:0 auto; text-align:center; font-size:16px; color:#fff; line-height:30px; margin-top:25px; } .global_pic span{position:absolute;display:block;} .global_pic span.country01{left:21.7%;top:47%;} .global_pic span.country02{left:24.6%;top:61.5%;} .global_pic span.country03{left:33.1%;top:74.8%;} .global_pic span.country04{left:53%;top:55%;} .global_pic span.country05{left:57.7%;top:66%;} .global_pic span.country06{left:75.3%;top:69.5%;} .global_pic span.country07{left:81.5%;top:69%;} .global_pic span.country08{left:87.1%;top:84.5%;} .global_pic span.country09{left:74.5%;top:58.7%;} .global_pic span.country10{left:75.7%;top:61%;} .global_pic span.country11{left:79.4%;top:50.7%;} .global_pic span.country12{left:64%;top:33.8%;} .global_pic span.country13{left:16%;top:39%;} .global_pic span.country14{left:27%;top:70%;} .global_pic span.country15{left:57.5%;top:70%;} .global_pic span.country16{left:81.5%;top:48.2%;} .global_pic span.country17{left:84%;top:49%;} .global_pic span.country18{left:28%;top:75%;} .global_pic span.country19{left:29%;top:86%;} .global_pic span.country20{left:55%;top:54%;} .global_pic span.country21{left:57.8%;top:50%;} .global_pic span.country22{left:59%;top:54%;} .global_pic span.country23{left:60.5%;top:59.5%;} .global_pic span.country24{left:62.5%;top:56.8%;} .global_pic span.country25{left:59%;top:51%;} .global_pic span.country26{left:62%;top:51%;} .global_pic span.country27{left:64%;top:49.5%;} .global_pic span.country28{left:66%;top:52%;} .global_pic span.country29{left:68.5%;top:58%;} .global_pic span.country30{left:69%;top:64.5%;} .global_pic span.country31{left:69.5%;top:55%;} .global_pic span.country32{left:64%;top:43%;} .global_pic span.country33{left:63%;top:45%;} .global_pic span.country34{left:56%;top:30.5%;} .global_pic span.country35{left:54%;top:38%;} .global_pic span.country36{left:57%;top:42%;} .global_pic span.country37{left:53%;top:44%;} .global_pic span.country38{left:51%;top:45%;} .global_pic span.country39{left:56.5%;top:47%;} .global_pic span.country40{left:54%;top:45%;} .global_pic span.country41{left:53.5%;top:47%;} .global_pic span.country42{left:46.7%;top:46%;} .global_pic span.country43{left:45.5%;top:39%;} .global_pic span.country44{left:53%;top:42%;} .global_pic span.country45{left:76.5%;top:61%;} .global_pic span.country46{left:80%;top:61%;} .global_pic span.country47{left:74.5%;top:65.5%;} .global_pic span.country48{left:71.3%;top:55.5%;} .global_pic span.country49{left:28.8%;top:58.2%;} /* 娉㈠姩鏁堟灉 */ .wave { position: relative; width: 12px; height: 12px; text-align: center; } .wave .circle{ width: 100%; height: 100%; position: absolute; border-radius: 50%; opacity: 0; background: #fff ; } .wave .circle2{ width: 100%; height: 100%; position: absolute; border-radius: 50%; opacity: 0; background: #fff ; /*background: #acae75 ;*/ } .wave .province{ width: 100px; height: 28px;line-height:28px; position: absolute; text-align:left; opacity: 0; left:30px; top:-8px; color:#fff; z-index:-1; display:none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; font-size:16px; -o-transition: 0.5s all; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px; } .wave:hover .province{ opacity: 1; left:18px; z-index:1; display:block; } .global_pic span.country11 .wave .province{ width: 120px; height: 28px;line-height:28px; position: absolute; text-align:left; opacity: 1; left:-43px; top:-5px; color:#fff; z-index:1; transition: 0.5s all; display:block; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; font-size:20px;text-shadow: 0px 2px 2px rgba(0,0,0,0.75); -o-transition: 0.5s all; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px; } .wave .circle:first-child { animation: circle-opacity 1.5s infinite; } @keyframes circle-opacity{ from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(2.6); } } .wave .circle2:first-child { animation: circle-opacity 1.5s infinite; } @keyframes circle-opacity{ from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(2.6); } } .card{ width:12px; height:12px; border-radius: 50%; background-color: #fff; color:#fff; position: absolute; z-index: 999; } .card2{ width:12px; height:12px; border-radius: 50%; background-color: #fff; /* background-color: #acae75; */ color:#fff; position: absolute; z-index: 999; } /* 浜т笟鍩哄湴 */ .jidititle{ text-align:center; color:#0047b9; font-size:40px; font-weight:bolder; margin-top:60px; } .jidititle .img1{ margin-right:25px; vertical-align:middle; } .jidititle .img2{ margin-left:25px; vertical-align:middle; } .jidi_box1{ display:flex; display: -webkit-flex; flex-direction:row-reverse; flex-wrap: wrap; justify-content: space-between; } .jidi_box2{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .jidi_pics{ width:50%; position:relative; overflow:hidden; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; transform:translate3d(0,0,0); } .jidi_pics img{ width:100%; height:auto; display:block; } .jidi_infos{ width:50%; background:url(../images/jidibg.jpg) left bottom no-repeat; -moz-background-size:100% auto; background-size:100% auto; padding-left:40px; padding-top:50px; } .jidi_infos h3{ font-size:36px; color:#0047b9; font-weight:normal; } .jidi_infos p{ margin-top:30px; line-height:36px; font-size:18px; } .jidi_box2 .jidi_infos{ padding-left:0px; padding-right:40px; } /* 浼佷笟鏂囧寲 */ .culture_box{ width:100%; padding-top:60px; padding-bottom:60px; background:url(../images/culture_boxbg.jpg) center top no-repeat; background-size:cover; } .culture{ height:auto; } .culture ul{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .culture li{ width:33.33%; padding-top:30px; padding-bottom:30px; text-align:center; border-right:1px #ffffff solid; border-bottom:1px #ffffff solid; } .culture h3{ font-size: 28px; color: #0047B9; margin-top:20px; margin-bottom:20px; background:url(../images/line4.png) center bottom no-repeat; padding-bottom:15px; } .culture p{ margin:0 65px; line-height:24px; color:#666; } .culture li:nth-child(3n){ border-right:0px; } .culture li:nth-of-type(4){ border-bottom:0px; } .culture li:nth-of-type(5){ border-bottom:0px; } .culture li:nth-of-type(6){ border-bottom:0px; } .culture img {/*-moz-transition: all 1s;-ms-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;*/} .culture li:hover img { -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); -moz-transition: all 1.5s; -ms-transition: all 1.5s; -webkit-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; } /* 绀句細璐d换 */ .greybox{ background-color:#f5f5f5; padding-top:1px; padding-bottom:60px; } .greybox2{ background-color:#f9f9f9; padding-top:1px; padding-bottom:60px; margin-top:70px; } .shzr_box1{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:50px; } .shzr_box2{ display:flex; display: -webkit-flex; flex-direction:row-reverse; flex-wrap: wrap; justify-content: space-between;margin-top:50px; } .shehuizeren_infos{ width:32%; background-color:#fff; padding-left:65px; padding-top:70px; padding-right:65px; } .shehuizeren_infos h3{ font-size:30px; color:#0047b9; background:url(../images/line4.png) left bottom no-repeat; padding-bottom:20px; } .shehuizeren_infos p{ font-size:24px; color:#666; margin-top:30px; } .shehuizeren_pics{ width:66%; position:relative; overflow:hidden; transform:translate3d(0,0,0); } .shehuizeren_pics img{ width:100%; height:auto; display:block; } /* 璧勮川鑽h獕 */ .honor_box{ background:url(../images/honorbg2.jpg); padding-top:1px; } .honor_cat{ height:auto; text-align:center; margin-top:40px; border-bottom:1px #dddddd solid; padding-bottom:50px; } .honor_cat ul{ list-style-type:none; } .honor_cat li{ display:inline-block; height:40px; line-height:38px; cursor:pointer; margin-left:40px; margin-right:40px; font-size:18px; } .honor_cat li.on{ color:#0047b9; border-bottom:2px #0047b9 solid; } .honor_cat li.on a{ color:#0047b9; } .honor_info{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: center; } .honor_txts{ width:30%; background:url(../images/dian2.jpg) right top repeat-y; text-align:right; padding-top:60px; padding-bottom:60px; overflow:hidden; } .honor_txts .swiper-wrapper{ display:inherit; } .honor_txts .swiper-slide{ width:100%; height:30px; line-height:30px; font-size:18px; margin-bottom:20px; padding-right:60px; cursor:pointer; } .honor_txts .swiper-slide-thumb-active{ background:url(../images/honorbg.jpg) right center no-repeat; color:#0047b9; } .honor_txts .swiper-slide-thumb-active a{ color:#0047b9; } .honor_pics{ width:45%; text-align:center; padding-top:55px; overflow:hidden; margin-left:4%; padding-bottom:60px; position:relative; } .honor_pics img{ width:100%; height:auto; } .honor_pics h2{ text-align:center; font-size:30px; font-weight:normal; margin-bottom:50px; } .honor_pics .swiper-next{ display:none; } .honor_pics .swiper-prev{ display:none; } /* 浜т笟甯冨眬 */ .chanye_cat{ overflow:hidden; } .chanye_cat .swiper-wrapper{ display:inherit; } .chanye_cat .swiper-slide{ width:auto !important; } .chanye_cat .swiper-slide a{ padding-bottom:7px !important; } .chanye_cat .swiper-slide-thumb-active{ color:#0047b9; } .chanye_cat .swiper-slide-thumb-active a{ color:#0047b9; border-bottom:2px #0047b9 solid; } .chanyebuju_pic{ position:relative; overflow:hidden; margin-top:40px; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; transform:translate3d(0,0,0); } .chanyebuju_pic img{ width:100%; height:auto; display:block; } .chanye_cat{ border-bottom:0px; padding-bottom:0px; } .chanye_infos{ width: 460px; height: 260px; background:url(../images/chanyebg.png); border-radius: 15px; position:absolute; left:0px; bottom:0px; z-index:2; color:#fff; padding:35px; border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; } .chanye_infos h2{ font-size:30px; } .chanye_infos p{ font-size:18px; margin-top:15px; line-height:30px; } .chanye_more{ width:110px; height:30px; line-height:30px; background:url(../images/jt.png) right center no-repeat; padding-right:30px; margin-top:30px; } .chanye_more a{ color:#fff; } .chanye_pre{ width:170px; position:absolute; right:40px; bottom:70px; z-index:2; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .chanye_item{ display:none; } .itemon{ display:block; } /* 鍙戝睍鍘嗙▼ */ .history_title{ text-align:center; margin-top:60px; border-bottom:1px #cecece solid; } .history_title h2 span{ font-family:Helvetica; } .history{ height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-start; } .history_year{ width:13%; background:url(../images/dian3.jpg) right top repeat-y; font-size:47px; color:#0047b9; font-weight:bolder; font-family:Helvetica; padding-top:50px; } .history_year span{ font-size:20px; margin-left:5px; font-family:Pingfang; font-weight:normal; } .history_year font{ display:inline-block; } .history_year .yeararrow{ background:url(../images/yearbg.png) right center no-repeat; display:inline-block; width:28px; height:28px; float:right; margin-top:15px; } .history_info{ width:83%; margin-left:4%; font-size:18px; line-height:36px; padding-top:60px; padding-bottom:50px; } .history_info li{ background:url(../images/historybg.png) left 10px no-repeat; height:auto; padding-left:30px; } .history_pic{ width:100%; margin-top:30px; overflow:hidden; position:relative; } .history_pic img{ width:100%; height:auto; display:block; } .history_pic .swiper-next,.history_pic .swiper-prev{ width:40px; height:40px; margin-top:-20px; } .history_pic .swiper-next.swiper-button-disabled,.history_pic .swiper-prev.swiper-button-disabled{ opacity:0;cursor:auto;pointer-events:none; } /* 鑱旂郴鎴戜滑 */ .contactbox{ background-color:#f5f7f9; padding-top:1px; } .contactus{ margin-top:60px; overflow:hidden; } .contact_info{ width:43%; height:auto !important; background-color:#fff; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; padding-left:35px; padding-right:35px; padding-top:50px; padding-bottom:50px; float:left; } .contact_info h2{ color:#0047b9; font-size:36px; font-weight:400; } .contact_info ul{ margin-top:30px; } .contact_info li{ font-size:22px; color:#666666; border-bottom:1px #e0e3e8 solid; padding-top:35px; padding-bottom:35px; margin-top:15px; margin-bottom:15px; } .contact_info a{ font-size:22px; color:#666666; } .contact_info a:hover{ color:#0047b9; } .contact_info li.con1{ background:url(../images/contact_icon01.png) left center no-repeat; padding-left:80px; } .contact_info li.con2{ background:url(../images/contact_icon02.png) left center no-repeat; padding-left:80px; } .contact_info li.con3{ background:url(../images/contact_icon03.png) left center no-repeat; padding-left:80px; } .contact_pic{ width:55%; float:right; position:relative; } .contact_pic img{ width:100%; height:auto; } .contact_logo{ width:15%; position:absolute; left:68%; top:37%; z-index:1; } .department{ width:100%; height:auto; overflow:hidden; background-color:#0c36a2; } .department ul{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .department li{ width:20%; padding-top:4%; padding-bottom:120px; color:#fff; padding-left:3%; font-size:20px; } .department li:nth-child(2n){ background-color:#043492; } .department h3{ font-size:30px; font-weight:500; margin-bottom:30px; background:url(../images/h3bg.jpg) left bottom no-repeat; padding-bottom:15px; } .department a{ font-size:20px; color:#fff; line-height:32px; } .department .empty{ display:none; } /* 绉戞妧鍒涙柊 */ .keji_pics{ margin-top:30px; transform:translate3d(0,0,0); } .keji_pics img{ border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px; } .yanfashili{ text-align:center; max-width:1180px; margin:0 auto; padding-left:15px; padding-right:15px; color:#666; font-size:18px; line-height:36px; margin-top:30px; } .yanfashili span{ color:#0047b9; } .yanfapingtai_box{ background:url('https://img.alicdn.com/imgextra/i4/712096873/O1CN018izupv20dsxtyl28B_!!712096873.jpg') center top no-repeat; background-sieze:cover; height:auto; padding-top:60px; padding-bottom:100px; margin-top:80px; } .yanfapingtai{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .yanfa_txts{ width:44%; color:#fff; padding-top:50px; } .yanfa_txts h3{ font-size:40px; } .yanfa_txts p{ font-size:18px; line-height:36px; margin-top:40px; } .yanfa_txts ul{ margin-top:25px; } .yanfa_txts li{ display:inline-block; margin-right:5px; background-color:#233fa6; width:50px; height:50px; overflow:hidden;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; } .yanfa_txts img{ filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; } .yanfa_txts li:hover img{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } .yanfa_pics{ width:56%; position:relative; padding-top:10px; } .yanfa_pics img{ width:100%; height:auto; display:block; } .yanfa_pics_logo{ position:absolute; left:33%; top:28%; z-index:1; width:336px; height:100px; } .yanfa_pics_logo img{ width:100%; height:auto; display:block; } .chuangxin_info{ display:flex; display: -webkit-flex; flex-direction:row-reverse; flex-wrap: wrap; justify-content: space-between; margin-top:70px; } .chuangxin_txts{ width:46%; font-size:18px; color:#666; padding-top:40px; } .chuangxin_txts ul{ margin-top:30px; } .chuangxin_txts li{ line-height:60px; border-bottom:1px #e3e3e3 solid; background:url(../images/keji_icon.png) left center no-repeat; padding-left:35px; } .chuangxin_pics{ width:50%; overflow:hidden; border:1px #d8d8d8 solid; padding:40px; position:relative; transform:translate3d(0,0,0); } .chuangxin_pics img{ width:100%; height:auto; display:block; } .keyanchengguo_box{ background:url(../images/keyanchenghuo_bg.jpg) center top no-repeat; background-size:cover; padding-top:1px; padding-bottom:60px; margin-top:70px; } .keyanchengguo_info{ margin-top:20px; } .keyanchengguo_info ul{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .keyanchengguo_info li{ width:16%; padding-top:30px; text-align:center; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .keyanchengguo_info span{ font-size:36px; color:#0c41ad; font-family:Helvetica; font-weight:bolder; } .keyanchengguo_info p{ font-size:18px; color:#666; margin-top:15px; line-height:30px; } .keyanchengguo_info img{ width:100%; height:auto; display:block; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; border:13px #f7fbff solid; } .keyanchengguo_info li:hover{ width:19%; padding-top:0px; } .five{ text-align:center; color:#0c41ad; font-size:24px; margin-top:30px; } .keyanchengguo_zs{ font-size:18px; line-height:30px; margin-top:50px; } .keyanchengguo_zs p{ margin-bottom:15px; } .keyanchengguo_zs ul{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:40px; } .keyanchengguo_zs li{ width:31%; text-align:center; } .keyanchengguo_zs img{ width:100%; height:auto; display:block; border:1px #d8d8d8 solid; padding:25px; } .keyanchengguo_zs .zspic{ position:relative; } .hide1{width: 100%;height: 100%;position: absolute;top: 0;left: 0; background:url(../images/zsbg2.png); opacity:0; transform:scale(0);transition:all 0.4s ease-in-out;backface-visibility:hidden;zoom:1;} .hide1 img{width: 45px; height:45px; border:0px; padding:0px; position:absolute; left:50%; margin-left:-22.5px; top:50%; margin-top:-22.5px; z-index:11;} .hide1 a{ display:block; } .keyanchengguo_zs ul li:hover .hide1{opacity: 1;transform:scale(1);} .keyanchengguo_bigpics{ width:100%; height:auto; overflow:hidden; margin-top:50px; position:relative; transform:translate3d(0,0,0); } .keyanchengguo_bigpics img{ width:100%; height:auto; display:block; } .keyanchengguo_bigpics .keyanpagination { text-align: center; width: 100%; z-index:999; margin-top:30px; position:absolute; bottom:15px; } .keyanchengguo_bigpics .swiper-pagination-bullet { display: inline-block; opacity:1; background:#fff; width: 15px; height: 15px; overflow: hidden; line-height: 999px;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; margin: 8px;cursor: pointer;transition: width 0.3s ease-in-out; } .keyanchengguo_bigpics .swiper-pagination-bullet-active{ background: #fe9e21; } .nongkexueyuan{ margin-top:70px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .nongkexueyuan_txts{ width:20%; text-align:center; } .nongkexueyuan_txts2 h3{ font-size:36px; color:#0047b9; margin-bottom:10px; } .nongkexueyuan_txts2 p{ font-size:24px; color:#333; margin-bottom:20px; } .nongkexueyuan_txts2{ width:75%; font-size:18px; line-height:36px; padding-top:15px; } .nongkexueyuan_txts2 span{ color:#0047b9; } .nongkexueyuan_list{ height:auto; margin-top:60px; } .nongkexueyuan_list li{ height:auto; padding-top:40px; padding-bottom:40px; border:1px #d8d8d8 solid; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px; padding-left:70px; padding-right:70px; overflow:hidden; margin-bottom:25px; background-color:#fafafa; } .nongkexueyuan_list img{ float:left; width:150px; height:auto;-moz-transition: all 1s;-ms-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s; } .nongkexueyuan_list li:hover img { -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); -moz-transition: all 1.5s; -ms-transition: all 1.5s; -webkit-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; } .nongkexueyuan_list p{ font-size:18px; line-height:36px; padding-top:20px; padding-bottom:40px; margin-left:220px; border-left:1px #184db7 solid; padding-left:70px; height:auto; } .nongkexueyuan_list li:hover{ border:1px #0047b9 solid; background-color:#fff; } /* 鏂伴椈鍔ㄦ€ */ .newsbanner{ text-align:left; padding-left:20%; } .newsbanner p{ padding-left:4.5%; } .hot_news{ overflow:hidden; margin-top:60px; transform:translate3d(0,0,0); } .hot_news .swiper-slide{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; background-color:#fafafa; } .hot_news .hot_news_pic{ width:48%; } .hot_news .hot_news_pic img{ width:100%; height:auto; display:block; } .hot_news .hot_news_txt{ width:52%; padding-left:3%; padding-top:40px; padding-right:3%; } .hot_news .hot_news_txt a{ font-size:28px; color:#022222; } .hot_news .hot_news_txt a:hover{ color:#0047b9; } .hot_news .hot_news_txt p{ font-size:18px; line-height:36px; color:#666; margin-top:30px; } .hot_news .hot_news_txt span{ color:#999; display:inline-block; margin-top:20px; } .hot_news .hot_news_txt .hot_date{ margin-top:20px; border-top:1px #e3e3e3 solid; } .hot_more{ background:url(../images/news_jt.jpg) right center no-repeat; width:126px; height:28px; margin-top:30px; } .hot_more a{ font-size:18px !important; color:#999999; } .hot_news .hotpagination { text-align: center; width: 100%; z-index:999; margin-top:30px; } .hot_news .swiper-pagination-bullet { display: inline-block; opacity:1; background:#e3e3e3; width: 14px; height: 14px; overflow: hidden; line-height: 999px;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out; } .hot_news .swiper-pagination-bullet-active{ background: #fe9e21; } .newslist{ height:auto; margin-top:50px; } .newslist li{ height:auto; overflow:hidden; background-color:#fafafa; padding-right:220px; margin-bottom:50px; position:relative; } .newslist .newslist_pic{ width:33%; overflow:hidden; float:left; margin-right:50px; } .newslist img{ width:100%; height:auto; overflow-x: hidden; display:block; overflow-y: hidden; position: relative; z-index:1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */ -moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari 鍜 Chrome */ -webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */ -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease; } .newslist li:hover img{ transform: scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); /* IE 9 */ -moz-transform:scale(1.1, 1.1); /* Firefox */ -webkit-transform:scale(1.1, 1.1); /* Safari 鍜 Chrome */ -o-transform:scale(1.1, 1.1); /* Opera */ } .newslist a{ font-size:24px; color:#333333; } .newslist li:hover a{ color:#0047b9; } .newslist h3{ margin-top:25px; font-weight:400; } .newslist p{ font-size:16px; margin-top:20px; line-height:30px; } .newslist .hot_more2{ background:url(../images/news_jt.jpg) right 8px no-repeat; width:106px; height:28px; margin-top:30px; display:inline-block; } .newslist .hot_more2 a{ font-size:14px !important; color:#999999; } .newslist .news_date{ float:right; width:150px; text-align:center; position:absolute; right:40px; top:30%; color:#999; } .newslist .news_date span{ font-size:34px; color:#999; } .news_content{ margin-top:50px; } .news_title{ text-align:center; margin:0 auto; font-size:30px; line-height:50px; color:#0047b9; padding-left:50px; padding-right:50px; max-width:1000px; } .news_info{ text-align:center; border-bottom:1px #d8d8d8 solid; margin-top:25px; padding-bottom:25px; } .content{ width:100%; height:auto; margin:0 auto; margin-top:45px; font-size:16px; line-height:36px; max-width:1000px; } .content p{ text-indent:2em; margin-bottom:10px; } .content section{ text-indent:2em; margin-bottom:10px; } .content p video{ text-align:-2em; display:block; width:100% !important; height:auto !important; } .content div video{ text-align:-2em; display:block; width:100% !important; height:auto !important; } .content img{ max-width: 100%!important;height: auto!important;width:expression(this.width > 1000 ? "1000px" : this.width)!important;display:block; margin:0 auto; } /*.content p img{ margin-left:-2em !important } .content section img{ text-align:-2em !important; }*/ .video_content{ margin-top:40px; } .source{ text-align:right; } .pages{ margin:0 auto; text-align:center; padding-top:0px; padding-bottom:20px; } .pages ul{ list-style-type:none; padding:12px 0px 12px 0px; } .pages ul span{ display:inline-block; font-family:Tahoma; height:40px; line-height:40px; font-size:16px; margin-left:4px; margin-right:4px; } .pages ul span.page-status{ padding-left:15px; padding-right:15px; border:1px solid #E9E9E9; } .pages ul span.page-numbar{ font-size:16px; margin-right:0px; } .pages ul span.page-next{ margin-left:0px; } .pages ul span.page-numbar a{ font-size:16px; margin-right:8px; } .pages ul span a{ color:#555; height:40px; line-height:40px; padding-left:15px; padding-right:15px; display:inline-block; border:1px solid #E9E9E9; font-size:16px; } .pages ul span a:hover{ color:#fff; text-decoration:none; background-color:#0047b9; height:40px; line-height:40px; padding-left:15px; padding-right:15px; display:inline-block; } .pages ul a.page-num-current, .pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{ background-color:#0047b9; padding:0px 4px 0px; padding-left:15px; padding-right:15px; color:#fff; } .text-secondary{ font-size:16px; text-align:center; padding-bottom:50px; height:auto; line-height:30px; overflow:hidden; color:#888; } .prenext{ border-top:1px #d8d8d8 solid; margin-top:15px; padding-top:25px; } .prenext li{ line-height:32px; } .backlist{ float:right; width:145px; height:46px; background:url(../images/backlistbg.png) 21px center no-repeat #0047b9; line-height:46px; margin-top:-60px; } .backlist a{ padding-left:57px; color:#fff; display:block; } .morenews_title{ border-top:1px #e4e4e4 solid; margin-top:50px; padding-top:30px; font-size:30px; color:#0047b9; } /* 瑙嗛涓績 */ .videolist{ height:auto; margin-top:50px; } .videolist ul{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .videolist li{ width:32%; height:auto; margin-bottom:25px; text-align:center;font-size:18px; } .videolist .itemempty { height: 0px; width: 32%; margin-bottom:0px; } .videolist:after { content: ""; flex: auto; } .videolist .videolist_pic{ width:100%; overflow:hidden; position:relative; margin-bottom:20px; } .videolist img{ width:100%; height:auto; overflow-x: hidden; display:block; } .videolist .vico{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:11;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .videolist .vico img{ width:44px; height:auto; display:block; } .videolist .vico a{ display:block; } .videolist a{ font-size:18px; } .videolist li:hover .vico{ background-color:rgba(0,0,0,0.35) } .vbotop{ margin-top:30px; } /* 浜烘墠涓績 */ .jobs_infos{ background:none; } .jobs_infos h3{ background:url(../images/jobs_titlebg.png) left top no-repeat; padding-left:52px; padding-top:36px; margin-top:20px; } .jobs_infos p{ padding-left:52px; } .jobs_box{ margin-bottom:30px; } .peixunketang .swiper-slide{ text-align:center; } .peixunketang img{ margin-bottom:15px; } .peixunketang .swiper-next{ top:43%; } .peixunketang .swiper-prev{ top:43%; } .jobslist{ background-color:#fff; padding-bottom:50px; } .jobs_top{ height:100px; line-height:100px; background-color:#0047b9; margin-top:50px; } .jobs_top ul{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-start; } .jobs_top li{ font-size:18px; color:#fff; } .jobs_top li:nth-of-type(1){ width:23%; padding-left:105px; } .jobs_top li:nth-of-type(2){ width:20%; text-align:center; } .jobs_top li:nth-of-type(3){ width:20%; margin-left:10%; } .jobslist ul li{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-start; height:auto; line-height:36px; font-size:18px; border-bottom:1px #dddddd solid; cursor:pointer; } .jobslist ul li div{ padding-top:32px; padding-bottom:32px; } .jobslist ul li div:nth-of-type(1){ width:23%; padding-left:105px; } .jobslist ul li div:nth-of-type(2){ width:20%; text-align:center; } .jobslist ul li div:nth-of-type(3){ width:20%; margin-left:10%; } .jobslist ul li div:nth-of-type(4){ width:27%; padding-right:105px; } .jobslist span{ float:right; display:inline-block; width:36px; height:36px; background:url(../images/jia.png) no-repeat; float:right; } .jobslist li.on span{ background:url(../images/jia2.png) no-repeat; } .jobslist ul li:hover{ background-color:#f1f1f1; } .jobslist ul li ul{ display:none; width:100% !important; } .jobinfo{ font-size:14px; line-height:24px; width:100% !important; background-color:#fff; padding-top:10px !important; padding-bottom:50px; cursor:auto; padding-right:105px; } .jobinfo h3{ font-size:16px; margin-bottom:10px; color:#333; margin-top:20px; } .jobinfo img{ margin-top:10px; margin-bottom:10px; } .xiaoyuanpic{ margin-top:50px; } /* 鍝佺墝鎴樼暐 */ .brand_box{ height:auto; position:relative; } .brand_box_m{ display:none; } .brand_box .brand_pic{ width:100%; height:auto; display:block; } .brand_title{ position:absolute; left:0px; top:0px; z-index:1; width:100%; text-align:center; margin-top:30px !important; } .brand_logo{ position:absolute; left:39%; bottom:6%; z-index:1; width:24%; } .brand_logo img{ width:100%; height:auto; } /*.brand_01{ position:absolute; left:11.5%; top:54%; z-index:1; text-align:center; width:13.2%; } .brand_02{ position:absolute; left:25%; top:25%; z-index:1; text-align:center; width:14%; } .brand_03{ position:absolute; left:43%; top:13%; z-index:1; text-align:center; width:14%; } .brand_04{ position:absolute; left:61%; top:25%; z-index:1; text-align:center; width:13%; } .brand_05{ position:absolute; left:76%; top:54%; z-index:1; text-align:center; width:11%; } .brand_info{ color:#043492; font-size:28px; } .brand_info p{ font-size:16px; color:#666; text-align:left; margin-top:5px; line-height:26px; } .brand_info font{ font-family:Helvetica; } .brand_info img{ width:195px; height:auto; } .brand_05 p{ text-align:center; } */ /* 鍒朵綔锛 闈掑崕浜掕仈缃戠珯寤鸿 鐗堟潈鎵€鏈 澶嶅埗蹇呯┒ 缃戝潃锛 www.qinghuahulian.com 鐢佃瘽/寰俊锛?8653219163 QQ:893157818 閭锛歷ip@qinghuadns.com 鑱旂郴浜猴細鐜嬪皬濮 */ .brand_01{ position:absolute; left:17%; top:40%; z-index:1; text-align:center; width:13.2%; } .brand_02{ position:absolute; left:29%; top:21%; z-index:1; text-align:center; width:14%; } .brand_03{ position:absolute; left:43%; top:14%; z-index:1; text-align:center; width:14%; } .brand_04{ position:absolute; left:58%; top:21%; z-index:1; text-align:center; width:13%; } .brand_05{ position:absolute; left:81%; top:66%; z-index:1; text-align:center; width:11%; } .brand_06{ position:absolute; left:8%; top:70%; z-index:1; text-align:center; width:11%; } .brand_07{ position:absolute; left:72%; top:40%; z-index:1; text-align:center; width:11%; } .brand_info{ color:#043492; font-size:24px; } .brand_info p{ font-size:16px; color:#666; text-align:left; margin-top:5px; line-height:26px; } .brand_info font{ font-family:Helvetica; } .brand_info img{ width:165px; height:auto; } .brand_05 p{ text-align:center; } .brand_box01{ width:100%; background:url(../images/brand_box01bg.png) center center no-repeat; background-size:cover; padding-top:1px; padding-bottom:50px; } .brand_box02{ width:100%; background:url(../images/brand_box02bg.png) center center no-repeat; background-size:cover; padding-top:1px; padding-bottom:50px; } .brand_box01_info{ text-align:center; margin-top:50px; font-size:18px; color:#666; } .brand_box01_info h3{ color:#0047b9; font-weight:normal; font-size:32px; } .brand_box01_info p{ margin:0 auto; padding-left:15px; padding-right:15px; line-height:30px; margin-top:30px; max-width:1150px; } .brand_box01_info img{ margin-top:30px; width:100%; height:auto; margin-bottom:20px; } .brand_box02_info .jidi_infos{ width:100%; padding-left:0px; } .brand_pics{ overflow:hidden; } .brand_pics ul{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:35px; } .brand_pics li{ width:48%; height:auto; text-align:center; font-size:18px; position:relative; } .brand_pics img{ width:100%; height:auto; display:block; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px; } .brand_pics_txt{ position:absolute; left:0px; bottom:0px; z-index:1; width:100%; height:65px; line-height:65px; background-color:rgba(0,0,0,0.55); color:#fff; } .brand_box03_info{ text-align:center; font-size:18px; } .brand_box03_info span{ display:inline-block; padding-left:25px; padding-right:25px; background-color:#0047b9; height:42px; line-height:42px; color:#fff; border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;-o-border-radius:25px; margin-left:10px; margin-right:10px; margin-top:15px; } .brand_video{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:50px; } .brand_video div{ width:48%; text-align:center; font-size:18px; } .brand_video div video{ width:100%; height:auto; margin-bottom:15px; } .brand_box04_info{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .brand_box04_info .jidi_infos{ padding-left:0px; } .brand_box04_pics{ width:46%; padding-top:80px; } .brand_box04_pics ul{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .brand_box04_pics li{ text-align:center; width:26%; } .brand_box04_pics img{ width:100%; height:auto; display:block; margin-bottom:15px; } .brand_box02_info ul{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: center; margin-top:20px; margin-bottom:20px; } .brand_box02_info li{ text-align:center; margin-right:50px; margin-left:50px; } .brand_right{ padding-top:10px; } .brand_right img{ width:90%; height:auto; margin-top:10px; } .brand_right p{ margin-top:10px; } .dongwu_info p{ margin-top:10px; } .brands_list{ height:auto; margin-top:50px; } .brands_list ul{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .brands_list li{ text-align:center; width:23%; text-align:center; margin-bottom:30px; font-size:18px; } .brands_list .itemempty { height: 0px; width: 23%; margin-bottom:0px; } .brands_list:after { content: ""; flex: auto; } .brands_list img{ width:100%; height:auto; display:block; } .dongwubox{ width:100%; background:url(../images/dongwuyingyangbg.png) right center no-repeat; } .zengxiaoji_info{ font-size:18px; line-height:38px; margin-top:40px; } .zengxiaoji_info p{ margin-bottom:25px; } /* 鍏叡搴曢儴 */ .foot_box{ width:100%; height:auto; background-color:#293446; padding-top:50px; } .mtop50{ margin-top:60px; } .footer{ padding-bottom:60px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .foot_left{ width:22%; } .foot_left ul{ list-style-type:none; margin-top:35px; } .foot_left li{ height:auto; color:#738095; font-size:14px; margin-top:15px; line-height:24px; } .foot_left li.foot_tel{ background:url(../images/telbg.png) left 3px no-repeat; padding-left:32px; } .foot_left li.foot_tel a{ font-size:26px; color:#3a88d1; font-family:Helvetica; } .foot_left li.foot_add{ background:url(../images/posibg.png) left 5px no-repeat; padding-left:32px; } .foot_nav{ width:40%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; color:#727f94; padding-top:4px; } .foot_nav h3{ color:#adbcd5; font-size:16px; margin-bottom:18px; } .foot_nav div{ line-height:27px; font-size:14px; } .foot_nav a{ color:#727f94; } .foot_nav a:hover{ color:#bec9dc; } .wechat{ width:25%; } .wechat li{ float:right; text-align:center; margin-left:25px; } .wechat h3{ color:#adbcd5; font-size:16px; margin-bottom:30px; } .copybox{ height:auto; border-top:1px #45536a solid; padding-top:20px; padding-bottom:20px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .links{ width:235px; height:34px; line-height:34px; padding-left:20px; border:1px #50607a solid; border-radius:34px;-moz-border-radius:34px;-webkit-border-radius:34px;-o-border-radius:34px; color:#536076; font-size:14px; background:url(../images/linksbg.png) 93% center no-repeat; cursor:pointer; position:relative; } .links_info{ position:absolute; left:0px; bottom:32px; border:1px #50607a solid; width:100%; height:auto; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px; padding-left:20px; padding-top:5px; padding-bottom:5px; display:none; background-color:#293446; z-index:1; } .links_info a{ color:#727f94; line-height:25px; } .links_info a:hover{ color:#bec9dc; } .links:hover .links_info{ display:block; } .copyrights{ height:auto; color:#727f94; font-size:14px; line-height:34px; } .copyrights a{ color:#727f94; margin-left:5px; } .copyrights a:hover{ color:#bec9dc; } @keyframes webfd { from {top: 8px;} to {top: -8px;} } @-moz-keyframes webfd /* Firefox */ { from {top: 8px;} to {top: -8px;} } @-webkit-keyframes webfd /* Safari 鍜 Chrome */ { from {top: 8px;} to {top: -8px;} } @-o-keyframes webfd /* Opera */ { from {top: 8px;} to {top: -8px;} } .webfd{ animation: webfd 0.8s linear 0s infinite alternate; /* Firefox: */ -moz-animation: webfd 0.8s linear 0s infinite alternate; /* Safari 鍜 Chrome: */ -webkit-animation: webfd 0.8s linear 0s infinite alternate; /* Opera: */ -o-animation: webfd 0.8s linear 0s infinite alternate;position:relative; } @keyframes webfd2 { from {top: 6px;} to {top: -6px;} } @-moz-keyframes webfd2 /* Firefox */ { from {top: 6px;} to {top: -6px;} } @-webkit-keyframes webfd2 /* Safari 鍜 Chrome */ { from {top: 6px;} to {top: -6px;} } @-o-keyframes webfd2 /* Opera */ { from {top: 6px;} to {top: -6px;} } .webfd2{ animation: webfd2 0.8s linear 0s infinite alternate; /* Firefox: */ -moz-animation: webfd2 0.8s linear 0s infinite alternate; /* Safari 鍜 Chrome: */ -webkit-animation: webfd2 0.8s linear 0s infinite alternate; /* Opera: */ -o-animation: webfd2 0.8s linear 0s infinite alternate;position:relative; } .backtop{ width:46px; height:46px; background-color:#0047b9; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; position:fixed; right:20px; bottom:40px; z-index:111; text-align:center; padding-top:8px; display:none; } .backtop a{ display:block; } .beian img{ margin-right:2px; vertical-align:middle; } @media only screen and (max-width: 1660px) { .header{ margin-left:50px; margin-right:50px; } .w{ width:1280px; } .videotext{ font-size:58px; } .videotext p{ font-size:28px; } .about_box{ padding-top:60px; padding-bottom:60px; } .index_cat{ height:92px; } .index_cat li{ height:92px; padding:15px 20px; } .index_cat h3{ font-size:20px; } .index_cat p{ font-size:14px; } .aboutus{ margin-top:60px; } .aboutus_infos p{ font-size:15px; } .title{ font-size: 32px; margin-bottom:25px; } .about_data{ margin-top:37px; } .about_data span{ font-size:42px; } .about_data li{ padding-left:50px; } .about_com_data span{ font-size:60px; } .about_com_data li{ padding-left:100px; } .about_more{ width:162px; margin-top:37px; } .news{ margin-top:60px; } .news_cat li{ width:125px; height:42px; line-height:42px; margin-left:15px; } .contact_info{ width:46%; } .contact_info h2{ font-size:32px; } .contact_info li{ font-size:20px; } .contact_pic{ width:53%; } .department h3{ font-size:28px; } .department li{ padding-left:2%; font-size:18px; padding-bottom:90px; } .department a{ font-size:18px; } .yanfa_txts{ padding-top:10px; } .chuangxin_txts{ padding-top:30px; } .chuangxin_txts ul{ margin-top:10px; } .com_txt_box h3{ font-size:42px; } .newslist li{ padding-right:180px; } .newslist .newslist_pic{ width:36%; height:auto; margin-right:30px; } .newslist a{ font-size:22px; } .newslist .news_date{ right:20px; } .newslist .hot_more2{ margin-top:10px; } .history_year{ width:15%; } .history_info{ width:81%; } .jobs_top li:nth-of-type(1){ width:27%; padding-left:45px; } .jobslist ul li div:nth-of-type(1){ width:27%; padding-left:45px; } .jobslist ul li div:nth-of-type(4){ width:23%; padding-right:45px; } .jobinfo{ padding-right:45px; } .brand_title{ font-size:28px !important; } .brand_01{ left:16%; top:40%; z-index:1; text-align:center; width:15%; } .brand_02{ left:28%; top:22%; z-index:1; text-align:center; width:15%; } .brand_03{ left:42.5%; top:15%; z-index:1; text-align:center; width:16%; } .brand_04{ left:58%; top:22%; z-index:1; text-align:center; width:15%; } .brand_05{ left:80%; top:65%; z-index:1; text-align:center; width:12%; } .brand_06{ left:8%; top:70%; z-index:1; text-align:center; width:11%; } .brand_07{ left:72%; top:40%; z-index:1; text-align:center; width:11%; } .brand_info img{ width:140px; height:auto; } .brand_info{ font-size:20px; } .brand_info p{ font-size:14px; line-height:20px; } .chanye_infos{ width: 400px; height: 220px; padding:25px; } .chanye_infos h2{ font-size:24px; } .chanye_infos p{ font-size:16px; margin-top:15px; line-height:30px; } } @media (max-width: 1440px) { .top_box{ height:100px; } .header{ width:1280px; margin-left:auto; margin-right:auto; } .w{ width:1280px; } .videotext{ font-size:50px; } .nav li{ margin-right:28px; } .nav a{ font-size:16px; } .nav img{ height:18px; width:auto; } .nav ul li ul.sec-menu { width:130px; margin-left:-20px; } .nav ul li ul.sec-menu li a { font-size:14px; height:40px; line-height:40px; } .index_cat li{ height:86px; } .index_cat li{ padding-left:10px; padding-right:10px; height:86px; } .index_cat img{ width:45px; height:auto; } .index_cat h3{ font-size:18px; } .about_box{ padding-top:50px; padding-bottom:50px; } .aboutus{ margin-top:50px; } .title{ font-size: 28px; } .about_data{ margin-top:25px; } .about_more{ margin-top:25px; height:42px; line-height:42px; } .about_more a{ color:#fff; line-height:42px; display:block; } .aboutus_infos{ width:48%; } .aboutus_pics{ width:49%; } .aboutus_infos p{ margin-bottom:15px; } .shehuizeren_infos p{ font-size:20px; } .news{ margin-top:50px; } .foot_left li.foot_add br{ display:none; } .index_news{ margin-top:20px; } .index_news_02{ margin-top:20px; } .index_news_03{ margin-top:20px; } .news_cat li{ width:117px; height:38px; line-height:38px; } .news_cat a{ font-size:14px; } .com_cat li{ padding-left:20px; margin-left:20px; } .about_content h3{ font-size: 24px; } .about_content h2{ font-size: 36px; } .about_com_data{ padding-left:90px; padding-right:90px; } .jidititle{ font-size:36px; margin-top:50px; } .jidi_infos h3{ font-size:32px; } .jidi_infos p{ font-size:16px; } .brand_box01_info{ font-size:16px; } .brand_box03_info{ font-size:16px; } .brand_video div{ font-size:16px; } .brand_pics li{ font-size:16px; } .brand_pics_txt{ height:50px; line-height:50px; } .contact_info li{ padding-top:25px; padding-bottom:25px; margin-top:5px; margin-bottom:5px; } .contact_info li.con1{ background:url(../images/contact_icon01.png) left center no-repeat; -moz-background-size:40px auto; background-size:40px auto; padding-left:60px; } .contact_info li.con2{ background:url(../images/contact_icon02.png) left center no-repeat; -moz-background-size:40px auto; background-size:40px auto; padding-left:60px; } .contact_info li.con3{ background:url(../images/contact_icon03.png) left center no-repeat; -moz-background-size:40px auto; background-size:40px auto; padding-left:60px; } .department h3{ font-size:24px; } .department li{ font-size:16px; padding-bottom:70px; } .department a{ font-size:16px; } .nongkexueyuan_list li{ padding-left:40px; padding-right:40px; } .nongkexueyuan_list p{ margin-left:180px; padding-left:40px; padding-bottom:20px; } .nongkexueyuan_txts{ width:30%; font-size:20px; } .nongkexueyuan_txts2 h3{ font-size:32px; } .nongkexueyuan_txts2{ width:68%; } .com_txt_box h3{ font-size:36px; } .newslist li{ padding:10px; padding-right:150px; } .newslist h3{ margin-top:20px; } .newslist p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .newslist .news_date{ right:0px; } .hot_news .hot_news_txt{ padding-top:25px; } .hot_news .hot_news_txt a{ font-size:24px; } .hot_news .hot_news_txt p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .hot_more{ margin-top:20px; } .brand_01{ left:16%; top:40%; z-index:1; text-align:center; width:16%; } .brand_02{ left:28%; top:22%; z-index:1; text-align:center; width:17%; } .brand_03{ left:42.5%; top:15%; z-index:1; text-align:center; width:17%; } .brand_04{ left:58%; top:22%; z-index:1; text-align:center; width:17%; } .brand_05{ left:80%; top:63%; z-index:1; text-align:center; width:13%; } .brand_06{ left:8%; top:68%; z-index:1; text-align:center; width:11%; } .brand_07{ left:72%; top:40%; z-index:1; text-align:center; width:11%; } .brand_info img{ width:130px; height:auto; } .brand_info{ font-size:20px; } .brand_info p{ margin-top:3px; } .brand_box02_info li{ margin-left:30px; margin-right:30px; } .brand_box02_info img{ width:235px; height:auto; } .backtop{ right:15px; } } @media (max-width: 1280px) { .top_box{ height:90px; } .header{ width:auto; margin-left:50px; margin-right:50px; } .w{ width:auto; margin-left:50px; margin-right:50px; } .videotext{ font-size:40px; } .videotext p{ font-size:20px; } .logo{ margin-top:20px; } .logo img{ width:250px; height:auto; } .view360{ width: 36px; height: 36px; padding-top:8px; margin-top:23px; } .view360 img{ width:22px; height:auto; } .view360_pic{ margin-left:-26px; } .view360_pic img{ width:80px !important; height:80px !important; } .view360:hover .view360_pic{ top:40px; } .langen{ width: 36px; height: 36px; padding-top:8px; margin-top:23px; margin-left:10px; } .langen a{ font-size:14px; } .search_bnt{ width: 36px; height: 36px; padding-top:8px; margin-top:23px; } .search_bnt img{ width:14px; height:auto; } .search_box{ height:36px; border-radius:36px;-moz-border-radius:36px;-webkit-border-radius:36px;-o-border-radius:36px; } .seatxt{ height:36px; } .seasub{ width:36px; height:36px; background:url(../images/search_ico.png) 14px center no-repeat; -moz-background-size:14px auto; background-size:14px auto; } .mnav{ width: 36px; height: 36px; padding-top:8px; margin-top:23px; } .nav{ margin-top:22px; } .nav li{ margin-right:25px; /*margin-right:17px;*/ height:38px; line-height:38px; } .nav a{ font-size:14px; height:38px; line-height:38px; } .nav img{ height:18px; width:auto; } .nav ul li ul.sec-menu { top:38px; } .index_cat p{ font-size:12px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .index_cat{ height:auto; } .index_cat li{ height:auto; padding-bottom:18px; } .index_cat img{ width:40px; height:auto; } .about_data span{ font-size:36px; } .about_data li{ padding-left:30px; } .aboutus_infos p{ margin-bottom:0px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .foot_logo img{ width:100%; height:auto; } .foot_left li.foot_tel a{ font-size:25px; } .wechat li{ width:48%; height:auto; margin-left:4%; } .wechat li:last-child{ margin-left:0; } .wechat img{ width:100%; max-width:124px; height:auto; } .com_cat li{ padding-left:12px; margin-left:12px; } .about_com_box{ -moz-background-size:550px auto; background-size:550px auto; } .about_com_data span{ font-size:48px; } .global_title{ padding-top:30px; font-size:32px; } .global_title p{ margin-top:15px; font-size:14px; } .jidititle{ font-size:32px; } .brand_box01_info h3{ font-size:28px; } .jidi_infos{ padding-top:25px; padding-left:25px; } .jidi_box2 .jidi_infos{ padding-right:25px; } .jidi_infos h3{ font-size:26px; } .jidi_infos p{ font-size:16px; line-height:30px; } .zengxiaoji_info{ font-size:16px; line-height:30px; } .brand_right{ padding-top:10px; } .culture h3{ font-size:24px; } .culture p{ margin:0 25px; } .shehuizeren_infos{ padding-left:45px; padding-top:50px; padding-right:45px; } .shehuizeren_infos h3{ font-size:26px; } .shehuizeren_infos p{ font-size:18px; } .honor_txts{ width:40%; padding-top:55px; } .honor_txts .swiper-slide{ margin-bottom:10px; } .honor_pics h2{ font-size:24px; } .contact_info h2{ font-size:28px; } .yanfa_txts h3{ font-size:32px; } .yanfa_txts p{ font-size:16px; line-height:32px; } .chuangxin_pics{ padding:25px; } .chuangxin_txts{ padding-top:20px; } .chuangxin_txts li{ line-height:50px; font-size:16px; } .com_txt_box h3{ font-size:30px; } .newslist a{ font-size:20px; } .hot_news .hot_news_txt{ padding-bottom:20px; } .hot_news .hot_news_txt a{ font-size:22px; } .hot_news .hot_news_txt p{ margin-top:20px; font-size:16px; line-height:30px; } .hot_news .hot_more{ margin-top:20px; } .history_year{ font-size:40px; } .brand_title{ font-size:22px !important; } .brand_info{ font-size:18px; } .brand_info p{ font-size:12px; line-height:22px; } .brand_info img{ width:110px; height:auto; } .chanye_infos{ width: 350px; height: 190px; padding:25px; } .chanye_infos h2{ font-size:20px; } .chanye_infos p{ font-size:14px; line-height:26px; } .chanye_more{ margin-top:15px; } .chanye_more a{ font-size:14px; } .chanye_pre{ right:20px; bottom:50px; } .swiper-next{ width: 42px; height: 42px; margin-top:-21px; } .swiper-prev{ width: 42px; height: 42px; margin-top:-21px; } .swiper-next2{ width: 42px; height: 42px; margin-top:-21px; } .swiper-prev2{ width: 42px; height: 42px; margin-top:-21px; } .brand_box02_info li{ margin-left:15px; margin-right:15px; } .brands_list li{ width:30%; } .brands_list .itemempty { width: 30%; } } /* 鍒朵綔锛 闈掑崕浜掕仈缃戠珯寤鸿 鐗堟潈鎵€鏈 澶嶅埗蹇呯┒ 缃戝潃锛 www.qinghuahulian.com 鐢佃瘽/寰俊锛?8653219163 QQ:893157818 閭锛歷ip@qinghuadns.com 鑱旂郴浜猴細鐜嬪皬濮 */ @media (max-width: 1024px) { .header{ width:auto; margin-left:30px; margin-right:30px; } .w{ width:auto; margin-left:30px; margin-right:30px; } .videotext{ font-size:32px; } .top_box{ height:70px; } .logo{ margin-top:10px; } .view360{ margin-top:18px; } .langen{ margin-top:18px; } .search_bnt{ margin-top:18px; } .search_bnt img{ width:14px; height:auto; } .mnav{ margin-top:18px; display:block; } .nav{ width:35%; height:100%; background-color:#fff; right:-100%; top:0; margin-right:0px; z-index:115; transition: .5s all; overflow-y:auto; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; position:fixed; margin-top:0px; } .nav ul{ margin:0 20px; } .nav li{ margin-right:0px; width:100%; height:auto; line-height:30px; margin-bottom:6px; text-align:left; margin-bottom:10px; background:url(../images/down.png) right 12px no-repeat; -moz-background-size:16px auto; background-size:16px auto; } .nav a{ font-size:16px; } .nav li span{ height: 2px; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px; } .nav li img{ margin-right:12px; } .nav li:first-child{ background:none; } /*.nav li:nth-of-type(5){ background:none; }*/ .nav ul li ul.sec-menu { position:relative; width:100%; margin-right:0px; top:auto; background:none; box-shadow:none; padding-left:10px; padding-bottom:10px; } .nav ul li.cur ul.sec-menu { display:block; } .nav ul li ul.sec-menu li { text-align:left; margin-right:0px; } .nav ul li ul.sec-menu li a{ color:#0047b9; padding-left:20px; } .nav .close a:hover{ background:none; } .close{ display:block; padding-left:15px; padding-top:11px; padding-bottom:6px; } .close img{ width:22px; height:auto; } .mbigbox{position: fixed; background: rgba(0,0,0,.6); position:_absolute; top: 0;left: 0;width: 100%;height: 100%; z-index:111;display: none;} .mbigbox_a{ width:100%; height:100%; display:block; cursor:default; } .aboutus_infos{ width:100%; } .aboutus_pics{ width:100%; margin-top:50px; } .about_data{ width:70%; } .about_data li{ padding-left:60px; } .about_data span{ font-size:46px; } .title{ font-size: 34px; } .about_com_data{ padding-left:50px; padding-right:50px; } .about_com_data li{ padding-left:90px; } .position{ width:100%; float:none; border-bottom:1px #ddd solid; padding-top:20px; padding-bottom:20px; } .com_cat{ width:100%; float:none; } .com_cat li{ margin-left:0px; padding-right:12px; height:82px; line-height:82px; } .com_cat li:first-child{ padding-left:0px; } .honor_cat li{ margin-left:30px; margin-right:30px; } .contact_info{ width:50%; padding-top:30px; padding-bottom:30px; padding-left:25px; padding-right:25px; } .contact_info h2{ font-size:26px; } .contact_info ul{ margin-top:10px; } .contact_info li{ font-size:16px; } .contact_info a{ font-size:16px; } .contact_pic{ width:49%; } .department h3{ font-size:20px; } .nongkexueyuan_list li{ padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px; } .nongkexueyuan_list p{ margin-left:160px; padding-left:40px; padding-bottom:20px; font-size:16px; line-height:32px; } .nongkexueyuan_list img{ width:120px; height:auto; margin-top:10px; } .nongkexueyuan_txts2{ font-size:16px; line-height:32px; } .nongkexueyuan{ margin-top:40px; } .nongkexueyuan_list{ margin-top:40px; } .keyanchengguo_info span{ font-size:32px; } .keyanchengguo_info p{ font-size:16px; } .com_txt_box h3{ font-size:28px; } .com_txt_box p{ font-size:14px; } .hot_news{ margin-top:40px; } .hot_news .hot_news_txt{ padding-top:20px; padding-bottom:20px; } .hot_news .hot_news_txt a{ font-size:22px; } .hot_news .hot_news_txt p{ font-size:16px; line-height:30px; } .content{ width:100%; height:auto; max-width:auto; margin-top:30px; } .news_title{ padding-left:30px; padding-right:30px; font-size:26px; line-height:44px; margin-top:10px; } .morenews_title{ font-size:26px; } .global_title{ padding-top:20px; font-size:26px; } .newslist li{ margin-bottom:30px; } .history_year{ width:17%; } .history_info{ width:79%; padding-bottom:30px; } .brand_box{ display:none; } .brand_box_m{ display:block; width:100%; height:auto; background:url(../images/brand_box2.jpg) center top no-repeat; background-size:cover; padding-top:1px; padding-bottom:50px; } .brand_box_m .jidititle{ margin-top:25px !important; } .brands{ margin-top:30px; padding-left:15px; padding-right:15px; } .brands ul{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .brands li{ width:31%; text-align:center; font-size:20px; color:#043492; margin-bottom:20px; } .brands h3{ font-size:20px; font-weight:normal; } .brands p{ font-size:14px; color:#666; margin-top:5px; } .brands img{ width:50%; height:auto; } .chanye_pre{ width:130px; right:10px; } .brand_box02_info li{ width:30%; margin-left:0px; margin-right:0px; } .brand_box02_info img{ width:100%; height:auto; } } @media (max-width: 980px) { .view360_pic{ display:none; } .about_data{ width:90%; } .about_data li{ padding-left:50px; } .about_data span{ font-size:42px; } .title{ font-size: 30px; } .swiper-next{ width: 30px; height: 30px; margin-top:-15px; right:10px; } .swiper-prev{ width: 30px; height: 30px; margin-top:-15px; left:10px; } .swiper-next2{ width: 30px; height: 30px; margin-top:-15px; right:10px; } .swiper-prev2{ width: 30px; height: 30px; margin-top:-15px; left:10px; } .about_content h2{ font-size: 32px; } .about_com_data li{ padding-left:50px; } .about_com_data span{ font-size:42px; } .global_title p{ width:auto; padding-left:25px; padding-right:25px; } .jidititle{ font-size:28px; } .brand_box01_info{ margin-top:30px; font-size:14px; } .brand_box01_info h3{ font-size:24px; } .brand_box01_info p{ text-align:left; margin-top:20px; line-height:26px; } .jidi_infos h3{ font-size:20px; } .jidi_infos p{ font-size:14px; line-height:26px; margin-top:10px; } .zengxiaoji_info{ font-size:14px; line-height:26px; } .brand_box03_info{ font-size:14px; } .brand_box03_info span{ margin-left:5px; margin-right:5px; } .brand_pics li{ font-size:14px; } .brand_video div{ font-size:14px; } .brand_pics_txt{ height:45px; line-height:45px; } .culture h3{ font-size:20px; } .culture p{ margin:0 15px; } .culture img{ width:60px; height:auto; } .shehuizeren_infos{ padding-left:25px; padding-top:20px; padding-right:25px; } .shehuizeren_infos h3{ font-size:20px; } .shehuizeren_infos p{ font-size:16px; margin-top:20px; } .honor_cat li{ margin-left:20px; margin-right:20px; } .honor_txts{ padding-top:40px; width:45%; } .honor_txts .swiper-slide{ font-size:14px; margin-bottom:0px; } .honor_pics{ padding-top:43px; margin-left:2%; width:47%; } .honor_pics h2{ font-size:18px; margin-bottom:30px; } .contact_info{ width:50%; padding-left:15px; padding-right:15px; } .contact_info h2{ font-size:20px; } .contact_info li{ padding-top:20px; padding-bottom:20px; } .contact_info li.con1{ background:url(../images/contact_icon01.png) left center no-repeat; -moz-background-size:35px auto; background-size:35px auto; padding-left:50px; } .contact_info li.con2{ background:url(../images/contact_icon02.png) left center no-repeat; -moz-background-size:35px auto; background-size:35px auto; padding-left:50px; } .contact_info li.con3{ background:url(../images/contact_icon03.png) left center no-repeat; -moz-background-size:35px auto; background-size:35px auto; padding-left:50px; } .yanfapingtai_box{ padding-top:40px; margin-top:40px; } .yanfa_txts h3{ font-size:26px; } .yanfa_txts p{ margin-top:20px; } .yanfa_pics{ padding-left:5%; padding-top:30px; } .chuangxin_info{ margin-top:50px; } .nongkexueyuan_txts{ width:32%; } .nongkexueyuan_txts img{ width:80%; height:auto; } .nongkexueyuan_txts2 h3{ font-size:26px; } .nongkexueyuan_txts2 p{ font-size:16px; } .nongkexueyuan_txts2{ width:66%; } .com_txt_box h3{ font-size:26px; } .newslist .newslist_pic{ width:45%; height:auto; margin-right:20px; } .history_year{ width:19%; font-size:32px; } .history_year .yeararrow{ margin-top:8px; } .history_info{ width:77%; padding-bottom:30px; padding-top:53px; font-size:16px; } .jobs_infos h3{ background:url(../images/jobs_titlebg.png) left top no-repeat; -moz-background-size:36px auto; background-size:36px auto; padding-left:36px; padding-top:26px; margin-top:0px; } .jobs_infos p{ padding-left:36px; } .chanyebuju_pic{ margin-top:20px; } .chanye_pre{ width:90px; } .chanye_infos{ position:inherit; width:100%; height:200px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; padding-top:15px; padding-bottom:15px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .chanye_cat .swiper-slide{ margin-left:10px !important; margin-right:10px !important; } .brand_box04_pics li{ width:30%; font-size:14px; } } @media (max-width: 768px) { .videotext{ font-size:28px; } .videotext p{ font-size:18px; } .foot_left{ width:30%; } .foot_nav{ width:62%; margin-left:8%; } .wechat{ width:40%; margin-top:30px; } .department li{ padding-bottom:40px; width:33.33%; padding-left:4%; } .department .empty{ display:block; } .yanfa_txts{ width:100%; } .chuangxin_txts{ font-size:16px; padding-bottom:30px; } .chuangxin_txts li{ line-height:42px; } .keyanchengguo_info img{ border:6px #f7fbff solid; margin-bottom:15px; } .keyanchengguo_info span{ font-size:28px; font-weight:normal; } .keyanchengguo_info p{ font-size:14px; line-height:26px; } .keyanchengguo_info br{ display:none; } .keyanchengguo_bigpics{ margin-top:20px; } .keyanchengguo_bigpics .keyanpagination { bottom:5px; } .keyanchengguo_bigpics .swiper-pagination-bullet { width: 12px; height: 12px; } .hot_news .swiper-pagination-bullet { width: 12px; height: 12px; } .hot_news .hot_news_pic{ width:100%; } .hot_news .hot_news_txt{ width:100%; } .hot_news .hot_news_txt a{ font-size:22px; } .jobs_top li:nth-of-type(1){ width:30%; padding-left:25px; } .jobslist ul li{ font-size:16px; } .jobslist ul li div:nth-of-type(1){ width:30%; padding-left:25px; } .jobslist ul li div:nth-of-type(4){ width:20%; padding-right:25px; } .jobinfo{ padding-right:25px; } .jobs_top{ height:80px; line-height:80px; margin-top:40px; } .jobs_top li{ font-size:16px; } .jobslist ul li div{ padding-top:22px; padding-bottom:22px; } .jidi_box1{ margin-bottom:20px; } .jidi_box2{ margin-bottom:20px; } .jidi_infos{ background:none; } .contact_info h2{ font-size:22px; } .hide2 h3{font-size:18px;} .global_pic{ margin-top:60px; } .global_title{ font-size:24px; padding-top:15px; text-align:center; } .global_title p{ line-height:22px; text-align:left; margin-top:5px; } .wave { width: 10px; height: 10px; } @keyframes circle-opacity{ from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(2); } } .wave .circle2:first-child { animation: circle-opacity 1.5s infinite; } @keyframes circle-opacity{ from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(2); } } .card{ width:10px; height:10px; } .card2{ width:10px; height:10px; } .global_pic span.country01{top:46%;} .global_pic span.country02{top:60.5%;} .global_pic span.country03{top:73.8%;} .global_pic span.country04{top:54%;} .global_pic span.country05{left:57.3%;top:65%;} .global_pic span.country06{left:74.8%;} .global_pic span.country07{left:81.1%;top:68%;} .global_pic span.country08{left:86.7%;} .global_pic span.country09{left:74%;} .global_pic span.country10{left:75.2%;} .global_pic span.country11{top:50%;} .global_pic span.country12{top:33%;} .global_pic span.country16{top:47.8%;} .global_pic span.country17{left:83.5%;top:48.8%;} } @media (max-width: 736px) { .header{ width:auto; margin-left:15px; margin-right:15px; } .w{ width:auto; margin-left:15px; margin-right:15px; } .backtop{ bottom:20px; width:40px; height:40px; padding-top:7px; } .backtop img{ width:20px; height:24px; } .global_title{ padding-top:10px; } } @media (max-width: 640px) { .header{ width:auto; margin-left:10px; margin-right:10px; } .w{ width:auto; margin-left:10px; margin-right:10px; } .videotext{ font-size:16px; } .videotext p{ font-size:12px; margin-top:5px; } .top_box{ height:55px; } .view360{ margin-top:10px; } .langen{ margin-top:10px; } .search_bnt{ margin-top:10px; } .search_box{ left:0px; width:175px; } .seatxt{ width:133px; } .mnav{ margin-top:10px; } .logo{ margin-top:12px; } .logo img{ width:162px; } .nav{ width:50%; } .banner .pagination { bottom: 5px; } .banner .swiper-pagination-bullet { display: inline-block; opacity:1; background:#fff; width: 22px; height: 4px; overflow: hidden; line-height: 999px; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out; } .banner .swiper-pagination-bullet-active{ background: #F17E0E; } .about_box{ padding-top:30px; padding-bottom:30px; } .index_cat li{ width:49%; margin-bottom:10px; } .aboutus{ margin-top:20px; } .title{ font-size: 22px; margin-bottom:15px; } .about_data{ width:100%; } .about_data li{ padding-left:23px; } .about_data span{ font-size:26px; } .about_data font{ font-size:14px; } .about_data p{ font-size:14px; } .about_com_data{ padding-left:10px; padding-right:10px; } .about_com_data li{ padding-left:20px; } .about_com_data span{ font-size:26px; } .about_com_data font{ font-size:14px; } .about_com_data p{ font-size:14px; } .position a{ font-size:14px; } .about_com_box{ -moz-background-size:100% auto; background-size:100% auto; margin-top:40px; } .about_content h3{ font-size: 20px; margin-bottom:10px; text-align:center; } .about_content h2{ font-size: 24px; margin-bottom:25px; text-align:center; } .com_cat li{ height:52px; line-height:52px; width:25%; padding:0px; text-align:center; background:url(../images/line2.jpg) right center no-repeat; } .com_cat li:first-child{ background:url(../images/line2.jpg) right center no-repeat; } .com_cat li:nth-child(4n){ background:none; } .about_more{ width:135px; height:40px; line-height:40px; margin-top:30px; } .about_more a{ line-height:40px; font-size:14px; } .aboutus_pics{ margin-top:30px; } /*.index_news .index_news_tit{ border:0px; padding:0px; padding-top:20px; border-top:0px; }*/ .index_news .index_news_tit{ padding:10px; padding-top:15px; padding-bottom:15px; } .news_cat{ position:inherit; margin-top:20px; width:100%; overflow:hidden; } .news_cat ul{ display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; width:100%; } .news_cat li{ width:32%; height:46px; line-height:44px; text-align:center; border: 1px solid #DBDBDB; margin-left:0px; } .news_cat a{ font-size:16px; } .foot_box{ padding-top:30px; } .footer{ padding-left:10px; padding-right:10px; padding-bottom:30px; } .foot_left{ width:100%; } .foot_logo{ } .foot_logo img{ width:267px; height:auto; } .foot_nav{ width:100%; margin-top:25px; padding-left:38px; margin-left:0; } .foot_nav div{ width:100%; margin-bottom:15px; } .foot_nav div:nth-of-type(2){ width:46%; } .foot_nav div:nth-of-type(3){ width:46%; } .wechat{ width:100%; margin-top:20px; } .wechat ul{ display:flex; display: -webkit-flex; flex-direction:row-reverse; flex-wrap: wrap; justify-content: center; width:100%; } .wechat li{ width:46%; margin-left:0px; } .wechat img{ width:85%; } .wechat h3{ margin-bottom:20px; } .links{ display:none; } .copyrights{ text-align:center; line-height:24px; } .jidititle{ font-size:24px; margin-top:30px; } .brand_box01_info h3{ font-size:20px; } .jidititle img{ width:100px; height:auto; } .jidititle .img1{ margin-right:15px; } .jidititle .img2{ margin-left:15px; } .mt40{ margin-top:10px; } .jidi_pics{ width:100%; margin-top:30px; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-o-border-radius:0px; } .jidi_infos{ width:100%; padding-left:0px; } .jidi_box2 .jidi_infos{ padding-right:0px; } .brand_box03_info span{ height:35px; line-height:35px; } .brand_video{ margin-top:10px; } .brand_video div{ width:100%; padding-top:30px; } .brand_box04_pics{ width:100%; padding-top:30px; } .culture li{ width:50%; padding-top:15px; padding-bottom:15px; } .culture li:nth-child(2n){ border-right:0px; } .culture li:nth-of-type(3){ border-right:1px #fff solid; } .culture li:nth-of-type(4){ border-bottom:1px #fff solid; } .culture li:nth-of-type(5){ border-bottom:0px; } .culture li:nth-of-type(6){ border-bottom:0px; } .culture h3{ font-size:18px; margin-top:10px; } .culture img{ width:50px; height:auto; } .shzr_box1{ margin-top:30px; } .shzr_box2{ margin-top:30px; } .shehuizeren_infos{ width:100%; padding-bottom:20px; padding-left:10px; padding-right:10px; padding-top:10px; } .shehuizeren_pics{ width:100%; } .honor_txts{ width:100%; display:none; } .honor_pics{ width:100%; margin-left:0px; padding-top:30px; } .honor_pics .swiper-next{ display:block; } .honor_pics .swiper-prev{ display:block; } .honor_cat{ margin-top:30px; padding-bottom:30px; } .honor_cat li{ margin-left:8px; margin-right:8px; text-align:center; } .honor_cat li a{ font-size:16px; } .com_cat li{ height:46px; line-height:46px; } .contactus{ margin-top:30px; } .contact_info{ width:100%; } .contact_pic{ width:100%; margin-top:30px; } .department li{ padding-bottom:40px; width:100%; padding-left:6%; padding-top:30px; } .department .empty{ display:none; } .yanfapingtai_box{ padding-bottom:30px; } .yanfashili{ text-align:left; font-size:14px; line-height:30px; } .yanfa_txts h3{ font-size:24px; } .yanfa_txts ul{ text-align:center; } .yanfa_txts li{ margin-right:0px; } .yanfa_txts p{ font-size:14px; line-height:30px; } .yanfa_pics{ width:100%; margin-left:0px; padding-left:0px; } .chuangxin_info{ margin-top:30px; } .chuangxin_txts{ width:100%; padding-top:0px; } .chuangxin_pics{ width:100%; } .keyanchengguo_zs{ font-size:16px; margin-top:30px; } .keyanchengguo_zs img{ margin-bottom:0px; } .keyanchengguo_zs li{ width:100%; margin-bottom:20px; } .keyanchengguo_bigpics .keyanpagination { bottom:0px; } .keyanchengguo_bigpics .swiper-pagination-bullet { width: 10px; height: 10px; margin:5px; } .hot_news .swiper-pagination-bullet { width: 10px; height: 10px; margin:5px; } .keyanchengguo_bigpics .swiper-next2{ display:none; } .keyanchengguo_bigpics .swiper-prev2{ display:none; } .nongkexueyuan_txts{ width:100%; margin-bottom:20px; } .nongkexueyuan_txts img{ width:50%; height:auto; } .nongkexueyuan_txts2{ width:100%; } .nongkexueyuan_txts2 p{ font-size:18px; margin-bottom:20px; } .nongkexueyuan_list li{ padding:15px; } .nongkexueyuan_list p{ border-left:0px; margin-left:0px; padding-left:0px; padding-top:5px; padding-bottom:0px; } .nongkexueyuan_list img{ margin-top:0px; } .com_txt_box{ padding-top:7%; } .com_txt_box h3{ font-size:16px; } .com_txt_box p{ margin-top:3px; font-size:12px; } .newslist{ margin-top:30px; } .newslist li{ padding:0px; background:none; border-bottom:1px #ddd dashed; padding-bottom:25px; width:100%; } .newslist .newslist_pic{ width:100%; height:auto; float:none; margin-right:0px; } .newslist .news_date{ bottom:13px; top:auto; right:0px; width:auto; font-size:12px; } .newslist .news_date span{ font-size:22px; } .news_title{ font-size:18px; padding-left:0px; line-height:34px; padding-right:0px;/* text-align:left;*/ } .news_info{ /*text-align:left; */margin-top:10px; padding-bottom:15px; } .morenews_title{ font-size:22px; font-weight:bolder; } .content{ margin-top:20px; line-height:32px; } .content p{ margin-bottom:10px; } .prenext{ font-size:14px; } .prenext a{ font-size:14px; } .backlist{ margin-top:20px; height:42px; line-height:42px; } .backlist a{ padding-left:65px; } .history_title{ margin-top:30px; } .history_title h2{ font-size:20px; } .history_year span{ font-size:16px; } .history_year{ font-size:20px; padding-top:33px; width:24%; } .history_year .yeararrow{ margin-top:-25px; } .history_info{ font-size:14px; line-height:26px; padding-top:33px; margin-left:2%; width:74%; margin-bottom:5px; } .history_info li{ background:url(../images/historybg.png) left 7px no-repeat; padding-left:25px; margin-bottom:5px; } .jobslist ul li{ font-size:14px; line-height:22px; } .jobslist span{ float:right; display:inline-block; width:26px; height:26px; background:url(../images/jia.png) no-repeat; -moz-background-size:100% auto; background-size:100% auto; } .jobslist li.on span{ background:url(../images/jia2.png) no-repeat; -moz-background-size:100% auto; background-size:100% auto; } .jobs_top li:nth-of-type(1){ padding-left:15px; } .jobslist ul li div:nth-of-type(1){ padding-left:15px; } .jobslist ul li div:nth-of-type(4){ padding-right:15px; } .jobinfo{ padding-right:15px; } .brands li{ width:100%; text-align:left; } .brands img{ float:left; width:30%; margin-right:20px; } .brands h3{ margin-top:18px; } .brands li:nth-of-type(3) h3{ margin-top:25px; } .brands li:nth-of-type(6) h3{ margin-top:25px; } .brands li:nth-of-type(7) h3{ margin-top:25px; } .chanye_cat .swiper-slide{ text-align:left !important; width:40% !important; } .chanyebuju_pic{ border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-o-border-radius:0px; margin-top:0px; } .chanye_infos{ border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-o-border-radius:0px; margin-top:0px; padding-left:10px; padding-right:10px; } .chanye_infos h2{ font-size:18px; } .chanye_pre{ bottom:30px; } .jidi_box1{ margin-bottom:0px; } .jidi_box2{ margin-bottom:0px; } .contact_logo{ left:68%; top:36%; } .hide2 h3{font-size:18px;} .videolist{ margin-top:30px; } .videolist li{ width:100%; height:auto; margin-bottom:20px; text-align:center; } .videolist .itemempty { height: 0px; width: 100%; margin-bottom:0px; } .pages span.page-index{ display:none; } .pages span.page-last{ display:none; } .table-container { width: 100%; overflow-y: auto; _overflow: auto; } .global_pic{ width:736px; height:auto; margin-top:50px; } .global_title{ font-size:18px; padding-top:15px; text-align:left; } .global_title font{ margin-left:66%; font-weight:bolder; } .global_title p{ padding-left:46%; padding-right:10px; } .keyanchengguo_info{ width:768px; padding-bottom:15px; } .brand_box02_info li{ font-size:14px; } .brand_box02_info img{ width:80%; height:auto; } .brand_pics li{ width:100%; height:auto; margin-bottom:20px; } .brands_list li{ width:50%; font-size:16px; } .brands_list .itemempty { width: 50%; } .dongwubox{ background:none; } .jobs_infos h3{ background:url(../images/jobs_titlebg.png) left top no-repeat; -moz-background-size:30px auto; background-size:30px auto; padding-left:15px; } .jobs_infos p{ padding-left:15px; padding-right:10px; } .brand_box02_info li{ width:33%; } .dongwu_info p{ padding-left:15px; padding-right:10px; } .beian{ display:block; } } @media (max-width: 375px) { .com_cat a{ font-size:14px; } .global_title font{ margin-left:70%; } .global_title p{ padding-left:51%; } .history_year{ font-size:18px; } .history_year span{ font-size:14px; } .history_year .yeararrow{ background:url(../images/yearbg.png) right center no-repeat; width:22px; height:22px; float:right; margin-top:-20px; -moz-background-size:100% auto; background-size:100% auto; margin-right:2px; } .brand_box03_info span{ padding-left:15px; padding-right:15px; } }