*{ margin:0; padding:0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body{color: #333; font:14px/1.5 Microsoft Yahei,Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0;}
table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:14px;}
ol,ul {list-style:none;}
li { list-style-type:none;}
img { vertical-align:middle;border:0;}
address,cite,code,em,th,i { font-weight:normal; font-style:normal;}
.clear { clear:both; *zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none; color:#333;cursor:pointer;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
.fl { float:left;}
.fr { float:right;}
/* 设置滚动条的样式 */
::-webkit-scrollbar { width:3px !important;}
::-webkit-scrollbar-track { background-color:#e6e6e6; border-radius:0px;}
::-webkit-scrollbar-thumb { background-color:#F6880C;border-radius:4px;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#F6880C;border-radius:4px;}


/* 按钮样式去除*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
input{ border-radius: 0; } 
.w1600{ width:1600px; margin:0 auto;}
@media screen and (max-width:1650px){
.w1600{ width:94%;}	
}

/**top start**/
.lff_top{ width:100%;background:#fff; height:100px;}
.lff_top .lfftop_main{ height:100%; position:relative;padding: 0 60px;}
.lff_top .lfftop_main .toplogo{ position:absolute; top:28px; width:256px;}
.lff_top .lfftop_main .toplogo a{ display:block; width:100%; height:100%;}
/**.lff_top .lfftop_main .toplogo a img{ max-width:100%;}**/
.lff_top .lfftop_main .toplogo a img{ width:130px; height:auto}
.lff_top .lfftop_main .top_right{width: calc(100% - 260px); float:right; height:100%;}
.lff_top .lfftop_main .top_right .nav{width: calc(100% - 306px);float:left; height:100%;transition:all 0.4s;}
.lff_top .lfftop_main .top_right#showopen .nav{transform: scale3d(0, 0, 0); width:0;}
.lff_top .lfftop_main .top_right .nav li{height:100%; float:left; text-align:center;position:relative; padding: 0 18px;}
.lff_top .lfftop_main .top_right .nav li> a{ height:100%; line-height:100px;font-size:17px; text-align:center;transition: .4s ease;display: inline-block; position:relative;}

/*.lff_top .lfftop_main .top_right .nav li:first-child{ width:8%;}*/

.lff_top .lfftop_main .top_right .nav li a.hom::before,.lff_top .lfftop_main .top_right .nav li.navon a.hom::before {content: "";display: block; position: absolute;bottom: 0;height: 3px; width:3px; left:50%; transform: translateX(-50%);opacity: 0;background-color: #F6880C; -webkit-transition: all .4s; -o-transition: all .4s;-ms-transition: all .4s;transition: all .4s;}
.lff_top .lfftop_main .top_right .nav li:hover a.hom::before,.lff_top .lfftop_main .top_right .nav li.navon a.hom::before{ width:100%;opacity: 1;-webkit-transition: all .4s;-o-transition: all .4s;-ms-transition: all .4s;transition: all .4s;}
.lff_top .lfftop_main .top_right .nav li:hover a,.lff_top .lfftop_main .top_right .nav li.navon a{ color:#F6880C;}
#navMenu .nav .navon .hom {font-weight:600;}

.lff_top .lfftop_main .top_right .nav li:first-child a::after{ display:none;}

.lff_top .lfftop_main .top_right .nav li:hover a:after{transform:rotate(180deg);}

.lff_top .lfftop_main .top_right .nav li> i{ position:absolute; top:15px; right:0; display:block; width:30px; height:30px; background: url(../images/topjt.png) center no-repeat; -webkit-transition: all .4s; -o-transition: all .4s;-ms-transition: all .4s;transition: all .4s; display:none; cursor:pointer;}


/*下拉*/
.nav_item_open { width: 150%; height: auto; position: absolute; left: -20%; top: 100%; z-index: 10; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 12, 49, 0.1); border-radius: 0; opacity: 0; visibility: hidden;-webkit-transform: translateY(34px); transform: translateY(34px); -webkit-transition: all .4s; transition: all .4s; overflow: hidden; }
.ny_top .nav_item_open { background-color:#fff;}
.lff_top .lfftop_main .top_right .nav li:hover:hover .nav_item_open { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
.lff_top .lfftop_main .top_right .nav li .subopen { display: none; }
.lff_top .lfftop_main .top_right .nav li .nav_item2 { width: 100%;}
.lff_top .lfftop_main .top_right .nav li .nav_item2 a { display: block; width:100%; height:40px; overflow:hidden; line-height:40px; padding: 0 10px; color: #666; font-size: 14px; white-space:nowrap; text-overflow: ellipsis; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.lff_top .lfftop_main .top_right .nav li .nav_item2 a { color:#565656;}
.lff_top .lfftop_main .top_right .nav li .nav_item2:hover a { background-color: #F6880C; color: #fff;}

/*PC搜索*/
.lff_top .lfftop_main .top_search{ float:right;position:relative;transition:all 0.5s; margin-left:30px; height:100%;display:flex; display: -webkit-flex;align-items:center;}
.lff_top .lfftop_main .nav-hide .top_search{ margin-top:19px;}
.lff_top .lfftop_main .top_search em{background:url(../images/search.png) center center no-repeat;height:100%; width:26px; height:26px;cursor:pointer; display:block;float:right; overflow:hidden;transition:all 0.3s;}
.lff_top .lfftop_main .top_search em:Hover{opacity:0.8;filter:Alpha(opacity=80);}
.lff_top .lfftop_main #showopen .top_search em{opacity:0;filter:Alpha(opacity=0);}
.lff_top .lfftop_main .top_search .search_con2{position:absolute;  right:0px; height:50px;z-index:100;transform: scale3d(0, 0, 0);transform-origin: right center;transition:all 0.5s;opacity:0;filter:Alpha(opacity=0);width:500px;background: #fff;}
.lff_top .lfftop_main #showopen .top_search .search_con2{opacity:1.0;filter:Alpha(opacity=100);transform: scale3d(1, 1, 1);}
.top_search .search_con2 .search-input{ width:430px; float:left; height:48px; line-height:48px; overflow:hidden; border:1px solid #d4d4d4; border-radius:5px;font-size: 16px;padding-left: 20px; background:#fff;}
.top_search .search_con2 .input1{ height:48px; line-height:48px; background:none; border:0;width:calc(100% - 57px);width:-webkit-calc(100% - 57px);width:-moz-calc(100% - 57px); float:left; outline:none; font-size:16px; color:#666; }
.top_search .search_con2 .bnts{ float:right; width:56px; height:48px; background:url(../images/search.png) center center no-repeat; margin-right:1px; cursor:pointer; border:none;}
.top_search .search_con2 .bnts:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.top_search .search_con2 .moblie-search-close{position: absolute; top: 15px; right: 15px; width:20px; height:20px;background:url(../images/scguan.png) center center no-repeat; }
.nav-hide .top_search .search_con2 .moblie-search-close{ background-image:url(../images/scguan.png);}


@media screen and (max-width:1650px){
	.lff_top .lfftop_main{padding: 0 3%;}
	.lff_top .lfftop_main .top_right .nav li> i{ margin-right:0;}
	.lff_top .lfftop_main .top_right .nav li .nav_item2 a { height: 50px; line-height:50px;}
}
@media (min-width: 1023px) and (max-width: 1550px) { 
	.lff_top .lfftop_main .top_right .nav{width: calc(100% - 90px);}
	.lff_top .lfftop_main .top_search{margin-left: 20px;}
}
@media screen and (max-width:1399px){
	.lff_top .lfftop_main .toplogo{ width:250px;}
	.lff_top .lfftop_main .top_right{width: calc(100% - 260px);}
	.lff_top .lfftop_main .top_right .nav li{height:100%; float:left; text-align:center;position:relative; padding: 0 14px;}	
	.lff_top .lfftop_main .top_right .nav li> a{font-size:16px;}
}
@media screen and (max-width:1200px){
	.lff_top .lfftop_main .top_right .nav li a::after{ display:none !important;}
}
@media screen and (max-width:1023px){
	.phonebox{position: fixed; width: 100%;z-index: 999999; background:#fff; top:0;}
	.lff_top{ height:68px; position:relative;}
	.lff_top .w1400{ width:100%;}
	.lff_top .lfftop_main .toplogo{ top:23px;}
	.lff_top .lfftop_main .top_right{ width:100%; position:fixed; top:68px; z-index:9999999; background:#fff; height:100vh;border-top:1px solid #ddd; left:100%;transition: all .5s ease;overflow: scroll;}
	.lff_top .lfftop_main .top_right.open{ left:0;}
	.lff_top .lfftop_main .top_right .nav{width:100%; height:auto;float: none;}
	.lff_top .lfftop_main .top_right .nav li:first-child{width:90%;}
	.lff_top .lfftop_main .top_right .nav li{width:90%;margin:0 auto; float:none;background: #fff; border-bottom:1px solid #eee;}
	.lff_top .lfftop_main .top_right .nav li> a{ line-height:50px;}
	.lff_top .lfftop_main .top_right .nav li::before, .lff_top .lfftop_main .top_right .nav li.navon a::before{ height:0;}
	.lff_top .lfftop_main .top_right .nav li .hide> a{ font-size:18px; line-height:60px;}
	.lff_top .lfftop_main .top_right .nav li> i{ display:block;}
	
	/*下拉*/
	.nav_item_open{ position:static; width:100%; visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);    box-shadow:none; display:none;transition:none;}
	.lff_top .lfftop_main .top_right .nav li.on> i{transform:rotate(180deg);}
	.lff_top .lfftop_main .top_right .nav li .nav_item2{background-color: #fafafa; border-top: 1px solid #eee; }
	
	
	
	.lff_top .lfftop_main .top_search{ width:100%; height:auto; float:none; margin-left:0;}
	.lff_top .lfftop_main .top_search em{ display:none;}
	.lff_top .lfftop_main .top_search .search_con2{ opacity:1; transform:none; position:static; width:80%; margin:40px auto 0;}
	.top_search .search_con2 .search-input{ width:100%;}
	.top_search .search_con2 .moblie-search-close{ display:none;}
	
	
	.lff_top .nav_menu{ position: absolute; right:3%;margin-top: 25px; height:25px; transition: all .5s ease; cursor: pointer; }
	.lff_top .nav_menu span{ display:block; width:26px; height:2px; background:#666;margin-top:7px;}
	.lff_top .nav_menu:before,.lff_top .nav_menu:after{ content:"";display:block; width:26px; height:2px; background:#666; }
	.lff_top .nav_menu:after{margin-top:7px;}
    .lff_top .nav_menu.open span{background: transparent; transform: translate(-50%, -50%) rotate(180deg);}
    .lff_top .nav_menu.open:before{margin-top:10px;transform: rotate(45deg); width:23px;}
    .lff_top .nav_menu.open::after { margin-top:-11px;transform: rotate(-45deg); width:23px;}
}
@media screen and (max-width:767px){
	.lff_top .lfftop_main .toplogo{width: 204px;top: 10px;}
	.lff_top .lfftop_main .top_right .nav li .nav_item2 a { height: 45px; line-height:45px;}
}


/* banner 开始 */
.apple-banner { width: 100%; height: 880px; overflow: hidden;}
.apple-banner .swiper-container1 { width: 100%; height:880px; position:relative;}


/*分页器*/
.apple-banner .lbanbox { position: absolute; bottom: 30px; width:100%; z-index: 1; text-align:center;}
.apple-banner .lbanbox .lban{ display: inline-block; }
.apple-banner .swiper-pagination{ position: relative;}
.apple-banner .swiper-pagination-bullet { display: inline-block; margin: 0 6px; width:10px; height:10px;cursor: pointer; background:rgba(255,255,255,.88);opacity: 1;border-radius: 50%; transition: all .5s ease;}
.apple-banner .swiper-pagination-bullet span { width: 12px; height: 12px; display: block; background: rgba(255,255,255,0.3); border-radius:6px;}
.apple-banner .swiper-pagination-bullet-active span{width: 32px; background-color: #fff;}
.apple-banner .swiper-pagination-bullet-active { width:32px; height:10px; border-radius:10px; background:#fff;}
.apple-banner .autoplay .swiper-pagination-bullet-active span{ background: rgba(255,255,255,1);}

.apple-banner .bannertext{position:absolute; top: 40%; left:55%;transform: translate(-50%,-50%);letter-spacing: 3px;}
.apple-banner .bannertext p{color:#fff; font-size:50px;display:block;}
.apple-banner .bannertext p i{ color:#5bd899;background: linear-gradient(to bottom, #5bd899, #2894aa);-webkit-background-clip: text; color: transparent;font-weight:600;}
.apple-banner .bannertext span{ font-weight:bold; color:#fff; margin: 0px 0 25px; display:block; }

.apple-banner .bannertext .babtn{letter-spacing: 1px; display:block; width:160px; height:43px; line-height:40px; border:1px solid rgba(255,255,255,.8); color:#fff; text-align:center; font-size:16px; transition: all .4s ease;}
.apple-banner .bannertext .babtn:hover{background: #C7000B;}

@media screen and (max-width:1499px){
	.apple-banner { height:620px;}
	.apple-banner .swiper-container1{ height: 620px;}
	.apple-banner .bannertext p{font-size:42px;}
	.apple-banner .bannertext span{ font-size:68px; }
}
@media screen and (max-width:1299px){
	.apple-banner { height: 550px;}
	.apple-banner .swiper-container1{ height: 550px;}
	.apple-banner .bannertext p{font-size:40px;}
	.apple-banner .bannertext span{ font-size:60px; }
}
@media screen and (max-width:1023px){
	.apple-banner { height: 400px;}
	.apple-banner .swiper-container1{ height: 400px;}
	.apple-banner .bannertext p{font-size:32px;}
	.apple-banner .bannertext span{ font-size:60px;margin: 0 0 20px;}
}
@media screen and (max-width:767px){
	.apple-banner .lbanbox { position: absolute; bottom: 20px; width:100%; z-index: 1; text-align:center;}
	.apple-banner { height: 350px;}
	.apple-banner .swiper-container1{ height: 350px;}	
	.apple-banner .bannertext{letter-spacing:1px;}
	.apple-banner .bannertext p{font-size:24px;}
	.apple-banner .bannertext span{ font-size:40px; margin:0px 0 12px;}
	.apple-banner .bannertext .babtn{ display:none;}
}
@media screen and (max-width:600px){
	.apple-banner { height: 300px;}
	.apple-banner .swiper-container1{ height: 300px;}
}
@media screen and (max-width:500px){
	.apple-banner { height: 250px;}
	.apple-banner .swiper-container1 { height: 250px;}
}
@media screen and (max-width:375px){
	.apple-banner { height: 200px;}
	.apple-banner .swiper-container1 { height: 200px;}	
	.apple-banner .bannertext p{font-size:18px;}
	.apple-banner .bannertext span{ font-size:22px;}
}
@media screen and (max-width:320px){
	.apple-banner { height: 180px;}
	.apple-banner .swiper-container1 { height: 180px;}
	.apple-banner .bannertext p{font-size:16px;}
	.apple-banner .bannertext span{ font-size:20px;}
}
/* banner 结束 */