@font-face{
	font-family:trump_gothic_east;
	src: url('../fonts/trump_gothic_east.eot');
	src: url('../fonts/trump_gothic_east.eot?#iefix') format('embedded-opentype'),
		url('../fonts/trump_gothic_east.woff2') format('woff2'),
		url('../fonts/trump_gothic_east.woff') format('woff'), 
		url('../fonts/trump_gothic_east.ttf') format('truetype'),
		url('../fonts/trump_gothic_east.svg#trump_gothic_east') format('svg');
}
body{ overflow-x: hidden; }
*{ margin:0; padding:0;box-sizing:border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
img{ border:none;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}
.lh_75{height:75px;}
.lh_35{height:35px;}
.lh_140{height:190px;}
.lh_130{height:120px; background: #fff;box-shadow: 0 4px 6px #e9e9e9; position: relative;z-index: 1}
.s_width{width:87%;margin:0 auto;}
.s_width2{width:90%;margin:0 auto;}
.s_width3{width:87%;}
.r{float: right}
.h_line{height:5px;background:url(../images/hline.jpg) no-repeat center top;}
.header{width:100%;position:absolute; display: flex;justify-content: space-between; align-items: center; height:104px; z-index: 9999;}
.header:before{ content:'';position:absolute; width:100%;height:1px;background: rgba(255,255,255,0.1);left:0;bottom:0;}
.header2{ background-color: #fff; box-shadow: 0 0 35px rgba(0,0,0,.15);}
.header .logo{ z-index: 999;display: flex;justify-content: flex-start;align-items: center}
.header .logo a{display: block; text-align: center;margin:0 auto;}
.header .logo img{width:100%;max-width:213px; display: block}
.header .logo p{ color:#fff;display: flex;justify-content:space-between;align-items: flex-start;flex-direction: column;padding:0 0 0 20px;}
.header .logo p strong{ font-size: 28px;}
.header .logo p span{ font-size: 16px;}
.fixed{position: fixed;top:0;left:0}

.none{display: none;}
.none2{display: none;}
.none3{display: none;}
.f_erweima_wap{display: none;}
.wap_tel{display: none;}

.tel_menu{ width:20%; display: flex;justify-content: space-between;align-items: center;height:100%; padding: 0 0 0 20px;}
.h_tel{width:50%; background: url(../images/dd.png) no-repeat left center;padding:0 0 0 35px; color: #fff}
.menu_p{ height:100%;cursor:pointer;position: relative; color: #fff;font-size: 16px; border-left:1px solid rgba(255,255,255,0.1);display: flex;  align-items: center;width: 50%;}
.menuBtn{ width:103px; margin: 0 auto; cursor:pointer;position: relative;}

.menuBtn span{ display:block; height: 2px; background: #fff; animation:load1 1s infinite ease-in-out; width: 20px; margin: 10px 0;animation-delay: -0.16s;}
.menuBtn .span2{ animation-delay: -0.32s;}
.menuBtn .span3{ animation-delay: -0.46s;}
@-webkit-keyframes load1 {
	0%, 80%, 100% {	  
	    width: 13px;
	}
	40% {	  
	    width: 24px;
	}

}
.menuBtn p{position:absolute;right:10px;top:30%;}

.modal-open { overflow: hidden;}

.in_nav{position: fixed;  left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);background-size:100%;display:none;z-index: 99}
.in_nav ul{overflow:hidden;width:86%;position: absolute;left:50%;top:10%;margin-left:-43%;padding:74px 0 0 0 }
.in_nav ul>li{height:70px;position: relative; border-bottom: 1px solid rgba(255,255,255,0.1);padding:0 0 0 60px;}
.in_nav ul>li:before{width:15px;height:1px;background:rgba(255,255,255,0.5);position: absolute;left:0; top:35px;content:'';}
.in_nav ul>li>a{display:block;font-size:24px;color:#fff;line-height:70px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;letter-spacing: 0;}
.in_nav ul>li>a:hover{color:#26aca3;text-decoration: none}
.in_nav ul>li>a>span{text-transform: uppercase;color:#26aca3;padding:0 0 0 20px;font-size: 18px;}



.relative{position: relative;box-shadow: 0 0 45px rgba(0,0,0,0.2);}
.index_nav{width:35%;height:104px;display:flex;justify-content:space-between;align-items:center;z-index: 999;}
.index_nav li{line-height:104px;width:calc(100%/5);text-align: center;}
.index_nav li a{color:#fff;font-size:16px;display:block; position: relative}
.index_nav li a:hover{font-weight:bold; text-decoration:none;}
.index_nav li a:before{content:'';width:0;height:2px;position: absolute;left:0;bottom:0;background: #26aca4;transition: 0.5s;}
.index_nav li a:hover:before{content:'';width:100%;height:2px;position: absolute;left:0;bottom:0;background: #26aca4}

.index_nav2{width:55%;height:116px;display:flex;displaly:-webkit-flex;flex-direction:row;-weblit-flex-direction:row;justify-content:space-between;-weblit-justify-content:space-between;align-items:center;-webkit-align-items:center;}
.index_nav2 li{line-height:116px;width:calc(100%/8);text-align: center;position: relative}
.index_nav2 li a{color:#333;font-size:16px;display:block; position: relative}
.index_nav2 li a:hover{font-weight:bold; text-decoration:none; color:#f39903}
.index_nav2 li a:before{content:'';width:0;height:2px;position: absolute;left:0;bottom:-2px;background: #26aca4;transition: 0.5s;}
.index_nav2 li a:hover:before{content:'';width:100%;height:2px;position: absolute;left:0;bottom:0;background: #26aca4}
.index_nav2 li div {display:none;width:100%;text-align:center;color:#4f4f4f;position:absolute;z-index:9999999;left:0;top:100%;background: #26aca4}
.index_nav2 li div a {display:block;color: #fff; line-height:39px;font-size: 15px; border-bottom:1px solid rgba(255,255,255,0.1);margin-top:0; padding:0 0 0 0;}
.index_nav2 li div a:hover{color:#fff;line-height:39px;font-weight:bold;border-bottom:1px solid rgba(255,255,255,0.1);}
.index_nav2 li div a:before{content:'';width:0;height:0;position: absolute;left:0;bottom:0;background: #0d77cb;transition: 0.5s;}
.index_nav2 li div a:hover:before{content:'';width:0;height:0;position: absolute;left:0;bottom:0;background: #f3bc0a}

.nav_layer{position:absolute;top:100%;left:0;width:100%;background:#f4f4f4;display:none;z-index:11;}
.nav_layer .wrap{width: 89%;margin: 0 auto; display: flex;justify-content: space-between; align-items: center;padding:30px 0}
.nav_layer .layer_l{width:33%; text-align:left;display: flex;justify-content: center;flex-direction: column;}
.nav_layer .layer_l_hd{font-size:22px;color:#333;font-weight:bold; line-height: 45px;}
.nav_layer .layer_l_bd{margin-bottom:30px; min-height:150px; }
.nav_layer .layer_l_bd p{font-size: 16px;line-height: 30px; color: #666}
.nav_layer .more_btn{position:relative;display:block;width:136px;height:35px; font-size: 16px!important; line-height:35px;color:#fff;text-align:center;overflow:hidden;z-index:2; background: #26aca4}
.nav_layer .more_btn:after{content:'';position:absolute;width:100%;height:100%;background:#333;transition:all 0.5s ease;top:0;right:100%;z-index:-1;}
.nav_layer .more_btn:before{content:'';position:absolute;width:100%;height:0;background:#00a2e9;transition:all 0.5s ease;top:0;right:100%;z-index:-1;}

.nav_layer .more_btn:hover:after{right:0;}
.nav_layer .more_btn:hover{color:#fff!important;}
.nav_layer .layer_c{width:27%;}
.nav_layer .layer_c{border-right:1px #d2d2d2 solid;border-left:1px #d2d2d2 solid;padding: 0 5%; }
.nav_layer .layer_c a{display:block;line-height:45px;border-bottom:1px #e9ebed solid;color: #666; transition: all .5s;font-size:16px;}
.nav_layer .layer_c a:hover{padding-left: 10px;color: #26aca4;}
.nav_layer .layer_c a:hover:before{height:0;}
.nav_layer .layer_c a:before{height:0;}
.nav_layer .layer_r{width:20%;padding:0 0;}
.nav_layer .layer_r img{width:100%;}
.nav_layer .layer_r .bigimg{overflow: hidden;}
.nav_layer .layer_r .bigimg:hover img{transform: scale(1.1);}
.nav_layer .layer_c2{width:75%;}
.nav_layer .layer_c2{ padding: 0 5% 0 0; display: flex;justify-content: space-between;flex-wrap: wrap;border-right:1px #e9ebed solid;}
.nav_layer .layer_c2 dd{display:block; width:32%;line-height:45px;border:2px #e9ebed solid; transition: all .5s;font-size:16px; margin-bottom: 5px;}
.nav_layer .layer_c2 a{display:block;line-height:45px;transition: all .5s;font-size:16px;color: #333;}
.nav_layer .layer_c2 a:hover{padding-left: 10px;color: #26aca4;}
.nav_layer .layer_c2 a:hover:before{height:0;}
.nav_layer .layer_c2 a:before{height:0;}
.nav_layer .layer_r2{width:20%;padding:0 0;}
.nav_layer .layer_r2 img{width:100%;}

/*wap header*/
.head_wap{width:100%; padding:10px 5px; position: relative; z-index: 19; background: rgba(0,0,0,0.7) }
.position{position: relative; display: flex;justify-content: space-between; align-items: center;}
.logo img{width:160px;}
.menu {position: relative}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 30px;
  height: 20px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background:#26aca3;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 9px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-315deg);
	transform: translateY(9px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(315deg);
	transform: translateY(-9px) rotate(315deg);
}
#close{display: none;position: fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.7);z-index:998;}
.menuBox ul li a{width:90%;margin:0 auto;font-size:20px;font-weight: bold;display:block;color:#fff;position: relative;line-height: 45px;text-align: center; border-bottom:1px solid rgba(255,255,255,0.1);  margin-bottom: 5px;}
.menuBox ul li a.active{background-color:#8fc31f;color:#fff;}
.menuBox ul li a.link{color:#fff;}
.menuBox ul li .son_nav{display: none;padding:5px;background-color: #eee;border-top:2px solid #8fc31f;}
.menuBox ul li .son_nav a{display: block;font-size:16px;line-height:40px;color:#323232;border:none;}
.menuBox {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	z-index: 18;
	background-color: rgba(0,0,0,0.8);
}
.menuBox ul { padding-top: 94px;}
.cn_en_wap{ z-index:9999; display: flex;justify-content: space-between; text-transform: uppercase; color: #fff; font-size: 15px;background: url(../images/dd.png) no-repeat left center;padding:0 0 0 20px;}
.cn_en_wap a{color: #fff; }

.nn_banner_wenan{width:100%;height:280px;position: absolute;top:50%;margin-top:-140px; z-index: 10; overflow: hidden; display: flex;justify-content: space-between;flex-direction: column; align-items: center;padding:80px 0 0 0}
.nn_text{display: flex;justify-content: space-between;flex-direction: column;width:80%}
.nn_text strong{ font-size: 45px;color: #ffffff;display: block}
.nn_text span{ font-size: 24px;color: #ffffff;display: block}
.nn_text p{font-size: 18px;color: #ffffff; }
.nn_text i{display: block; width:40px;height:1px; background:#ffffff; margin: 25px 0}
.nn_banner_wenan .nn_pic{position: absolute;left:0; top:0;}
.nn_line{height:100%;width:1px; position: absolute;right:20%;top:0;background:rgba(255,255,255,0.1);position: absolute;z-index: 5}

.video {width:100%;position: relative;overflow: hidden;}
.video video{width:100%;object-fit:cover;z-index:1;position: relative}
.video .m_bg{top: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.6) url(../images/banner_bg.png) repeat; z-index: 2;position: absolute}

/*banner*/
.slide-main{position: relative; z-index: 1;}
.slide-main .prev,.slide-main .next{display: block; position: absolute; z-index: 222; bottom: 40%; overflow: hidden; cursor: pointer;/*background-color: rgba(165,165,165,0.4);*/}
.slide-main .prev img,.slide-main .next img{ margin: 10px 0 0 5px;}
.slide-main .prev{left: 50px;}
.slide-main .next{right: 50px;}
.item{display: block; width: 80%; height: 15px; position: absolute; z-index: 124; bottom:35%; left:10%;}
.item a{display: inline-block; width: 18px; height: 18px; margin-right: 15px; background: url(../images/itema.png);opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=60); overflow: hidden; border-radius: 50px;}
.item a.cur{background: url(../images/itemah.png); /*width: 40px;*/}
.slide-box,.slide{display:block;width:100%;height: auto;}
.slide-box{position:relative;overflow: hidden;z-index:4;}
.slide{display:none;position:relative;z-index:1;}
.slide img{width: 100%;height: auto; display: block}
.slide a{display:block;cursor:pointer;}

@media only screen and (max-width:1550px){ 
	.h_tel{padding: 0 0 0 22px;}
	.menuBtn{width:79px}
	.nav_layer .layer_c2 a{display:block;line-height:40px;transition: all .5s;font-size:15px;color: #333;}
	.header .logo p strong{ font-size: 24px;}
}

@media only screen and (max-width:1440px){ 
	.header .logo p strong{ font-size: 17px;}
}