/* CSS Document */
/* hotproducts */
.hot {
	width: 100%;
	margin: 80px 0;
}
.hot h3::before {
	background: #07b8c0;
	bottom: 0px;
	content: '';
	height: 1px;
	left: calc(50% - 22px);
	position: absolute;
	width: 55px;
}
.hot h3 {
	width: 100%;
	height: 50px;
	font-size: 32px;
	color: #333;
	line-height: 50px;
	text-align: center;
	position: relative;
	margin: 0 0 40px;
}
.hot h3::after {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	bottom: -1px;
	content: "";
	height: 4px;
	left: 149px;
	position: absolute;
	right: 141px;
}
.hot h3 span {
	color: #32e0e9;
}
.hot ul {
	box-shadow: 0px 1px 2px rgba(0,0,0,.10);
}
.hot ul li {
	display: inline-block;
	position: relative;
	margin: 0 0 20px;
	overflow: hidden;
}
.hot ul li:last-child {
	border-right: 0px;
}
.hot ul li:hover {
	box-shadow: 0px 10px 40px rgba(0,0,0,.15);
}
.hot ul li a.hotimg {
	display: block;
}
.hot ul li a.hotimg img {
	width: 100%;
	margin-top:15px;
}
.hot ul li a h3 {
	display: block;
	width: 100%;
	height: auto;
	padding: 20px 20px;
	font-size: 14px;
	color: #666;
	line-height: 170%;
	border-bottom: 1px solid #ddd;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
@media (max-width:1024px) {
.hot {
	margin: 60px 0;
}
}
@media (max-width:1024px) {
.hot {
	margin: 40px 0;
}
}
/* inabout */
.inabout {
}
/* ourproduct */
.ourproduct {
	overflow: hidden;
}
.topline {
	border-top: 2px solid #07b8c0
}
.ourproduct h3::before {
	background: #07b8c0;
	bottom: 0px;
	content: '';
	height: 1px;
	left: calc(50% - 22px);
	position: absolute;
	width: 55px;
}
.ourproduct h3 {
	width: 100%;
	height: 50px;
	font-size: 32px;
	color: #333;
	line-height: 50px;
	text-align: center;
	position: relative;
	margin: 0 0 40px;
}
.ourproduct h3::after {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	bottom: -1px;
	content: "";
	height: 4px;
	left: 149px;
	position: absolute;
	right: 141px;
}
.ourproduct h3 span {
	color: #32e0e9;
}
.topline p {
	font-size: 14px;
	color: #666;
	line-height: 170%;
}
.topline a {
	display: block;
	padding: 15px 20px;
	margin: 20px 0 0;
	background-color: #32e0e9;
	font-size: 14px;
	color: #fff;
	border-radius: 3px;
	text-transform: capitalize;
}
.topline a:hover {
	background-color: #07b8c0;
}
.ourproduct ul {
	width: 100%;
	overflow: hidden;
}
.ourproduct ul li {
	margin: 0 0 20px 0;
	overflow: hidden;
}
.ourproduct dl {
	width: 100%;
	height: 240px;
	position: relative;
	font-size: 12px;
	line-height: 150%;
	/*box-shadow: 0 1px 0 0 rgba(0, 0, 0, .2);*/
	border-radius: 8px;
	overflow: hidden;
	margin-bottom:30px;
}
.ourproduct dt {
	padding-bottom: 15px;
}
.ourproduct dt a {
	display: block;
	width: 100%;
	height: 240px;
	position: relative;
	margin: 0 auto;
}
.ourproduct dt a img {
	max-width: 100%;
	max-height: 240px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 auto;
}
.ourproduct dd {
}
.ourproduct dd a {
	display: block;
	width: 100%;
	height: 240px;
	padding: 20px 15px;
	font-size: 18px;
	color: #fff;
	line-height: 150%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: -240px;
	background-color: rgba(0,0,0,0.6);
	background-image: url(../image/pd-hover-arrow.png);
	background-position: center;
	background-repeat: no-repeat;
	/*visibility:hidden;*/
	-webkit-transition: all 0.9s;
	-moz-transition: all 0.9s;
	-o-transition: all 0.9s;
	transition: all 0.9s;
}
.ourproduct dl:hover dd a {
	bottom: 0;/*visibility:visible;*/
}
.ourproduct dd a span {
	display: block;
	max-height: 48px;
	overflow: hidden;
}
@media (max-width:1024px) {
.ourproduct dl {
	height: 186px;
}
.ourproduct dt a {
	height: 186px;
}
.ourproduct dd a {
	height: 186px;
}
}
@media (max-width:768px) {
.ourproduct dl {
	height: 135px;
}
.ourproduct dt a {
	height: 135px;
}
.ourproduct dd a {
	height: 135px;
}
}
@media (max-width:640px) {
    .hot ul{
        box-shadow:none;    
    }
    #margintop{
        margin-top:0 !important;    
    }
    .inhotxt h3,.ourproduct dl{
        margin:0;    
    }
.ourproduct ul {
	margin: 40px 0 0;
	display:flex;
	justify-content: space-between;
    flex-wrap: wrap;
}
.ourproduct ul li {
	/*border-bottom: 1px solid #ddd;*/
	width:50%;
}
.ourproduct dl {
	height: auto;
}
.ourproduct dt {
	padding-bottom: 0;
}
.ourproduct dt a {
	height: auto;
}
.ourproduct dd a {
	display: block;
	width: 100%;
	height: auto;
	padding: 10px 15px;
	font-size: 14px;
	color: #666;
	line-height: 170%;
	text-align: center;
	position: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #fff;
	background-image: none;
}
.ourproduct dt a img {
	position: inherit;
	display: block;
}
}
/* innews */
.innews {
	margin: 20px auto;
	overflow: hidden;
}
.innews_left {
}
.innews_left img {
	width: 100%;
}
.innews_right {
}
.innews_right h3 {
	float: left;
	font-size: 32px;
	color: #333;
	padding: 0 0 10px;
	border-bottom: 2px solid #07b8c0;
	overflow: hidden;
}
.innews_right ul {
	clear: both;
	padding: 20px 0 0;
}
.innews_right ul li {
	padding: 0 0 10px;
	margin: 0 0 20px;
	border-bottom: 1px dashed #07b8c0;
	overflow: hidden;
}
.innews_right ul li:last-child {
	border-bottom: none;
}
.innews_right ul li a {
	display: block;
}
.innews_right ul li a.innewsimg {
}
.innews_right ul li a.innewsimg img {
	width: 100%;
}
.innews_right ul li span {
	display: block;
}
.innews_right ul li span a.innewstxt {
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 170%;
	margin-bottom: 5px;
}
.innews_right ul li span p {
	font-size: 12px;
	color: #666;
	line-height: 200%;
}
.innews_right ul li span a.innewstxt:hover {
	color: #07b8c0;
}
@media (min-width:768px) {
.innews_right ul li span a.innewstxt {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.innews_right ul li span p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
}
@media (max-width:1024px) {
.innews_right ul li {
	margin: 0 0 15px;
}
}
@media (max-width:414px) {
.innews_right {
	margin: 40px 0 0;
}
.innews_right ul li a.innewsimg {
	margin-bottom: 15px;
}
}

.newslist>div{
    margin: 20px 0;
    padding: 8px 12px 8px 0;
    border-bottom: 1px solid #EEE;
}
.time {
    margin-bottom: 10px;
}
.sm_img,.sm_divp{
    padding-left:0;    
}
.newslist>div:nth-child(1){
    margin-top:0;    
}
.newslist>div a:hover{
    color:#07b8c0;    
    
}
@media (max-width:768px) {
.sm_divp{
    margin:20px 0;    
}
}

.yarpp-related{
    margin-top:20px;
    }

/*.yarpp-related a{*/
/*    color:#212529;*/
   
/*    }*/
    .yarpp-related li{
        
         margin-top:8px;
        }
    .yarpp-related a:hover{
        color:#07b8c0;
        }
        
     .yarpp-related ol{
         
        padding-left:18px;
        margin-bottom:20px;
        

        
    }   
     .yarpp-related ol li{
         
         list-style-type:decimal;
         margin:0;
         font-size:14px;
        } 
        
        .yarpp-related h3{
            font-size:18px;  
            margin-bottom:10px;
        }
        
        .sm_divp h3{
            font-size:1.6rem;
            margin-bottom:20px;
        }