*{margin: 0;padding: 0;list-style: none;}

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
  margin: 0;
  padding: 0;
}

/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {
  font: 14px microsoft YaHei, tahoma, arial, \5b8b\4f53, sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family:microsoft YaHei, courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a { text-decoration: none; color:#000; }
a:hover { text-decoration: none; color:#db214c;}


/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }

.clear {
  clear:both;
  *zoom: 1;
}

/*首页*/
.box{ width:1200px; margin:0 auto; }
.head{ width:100%; margin:0 auto; border-bottom:1px solid #dadada; position:fixed; z-index:999; top:0; height:75px; background-color:#fff;}
.head .logo{ float:left; margin-top:10px;}
.head .logo img{ width:167px; height:auto;}
.head .nav{ float:left; margin-left:150px; margin-top:25px;}
.head .nav a{ float:left; margin-right:35px; font-size:16px; display:block; text-align:center;}
.head .nav a:hover{ color:#db214c; border-bottom:2px solid #db214c;}
.head .nav a.active{color:#db214c; border-bottom:2px solid #db214c;}
.head .tel{ float:right; width:200px; margin-top:20px;}
.head .tel img{ width:100%; height:auto;}

.one_box,.two_box,.three_box,.four_box,.five_box,.six_box{width:100%; background-position:center top; min-width:640px; max-width:1920px; margin:0 auto; }
.one_box_1{background:url(../image/bg-10.jpg) no-repeat;z-index:1; position:relative;background-size:cover;}
.one_box_2{background:url(../image/bg-9.jpg) no-repeat;z-index:1; position:relative;background-size:cover;}
.one_box_3{background:url(../image/bg-4.jpg) no-repeat;z-index:1; position:relative;background-size:cover;}
.one_box_4{background:url(../image/bg-2.jpg) no-repeat;z-index:1; position:relative;background-size:cover;}


.one_box_5{background:url(../image/bg1-5.jpg) no-repeat;z-index:1; position:relative;background-size:cover;}
.one_box_6{background:url(../image/bg1-6.jpg) no-repeat;z-index:1; position:relative;background-size:cover;}

.one_box .big-title{ font-size:110px; text-align:center; color:#fff; height:110px; line-height:110px; font-weight:bold;}

.one_box .small-title{ width:470px; left:50%; margin-left:-235px;}
.one_box .small-title-l{ float:left; color:#db214c; display:block; width:285px; margin-top:20px; font-size:25px; text-align:justify; text-justify:distribute; }
.one_box .small-title-l b{font-size:30px; display:block;}
.one_box .small-title-r{ float:right; display:block; color:#db214c; font-size:80px; font-weight:bold;}
.one_box .small-title-b{ border-top:1px solid #db214c; width:470px; color:#fff; height:60px; text-align:center; padding-top:10px; line-height:18px; left:50%; margin-left:-235px;}
.one_box .one_box_6 .small-title{ width:570px; left:50%; margin-left:-285px; }
.one_box .one_box_6 .small-title-b { width:570px; left:50%; margin-left:-285px; }


/*第一屏动画样式*/
.one_box .one_box_1 .big-title {position:absolute; text-align:center; width:100%; top:-150px;transition: all 1s;}
.one_box .one_box_1 .small-title {position:absolute;bottom:-100px;transition: all 1s;}
.one_box .one_box_1 .small-title-b {position:absolute;  bottom:-80px;transition: all 1s;}

.one_box .one_box_2 .big-title {position:absolute; text-align:center; width:100%; top:-150px;transition: all 1s;}
.one_box .one_box_2 .small-title {position:absolute;bottom:-100px;transition: all 1s;}
.one_box .one_box_2 .small-title-b {position:absolute;bottom:-80px;transition: all 1s;}

.one_box .one_box_3 .big-title {position:absolute; text-align:center; width:100%; top:-150px;transition: all 1s;}
.one_box .one_box_3 .small-title {position:absolute;bottom:-100px;transition: all 1s;}
.one_box .one_box_3 .small-title-b {position:absolute;bottom:-80px;transition: all 1s;}

.one_box .one_box_4 .big-title {position:absolute;  text-align:center; width:100%; top:-150px;transition: all 1s;}
.one_box .one_box_4 .small-title {position:absolute;bottom:-100px;transition: all 1s;}
.one_box .one_box_4 .small-title-b {position:absolute;bottom:-80px;transition: all 1s;}

.one_box .one_box_5 .big-title {position:absolute; text-align:center; width:100%;  top:-150px;transition: all 1s;}
.one_box .one_box_5 .small-title {position:absolute;bottom:-100px;transition: all 1s;}
.one_box .one_box_5 .small-title-b {position:absolute;bottom:-80px;transition: all 1s;}

.one_box .one_box_6 .big-title {position:absolute; text-align:center; width:100%;  top:-150px;transition: all 1s;}
.one_box .one_box_6 .small-title {position:absolute;bottom:-100px;transition: all 1s;}
.one_box .one_box_6 .small-title-b {position:absolute;bottom:-80px;transition: all 1s;}

.one_box .active .big-title { top:50% ; margin-top:-100px; opacity: 1; transition-delay: 0.7s;}
.one_box .active .small-title {bottom:50% ;margin-bottom:-110px; opacity: 1; transition-delay: 0.7s;}
.one_box .active .small-title-b {bottom:50%;margin-bottom:-180px; opacity: 1; transition-delay: 1.2s;}
.one_box .active .login-link {bottom:50%;margin-bottom:-210px; opacity: 1; transition-delay: 1.2s;}


.login-link {
  display: block; position: absolute;
  transition: margin-bottom 1.2s, opacity 1.2s, bottom 1.2s, background 0.2s;
  left: 50%; margin-left: -55px;opacity: 0;bottom: -80px; z-index: 1024;
  width: 110px;line-height: 42px;border-radius: 6px;background: green;color: #fff;
  font-size: 16px;text-align: center;
}
.login-link:hover {color: #fff; background: #118e11; box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);}

#header {position: fixed;right: 30px; top: 30px; height: 40px; z-index: 1024;}
#header .icon-link {float: left;width: 40px;height: 60px; padding: 5px; box-sizing: border-box;cursor: pointer;opacity: 0.78;transition: all 0.3s;}
#header .icon-link:hover {opacity: 1;}
#header .icon-link img {max-width: 80%;}
#header .icon-link span { color:  #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}

/* 新版展示页 */
.one_box_1{background:url(../image/yi/1-1.jpg) no-repeat;z-index:1; position:relative;background-size:cover;}
.one_box_2{background:url(../image/yi/1-2.jpg) no-repeat;z-index:1; position:relative;background-size:cover;}
.one_box_3{background:url(../image/yi/1-3.jpg) no-repeat;z-index:1; position:relative;background-size:cover;}
.one_box_4{background:url(../image/yi/1-4.jpg) no-repeat;z-index:1; position:relative;background-size:cover;}
.wrapper{position: absolute;display: block;color: #fff;}
.left{top:25%; left: 7%;}
.right{ top:35%;right: 10%;}
.wrapper h3,p,em{letter-spacing: 5px;}
.wrapper h3{font-size: 3vw;font-weight: bold;letter-spacing: 10px;margin-bottom: 20px}
.wrapper p{font-size: 1vw;margin-bottom: 10px;}
.wrapper p span{color: #03A9F4;font-size: 1.5vw;}
.wrapper em{display: block;font-size: 1vw;margin-bottom: 20px;}
.wrapper a{display: block;width: 85px;margin-top: 10px;line-height: 1.5vw;padding: 5px 0px;border-radius: 8px;background: #fff;color: #03A9F4;text-align: center;letter-spacing: 6px;font-size: 1rem;}
.wrapper a:hover{color: #fff; background: #03A9F4;box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);}
.wrapper ul{display: inline-block;}
.wrapper ul li{float: left;font-size: 1vw;margin: 0px 10px;padding: 3px 6px;border: 1px solid yellow;border-radius: 8px;color: yellow;}

.one_box .animation1{display: none; opacity: 0; transform:translate(50px,100px);transition: all 1s;}
.one_box .animation2{display: none; opacity: 0; transform:scale(80px,250px);transition: all 1s;}
.one_box .animation3{display: none; opacity: 0; transform:rotate(-150deg);transition: all 1s;}
.one_box .animation4{display: none; opacity: 0; transform:skew(50deg,0deg);transition: all 1s;}

.one_box .active .animation1{opacity: 1; transform:translate(0px,0px);; transition-delay: 0.7s;}
.one_box .active .animation2{opacity: 1; transform:scale(0px,0px);; transition-delay: 0.7s;}
.one_box .active .animation3{opacity: 1; transform:rotate(0deg);; transition-delay: 0.7s;}
.one_box .active .animation4{opacity: 1; transform:skew(0deg,0deg);; transition-delay: 0.7s;}