/* CSS Reset */
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,textarea, fieldset, input, textarea, p, blockquote, th, td, img, button{margin:0; padding:0;border:0;font-family:"Source Han Sans CN","PingFang SC","Microsoft YaHei",Arial,"Hiragino Sans GB","Heiti SC","sans-serif";font-style:normal;}
body{font-size:14px; line-height:1.6em;position:relative;*overflow-x:hidden; color:#333; max-width:1920px; margin:0 auto;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img{ border:none; margin:0px; padding:0px;}
input,textarea{outline:none;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#333;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;} 
a:hover{color:#ed6b16;text-decoration:none;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;} 

a:active {color:#333;}
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
::selection { background:#ed6b16; color:#fff; } ::-moz-selection { background:#ed6b16; color:#fff;  } ::-webkit-selection { background:#ed6b16; color:#fff;  }
.wrap{ margin:0 auto; padding:0px; position:relative; width:1200px; max-width:1920px;}
.w1400{ margin:0 auto; padding:0px;position:relative; width:1400px; max-width:1920px;}
.clearfix:after{content: " ";
  display: block;
  clear: both;
  height: 0;}

.head{ position:relative; height:100px;}

.logo{ position:absolute; left:0px; top:30px;z-index:2;-moz-transition: all .8s ease; /* Firefox 4 */ -webkit-transition: all .8s ease; /* Safari ºÍ Chrome */ -o-transition:all .8s ease; /* Opera */}
.logo img{ width:auto; height:40px;transition: all .8s ease;-moz-transition: all .8s ease; /* Firefox 4 */ -webkit-transition: all .8s ease; /* Safari ºÍ Chrome */ -o-transition:all .8s ease; /* Opera */}


.other{ position:absolute; right:0px; top:35px; height:30px; width:70px; }
.other:after{ content:""; position:absolute; left:0px; top:5px; height:18px; width:1px; background:#ccc; }
.lang{ display:none;}
.lang a{ position:absolute; right:50px; top:0px; display:block; font-size:18px;height:26px; line-height:26px; color:#333; text-align:center;}
.lang a:hover{  color:#04ab55;}

.search{ position:absolute; right:0px; top:3px;text-align:center;}
.search span{ display:inline-block; width:24px; height:24px; font-size:20px; cursor:pointer; color:#333;}
.search:hover span{color:#04ab55;}
.search .search_infos{ position:absolute; right:0px; top:32px; width:300px; padding:15px; background:#fff; border-radius:5px; z-index:100; display:none;}
.search .search_infos .search_txt{ float:left; width:210px; border:1px solid #eee; height:30px;}
.search .search_infos .search_txt input{ text-indent:10px; color:#666; height:28px; width:210px;}
.search .search_infos .search_btn{ float:right; width:80px; text-align:center; height:30px; line-height:30px;}
.search .search_infos .search_btn input{ background:#ddd; color:#333; border:none;width:80px;height:30px; cursor:pointer;}


.menu{ padding-left:650px;}
.menu ul li{ display:inline-block; position:relative;}
.menu ul li a{ display:block; position:relative; line-height:100px; color:#333; font-size:18px; z-index:2; padding:0px 20px;}
.menu ul li:after{ position:absolute; top:0px; left:50%; content:""; height:97px; line-height:97px; width:0%; background:#f9f9f9; border-top:3px solid #ed6b16;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all; z-index:1;}
.menu ul li:hover:after{ width:100%; left:0px;}

.menu ul li.hover a{color:#ed6b16;}
.menu ul li.action a{ color:#ed6b16;}
.menu ul li a:hover{ color:#ed6b16;}
.menu ul li a:hover:after{ width:40%; left:30%;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.menu ul li ul{ position:absolute; z-index:10; left:-20px; top:85px; background-color:rgba(255,255,255,0.9); width:160px;transition: all 0.5s ease-out .1s;
	-webkit-transition: all 0.5s ease-out 0.1s;
	-moz-transition: all 0.5s ease-out 0.1s;
	-ms-transition: all 0.5s ease-out 0.1s;
	opacity: 1;
	-webkit-transform: translate(0px,30px);
	-moz-transform: translate(0px,30px);
	-ms-transform: translate(0px,30px);
	transform: translate(0px,30px);
	height:auto;
	overflow:hidden;
	border:1px solid #eee;
}
.menu ul li.hover ul{ opacity: 1; height:auto;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);}
.menu ul li ul li{ margin:0px; display:block; text-align:left; padding:0px 10px;}
.menu ul li ul li a{ line-height:24px; padding:10px 0px; font-size:14px; border-bottom:1px solid #ddd;}
.menu ul li.hover ul li a{color:#666;}
.menu ul li.hover ul li a:hover{color:#ed6b16;}
.menu ul li ul li a:after{ display:none;}
.menu ul li ul li:last-child a{ border-bottom:0px;}


.swiper-slide{ }
.banner{ position:relative;overflow: hidden; height:780px;}
.node_banner{ height:384px; overflow:hidden; background:#eee;}
.ban1{background-color: #0499f2;background-image: linear-gradient(315deg, #0499f2 0%, #0dd0e1 74%); height:calc(100vh - 90px); position:relative; overflow:hidden;}
.ban1 .w1400{ height:100%;}
.ban1_txt{  width:640px; color:#333; padding-top:300px;}
.ban1_txt h2{font-size:66px;line-height:1.15; text-shadow:#fff 1px 1px 1px;}
.ban1_txt span{ font-size:22px; margin-top:40px;text-shadow:#fff 1px 1px 1px; line-height:1.15;  display:block;}
.diqiu{ position:absolute; right:0px; top:20%; width:100%; height:100%; }
.diqiu:after{ content:""; position:absolute; right:-100px; top:0px; width:820px; height:820px;background:url(../images/diqiu.png) no-repeat;background-size:auto 100%;-webkit-animation:diqiu 5s infinite;animation:diqiu 20s infinite linear; }
.diqiu span{ display:block; position:absolute; z-index:2; color:#fff;}
.diqiu span#pic1{ top:80px; right:700px; font-size:130px; font-weight:100;}
.diqiu span#pic2{ bottom:530px; right:120px; font-size:60px; font-weight:100;}
.diqiu span#pic3{ bottom:330px; right:400px; font-size:100px; font-weight:100;}
@-webkit-keyframes diqiu {
 from {transform: rotate(0deg);}
 to {transform: rotate(359deg);}
}

.scroll_down{ position:absolute; left:0px; bottom:0px; width:100%; height:60px; line-height:60px; z-index:10;}
.scroll_down_txt{background:#000; color:#ddd; font-size:18px; text-align:center;}
.scroll_down_txt span{
	display: block;
    overflow: hidden;
    -webkit-animation: scroll 4s cubic-bezier(1,0,0,1) 2s infinite;
    animation: scroll 4s cubic-bezier(1,0,0,1) 2s infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; cursor:pointer;
}
@-webkit-keyframes scroll{
	0%{-webkit-transform:translateY(-40%);
	transform:translateY(-40%);
	opacity:0
	}
	20%{-webkit-transform:translateY(0);
	transform:translateY(0);
	opacity:1}
	80%{-webkit-transform:translateY(0);
	transform:translateY(0);
	opacity:1}
	100%{-webkit-transform:translateY(40%);
	transform:translateY(40%);opacity:0}
}
@keyframes scroll{0%{-webkit-transform:translateY(-40%);transform:translateY(-40%);opacity:0}20%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}80%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0}}




.foot{  background:#000; overflow:hidden; color:#fff; font-size:16px;}
.f_infos{padding:120px 0px;}

.f_tit{ font-size:20px; font-weight:bold; margin-bottom:30px; height:30px; line-height:30px;}
.f_contact{ float:left; width:275px;}
.f_contact h4{ display:inline-block; padding:0px 25px; height:55px; font-size:20px; line-height:55px; background:#ed6b16; margin-bottom:10px; letter-spacing:2px;}
.f_contact p{ padding-top:5px;}
.f_wechat{ float:left; margin-left:50px; text-align:center; width:134px; margin-top:60px;}
.f_wechat p{ padding-top:10px;}

.f_menu{ float:left; margin-left:280px;height:90px;}
.f_menu ul{ float:left;}
.f_menu ul li{ padding-right:100px; line-height:30px;}
.f_menu a{ color:#fff; padding:5px 0px; display:block; font-size:16px;}
.f_menu a:hover{ color:#ed6b16;}

.f_copyright{ float:right; width:240px;}
.f_copyright p{ padding-bottom:15px; line-height:30px;}
.f_copyright span,.f_copyright a{ color:#6b6b6b;}


.copyright{ color:#999; padding-top:30px; line-height:30px;}
.copyright a{ color:#999;}
.copyright a:hover{ text-decoration:underline;}

.GoTop-box{ cursor:pointer; position:relative; overflow:hidden; background:#fff; border-radius:3px;}
.GoTop-box img{ }
.GoTop-box:after{ content: "\e608";font-family: "iconfont" !important; position:absolute; left:0px; top:0px; font-size:34px; height:40px; line-height:40px; width:40px; text-align:center}
.GoTop-box:hover:after{ background:#ed6b16; color:#fff;}


.paging{ margin:0 auto; width:1120px; padding-bottom:40px;}
.paging .pagination{ margin-top:20px;}
.paging ul li{ float:left; margin-right:5px;}
.paging ul li.disabled{background:#eee; color:#999; padding:5px 15px; border:1px solid #eee;}
.paging ul li.active{ background:#ed6b16; color:#fff; padding:5px 15px; border:1px solid #ed6b16;}
.paging ul li a{ padding:5px 15px; display:block; border:1px solid #ddd;}