/* ====首页====== */

body{ background-color:#fff; overflow-x: hidden; }

/** header **/

.header{ position:relative; z-index:100; background-color: #fff;}

.loarea{ height:80px; position:relative; z-index:3;}

.loarea .wrap{ width: 96%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}

.logo{ width:200px;height:80px; display:flex; align-items: center;}

.logo .tp{ height:50px; width:auto;}

.logo .tp2{ height: 19px;}

.topOpa{ display: flex; justify-content: flex-end;}

.topOpa .loginArea{ margin-left: 10px;}

.topOpa .sbtn{ font-size: 14px; padding: 0.6em 0.8em; min-width: 114px; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center;}

.topOpa .sbtn::before{ font-size: 20px; line-height: 1; margin-right: 10px;}



.topOpa .searchArea{ position: relative; z-index: 2;}



.searchLay{opacity: 0; width: 0; overflow: hidden; transition: .3s; position: absolute; background-color: #fff; right: 0; top: 50%; transform:translateY(-50%) ;  -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%); display: flex; align-items: center; justify-content: flex-end; z-index: 20; padding: 10px  0 10px 0px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }

.actsearchLay{ width: calc(100vw - 600px) !important; opacity: 1 !important; }

.search{ display: flex; align-items: center; flex: 1; border: 1px solid #004E9D;}

.search .text{ flex: 1; font-size: 14px; height: 40px; line-height: 40px;  padding: 0 15px; box-sizing: border-box;} 

.search .tj{ border: none; margin-left: 10px;}

.search .tj:hover{ }

.search .searchCloseBtn{ padding-left: 0; padding-right: 0; min-width: 40px;}

.search .searchCloseBtn:hover{}

.searchCloseBtn{ margin-left: 10px; width: 40px; height: 40px; line-height: 40px; padding: 0 !important; min-width: 0 !important; text-align: center;}

.searchCloseBtn::before{ margin-right: 0 !important;}



.language{ position: relative; margin-left: 10px;}

.language .curLanguage{padding: 0.49em 0.8em; cursor: pointer;}

.language .curLanguage .icon{ height: 23px; margin-right: 2px;}

.language .curLanguage .arr{ margin-left: 2px;}



.lanLay{ padding-top: 10px; position: absolute; width: 100%; right: 0; top: 98%; display: none;} 

.lanLay .nr{ border: 1px solid #004E9D; padding: 10px 0;  background-color: #fff;}

.lanLay a{ display: block; padding: 0.2em 1em; font-size: 14px;}

.lanLay a:hover{ background-color: #eee; color: #004E9D;}





/*PC导航 begin*/

.nav{  z-index:1;}

.navul{ font-size:0;}

.navul li{ display:inline-block; font-size:16px;position:relative;}

.rowLi{ position: static !important;}

.navul li>a{  padding:0 20px; font-size: 16px; text-transform: uppercase; color: #333; text-align:center; display:inline-block; line-height:80px; height:80px; position: relative;}

.navul li>a::after{ content: ""; display: block; width: 0em; height: 3px; background-color:#004E9D ; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }

.navul li>a:hover,.act_nav{color:#004E9D !important; font-weight: bold;}

.navul li>a:hover::after,.act_nav::after{  width: 2em !important;}



/*PC导航end*/

.subnav{ position:absolute; display: none;  }

.subnavNormal{left:50%; margin-left: -60px; top:112px; width:120px;padding-top: 0px;}

.subnav:after{ content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; top: -16px; left: 50%; margin-left: -6px; display: none;}

.subnav>.nr{background:rgba(0, 0, 0, .6); padding:10px 0; box-shadow: 0 2px 10px 0 #333; }

.subnav .nr a{text-align:left; line-height:2; padding: 6px 0; width:100%; font-size:13px; display:block;  color:#fff; text-align:center; }

.subnav .nr a:hover{ color: #fff !important; background-color: #D34F05; }



.subnavRow{ position: absolute; width: 100%; left: 0; top: 112px; padding-top: 0px; }

.subnavRow .wrap{ display: flex; align-items: center; justify-content: space-between;background:rgba(0, 0, 0, .6); padding:10px 0; box-shadow: 0 2px 10px 0 #333; }

.subnavRow .nr{ width: 100%; padding: 10px 20px; font-size: 0;}

.subnavRow .nr a{ display: inline-block; width:23%; margin: 0 1%; color: #fff; border-bottom: 1px dashed #fff; font-size: 13px; text-align: center; padding: 8px 0;}

.subnavRow .nr a:hover{ color: #fff !important; background-color: #D34F05;}





/*手机导航按钮及下拉菜单begin*/

.menubtn{ position:absolute; width:24px; height:24px;top:12px; right:2%; cursor:pointer; display:none;}

.menubtn i{ display:block; width:21px; height:3px; background-color:#004E9D; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}

.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}

.menubtn i:nth-child(2){ top:11px;}

.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}

.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}

.menubtn.on i:nth-child(2){ opacity:0;}

.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}

/*小导航*/

.inav{ width:400px; max-width: 60%; height: 100vh; overflow-y: auto; background-color:rgba(0, 0, 0, .9); position:fixed;  z-index:999; top:0px; left:-100%;  z-index:99; overflow-y: auto; display: none; }

.navlogo{ padding: 30px;}

.navlogo .tp{ max-width: 66%;}

.inav ul{ margin: 0 30px;}

.inavul li{border-bottom:1px solid #363636;}

.inavul li>a{ display:block; text-align:left;  font-size:14px; color:#fff; padding:15px 30px 15px 15px; position: relative;}

.inavul li>a .iconfont{ position: absolute; right: 0; top: 12px; font-size: 16px; }

.act_inav{ border-color: #004E9D !important; color:#004E9D !important;}

.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

.inavul .nr{ display: none; padding:5px 30px 5px 40px;}

.inavul .nr a{display:inline-block; text-align:left; padding: 4px 0; margin-right: 10px;  font-size:13px; color:#ddd;}

/*手机导航按钮及下拉菜单end*/

/*banner begin*/

.banner{ position:relative; z-index:3; }

.banner .swiper-slide{position:relative; overflow:hidden;}

.banimg{ width:100%; height:auto; display:block;}

.banner .swiper-pagination{ bottom:24px !important;}

.banner .swiper-pagination-bullet{width:10px;height:10px;padding: 0;background-color:#fff;  font-size: 0;line-height: 0;outline:none;cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 10px !important;}

.banner .swiper-pagination-bullet-active{background-color:#004E9D;}

.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;}

/* .banner .swiper-button-prev{ left:2%;}

.banner .swiper-button-next{ right:2%;} 



.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}

 .banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;width:80px;  height:150px; line-height: 150px; top:50%; margin-top:-75px; color: #fff;}

.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: 80px; font-weight: bold;}

.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} */

/*banner end*/

.h_goal{ font-size: 0; }

.h_goal .tp{ width: 100%;}



.h_tit{ padding: 50px 0; }

.h_tit .tit{  font-size: 48px; text-transform: uppercase; line-height: 1.2;}

.h_tit .line{ width: 104px; height: 2px; margin: 15px auto 0; background-color: #004E9D ;}

.h_tit .subtit{ font-size: 18px; margin-top: 18px; color: #004E9D;}

.h_tit .info{ font-size: 16px;  margin-top: 30px;}

.h_tit_w{}

.h_tit_w .tit{ color: #fff;}

.h_tit_w .line{ background-color: #fff;}

.h_tit_w .subtit{ color: #fff;}

.h_service{ padding-top: 40px;}

.h_service .wrap{ padding-top: 40px; display: flex; flex-wrap: wrap;}



.hserverItem{ width:calc( 33.33% - 2px); position: relative; margin: 0 1px;}

.hserverItem::after{ position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .85);}

.hserverItem a{ display: flex; padding: 80px 40px 50px; position: relative; z-index: 1;}

.hserverItem .inner{ text-align: center;}

.hserverItem .tit{ font-size: 34px; color: #004E9D;}

.hserverItem .line{ height: 1px; display: block; margin: 10px auto 0;}

.hserverItem .subtit{ margin-top: 5px; font-size: 24px; color: #004E9D;}

.hserverItem .nr{ font-size: 16px; line-height: 1.8; margin-top: 30px;height: 115px; overflow: hidden;}

.hserverItem .commonMorea{ margin-top: 100px;}

.hserverItem:hover::after{ background: rgba(255, 255, 255, .95);}



.commonMorea .sbtn{ padding: 0.77em 0em; letter-spacing: 2px; width: 66%; font-size: 16px; position: relative; }

.commonMorea .sbtn .arr{ position: absolute; font-size: 16px; font-weight: bold; right: 30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.commonMorea .sbtn:hover .arr{ right: 20px;}

.h_features{ padding-top: 40px; background-color: #004E9D;}

.h_features .wrap{ }

.h_features .bigImg{ font-size: 0;}

.h_features .bigImg .tp{ width: 100%;}

.hfeatures{ margin-top: 40px;}

.hfeatures .title{ font-size: 28px; text-transform: uppercase; letter-spacing: 2px; text-align: center; background-color: #fff; padding: 1em 1em;color: #004E9D; line-height: 1.3;}

.hfeatures .info{ text-align: center; font-size: 16px; color: #fff; width: 660px; max-width: 100%; margin: 20px auto 0;}

.hfeatures .points{ padding: 20px 0; display: flex; justify-content: space-between; flex-wrap: wrap;}

.hfeatures .points .item{ padding: 14px 0; width: 48%; display: flex; align-items: center;}

.hfeatures .points .item .iconarea{ width: 40px; height: 40px;margin-right: 20px;  background-color: #fff; display: inline-flex; align-items: center; justify-content: center;}

.hfeatures .points .item .iconarea .icon{ width: 24px; height: 24px; }

.hfeatures .points .item .des{ flex: 1; font-size: 17px; color: #fff;}

.hfeatures .points .item .square{ margin-left: 40px; width: 8px; height: 8px; background-color: #fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); }

.hfeatures .points .item:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }



.h_vehicles{ padding-top: 20px;}

.h_vehicles .h_tit{ padding: 70px 0;}

.h_vehicles .wrap{ background-color: #DEDFDF; padding: 40px 0;}

.hvehiclesItem{padding: 0 20px; border-right: 1px solid #d7d8d8;}

.hvehiclesItem a{ text-align: center; display: block;}

.hvehiclesItem .type{ font-size: 18px; letter-spacing: 2px; color: #A6A6A6;}

.hvehiclesItem .tparea{ margin-top: 15px; overflow: hidden; font-size: 0;}

.hvehiclesItem .tparea .tp{ width: 100%; aspect-ratio: 250/140;}

.hvehiclesItem .des{ margin-top: 10px;}

.hvehiclesItem .des .tit{ font-size: 20px; color: #4B4B4B;}

.hvehiclesItem .des .line{ width: 80px; height: 2px;  background-color: #4B4B4B; margin: 6px auto 0;}

.hvehiclesItem .des .subtit{ font-size: 16px; color: #4B4B4B; margin-top: 8px;}

.hvehiclesItem:hover .type{ color: #004E9D;}

.hvehiclesItem:hover .des .tit{ color: #004E9D;}

.hvehiclesItem:hover .des .line{ background-color: #004E9D;}

.hvehiclesItem:hover .des .subtit{ color: #333;}

.hvehiclesItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.hvehiclesSlideWrap{ position: relative;}

.hvehiclesSlideWrap .swiper-button-prev{ left:-50px;}

.hvehiclesSlideWrap .swiper-button-next{ right:-50px;} 

.hvehiclesSlideWrap .swiper-button-prev::after,.hvehiclesSlideWrap .swiper-button-next::after{ display: none;} .hvehiclesSlideWrap .swiper-button-prev,.hvehiclesSlideWrap .swiper-button-next{ width:44px; height:44px; line-height: 44px; top:50%; margin-top:-22px; color: #666; background-color: #fff; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.hvehiclesSlideWrap .swiper-button-prev .iconfont,.hvehiclesSlideWrap .swiper-button-next .iconfont{ font-size: 22px; font-weight: bold;}

.hvehiclesSlideWrap .swiper-button-prev:hover,.hvehiclesSlideWrap .swiper-button-next:hover{ background-color: #004E9D; color: #fff;}



.h_news{ padding: 40px 0 0;}

.h_news .wrap{border-top: 1px solid #CCCCCC;  }

.hnewsItem{}

.hnewsItem a{ display: flex; align-items: center; padding: 20px 0; font-size: 16px; border-bottom: 1px solid #CCCCCC; }

.hnewsItem .time{ width: 116px; border-right: 1px solid #000000; margin-right: 40px; padding-left: 20px;  }

.hnewsItem .val{ flex: 1; min-width: 0;}

.hnewsItem .arr{ margin-left: 20px; width: 40px; margin-right: 0; text-align: center; font-weight: bold;}

.hnewsItem a:hover{ color: #fff; background-color: #004E9D;}

.hnewsItem a:hover .time{ border-right-color: #fff;}

.hnewsItem a:hover .arr{ margin-right: 10px;}

.h_news .wrap .commonMorea{ width: 650px; max-width: 100%;}



.h_company{ padding: 40px 0 50px;}

.h_company .wrap{ display: flex; flex-wrap: wrap; justify-content: space-between;}

.hcompanyItem{ width: 48%; margin-bottom: 40px;}

.hcompanyItem a{ display: flex; box-shadow: 0 0 6px 0 rgba(0,0,0,.25); }

.hcompanyItem .tparea{ width: 144px; font-size: 0;}

.hcompanyItem .tparea .tp{ width: 100%; aspect-ratio: 1;}

.hcompanyItem .des{ flex: 1; min-width: 0; display: flex; align-items: center; border-bottom: 3px solid #004E9D; position: relative;}

.hcompanyItem .des .tit{ text-align: center; width: 100%; font-size: 24px; font-weight: bold;}

.hcompanyItem .des .arr{ position: absolute; font-weight: bold; right: 10px; top: 50%; font-size: 20px; color: #004E9D; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.hcompanyItem a:hover{ box-shadow: 0 0 8px 0 #004E9D; color: #004E9D;}

.hcompanyItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



.h_contact{ padding: 25px 0; text-align: center; background-color: #DEDFDF;}

.h_contact .wp{ color: #004E9D;}

.h_contact .p1{ font-size: 20px;}

.h_contact .tel{ font-size: 44px; font-weight: bold; display: inline-flex; align-items: center;}

.h_contact .tel .icon{ margin-right: 10px; width: 50px;}

.h_contact .p2{ font-size: 16px; margin-top: 5px;}

.h_contact .mandiv{ margin-top: 20px;}

.h_contact .mandiv .sbtn{ font-size: 18px; padding: 1em 0; width: 436px; max-width: 100%;}





.footer{ background-color: #004E9D;color: #fff; padding: 20px 0;}

.footer a{ color: #fff;}

.f_t{ padding: 10px 0; }

.flogo{ text-align: center;}

.flogo .tp{ width: 198px;}

.fadd{ margin-top: 10px;  text-align: center;}

.fadd .list{ padding:4px 0; font-size: 16px;}

.fnav{ text-align: center; padding: 30px 0;}

.fnav a{ display: inline-block; text-transform: uppercase; margin:0 2em; font-size: 16px; }

.fnav a:hover{ color: #eee; }

.f_b{ padding: 20px 0; border-top: 1px solid #fff;}

.flink{ text-align: center;}

.flink a{ font-size: 12px; display: inline-block; padding: 0 0.8em;position: relative;}

.flink a::after{ content: ""; width: 1px; height: 12px; background-color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.flink a:nth-last-child(1)::after{ display: none;}

.flink a:hover{ text-decoration: underline;}

.copyright{ font-size: 10px; margin-top: 15px; text-align: center; }



/* .gotop{ display: inline-block; width: 36px; height: 36px; text-align: center; line-height: 36px; border: 1px solid #004E9D; color: #004E9D; position: fixed; right: 18px; bottom: 100px; z-index: 10; background-color: rgba(0, 0, 0, .96);} */



/* service */

.i_main{  min-height:400px;}

.i_ban{ font-size: 0; position: relative; overflow: hidden; }

.i_ban .tp{ width: 100%;}

.banIntro{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.banIntro .tit{ font-size: 80px; line-height: 1.3; text-transform:capitalize; color: #fff;}

.banIntro .line{ width: 180px; height: 4px; background-color: #fff; margin: 0 auto;}

.banIntro .subtit{ font-size:22px; color: #fff;}



.serviceSummmary{ text-align: center; padding: 100px 0;}

.serviceSummmary .tit{ font-size: 32px; font-weight: bold; color: #004E9D; line-height: 1.3;}

.serviceSummmary .nr{ font-size: 18px; min-height: 120px;  margin-top: 30px; padding-bottom: 40px; text-align: center; font-weight: bold; line-height: 1.8; background: url(../images/logo_bg.png) center center no-repeat; }



.servces{}

.servcesItem{ display: flex; flex-wrap: wrap; align-items: center; background-color: #004E9D;}

.servcesItem:nth-child(2n){ flex-direction: row-reverse; background-color: #fff; }

.servcesItem .tparea{ width: 50%;  font-size: 0; overflow: hidden;}

.servcesItem .tparea .tp{ width: 100%; height: 100%; object-fit: cover;}

.servcesItem .des{ width: 50%;}

.servcesItem .des .inner{ width: 100%; box-sizing: border-box; color: #fff; padding: 20px 10%; }

.servcesItem .des .title{ padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #fff;}

.servcesItem .des .tit{ font-size: 24px;font-weight: bold;}

.servcesItem .des .subtit{ font-size: 16px; margin-top: 10px;font-weight: bold;}

.servcesItem .des .nr{ font-size: 16px; line-height: 2;font-weight: bold;}

.servcesItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.servcesItem:nth-child(2n) .inner{ color: #333;}

.servcesItem:nth-child(2n) .title{ border-bottom-color: #333;}



/* .company */

.i_tit{ padding: 50px 0;}

.i_tit .tit{ font-size: 28px; text-align: center; font-weight: bold; color: #004E9D; line-height: 1.3;}

.i_tit .line{ width: 0; margin: 25px auto 0; height: 5px; border-left: 25px solid #0191F2; border-right: 25px solid #004E9D;}

.philosophy{ position: relative; padding:30px 0 70px;}

.philosophy::after{ content: ""; display: block; width: 100%; height: 272px; background-color: #004E9D; position: absolute; left: 0; bottom: 0;  }

.philosophy .wrap{  position: relative; z-index: 2; background-color: #fff; box-shadow: 0 0 08px 0 rgba(0, 0, 0, .15); padding: 45px 8%;}

.philosophy .wrap .nr{ font-size: 18px; min-height: 120px;  line-height: 2; background: url(../images/logo_bg.png) center center no-repeat; }



.message{ padding: 30px 0 20px; }

.message .tparea{ font-size: 0; position: relative; }

.message .tparea .tp{ width: 100%;}

.message .tparea .tit{ position: absolute; width: 100%; left: 0;bottom: 0; }

.message .tparea .tit::after{ content: ""; display: block; position: absolute; left: 3% ; bottom: 0; width: 60%; height: 100%; background-color: #fff;}

.message .tparea .tit .mc{ position: relative; color: #004E9D; z-index: 2; display: inline-block; font-size: 30px; font-weight: bold;  padding: 1.5em 0 0.5em;}

.message .nr{ margin: 30px auto;}

.message .nr .wz{ font-size: 18px;  line-height: 2; }



.profile{ padding: 30px 0 100px;background-color: #F6F6F6;}

.profile .wrap{ background-color: #fff; padding: 90px;}

.profileItem{ display: flex; align-items: center; padding: 20px 0 ; border-bottom: 1px solid #444444;}

.profileItem:nth-child(1){border-top: 1px solid #444444;}

.profileItem .attrmc{ font-size: 18px; min-width: 150px; padding: 0 20px; font-weight: bold;}

.profileItem .attrval{ flex: 1; min-width: 0; font-size: 16px;}



.companyProfile{ padding: 30px 0 140px;}

.cProfileItem{ display: flex;  }

.cProfileItem .attrmc,.cProfileItem .attrval{padding:30px 20px; box-sizing: border-box; border: 1px solid #CCCCCC; margin-top: -1px;}

.cProfileItem .attrmc{width:220px;color: #fff; background-color: #004E9D;}

.cProfileItem .attrval{ flex: 1; min-width: 0;margin-left: -1px;}

.cProfileItem .list{ padding: 2px 0 2px 12px; position: relative;}

.cProfileItem .list::after{ content: ""; display: block; width: 4px; height: 4px; background-color: #444; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; left: 0; top: 11px; }



/* news */

.turnpage{ margin:0 auto;font-size:0; text-align:center;}

.turnpage .icon_arrowleft_black::before{

    content:"\e74e";



}

.turnpage .arrow-right::before{

    content:"\e8a3";



}

.turnpage a,.turnpage span{ display:inline-block; background-color: #fff; padding:5px 16px; font-size:16px; margin:0 6px; border-radius: 10px; color:#333; border:1px solid #DEE2E7;  -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

.turnpage a:hover,.current{ background-color:#004E9D !important; border-color: #004E9D !important; color: #fff !important;}

.news{ padding: 100px 0;}

.news .wrap{ padding-bottom: 80px;}

.news .hnewsItem:nth-child(1){ border-top: 1px solid #ccc;}

.icon-time::before{

    content:"\e64b";

}

/* news_2 */

.article{ padding: 60px 0 100px;}

.artHeader{ padding: 40px 0;}

.artHeader .info{}

.artHeader .info .span{ font-size: 16px; }

.artHeader .info .span::before{ margin-right: 5px; font-size: 18px;}

.artHeader .tit{ margin-top: 20px; font-size: 26px; font-weight: bold;}

.artBody{}

.artBody .wz{ font-size: 16px; line-height: 1.8;}

.artBody .tp{ display: block; margin: 0 auto;}



/* contact */

.contact{ width: 800px;  margin:70px auto 100px; border: 1px solid #ddd; background-color: #f7f7f7; max-width: 100%;}

.contForm{ padding: 24px 40px 50px;}

.contFormItem{}

.contFormItem{ margin-bottom: 24px; display: flex; align-items: center; flex-wrap: wrap;}

.contFormItem .attrmc{ font-size: 16px;color: #737373; font-weight: bold; min-width: 12em; margin-right: 20px;}

.contFormItem .require{ color: #d80000; margin-left: 6px;font-weight: bold; font-style: normal; }

.contFormItem .attrval{ flex: 1; min-width: 0;}

.contFormItem .attrval .text,.contFormItem .attrval .textarea{ width: 100%; background-color: #fff; border: 1px solid #C8C8C8;}

.contFormItem .attrval .text{ padding: 0 15px; height: 40px; line-height: 40px;}

.contFormItem .attrval .textarea{ padding: 10px 15px; height: 166px; }

.contForm .agree{ margin-top: 50px; width: 100%; text-align: center; display: inline-flex; align-items: center; justify-content: center;}

.contForm .agree .checkbox{ margin-right: 5px;}

.contForm .agree a{text-decoration: underline;}

.contForm .agree a:hover{ color: #B48653;}

.contForm .formConfirm .sbtn{ font-size: 16px; font-weight: bold; padding: 0.6em 4em;}

/* Privacy Policy */

.policy{padding: 80px 0;}

.policy .tit{ font-size: 18px; line-height: 2;  font-weight: bold;}

.policy .wz{ font-size: 15px; line-height: 2;}

.policy .wz2{ font-size: 15px; line-height: 2; padding-left: 20px; margin-left: 2em; position: relative;}

.policy .wz2::after{ content: ""; display: block; width: 4px; height: 4px; background-color: #333; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; left: 0; top: 13px; position: absolute; }

.policy .wz3{ font-size: 15px; line-height: 2; padding-left: 18px; position: relative;}

.policy .wz3 .num{ position: absolute; left: 0; top: 0px;}

/* Terms of Use */

/* search */

.r_tit{ font-size: 20px; padding: 35px 0;}

.result{ padding-bottom: 60px;}

.result .wrap{ padding-bottom: 30px;}

.resultItem{ margin-bottom: 32px;}

.resultItem a{ padding: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; border: 1px solid #E1E1E1;}

.resultItem .tparea{ width: 240px; margin-right: 25px; font-size: 0; overflow: hidden;}

.resultItem .tparea .tp{ width: 100%; height: 190px; object-fit: cover;}

.resultItem .des{ flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; position: relative;}

.resultItem .des .tit{ font-size: 22px; font-weight: bold;}

.resultItem .des .price{ font-size: 32px;  margin-top: 10px; font-weight: bold; color: #C40000;}

.resultItem .des .desc{ font-size: 15px; margin-top: 10px; color: #737373;}

.resultItem .des .info{ margin-top: 15px;}

.resultItem .des .info .span{ display: inline-flex; align-items: center; font-size: 20px; margin-right: 20px;}

.resultItem .des .info .span .icon{ height: 20px; margin-right: 8px;}

.resultItem .des .arr{ font-weight: bold; font-size: 20px; color: #000; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.resultItem a:hover{ box-shadow: 0 0 6px 0 #004E9D;} 

.resultItem a:hover .des .tit{ color: #004E9D;} 

.resultItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } 

.resultItem a:hover .des .arr{ right: 10px; color: #004E9D;}



/* Travel Services */

.travalServices{ padding:40px 0 60px;}

.travalServices .wrap{ padding-bottom: 30px;}



.lm{ background-color: #F6F6F6; padding: 25px 0; border-bottom: 1px solid #E1E1E1;}

.lm .wp{ text-align: center;}

.lm a{ display: inline-block; font-size: 20px; padding: 0 1.5em; position: relative;}

.lm a::before{ content: ""; width: 1px; background-color: #B4B4B4; height: 26px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.lm a::after{ content: ""; display: block; width: 0%; height: 1px; background-color: #004E9D; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); bottom: 3px; }

.lm a:hover,.act_lm{ color: #004E9D !important; font-weight: bold;}

.lm a:hover::after,.act_lm::after{width: 80% !important;}

.lm a:nth-last-child(1)::before{ display: none;}



/* travel servies2 */

.back{ padding: 30px 0; font-size: 15px;}

.back .wp{ width: 1000px; max-width:94%; }

.back a:hover{ color: #004E9D;}

.travalDetail{ padding-bottom: 50px;}

.travalT{ padding: 0px 0 80px; width: 1000px; max-width: 100%;  display: flex; justify-content: space-between; flex-wrap: wrap; }

.sdSlide{ width: 50%; margin-right: 35px;}

.trvalIntro{ -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.trvalIntro .type{ font-size: 14px; color: #666;}

.trvalIntro .tit{ margin-top: 10px;  font-size: 20px; font-weight: bold; }

.trvalIntro .price{ margin-top: 10px; vertical-align: baseline;}

.trvalIntro .price .num{ font-size: 28px; color: #B40000; font-weight: bold; }

.trvalIntro .price .tax{ font-size: 12px; margin-left: 10px;} 

.trvalIntro .params{}

.trvalIntro .paramsItem{ padding: 5px 0;}

.trvalIntro .paramsItem .tit{ font-size: 16px; padding: 0.4em 0;}

.trvalIntro .paramsItem .nr{}

.trvalIntro .paramsItem .nr .textNumber{}

.textNumber{ width: 140px; border: 1px solid #CCCCCC; display: flex; align-items: center;}

.textNumber .text{ width: 68px; text-align: center; height: 36px; line-height: 36px;}

.textNumber .btn{ width: 36px; height: 36px; font-size: 18px; cursor: pointer; text-align: center; line-height: 36px;}

.textNumber .btn:hover{ color: #B48653;}



.trvalIntro .paramsItem .nr .select{ width: 140px; height: 36px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;  line-height: 36px; border: 1px solid #ccc; background-color: #f5f5f5; color: #333; padding: 0 10px;}

.trvalIntro .paramsItem .nuclear{ display: flex; flex-wrap: wrap; align-items: center;}

.trvalIntro .paramsItem .nuclear .sbtn{ font-size: 16px; padding: 0.4em 1em; margin-right: 25px;}

.trvalIntro .paramsItem .nuclear .info{}

.trvalIntro .paramsItem .nuclear .info{ margin-top: 0px;}

.trvalIntro .paramsItem .nuclear .info .span{ display: inline-flex; align-items: center; font-size: 15px; margin-right: 20px;}

.trvalIntro .paramsItem .nuclear .info .span .icon{ height: 20px; margin-right: 8px;}

.trvalIntro .mandiv{}

.trvalIntro .mandiv .sbtn{ font-size: 16px; padding: 1em 0;}

.gallery-top2 { height: 300px; }

.gallery-top2 .swiper-slide{ -moz-box-sizing: border-box; box-sizing: border-box; -o-background-size: contain; background-size: contain; position: relative;}

.gallery-top2 .swiper-slide .shade{ position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); left: 0; top: 0; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;}

.gallery-top2 .swiper-slide .shade .playbtn{ font-size: 50px; color: #ddd;}



.gallery-top2 img{  width: 90%; margin-left: 10%; max-height: 100%;}



.gallery-thumbs2 { height: 85px; -moz-box-sizing: border-box;box-sizing: border-box;margin: 10px 40px 0!important;}

.gallery-thumbs2 .swiper-slide {opacity: 0.6;cursor: pointer; background-color: #FAFAFA; border: 1px solid #eee; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}



.gallery-thumbs2 .swiper-slide .tp{ padding: 0px;  display: block; height: 72px; padding: 10px 0; margin: 0 auto;}

.gallery-thumbs2 .swiper-slide-thumb-active {opacity: 1; border-color: #000;}

.pdtSlideWrap2 { position: relative;}



.pdtSlideWrap2 .swiper-button-prev::after,.pdtSlideWrap2 .swiper-button-next::after{ display: none;}

.pdtSlideWrap2 .swiper-button-prev,.pdtSlideWrap2 .swiper-button-next{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; width: 24px; height:84px; line-height: 84px; left: 0;    top: auto; bottom: 0px; color: #666; cursor: pointer; z-index: 10; text-align: center; -webkit-filter:alpha(opacity=100); background-color: #F2F2F2; }

.pdtSlideWrap2 .swiper-button-prev{  left: 0; }

.pdtSlideWrap2 .swiper-button-next{left: auto; right:0;  }

.pdtSlideWrap2 .swiper-button-prev .iconfont,.pdtSlideWrap2 .swiper-button-next .iconfont{ font-size: 16px;  line-height: 1; }

.pdtSlideWrap2 .swiper-button-prev:hover,.pdtSlideWrap2 .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; background-color: #000; color: #fff;}



/* Reservation */

.i_tit3{ padding: 50px 0;}

.i_tit3 .tit{ font-size: 64px; text-transform: capitalize; font-weight: bold; }

.i_tit3 .line{ width: 180px; height: 4px; margin: 0 auto; background-color: #004E9D;}

.i_tit3 .subtit{ font-size: 18px; margin-top: 15px;}

.resvervation{ padding-bottom: 20px;}

.resverPara{ margin-top: -20px; padding: 15px 40px;}

.resverPara .list{ font-size: 18px; padding: 8px 0;}

.resverPara .list .iconfont{ font-size: 20px; margin-right: 10px; color: #333;}

.resverDetail{ padding: 0 30px 30px;}

.i_tit4{ font-size: 20px; padding: 0.6em 0; border-bottom: 1px solid #DBDBDB;} 

.resverForm{ margin-top: 20px; }

.resverForm .row{display: flex; justify-content: space-between; flex-wrap: wrap;}

.resverForm .row .formItem{width: 48%;}

.formItem{ margin-bottom: 10px;}

.formItem .attrmc{ font-size: 15px; padding: 0.6em 0; font-weight: bold; }

.formItem .attrval{}

.formItem .attrval .text,.formItem .attrval .textarea{ width: 100%; background-color: #FCFBFB; border: 1px solid #f4f4f4;}

.formItem .attrval .text{ padding: 0 15px; height: 50px; line-height: 50px;}

.formItem .attrval .textarea{ padding: 10px 15px; height: 110px; }

.required{ color: #f00; margin-left: 5px; font-style: normal;} 

.formConfirm{}

.formConfirm .sbtn{ font-size: 16px; padding: 0.8em 3em; font-weight: bold;}

.formConfirm .sbtn .iconfont{ margin-left: 20px; font-size: 14px;}

.backPrev{ text-align: center; padding: 30px 0; font-size: 15px; cursor: pointer;}

.backPrev a:hover{ color: #004E9D;}



/* My page */

.mine{ width: 966px; max-width: 94%; margin: 0 auto; padding: 70px 0; min-height: 300px; } 

.wel_exit{ display: flex; justify-content: space-between; align-items: center;}

.wel_exit .wel{ font-size: 24px; font-weight: bold;}

.wel_exit .exit{ font-size: 16px; padding: 0.5em 1.6em;}

.lm2{ margin-top: 40px; display: flex; justify-content: space-between;}

.lm2 a{ width: 49%; box-shadow: 5px 5px 8px 0 #eee; box-sizing: border-box; background-color: #fff; text-align: center; padding: 22px 25px; position: relative;}

.lm2 .tparea{ font-size: 0;}

.lm2 .tparea .icon{ width: 66px; height:66px;}

.lm2 .tparea .icon01{ display: inline-block;}

.lm2 .tparea .icon02{ display: none;}

.lm2 .tit{ font-size: 24px; }

.act_lm2{ color: #004E9D;}

.act_lm2 .tparea .icon01{ display: none !important;}

.act_lm2 .tparea .icon02{ display: inline-block !important}



/* My Page-Profile */

.m_rim{ padding: 10px 30px 30px;}

.m_rim .i_tit4{ font-weight: bold;}



/* My Page-My Booking */

.bookHisItem{ padding: 10px 30px 10px;}

.bookHisItem .row1{ display: flex; justify-content: space-between; border-bottom: 1px solid #DBDBDB; padding: 15px 0;}

.bookHisItem .row1 span{ flex: 1; font-size: 16px;  font-weight: bold;}

.hisItem a{ padding: 25px 0px; display: flex; justify-content: space-between;}

.hisItem .tparea{ width: 120px; margin-right: 15px; font-size: 0; overflow: hidden;}

.hisItem .tparea .tp{ width: 100%; height:95px; object-fit: cover;}

.hisItem .des{ flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: space-between;}

.hisItem .des .tit{ font-size: 15px; font-weight: bold;}

.hisItem .des .limit{ font-size: 15px; margin-top:5px; color: #737373;}

.hisItem .des .info{ margin-top: 8px;}

.hisItem .des .info .span{ display: inline-flex; align-items: center; font-size: 15px; margin-right: 20px;}

.hisItem .des .info .span .icon{ height: 18px; margin-right: 6px;}

.hisItem a:hover .des .tit{ color: #004E9D;} 

.hisItem a:hover .tpara .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } 

.hisParams{ padding: 8px 0; border-top: 1px solid #DBDBDB;}

.hisParams .list{ padding: 6px 0;}

.hisParams .list .mc{ font-weight: bold;}



/* sign in */



.account{ width: 635px; max-width: 94%; padding: 20px 20px 30px; box-sizing: border-box; margin: 0 auto;}

.backHome{}

.backHome a{ font-size: 14px;}

.backHome a::before{ font-size: 16px; margin-right: 15px;}

.backHome a:hover{ color: #004E9D;}

.accTitle{margin-top: 15px; padding: 20px 0;}

.acc_tit{  font-size: 28px; font-weight: bold;}

.acc_subtit{  font-size: 15px;color: #828282; margin-top: 5px;}

.account .forget{ margin-top: 10px;}

.account .forget a{ color: #FF0000;}

.account .forget a:hover{ text-decoration: underline;}

.noAccount{ font-size: 15px; margin-top: 25px; text-align: center;}

.noAccount a{  color: #004E9D;}

.noAccount a:hover{ text-decoration: underline;}

.passwordInput{ position: relative;}

.passwordInput .iconfont{ font-size: 16px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); cursor: pointer; z-index: 2; }



.yzm{ position: relative;}

.yzm .text{ padding-right: 120px;}

.yzm .sendBtn{ font-size: 14px; padding: 0.2em 1em; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); cursor: pointer; }



.accLogin{}







/* 公用弹窗 */

.commonTip{ display: none;background-color: #fff; width: 690px; max-width: 94%; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15); overflow: hidden; position: fixed; z-index: 100; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);  }

.commonTip .tit{ font-size: 22px; color: #fff; background-color: #004E9D; text-align: center; padding:0.8em 0;}

.commonTip .nr{ padding: 30px; font-size: 16px; font-weight: bold; line-height: 1.8; text-align: center; }

.blue{ color: #004E9D;} 

.commonMorea .sbtn .arr,.hserverItem::after,.hfeatures .points .item,.hnewsItem .arr,.resultItem .des .arr,.lm a::after,.lm a{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }

/* 右侧浮窗 */
.floatPart{ width: 168px; z-index: 9; overflow: hidden; background-color: #fff; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .15); position: fixed; text-align: center; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.floatPart .inner{ padding: 12px 10px ;}
.floatPart .tit{ font-size: 12px;}
.floatPart .tel{ font-size: 18px; font-weight: bold;}
.floatPart .opa{ margin-top: 6px;}
.floatPart .opa .sbtn{ font-size: 12px; padding: 0.6em 0 ; text-align: center;}
.floatPart .mandiv{ padding: 10px;background-color: #e3e3e3;}
.floatPart .mandiv .sbtn{  font-size: 12px; padding: 0.1em 1.6em;}
.floatPart .mandiv .sbtn::before{ font-size: 14px; margin-right: 10px; line-height: 1; vertical-align: middle;}