@charset "utf-8";


/* icon*/
@import url("../lib/social/css/social.css");

/* font*/
@import url('https://fonts.loli.net/css?family=Poppins');
@import url('https://fonts.loli.net/css?family=Montserrat');
@import url('https://fonts.loli.net/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.loli.net/css?family=Raleway');

/* CSS Document */
html, body {font-size: 12px;margin: 0;padding: 0;text-decoration: none; background: #fff; font-family: 'Poppins', sans-serif!important; width:100%; height: 100%; -webkit-text-size-adjust: 100%;}
html{font-size: 62.5%;}
body{ position: relative; overflow-x:hidden; transition-property:all;}
a {	color: #666;text-decoration: none;outline:none;  star:expression(this.onFocus=this.blur());}
a:hover, a:active { color:#154a9a;}
* { margin: 0;padding: 0;list-style: none;outline:none;box-sizing:border-box;  }
table {	border-collapse: collapse;}
ul, li {list-style: none;border: 0 none;padding: 0;margin:0;}
form {margin: 0;}
img {border: 0 none;text-align-last: center;vertical-align: middle;  outline:none; max-width:100%; width:auto; height:auto;}
center {text-align: left;	color: #999;height: 50px;}
#clear, .clear {clear: both;float: none!important;background: none;width: 0 !important;	height: 0 !important;margin:0 !important;padding:0 !important;}
#noData, .noData {color: #ccc;font-size: 14px;text-align: left;padding: 50px 0;}
.fl-left, .fl{ float:left;}
.fl-right, .fr{ float:right;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.mob{display:none;}
.hide{display: none;}
.wrap{ width: 86%; max-width: 1500px; margin: 0 auto;}
::-webkit-scrollbar {width:8px;height: 1px;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background:#666;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #ededed;}



/* head*/
#head { position:fixed; z-index:1000; left: 0; top:0; width:100%; transition: all .35s;}
#head .top{background: #fff; display: flex; align-items: center; align-content: center; justify-content: center; height: 140px; box-sizing: border-box; margin: 0 auto; padding: 30px 0;position: relative;box-shadow: 0 0 0 rgba(0,0,0,0); transition: all .35s;}
#head .top>.wrap{ display: inline-block; position: relative;}
#head .top .logo{ width: 40%; text-align: center; margin: 0 auto;}
#head .top .logo>a{display: block;}
#head .top .logo>a>img{height: 70px; width: auto; transition: all .3s;}
#head .top .contact{ position: absolute; z-index: 12; right: 0;top: 16%; width: 20%; text-align: right; transition: all .35s;}
#head .top .contact>a{display: inline-block; font-size: 1.2rem; padding: 3px 0; margin-left: 15px;}
#head .top .contact>a>i{display: inline-block;vertical-align: middle; font-size: 2rem; margin-right: 5px;}
#head .top .contact>a>span{display: inline-block;vertical-align: middle; color: #666; transition: all .35s;}
#head .top .contact>a:hover span{text-decoration: underline; }
#head .top .contact>a:hover i{ color: #cc151e;}
#head .top .navbar-toggler { display: none; position: absolute;z-index: 50; right: 0; top: 50%; transform: translateY(-50%); border: 1px solid transparent; background: #eee; cursor: pointer; overflow: hidden; box-sizing: border-box;width:40px;height:40px; line-height: 40px; align-content: center; align-items: center; touch-action: manipulation;}
#head .top .navbar-toggler>span { position: relative; display:inline-block; margin: 0 auto;}
#head .top .navbar-toggler>span,#head .top .navbar-toggler>span:after,#head .top .navbar-toggler>span:before { display: inline-block;width:20px;height: 2px; background-color: #281b6e;transition-duration: .4s;-webkit-transition-property: background-color,-webkit-transform;-moz-transition-property: background-color,-moz-transform; -o-transition-property: background-color,-o-transform; transition-property: background-color,transform;}
#head .top .navbar-toggler>span:after,#head .top .navbar-toggler>span:before { position: absolute; content: "";}
#head .top .navbar-toggler>span:before {top: -7px;}
#head .top .navbar-toggler>span:after {top: 7px;}
#head .top .navbar-toggler.active{border: 1px solid #281b6e; background: transparent;}
#head .top .navbar-toggler.active span { background-color: transparent;}
#head .top .navbar-toggler.active span:after,#head .top .navbar-toggler.active span:before {}
#head .top .navbar-toggler.active span:before {transform: translateY(7px)rotate(45deg);}
#head .top .navbar-toggler.active span:after {transform: translateY(-7px)rotate(-45deg);}

#head .nav{ background: rgba(40,27,110,.8); margin: 0 auto; position: relative; transition: all .35s;}
#head .nav>.wrap{position: relative; max-width: 1200px; }
#head .nav .menu{ max-width: 750px; margin: 0 auto;}
#head .nav .menu>ul{margin: 0 auto;}
#head .nav .menu>ul>li{display: block; float: left; position: relative; text-align: left;}
#head .nav .menu>ul>li>a{display: block; font-size: 1.4rem; text-transform: uppercase; color: #fff; line-height: 50px; height: 50px; padding: 0 50px 0 0; transition: all .35s;}
#head .nav .menu>ul>li>a:hover{color: rgba(255,255,255,.8)}
#head .nav .menu>ul>li.on>a>span{position: relative; z-index: 70; display: inline-block;font-family: 'Raleway', sans-serif; }
#head .nav .menu>ul>li.on>a>span:after{position: absolute; left: 0;bottom: -5px; width: 100%;height: 5px;background: #cc151e;opacity: 0;  content: ''; transition: all .5s;}
#head .nav .menu>ul>li>section{display: none; position: absolute;z-index: 60; left: 0; margin-top: 2px; max-width: 360px; min-width: 100%;  box-sizing: border-box; background: #fff; border-radius: 3px; box-shadow: 0 0.375rem 0.75rem rgba(0,0,0,.175); padding:20px 30px; text-align: left;transition: all 0.36s ease;animation: ani_menu_up 0.3s ease backwards;}
#head .nav .menu>ul>li>section>a{display: block; position: relative; clear: both;  padding: 8px 0; font-size: 1.5rem;  color: #333;transition:all .35s;}
#head .nav .menu>ul>li>section>a>span{white-space: nowrap; padding-right: 10px; display: inline-block; position: relative;}
#head .nav .menu>ul>li>section>a>span:after{ position: absolute;z-index: 1; right: 0;top: 50%; transform: translateY(-50%) translateX(0); font-size: 2rem; font-weight: bold; color: #cc151e; text-align: right; opacity: 0; font-family: iconfont; content: '\eb9c'; transition: all .35s;}
#head .nav .menu>ul>li>section>a:hover{color: #cc151e;}
#head .nav .menu>ul>li>section>a:hover span:after{transform:translateY(-50%) translateX(10px); opacity: 1;}
#head .nav .menu>ul>li.on:hover>a>span:after{opacity: 1;}
#head .nav .menu>ul>li.search{  line-height: 50px; text-align: center; }
#head .nav .menu>ul>li.search>a{display: inline-block;padding-right: 0; border-radius: 100%; width: 32px;height: 32px; line-height: 32px;}
#head .nav .menu>ul>li.search>a:hover{ background: rgba(255,255,255,.1); }
#head .nav .language{position: absolute;z-index: 12; right: 0;top: 0; background: #cc151e; height: 100%; display:flex; align-items: center;align-content: center; transition: all .35s;}
#head .nav .language>a{ position: relative;z-index: 60; display: inline-flex; align-content: center; align-items: center; font-size: 1.2rem; color: #fff; height: 100%; padding: 0 20px;}
#head .nav .language>a>span{display: inline-block; margin-left: 5px;}
#head .nav .language>a>i{display: inline-block;}
#head .nav .language:hover{background: #f3f3f3;}
#head .nav .language:hover>a{ color: #cc151e; box-shadow: 0 1px 3px rgba(0,0,0,.1);}
#head .nav .language>div{ display: none;  position: absolute;z-index: 50;left: 0; top: 50px;width: 100%;background: rgba(255,255,255,.8); padding: 10px; text-align: center;}
#head .nav .language>div>a{display: block;padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.04); transition: all .35s;}
#head .nav .language>div>a:last-child{border-bottom: 0;}
#head .nav .language>div>a:hover{color: #cc151e; border-color: #cc151e;}

#head.small .top{padding: 0; height: 90px; line-height: 90px; box-shadow: 0 5px 20px rgba(0,0,0,.1);}
#head.small .top .logo>a>img{height: 50px;}
#head.small .top .contact{ display: none; }

#head.small .nav{ opacity: 0;}







@-webkit-keyframes ani_menu_up {
    0% {transform: translateY(10px); opacity: 0; }
    100% {transform: translateY(0); opacity: 1; }
}


/* end*/



/* navbar*/

#navbar{ display: none;  position: fixed;z-index: 99; left: 0; top: 0; width: 100%;height: 100%;background: rgba(40,27,110,.97);}
#navbar .layout{margin: 0 auto;padding-top: 100px;}
#navbar .layout .menu>ul{margin: 0 auto;}
#navbar .layout .menu>ul>li{display: block; border-bottom: 1px solid rgba(255,255,255,.2);}
#navbar .layout .menu>ul>li:last-child{border-bottom: 0;}
#navbar .layout .menu>ul>li>a{ position: relative; display: block;padding: 20px 0; font-size: 1.8rem; color: #fff;}
#navbar .layout .menu>ul>li>a.on:after{position: absolute;z-index: 10; right: 10px; width: 20px; height: 20px; line-height: 20px; text-align: center; color: rgba(255,255,255,.5);font-family: iconfont; font-size: 1.2rem; content: '\e6cb'; transition: all .35s;}
#navbar .layout .menu>ul>li>a.on.active:after{ transform: rotate(180deg);content: '\e6c8'; }
#navbar .layout .menu>ul>li>div{display: none; padding: 0 10px 20px 10px; text-align: left;}
#navbar .layout .menu>ul>li>div>a{ position: relative; display: block; font-size: 1.3rem; color: rgba(255,255,255,.8); padding: 3px 15px; }
#navbar .layout .menu>ul>li>div>a:after{position: absolute;z-index: 12;left: 0; top: 50%; transform: translateY(-50%); width: 6px;height: 2px; background: rgba(255,255,255,.8); content: ''; }
#navbar .layout .menu>ul>li>div>a:hover{ color: #fff;}
#navbar .layout .search{ width:100%; margin: 0 auto; padding: 30px 0;}
#navbar .layout .search>.form{ margin: 0 auto;background:#fff; display: flex;justify-content: space-between; align-items: center; border-radius: 50px; overflow: hidden;}
#navbar .layout .search>.form>input{ display: inline-block; width:80%; height:50px; line-height:50px; padding:15px; box-sizing:border-box; font-size:1.6rem; border: 0;}
#navbar .layout .search>.form>input::placeholder{color:#ccc; font-size: 1.4rem; text-transform: uppercase; font-weight:300;}
#navbar .layout .search>.form>a{display:inline-block; width:50px; height:50px; float:left; text-align:center;  line-height:50px; transition:all .2s;}
#navbar .layout .search>.form>a>i{font-size:2.4rem; color: #cc151e; }
#navbar .layout .language{ width:100%; margin: 0 auto; display: flex; align-items: center; align-content: center; justify-content: center; }
#navbar .layout .language>a{display: inline-block; margin: 0 10px;}
#navbar .layout .language>a img{ height: 26px; width: auto;}

/* end*/




/* search*/

#search{ display: none; position: fixed;z-index: 1000;left: 0;top: 0; background: rgba(0,0,0,.9);width: 100%;height: 100%; }
#search>.close{position: absolute;z-index: 60; right: 0; top: 0; display: flex; cursor: pointer; width: 100px; height: 100px; border-radius: 0 0 0 100px; text-align: center; background: #cc151e; transition: all 1s;}
#search>.close>i{ position: absolute;z-index: 12; right: 20px; top: 20px; display: inline-block; color: #fff;font-size: 2.8rem;}
#search>.box{ position: absolute;z-index: 60; left: 50%; top: 50%; margin-left: -25%;  width: 50%; transform: translate(0,-50%);}
#search>.box form{ display: block; overflow: hidden; background: #281b6e; border-radius: 3px;}
#search>.box form>input{display: block;box-sizing: border-box; background: none; float: left; width: 80%; height: 60px; line-height: 60px; padding-left: 30px; font-size: 1.6rem; color: #fff; border: 0;}
#search>.box form>input::placeholder{color: rgba(255,255,255,.5);}
#search>.box form>button{display: block;float: right; width: 10%; height: 60px; line-height: 60px; border: 0; color: #fff; background: none; cursor: pointer; text-align: center;}
#search>.box form>button>i{display: inline-block; font-size: 3rem; font-weight: bold; }

/* end*/







/* banner*/


#banner{position:relative;background:#fff; height:auto; overflow:hidden; transition:all .35s;}
#banner.inner{ margin-top: 140px;}
#banner.inner .mc{position: absolute; z-index: 90; left: 50%;top: 50%; width: 80%; text-align: center; transform: translate(-50%,-50%); transition: all .3s;}
#banner.inner .mc>.path{font-size: 1.4rem;}
#banner.inner .mc>.path>a{color: #fff; display: inline-block; position: relative; padding-right: 30px; transition: all .35s;}
#banner.inner .mc>.path>a>i{display: inline-block; vertical-align: middle; font-size: 1.6rem; margin-right: 5px;}
#banner.inner .mc>.path>a>span{display: inline-block; vertical-align: middle; border-bottom: 1px solid transparent; transition: all .35s;}
#banner.inner .mc>.path>a:after{position: absolute;z-index: 10; right: 0;top: 50%; width: 30px; text-align: center; font-family: iconfont; font-size: 1.2rem; font-weight: normal; content: '\e6cc'; color: #fff; transform: translateY(-50%);}
#banner.inner .mc>.path>a:last-child{ padding-right: 0;}
#banner.inner .mc>.path>a:last-child:after{display: none;}
#banner.inner .mc>.path>a:hover span{  border-color: #fff;}
#banner.inner .mc>.title{position: relative; margin: 10px 0; font-size: 4rem; text-transform: uppercase; font-weight: 700; color: #fff; }
#banner.inner .mc>.info{ display: none; width: 50%; margin: 0 auto; font-size: 1.6rem; line-height: 2.8rem; font-weight: 400; color: rgba(255,255,255,.8);}
#banner.inner .swiper{ width: 100%; height: 100%;}
#banner.inner .swiper .swiper-wrapper{ width: 100%; height: 100%;}
#banner.inner .swiper .swiper-slide{ width: 100%; height: 100%;}
#banner.inner .swiper .swiper-slide:after{position: absolute;z-index: 1; left: 0;top: 0;width: 100%;height: 100%; background: rgba(0,0,0,.5); content: '';}
#banner.inner .swiper .swiper-slide img{ width: 100%;height: auto; object-fit: cover;}

/* end*/



/* nav*/
#nav{ position: relative; z-index: 90;width: 100%; height: 0; transform: translateY(-150px);}
#nav .wrap{ max-width: 1400px;}
#nav ul{display: flex; align-items: center; justify-content: center;}
#nav ul>li{display: inline-block; padding: 0 15px;}
#nav ul>li>a{ position: relative; display: block; font-size: 1.3rem; color: #fff; height: 40px; line-height: 40px; padding: 0 30px; border: 1px solid rgba(255,255,255,.4); transition: all .35s;}
#nav ul>li>a.active{background:rgba(255,255,255,1); border-color: #fff; font-weight: bold; color: #cc151e; }
#nav ul>li>a:hover{ border-color: #fff;}


/* end*/




/* path*/

#path{ margin: 0 auto; border-bottom: 1px solid #eee;}
#path.margintop{margin-top: 190px;}
#path .layout{ margin: 0 auto;text-align: left;padding: 20px 0;}
#path .layout>a{display: inline-block; position: relative; font-size: 1.2rem; margin-left:20px;border-bottom: 1px solid transparent; color: #999; transition: all .35s;}
#path .layout>a>i{display: inline-block;vertical-align: top; font-size: 2rem; margin-right: 6px;}
#path .layout>a:hover{color: #cc151e; border-color: #cc151e;}
#path .layout>a:after{ position: absolute;z-index: 12; left:-20px; top: 50%; transform: translateY(-50%) scale(.8); width: 20px; text-align: center; height: 14px; line-height: 14px; font-family: iconfont; font-size: 1.2rem; color: #999;content: '\e6cc';}
#path .layout>a:first-child{margin-left: 0;}
#path .layout>a:first-child:after{display: none;}
#path .layout>a:last-child{padding-right: 0;}


/* end*/





/* loadmore*/

.loadmore{margin: 0 auto; padding: 20px 0;}
.loadmore>.url{margin: 0 auto;text-align: center;}
.loadmore>.url>a{display: inline-block; border: 1px solid rgba(40,27,110,.2); padding: 10px 50px; color: #281b6e; border-radius: 50px; transition: all .35s;}
.loadmore>.url>a>i{display: inline-block; font-size: 1.8rem; color: #cc151e; vertical-align: middle; margin-left: 6px; transition: all .35s;}
.loadmore>.url>a>span{ display: inline-block;vertical-align: middle; font-size: 1.4rem;}
.loadmore>.url>a:hover{ background: #281b6e; border-color: #281b6e; color: #fff; box-shadow: 2px 3px 20px rgba(0,0,0,.16); transform: translateY(-5px); }
.loadmore>.url>a:hover i{ color: #fff; transform: rotate(360deg);}
.loadmore>.loading{margin:50px 0; height:46px; text-align:center; line-height:47px; display:none;}
.loadmore>.loading>div{width:10px; height:10px; background-color:#f8b62d; border-radius:100%; display:inline-block; animation:bouncedelay 1.4s infinite ease-in-out; animation-fill-mode:both; margin:0 3px;}
.loadmore>.loading .bounce1{animation-delay:-0.32s;}
.loadmore>.loading .bounce2{animation-delay:-0.16s;}
@keyframes bouncedelay{
    0%,80%,100% {transform: scale(0.0);}
    40%{transform: scale(1.0);}
}

/* end*/





/* page */

.page{ position: relative; display: flex;margin: 0 auto; padding: 50px 0; justify-content: center; align-items: center;}
.page .pagenum{ display: inline-block;vertical-align: middle; text-align: center;}
.page .pagenum>a{display:inline-block; border:1px solid #ddd; border-radius: 100%; margin: 0 5px; width:32px;height:32px; line-height:32px;text-align:center; font-size:1.4rem; color:#666; transition:all .35s;}
.page .pagenum>a:hover{color: #cc151e; border-color: #cc151e; }
.page .pagenum>a.active{ background: #cc151e; border-color: #cc151e;  color: #fff;}
.page .prev, .page .next{display: inline-block;vertical-align: middle;}
.page .prev>a, .page .next>a{display: inline-block;border:1px solid #ddd; border-radius: 100%;  margin: 0 5px; width:32px;height:32px; line-height:32px; text-align: center; font-size: 1.4rem; color: #666;transition: all .35s;}
.page .prev>a>span, .page .next>a>span{display: none; font-size: 1.2rem;}
.page .prev>a:hover, .page .next>a:hover{color: #cc151e;}
.page .null{ opacity: .3; color: #666!important; background: #fff!important; border-color: #ddd!important;}
.page .pagenum>a.pageell{ background: none; color: #666; border: 0!important;}
.page .pagesmall{display: none; vertical-align: middle; font-size: 1.4rem; color: #999; padding: 6px 20px; text-align: center;}
.page .pagesmall>span{color: #cc151e;}



/* end*/

/* quote*/

.layui-layer-btn .layui-layer-btn0 {border-color: #281b6e!important;background-color: #281b6e!important; font-size: 1.2rem;}

.msg-box{ padding: 15px 0;}
.msg-box>i{ display: inline-block; vertical-align: middle;margin-right: 6px; font-size: 3.6rem; color: #53df9f;}
.msg-box>span{display: inline-block;vertical-align: middle;}

/* end*/



/* foot*/


#foot{margin: 0 auto;}
#foot .wrap{max-width: 1400px;}
#foot>.main{background: #f9f9f9;margin: 0 auto; padding: 90px 0;}
#foot>.main .layout{display: flex;justify-content: space-between; margin: 0 auto;}
#foot>.main .layout>.item{ display: inline-block; flex: auto; }
#foot>.main .layout>.item:last-child{flex: 1;}
#foot>.main .layout>.item>p{ position: relative; padding-left: 16px; font-size: 2rem;}
#foot>.main .layout>.item>p:after{position: absolute;z-index: 12; left: 0;top: 50%; transform: translateY(-50%); width: 8px;height:8px; background: #cc151e; content: '';}
#foot>.main .layout>.item>ul{margin: 0 auto; padding: 20px 0;}
#foot>.main .layout>.item>ul>li{display: block;padding: 3px 0;}
#foot>.main .layout>.item>ul>li>a{display: block; font-size: 1.3rem; transition: all .35s;}
#foot>.main .layout>.item>ul>li>a:hover{text-decoration: underline; color: #281b6e;}
#foot>.main .layout>.item>form{margin: 0 auto; padding: 20px 0; width: 260px;}
#foot>.main .layout>.item>form .input{ position: relative; display: block; padding: 3px 0;}
#foot>.main .layout>.item>form .input>input{ position: relative; display: block; width: 100%; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; height: 30px; line-height: 30px; font-family: 'Raleway', sans-serif; box-sizing: border-box;padding: 0 10px;text-align:left;}
#foot>.main .layout>.item>form .input #checkimg{position: absolute;z-index: 10; top: 50%; right: 10px; transform: translateY(-50%);}
#foot>.main .layout>.item>form .textarea{ display: block; padding: 3px 0;}
#foot>.main .layout>.item>form .textarea>textarea{ position: relative; display: block; width: 100%; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; font-family: 'Raleway', sans-serif; resize: none; box-sizing: border-box;padding: 10px;text-align:left;}
#foot>.main .layout>.item>form .button{ display: block; padding: 3px 0;}
#foot>.main .layout>.item>form .button>a{display: block;background: #cc151e; height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; font-size: 1.4rem; color: #fff; border-radius: 3px;}
#foot>.main .layout>.item>form .error{ border-color: #cc151e!important; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAA+tJREFUeF7tm11S2zAQx1dOjkBm+lAycIQO6TPhJIWTACcBTkJ4JkyPUDf0oTPhCInVWSfuGFtfu1rZySR+gZlI1u5Pq79WH1Zw4I86cP/hCOAYAR0T+Pnl7AybXK1WZ5lS5f+F1jn+/f7xZ9axOemHADpcrIofWsE1AJQOe54SBgDMtC6eUkNJogGvJ1+nGWSXWsGdz9uA3xHITIF+uVi+PwaUJxURBYCOK5U9BPY0ydBt4VyBvpcEIQIAw3y9Xj8AqCnHK0adXOviRmJ4RAN4OxnfCoU6mYPScHfxsbgnV6xVYANg9noZwpXqNw3HWUGDuiUOoXwwyK6+/c0r8STxYAHYOF88Ew0FBfrGN36ZEcWGQAawFTp0nvwEARidXmtQKKTUhyWQJADbnv9FtawqnxgANkMWx2AA3LCvw+oAQAmBognBAOaj0+fYaa4jACWEyXJxHhKpQQAknEdjOgSAzT1OlosbHwQvgBjRMzTuNWo+GqMA4roh+tG6uPIlS14AUr1f8yYH2Kz+zI9kNqlnk+X7lYukE4Bw70f3KOcFvihwAkjQ+xwfYus4BdEK4I2fkMQaLF7fFQVWAIJiRMnRQzZMGIDsWuACgBlflEGDQXZOWaRsky1cDInMAnXhteUFRgBC4R+cjNS7VKjtVpTYhoERgFD47xQAW2JkAxAd/pR0tIsIsNljA6AZStOssmsRYLTnkACASZRbAGLX/CHK64quVCKIbZqEsAVA0gDctMyG2VPlcMiUKNl+E3TnAJoGdLwcbgWaqf2kEbCXAFKuAPuOgKAhICiCQSHYLJRSA7qeBfYTAFo9H40lEqGdAzBZLlqaZ0mE4neATXN9zxoQngkyj6e82XPPAIwbssYISDUT9AmAtBxONRP0CcA0/jFkHTtC8jrQIwDreYQVgMQwwLVAAcVLJQ7D4TD3rQcw+vAGWVVH4q6RC7wVAPMCxCchtIWdVy0bBeajccQGjftwJOXBCGtDxAQnBkDUwcgmKWJrwQ4AiDwaQwARM0LvAHy975wFPm1U8m6C9Q3AexIdDIApiD0C8Id+1cHe4/GqIOOKjCQAyuKM1G4wAKYeeO4ChEyItPsCIeO+3ioJAFZMuWERgsNVhup8sAY0G2UMh1jffPXJ1+PIGmCBkOIk1+ds4/dwwTPvURCbqxevfQwh8V0Ax5Kgqc71YrIGmF7GnCY5Dld1SJchkwOoGtisIPG2N025CSTYY93WhkgEtIbFej3VoC6FbnrkSsMjKP3bd9OcAPJ/UXEATRjl12Hl90N6SoiM0mncS/BddOQ4HZUHxDZ4cJ/NxQJLXT/pEEhtvMT7jwAkKO7zO/4BXnS2X0t3KQIAAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: 16px auto; background-position: 96% 6px; }

#foot>.copy{background: #281b6e;  padding: 30px 0; margin: 0 auto;}
#foot>.copy .info{ width: 60%; font-size: 1.4rem; color: #fff;}
#foot>.copy .social{ width: 40%; display: flex; align-content: center;align-items: center; justify-content: flex-end;}
#foot>.copy .social>a{display: inline-block; color: #fff; text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; margin-left: 10px; transition: all .35s;}
#foot>.copy .social>a>i{font-size: 2rem;}
#foot>.copy .social>a:hover{background: #fff; color: #cc151e;}


/* end*/

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

    #head .top .contact{ width: 26%;}

    #nav{ transform: translateY(-120px);}


}


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


    #nav{ transform: translateY(-110px);}


}


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

    #nav{ transform: translateY(-100px);}

}

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

    #nav{ transform: translateY(-90px);}

}

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

    #head .top .contact>a>span { display: none;}

    #banner.inner { margin-top: 90px;}


}




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


    #head .nav { display: none;}
    #head .top { height: 90px; line-height: 90px; padding: 0; overflow: hidden;box-shadow: 0 5px 20px rgba(0,0,0,.1);}
    #head .top .logo { width: 100%; text-align: left; }
    #head .top .logo>a>img { height: 50px;}
    #head .top .contact {display: none;}
    #head .top .navbar-toggler{display: flex;}
    #nav{ transform: translateY(-80px);}




    #banner.inner{ height: 360px;}
    #banner.inner .swiper .swiper-slide img{ height: 100%; width: auto;}




}

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

    #foot>.main { background: #1a1051;padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,.1);}
    #foot>.main .layout{display: block;}
    #foot>.main .layout>.item{display: none; text-align: center;}
    #foot>.main .layout>.feedback{ display: block; }
    #foot>.main .layout>.item>p { display: inline-block; margin: 0 auto; color: #fff; text-align: center;padding: 0 16px;}
    #foot>.main .layout>.item>p:before{position: absolute;z-index: 12; right: 0;top: 50%; transform: translateY(-50%); width: 8px;height:8px; background: #cc151e; content: '';}
    #foot>.main .layout>.item>form { width: 100%; }

    #foot>.copy .info { width: 100%; float: none; text-align: center;}
    #foot>.copy .social { width: 100%; padding-top: 10px; float: none; justify-content: center;}
    #foot>.copy .social>a { width: 30px; height: 30px;line-height: 30px;margin-left: 0; margin-right: 6px;}

}


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

    #banner.inner{ height: 300px;}


    #nav{ position: relative; transform: translateY(0); height: auto; background: #eee;}
    #nav .wrap{ max-width: 100%; width: 100%;}
    #nav ul>li{ flex: auto; padding: 0; box-sizing: border-box; background: #ddd; margin-right: 2px;}
    #nav ul>li:last-child{margin-right: 0;}
    #nav ul>li>a{ text-align: center; height: 50px; line-height: 50px; color: #333; padding: 0; border: 0;}
    #nav ul>li>a.active{background:#cc151e; font-weight: normal; color: #fff; }

}

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


    #head .top, #head.small .top { height: 70px; line-height: 70px;}

    #head .top .logo>a>img, #head.small .top .logo>a>img { height: 40px;}




    #banner.inner { height: 200px;}
    #banner.inner { margin-top: 70px;}
    #banner.inner .mc>.title {font-size: 3rem; }
    #banner.inner .mc>.path {font-size: 1.2rem;}



    #navbar .layout .menu>ul>li>a { font-size: 1.6rem;}

    #navbar .layout .search>.form>input {height: 40px; line-height: 40px; font-size: 1.4rem;}
    #navbar .layout .search>.form>a { display: inline-block; width: 40px; height: 40px; line-height: 40px;}

    #navbar .layout .language>a{ margin: 0 6px;}
    #navbar .layout .language>a img{ height: 20px;}



    .page .pagenum{display: none;}
    .page .pagesmall{ display: inline-block; font-size: 1.2rem; }
    .page .prev>a, .page .next>a{ width:auto;height:auto; line-height:20px; padding: 6px 15px; text-align: center; border-radius: 5px;}
    .page .prev>a>span, .page .next>a>span{display: inline-block; vertical-align: middle;}
    .page .prev>a>i, .page .next>a>i{display: inline-block; vertical-align: middle;}

}