﻿@charset "utf-8";
/* CSS Document */
.dtit{font-size:24px; line-height:36px; letter-spacing: 0.2em;}
.btnmore *{color:#B34300; font-weight: 600; font-size: 16px; line-height: 30px; letter-spacing: 0.2em;}
.btnmore .arr, .Newslist .main .list .more .arr{animation-name:arrmove; animation-duration:2s; animation-iteration-count: infinite; animation-timing-function: ease; position:relative;}
@keyframes arrmove {
  0% {left:0;}
  25% {left:10px;}
  50% {left:0;}
}
/*privicy*/
.privicy{position:fixed; bottom:0; left:0; background:rgba(0,0,0,0.7); color:#fff; width:100%; height:auto; padding:15px 15px 0 15px; z-index: 300; display:none;}
.privicy div.blk{position:relative;}
.privicy p{padding-right:50px;}
.privicy a{color:#fff; text-decoration:underline;}
.privicy .cross{position:absolute; top:0; right:0; font-size:36px; cursor: pointer; font-weight: 100;}
/*News*/
.Newslist .side{display:none;}
.Newslist .main .list{display:inline-block; vertical-align: top;}
.Newslist .main .list .frm{background:#fff; padding:0;}
.Newslist .main .list section{text-align:center; padding:10px 3px;}
.Newslist .main .list .innerhtml{min-height:3em;}
.Newslist .main .list .more{color:#B34300; font-size:12px; font-weight: 600; text-align: center; margin:20px 0; float:left; width:100%;}
.Newslist .main .list h3.subject{font-size:18px; color:#000;}
.latest{padding:0;}
.latest .frm{padding:10px 0; border-bottom:1px solid #ccc;}
.latest h3.subject{font-size:14px; font-weight:600; color:#000; width:calc(100% - 100px); float:left;}
.latest .path{float:right; width:100px; letter-spacing: 0.1em; font-size:14px; color:#000;}
.cococare{background:linear-gradient(#FF8300 65%,#FCF7F3 65%); text-align: center; color:#fff; font-size:18px; line-height:30px; padding-top:20px; margin-top:40px;}
.cococare h2{font-size: 36px; letter-spacing: 2px;}
.cococare .list .frm{padding:0; background:#fff;}
.cococare .list section{text-align:center; font-size:12px; color:#000; line-height:18px; position:relative; padding-top:20px; padding-bottom:30px; letter-spacing: 0px;}
.cococare .list .frm h3.subject{display:inline-block; position:absolute; background:#E3B3B3; border-radius:2px; left:50%; top:-.5em; transform:translate(-50%,-50%); color:#fff; font-weight: 600; font-size: 16px; line-height: 30px; letter-spacing: 0.2em; padding:8px 15px;}
.cococare .list:nth-of-type(2) h3.subject{background:#FEB568;}
.cococare .list:nth-of-type(3) h3.subject{background:#BFD3C3;}
.cococare .list .more{text-align:center; line-height:30px;}
.cococare .list .more a{color:#B34300; border-bottom:1px solid #B34300; padding-bottom:6px;}
.cococare .list .more a:hover{color:#B34300;}
.News .top .subnav ul{text-align:left;}
.News .top .subnav ul li a{font-size:12px; border:none; border-left:1px solid #000; padding:0 20px; line-height:100%; font-weight: 500; color:#000; letter-spacing: 0.2em;}
.News .top .subnav ul li a.hit{background:none;}
.News .list section{padding-top:20px;}
.News .list h3.subject{color:#000; font-weight: 600; font-size: 14px; line-height: 20px; letter-spacing: 0.1em;}
.News .list .date{color:#B34300;}
.News .list .path{color:#B34300; line-height:17px; font-size:14px;}
.News .list .more{text-align:left; font-size:12px;}
.News .list .more span{border-bottom:1px solid #ccc; letter-spacing: 0.2em; color:#000;}
.Newsdetail .side{display:none;}
.Newsdetail .main h1.syis{text-align:center; font-size: 24px; line-height: 34px; margin-bottom:40px;}
.Newsdetail .main .cat{font-weight:600; font-size:18px; line-height:30px; text-align:center;}
.Newsdetail .main .path{text-align:center; font-size:16px; line-height:20px; letter-spacing:0.1em; color:#B34300; position:relative;}
.Newsdetail .main .path .share{color:#000; font-weight: 600; position:absolute; top:50%; transform:translateY(-50%); right:0; display: flex; letter-spacing: 0; align-items: center}
.Newsdetail .main .path .share a{color:#000; font-size:12px; margin:0 0 0 10px;}
.Newsdetail .main{display:flex; flex-direction: column;}
.Newsdetail .main .innerhtml{margin-top:30px; max-width:760px; width:100%; margin:auto; display:inline-block;}


/*contact*/
.contactus .page{background:#fff; border-radius:15px; padding:0; overflow: hidden;}
.contactus .main{padding:0;}
.contactus .ww{width:387px; line-height:0;}
.contactus .ww img[alt="bannerm"]{display:none;}
.contactus .syisform{width:calc(100% - 387px); padding:4% 8%;}
.contactus .syisform table th{letter-spacing: 0.3em;}
.contactus .btnmore{text-align:right;}
/*A0604*/
.presentall .list, .presentall .list .frm{margin:0; padding:0;}
.presentall .list{margin-top:0.5em;}


@media screen and (max-width:1439px){/*desktop*/

}

@media screen and (max-width:1199px){/*desktop-small pad*/
.dtit{font-size:20px; line-height:34px; letter-spacing: 0.1em;}


.cococare{font-size:12px; line-height:24px;}
.Newsdetail .main .innerhtml{margin-top:0; font-size:12px;}
.contactus{padding-left:2%; padding-right:2%;}
}
@media screen and (max-width:767px){/*phone*/
.dtit{text-align: center;}

/*contact*/
.contactus{padding-left:3%; padding-right:3%;}
.contactus .ww,.contactus .syisform{width:100%;}
.contactus .ww img{width:100%; height:auto;}
.contactus .ww img[alt="banner"]{display:none;}
.contactus .ww img[alt="bannerm"]{display:block;}
.contactus .btnmore{text-align:center;}
/*news*/
.News .page{padding:0 10%;}
.News #submenu{background:none; border:none; border-radius:0; box-shadow:none; border-bottom:2px solid #B34300;}
.News .subtoggle span{background:none; border-bottom:2px solid #B34300; border-right:2px solid #B34300;}
.News .subtoggle a .dtit{letter-spacing: .1em; margin:0; padding:0;}
.News .top .subnav ul li a{border:none; font-size:16px; padding:10px;}
.News .top .subnav ul{}
.Newslist .main .list{padding:20px;}
.Newsdetail h1.syis{color:#B34300;}
.Newsdetail .page{padding:0 10%;}
.Newsdetail .main .cat{display:inline-block; border-bottom:1px solid #ccc; position:relative; left:50%; transform:translateX(-50%); margin-bottom:0;}
.Newsdetail .main .path{color:#B4B4B5; font-size:12px; margin-top:3px;}
.Newsdetail .main .path .share{position:static; width:100%; margin-top:40px; font-size:14px; justify-content: center}
.Newsdetail .main .path .share a{margin-left:30px;}
.Newsdetail .main .innerhtml{margin-top:0; font-size:12px; line-height:20px;}
.latest{padding:0 20px;}
.latest h3.subject{width:100%;}
.latest .path{width:100%; text-align: right;}
.cococare{background:#FF8300; font-size:14px;}
.cococare h2{font-size: 22px;}
.cococare .list{padding:20px;}
.cococare .list section{font-size:14px; line-height:160%;}
}	