@charset "utf-8";
/* CSS Document */

/* basic */
* { margin: 0; padding: 0; background-repeat: no-repeat; }
body { min-width: 1200px; overflow: scroll; overflow-x: hidden; font: 12px/1.5 "Microsoft Yahei", Tahoma, Simsun, Geneva, sans-serif; color: #333; background-color: #f3f4f8; }
ul li { list-style: none; }
a { color: #fcd300; text-decoration: none; outline: none; }
img { vertical-align: middle; border: none; }
input, select { vertical-align: middle; }
input, textarea, select { font-family: inherit; font-size: inherit; border: 1px solid #aaa; border-color: #aaa #ddd #ddd #aaa; }
textarea { overflow: auto; *font-family: "Microsoft Yahei", Tahoma, Simsun, Geneva, sans-serif; }
button { cursor: pointer; font-family: inherit; }
.box { *zoom: 1; }
.box:after { clear: both; display: block; visibility: hidden; height: 0; content: "."; }

/* header */
.header { background-color: #303030; }
.header .inner { width: 1200px; margin: 0 auto; height: 106px; }
.header .logo a { float: left; width: 130px; height: 106px; text-indent: -9999px; background-image: url(../img/logo.png);background-size: 100% 100% }
.header .nav { float: right; }
.header .nav li { float: left; }
.header .nav li a { display: block; width: 220px; line-height: 106px; font-size: 22px; color: #999; text-align: center; }
.header .nav li.current a, .header .nav li a:hover { color: #333; background-color: #fcd300; }

/* main */
.notice .inner, .star .inner, .qq .inner, .product .inner, .contact .inner { width: 1200px; margin: 0 auto; padding: 50px 0 60px; }

.notice { height: 600px; background-image: url(../img/banner_1.jpg); background-position: center top; }

.star h2, .qq h2, .product h2, .contact h2 { font-size: 50px; font-weight: normal; text-align: center; }
.star h3 { margin-bottom: 50px; font-size: 26px; font-weight: normal; text-align: center; }
.star ul { height: 780px; margin-left: -21px; }
.star ul li { float: left; width: 386px; height: 780px; margin-left: 21px; font-family: "黑体"; background-color: #313131; }
.star ul li h4 { margin: 20px 0; font-size: 26px; font-weight: normal; color: #fcd300; text-align: center; }
.star ul li p.pic img { width: 386px; }
.star ul li p.intro { line-height: 30px; margin: 0 30px; font-size: 16px; color: #fff; }
.star ul li p.intro a { color: #eca700; }
.star p.more { margin-top: 30px; text-align: center; }
.star p.more a { display: inline-block; width: 300px; line-height: 62px; font-size: 20px; color: #333; border-radius: 5px; background-color: #fcd300; }

.qq { background-color: #303030; }
.qq .inner { width: 1400px; }
.qq h2 { margin-bottom: 50px; color: #fff; }
.qq .case { position: relative; height: 600px; }
.qq .case .menu { float: left; height: 600px; padding-right: 50px; border-right: 1px solid #666; }
.qq .case .menu ul li { margin-top: 30px; font-size: 16px; color: #666; text-align: center; }
.qq .case .menu ul li a { display: inline-block; width: 200px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; border-radius: 25px; }
.qq .case .menu ul li.current a, .qq .menu ul li a:hover { color: #333; background-color: #fcd300; }
.qq .show { float: left; margin-left: 20px; }
.qq .show ul li { float: left; margin-left: 30px; }

.product { background-color: #e6e6e6; }
.product h2 { margin-bottom: 50px; }
.product ul { height: 372px; }
.product ul li { float: left; width: 338px; height: 372px; margin-left: 46px; border-bottom: 3px solid #ddd; background-color: #fff; }
.product ul li p.name { line-height: 120px; font-size: 26px; text-align: center; }

.star_more ul { height: 550px; margin-left: -10px; }
.star_more ul li { width: 292px; height: 550px; margin: 0 0 10px 10px; }
.star_more ul li p.pic { overflow: hidden; height: 319px; }
.star_more ul li p.pic img { width: 292px; }

.contact { height: 800px; }
.contact h3 { margin-bottom: 50px; font-size: 20px; font-weight: normal; text-align: center; }
.contact p.partner { height: 300px; border-bottom: 3px solid #ddd; background-color: #fff; }
.contact p.email { margin-top: 50px; font-family: "Times New Roman"; font-size: 26px; color: #eca700; text-align: center; }

/* footer */
.footer { background-color: #303030; }
.footer .inner { line-height: 66px; color: #fff; text-align: center; }