﻿@charset "UTF-8";
/*------------// Overall //------------------*/
body{font: "Microsoft YaHei","黑体",Helvetica,Arial,Tahoma,sans-serif; color:#666; margin:0; background:#FFF; overflow-x: hidden;}
body {font-family: "微软雅黑"; font-weight: 300\0;}
html,body{-webkit-text-size-adjust:none; text-transform: uppercase}
* {-webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing: border-box; -webkit-touch-callout: none; font-size: 16px;}
table{border-collapse:collapse; border-spacing:0; empty-cells:show; }
th, td { border-collapse:collapse; }
a:link{text-decoration:none; color:#333;}
a:visited{text-decoration:none; color:#333;}
img{ border:0;/*添加以下属性是解决图片在微信浏览器下默认转换效果造成页面模糊*/-webkit-transform:scale(1)rotate(0)translate3d(0,0,0);transform:scale(1)rotate(0)translate3d(0,0,0); display: inline-block !important; outline: none;}
div,p,img,ul,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
ol {margin: 0;}
ol,ul,li{list-style-type:none;}
/*IOS下移除按钮原生样式 -webkit-appearance*/
input[type=button]{-webkit-appearance:none;outline:none;}
/*去除点击按钮，有灰色阴影*/
a, input{-webkit-tap-highlight-color: rgba(0,0,0,0);}
/* a {transition: all 0.3s ease-in-out;} */
.clear {clear: both;}

.cont {max-width: 1200px; margin: 0 auto; position: relative; height: 100%;min-width:1200px;}

.pic-box {text-align: center; vertical-align: middle; display: table-cell;}
img {height: auto !important; max-width: 100% !important; vertical-align: middle;}

body {background: url('bg.jpg') center top no-repeat;}

.header {position: relative; height: 680px;}
.logo {display: block; height: 82px; margin-top: 24px;}
.logo img {height: 100%;}

.big-title {text-transform: none; position: absolute; top: 255px; left: 132px;}
.big-title span {text-shadow: 0 6px 0 #0074b2; font-weight: bold; letter-spacing: -2px;}

/* 线下分享会 */
.box {height: 530px;}
.line1 {background: url('downline.png') center top no-repeat;}
.line2 {background: url('online.png') center top no-repeat; margin-top: 60px;}

.line1 .line-text {float: left; margin: 64px 0 0 122px; width: 388px;}
.line-text p {text-align: justify; line-height: 36px; text-transform: none}
.line-text span {font-size: 14px;}
.line2 .line-text {float: right; width: 410px; margin: 63px 116px 0 0;}

.line1 .line-form {padding-top: 63px; float: right; margin-right: 111px;}
.line1 button {background: #59aae9; box-shadow: 0 3px 0 #308cd3;border:none;color:#fff}
.line1 button:active {box-shadow: none; margin-top: 3px;}
.line1 button:hover {background: #3f9de7;}
.line1 .submit {background: #59aae9; box-shadow: 0 3px 0 #308cd3;border:none;color:#fff}
.line1 .submit:active {box-shadow: none; margin-top: 3px;}
.line1 .submit:hover {background: #3f9de7;}
.search-box {height: 45px; position: relative; margin-bottom: 15px;}
.combo-select {height: 45px; width: 300px; max-width: none; float: right; border: 0; margin-bottom: 0;}
.combo-select input {height: 45px;}
.combo-select ul {padding: 5px 10px; border: 1px solid #dedede;}
.combo-select li {font-size: 14px; padding: 0; line-height: 40px; border-bottom: 1px dashed #dedede; color: #999;}
.combo-select li:hover {background: none; color: #59aae9;}
.option-selected {background: none; color: #59aae9; font-weight: bold}
.select1 option {line-height: 45px; height: 45px; max-height: none;}
.combo-open .combo-arrow:before {border-bottom: 5px solid #999;}
.combo-arrow:before {border-top: 5px solid #999999;}

.line2 .line-form {padding-top: 103px;}
.line-form {width: 376px; margin-left: 94px;}
.line-form span {font-size: 20px; display: block; line-height: 20px; color: #666; font-weight: bold;}
.form-box {margin-top: 47px;}
.form-box p { height: 45px; margin-bottom: 15px;}
.form-box label {width: 76px; display: block; float: left; font-size:16px; line-height: 45px; color: #666;}
.form-box input {width: 300px; height: 100%; float: left; background: #fff; border-radius: 4px; border: 1px solid #dedede; padding: 10px; font-size: 16px; color: #666;}
.form-box .yzm {margin-bottom: 19px;}
.yzm input {width: 180px;}
.form-box button {color: #fff; border-radius: 4px; outline: none; border: 0; cursor: pointer;}
.line2 button {background: #fbbc12; box-shadow: 0 3px 0 #c79100; transition: all 0.3s ease-in-out;border:none;color:#fff}
.line2 button:hover {background: #fbac00;}
.line2 button:active {background: #fbbc12; box-shadow: none; margin-top: 3px;}
.line2 .submit {background: #fbbc12; box-shadow: 0 3px 0 #c79100; transition: all 0.3s ease-in-out;border:none;color:#fff}
.line2 .submit:hover {background: #fbac00;}
.line2 .submit:active {background: #fbbc12; box-shadow: none; margin-top: 3px;}
.submit {width: 300px; height: 45px; font-size: 18px; font-weight: bold; }
.yzm button {width: 110px; height: 100%; font-size: 14px; margin-left: 9px;}

/* 微信二维码 */
.ewm {margin-top: 101px; background: url('Layer-7-copy-2-拷贝-4.png') center no-repeat; overflow: hidden}
.ewm-left {width: 533px; padding: 0 26px; height: 262px; margin-left:-29px; float: left;}
.com-box {width: 100%; height: 100%; background: #fff; border: 1px solid #ebecec; padding: 10px;}
.com-info {width: 100%; height: 100%; background: #f5f5f5; padding: 36px 0 0 36px;}
.com-info > span {font-size: 20px; font-weight: bold; color: #666;}
.info-list {margin-top: 20px;}
.info-list li {line-height: 46px;}
.info-list li:nth-of-type(1) {background:url('电话.png') left center no-repeat;padding-left:30px;}
.info-list li:nth-of-type(2) {background:url('邮箱.png') left center no-repeat;padding-left:30px;}
.info-list li:nth-of-type(3) {background:url('QQ.png') left center no-repeat;padding-left:30px;}
.info-list span {font-size: 16px; color: #666; text-transform: none;}
.info-list img {display: inline-block; margin-right: 14px;}

.ewm-right {float: right;}
.ewm-right ul {overflow: hidden; margin-right: -12px;}
.ewm-right li {float: left; padding: 0 11px; width: 236px;}
.ewm-pic {width: 214px; width: 214px; overflow: hidden}
.ewm-pic .pic-box {width: 214px; height: 214px;}
.ewm-text {width: 100%; height: 46px; line-height: 46px; color: #fff; text-align: center; background: #1da0e5;}
.ewm-text span { font-size: 18px;}

.footer {text-align: center; margin: 88px 0 34px;text-transform:none}
.footer span {font-size: 16px; color: #999999; display: block; line-height: 16px;}