/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("fonts.css?v=106");
@import url("menu.css?v=111");
/* Scroll
========================================================================== */
.header { background:#fff }
.column { max-width:1366px; margin:0 auto; width: 100vw; padding:112px 83px }
.column_cooperation { background:#f1f2f6; }
.about_inner { position:relative }
.about_tip { position: absolute; top:0px; left:0; font-size:16px; letter-spacing:2px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-transform:uppercase; height:100% }
.about_tip:before { height:100%; background-color:#e9e9e9; }
.about_tip:after { height:24px; background-color: #8b7246; }
.about_tip:after, .about_tip:before { content: ""; position: absolute; top: 0; right: -11px; width: 1px; }
.about_heading { margin-top:-10px; font-size:30px; padding-left: 98px; }
.about_text { margin-top:16px; padding-bottom:15px; }
.about_heading, .about_text { padding-left:98px; }
.about_text { color: #555; font-size:15px; }
.about_myad { margin:50px 0; }
.about_myad img { width:100%; height:auto; display:block }
#cooperation { padding-bottom:0; }
#myads { padding:0; padding-bottom:60px; }
.cooperation_items { background:#fff }
.cooperation_ulist:first-child { margin-top:0 }
.cooperation_ulist { float:left; width:100%; margin-top:60px; }
.cooperation_ulist .label { margin-bottom:25px; font-size:16px; color:#00349d }
.cooperation_ulist .desc { float:left; width:50%; padding:50px 0; padding-right:5vw; font-size:16px; line-height:2; color: #555; padding-top:5vw }
.cooperation_ulist .desc h2 { font-weight:normal; display:block; color:#333 }
.cooperation_ulist .desc span.fa-long-arrow-right { margin:0 5px; }
.cooperation_ulist .thumbs { float:left; width:50%; }
.cooperation_ulist .thumbs img { width:100%; height:auto; display:block }
.cooperation_ulist:nth-child(2n) .desc {
float:right;
padding-right:0vw;
padding-left:5vw
}
.cooperation_ulist:nth-child(2n) .thumbs {
float:left
}
@media(max-width:1500px){
.colum_banner_box{ max-width:100%}
.banner_fixed .banner_lt{ max-width:100%; margin-left:80px}
}
@media(max-width:1300px){
.banner_fixed .banner_lt b{ font-size:50px}	
.colum_banner_box img,.colum_banner{ height:280px}
}
@media (max-width: 1250px){
.banner_fixed .banner_lt b{ font-size:40px}	
.colum_banner_box img,.colum_banner{ height:250px}	
#fixed_height{ height:117px}
}
@media (max-width:1000px){
.banner_fixed .banner_lt{ max-width:100%; margin-left:40px}	
.banner_fixed .banner_lt b{ font-size:30px}	
.colum_banner_box img,.colum_banner{ height:200px}
}
@media (max-width:800px){
.banner_fixed .banner_lt{ max-width:100%; margin-left:35px}
.colum_banner_box img,.colum_banner{ height:150px}
#fixed_height{ height:82px}
}
@media (max-width:620px){
.banner_fixed .banner_lt{ line-height:120%}	
.banner_fixed .banner_lt b{ font-size:20px}		
.colum_banner_box img{ display:none}
.colum_banner_box img,.colum_banner{ height:120px; text-align:center}
}
@media (max-width:500px){
#fixed_height{ height:63px}
}
@media (max-width:1500px){
.column{ max-width:100%; padding:80px}
#myads{ padding-bottom:0}
.about_myad{ margin-bottom:0}
}	
@media (max-width:1400px){
.column{ max-width:100%; padding:80px}
}
@media (max-width:1200px){
.column{ max-width:100%; padding:50px}
}
@media (max-width:1000px){
.column{ max-width:100%; padding:80px 40px}
.about_heading, .about_text{ padding-left:78px}
.about_tip{ top:18px}
.about_myad{ margin-top:25px}
.cooperation_ulist .desc{ padding-top:0; padding-bottom:0}
.cooperation_ulist{ margin-top:30px}
}
@media (max-width:800px){
.cooperation_ulist .desc,.cooperation_ulist:nth-child(2n) .desc{ width:100%; padding:0}
.cooperation_ulist .thumbs{ width:100%; margin-top:25px}
}
@media (max-width:500px){
.column{ max-width:100%; padding:30px 25px}
.about_tip{ left:-15px}
.about_tip:after, .about_tip:before{right:-5px;}
.about_heading, .about_text{ padding-left:30px}
.about_heading{ font-size:25px}
.about_text{ font-size:14px;}
.cooperation_ulist .desc h2{ font-size:20px}
.cooperation_ulist .desc{ font-size:14px}
.cooperation_ulist .label{ margin-bottom:15px}
}