/* CSS Document */
html { background-color: #2f6ee7;}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, fieldset, button, input, textarea, th, td { margin: 0; padding: 0;}
body { font: 12px/2 "Gellix",sans-serif,Helvetica, "Microsoft YaHei", Tahoma, Arial, "\5b8b\4f53"; color: #000;
    background: -webkit-linear-gradient(#733696, #2f6ee7);
    background: -o-linear-gradient(#733696, #2f6ee7);
    background: -moz-linear-gradient(#733696, #2f6ee7);
    background: linear-gradient(#733696, #2f6ee7);
    background-size: cover; text-align: center;}
ul, ol, li { list-style: none;}
a { text-decoration: none; color: #666;}
a:hover { text-decoration: none; color: #333;}
fieldset, img { border: none;}
button, input, select, textarea { font-size:100%;}
table { border-collapse: collapse; border-spacing: 0;}
h1, h2, h3 { font-size: 16px;}
em { font-style: normal;}
.clearFix { *zoom: 1;}
.clearFix:after { display: block; clear: both; height: 0; content: "\0020"}

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="number"], button, select { -webkit-appearance: none;}
select:focus, input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; outline: none;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { -webkit-transition-delay: 99999s; -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;}

html,.body-index { width: 100%; height: 100%;}
.body-index { background: url("../images/g3.jpg") no-repeat center center; background-size: cover;}

.header { width: 100%; left: 0; top: 0;}
.header .logo { float: left; padding: 30px 0 0 50px;}
.header .logo img { width: 160px;}
.header .nav-box { float: right; padding: 40px 50px 0 0;}
.header .nav-box ul li { float: left; margin-left: 10px;}
.header .nav-box ul li a { color: #fff; font-size: 13px; display: block; padding: 4px 22px;}
.header .nav-box ul li a.cur { background-color: #fff; color: #733696;}
.header .nav-box ul li a:hover { background-color: #fff; color: #733696;}
.header-index { position: fixed; z-index: 999;}
.header-index .nav-box ul li a { color: #fff;}
.header-index .nav-box ul li a.cur { background-color: #733696; color: #fff;}
.header-index .nav-box ul li a:hover { background-color: #733696; color: #fff;}

.body-index .main { width: 100%; height: 100%;}

.main .slogan { width: 100%; color: #fff; position: absolute; z-index: 1; left: 50%; top: 46%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.main .slogan h1 { font-size: 36px; font-weight: normal;}
.main .slogan p { font-size: 16px;}

.c-main { padding-top: 80px;}

.c-box { max-width: 800px; width: 90%; background-color: #fff; color: #000; margin: 0 auto;}
.c-box img.pic { width: 100%;}
.c-box .tit { font-size: 32px; font-weight: normal; line-height: 1.5;}
.c-box h3 { margin-bottom: 30px; font-weight: normal; font-size: 16px;}
.c-box .content-box { text-align: left; font-size: 13px;}
.c-box .content-box p { margin-bottom: 20px;}
.c-box .c-content { padding: 60px 80px;}

.about-box .content-box .pic { text-align: center; padding-top: 15px;}
.about-box .content-box .pic img { width: 100px;}

.contact-box .content-box { text-align: center;}
.contact-box .content-box img { width: 200px;}


.footer-index .copyright { color: #fff; font-size: 12px; position: fixed; width: 300px; text-align: center; left: 50%; margin-left: -150px; bottom: 30px;}
.footer .copyright { color: #fff; font-size: 12px; padding: 30px 0 50px 0;}


@media screen and (max-width: 800px) {
    .body-index { background: url("../images/g3-mob.jpg") no-repeat center center; background-size: cover;}
    .video { display: none;}
    .header .logo { float: none; padding-left: 0;}
    .header .nav-box { float: none; padding: 25px 0 0 0;}
    .header .nav-box ul { padding: 0 5px;}
    .header .nav-box ul li { margin: 0; width: 20%;}
    .header .nav-box ul li a { padding: 0; margin: 0 5px;}
    .c-main { padding-top: 50px;}
    .c-box .tit { font-size: 24px;}
    .c-box h3 { font-size: 15px; margin-bottom: 20px;}
    .c-box .c-content { padding: 30px;}
    .main .slogan h1 { font-size: 26px;}
    .main .slogan p { font-size: 14px;}
}