*{ margin: 0; padding: 0;line-height:1.5;font-size: 20px; color: black;}
/* @font-face {
  font-family: siyuanbold;
  src:url(../images/SourceHanSerifCN-Heavy-4.otf)
}
@font-face {
  font-family:siyuan ;
  src:url(../images/SourceHanSerifCN-Regular-1.otf)
} */
body{ width:640px; margin: 0 auto;font-family: '苹方','微软雅黑','Microsoft Yahei','宋体'; font-weight: normal; background: #f8f8f8;}
div, h1, h2, h3, h4, h5, h6, p,span,a,input,textarea,select,span,i,b, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup {margin: 0;padding: 0;border: 0; outline:none;}
input{ padding:0; margin:0; outline:none;}
li{list-style-type:none;list-style:none;}
img {max-width: 100%; display:inline-block;border:0;vertical-align:middle; height: auto;object-fit:cover}
a{text-decoration: none;}
.swiper-container{width:100%;height:100%;}
:root{--swiper-theme-color: #0d2726;}
.yc640{ width: 640px; margin: 0 auto;}



/*  */
.box_statement .box{ width:550px; height: 650px; position: fixed; top: 50%; left: 50%;  margin: -325px 0 0 -275px; z-index: 999; background: white; border-radius: 20px; box-sizing: border-box; padding: 40px;}
.box_statement h3{ text-align: center; font-size:24px; line-height: 50px; font-weight: bold; color: #714a37; margin-bottom: 20px;}
.box_statement p{ font-size: 20px; line-height: 32px; text-indent: 2em;}
.box_statement p:last-child{text-align: right; padding-top: 10px;}
.box_statement::before{display: block; content: ''; width: 100%; height: 100%; background:rgba(0, 0, 0, .7); position: fixed; left: 0; top: 0; z-index: 998;}
.box_statement button{ border:0; padding: 10px 20px; position: relative;top: 15px; cursor: pointer;background-color: #eee; float: left; margin-top: 10px;}
.box_statement button:hover,.box_statement .close:hover{background-color: #0e2827; color: white;}
.box_statement .close:hover span,.box_statement .close:hover span:last-child{background: white;}
.box_statement .close{ width: 60px; height: 60px; cursor: pointer; position: absolute; right: 0; top:0; background-color: #eee; border-radius:10px; overflow: hidden;}
.box_statement .close span{display: block; width: 30px; height: 1px; background: #333; border-radius: 1.5px;transform:rotate(45deg); position:absolute; top: 30px; left:15px;}
.box_statement .close span:last-child{display: block; width: 30px; height: 1px; background: #333; border-radius: 1.5px;transform:rotate(-45deg);}



.fixnav{ height: 100vh; background: #0d2726; overflow: hidden; position:fixed; z-index: 99; box-sizing: border-box; padding: 70px; display: none;}
.fixnav li{ display: block; width: 100%; float:left; border-bottom: 1px solid #173e40; text-indent:40px;}
.fixnav li a{color: white; line-height: 100px; font-size: 30px; display: block;}
.fixnav li a span{color: #879f9e; padding-left: 20px;}
.fixnav li img{ display: block; margin: 40px auto;}
.fixnav li:last-child{border: 0;}
.fixnav li:last-child a{ border: 1px solid #173e40; width: 200px; margin: 60px auto; text-align: center;text-indent:0; background: #173e40; border-radius: 10px;}

.top{height: 100px;background:#0c2424; position: fixed; z-index: 99; top: 0; }
.btn{width: 120px; height:100px; float: right; box-sizing: border-box; padding:20px 30px;}
.btn .close{display: none;}

.banner{height:460px; margin-top: 100px;}

.title{text-align:center; padding: 50px 0;}
.title p{ font-size: 50px!important; color: #714a37; font-weight: bold; line-height:70px!important; padding: 0;}
.title span{ font-size: 16px; color: #714a37; text-transform:uppercase;font-weight: bold; letter-spacing:2px;}
.title span::before{ content: '-'; padding-right: 10px;}
.title span::after{ content: '-'; padding-left: 10px;}

/* .about{ background: #e7e7e7; overflow: hidden; box-sizing: border-box; padding: 0 40px 40px; text-align: center;}
.about p{ line-height: 50px; font-size:24px; padding-bottom:30px;} */
.index_about{ background: #e7e7e7; overflow: hidden; box-sizing: border-box; padding: 0 40px 40px; text-align: center;}
.index_about p{ line-height: 50px; font-size:24px; padding-bottom:30px;} 


.product{height:auto; overflow: hidden; background:url(../image/bg_product.jpg) no-repeat center white; text-align: center;box-sizing: border-box; position: relative; }
.product .swiper-container{height:480px;}
.product .swiper-slide{text-align:center;background:none;display: block;transform:scale(.6);padding: 40px 0;transition: transform 0.5s;}
.product .swiper-slide-active,.swiper-slide-duplicate-active{transform:scale(1.2)}
.product .swiper-slide img{display:block;width:100%;height:auto;object-fit:cover}
.product .swiper-slide p{font-size: 20px; line-height: 40px; }
.product .swiper-slide{background: url(../image/pro_bg2.png) no-repeat center bottom 155px;}
.product .swiper-slide.swiper-slide-active{background: url(../image/pro_bg.png) no-repeat center bottom 160px;}
.product .swiper-slide.swiper-slide-active p::before{content: '///';font-size: 16px; padding-right: 10px;}
.product .swiper-slide.swiper-slide-active p::after{content: '///';font-size: 16px; padding-left:10px ;}
.product .swiper-pagination{bottom:150px!important; width: 100%; text-align: center;}
.product .swiper-pagination span{ margin: 0 3px;}
.product a.more{display: block; width: 250px; height: 60px; margin:100px auto 50px; border-radius: 10px; border: 1px solid #ccc; line-height:60px;}

.stores{height:auto; background: #e7e7e7;box-sizing: border-box; text-align: center; position: relative; overflow: hidden;}

.advantage{ height:780px; background: url(../image/bg_advantage.jpg) no-repeat right white; text-align: center; box-sizing: border-box; }
.advantage ul{ display: block; box-sizing: border-box; }
.advantage li{ display:block; width: 200px; height: 180px; float: left; text-align: left; margin-left: 90px;}
.advantage li p{ font-size: 24px; color: #999; line-height: 60px;border-top: 2px saddlebrown solid; margin-top: 20px;}

.join{height: 900px; background-color:#e7e7e7;text-align: center; box-sizing: border-box;}
.join .swiper-slide{ height: 380px; text-align: left; box-sizing: border-box; padding: 40px; margin: 60px 0 120px; border-radius:10px; background: white;}
.join .swiper-slide img{ margin: 0 auto; display: block;}
.join .swiper-slide p{font-size: 28px; color: #666; font-weight: bold; padding-top:20px;}
.join .swiper-slide span{ font-size:10px; color: #666; padding-bottom: 20px;}
.join .swiper-slide li{ color: #777;}
.join .swiper-slide li::before{content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%;background-color: #777; margin-right:10px;}
.join .swiper-slide{transform:scale(0.9);transition: transform 0.5s;box-shadow:0px 10px 10px #ccc;}
.join .swiper-slide-active,.swiper-slide-duplicate-active{transform:scale(1)}
.join a.more{ display: inline-block; width: 180px; height: 60px; border: 1px solid #777;line-height: 60px;font-size: 24px;border-radius: 10px; margin-top: 20px;}
.join a.more:hover{background-color:#777; color: white;}

.news{ height:auto; background: white; box-sizing: border-box; padding: 60px 30px;}
.news .yc640{ position: relative; height: 100%; box-sizing: border-box; padding: 80px 0; width: 100%;}
.news .swiper-container{ padding-top:60px;}
.news .yc640::before{content: url(../image/logo_icon.jpg);height: 20px; border-bottom: 1px solid #ccc; width: 100%; display: block; position: absolute; top: 0;}
.news .yc640::after{content: url(../image/logo_icon2.jpg);height: 20px; border-bottom: 1px solid #ccc; width: 100%; display: block; position: absolute; bottom: 0; text-align:right; margin-bottom: 20px;}
.news .yc640 .swiper-slide{text-align: left; overflow: hidden;}
.news .yc640 .swiper-slide ul{ display: block; width:100%; float: right;}
.news .yc640 .swiper-slide ul p{font-size:24px; line-height: 40px; color: #5a5a5a; font-weight: bold;height: 40px; width: calc( 100% - 140px); overflow: hidden;}
.news .yc640 .swiper-slide ul em{float: right;font-size:18px; line-height: 40px; font-style: normal;height: 40px; overflow: hidden;}
.news .yc640 .swiper-slide ul span{font-size:18px; line-height: 40px; color:#999;height: 40px; overflow: hidden;}
.news .yc640 .swiper-slide ul li{display: block; border-bottom: 1px solid #ccc; padding:20px 0;}
.news .yc640 a.more{display:block;width:100%;height:50px;border: 1px solid #c5c5c5;line-height:50px;font-size: 22px;border-radius: 10px;text-align: center;color: #333;float: right;margin-top: 20px;box-sizing: border-box;}
.news .swiper-pagination{bottom: auto; top: 0; text-align: left; height: 50px;}
.news .swiper-pagination span{ width: auto; background: none; border-radius: 0; font-size: 30px; margin-right: 20px!important; height: auto;opacity: 1;padding-bottom: 15px;}
.news .swiper-pagination-bullet-active{color:#714a37; border-bottom: 2px solid #714a37; font-weight: bold;}
.news .yc640 .swiper-slide img{ margin: 20px 20px 0 0;box-shadow:0px 10px 10px #ccc;}


.contact{height:auto;background:#e7e7e7;box-sizing: border-box;text-align: center; overflow: hidden; padding-bottom: 50px;}
.contact .yc640{ padding: 0 30px; box-sizing: border-box;}
.contact .yc640 p{font-size: 22px;line-height: 48px;margin: 20px 0;}
.contact .yc640 form img{padding:0 15px;float: left;display: block;width: 50px;margin-bottom: 60px;}
.contact .yc640 form input{display: block;width: 500px;float: left;height: 70px;box-sizing: border-box;padding: 0 20px;font-size: 24px;margin-bottom: 40px;}
.contact .yc640 form button{display: block;width: 100%;margin: 0 auto;font-size:24px;border:1px solid #666;height: 70px;border-radius:5px; cursor: pointer;}
.contact .code{width: 500px; height: 70px; display: block; float: left; margin-left: 80px; line-height: 70px; background: black; color: white; font-size: 20px; margin-bottom: 40px;}


.foot{height:auto; background: #0e2626; box-sizing: border-box; padding: 65px 30px; overflow: hidden;}
.foot ul{display: block; width:370px; height:auto; float: left; color: white;}
.foot ul li span{font-size: 16px; color: white;}
.foot ul li b{font-size:26px;/* font-weight: normal; */padding-right: 10px;color: white;}
.foot ul li a{font-size: 46px;line-height: 70px;color: white; font-weight: bold;}
.foot ul li:nth-child(3){ padding-bottom:20px;color: white;}
.foot ul li:nth-child(3)::after{content: ''; display: block; width: 30px; height: 3px; background-color: white;}
.foot .yc_main div{ width: 190px; float: right; text-align:center; color: white; font-size:20px;line-height:80px;}

.foot .yc640{width: 100%;}
.foot .yc640>div{ width: 190px; float: right;}
.foot .yc640>div p{color: white; text-align: center; line-height: 50px;}



/* about */
.about{ height:1400px; overflow: hidden; background: url(../image/bg_product.jpg) no-repeat center white; box-sizing: border-box;text-align: center;}
.about>p{ font-size: 26px; color: #6d4632; line-height:50px;display: block; width: 240px; margin: 0 auto; position: relative;}
.about>p b{display: block;position: relative;font-size: 26px;color: #714a37;line-height: 50px;}
.about>p b::before{content: ''; display: block; width: 8px; height: 8px;background: #979797; border-radius: 50%; position: absolute; left: 0; top:26px ;} 
.about>p b::after{content: ''; display: block; width: 8px; height: 8px;background: #979797; border-radius: 50%; position: absolute; right: 0; top:26px ;} 
.about>p::before{content: ''; display: block; width:470px; height:2px;background: #979797; border-radius: 50%; position: absolute; left:-470px; top:29px ;} 
.about>p::after{content: ''; display: block; width:470px; height:2px;background: #979797; border-radius: 50%; position: absolute; right:-470px; top:29px ;} 

.about ul{ display: block; padding:50px 0; box-sizing: border-box; overflow: hidden; }
.about li{display: block;width:100%;height: 200px;float: left;box-sizing: border-box;padding: 25px 0 0 240px;position: relative;}
.about ul li:nth-child(2n){float: right;}
.about .yc640{text-align:left; width: 100%;}
.about .yc640 p{font-size: 22px;line-height: 26px;padding-bottom: 10px;display: block;width: 340px;}
.about .yc640 span{font-size: 14px;line-height: 16px;display: block;width: 340px;color: #999;}
.about ul li em{ display: block; width: 100px;height: 100px; border-radius: 50%; border: 2px solid #714a37; line-height: 100px; text-align: center; font-size: 24px; font-style:normal; color: #714a37; font-weight: bold; position: absolute; top: 0; left:30px;} 
.about ul li::before{content: url(../image/line.jpg);position: absolute;left: 145px;top:40px;}
.about ul li::after{content:''; position: absolute; left:80px; top: 120px; width: 2px; height: 60px; background:#838383}
.about ul li em::after{content:url(../image/yuan1.png); position: absolute; display: block; width: 106px; height: 106px; top: -3px;  left: -3px;}
.about ul li:nth-child(2) em::after{content:url(../image/yuan2.png)}
.about ul li:nth-child(3) em::after{content:url(../image/yuan3.png)}
.about ul li:nth-child(4) em::after{content:url(../image/yuan4.png)}
.about ul li:nth-child(5) em::after{content:url(../image/yuan5.png)}





.address{ padding: 30px; overflow: hidden; box-sizing: border-box; margin-top: 100px;}
.address p{ float: left;}
.address p::before{content: url(../image/address.png); position:relative; top: 5px; padding-right: 5px;}
.address ul{float: left;}
.address li{ float: left;}
.address li a{ padding-right:20px; position: relative; margin-right: 20px;}
.address li a:after{content:'>'; position: absolute; right: 0;}

.newlist{ height:auto; background:white; box-sizing: border-box;}
.newlist .title{ text-align: left; max-width: 1200px; overflow: hidden;}
.newlist .title a{ float: right; line-height:50px; font-size:16px; display: block; margin-top:20px;border: 1px solid #ccc; padding: 0 15px; border-radius: 10px;}
.newlist .title a::after{content:url(../image/right_icon.png); padding-left: 10px; position: relative; top: 3px;}
.newlist .yc640{ width: 100%;}

.newlist .boxone{ padding:0 30px 30px; overflow: hidden; box-sizing: border-box;}
.newlist .boxone li{ display: block; float: left; width:380px; overflow: hidden; background: #f6f6f6; height: 430px; border-radius: 20px; transition: all 0.5s; margin-bottom: 30px;}

.newlist .boxone li .boxone_1,.newlist .boxone li img{ display: block; width: 380px; height: 290px;object-fit:cover; overflow: hidden; transition: all 0.5s;}
.newlist .boxone li .boxone_2{ padding: 20px 20px 0 100px; position: relative;}
.newlist .boxone li .boxone_2 p{font-size: 22px;line-height:24px;margin-bottom:10px;color: black;}
.newlist .boxone li .boxone_2 span{ font-size: 14px; line-height:20px; color: #999; height: 40px; display: block; height: 40px; overflow: hidden;}
.newlist .boxone li .boxone_2 .time{ position: absolute; left:10px; width: 70px; height:70px; top:20px; text-align: center; line-height:28px;}
.newlist .boxone li .boxone_2 .time p{font-size: 30px;}
.newlist .boxone li:hover{background-color:#0e2626; color: white;}
.newlist .boxone li:hover *{ color: white;}
.newlist .boxone li:hover p{ color: white;}
.newlist .boxone li:hover img{ transform: scale(1.1);}

.newlist .boxtwo.color{background: #e9efef;}
.newlist .boxtwo{ padding:0 30px 30px;box-sizing: border-box; overflow: hidden; }
.newlist .boxtwo ul li:first-child{ display: block;float: left; width:570px; margin-right:30px; border-radius: 20px; overflow: hidden; height: 500px; background-color: #f6f6f6;}
.newlist .boxtwo.color li:first-child{ background:white;}
.newlist .boxtwo.color li:first-child:hover{background-color:#0e2626; color: white;}
.newlist .boxtwo li:first-child .boxone_1,.newlist .boxtwo li:first-child img{ display: block; width: 570px; height: 370px;object-fit:cover; overflow: hidden; transition: all 0.5s;}
.newlist .boxtwo li:first-child .boxone_2{ padding: 20px 20px 0 100px; position: relative;}
.newlist .boxtwo li:first-child .boxone_2 p{font-size: 22px;line-height:24px;margin-bottom:10px;color: black;}
.newlist .boxtwo li:first-child .boxone_2 span{ font-size: 14px; line-height:20px; color: #999; height: 40px; display: block; height: 40px; overflow: hidden;}
.newlist .boxtwo li:first-child .boxone_2 .time{ position: absolute; left:10px; width: 70px; height:70px; top:20px; text-align: center; line-height:30px;}
.newlist .boxtwo li:first-child .boxone_2 .time p{font-size: 30px;}
.newlist .boxtwo li:first-child:hover{background-color:#0e2626; color: white;}
.newlist .boxtwo li:first-child:hover *{ color: white;}
.newlist .boxtwo li:first-child:hover p{ color: white;}
.newlist .boxtwo li:first-child:hover img{ transform: scale(1.1);}

.newlist .boxtwo li:not(:first-child){ display: block; height: 125px; width:570px; float: left; border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 20px 0; position: relative;}
.newlist .boxtwo li:not(:first-child) p{font-size: 22px;line-height:40px;color: black;display: block;max-width:480px;overflow: hidden;transition: all 0.5s;}
.newlist .boxtwo li:not(:first-child) span{ font-size: 14px; line-height:20px; color: #999; height: 40px; display: block; height: 40px; overflow: hidden;}
.newlist .boxtwo li:not(:first-child) .time{ position: absolute; right: 0; top: 20px;font-size: 14px; line-height: 40px;}
.newlist .boxtwo li:last-child{border-bottom: 0;}
.newlist .boxtwo li:not(:first-child):hover p{ color:#714a37; font-weight: bold;}


.listin li{ width: 100%!important; height: 290px!important;;}
.listin li .boxone_1{ float: left;}
.listin li .boxone_3{ width: 200px; float: left; box-sizing: border-box; padding:15px 20px; height: 290px;}
.listin li .boxone_3 p{font-size: 22px;line-height:30px;margin-bottom:10px;color: black;}
.listin li .boxone_3 span{ font-size: 14px; line-height:20px; color: #999; height: 40px; display: block; height: 40px; overflow: hidden; padding: 20px 0; overflow: hidden;}
.listin li .boxone_3 .time{ font-size:16px; line-height:20px;color: #333; padding: 20px 0;}
.listin li:hover .boxone_3 .time{color: white;}

.page{text-align: center;margin: 0 auto;padding-bottom: 100px;box-sizing: border-box;padding: 0 30px 30px;}
.page>*{display: inline-block;height: 60px;margin: 0 5px 10px;padding: 0 25px;font-size:20px;color: #000;line-height: 60px;border: 1px solid #ccc;border-radius: 10px;}
.page>span{ background:#0e2626; border-radius: 5px; color: white;}


.join2{ height:auto;box-sizing: border-box;text-align: center; overflow: hidden; background: white;}
.join2>p{ font-size: 26px; color: #6d4632; line-height:50px;display: block; width: 240px; margin: 0 auto; position: relative;}
.join2>p b{display: block; position: relative;}
.join2>p b::before{content: ''; display: block; width: 8px; height: 8px;background: #979797; border-radius: 50%; position: absolute; left: 0; top:26px ;} 
.join2>p b::after{content: ''; display: block; width: 8px; height: 8px;background: #979797; border-radius: 50%; position: absolute; right: 0; top:26px ;} 
.join2>p::before{content: ''; display: block; width:470px; height:2px;background: #979797; border-radius: 50%; position: absolute; left:-470px; top:29px ;} 
.join2>p::after{content: ''; display: block; width:470px; height:2px;background: #979797; border-radius: 50%; position: absolute; right:-470px; top:29px ;} 
.join2 .yc640{ background:url(../image/bg_product.jpg) no-repeat center white; }

.money li p{display: block; width: 300px; height: 100px; margin: 0 auto; border: 2px solid #a8a8a8; border-radius: 10px; font-size: 24px; line-height: 100px; margin-top: 80px; position: relative;}
.money li p:after{content: ''; width: 36px; height: 36px; border-left: 1px solid #714a37; display: block;transform:rotate(45deg); position: absolute; bottom: -70px; left: 50%; margin-left: -5px; }
.money li p b{color: #714a37;font-size: 28px;}
.money li:nth-last-child(2) p{border: 0;}
.money li:nth-last-child(2) p::after{content: ''; display: none;}
.money li:nth-last-child(3) p::after{transform:rotate(0deg);  }


.cooperation{display: block; width: 640px; margin: 0 auto; overflow: hidden; padding:100px 0; background: url(../image/iconl.jpg) repeat-x top; margin-top: 100px;}
.cooperation dt{display: block; text-align: center; font-size: 28px; color: #714a37; font-weight: bold; padding-bottom: 50px;}
.cooperation dt::before{content: url(../image/icon.jpg);display: inline-block; padding: 0 20px; position: relative; top: 10px;}
.cooperation dt::after{content: url(../image/icon.jpg);transform:rotate(180deg); display: inline-block; padding: 0 20px; position: relative; top: 10px;}
.cooperation dd{display:block; width: 235px; height: 165px; float:left; border: 1px solid #000; margin:53px 0 0 53px; border-radius: 20px; box-sizing: border-box; padding:25px 35px; text-align: left; position: relative;}
.cooperation dd p{font-size:28px; color:black; line-height: 40px; font-weight: bold;}
.cooperation dd span{font-size: 20px; line-height: 30px;}

.cooperation dd::after{content: url(../image/iconr.jpg);position: absolute;right: -46px;top:70px;display: block;}
.cooperation dd:last-child:after{display: none;}
.cooperation dd:nth-child(3)::after{bottom: -44px;top:auto;right:100px;transform:rotate(90deg);}

.cooperation dd:nth-child(5)::after{left:-47px;transform:rotate(90deg); right: auto;}
.cooperation dd:nth-child(4)::after{bottom: -44px;top:auto;right:100px;transform:rotate(90deg);}
.cooperation dd:nth-last-child(3)::after{transform:rotate(180deg);}



.detail{ padding: 40px 0; border-top: 1px solid #eee; margin-bottom: 30px;border-bottom: 1px solid #eee;}
.detail .detail_title{ padding-bottom: 40px ; margin-bottom: 40px;border-bottom: 1px solid #eee;}
.detail .detail_title h3{font-size: 30px;font-weight: bold;color: #000;text-align: center;line-height: 40px;padding-bottom: 20px;}
.detail .detail_title center{ display: block; text-align: center; font-size: 15px; line-height:30px; color: #666;}
.detail .detail_content{padding: 0 30px;box-sizing: border-box;font-size: 22px;line-height: 50px;}
.detail .detail_content p{ text-indent: 2em; font-size: 15px;}
.detail .detail_content img{margin: 20px auto;display: block;max-width: 580px;}
.sxpage{padding: 40px 0 60px;font-size: 20px;}
.sxpage li{line-height:40px; box-sizing: border-box; padding: 0 40px; overflow: hidden; padding-bottom: 20px;}
.sxpage a{ font-size: 24px; line-height: 30px; display: block; width: 470px; float: right;}


.pro{background:url(../image/bg_product.jpg) no-repeat center bottom white ; display: block; overflow: hidden; box-sizing: border-box; padding: 0 30px;}
.pro .yc640{ width: 100%;}
.pro li{display: block; float: left; box-sizing: border-box; padding: 0 100px;}

.pro li p{ font-size: 30px; padding: 0 30px;}
.pro li span{ font-size:15px; font-weight: bold; line-height:50px;display:block; border-bottom: 1px solid #ccc;padding: 0 30px;}
.pro li div{ padding: 10px 30px; height: 120px; overflow: hidden;font-size: 18px;}
.pro li img{display: block; width: 100%;height: auto;}

.cd{ padding: 100px 0; text-align: center;}
.cd img{box-shadow: 0px 10px 10px 5px #ccc}
.imgtop{ background: white; padding: 20px; overflow: hidden; box-sizing: border-box;}
.imgtop img{display: block; width: 100%;height: auto;}