@charset "utf-8";
*{-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,
body,
div,
p,
strong,
span,
a,
b,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
del,
img,
i,
em,
select,
button,
textarea,
input{margin:0;padding:0;}
body{background:#fff;font-family:'Microsoft YaHei','NotoSansHans-light',"Arial",'SimSun',Serif;font-size:16px;color:#333;position:relative;}
a,
img,
button,
input,
textarea,
select{-webkit-tap-highlight-color:rgba(255,255,255,0);}
body{width:100%;}
table{border-collapse:collapse;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
a:focus{text-decoration:none;}
li{list-style:none;}
img{vertical-align:middle;border:none;}
i{font-style:normal;}
.img img{width:100%;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.oh{overflow:hidden;}
.toh{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
h1,
h2,
h3,
h4,
h5,
h6{font-weight:normal;font-size:15px;line-height:16px;}
.pr{position:relative;}
.tc{text-align:center;}
.db{display:block;}
.clearfix:after{content:"";display:block;height:0;visibility:hidden;clear:both;}
.sca{overflow:hidden;}
.cp{cursor:pointer;}

/*图片悬浮放大*/
.sca>img{-webkit-transition:-webkit-transform 1.3s;transition:-webkit-transform 1.3s;-o-transition:transform 1.3s;transition:transform 1.3s;transition:transform 1.3s,-webkit-transform 1.3s;-webkit-transition:transform 1.3s;}
.sca>img:hover{-webkit-transform:scale(1.06);-ms-transform:scale(1.06);transform:scale(1.06);}

/*Y轴旋转*/
.rot-y img{-o-transition:all 1.6s;transition:all 1.6s;-webkit-transition:all 1.6s;}
.rot-y:hover img{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);}

/*scroll*/

::-webkit-scrollbar {
    width: 3px;
    height: 3px
}
::-webkit-scrollbar-button:vertical {
    display: none
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
    background-color: #e8e8e8;
}
::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #194189;
}
::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #194189;
}
::-webkit-scrollbar-thumb:vertical:active {
    background-color: #194189;
}

/*手机导航按钮样式*/
.mobile-nav-btn01{width:16px;height:16px;cursor:pointer;background-color:red;position:absolute;right:0;top:50%;transform:translateY(-50%);box-sizing:content-box;padding:13px 13px 11px;}
.mobile-nav-btn01 span{display:block;background:#fff;height:3px;margin-top:3px;position:relative;transition:transform .3s;}
.mobile-nav-btn01.active span:nth-child(2){visibility:hidden;}
.mobile-nav-btn01.active span:nth-child(1){transform:rotate(45deg);top:6px;}
.mobile-nav-btn01.active span:nth-child(3){transform:rotate(-45deg);top:-6px;}
.mobile-nav-list{position:absolute;top:100%;left:0;width:100%;z-index:99;display:none;background-color:#2963b7}
.mobile-nav-list>ul>li{position:relative;}
.mobile-nav-list .yiji-m{display:block;color:#fff;font-size:16px;line-height:40px;border-bottom:1px solid rgba(255,255,255,.2);padding:0 20px;}
.mobile-nav-list .yiji-btn{position:absolute;right:20px;font-family:Arial,Helvetica,Geneva;top:0px;font-size:20px;font-weight:bold;color:#fff;line-height:40px;display:inline-block;width:30px;text-align:center;}
.mobile-nav-list .erji-box{padding:0 20px;display:none;}
.mobile-nav-list .erji-m{display:block;color:#fff;font-size:16px;line-height:40px;border-bottom:1px solid rgba(255,255,255,.2);padding:0 20px;}
.my-container{width:1418px;position:relative;margin:0 auto;height:100%;}
.my-container:after{content:"";display:block;height:0;visibility:hidden;clear:both;}
.box:after,
ul:after{content:"";display:block;height:0;visibility:hidden;clear:both;}

/*版心页面大小*/
@media(max-width:1441px){
    .my-container{padding:0 5%!important;}
  
}
@media(min-width:1420px){
    .my-container{width:1418px;}
}
@media(max-width:1420px){
    .my-container{width:1200px;}
}
@media(max-width:1200px){
    .my-container{width:1024px;}
}
@media(max-width:1024px){
    .my-container{width: 992px}
}
@media(max-width:992px){
    .my-container{width: 768px}
}
@media(max-width:768px){
    .my-container{padding:0 20px;width: 100%;}
}


/*隐藏显示*/
.hide-ipad,.hide-mobile{display:block;}
.show-ipad,.show-mobile{display:none;}
@media (max-width:1200px){
    .hide-ipad{display:none;}
    .show-ipad{display:block;}
}
@media (max-width:768px){
    .hide-mobile{display:none;}
    .show-mobile{display:block;}
}