@charset "utf-8"; /* CSS Document */ * { margin: 0 auto; padding: 0; } body, div, ul, li, h1, h2, h3, h4, h5 { margin: 0 auto; padding: 0; font-family: "寰蒋闆呴粦", "Microsoft Yahei"; font-size: 14px; color: #000; } li { list-style: none; } a { text-decoration: none; color: #000; } a:hover { color: #c62626; } img { border: 0; } input { border: 0; outline: none; } .left { float: left; } .right { float: right; } body{ height: 1000px; background:url(70-gq-dbg.png) center top no-repeat fixed; overflow: hidden; } /*gq-bg*/ .gq-bg{ width: 1360px; height: 728px; background: url(70-gq-bg.png) center no-repeat; position: absolute; top: 50%; left: 50%; margin-top: -364px; margin-left: -680px; } /*nav*/ .gq-nav{ width: 90px; height: 80%; padding: 5% 13px; } .gq-nav .line{ width:18px; height:2px; background-color:#FFFFFF; margin-top:7px; } .gq-nav a{ width: 100%; height: auto; color: #fff; text-align: center; margin: 20px auto; float: left; } .gq-nav a.on{ color: #FF9933; } /*1*/ .gq-yx-rotaion-content{ position: relative; } .gq-yx-rotaion-content,.gq-yx-rotaion,.gq-rotaion_list{ width: 810px; height: 100%; } .gq-yx-rotaion-content .gq-yx-rotaion .gq-rotaion_list .gq-dy{ width: 754px; height: auto; padding: 90px 35px 0 0px; display: block; } .gq-dy .gq-dy-left1{ width: 350px; height: 100%; } .gq-dy .gq-dy-left1 .gq-dy-t{ width: 320px; height: 224px; padding: 0 15px; background: url(70-pic-bg.png) bottom center no-repeat; float: left; } .gq-dy .gq-dy-left1 .gq-dy-t img{ width: 316px; height: 176px; border: 2px solid #fff; } .gq-dy .gq-dy-left1 .gq-dy-t a p{ margin-top:7px; font-size:16px; color:#FFFFFF; } .gq-dy-left1-ul{ width: 350px; height: 276px; float: left; } .gq-dy-left1-ul a{ width: 350px; height: 68px; float: left; margin-top: 24px; } .gq-dy-left1-ul a img{ width: 100px; height: 68px; float: left; } .gq-dy-left1-ul a p{ width: 240px; height: 68px; line-height: 22px; float: right; overflow: hidden; } .gq-dy-left1-ul a p span{ color: #ca2c2d; margin-right: 5px; } .gq-dy .gq-dy-right1{ width: 350px; height: 100%; } .gq-dy .gq-dy-right1 h1{ width: 300px; height: 40px; background: url(70-gq-logo.png) center no-repeat; } .gq-dy .gq-dy-right1 h2{ width: 100%; height: 60px; line-height: 30px; text-align: center; font-size: 24px; color: #ca2c2d; margin: 30px 0; } .gq-dy .gq-dy-right1 h2 a{ font-size: 24px; line-height: 30px; color: #ca2c2d; } .gq-dy-right1-ul{ width: 350px; height: 360px; } .gq-dy-right1-ul a{ width: 350px; height: 30px; line-height: 30px; float: left; overflow: hidden; } .gq-dy-right1-ul a i{ width: 5px; height: 5px; background: #ca2c2d; float: left; border-radius: 50%; margin: 12px 8px 0 0; } .gq-dy .gq-dy-right1 .but1{ width: 350px; height: 35px; background: url(70-gq-an.png) center no-repeat; border: 0; cursor:pointer; } /*an*/ .gq-yx-rotaion-content .gq-yx-rotaion .prev{ width: 100px; height: 36px; background: url(npccp-left-icon.png) center no-repeat; display: block; position: absolute; top: 76%; left: 50%; margin-left: -780px; } .gq-yx-rotaion-content .gq-yx-rotaion .next{ width: 100px; height: 36px; background: url(npccp-right-icon.png) center no-repeat; display: block; position: absolute; top: 76%; left: 50%; margin-left: -580px; } .gq-yx-rotaion-content .gq-yx-rotaion .mouse{ width: 71px; height: 143px; background: url(70_mouse.png) center no-repeat; display: block; position: absolute; top: 68%; left: 50%; margin-left: -666px; } /*2*/ .gq-dy .gq-logo1{ width: 100%; height: 50px; background: url(70-gq-logo1.png) left center no-repeat; margin-bottom: 20px; } .gq-dy .gq-dy-left2{ height: 450px; } .gq-dy .gq-dy-right2{ height: 450px; } .gq-dy .gq-dy-left2 h2{ width: 100%; height: 60px; line-height: 30px; text-align: center; font-size: 24px; color: #ca2c2d; margin: 10px 0; } .gq-dy .gq-dy-left2 h2 a{ line-height: 30px; font-size: 24px; color: #ca2c2d; } .gq-dy-right2-ul{ width: 350px; height: 400px; padding: 25px 0; } .gq-dy-right2-ul a{ width: 165px; height: 200px; float: left; margin-left: 10px; } .gq-dy-right2-ul a img{ width: 165px; height: 125px; float: left; } .gq-dy-right2-ul a p{ width: 145px; height: 40px; line-height: 20px; float: left; overflow: hidden; background: url(70-pic-bg1.png) center no-repeat; color: #fff; border-radius: 0 0 5px 5px; padding: 0 10px; } .gq-dy-right2-ul .gq-dy-right2-a{ width: 340px; height: 200px; position: relative; } .gq-dy-right2-ul .gq-dy-right2-a img{ width: 340px; height: 190px; } .gq-dy-right2-ul .gq-dy-right2-a p{ width: 320px; height: 30px; line-height: 30px; position: absolute; bottom: 10px; left: 10px; color: #fff; background: none; } .gq-dy .but2{ width: 754px; height: 35px; background: url(70-gq-an.png) center no-repeat; border: 0; cursor:pointer; } /*3*/ .gq-dy .gq-logo2{ width: 100%; height: 40px; background: url(70-gq-logo2.png) left center no-repeat; margin-bottom: 30px; } .gq-dy-right3-ul a p{ width: 165px; background: none; margin-top: 10px; color: #000; border-radius: 0; padding: 0; } /*4*/ .gq-dy .gq-logo4{ width: 100%; height: 40px; background: url(70-gq-logo3.png) left center no-repeat; margin-bottom: 30px; } /*5*/ .gq-dy .gq-logo5{ width: 100%; height: 40px; background: url(70-gq-logo4.png) left center no-repeat; margin-bottom: 30px; } .gq-dy-right5-ul{ margin-top:20px; height:380px; } .gq-dy-right5-ul a{ width: 360px; height: 90px; float: left; margin-bottom:20px; margin-left:0px; } .gq-dy-right5-ul a img{ width: 360px; height: 90px; float: left; }