@charset "utf-8";
.infoban{ background:url(../images/info.jpg) center no-repeat; text-align:center; padding:120px 0;}
@media screen and (max-width:960px) {
.infoban{ background-size:200%; overflow:hidden; padding:25% 0 20%;}
}
.infoban em{color:#00900a; font-weight: normal; font-family:"GOTHICB"; position:relative; display:inline-block; padding-bottom:20px;}
.infoban em:before{ width:70px; height:5px; background:#00900a; content:""; position:absolute; bottom:0; left:50%; margin-left:-35px;}

.lxban{ background:url(../images/infos.jpg) center no-repeat; text-align:center; padding:180px 0;}
@media screen and (max-width:960px) {
.lxban{ background-size:200%; overflow:hidden; padding:25% 0 15%;}
}
.lxban em{color:#fff; font-weight: normal; font-family:"GOTHICB"; position:relative; display:inline-block; padding-bottom:20px;}
.lxban em:before{ width:70px; height:5px; background:#fff; content:""; position:absolute; bottom:0; left:50%; margin-left:-35px;}

.infourl{ background:#f2f2f2; padding:25px 0; display:flex; flex-wrap:wrap; border-bottom:1px #dedede solid;}
.infourl p a { display: block; padding: 10px 35px; float:left; background: #fff; border-radius: 8px; border: 1px solid #eee; font-size:18px; transition: all .5s ease; margin-right:25px;}
.infourl p a.on { background: #00900a; color: #fff; }
.infourl span{ color:#999; line-height:25px; display:flex; font-size:15px;}
.infourl span a.home{ height:25px; background:url(../images/home.png) left no-repeat; padding-left:25px; color:#999; margin-right:5px;}
@media screen and (min-width:1060px) {
.infourl span{ float:right;}
}
@media screen and (max-width:1060px) {
.infourl{ padding:10px 0;}
.infourl span{ margin-bottom:15px; }
}

.infotitle{ background:url(../images/yuan.png) left no-repeat; line-height:60px; padding:10px 30px;}
.infotitle span{ font-family:"GOTHICB"; color:#00900a; padding-bottom:20px; position:relative;}
.infotitle span:before{ content:""; width:50px; height:5px; background:#004a25; left:0; bottom:0; position:absolute;}

.infotitles{ line-height:60px; padding:10px 30px; text-align:center;}
.infotitles span{ font-family:"GOTHICB"; color:#00900a;}

.list_about{ padding:2% 0 1%;}
.list_aboutbody{ text-align: justify;background:#f0f0f0; margin:25px 0; padding:30px; font-size:16px; line-height:2;}
.list_aboutbody p{ margin:5px 0 5px;}
.list_aboutbody .aboutvideo{ position:relative;}
@media screen and (min-width:1060px) {
.list_aboutbody .aboutvideo{ float:left; width:50%; margin:0 20px 50px 0;}
}
.list_aboutbody .aboutvideo img{ width:100%;}
.list_aboutbody .aboutvideo iframe{ position:absolute; left:0; top:0; width:100% !important; height:100% !important; z-index:8; }

.list_factory{ margin-bottom:30px;}
.list_factory ul{ margin-top:15px;}
.list_factory li img{ width:100%;}
@media screen and (min-width:1300px) {
.list_factory li{ float:left; width:calc(25% - 15px); margin-right:20px; margin-bottom:20px;}
.list_factory li:nth-child(4n){ margin-right:0}
}
@media screen and (max-width:1300px) and (min-width:760px) {
.list_factory li{ float:left; width:calc(33.33% - 20px); margin-right:30px; margin-bottom:30px;}
.list_factory li:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:760px) {
.list_factory li{  margin-bottom:20px;}
}
.list_factory li span{ display:block; line-height:24px; height:48px; background:#f0f0f0; text-align:center; font-size:16px; padding:15px; box-sizing: border-box; transition: all 0.3s;}
.list_factory li:hover span{ background:#00900a; color:#fff;}


.list_news{ padding:3% 0 2%;}
.list_news li{ background:#f0f0f0; transition: all 0.3s; margin-bottom:30px; position:relative;}
.list_news li:hover{ box-shadow:0px 0px 15px #ddd; background:#fff;}
.list_news li a{ display:block;}
@media screen and (min-width:640px) {
.list_news li a .nimg{ width:30%; height:260px; overflow:hidden; float:left;}
.list_news li a:hover .nimg img{transform: scale(1.1);}
.list_news li a .nbody{ width: calc(70% - 180px); float:left; padding:50px;}
.list_news li a .ntime{ float:right; width:180px;}
}
@media screen and (max-width:640px) {
.list_news li a .ntime{ position:absolute; z-index:5; top:0; right:0; background-color:rgba(12,82,47,0.8); color:#fff; padding:15px;}
.list_news li a .nbody{ padding:20px;}
}

.list_news li a .nimg img{ width:100%; transition: all 0.3s;}
.list_news li a .ntime{ line-height:1.3; text-align:center; padding-top:4%;}
.list_news li a .ntime i{ display:block; font-family:"GOTHICB"; }
.list_news li a .nbody{ box-sizing: border-box;}

.list_news li a .nbody em{ font-family:"GOTHICB"; line-height:1;}
.list_news li a .nbody p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; margin-top:15px; color:#666; line-height:1.2;}
.list_news li a:hover .nbody em{ color:#00900a;}
.list_news li a:hover .ntime{ color:#00900a;}

.view_news{ padding:3% 0 2%;}
.view_newsrelated{ border:1px #ddd solid; box-sizing: border-box; padding:20px 30px; background:#f8f8f8;}
.view_newsrelated em{ font-weight:700; line-height:2; color:#333;}
@media screen and (min-width:960px) {
.view_newsbody{ float:left; width: calc(74% - 55px);}
.view_newsrelated{ float:right; width:26%;}
}
.newstitle{ border-bottom:1px #ddd solid; padding-bottom:25px;}
.newstitle i{ color:#fff; font-size:15px; display:block;box-sizing: border-box; padding:10px 0; width:80px; height:100px; margin-right:25px; text-align:center; background:#00900a; float:left;font-family:"GOTHICB";}
.newstitle i span{ display:block; line-height:1.5; font-family:"GOTHICB";}
.newstitle em{ line-height:1.3; font-family:"GOTHICB";}
.newstitle p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; color:#888; line-height:1.2; margin-top:10px;}
.newsbody{ padding:20px 0; line-height:1.5; font-size:16px; font-family:Arial;}
.newsbody img{ width:auto !important; max-width:100%; height:auto !important; margin:15px 0;}

.list_video{background-color: rgba(255, 255, 255, 1); padding:2.5% 0;}
@media screen and (min-width:960px) {
.list_video li{ float:left; width:calc(33.33% - 20px); margin-right:30px; margin-bottom:40px;}
.list_video li:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:960px) {
.list_video li{ float:left; width:calc(50% - 10px); margin-right:20px; margin-bottom:30px;}
.list_video li:nth-child(2n){ margin-right:0}
}
.list_video li .proimg{ position:relative;}
.list_video li .proimg a{ position:absolute; width:0; height:0; left:50%; top:50%; background:url(../images/videoico.png) rgba(0,0,0,0.3) center no-repeat; z-index:5; opacity:0; transition: all 0.6s;}
.list_video li:hover a{ opacity:1; width:100%; height:100%; left:0; top:0; cursor: pointer;}
.list_video li img.pbg{ width:100%;}
.list_video li img.pimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.list_video li span{ margin-top:15px; font-family:"GOTHICB"; color:#333; line-height:25px; height:50px; display:block; text-align:center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}


.vidbox { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none; background:rgba(0,0,0,0.4);}
.videocon { width: 40%; margin: 17% auto 0 auto; }
@media(max-width:640px){
.videocon { width: 90%; margin:30% auto 0 auto; }
}
.videocon p { text-align:center; margin-top:15px;}
.videocon p i { cursor: pointer; font-size: 16px; color: #333; background:#fff; padding:13px 45px; border-radius:30px; display:inline-block;font-family:"GOTHICB";}
.videocon p i:hover{ background:#004a25; color:#fff;}
.videocon video { object-fit: fill; max-width:90% !important; max-height:80% !important; display:block; margin:0 auto;}

.list_lixi{ background:#f0f0f0; padding:2% 0;}
.list_lixi .symain{ background:#fff; position:relative;}
@media screen and (min-width:960px) {
.list_lixicon{ float:left; width:580px;}
.list_liximap{ width: calc(100% - 580px); position:absolute; height:100%; right:0; top:0;}
.list_liximap #map{ width:100%; height:100%;}
}
@media screen and (max-width:960px) {
.list_liximap #map{ width:100%; height:240px;}
}
.list_lixicon{ line-height:1.5; box-sizing: border-box; padding:3% 2% 5%; color:#555;}
.list_lixicon h3{ line-height:1.5; margin-bottom:15px; font-family:"GOTHICB"; border-bottom:1px #ddd solid; color:#111;}
.list_lixicon em{ line-height:2; font-family:"GOTHICB"; color:#111;}
.list_lixi .symain{ background:#fff; position:relative;}
.list_lixicon p{ line-height:2;}

.list_ly{ background:#fff; padding:2% 0;}
.list_ly p{ display:flex; margin-bottom:20px;}
@media screen and (min-width:640px) {
.list_ly p{ float:left; width: calc(50% - 15px); margin-right:30px;}
.list_ly p:nth-child(2n){ margin-right:0;}
}
.list_ly p .mytxt1{ border-radius: 14px;width:100%; box-sizing: border-box; height:42px; border:1px #aaa solid; padding:0 15px;outline:none;}
.list_ly p .mytxt3{ width:120px; box-sizing: border-box; height:42px; border:1px #aaa solid; text-align:center;outline:none;}
.list_ly p .mytxt2{ border-radius: 14px;width:100%;box-sizing: border-box; height:42px; border:1px #aaa solid; padding:0 15px;outline:none;}
.list_ly .mytxt4{ border-radius: 6px;width:100%; box-sizing: border-box; border:1px #aaa solid; padding:15px;outline:none;}
.list_ly .mysub{ display:block; margin:25px auto; background:#0c522f; color:#fff; padding:15px 45px; border-radius:25px; border:0; font-size:18px;}

.list_dl{ padding:3% 0 2%;}
.list_dl li{ background:#f7f7f7; transition: all 0.3s; margin-bottom:30px; padding:10px;}
.list_dl li:hover{ box-shadow:0px 0px 15px #ddd; background:#fff;}
@media screen and (min-width:960px) {
.list_dl li .ddimg{ float:left; padding:20px; background:#fff;}
.list_dl li .ddimg img{ width:100%; transition: all 0.3s;}
.list_dl li .nbody{ width: calc(70% - 180px); float:left; padding:30px;}
.list_dl li .download{ float:right; width:180px;}
.list_dl li .download a{ margin-top:40px;}
}
@media screen and (max-width:960px) {
.list_dl li .ddimg{ display:none;}
.list_dl li .nbody{ padding:15px;}
}
.list_dl li .download{ line-height:1.3; text-align:center;}
.list_dl li .download a{ font-size:15px; background:#0c522f; color:#fff; padding:12px 24px; font-size:15px; border-radius:5px; display:inline-block;}
.list_dl li .nbody{ box-sizing: border-box;}
.list_dl li .nbody em{ font-family:"GOTHICB"; line-height:1;}
.list_dl li .nbody p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; margin-top:15px; color:#666; line-height:1.2;}
.list_dl li:hover .nbody em{ color:#0c522f;}

.list_pros{ padding:3% 0 2%;}
.list_proslt em{ display:block; height:55px; line-height:55px; padding-left:50px; background:url(../images/af.jpg) left 25px center #0c522f no-repeat; color:#fff; font-family:"GOTHICB";}
.list_proslt em{ border-top-left-radius:15px; border-top-right-radius:15px;}
.pro_class{ margin-bottom:20px;}
.pro_class .sb_item{ padding:15px; background:#666; }
.pro_lixi div{ padding:15px; background:#f0f0f0; line-height:1.5; color:#555; font-size:15px;}
.pro_lixi div span{ font-weight:700;}
.pro_lixi div p{ margin-bottom:10px;}
.pro_lixi form{ margin:10px 0;}
.lttxt01{ border:0; background:#e3dfdf; width:100%; height:35px; box-sizing: border-box; padding:0 10px; margin-bottom:10px; outline:none;}
.lttxt02{ border:0; background:#e3dfdf; width:100%; height:70px; box-sizing: border-box; padding:5px 10px; outline:none;}
.ltsub{ background:#0c522f; width:100%; height:40px; color:#fff; border:0; border-radius:5px; font-size:15px; margin-top:5px;}

.prosrig_tit{ border-bottom:1px #ddd solid;}
.prosrig_tit em{ display:block; height:55px; line-height:55px; padding-left:50px; background:url(../images/af.jpg) left 25px center #0c522f no-repeat; color:#fff; font-family:"GOTHICB";}
.prosrig_tit em{ border-top-left-radius:15px; border-top-right-radius:50px; max-width:490px;}
@media screen and (min-width:1160px) {
.list_proslt{ float:left; width:300px;}
.list_prosrig{ float:right; width: calc(100% - 335px);}
}
@media screen and (max-width:1160px) {
.pro_lixi{ display:none;}
}

.pro_body{ padding:2.5% 0;}
@media screen and (min-width:960px) {
.pro_body li{ float:left; width:calc(33.33% - 20px); margin-right:30px; margin-bottom:30px;}
.pro_body li:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:960px) {
.pro_body li{ float:left; width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
.pro_body li:nth-child(2n){ margin-right:0}
}
.pro_body li .proimg{ border:1px #ddd solid;}
.pro_body li a{ display:block; position:relative; overflow:hidden; }
.pro_body li a img.pbg{ width:100%;}
.pro_body li a img.pimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.pro_body li a:hover img.pimg{transform: scale(1.1);}
.pro_body li span{ color:#eee; line-height:3; display:block; background:#0c522f; text-align:center;}

.list_shebei{ padding:3% 0 2%; background:#f0f0f0;}
@media screen and (min-width:1160px) {
.list_sblt{ float:left; width:400px;}
.list_sbrig{ float:right; width: calc(100% - 420px);}
}
@media screen and (max-width:1160px) {
.list_sblt{ margin-bottom:20px; }
}
.list_sblt em{ display:block; height:55px; line-height:55px; padding-left:50px; background:url(../images/af.jpg) left 25px center #0c522f no-repeat; color:#fff; font-family:"GOTHICB";}
.list_sblt em{ border-top-left-radius:15px; border-top-right-radius:15px; }
.sbrig_tit{border-radius: 16px 0 0 0; background:#fff;}
.sbrig_tit em{ display:block; height:55px; line-height:55px; padding-left:50px; background:url(../images/af.jpg) left 25px center #0c522f no-repeat; color:#fff; font-family:"GOTHICB";}
.sbrig_tit em{ border-top-left-radius:15px; border-top-right-radius:50px; max-width:490px;}
.shebei_body{ padding:2.5% 0;}
@media screen and (min-width:760px) {
.shebei_body li{ float:left; width:calc(50% - 15px); margin-right:30px; margin-bottom:30px;}
.shebei_body li:nth-child(2n){ margin-right:0}
}
@media screen and (max-width:760px) {
.shebei_body li{ margin-bottom:20px;}
}
.shebei_body li{ background:#fff; padding:20px; box-sizing: border-box;}
.shebei_body li a{ display:block; position:relative; overflow:hidden;}
.shebei_body li a img.pbg{ width:100%;}
.shebei_body li a img.pimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.shebei_body li a:hover img.pimg{transform: scale(1.1);}
.shebei_body li span{ color:#333; line-height:3; display:block; text-align:center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;}

.sb_class{ padding:0;}
.sb_class em{ display:block; height:55px; line-height:55px; padding-left:50px; background:url(../images/af.jpg) left 25px center #0c522f no-repeat; color:#fff; font-family:"GOTHICB";}
.sb_class em{ border-top-left-radius:15px; border-top-right-radius:15px; }
.sb_class ul{ background:#666; padding:15px 10px 15px 15px;}

.sb_item { padding:0;}
.sb_item .item { margin-bottom:10px; padding:10px 0; border-bottom:1px #aaa solid;}
.sb_item .item .bar { position:relative;}
.sb_item .item .bar a{ color:#fff; line-height:24px; padding-left:25px; font-size:13.5px; font-weight:700;}
.sb_item .item .cont { display: none; padding:10px 0;}
.sb_item .item .cont a{ display:block; color:#fff; padding:5px 5px 5px 24px; font-size:14px;}
.sb_item .item .cont a:hover{ text-decoration:underline;}
.sb_item .item .cont span a{ padding-left:45px; font-size:12px; color:#ddd;}
.sb_item .item .cont span a:hover{ color:#fff;}
@media screen and (max-width:760px) {
.sb_item .item { padding:5px 0;}
.sb_item .item .bar a{ font-size:13px;}
.sb_item .item .cont a{ font-size:12px;}
}

.sb_item .item i { position:absolute; left:0; top:0; display: block; width:25px; height:25px; cursor: pointer;}
.sb_item .item i::before { position: absolute; width: 100%; height: 100%; z-index: 5; left: 0; top: 0; color: #fff; font-size:22px; text-align: center; line-height:25px; content: "+" }
.sb_item .item.active i::before { content: "-"}

.proviews{ background:#fff; padding:3% 0;}
.block50{ height:110px; background:#f2f2f2;}
@media screen and (max-width: 580px) {
.block50{ height:65px;}
}
.proview{ background:url(../images/pbg.jpg) center top no-repeat; padding:3% 0;}
@media(min-width: 1260px){
.proview_img{ width: calc(50% - 35px); float:left;}
.proview_con{ width:50%; float:right;}
.block60{ height:50px;}
}
@media(max-width: 1260px){
.proview_con{ padding:20px;}
}
.bigSwiper{ position:relative; height: 80%; width: 100%;}
.bigSwiper img{ display:block; margin:0 auto; max-height:420px; max-width:100%;}
.bigSwiper i{ display:block; position:absolute; right:0; bottom:0; width:30px; height:30px; z-index:10; background:url(../images/jia.jpg) no-repeat;}
.proview_img .smallSwiper{ margin:15px 30px; height: 20%;box-sizing: border-box; padding: 10px 0; position:relative;}
.proview_img .smallSwiper .swiper-slide { width:20%; border:2px #d3d3d3 solid; cursor: pointer; }
.proview_img .smallSwiper .swiper-slide-thumb-active { border:2px #00900a solid; }
.proview_img .smallSwiper .swiper-slide img{ width:100%; height:100%;}
.smallpic{ position:relative;}
.proview_img .smallpic .swiper-nextp{ position:absolute; left:0px; top:50%; transform: translateY(-50%); cursor: pointer; padding:10px 5px;}
.proview_img .smallpic .swiper-prevp{ position:absolute; right:0px; top:50%; transform: translateY(-50%); cursor: pointer; padding:10px 5px;}


.proview_con h1{ color:#111; line-height:1.5; font-family:"GOTHICB";}
.proview_con span{ display:block; margin:10px 0; color:#666; font-size:15px;}
.proview_con i a{ color:#0c522f; font-family:"GOTHICB";}
.proview_con ul{ padding:25px 0; margin:25px 0; border-top:1px #ddd solid;}
.proview_con li{ float:left; margin-right:3%; text-align:center;}
.proview_con li span{ color:#333; font-size:16px; font-weight:700;}

.proview_con li .s_layout{
    width: 80px;
    max-height: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    height: 80px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(12, 82, 47, 1);
    border-top-left-radius: 500px;
    border-top-right-radius: 500px;
    border-bottom-left-radius: 500px;
    border-bottom-right-radius: 500px;
    background_radio: 1;
    display-radio: 1;
}
.proview_con li .s_layout img{
    overflow: hidden;
    max-width: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}
.proview_con a.btn-primary{ background:#00900a; display:inline-block; padding:15px 45px; border-radius:25px; color:#fff;}
@media(max-width:640px){
.proview_con li{ margin:10px; width: calc(50% - 20px); box-sizing: border-box;}
.proview_con li span{ display:block; line-height:20px; height:40px; font-size:15px;}
.proview_con li .s_layout{ width:60px; max-height:60px; height:60px;}
.proview_con li .s_layout img{ max-width:30px;}
}

.viddeobox { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none; background:rgba(0,0,0,0.4);}
.viddeoboxs { width: 40%; height:80% !important; margin: 10% auto 0 auto; overflow:hidden;}
@media(max-width:640px){
.viddeoboxs { width: 90%; margin:30% auto 0 auto; }
}
.viddeoboxs p { text-align:center; margin-top:15px;}
.viddeoboxs p i { cursor: pointer; font-size: 16px; color: #333; background:#fff; padding:13px 45px; border-radius:30px; display:inline-block; font-family:"GOTHICB";}
.viddeoboxs p i:hover{ background:#004a25; color:#fff;}
.viddeoboxs video { object-fit: fill; max-width:90% !important; max-height:80% !important; display:block; margin:0 auto;}

.view_nav{ background:url(../images/bg01.jpg) center no-repeat; padding:3% 0;}
.view_nav li{ float:left; width: calc(50% - 20px); margin-right:40px;}
.view_nav li:nth-child(2n){ margin-right:0;}
.view_nav li a{ display:block; background:#fff;}
.view_nav li a img{ display:block; width:100%;}
.view_nav li a span{ font-family:"GOTHICB"; display:block; padding:5%;}

.view_title{ text-align:center; margin:10px 0 35px;}
.view_title span{font-family:"GOTHICB"; color:#0c522f; line-height:2; display:inline-block; background:url(../images/line.jpg) center bottom no-repeat; padding-bottom:10px;}

.view_other{background-color:#f9f9f9; padding:2% 0;}
@media screen and (min-width:1300px) {
.view_other li{ float:left; width:calc(25% - 15px); margin-right:20px; margin-bottom:20px;}
.view_other li:nth-child(4n){ margin-right:0}
}
@media screen and (max-width:1300px) and (min-width:960px) {
.view_other li{ float:left; width:calc(33.33% - 20px); margin-right:30px; margin-bottom:30px;}
.view_other li:nth-child(3n){ margin-right:0}
.view_other li:nth-child(10){ display:none;}
}
@media screen and (max-width:960px) {
.view_other li{ float:left; width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
.view_other li:nth-child(2n){ margin-right:0}
}
.view_other li a{ display:block; position:relative; overflow:hidden; }
.view_other li a img.pbg{ width:100%;}
.view_other li a img.pimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.view_other li a:hover img.pimg{transform: scale(1.1);}
.view_other li span{ font-size:16px;color:#fff; line-height:3; display:block; background:#0c522f; text-align:center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;}

.view_yous{ padding:2.5% 0;}
.view_yous li{ position:relative; background:#f0f0f0; margin-bottom:20px;}
@media screen and (min-width:760px) {
.view_yous li .ysimg{ position:absolute; width:50%; height:100%; top:0;}
.view_yous li .ysimg img{ position:absolute; object-fit: cover;  height:100%;}
.view_yous li .ystext{ float:right; width:50%;}
}
.view_yous li .ysimg{ z-index:5; overflow:hidden;}
.view_yous li .ysimg img{width:100%; transition: all 0.3s;}
.view_yous li:hover .ysimg img{transform: scale(1.1);}
.view_yous li .ystext{ box-sizing: border-box; padding:20px 25px;}
.view_yous li .ystext em{ line-height:2; font-family:"GOTHICB"; color:#0c522f; border-bottom:1px #ddd solid; display:block; margin-bottom:20px;}
.view_yous li .ystext p{ line-height:1.5; color:#666; padding:5px 0; font-size:15px;}
.view_yous li:nth-child(2n+1) .ysimg{ left:0;}
.view_yous li:nth-child(2n) .ysimg{ right:0;}
.view_yous li:nth-child(2n) .ystext{ float:left;}

.view_description{ padding:2.5% 0; line-height:1.5; overflow:hidden;}
.view_description img{ max-width:100%;}
.view_description table{ width:100% !important; overflow:hidden; font-size:13px;}

