/*---------------------------------------------------*/

.demark-about{background:#FFF;padding:80px 0;}
.demark-about .wp{display:flex;align-items:center;}
.demark-about .pic{width:50%;display:block;overflow:hidden;position:relative;}
.demark-about .pic > img{transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}

.demark-about .txt{flex:1;margin-right:60px;position:relative;z-index:30;}
.demark-about .txt h3{font-size:30px;line-height:1;color:#111;font-weight:700;}
.demark-about .txt h3 span{color:#0271b7;border-bottom:2px solid #0271b7;}
.demark-about .txt .t{font-size:18px;color:#111;line-height:26px;margin:30px 0 0;}
.demark-about .txt .t p~p{margin-top:15px;}
.demark-about .txt .more{margin:30px 0 0;display:block;width:160px;height:40px;line-height:40px;color:#fff;background:#0271b7;font-size:17px;border-radius:10px;text-align:center;}
.demark-about .txt .more:hover{background:#00558B;}



@media screen and (max-width:1441px) {
.demark-about{padding:70px 0;}
.demark-about .txt h3{font-size:29px;}

}

@media screen and (max-width:1367px) {
.demark-about{padding:65px 0;}
.demark-about .txt h3{font-size:28px;}
.demark-about .txt .t{font-size:17px;line-height:25px;}

}

@media screen and (max-width:1281px){
.demark-about{padding:60px 0;}
.demark-about .txt h3{font-size:27px;}
.demark-about .txt .t{line-height:24px;}
.demark-about .txt .more{width:150px;height:38px;line-height:38px;font-size:16px;}
}

@media screen and (max-width:1171px){
.demark-about{padding:50px 0;}
}

@media screen and (max-width:992px){
.demark-about{padding:40px 0;}
.demark-about .wp{display:block;}

.demark-about .pic{width:80%;margin:20px auto 0;}
.demark-about .txt{margin-right:0;}
.demark-about .txt h3{font-size:25px;text-align:center;}

.demark-about .txt .t{font-size:16px;margin:20px 0 0;}
.demark-about .txt .t p~p{margin-top:10px;}
.demark-about .txt .more{margin:20px auto 0;width:140px;height:36px;line-height:36px;font-size:15px;}

}

@media screen and (max-width:768px){
.demark-about{padding:30px 0;}
.demark-about .txt h3{font-size:24px;}
}

@media screen and (max-width:576px) {

.demark-about .pic{width:100%;}
.demark-about .txt .t{line-height:22px;}
.demark-about .txt h3{font-size:23px;}
}

@media screen and (max-width:480px) {
.demark-about .txt h3{font-size:22px;}
.demark-about .txt .more{width:120px;height:32px;line-height:32px;font-size:14px;}
}	


@media screen and (max-width:420px) {
.demark-about .txt h3{font-size:21px;}

}