@charset "utf-8";
.topblank{height: 95px;}
.wrapper{width:1360px; margin: 0px auto;}
/*1440*/
@media (max-width:1679px){
  .wrapper{width: 1300px;}
}
/*1366*/
@media (max-width:1439px){
  .wrapper{width: 1260px;}
}
/*1280*/
@media (max-width:1365px){
  .wrapper{width: 1200px;}
}
/*MP*/
@media (max-width:1279px){
  .wrapper{width: 100%;}
}

.header {z-index: 99;height: 95px;position: fixed;left:0; top:0; background: rgb(255, 255, 255,1); width: 100%; -webkit-transition: all .5s ease;transition: all .5s ease;}
.header .wrapper{width:auto; padding: 0 4%;}
.header .logo {margin:12px 0 0; display:block;float:left; background:url(../images/logo.png) no-repeat;width:140px; height:70px; background-size: 100%;-webkit-transition: all .5s ease;transition: all .5s ease;}
.header:hover{background: #fff;}
.header .navmenu {float: right;height: 95px;line-height: 95px;}
.header .navmenu li {float: left;display: inline-block;text-align: center;font-size: 14px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;margin: 0 35px;}
@media(max-width:1480px){
    .header .navmenu li {margin: 0 20px;}
}
.header .navmenu li>a:hover {color: #055fa6 !important;}
.nav-left:before {content: "";position: absolute;z-index: -1;background: #055fa6;left: 0%;right: 0px;width: 0%;bottom: 0px;height: 3px;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.nav-left:hover:before {width: 100%;}
.nav-left.cur:before {width: 100%;}
.nav-left {vertical-align: middle;position: relative;}
.header .navmenu li>a {display: block; font-size: 16px;}
.header .nav-sub {width: 200px;background: #fff;position: absolute;top: 95px;left: 0px;height: auto;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: -webkit-transform .3s;transition: transform .3s;}
.header .nav-sub.active {-webkit-transform: scaleY(1);	-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transition: -webkit-transform .3s;transition: transform .3s;}
.header .nav-sub.active .se-nav-sub { opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all .3s ease;transition: all .3s ease;}
.header .nav-sub .se-nav-sub {opacity: 0;-webkit-transform: translate(0, -20px);-ms-transform: translate(0, -20px);transform: translate(0, -20px);-webkit-transition: all .3s ease;transition: all .3s ease; padding:10px 0}
.header .nav-sub a {height: auto;line-height:20px;display: block;padding: 8px 10px 8px 20px;text-align: left;color: #222;font-size: 14px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.header .nav-sub a:hover {background-color: #055fa6;color: #fff;}

.header.active2 { background: #fff; box-shadow: 0 12px 25px rgba(34, 102, 207, 0.2);}
/* .header.active2 .navmenu {height: 0px;line-height: 60px;}
.header.active2 .navmenu li>a {color: #444;}
.header:hover .navmenu li>a {color: #444;}
.header.active2 .logo {margin:10px 0 0; background:url(../images/logo.png) no-repeat; display:block;float:left; width:240px; height:60px; background-size: 100%;}
.header.active2 .nav-sub {top: 60px;left: 0px;} */

.rightxx{ float:right; margin-left: 20px; height:95px; display: flex; align-items: center; justify-content: space-between;}
.rightxx .cirbox{ transition:all 0.5s; position: relative; height: 30px; line-height:30px; padding-left: 40px; margin-left: 15px;}
.rightxx .cirbox:before{content: '\e714'; color:#fff; font-family: 'iconfont'; height: 30px; border-radius: 50%; background:#ff6600; width: 30px; font-size: 26px; overflow:hidden; position: absolute; left:0; top:0; text-align: center;}
.rightxx:hover .cirbox:before{background: #055fa6;}
/*广告位*/
.PC_ban{display: block;}
.Mob_ban,.Fast-nav{display: none;}
.banner{width: 100%;position: relative; background: #000000;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 40px;height: 40px; border-radius:50%; border:1px solid #fff; right:0px;}
.banner .swiper-button-next i,.banner .swiper-button-prev i { position: absolute; left:12px; top:8px; font-size: 24px; line-height: 1; color:#fff}
.banner .swiper-button-prev{left:0px;}
.banner .swiper-button-next {transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.banner .swiper-slide {overflow: hidden;text-align: center;position: relative;}
.banner .mobfont {position: absolute; left:8%; width:35%; top: 30%; line-height: 1.5; color: #fff; text-align: left;}
.banner .swiper-slide-active .mobfont h2{font-size:54px; width:80%; line-height: 1; font-family:'Montserrat-B'; text-transform: uppercase; animation: bannertextright 1s ease both 400ms;}
.banner .swiper-slide-active .mobfont p{font-size:22px; padding:20px 0 25px; animation: bannertextdow 1s ease both 1000ms;}
@keyframes bannertextright {0% {transform: translateX(-80px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bannertextdow {0% {transform: translateY(30px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}

.banner .swiper-pagination{bottom:10px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 4px;width:15px;border-radius: 2px;margin: 0 3px;opacity:1;background-color: #fff;}
.banner .swiper-pagination-bullet-active{width:35px !important;background: #ffff00 !important;opacity: 1 !important;}
.banner .swiper-button-next{right: 40px!important;left: auto!important;}
.banner .swiper-button-prev{left: 40px!important;}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}
.banner .swiper-slide-active .btn {font-family:'Montserrat-R'; line-height:1.5; display:inline-block; padding:18px 25px;background-color:#ffd602;color:#000;text-transform: uppercase;animation: bannertextdow 1s ease both 1400ms;}
.banner .swiper-slide-active .btn:hover {background-color:#ffdf5e;color:#222;}
@media(max-width:1024px){
    .banner .swiper-pagination{bottom:0px;}
    .banner .swiper-button-next{display:none}
    .banner .swiper-button-prev{display:none}
}
/*主内容*/
.pd60{padding:80px 0;}
.bggray{background: #fafafa;}
.maintitle{font-size: 36px; color:#333; text-align: center; font-weight: bold; line-height: 1.8;}
.maintitle span{display: block; font-size: 16px; font-weight: normal; color: #888; letter-spacing: 2px;}
.pt40{padding-top:40px}

.tabpanel {background:url(../images/bgok.jpg) no-repeat center/cover #f5f5f5;}
.tabpanel .wrapper{ position: relative;}
.tabpanel .tableft{ position: absolute; left:0; bottom:0; width:100%; box-shadow: 0 0 10px rgba(0,0,0,.15);}
.tabpanel .tableft ul{}
.tabpanel .tableft ul li{width: 25%; float:left; background: #fff; line-height:120px; height:120px; overflow: hidden; text-align:center; color:#555; font-size: 24px; font-weight: bold; cursor:pointer; box-sizing: border-box; -webkit-box-sizing: border-box;}
.tabpanel .tableft ul li .iconfont{margin-right: 15px; font-size: 30px; font-weight: normal;}
.tabpanel .tableft ul li:last-child{border-right:0}
.tabpanel .tableft ul li.hit,.tabpanel ul li.hit a{background:#055fa6;color:#fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display:block;}
.panes {overflow: hidden; padding:50px 0 0}
.panes .pane {display:none; padding-bottom: 190px;/* min-height:525px; */}
.yousifonttit{font-size: 40px; color:#055fa6; line-height: 1.5; font-weight: bold;}
.yousifonttit span{display: block; font-size: 26px; color:#333;}
.yousifonttop{font-size: 16px; line-height: 2; padding:40px 0}
.panes .pane .yousimage{float:right; width:48%; border-radius:30px 10px 30px 10px; overflow: hidden;/* background: no-repeat center/cover; min-height: 525px; */}
.panes .pane .yousimage img{ width:100%}
.panes .pane .yousifont{float:left; width:42%; padding:20px 0 0 0; box-sizing: border-box; -webkit-box-sizing: border-box;}
.ysbtn{background: #FF6600; color:#fff; display: inline-block; padding:12px 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.ysbtn strong{font-size:18px;}
.ysbtn:hover{ background:#055fa6; color:#fff}

.inxcase{float:left; width:48%;}
.inxcase .wrap { position: relative; margin-top: 5px;}
.inxcase .pro_swiper,.home-about .about_swiper { overflow: hidden;}
.inxcase .pro_swiper .swiper-slide,.home-about .about_swiper .swiper-slide { text-align: center; overflow: hidden;}
.inxcase .swiper-button-prev{ top:48%; left:0; width: 30px; height: 40px; background:#c5ddf4; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.inxcase .swiper-button-prev i,.inxcase .swiper-button-next i{ position: absolute; left:8px; top:8px; font-size: 24px; line-height: 1; color:#222;}
.inxcase .swiper-button-next{top:48%; right:0; width: 30px; height: 40px; background:#c5ddf4; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.inxcase .swiper-button-next i{ position: absolute; left:0px; transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.inxcase .swiper-button-prev.swiper-button-disabled { opacity: 1;}
.inxcase .swiper-button-next.swiper-button-disabled { opacity: 1;}
.inxcase .swiper-button-prev:hover,.inxcase .swiper-button-next:hover {background:#0061c4;}
.inxcase .swiperbox{padding:0px; position:relative; max-height:530px; border:1px solid #ddd; box-sizing: border-box; -webkit-box-sizing: border-box; margin-right:2px}
.inxcase .swiperbox h2{font-size: 16px; padding:16px 10px; position:absolute; left:0; bottom:0; width:100%}

.home-about{ margin-top:60px;}
.home-about .wrap { position: relative;}
.home-about .maintitle{font-size: 26px;}
.home-about .con{font-size: 16px; padding: 25px 0 30px; line-height:2; color:#666}

.listtit{color: #055fa6; font-size: 20px; font-weight: bold; line-height: 1.5; padding-bottom: 30px;}
.listtit span{float:right; font-size: 14px; color:#999; padding-top: 7px; font-weight: normal;}
.list{float:right; width:46%;}
.newslist{float:none; width:100%;}
.list>a{display: block; transition: all .5s;border-bottom: 1px solid #e9e9e9;}
.list>a{ padding:23px 0;}
.list>a:nth-of-type(1){ padding-top:0px;}
.newslist>a:nth-of-type(1){ padding-top:23px;}
.list>a .img{ overflow: hidden; float:right; padding-right:20px; padding-top:38px}
.list>a .img .iconfont{font-size:18px; font-weight:bold; border:2px solid #e8edf1; width:36px; height:36px; text-align:center; border-radius:40px; line-height:36px; display:block; transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.list>a .con{float:left; width: calc(100% - 140px); line-height: 1.4; padding-left:10px}
.list>a .con .tit{font-size:16px; color: #444; transition: all .35s;}
.newslist>a .con .tit{ font-size:18px;}
.list>a .con .listdesc{font-size:14px; color: #999; margin-top: 12px; line-height:24px;}
.list>a:hover .con .tit{color: #055fa6;}
.list>a:hover .img .iconfont{ border:2px solid #055fa6; background:#055fa6; color:#fff;}
.partner{padding:50px 0 0}
.partner ul{display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:space-between; flex-direction: row;}
.partner li{width:12%}
.partner img{border: 1px solid #E5E5E5;}
/*底部*/
.footer{background: #055fa6; color:rgba(255,255,255,0.85);}
.footer .foot{padding: 70px 0; width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.footer .foot dl:last-child{margin-left: 200px;}
.footer h2{font-size: 16px; padding:10px 0 15px; color: #fff;}
.footer dd{line-height:2.2;font-size: 14px;}
.footer img{width:130px; margin-bottom:5px}
.footer a{color:rgba(255,255,255,0.85);}
.footer a:hover{color: #fff;}
.footer .foot dl>div{font-size:0}
.footer .foot dl>div p{display:inline-block; font-size:14px; text-align:center;}
.footer .foot dl>div p+p {margin-left: 10px;}
.copyright{text-align: center; padding: 22px 0; border-top:1px dashed rgba(255,255,255,0.3);}
.footer .foot span{font-size: 22px; color:#fff; display: block; margin-bottom: 5px; font-family: 'Montserrat';}
/*内页*/
.location{font-size: 15px; color:#999; margin-top: -30px; padding:0 0 10px}
.location a{color:#999}
.location a:hover{color:#055fa6}
.location .iconfont{margin-right: 10px;}
.sortlist{text-align: center; margin-bottom: 25px;}
.sortlist ul{display:flex; display:-webkit-flex; flex-wrap:wrap; align-items: center; justify-content:space-between; flex-direction: row;}
.sortlist li{ width:13.8%; border-radius: 4px; overflow: hidden; background: #0086db; line-height: 55px; color: #fff; font-size: 16px; box-sizing: border-box; -webkit-box-sizing: border-box;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.sortlist li a{ color:#fff; display: block; -webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.sortlist li:hover a,.sortlist li .active{background: #f20505; color:#fff}

.sortmenu{text-align: center; margin-bottom: 25px; font-size:0;}
.sortmenu li{ border-radius: 4px; overflow: hidden; background: #0086db; line-height: 45px; color: #fff; font-size: 16px; display: inline-block; margin:0 5px}
.sortmenu li a{padding:0 30px; color:#fff; display: block; -webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.sortmenu li:hover a,.sortmenu li .active{background: #f20505; color:#fff}

.aboutcontent{font-size: 16px; line-height: 2; padding-top: 30px;}
.aboutcontent .fla{width:46%;float:left}
.aboutcontent .fra{width:47%;float:right}
.productlist{}
.productlist ul{overflow: hidden; margin-left: -20px;}
.productlist li{float:left; width:calc(25% - 20px); margin-left: 20px; margin-top: 20px; border-radius: 4px; overflow: hidden; border: 1px solid #e2e2e2; box-sizing: border-box;}
.productlist li:nth-child(4n+1){clear: both;}
.productlist h2{font-size: 16px; background: #fff; text-align: center; padding:18px 0;}
.productlist .proimg{overflow: hidden;}
.productlist .proimg img{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.productlist li:hover .proimg img{transform: scale(1.1);}
.productlist li a{display: block;}

.zslist{}
.zslist ul{overflow: hidden;}
.zslist li{float:left; width:31%; margin-right: 3.5%; margin-top: 3%;overflow: hidden;}
.zslist li:nth-child(3n){ margin-right: 0;}
.zslist li:nth-child(3n+1){clear: both;}
.zslist .zsbox{border:1px solid #e2e2e2; padding:15px; border-bottom:0;}
.zslist h2{font-size: 15px; background: #fff; text-align: center; padding:13px 0; border:1px solid #e2e2e2; border-top:0px solid #e2e2e2; background:#fbfbfb}
.zslist img{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.zslist li:hover img{transform: scale(1.1);}
.zslist li a{display: block;}

.partnerlist{}
.partnerlist ul{overflow: hidden;}
.partnerlist li{float:left; width:18.4%; margin-right:2%; margin-top: 2%; overflow: hidden;}
.partnerlist li:nth-child(5n){ margin-right: 0;}
.partnerlist img{border:1px solid #e2e2e2; width:99%}

.newscontent{border: 1px solid #e5e5e5; padding: 30px;background:#fff;}
.newscontent-left{float:left; width:75%; background:#fff;}
.newscontent-right{float:right; width:23%;}
.news_righttit {font-size: 18px; border-bottom: 1px solid #e5e5e5; height: 36px; line-height: 18px; position: relative;}
.news_righttit span{color:#005197;}
.news_righttit:before {content: ""; width: 75px; height: 1px; background: #005197; position: absolute; left: 0; bottom: -1px;}
.prosmfont{ padding-bottom: 10px; text-align:center;}
.prosmfont h1{font-size: 24px; line-height:1.5; padding-bottom:25px; color: #333;}

.viewbox{ line-height:1.8; color: #888; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px;}
.viewbox h3{font-size: 22px; color: #333;}
.viewbox .iconfont{margin-right: 10px;}
.viewcontent{line-height: 2; color: #666; padding: 25px 0; font-size: 16px;}
.viewcontent img{margin: 10px auto; display: block; text-align: center;}
.context{border: 1px solid #e5e5e5; border-top:0; height: 70px; font-size: 15px;}
.context li{line-height: 70px; float:left; width:50%; border-right: 1px solid #e5e5e5; padding:0 30px; box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.context li:last-child{border-right:0; text-align: right;}
.context a{color:#333;}
.context a:hover{ color:#0456b7;}
.mt20{margin-top: 12px;}
.newstj{ margin-top:20px; line-height:22px;}
.newstj a{ display:block; color:#666; background:url(../images/newswenzhagn.png) left 1px no-repeat; padding-left:25px; margin-top: 10px;}
.newstj a:hover{color:#0456b7;}
.protj{padding-top:5px;}
.protj li{padding-top:20px;}
.protj h2{font-size: 14px; text-align:center; line-height:1.2; padding:15px 0 0}

/*联系*/
.aboutcontent .fl{}
.aboutcontent .fl h3{font-size:22px; font-weight:bold; margin-bottom:20px}
.aboutcontent .fr{border: 1px #e2e2e2 solid; padding:12px; margin-top:15px}
.aboutcontent .fr img{width:150px;}
.aboutcontent .fr p{padding: 10px 0 0; font-size:14px; text-align: center;}
.mapok{width:100%; height: 460px; margin-top: 30px;}

/*右侧客服*/
.toolbar {position: fixed; z-index: 999; right: 5px;bottom: 100px; width: 65px;}
@media (max-width:1024px) {
.toolbar {display: none}
}
.toolbar .toolitem {position: relative; width: 65px; padding: 12px 0; background: #055fa6; margin-top: 2px; text-align: center; color: #fff;}
.toolbar .toolitem p{line-height: 20px; font-size: 12px;}
.toolbar .toolitem:hover {background:#055fa6}
.toolbar .toolitem:hover .toolbox {opacity: 1;display: block;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.toolbar .toolbox {display: none;position: absolute;text-align: center;right: 65px;top: 20px;width: 155px;height: auto; padding: 20px 15px; opacity: 0; background: #fff;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;border:1px solid #e2e2e2;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.toolbar .toolitem .iconfont{font-size: 22px;}
.toolbar .tooltit {font-size: 14px; color: #444; line-height: 24px; text-align: left;}
.toolbar .toolfont {text-align: left; margin: 10px 0; font-size: 16px;font-weight: bold;color: #055fa6;}
.toolbar .tooltext {font-size: 12px;color: #888;text-align: left;}
.toolbar .tce{text-align: center;}
.toolbar a {display: block; color: #fff;}

#message_model,#share_model { position: fixed; z-index: 9999; width: 100%; height: 100%; left: 0; top: 0; display: none;}
#message_model .mask,#share_model .mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.6);}
#message_model .message,#share_model .message {position: absolute; background: #eee; left: 0; right: 0; margin: auto; top: 0; width: 94%; max-width: 680px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 9;}
#message_model .message .close,#share_model .message .close {position: absolute; right: 0px; top: 20px; width: 40px;z-index: 99999;cursor: pointer;}
#message_model .message .messagebox,#share_model .message .messagebox{padding:50px}
#message_model .message .messagebox .row,#share_model .message .messagebox .row{padding:10px 0 0}
.btn_twitter{width:50px; height:50px; line-height:50px; font-size:24px; text-align: center; color:#fff; background: #1da1f2; border-radius:25px; display: inline-block;}
.btn_facebook{width:50px; height:50px; line-height:50px; font-size:24px; text-align: center; color:#fff; background: #1877f2; border-radius:25px; display: inline-block; margin:0 8px}
.btn_email{width:50px; height:50px; line-height:50px; font-size:24px; text-align: center; color:#fff; background: #20B2AA; border-radius:25px; display: inline-block;}
#message_model .message .messagebox .row-label,#share_model .message .messagebox .row-label{padding:0 0 5px}
#message_model .message .messagebox .row-input input,#share_model .message .messagebox .row-input input {background: #fff; width: 100%; height: 44px; line-height: 44px; font-size: 14px; padding-left: 2%; border: 1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box;}
#message_model .message .messagebox .row-input textarea{background: #fff; width: 100%; height: 100px; font-size: 14px; padding:2%; line-height: 24px; resize: none; border: 1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box;}
#message_model .message .messagebox .row-left{text-align: left; margin-top:10px;}
#share_model .message .messagebox .row-left{text-align: left; margin-top:20px;}
#message_model .message .messagebox .row-left input,#share_model .message .messagebox .row-left input{background: #00263e; display: block; border:0; padding:15px 30px; font-size: 16px; color: #fff; cursor: pointer; font-family:'Montserrat-R'; text-transform: uppercase;}
.mesphone{font-family: 'Montserrat-R'; font-size: 16px; color:#00263e; background: url(../images/phone-icon.png) no-repeat left 50%; background-size: 26px; padding-left: 35px; margin-top: 18px;}
.mesphone span{display: inline-block;}
.mesphone span:before{content:'/'; display:inline-block;margin:0 12px}
.mesdesc{}
.mestitle{font-family: 'Montserrat-B'; font-size: 30px; color:#00263e; padding-bottom: 18px;}
.mesline{border-bottom:1px solid #ccc; padding-bottom: 25px; margin-bottom: 15px;}
@media(max-width:1480px){
	#message_model .message .messagebox,#share_model .message .messagebox{padding:40px}
	.mestitle{font-size: 24px; padding-bottom: 12px;}
	#message_model .message .messagebox .row-left input,#share_model .message .messagebox .row-left input{padding:12px 25px;}
}
.page_banner{height: 300px; background-size: cover; background-position:center center; align-items: center; display: flex; display:-webkit-flex;}
.page_banner p{animation: bannertexttop 1s ease both 400ms; font-size: 26px; font-weight:lighter;}
@keyframes bannertexttop {0% {transform: translateY(30px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@media(max-width:1600px){
	.page_banner{height: 250px;}
}
@media(max-width:1440px){
	.page_banner{height: 225px;}
}
@media(max-width:1366px){
	.page_banner{height: 215px;}
}
@media(max-width:1024px){
	.page_banner{height: 160px;}
}