@charset "utf-8";
a,blockquote,body,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul {
    margin: 0;
    padding: 0;
    border: 0
}

body {
    font-family: "Microsoft YaHei, Helvetica, Arial, sans-serif";
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none
}

a,
a:active,
a:focus,
a:hover,
a:visited {
    text-decoration: none
}

a,
img {
    -webkit-touch-callout: none
}

li,
ol,
ul {
    list-style: none
}

input[type=password],
input[type=text],
textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}
html {
	font-size: 256px;
}
@media screen and (max-width:320px) {
    html {
        font-size: 42.667px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:321px) {
    html {
        font-size: 48px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:361px) {
    html {
        font-size: 50px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:376px) {
    html {
        font-size: 52.4px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:394px) {
    html {
        font-size: 54.93px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:413px) {
    html {
        font-size: 55.2px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:415px) {
    html {
        font-size: 64px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:481px) {
    html {
        font-size: 72px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:541px) {
    html {
        font-size: 85.33px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:641px) {
    html {
        font-size: 96px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:721px) {
    html {
        font-size: 102.4px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:769px) {
    html {
        font-size: 266.66px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:2000px) {
    html {
        font-size: 266.66px
        font-size: 13.33333vw
    }
} 
@media screen and (min-width:3000px) {
    html {
        font-size: 405.33px
        font-size: 13.33333vw
    }
}


body {
    font-family: "Microsoft YaHei, Helvetica";
}

body,
html a {
    color: #333
}

.hidden,
.none {
    display: none!important
}
.wap-wrap {
    font-size: .32rem;
    width: 100%
}

.st {
    font-family: "simsun";
}
.fl {
    display: block;
    float: left;
}

.fr {
    display: block;
    float: right;
}
.clear:after, .cl:after {
    content: '';
    display: block;
    clear: both;
}
.clear:after {
    content: '';
    display: block;
    clear: both;
}
.bborder {
    border-top: .2rem solid #f6f6f6;
}

/******************内容*******************/
.con720 {
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    box-sizing: border-box;
}
.banner {
    display: block;
    width: 100%;
}
.banner img {
    width: 100%;
    vertical-align: top;
}

.pronlist {
    margin-top: .32rem;
  	overflow: hidden;
}
.pronlist .item {
    display: block;
    position: relative;
    float: left;
    width: 3.41rem;
    height: 3.1rem;
    margin-left: .22rem;
    margin-bottom: .21rem;
    overflow: hidden;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
}
.pronlist .item .icon {
    display: block;
    width: 100%;
    height: 2.16rem;
}
.pronlist .item .name {
    display: block;
    font-size: .26rem;
    line-height: .72rem;
    text-align: center;
    color: #202020;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pronlist .item i {
    display: block;
    position: absolute;
    width: .42rem;
    height: .22rem;
    top: .25rem;
    right: .27rem;
    background: url(https://u-static.lmjx.net/2020/sumitomo720/images/icon720.png) center center no-repeat;
    background-size: 100% 100%;
}
.covernav {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background: #feba0d;
}
.covernav .item {
    position: relative;
    width: 33.33%;
    font-size: .3rem;
    font-weight: bold;
    line-height: .69rem;
    text-align: center;
    color: #fff;
}
.covernav .item a {
    display: block;
    position: relative;
    color: #fff;
    border-bottom: 1px solid #fecb4a;
    z-index: 1;
}
.covernav .item::after {
    display: block;
    position: absolute;
    content: '';
    width: 1px;
    height: .34rem;
    top: 50%;
    right: 0;
    margin-top: -0.17rem;
    background: #fecb4a;
    z-index: 0;
}
.covernav .item.current a {
    font-weight: bold;
    background: #e88800;
}

.moretit {
    display: block;
    margin-top: .4rem;
    font-size: .36rem;
    font-weight: bold;
    line-height: .44rem;
    text-align: center;
    color: #000;
}

.tips {
  	display: block;
  	margin: 0 .86rem;
    height: .52rem;
    font-size: .24rem;
    line-height: .52rem;
    text-align: center;
    color: #181818;
  	background: #d2d2d2;
}
.copyright {
    width: 100%;
  	margin-top: .1rem;
  	padding-bottom: .2rem;
    height: .52rem;
    font-size: .24rem;
    line-height: .52rem;
    text-align: center;
    color: #181818;
}