@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p,ul,ol{margin:0;padding:0;}
body{font:normal 100 14px  "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,tahoma,simsun,\5b8b\4f53;color:#232323;line-height:2;background:#fff}
ul,ol{list-style:none;}
a img{border:none;}
h1,h2,h3,h4,h5,h6,div,li,p{font-size:100%;font-weight:normal;}
a{color:#000;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover,a.current{outline:none;}
em,i{font-style:normal;}
img{vertical-align:middle}
html,body{height:100%;}
table{font-size:12px}
input{font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,tahoma,simsun,\5b8b\4f53;}

.f12{font-size:14px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}
.f24{font-size:24px}
.mL5{margin-left:5px}
.mL10{margin-left:10px}
.mR5{margin-right:5px}
.mR10{margin-right:10px}
.mT5{margin-top:5px}
.mT20{margin-top:20px}
.mB5{margin-bottom:5px}
.mT10{margin-top:10px}
.mB10{margin-bottom:10px}
.c666{color:#666}
.c999{color:#999}


.f_Left{float:left}
.f_Right{float:right}
.tr{text-align:right}
.tl{text-align:left}

@font-face {
    font-family: 'GOTHIC_0';
    src: url('../fonts/GOTHIC_0.eot');
    src: url('../fonts/GOTHIC_0.eot') format('embedded-opentype'),
         url('../fonts/GOTHIC_0.woff2') format('woff2'),
         url('../fonts/GOTHIC_0.woff') format('woff'),
         url('../fonts/GOTHIC_0.ttf') format('truetype'),
         url('../fonts/GOTHIC_0.svg#GOTHIC_0') format('svg');
}

a {text-decoration:none;color:#787878}
a{transition:background-color ease .3s;}
a:hover, a:focus{ color:#0e65c6; text-decoration:none}


/*删格化5等份*/
.layui-col-md2-4{position:relative;display:block;box-sizing:border-box}
.layui-col-md2-4{float:left}
.layui-col-md2-4{width:19.9999992%}
.layui-col-md-offset2-4{margin-left:19.9999992%}


.layui-fluid{padding: 0!important}
.layui-container{max-width:1280px; min-width:1200px; width:auto;padding:0}


.swiper-container { width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;overflow:hidden;}
	
	.slide-inner {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  background-size: cover;
	  background-position: center;
	  display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  color:#fff;
	}


.layui-nav .layui-nav-more{ display:none}
.layui-breadcrumb a:hover { color: #0e65c6!important}


/*header*/
.layui-header{ height:120px;transition: all .3s ease;}
.navBox{background:none; position:relative;}
.header-doc{position:fixed;left:0;top:0;right:0; z-index:99999;background: rgba(0,0,0,.1);transition: all .5s ease;}
.act{top: 100px}
.logo{position:absolute;left:100px;top: 35px;}
.layui-btn-sm{height:24px; line-height:24px}
.layui-nav .layui-nav-more{ display:none}


.logo{position:absolute;left:50px;top: 35px;background: url(../images/logo.png) no-repeat; width:480px;height: 55px; background-size: 100%;transition: all .3s ease;}
.header-doc.scrolled .logo,.header-doc:hover .logo{background: url(../images/logo.png) 0 bottom no-repeat;background-size: 100%}
.header-doc.scrolled,.header-doc:hover {background-color: #fff;box-shadow: 0 0 15px rgb(0 0 0 / 20%); } 
.header-doc.scrolled .layui-nav .layui-nav-item a,.header-doc:hover .layui-nav .layui-nav-item a{color:#333; font-weight:700}
.header-doc.scrolled .layui-nav .layui-nav-item dl dd a,.header-doc:hover .layui-nav .layui-nav-item dl dd a{color:#fff; font-weight:700}
.layui-header.scrolled{ height:80px;}
.layui-header.scrolled .logo{top: 15px;width:450px;height: 50px;}
.layui-header.scrolled .layui-nav .layui-nav-item{line-height:80px;}
.layui-header.scrolled .layui-login{top: 25px}
.layui-header.scrolled .layui-nav-child{top: 80px;}


.header-doc:hover .layui-nav .layui-this a{color: #0e65c6}
.layui-nav .layui-nav-child a:hover{background: rgba(0,0,0,.1)}

.header .layui-nav {position:absolute;right:150px;top: 0;padding: 0;background: none;}
.header .layui-login{position:absolute;right:50px;top: 45px;line-height:28px;height: 28px;transition: all .3s ease;}
	.header .layui-login a{ padding:0 10px;color:#0e65c6;}
		.header .layui-login a:hover{color:#fff;}
		.header .layui-login a.now{color:#fff !important;}
.layui-btn-sm{height:24px; line-height:24px}

/*nav*/
.layui-nav .layui-nav-item{line-height:120px;}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{ background:#0e65c6}
.layui-nav .layui-nav-item a{padding:0 20px;color:rgba(255,255,255,.8); font-weight:700}
.layui-nav .layui-nav-item a:hover{color:#0e65c6;font-weight:700}
.layui-nav .layui-nav-item a:hover{color:#0e65c6}

.layui-btn-group .layui-btn:first-child,.layui-btn-group .layui-btn:last-child{ border-radius:0}
.layui-nav-child{ top:120px; border:0; border-radius:0;background:rgba(14,101,198,.8);transition: all .3s ease;}

.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{background:none!important}
.layui-nav-child{line-height: 40px!important}
.layui-nav-child a:hover{background:#000 }

.navbar-toggle { margin-top:20px;position: relative;float: right;padding: 9px 10px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px; border-radius: 0; cursor:pointer;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.navbar-toggle .icon-bar {background: #fff;}
.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;}
.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;}
.navbar-toggle .icon-bar+.icon-bar {margin-top: 4px;}

.tianqi{float: left!important;margin:7px 0 0 20px!important}



/*波浪*/
.banner{height:800px;position: relative;}

.editorial{position: absolute;left: 0;bottom:0;right: 0;display: block;z-index: 999;width: 100%; height: 100px;margin: 0;z-index: 9999}
.parallax>use {
	animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax>use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 7s;
}

.parallax>use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 10s;
}

.parallax>use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 13s;
}

.parallax>use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 20s;
}

@keyframes move-forever {
	0% {
		transform: translate3d(-90px, 0, 0);
	}

	100% {
		transform: translate3d(85px, 0, 0);
	}
}

 
    .content {
        font-family: 'Lato', sans-serif;
        text-align: center;
        background-color: #ff6347;
        text-align: center;
        min-height: 75vh;
        margin: 0;
        padding: 1em;
        color: #eee;
        font-size: 2em;
        font-weight: 300;
    }
 
    .content {
        font-size: 1em;
    }
 
    .content h1 {
        margin-top: -1.3em;
        font-weight: 100;
        font-size: 5em;
        user-select: none;
        cursor: default;
    }
 
    @media (max-width: 50em) {
        .content h1 {
            font-size: 12vmax;
        }
 
        .editorial {
            height: 15vw;
        }
    }


/*首页标题*/
.B_title{border-bottom:1px solid #efefef;height: 125px;margin-bottom:50px;overflow: hidden;position: relative}
	.con_left{width: auto;height: 75px;float:left;padding-top: 50px;position: relative}
		.con_left::after{content: "";position: absolute;bottom: 0;left: 0;background:#0e65c6;width: 70px;height: 4px;display: inline-block}
		.con_left h2{ font-size:18px;float: left}
		.con_left h2 span{ font-size:14px;color:#666}
		.con_right a{font-size: 14px;display: inline-block;margin-left: 20px;background: #0e65c6;color: #fff;padding:0 20px;height: 40px;line-height: 40px;border-radius: 4px}
		.con_right{height: 75px;line-height: 75px; float:right;text-align: right;padding-top: 50px;}
		.con_right a.more{background: #efefef; font-size:18px; color: #999; line-height: 40px; text-align: center; font-family:宋体;border-radius: 0}

/*首页新闻*/
.index_projectBox dt{ border-bottom: 1px #efefef solid; padding-bottom: 10px; margin-bottom: 10px;color:#333; background: #fff}
.index_projectBox dt a{display:block;overflow:hidden;margin-top:60px;max-height:150px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear; margin:0 auto}
	.index_projectBox a:hover{}
	.index_projectBox dd {}
	.index_projectBox dd ul li{ height: 40px;line-height: 40px; background:url("../images/circle.png") 0 center no-repeat; padding-left: 15px;display:-webkit-box;
  overflow: hidden; 
  text-overflow: ellipsis;
  -webkit-box-orient:vertical; 
  -webkit-line-clamp:1;}

.index_projectBox dt h1{font-size:22px; height:35px; line-height:35px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; color: #0e65c6}
.index_projectBox dt h2{font-size:13px;line-height:1.8;color: #787878; margin:10px 0;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.index_projectBox dt h4{overflow: hidden;font-size: 28px;height: 35px;line-height: 35px; font-family: "Arial"; color: #999;margin-bottom: 10px}

.index_projectBox dd ul li span{ float: right; font-size: 12px}

.index_projectBox .imgBox{position: relative}
.index_projectBox .imgBox h1{position: absolute;left: 0;bottom: 0;right: 0;height: 50px;line-height: 50px;background: rgba(0,0,0,.2);font-size: 14px;color: #fff;overflow: hidden;padding: 0 20px}
	


/*首页简介*/

.about{position: relative}
.about .img{width: 100%;height: auto}
.about .a_title{border-bottom:1px solid #454545;height: 80px;overflow: hidden; text-align: center;font-size: 32px;margin-top: 50px}
.about .aboutBox{position: absolute;max-width: 1200px;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;color: #fff;}
.about .aboutTxt{background: rgba(255,255,255,.05);padding: 30px;border: 1px solid rgba(255,255,255,.2);}
.list5{margin: 30px 0 0}
.list5 li{float: left;width: 20%;text-align: center;margin-bottom: 20px}
.list5 li a{display: block;color: #fff}
.list5 li a img{width: 80px;height: auto;border-radius: 50%;border: 4px rgba(0,0,0,.1) solid;transition: transform 0.7s ease; transform: scale(1);margin-bottom: 5px}
.list5 li a:hover img{transform: scale(1.2) rotateY(360deg)}
a.aboutBtn{clear: both; display:block; background: rgba(255,255,255,.1);width: 100px;height: 40px;line-height: 40px;text-align: center;border: 1px solid rgba(255,255,255,.1);margin:10px auto;color: #fff;font-size: 12px;}

/*度假攻略*/
.bg3{background: url("../images/bg3.jpg")  center 0 no-repeat; width: 100%}
.list5-1{text-align: center;width: 1280px;padding-top: 30px;height: 530px}
.list5-1 img{width: 256px;height: auto;transition: transform 0.3s ease;}
.list5-1 li{width: 256px; float: left;position: relative;overflow: hidden}
.list5-1 li a{display: block;}
.list5-1 li a .txt{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 99;font-size: 24px;color: #fff;transition: transform 0.3s ease;background: rgba(0,0,0,.5);}
.list5-1 li a .txt h1{padding-top: 150px;line-height: 1.2}
.list5-1 li a .txt h2{font-size: 14px}
.list5-1 li a:hover .txt{transform: scale(1.1)}
.list5-1 li a:hover img{transform: scale(1.1)}
.list5-1 li:nth-child(even){margin-top: -30px}

/*度假产品*/
.list10 div{text-align: center}
.list10 img{width: 200px;margin: 0 auto;}


/*内页子菜单*/
.classNav{line-height: 40px;margin: 20px 0 0}
.classNav a{display: inline-block;padding: 0 25px;text-align: center;position: relative}
.classNav a.action,.classNav a:hover{background: #0072d4;color: #fff}
.classNav a::after{content: '';position: absolute;width: 1px;height: 12px;right: -3px;top: 15px; background: #d9d9d9;}

/*内页*/
.container{padding: 35px 0 100px;font-size: 15px}

.list10{padding: 0 0 20px}


/*产品图文*/
.proItem{box-shadow: 0 10px 20px rgba(0, 0, 0, .16);display: block;overflow: hidden;position: relative}
.proItem img{width: 100%;height: auto;transition: all .3s ease ;}
.proItem .item_wrapper{padding:25px 20px;height: 240px;box-sizing: border-box; transition: all .3s ease;}
.proItem .title{font-size: 16px;color: #262626;}
.proItem .subtitle{font-size: 14px;color: #6e6e6e;line-height: 25px;margin-top: 12px;height: 100px;
	display: -webkit-box;
 	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 4; 
  	overflow: hidden;
  	text-overflow: ellipsis;}

.proItem .imgBox{position: relative;overflow: hidden}
.proItem .imgBox .rectborder{width: calc(100% + 20px);height: calc(100% + 20px);position: absolute;left: -10px;top: -10px;border: rgba(255, 255, 255, .6) 1px solid;transition: all ease-out .3s;}
.proItem  .icon{background: #0072d4;position: absolute;bottom: 0;right: 30px; width: 46px;height: 40px;line-height: 40px; bottom: -40px;transition: all .3s ease;opacity: 0;text-align: center;color: #fff;font-size: 18px}
.proItem:hover img{transform: scale(1.1, 1.1);}
.proItem:hover .rectborder{width: calc(100% - 22px);height: calc(100% - 22px);left: 10px;top: 10px;}
.proItem:hover .icon{bottom: 0;opacity: 1}
.proItem:hover .item_wrapper{transform: translateY(-10px);}
.proItem:hover .title{color: #0072d4}

.proItem .more{width: 100%;height: 40px;line-height: 40px;color: #fff; background:#0072d4;position: absolute; bottom: -40px; left: 0;text-align: center;transition: all .3s ease;}
.proItem:hover .more{bottom: 0}

/*预订*/
.orderItem{box-shadow: 0 10px 20px rgba(0, 0, 0, .16);display: block;overflow: hidden;position: relative;}
.orderItem .imgBox{position: relative;overflow: hidden;float: left; width: 320px;height: 240px}
.orderItem .imgBox .rectborder{width: calc(100% + 20px);height: calc(100% + 20px);position: absolute;left: -10px;top: -10px;border: rgba(255, 255, 255, .6) 1px solid;transition: all ease-out .3s;}
.orderItem .imgBox .maskborder {width: 100%;height: 100%; position: absolute;left: -10px;top: -10px;border: rgba(255, 255, 255, 1) 10px solid; transition: all .3s ease ;}
.orderItem img{width: 100%;height: auto;transition: all .3s ease ;}
.orderItem .item_wrapper{margin-left: 320px; padding:25px 20px;height: 240px;box-sizing: border-box;transition: all .3s ease;}
.orderItem:hover img{transform: scale(1.1, 1.1);}
.orderItem:hover .rectborder{width: calc(100% - 42px);height: calc(100% - 42px);left: 20px;top:20px;}
.orderItem:hover .maskborder {width: calc(100% - 20px);height: calc(100% - 20px);left: 0;top: 0;}
.orderItem:hover .item_wrapper{}
.orderItem .title{color: #333;font-size: 18px;line-height: 40px;margin-bottom: 10px;}
.orderItem:hover .title{color: #0072d4;}
.orderItem .subtitle{font-size: 14px;line-height: 1.6}
.orderItem .subtitle p{margin-bottom: 10px}
.orderItem .subtitle img{width: auto;height: 28px}

/** 漂浮客服 **/
.floatKfBox{width:90px;position:fixed;right:10px;bottom:3%;height:445px;z-index:99999;}

.floatKfBox .cmRec{height:90px; position:relative;text-align:center; margin:0 auto; border-bottom: 1px #efefef solid; color: #666;display: block;line-height: 1.4}
.floatKfBox .mgts{ padding-top:0; cursor:pointer}
.floatKfBox .img{ display:block; margin:20px auto 10px; cursor:pointer; width: 36px}
.floatKfBox .hvr{ opacity:0; filter:alpha(opacity=0); visibility:hidden; padding-right:18px; position:absolute; right:80px; top:16px; transition:all .4s cubic-bezier(.17, .84, .44, 1) 0s; -webkit-transition:all .4s cubic-bezier(.17, .84, .44, 1) 0s; -moz-transition:all .4s cubic-bezier(.17, .84, .44, 1) 0s; -ms-transition:all .4s cubic-bezier(.17, .84, .44, 1) 0s; -o-transition:all .4s cubic-bezier(.17, .84, .44, 1) 0s;line-height: 1.8}
.floatKfBox .lrec{box-shadow: 0px 0px 5px rgb(0 0 0 / 20%); background:#fff; border-radius:2px; overflow:hidden; padding:10px; width:200px;}
.floatKfBox .it1{ display:block; text-align:left; height:22px; line-height:22px; padding:18px 0 5px 0; font-size:14px; color:#333}
.floatKfBox .it2{ display:block; text-align:left; height:22px; line-height:22px; padding:0 0 15px 0; font-size:14px; color:#444}
.floatKfBox .it2 a{ color:#333; font-size:14px}
.floatKfBox .cmRec:hover .hvr{ opacity:1; filter:alpha(opacity=100); visibility:visible; top:-20px}
.speedFast .ars{ animation:lights .2s ease-in-out infinite; -webkit-animation:lights .2s ease-in-out infinite; -moz-animation:lights .2s ease-in-out infinite; -ms-animation:lights .2s ease-in-out infinite; -o-animation:lights .2s ease-in-out infinite}
.goTopAnimate{ background:#fff;box-shadow: 0px 0px 5px rgb(0 0 0 / 20%)}
.goTopAnimate .lights{visibility:visible;}

@keyframes lights {
	0%{ opacity:1; filter:alpha(opacity=100); top:5px}
	100%{ opacity:0; filter:alpha(opacity=0); top:-5px}
	}

	
	
@keyframes light {
	0%{ background-size:69px auto}
	50%{ background-size:40px auto}
	100%{ background-size:69px auto}
	}
@-webkit-keyframes light {
	0%{ background-size:69px auto}
	50%{ background-size:40px auto}
	100%{ background-size:69px auto}
	}
@-moz-keyframes light {
	0%{ background-size:69px auto}
	50%{ background-size:40px auto}
	100%{ background-size:69px auto}
	}
@-o-keyframes light {
	0%{ background-size:69px auto}
	50%{ background-size:40px auto}
	100%{ background-size:69px auto}
	}
@-ms-keyframes light {
	0%{ background-size:69px auto}
	50%{ background-size:40px auto}
	100%{ background-size:69px auto}
	}


/*新闻列表*/
.newslist{ margin:20px 0}
.newslist dd {position:relative;border-bottom:1px solid #efefef;transition:background-color ease .3s;}
.newslist dd a{display:block;margin:30px 0;height:150px;position:relative; text-align: left;transition: all 0.3s ease}
.newslist dd .imgBox{width:270px;height:150px;position:absolute;left:0;top:0;transition: all 0.3s ease}
	.newslist dd .imgBox img{height: 150px}
.newslist dd .newsListTxt{padding-right:30px;margin:0 100px 0 290px;transition: all 0.3s ease}
.newslist dd a:hover .newsListTxt{margin:0 80px 0 310px;}
.newslist dd a:hover .imgBox{left:20px;}
	.newslist dd .newsListTxt h1{font-size:20px;color:#333;line-height:1.8; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
	.newslist dd .newsListTxt h2{margin:10px 0;font-size:13px;color: #787878 }
	.newslist dd .newsListTxt h3{line-height:1.8;font-size:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;
-webkit-line-clamp:2;color: #666}
	.newslist2 dd .newsListTxt h4{line-height:1.8;}
		.newslist dd a:hover .newsListTxt h1{color: #0e65c6}
		.newslist dd a:hover .newsListTxt h2{color:#666;}
		.newslist dd a:hover .newsListTxt h3{color:#333}

.newslist dd .more{position: absolute;right: 0;top: 60px;width: 40px;height: 40px;border: 1px solid rgba(255, 255, 255, .5);line-height: 40px;text-align: 
center;font-family: 新宋体;transition: all 0.3s ease;}
.newslist dd a:hover .more{background:#0e65c6;border: 1px solid #0e65c6;color: #fff }

/*新闻详情*/
.newsInfo{width: 1000px;margin: 0 auto}
.newsInfo dt{font-weight:700;color:#333;text-align: center;font-size: 28px;line-height: 1.8}
.newsInfo dd.time{text-align: center;padding: 10px 0;border-bottom: 1px #efefef solid;margin-bottom: 20px;font-size: 14px;color: #666}
.newsInfo dd{border-bottom:0; color:#111213;font-size: 15px}

.newsInfo  img{
         max-width:1000px;
     zoom:expression( function(elm) { 
         if (elm.width>1000) { 
             var oldVW = elm.width; elm.width=1000; 
             elm.height = elm.height*(1000 /oldVW);
         }
         elm.style.zoom = '1';
     }(this));
} 



/*page*/
.pageBox{clear:both;margin:35px auto 30px;padding-top:20px;overflow:hidden;border-top: 1px #efefef solid;}
	.pageBox ul {}
	.pageBox ul li{ text-align:center; width: 33.333%; float: left}

a.upPage,a.nextPage,a.listPage{display:block;color:#666;height:34px;line-height: 34px; font-size:14px}
a.upPage:hover,a.nextPage:hover,a.listPage:hover{color: #0e65c6}
.pageBox a i{display:block;width:34px;line-height:34px;text-align:center;color:#777;font-family: SimSun;}
.pageBox a span{ padding:0 10px}
.nextPage{float:right}



/*indexNews*/
.layui-tab-title,.layui-this{color:#787878}
.layui-tab-title li{ padding:0; margin-right:20px}
.layui-tab-title{border-bottom:2px #efefef solid;}
.layui-tab-title .layui-this:after{border:0;border-radius:0;box-sizing: border-box;pointer-events: none; height:42px; bottom:0;border-bottom:2px #0e65c6 solid;}
.layui-tab-content{ padding:15px 0}

.list li{ height:26px; line-height:26px; font-size:14px; overflow:hidden}
	.list li span{ float:right}
	
.news dt img{width: 100%;height:auto;overflow: hidden}




.proBox{position:relative;max-height:500px; overflow:hidden;box-shadow: 0 0 30px rgba(0,0,0,0);transition: all 0.5s ease;}
.proBox img{transition: all 0.5s ease;}
a:hover .proBox img{transform: scale(1.1)}
a:hover .proBox{box-shadow: 0 0 30px rgba(0,0,0,.5);}
a:hover .proBox .bg h1{transform: scale(1.1)}
a:hover .proBox .bg h2{transform: scale(1.1)}
a:hover .proBox .bg h3{position: absolute;right: 0;bottom: 0;}

	.bg{position:absolute; left:0; top:0; z-index:999;background:rgba(0,0,0,.4); width:100%; height:100%;transition: transform 0.3s ease;}
	.bg h1{color:#fff; font-size:28px;padding:0 50px;transition: transform 0.3s ease;line-height: 1.2;margin-top: 10px}
	.bg h2{font-size:16px;font-family: 'GOTHIC_0';color:#fff;opacity: 0.8;padding:0 50px;line-height: 1.4; margin-top:120px;transition: transform 0.3s ease;}

	.bg h3{position: absolute;right: -60px;bottom:0; display:inline-block;width: 60px;height: 60px;line-height: 60px;color: #fff;background: #0e65c6;text-align: center;font-family: 宋体;font-size: 24px;transition: all 0.3s ease;}


.proBox2 .bg{position:absolute; left:0; top:0; z-index:999;background:rgba(0,0,0,.4); width:100%; height:100%;transition: transform 0.3s ease;}
	.proBox2 .bg h1{color:#fff; font-size:22px;padding:0 30px;transition: transform 0.3s ease;line-height: 1.2;margin-top: 10px}
	.proBox2 .bg h2{font-size:16px;font-family: 'GOTHIC_0';color:#fff;opacity: 0.8;padding:0 30px;line-height: 1.4; margin-top:120px;transition: transform 0.3s ease;}

.slideTxt{font-size: 36px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-weight: 700;}

.about-2-box{background:url(../images/about-2.jpg) center center no-repeat;background-size:cover;padding: 30px;height: 360px}
.about-2-box h3{ text-align: center;font-size: 36px;margin-bottom: 10px;color: #fff}
.about-2-box p{color: #fff;font-size: 15px;text-align: center}

.box2main{
    width: 60%;padding-top: 50px;
    height: 250px;
    margin: 30px auto;
    border: 1px rgba(255,255,255,.1) solid;
    background: rgba(255,255,255,.1);
}



a.more2{clear: both; display:inline-block;width: 60px;height: 60px;line-height: 60px;color: #fff;background: #0e65c6;text-align: center;font-family: 宋体;font-size: 24px}
a.more2:hover{background: #0e65c6;color: #fff}




.padding0{ padding:0; overflow:hidden}
.mainLeft{ margin-bottom:-990000px; padding-bottom:990000px;}
.mainRight{ margin-bottom:-990000px; padding-bottom:990000px;background:#f5f9fa}

.mainNav{ float:right}
.mainNav li{ float:left; margin-left:30px; font-size:13px;}		
.mainNav li a{ display:block;position:relative}
.mainNav li a.this:after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:#0e65c6}

.line{ line-height:80px; height:80px; border-bottom:1px #efefef solid;}

.rightBox{padding:20px}
.rightBox a{ display:block; margin-bottom:10px}


/*footer*/
.layui-footer{background:#333;padding:20px 0;text-align:center;color:#fff;font-size:14px;position: relative;min-height: 300px}
	.layui-footer a{color:#ccc;font-size: 12px}
	.layui-footer a:hover{color:#0e65c6;}

.footerNav{line-height:30px}
	.footerNav dl{ width:450px; float:left;margin-right: 10px;margin-top: 20px}
	.footerNav dt{text-align:left; margin-bottom:5px;font-size: 24px}
		.footerNav dt span{ padding-bottom:8px;border-bottom:2px #0e65c6 solid}
	.footerNav dd{line-height: 1.6;font-size: 18px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 10px 0;}
.footerNav dd span{display: inline-block;text-align: right;width: 200px}

.ewmBox{float:right;color:#fff;text-align:center;font-size:14px;padding-top: 20px}
.ewmBox ul li{float: left;width: 200px; text-align: center;}


.footerBottom{border-top:1px #333 solid; background:#242424; color:#888; position:absolute; left:0; right:0; bottom:0; line-height:60px; text-align: left}
.weixin{float:right;color:#fff;text-align:center;font-size:14px; margin-right:20px;}	
.footerLogo{ float:left; height:36px; margin-top:12px; margin-right:20px}

.box{ padding:20px; overflow:hidden; line-height:1.8;min-height: 300px}

#test1{ text-align:center}
.layui-btn-top{ background:#dedede}
.now{ background:#0e65c6}


.page{display:inline;clear:both;margin:20px 0;float:left;text-align:center;height:36px;line-height:36px;font-size:14px}
.page ul, .page li { display: inline-block; }
.page a{display:block;float:left;background:#dedede; width:36px;height:36px;line-height:36px;margin-right:10px;color:#999;text-decoration:none; font-family:"SimSun";cursor:pointer}
.page a:hover {background:#00c837;color:#fff}
.page span{width:36px;height:36px;line-height:36px;color:#999;float:left;display:block;background:#dedede; margin-right:10px;}
.page .active span {background:#0e65c6 ;color:#fff}



/* 基础视频容器样式 */
.video-container {
  position: relative;
  max-width: 1000px; /* 控制最大宽度 */
  margin: 0 auto 20px; /* 居中显示 */
  padding: 0 20px; /* 左右留白 */
}

/* 核心比例控制 - 16:9 比例 */
.video-wrapper {
  position: relative;
  padding-top: 56.25%; /* 9 / 16 = 0.5625 */
  height: 0;
  overflow: hidden;
}

/* 视频元素样式 */
.video-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  object-fit: cover; /* 保持视频比例 */
}

/* 移动端适配 */
@media (max-width: 768px) {
  .video-container {
    padding: 0 10px; /* 缩小左右留白 */
  }
  
  /* 小屏设备字号调整（如有字幕） */
  .video-caption {
    font-size: 14px;
  }
}

/* 极端小屏优化 */
@media (max-width: 480px) {
  .video-wrapper {
    border-radius: 0; /* 移除圆角避免空间浪费 */
  }
}

@media (max-width: 1200px){
	.layui-container{min-width:auto;max-width: none}

}	

@media (max-width: 992px){
	.layui-container{min-width:auto;max-width: none}

}

@media (max-width: 767px){ 
	.newsInfo{width: 100%}
	.layui-col-md2-4{width: 50%}
	.header .layui-login{position: static;margin: 10px}
	.floatKfBox{display: none}
	.layui-container{min-width:auto;max-width: none}
	.list10 img{width: 100%;height: auto}
	.newsImg{width: 100%;height: auto}
	.B_title{margin-bottom: 20px}
	.about .a_title{margin-top: 0;font-size: 24px;line-height:1.6;height: auto;padding: 10px 0; border-bottom: 0}
	.about .aboutTxt{padding: 15px}
	.about .img{display: none}
	.about .aboutBox{position: static;max-width: none;transform:none;background: url(../images/bg2.jpg) center 0 no-repeat;background-size:auto}
	.list5{margin: 20px 0}
	.list5 li a img{width: 60px}
	.list5 li{font-size: 12px}
	.list5 li p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;
-webkit-line-clamp:2;line-height: 1.2}
	.newsInfo{padding:0}
	.newsInfo img{ width: 100%;height: auto}
	.container img{width: 100%;height: auto}
	.container{padding:15px;min-height: 300px}
	.newslist dd .imgBox{width: auto;height: auto;position: static}
	.proItem .item_wrapper{padding: 10px;height: auto}
	.proItem .subtitle{}
	
	
	.list5-1 {width: 100%;padding: 15px 0;height: auto;overflow-x: auto; white-space: nowrap;
    -webkit-overflow-scrolling: touch; }
.list5-1 img {width: 200px;height: auto; transition: transform 0.3s ease;}
	.list5-1 li {float: none;width: 200px;height: 300px;display: inline-block;vertical-align: top;margin: 0 5px;position: relative;overflow: hidden;}
	.orderItem .imgBox{float: none;width:100%;height: auto}
	.orderItem .item_wrapper{margin-left: 0;height: auto}

	
	.logo{position: absolute;
    left: 0;
    top: 12px;
    background: url(../images/logo.png) 0 bottom no-repeat;
    width: 320px;
    height: 60px;
    background-size: 100%;
    transition: all .3s ease;}
	.layui-fluid{padding: 0 15px!important}
	.layui-card-body img{width: 100%}
	.layui-container2{max-width: none}	
	.header .layui-login{float: none}	
	.layui-hide-sm{margin-right: 15px}
	.aboutbg{background: none;padding: 0}
	.aboutbg .aboutTxt h1{line-height: 1.2}
	.box2main{width: auto}
.author{ display:block}
.header .layui-nav {position:absolute;left:auto; right:0;top: 20px;}
.layui-nav .layui-nav-more{ display:none}
.layui-nav .layui-nav-item>a{ padding:0}
.layui-nav-bar{ display:none}
.layui-nav-child{ left:auto; right:0; top:60px}
.normaltab span, .hovertab span{ margin:0 50px}
.sns-nav li a.text-default{ padding:0 10px}
.layui-wrap .cover-img{ width:20%; height:auto}
.info-div{ width:70%; padding:0}
.info-div p{ line-height:1.4}
.header-left{ float:none; height:70px}
.header-right{ float:none; padding:0}
.publish-btn{ margin:0 auto}
.left-box{ display:none}
.msg-item .content .handle{ float:none; margin:10px 0}
.authorBox { display:none}
.proBox{ height:auto;margin: 0 15px}
.bg h2{padding: 0 20px}
.bg h1{padding: 0 20px}
.aboutbg .aboutTxt {padding: 10px 0}	
	.bg1{padding: 15px 0}
	.bg3{padding: 15px 0;}
	.aboutImg{width: 100%; height: auto;float: none;margin: 0}
	.p_item{margin-bottom: 20px}
	.aboutNum{padding: 15px 0;display: block;text-align: center}
	.aboutNum .item_img{width: 28px;height: 28px;display: block;position: static;margin: 0 auto;}
	.aboutNum .n1{margin-left: 0}
	.aboutNum .n2{margin-left: 0}
	.proBox2{padding: 0;margin: 0}
	a.more2{width: 100%;height: 30px;line-height: 30px;margin-top: 10px}
	a.news{padding: 0 15px}
	a.news:hover{background: none;color: #333}
    .footerNav dl {margin: 0 auto; width: 100%;float: none;}
	.footerNav dt{text-align: center}
	.footerNav dd{text-align: center}
	.ewmBox{float: none;text-align: center}
	.ewmBox ul li{float: none;text-align: center;width: auto;padding-bottom: 40px}
	.page{float: none;display: block}
	.classNav{padding: 0 15px}
	
.weixin{float:none; display:inline-block}
.layui-footer{ height:auto;min-height: 0}
.logo,.layui-header.scrolled .logo{position: absolute;left:10px;top: 35px;width:300px;height: 40px}
	.layui-header.scrolled{height: 120px}
.logo img{ height:40px}
.navbar-toggle{ background:#0e65c6}
.indexBanner{ height:auto; margin:0}
.bg2{ padding:10px 0;}
	.bannerBox{height: 400px}	
.swiper-container{ height:400px; }
.banner{margin-top:90px;height: 400px;}
.swiper-container img{ width:80%; height:auto}
	.newsInfo dd.time{font-size: 12px}
.header-doc{background: #fff}
.footerLogo{ display:block; float:none; margin:10px auto}
.footerBottom{ line-height:2; text-align:center; padding:10px 0;bottom: 10px }
.header .layui-login{ top:23px}
.top{ padding:0 10px}
	.line{padding: 0 15px;display: none}
	.newslist dd .newsListTxt h2{font-size: 12px}
.layui-breadcrumb{}
.mainbanner{ margin-top:108px;}
	.mainbanner img{width:100%;height: auto}
	.news h1{padding: 0;margin: 10px 0;}
	.news h2{padding: 0;margin: 0}
	.news span{display: none}

.mainNav{ display:flex; float:none}
	.mainNav li{ flex:1; margin:0; text-align:center}
.newslist dd a {
    height: auto;
	position: relative;}
.rightBox{ text-align:center}
.info{ padding:0}
.info dd .time{ display:none}
.info dd .newsListTxt{ margin:0; padding:0}
	.newsInfo dt{font-size: 24px}
.newslist dd .newsListTxt{ padding-right:0;margin: 0}
	.tianqi{float: none!important;margin:7px 0 0 0!important;display: block!important}
.box img{ width:100%}
	.mainNav li a {
    font-size: 14px;
    color: #333;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
		
}
	.newslist dd a:hover .newsListTxt{margin: 0}
	.newslist dd a:hover .imgBox{left: 0}
	.layui-nav-item.layui-hide-sm .layui-nav-child dl dd{padding-left: 30px; white-space:normal}
	.layui-nav-item.layui-hide-sm .layui-nav-child dl dd a{display: inline-block;margin-right:10px;font-size: 12px}

}