/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("fonts.css?v=106");
@import url("menu.css?v=121");
#fixed_height { height:0px; }
#banner-slider { background-color: #f0f2f9; }
#banner-slider .swiper-slide { height:100vh; padding-top:100px; }
.slide-lt { float:left; width:580px }
.slide-lt h2 { background:/*url(../images/1.png)*/url(http://www.xhyos.cn/static/images/cs5xiangyin.png) no-repeat; width:580px; height:174px; }
.banner_two .slide-lt h2 { background:/*url(../images/100.png)*/url(http://www.xhyos.cn/static/images/cs5xiangyin.png) no-repeat;}
.banner_three .slide-lt h2 { background:/*url(../images/101.png)*/url(http://www.xhyos.cn/static/images/cs5waimao.png) no-repeat; }
.slide-lt h2 span { display:none }
.slide-lt p { font-size:16px; padding-right:120px; margin:30px 0 }
.slide-lt a,.slide-lt .ahref{cursor: pointer; font-size:14px; padding:14px 55px; color: #fff; text-align: center; background-color: #00349d; -webkit-border-radius:55px; border-radius:55px; -moz-border-radius:55px; border: 2px solid #00349d; -webkit-transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1); display:inline-block }
.slide-lt a:hover,.slide-lt .ahref:hover{ background:none; color:#00349d }
.slide-rt { float:right; margin-left:10%; }
#banner-slider .swiper-pagination-click{ display:none}
/* Scroll
========================================================================== */
.mouse { width: 15px; height:22px; border:2px solid #000; z-index:900; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; position:absolute; bottom:4.71%; left:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.mouse:before { position: absolute; content: "SCROLL"; margin: auto; top: -26px; left: -1.5em; font-size:12px; letter-spacing: .1em; }
.mouse:after { content: ''; position: absolute; top: 4px; left: 50%; margin-left: -1px; background-color: #000; width: 2px; height: 3px; border-radius: 2px; opacity: 1; -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px); transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px); -webkit-animation: scroll 1.5s -1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite; animation: scroll 1.5s -1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite; }
@media screen and (max-width:767px) {
.mouse {display: none;}
#banner-slider .swiper-pagination-b { position:static; max-width:1200px; margin:0 auto; text-align:center }
#banner-slider .swiper-pagination-b * { opacity:1; cursor:pointer; width:8px; height:8px; margin-left:10px; outline:none; border:2px solid #f5f5f5; background:#f5f5f5; -moz-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2); box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2); -webkit-border-radius:35px; border-radius:35px; -moz-border-radius:35px; }
#banner-slider .swiper-pagination-b .swiper-pagination-bullet-active { width:20px; border-color:#00349d; background:#00349d }
#banner-slider .swiper-pagination-click{ position:absolute; right:0; bottom:5px; width:100%; z-index:990; display:block}
}
@-webkit-keyframes scroll { 0%, 20% {
 -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
 transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
}
 10% {
 -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
 transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
 opacity: 1;
}
 100% {
 -webkit-transform: translateY(10px) scaleY(2.5) scaleX(0.5) translateZ(0px);
 transform: translateY(10px) scaleY(2.5) scaleX(0.5) translateZ(0px);
 opacity: 0.01;
}
}
@keyframes scroll { 0%, 20% {
 -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
 transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
}
 10% {
 -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
 transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
 opacity: 1;
}
 100% {
 -webkit-transform: translateY(10px) scaleY(2.5) scaleX(0.5) translateZ(0px);
 transform: translateY(10px) scaleY(2.5) scaleX(0.5) translateZ(0px);
 opacity: 0.01;
}
}
/***************/
.caseboxs{display:none}
.column_solution { background:#00349d; color:#fff }
.column { max-width:1366px; margin:0 auto; width: 100vw; padding:112px 83px }
.column_title { font-size:50px; line-height:normal; letter-spacing:0.5px }
.column_copy { font-size:20px; }
.column_catch { width:436px; float:left; padding-right:86px; }
.column_link { width:760px; vertical-align: top; overflow: hidden; float:right; }
.column_img { margin-top:20px; }
.column_img img { display:block; width:100%; height:auto }
.column_text { margin-top:15px; margin-bottom:55px }
.column_text span { display: inline; border-bottom: 2px solid #5e7197; letter-spacing:1px; padding-bottom:2px; font-size:20px; font-weight:bold }
.column_btn { display:block; }
.column_btn a { display:inline-block; border:2px solid #fff; background-color: #fff; padding:15px 70px; color:#00349d; font-size:14px; font-weight:bold; -webkit-border-radius:50px; border-radius:50px; -moz-border-radius:50px; }
.column_btn a:hover{ background:none; color:#fff }
.mb-display { display:none }
.column_link { }
.column_link li { width:48%; margin-bottom:4%; margin-right:4%; background-color: #0d47bc; padding-bottom:10px; }
.column_link li:nth-child(2n) {
margin-right:0
}
.column_inner_img { overflow:hidden }
.column_inner_img img { display:block; width:100%;  height:auto -webkit-transition: -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);
transition: -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.column_textarea { padding:25px 30px; }
.column_link li { color:#fff }
.service_click{cursor: pointer;}
.column_inner_catch { font-size:17px; font-weight:bold; margin-bottom:5px; line-height:1.6 }
.column_inner_text { font-weight:bold; font-size:15px; line-height:1.6 }
.column_inner_btn { margin-top:25px; font-weight:bold }
.column_link li span { position:relative; display:inline-block }
.column_link li span:before { content: ''; display: block; position: absolute; left: 0; bottom:-5px; height:1px; width:100%; background: #fff; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; }
.column_link li:hover span:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }
.column_link li:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
#case_study { background:#fff; color:#000 }
#case_study .column_link { float:left; }
#case_study .column_catch { float:right; padding-right:0; padding-left:86px }
#case_study .column_link li { background:#fff; padding-bottom:0; }
#case_study .column_link li{ color:#333; position:relative; display:block }
.column_category { background:#fff; font-size:12px; position:absolute; left:15px; top:10px; background:#01359d; color:#fff; z-index:10; padding:5px 15px; -webkit-border-radius:25px; border-radius:25px; -moz-border-radius:25px; }
#case_study .column_textarea { padding-left:0; padding-right:0 }
#case_study .column_inner_catch { padding:10px 0; }
#case_study .column_inner_catch a{ color:#01359d;}
.column_inner_subtext { color:#666; }
#case_study .column_inner_text {font-weight: normal; }
.mod-linkbox_hr { background:#eee; margin:10px 0 }
.mod-linkbox-solution_note_catch { }
.mod-linkbox-solution_note { font-size:12px; }
#case_study .column_link li span { color:#01359d }
#case_study .column_link li span:before { background:#01359d }
#case_study .column_text span { border-bottom-color:#eee; color:rgba(0, 0, 0, 0.8) }
#case_study .column_btn li { background:#01359d; color:#fff; border-color:#01359d }
#case_study .column_btn li:hover { background-color:#fff; color:#01359d }
#last_news { background:#f0f2f9 }
.news_categorys { }
.news_section_title { text-transform:uppercase; text-align:center; color:#000; font-size:35px; line-height:normal }
.news_section_copy { text-align:center; color:rgba(0, 0, 0, 1); font-size:16px }
.news_categorys span { display:inline-block; position:relative; color:#00349d; font-size:16px; font-weight:bold; margin:0 25px; cursor:pointer }
.news_categorys span:before { content: ''; display: block; position: absolute; left: 0; bottom:-5px; height:1px; width:100%; background: #00349d; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; }
.news_categorys { text-align:center; margin:35px 0; margin-bottom:65px }
.news_categorys span.on:before, .news_categorys span:hover:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }
.news_ulist { margin:0 auto; }
.news_ulist li { position:relative; padding-left:150px; margin:25px 0; margin-right:4%; float:left; width:48% }
.news_ulist li:nth-child(2n) {margin-right:0%}
.news_ulist .date { position:absolute; left:10px; top:25px; color:#666; font-family:Arial, Helvetica, sans-serif }
.news_ulist .cate { position:absolute; left:0px; top:0; width:100px; text-align:center; border:1px solid #00349d; color:#00349d; font-size:12px; padding:0 15px }
.news_ulist .desc{visibility:hidden;height:0}
.news_ulist a:hover { color:#00349d }
#last_news .column_btn { text-align:center; margin-top:55px }
#last_news .column_btn a { background-color:#00349d; border-color:#00349d; color:#fff; padding:15px 80px }
#last_news .column_btn a:hover { background:none; color:#00349d }
#case_study .column_btn { text-align:center; margin-top:55px }
#case_study .column_btn a { background-color:#00349d; border-color:#00349d; color:#fff; }
#case_study .column_btn a:hover { background:none; color:#00349d }
/**/
@media(max-width:1700px){
#banner-slider .swiper-slide{ padding-left:100px; padding-right:100px}
.slide-lt{width:40%}
.slide-rt{ width:50%;}
.slide-rt img{ width:100%; height:auto; display:block}
.slide-lt h2{ width:100%; height:10.23529411764706vw; background-size:100% auto}
.slide-lt p{ padding-right:0; margin-top:0}
}
@media(max-width:1400px){
.column{ max-width:100%; padding:100px 80px}
.column_title{ font-size:40px}
.column_catch{ width:30%; padding-right:0px}
.column_link{ width:60%}
#case_study .column_catch{ width:30%; padding-left:0}
#case_study .column_link{ width:60%}
}
@media(max-width:1280px){
.column_title{ font-size:30px}	
.column{ max-width:100%; padding:50px 50px}	
.column_textarea{ padding:20px}
.column_link{ width:65%}
.column_text span{ font-size:18px}
.column_text{ margin-bottom:40px}
.column_btn a{ padding:15px 50px}
#case_study .column_link{ width:65%}
}
@media(max-width:1250px){
#banner-slider .swiper-slide{ height:auto; padding:0; background:#f0f2f9}
.banner_one{ height:52.08vw; background-image:/*url(../images/banner1.jpg)*/url(http://www.xhyos.cn/static/images/cs5qiye.jpg); background-position: center center; background-repeat:no-repeat; background-size:auto 100%}
#banner-slider .justify-content *{ visibility:hidden}
.banner_two{ height:52.08vw; background-image:/*url(../images/banner2.jpg)*/url(http://www.xhyos.cn/static/images/cs5xiangyin02.jpg); background-position: center center; background-repeat:no-repeat; background-size:auto 100%}
.banner_three{ height:52.08vw; background-image:/*url(../images/banner3.jpg)*/url(http://www.xhyos.cn/static/images/cs5waimao02.jpg); background-position: center center; background-repeat:no-repeat; background-size:auto 100%}
.news_ulist li{ padding-left:120px}
.news_categorys{ margin-bottom:50px}
}
@media(max-width:1100px){
.column_text span{ font-size:16px}
.column_btn a{ padding:10px 30px}
.column_inner_catch{ font-size:16px}
.column_inner_text{ font-size:14px}
.news_categorys{ margin-bottom:40px}
}
@media(max-width:1000px){
.column_catch{ width:100%}
.column_img{ display:none}
.column_link{ width:100%; margin-top:40px} 
#case_study .column_catch{ width:100%;}
#case_study .column_link{ width:100%}
.column_inner_btn{ display:none}
.news_ulist .date{ position:static}
.news_ulist li{ padding-left:0; margin-top:0;}
.news_ulist .cate{ position:static; margin-bottom:10px}
#last_news .column_btn{ margin-top:40px}
}
@media(max-width:800px){	
.white_topbar #fixed_height,#fixed_height{ height:82px}	
.news_ulist li{ width:100%; margin-right:0; margin-bottom:15px}
.column_quote h2{ font-size:20px}
.column_quote .column{ padding:35px 0}

}
@media(max-width:600px){
.column{ padding:35px}
.column_inner_catch{ font-size:14px; font-weight:bold}
.column_inner_text{ font-size:12px;}
.column_inner_btn{ margin-top:15px;}
.news_categorys span{ margin:0 20px}
.news_categorys span:last-child{ margin-right:0}
.news_categorys span:first-child{ margin-left:0}
#last_news .column_btn{ margin-top:30px}
#last_news .column_btn a,.column_quote .column_btn a{ padding:10px 50px}
}
@media(max-width:500px){
.column{ padding:35px 25px}
.white_topbar #fixed_height,#fixed_height{ height:63px}
.column_link li{ width:100%; margin-right:0}
.column_inner_catch{ font-size:16px; font-weight:bold}
.column_inner_text{ font-size:14px;}
.column_inner_btn{ margin-top:20px;}
.news_categorys{ margin:30px 0}
.news_categorys span{ margin:0 15px}
.column_quote h2{ font-size:16px; margin-bottom:15px}
.column_quote .column{ padding:25px 0}
.column_title,.column_copy,.column_text{text-align:center;}
.column_text span{font-size:15px;}
.column_catch .column_btn{display:none;}
.column_solution:first-child .mb-display{margin-top:20px;float:left;width:100%;}
.mb-display{display:block;text-align:center;}
}
@media(max-width:400px){
.news_categorys span{ font-size:14px; margin:0 10px}
#last_news .column_btn{ margin-top:20px}
#last_news .column_btn a,.column_quote .column_btn a{ padding:10px 50px}
}
@media(max-width:359px){
.column_inner_catch{ font-size:15px; font-weight:bold}
.column_inner_text{ font-size:13px;}
.news_categorys span{ font-size:14px; margin:0 7px}
}