﻿@import url("style.css");
@import url("animate.css");
/* - - - - - - - - - 默认值标准化  - - - - - - - - -*/
html,body,span,h1,h2,h3,h4,h5,p,blockquote,pre,a,address,code,
del,em,img,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;font-style:inherit;font-family:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;display: block;}
html{-webkit-text-size-adjust:none;}
img{border:none;vertical-align:middle;}
input,select,button{padding:0;margin:0;outline:none;line-height: inherit;font-size: inherit;font-family:inherit;vertical-align:middle;}
textarea{resize:none;font-family:inherit;padding:0;margin:0;font-size: inherit;}
input::-ms-clear{display: none;}
input:focus,textarea:focus,button:focus{outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none!important; margin: 0;}
input[type=button],input[type=submit],input[type=reset],input[type=text],input[type=file],button{-webkit-appearance:none; border-radius:0;}
button{cursor:pointer;}
html{height:100%;position: relative;}
body{font-size:14px;min-width: 360px; background-color:#fff;font-family:-apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;height:100%;position: relative;color:#333;max-width:2560px;margin-left:auto;margin-right:auto;}
ul,ol{list-style-type:none;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#4f4f4f;}
a:hover{text-decoration:none;transition:color 200ms linear,background-color 200ms linear,border-color 200ms linear;color:#1e4cdf;}
a:active{}
a:visited{}
.clear{display: block;clear: both;width:100%;}
.photo{background:#666;position:relative;overflow:hidden;}
.photo img{display:block;width:100%;height:100%;object-fit:cover;transition:all 0.3s linear;}
.photo.photo--pos{position:relative;overflow:hidden;}
.photo.photo--pos img{position:absolute;left:0;top:0;}
.iconPic{vertical-align:middle;}
.iconPic img{width:100%;height:100%;display:block;object-fit:contain;}
[class^='icon--']{display:inline-block;width:24px;height:24px;vertical-align:middle;background-size:cover!important;}

.icon-a{display:inline-block;vertical-align:middle;padding-left:9.6%;padding-top:9.6%;background:url(../images/icon-a.png) no-repeat left top;background-size:400%;}
.icon-a.icon-a1x1{background-position:0 0;}
.icon-a.icon-a2x1{background-position:33.33% 0;}
.icon-a.icon-a3x1{background-position:66.66% 0;}
.icon-a.icon-a4x1{background-position:99.99% 0;}
.icon-b{display:inline-block;vertical-align:middle;padding-left:9.6%;padding-top:9.6%;background:url(../images/icon-b.png) no-repeat left top;background-size:400%;}
.icon-b.icon-b1x1{background-position:0 0;}
.icon-b.icon-b2x1{background-position:33.33% 0;}
.icon-b.icon-b3x1{background-position:66.66% 0;}
.icon-b.icon-b4x1{background-position:99.99% 0;}
.icon-c{display:inline-block;vertical-align:middle;padding-left:9.6%;padding-top:9.6%;background:url(../images/icon-c.png) no-repeat left top;background-size:400%;}
.icon-c.icon-c1x1{background-position:0 0;}
.icon-c.icon-c2x1{background-position:33.33% 0;}
.icon-c.icon-c3x1{background-position:66.66% 0;}
.icon-c.icon-c4x1{background-position:99.99% 0;}
.icon-g{display:inline-block;vertical-align:middle;padding-left:9.6%;padding-top:9.6%;background:url(../images/icon-g.png) no-repeat left top;background-size:500%;}
.icon-g.icon-g1x1{background-position:0 0;}
.icon-g.icon-g2x1{background-position:25% 0;}
.icon-g.icon-g3x1{background-position:50% 0;}
.icon-g.icon-g4x1{background-position:75% 0;}
.icon-g.icon-g5x1{background-position:100% 0;font-weight:bold;}
.icon_nav{display:inline-block;vertical-align:middle;padding-left:6.3%;padding-top:6%;background:url(../images/icon/icon-nav.png) no-repeat left top;background-size:700%;}
.icon_nav.icon_nav1x1{background-position:0 0;}
.icon_nav.icon_nav2x1{background-position:16.67% 0;}
.icon_nav.icon_nav3x1{background-position:33.34% 0;}
.icon_nav.icon_nav4x1{background-position:50.0% 0;}
.icon_nav.icon_nav5x1{background-position:66.68% 0;}
.icon_nav.icon_nav6x1{background-position:83.35% 0;}
.icon_nav.icon_nav7x1{background-position:100% 0;}


/*按钮扩散效果*/
.ani--diffuse{position:relative;overflow:hidden;z-index:100;}
.ani--diffuse:hover::before{transform:scale3d(12,12,1);}
.ani--diffuse::before{content:'';z-index:-1;position:absolute;top:50%;left:100%;margin:-15px 0 0 1px;width:30px;height:30px;border-radius:50%;transform-origin:100% 50%;transform:scale3d(1,2,1);transition:transform 0.3s,opacity 0.3s;transition-timing-function:cubic-bezier(0.7,0,0.9,1);background:rgba(255,255,255,0.21);}

.color-red{color:#ff0204;}


.btn-video{position:absolute;width:76px;height:76px;cursor:pointer;border-radius:50px;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.5);z-index:1000;background-color:#dcdcdc;}
.btn-video:hover{background:#fff;}
.btn-video::before{position:absolute;content:'';border-radius: 5px;top:50%;left:60%;transform:translate(-50%,-50%);border:14px solid #000;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;border-left-width:20px;}




