@charset "utf-8";
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{height: 100%;}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,em,select,button,textarea,input{margin: 0; padding: 0;}
body{background: #fff; font-family: 'Microsoft YaHei',"Arial",'SimSun', Serif; font-size: 16px; color: #333; position: relative; min-height: 100%;}
a,img,button,input,textarea,select{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input[type="text"],input[type="hidden"],input[type="password"],button,textarea,select{outline: none; border: none; -webkit-appearance: none;-moz-appearance:none; appearance: none; border-radius: 0; font-family: 'Microsoft YaHei',"Arial",'SimSun', Serif;}
select::-ms-expand{display: none;}
input::-ms-clear{display: none;}
/*input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#fff;}
input::-moz-placeholder,
textarea::-moz-placeholder{color:#fff;}
input:-moz-placeholder,
textarea:-moz-placeholder{color:#fff;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#fff;}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{color:#b8b8b8;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{color:#b8b8b8;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder{color:#b8b8b8;}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder{color:#b8b8b8;}*/
table{border-collapse:collapse;}
a{text-decoration: none; color: #333;}
a:hover{text-decoration: none;}
a:focus{text-decoration: none;}
li{list-style: none;}
img{vertical-align: middle; border: none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.hidden{overflow: hidden;}
.h1,.h2,.h3,.h4,.h5,.h6{font-weight: normal;}
.clearfix:after{content: ""; display: block; height: 0; visibility: hidden; clear: both;}
.clearfix {*zoom: 1;}
.cell_box{font-size: 0;}
.cell_box:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.cell_box .cell{width: 100%; display: inline-block; vertical-align: middle;}
/*scroll*/
::-webkit-scrollbar {width:4px;height:4px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#f5f5f5;}
::-webkit-scrollbar-thumb {border-radius:0;background-color:#08498d;}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#08498d;}
::-webkit-scrollbar-thumb:vertical:active {background-color:#08498d;}
/*head*/
/* 手机导航 */
.navsjout{ width: 100%; opacity: 1; overflow: auto; position: fixed; top:55px; bottom: 0; left:-100%; z-index: 99999999955;
	-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;
	-o-transition: 0.4s; transition: 0.4s;     background: rgba(0, 0, 0, 0.86);
    box-shadow: none;}
.navsjout.on{ opacity: 1; left:0;}

.navsj{ width: 100%; -webkit-overflow-scrolling : touch; 
	position: absolute; top: 56px; left:0;}
.navsj>li{ position: relative;}
.navsj>li>a{ display: block; height: 62px; text-align: center; line-height: 62px; 
	font-size: 18px; color: #fff; position: relative;}
.navsj>li>a:after{ content: ''; position: absolute; left: 30px; right:30px; bottom:0; z-index: 0;
	height: 1px; background-color: #666;}

.navsjtwo{ width: 100%; overflow: hidden; display: none; padding: 10px 0; background-color: #f1f1f1;}
.navsjtwo>li{ width: 100%; border-bottom: 1px solid #fff;}
.navsjtwo>li>a{ display: block; line-height: 70px; font-size: 16px; color: #432a23;
	position: relative; z-index: 1; background-color: #ada; text-align: center;
	background: url('../images/nav-jtr1.png') 80% center no-repeat;}

.navsj li i{ position: absolute; left: 80%; top:0; z-index: 1; width: 40px; height: 80px; margin-left: -24px;
	display: block; cursor: pointer; background: url('../images/nav-jtd1.png') center no-repeat;}
.navsj li.on i{ -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); 
	-ms-transform: rotate(180deg); transform: rotate(180deg);}

.navsj,.navsj li i{ -moz-transition: 0.3s; -ms-transition: 0.3s;
	-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}



#close{ position: fixed; left: 0; top: 0; width: 100%;bottom: 0; z-index: 9; display: none; 
	background-color: rgba(0,0,0,0.6); cursor: pointer;}

.navbtn{ position: absolute; right:0; top:0; z-index: 20; width: 80px; height: 100%; display: none;
	-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;
	-o-transition: 0.4s; transition: 0.4s;}

.navbtn s{ position: absolute; left: 25%; display: block; width: 50%; height: 4%; background-color: #08498d;
	-moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}
.navbtn>s:nth-child(1){top: 32%;}
.navbtn>s:nth-child(2){top: 48%; width: 40%; transform: rotate(0deg) scale(1,1);}
.navbtn>s:nth-child(3){top: 64%;}
.navbtn.on s:nth-child(1){ top:48%; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}
.navbtn.on s:nth-child(2){ transform: rotate(-180deg) scale(0,1);}
.navbtn.on s:nth-child(3){ top:48%; -webkit-transform: rotate(225deg); transform: rotate(225deg);}
@media screen and (min-width:1024px){
	.navsjout{ display: none;}
}
@media screen and (max-width:1023px){
	.nav{ display: none;}
	.navtwowrap{ display: none;}
	.navsjout{ display: block;}
	.navbtn{ display: block;}

	.headright{ right: 90px;}
	.headright a.freezixun{ display: inline-block;}
	.headright a.toptel{ display: inline-block;}
}
@media screen and (max-width:750px){
	.navbtn{ width: 60px;}
	.headright{ right: 60px;}
}
@media screen and (max-width:600px){
	.headright a.toptel{ display: none;}
}

header{height: 90px;position: fixed;top: 0;left: 0; right: 0; z-index: 999;  transition: all 0.3s ease-in-out;display: flex;align-items: center; padding: 0 .6rem 0 .52rem;justify-content: space-between;  }
	
	.logo{ width: 278px;  position: relative;}

.logo img{position: absolute; left: 0; top: 0; width: 100%; z-index: 9999999; }

.logo img:nth-child(1){opacity: 1; transition: all .3s;}

.logo img:nth-child(2){opacity: 0; transition: all .3s;} 
@media (max-width:1440px){
header{height: 57px;   }
.logo {
    width: 230px;
    position: relative;
}

.logo img{position: absolute; left: 0; top: 4px; width: 100%; z-index: 9999999; }

}
header.active .logo img:nth-child(2),header.active .header-search img:nth-child(2){opacity: 1;}

header.active .logo img:nth-child(1),header.active .header-search img:nth-child(1){opacity: 0;}
.div2_1 .headerwrap,.headerwrap:hover,.div3 .headerwrap{background-color: #FFFFFF;}
.div2_1 .headerwrap .header .logo .logo01,.headerwrap:hover .header .logo .logo01,.div3 .headerwrap .header .logo .logo01{display: none;}
.div2_1 .headerwrap .header .logo .logo02,.headerwrap:hover .header .logo .logo02,.div3 .headerwrap .header .logo .logo02{display: block;}

header.active{background: #fff;box-shadow: 0 4px 5px rgb(0 0 0 / 10%)}

header.active .logo img:nth-child(2),header.active .header-search img:nth-child(2){opacity: 1;}

header.active .logo img:nth-child(1),header.active .header-search img:nth-child(1){opacity: 0;}

.header-nav{display:inline;justify-content: flex-end;align-items: center;height: 90px; flex: 1;}



	
 	 html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
 		
 		/* Slider */
 		.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
 		.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
 		.slick-list:focus { outline: none; }
 		.slick-loading .slick-list { background: #f1f1f1 url(../images/loader.gif) center center no-repeat; }
 		.slick-list.dragging { cursor: pointer; cursor: hand; }
 		.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
 		.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
 		.slick-track:before, .slick-track:after { content: ""; display: table; }
 		.slick-track:after { clear: both; }
 		.slick-loading .slick-track { visibility: hidden; }
 		.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
 		.slick-slide img { display: block; }
 		.slick-slide.slick-loading img { display: none; }
 		.slick-slide.dragging img { pointer-events: none; }
 		.slick-initialized .slick-slide { display: block; }
 		.slick-loading .slick-slide { visibility: hidden; }
 		.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
 		a.slick-disabled{ cursor: not-allowed;}
 		.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
 		.slick-dots { position: absolute; bottom: 0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index: 400;}
 		.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
 		
 		
 		.banner a:link, .banner a:visited { color: #fff; }
 .banner a:active, .banner a:hover { color: #fff; }
 .banner { position: relative; overflow: hidden; width: 100%; height: 100%; background-color: #f7f7f7; overflow: hidden;  opacity: 0;visibility: hidden; transition: 0.8s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: 0.8s cubic-bezier(0.7, 0, 0.3, 1); color: #fff;}
 .banner.slick-initialized {visibility: visible;opacity: 1;}
 .banner .item { position: relative; width: 100%; overflow: hidden;}
 .banner .pimg { width: 100%; display: block; position: absolute; overflow: hidden;}
 .banner .desc{ position: absolute; left: 50%; top: 50%; width: 760px; margin: -124px 0 0 -380px; text-align: center;}
 .banner .desc h4{ font-size: 46px; line-height: 1.2; margin-bottom: 30px;}
 .banner .desc .c{ font-size: 21px; margin-bottom: 40px; opacity: 0;}
 .banner .desc .btn-more{ opacity: 0;}
 .-moving .pimg{ -webkit-animation: zoom_animation 11s linear infinite; animation: zoom_animation 11s linear infinite}
 .banner .slick-active .desc .c{ animation: fadeInUp 1s forwards; animation-delay:400ms;}
 .banner .slick-active .desc .btn-more{ animation: fadeInUp 1s forwards; animation-delay:800ms;}
 .banner .slick-dots{ left: 3%; bottom: 3%; text-align: left;}
 .banner .slick-dots li{ position: relative; width: auto; height: auto;  margin: 0 8px 0 0; padding: 0; cursor: pointer;}
 .banner .slick-dots li a{ width: 18px; height: 3px; background-color: #fff; display: block;}
 .banner .slick-dots li.slick-active a{ background-color: #008cd6;}
 .bitem-span span{ display: inline-block; font-style: inherit; visibility: hidden; }
 .slick-active .bitem-span span{visibility: visible; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:fade-in-blur; animation-name:fade-in-blur; }
 .btn-more{ position: relative; display: block; width: 202px; height: 46px; line-height: 46px; background-color: #008cd6; background: linear-gradient(to right,#008cd6 0%,#8B090D 100%); color: #fff; border-radius: 23px; margin: 0px auto; overflow: hidden;}
 .btn-more:before{    content: "";position: absolute;width: 10px;height: 10px;background: #fff;border-radius: 50%;-webkit-transition: 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);transition: 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);right: auto;left: -70px;bottom: -60px;}
 .btn-more span{ position: relative; transition: .3s;}
 .mouse-box{ position: absolute; left: 0; right: 0; width: 100px; margin: 0 auto; bottom: 3%; font-size: 12px;text-align: center; color: #fff;}
 .mouse-box i{ position: relative; display: block; width: 20px; height: 36px; border: 2px solid #fff; border-radius: 12px; margin: 0px auto;}
 .mouse-box i:before{ content: ""; position: absolute; left: 9px; top: 5px; width: 2px; height: 7px; border-radius: 3px; display: block; background-color: #fff;  -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
 .mouse-box .txt{ line-height: 1.5; padding-top: 15px;} 
 
 /*index style*/
 @-webkit-keyframes fade-in-blur{0%{-webkit-filter:blur(5px);filter:blur(5px);opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}40%{opacity:1}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
 @keyframes fade-in-blur{0%{-webkit-filter:blur(5px);filter:blur(5px);opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}40%{opacity:1}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
 @keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}
 @-webkit-keyframes zoom_animation {
 	0% {-webkit-transform: scale(1);transform: scale(1)}
 	100% {-webkit-transform: scale(1.2);transform: scale(1.2)}
 }
 @keyframes zoom_animation {
 	0% {-webkit-transform: scale(1);transform: scale(1)}
 	100% {-webkit-transform: scale(1.2);transform: scale(1.2)}
 
 }
 @-webkit-keyframes zoomUp{0%{transform:scale(1.08)}100%{transform:scale(1)}}
 @keyframes zoomUp{0%{transform:scale(1.08)}100%{transform:scale(1)}}
 @-webkit-keyframes tab {
 	 from { opacity: 0; -webkit-transform: translateY(15%);  transform: translateY(15%);}
 	to { opacity: 1; -webkit-transform: translateY(0%);transform: translateY(0%);}
 }
 @keyframes tab {
 	from { opacity: 0; -webkit-transform: translateY(15%); transform: translateY(15%); }
 	to { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%);}
 }
 @keyframes mouse-dot {
     from { opacity: 0; }
     33% { opacity: 1; }
     to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
 }
 @-webkit-keyframes mouse-dot {
     from { opacity: 0; }
     33% { opacity: 1; }
     to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
 }
 @-webkit-keyframes Turnico {
     0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
     25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
     50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
     75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
     100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
 }
 @keyframes Turnico {
     0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
     25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
     50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
     75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
     100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
 }
 @-webkit-keyframes slide{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
 @keyframes slide{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
  @keyframes cloudMove {
      0% { transform: translate(0); -webkit-transform: translate(0); }
      100% { transform: translate(-100vw); -webkit-transform: translate(-100vw); }
  }
  @-webkit-keyframes cloudMove {
      0% { transform: translate(0); -webkit-transform: translate(0); }
      100% { transform: translate(-100vw); -webkit-transform: translate(-100vw); }
  }
  @media screen and (max-width: 1680px) {
  	.banner .pimg { width: 100%; display:inline-block; position:static; overflow: hidden;}}
 @media screen and (max-width: 1440px) {
 	.top{ height: 70px;}
	.logo{ top: 19px;}
 	.logo a{ height: 44px;}
 	.nav a{ height: 70px; line-height: 70px;}
 	.menu-handler{ width: 70px; height: 70px;}
 	.menu-handler p{ margin: 25px auto;}
 	.search-box{ right: 70px;}
 	.search-box .curicon{ width: 70px; height: 70px; line-height: 70px;}
 	.slide-box{ right: 70px;}
 	.nav{ padding-left: 5%;}
 	.nav li{ margin: 0px;}
 	.nav a:before{ height: 5px;}
 	.banner .desc { margin-top: -100px;}
 	.banner .desc h4{ font-size: 50px; margin-bottom: 20px;}
 	.banner .desc .c{ font-size: 14px; margin-bottom: 30px;}
 	.menubarM-list .subnav a{ margin-right: 5%;}
	
	.nav_a2 {
	    
	    padding: 0; 
	  
	}
	
	}
 	@media screen and (max-width: 1280px) { .banner .pimg { width: 100%;height:100%; display:inline-block; position:static; overflow: hidden;}}
	
	
 	
 	@media screen and (max-width: 1024px) {.banner .desc{ width: 70%; left: 15%; margin: 0; transform: translateY(-50%);}
 	.banner .desc h4{ font-size: 30px;}
	
 	.banner .slick-dots{ left: 0; text-align: center;}
 	.banner .slick-dots li{ margin: 0px 4px;}
 	.banner .slick-dots li a{ width: 6px; height: 6px; border-radius: 50%;}
 	.btn-more{ width: 140px; font-size: 12px; height: 36px; line-height: 36px;}  }
 	
 @media (max-width:640px) {
 	.banner .swiper-pagination {
 	bottom:20px
 }
 
 .banner .desc{ width: 90%; left: 5%;}
 	.banner .desc h4{ font-size: 24px;}
 	.banner .desc .c{ font-size: 12px;}
 }
 
 
 .header-right{ display: flex;align-items: center;transition: all .3s;color: #ffffff; padding-left:55px ;}
 
 .header-right > img{width: 35px; margin-right:20px;transition: all .3s ease; cursor: pointer;}
 
 .header-right > img:nth-child(2){display: none;transition: all .3s ease; cursor: pointer;}
 
 /*搜索*/
 .search-box{
 
   position: fixed;
 
     height: 90px;
 
     background: #fff;
 
     top: 0;
 
     left: 0;
 
     right: 0;
 
     
 
     z-index: 999;
 
     padding: 0 23%;
 
     display: flex;
 
     opacity: 0.2;
 
     justify-content: center;
 
     align-items: center;
 
     transform: translateY(-100%);
 
     cursor: pointer;
 
     transition: all .5s ease;
 
 }
 
 .search-close {
 
   display: flex; 
 
   align-items: center;
 
   width: 25px;
 
   margin-left: 50px;
 
   cursor: pointer;
 
   transition: all .3s ease;
 
 }
 
 .search-box >input{border-bottom: 1px solid #d7d7d7;width: 360px;height: 50px;}
 
 .search-box > img {width: 36px; height: 36px;}
 
 .search-close:hover{transform: rotate(180deg);}
 
 .search-box.on{transform: translateY(0%); opacity: 1;}
 

 
.header:after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background-color:rgba(255,255,255,.5);}