@font-face {
  font-family: "puhui35";
  font-weight: 500;
  src: url("../fonts/alibabapuhuiti-2-35-thin.ttf") format("truetype"),
  url("../fonts/otf/AlibabaPuHuiTi-2-35-Thin.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "puhui45";
  font-weight: 500;
  src: url("../fonts/AlibabaPuHuiTi-2-45-Light.ttf") format("truetype"),
  url("../fonts/otf/AlibabaPuHuiTi-2-45-Light.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "puhui55";
  font-weight: 500;
  src: url("../fonts/AlibabaPuHuiTi-2-55-Regular.ttf") format("truetype"),
  url("../fonts/otf/AlibabaPuHuiTi-2-55-Regular.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "puhui65";
  font-weight: 500;
  src: url("../fonts/AlibabaPuHuiTi-2-65-Medium.ttf") format("truetype"),
  url("../fonts/otf/AlibabaPuHuiTi-2-65-Medium.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "puhui75";
  font-weight: 500;
  src: url("../fonts/AlibabaPuHuiTi-2-75-SemiBold.ttf") format("truetype"),
  url("../fonts/otf/AlibabaPuHuiTi-2-75-SemiBold.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "puhui85";
  font-weight: 500;
  src: url("../fonts/AlibabaPuHuiTi-2-85-Bold.ttf") format("truetype"),
  url("../fonts/otf/AlibabaPuHuiTi-2-85-Bold.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "puhui95";
  font-weight: 500;
  src: url("../fonts/AlibabaPuHuiTi-2-95-ExtraBold.ttf") format("truetype"),
  url("../fonts/otf/AlibabaPuHuiTi-2-95-ExtraBold.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "puhui105";
  font-weight: 500;
  src: url("../fonts/AlibabaPuHuiTi-2-105-Heavy.ttf") format("truetype"),
  url("../fonts/otf/AlibabaPuHuiTi-2-105-Heavy.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "puhui115";
  font-weight: 500;
  src: url("../fonts/AlibabaPuHuiTi-2-115-Black.ttf") format("truetype"),
  url("../fonts/otf/AlibabaPuHuiTi-2-115-Black.otf") format("opentype");
  font-display: swap;
}

*{
    box-sizing: border-box;
    font-family: "puhui55";
}
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:14px/2 'puhui55',Microsoft YaHei,arial,Source Sans,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#0b60a6;text-decoration:none;outline:none;}

input {
  /* ios下背景色会默认渐变显示，并且会有圆角 */
  -webkit-appearance: none;
  border-radius: 0;
  line-height: normal;
  /* 光标问题  */
  padding:0;
  margin:0;
}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{
    font-size:16px;
    font-weight:normal;
    font-family: "puhui85";
}
hr {border: 0;border-top:1px solid #ccc;height:0;}
@media(max-width: 1920px){
    img{
        max-width: 100%;
    }    
}


/*url("../fonts/source han sans cn regular.woff2") format("woff2"),*/
/*@font-face {
    font-family: "Source Sans";
    src: 
       url("../fonts/Source Han Sans CN Regular.woff") format("woff"),
       url("../fonts/source han sans cn regular.ttf") format("truetype"),
       url("../fonts/source han sans cn regular.eot") format("embedded-opentype"),
       url("../fonts/source han sans cn regular.svg") format("svg"),
       url("../fonts/Source Han Sans CN Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}*/
.animate {
    transform: translate(0px);
    opacity: 1;
    filter: alpha(opacity=100);
}

.img{
  overflow:hidden;
  display: block;
}
.img img{
  transition:all 0.6s ease-out;
}
.pc_img{
    
}
.m_img{
    display: none;
}
/*鐧借壊閬洊 涓€闂€岃繃*/
.white,.whites{
    position:relative;
    overflow:hidden;
}
.white:after,.whites:after{
    content:'';cursor:pointer;
    position:absolute;left:-100%;
    top:0;width:100%;height:100%;
    background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
    background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
    transform:skewx(-25deg);
}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s;}
.whites:hover:after{left:100%;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;}
@media(max-width:640px){
    .pc_img{
        display: none;
    }
    .m_img{
        display: block;
    }    
}



/*video click*/
.cboxOverlay {
    position: fixed;
    z-index: 10000001;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}
.colorbox {
    position: fixed;
    width: 70%;
    height: 80%;
    top: 10%;
    left: 15%;
    background: #ffffff;
    z-index: 10000002;
    display: none;
}
.colse_click {
    position: absolute;
    top: -30px;
    right: 0;
    width: 25px;
    height: 25px;
    background: url("../images/closevideo.png") no-repeat center;
    cursor: pointer;
}
.colorbox iframe {
    width: 100%;
    height: 100%;
}
@media(max-width: 640px){
    .colorbox {
        width: 90%;
        left: 5%;
    }
}