/*!
 * http://www.ibw.cn
 * Version - 3.5.1
 * Edited by Snowe / 2015.12.12
 * Copyright (c) 2016 ibw
 */
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input{margin:0;padding:0}em,i,s{font-style:normal;text-transform:uppercase;}li{list-style:none}a,s,a:hover{text-decoration:none}img{border:0;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}body,button,input,select,textarea{font:12px/1.5 'microsoft yahei',Tahoma,arial,'Hiragino Sans GB',\5b8b\4f53}input,textarea{resize:none;border:none;}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.noBg{background:none!important}.noBd{border:0!important}.noMg { margin: 0!important; }

/* 项目主体部分设置 */
body { position: relative; background: #fff; color:#333; }
a { color:#333;text-decoration:none; transition: all 0.5s ease 0s; }
a:hover { color: #2a4881; }
.hide { display: none; }
.wrapper { position:relative; width:100%; height: 100%; margin:0 auto; overflow:hidden; }
.header { width: 100%; }
.wrap { width: 18.68rem; margin:0 auto; }
.header .topArea {position: absolute; left:0;top:0; width: 100%; height: 66px; border-bottom:1px solid rgba(255,255,255,0.2); z-index: 100; }
.logo {padding-top:20px; float: left; }
.logo img {float: left; height: 33px; width: auto;}
.logo span { padding-top:9px; letter-spacing: 3px; float: left; font-size: 14px;color:#ffffff;font-family:"Source Han Serif SC"; margin-left:12px; line-height: 28px;  }
.logo span img { width: auto; height: 14px; }
.nav { float: right; text-align: center; }
.nav dt {margin-left:40px; padding-top:16px; position: relative; float: left; z-index: 9; }
.nav dt a { display: block; line-height: 1; padding: 12px 4px; color:#fff; font-size: 16px; }
.nav dt i { position: relative; bottom:0; display: block; width: 100%; height: 1px; background: #2c333b; display: none; }
/*.nav dt:hover i,.nav .current i { display: block; }*/
/*.nav dt:hover a,.nav .current a { color:#2c333b; }*/
.nav .sub { position: absolute; top: 60px; width: 100%; left: 0; background: #3e3f40; border-top: 2px solid #5e87ff; display: none; z-index: 9; }
.nav .sub li a { display: block; height: 30px; color: #fff; font-size: 12px; line-height: 30px; }
/*.nav .sub li a:hover { background: #6d94ff; }*/
.lan { float: right; cursor: pointer; }
.lan a {display: block; padding-top:25px; margin-left:55px;}
.lan a span { font-size: 16px;color:#fff; line-height: 18px; vertical-align: top; }
@media(max-width:1500px){
	.wrap { width: 100%; padding: 0 2%; box-sizing: border-box; }
}
@media(max-width:1400px){
	.header .nav ul li { margin-right:16px;}

}
@media(max-width:1350px){
	.header .nav ul li { margin-right:25px;}
	.logo span { display: none;}

}
@media(max-width:1200px){
	.nav dt { margin-left:25px; }
	.lan a { margin-left:25px; }
}

body::-webkit-scrollbar{
	width: 8px;
}
body::-webkit-scrollbar-track{
	background: #fff;
}
body::-webkit-scrollbar-thumb{
	background: #1b1b1b;
}
body::-webkit-scrollbar-thumb:window-inactive{background: #1b1b1b;
}
body::-webkit-scrollbar-thumb:vertical:hover{background: #1b1b1b;
}
/*手机导航*/
.mh { display: none; }
.mheader { padding: 0 0.3rem; box-sizing: border-box; height: 60px; position: fixed; left:0; top:0; z-index: 100; width: 100%; background: #000; }
.mheader .logo { padding-top:15px; }
.mheader .logo img { width: auto; height: 30px; }

.mh .menu {position: relative; z-index: 1000000000000000000000; float: right; margin-top:18px;-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms; }
.mh .menu span { width: 28px;display: block;height: 3px;margin-bottom: 6px;background: #fff;-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms }
.g-wp { -webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms }
.m-nav { width:65%; height:100%; right:-65%; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:1000; }
.m-nav dl dt { width: 100%; height: 57px;line-height: 57px;background: #0f1523; }
.m-nav dl dt img { float: right;margin: 7px; }
.m-nav dl dd { position: relative;line-height: 60px;width: 100%;border-bottom: 1px solid #f2f2f2; }
.m-nav dl dd a { color:#333; display: block;padding: 0 8%;font-size: 15px;position: relative;}
.m-nav dl dd a img {float: right;display: block;margin: 24px 0;}
.headerBox-ul {position: relative;overflow-y: auto;height: 100%;}
.headerBox-li.on {left: 0;}
.headerBox-li {position: absolute;top: 0;left: 100%;width: 100%;background: #fff;height: 100%;}
.headerBox-ul {position: absolute;top:57px;overflow-y: auto;height: 100%;}
.sq_timer_800ms {-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms;}
.headerBox-li-item .headerBox-li-back {background: rgba(23, 29, 39, 0.68);}
.headerBox li {position: relative;line-height: 60px;width: 100%;border-bottom: 1px solid #f2f2f2;}
.headerBox-li-item .headerBox-li-back a {color: #fff;}
.headerBox a {display: block;padding: 0 8%;font-size: 15px;position: relative;color:#333;}
.headerBox-li-item .headerBox-li-back span {cursor: pointer;font-size: 13px;color: #fff;position: absolute;right: 0;top: 0;height: 100%;padding: 0 6%;background: rgba(23, 29, 39, 0.8);}
body.z-open .m-nav {transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);}
body.z-open .g-wp {transform:translate3d(-65%,0,0);-webkit-transform:translate3d(-65%,0,0);}
.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:999; }
.swiper-container-1 .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; opacity: 1; }
.swiper-container-1 .swiper-pagination-bullet-active {opacity: 1;background: #0f1523;}
.swiper-container-1 .swiper-slide a,.swiper-container-1 .swiper-slide a img { vertical-align: top; }
.pch,.nybanner { background: #000000; }
@media(max-width:1000px){
	.wrapper {padding-top:60px;}
	.pch { display: none; }
	.mh { display: block; }
}

.tree { position: relative; width: 308px; height: 233px; margin: 0 auto; }
.tree1 { position: absolute; left:0; top:0; z-index: 10; }
.tree2 { position: absolute; left:0; bottom:0; z-index: 9; }
/*.banner { position: relative; width: 100%; margin: 0 auto; overflow: hidden; text-align: center; }
.banner .hd { position: absolute; left: 50%; bottom: 50px; width: 1200px; height: 5px; margin: 0 0 0 -600px; }
.banner .hd ul { display: inline-block; *display: inline; zoom: 1; vertical-align: top; }
.banner .hd ul li {position: relative; float: left; display: inline-block; transition: all 0.5s; width: 8px; border-radius: 4px; height: 8px; margin: 0 20px; background: #fff; text-indent: -9999px; cursor: pointer; }
.banner .hd ul li.on:after {animation: breathe 5s infinite; content:''; width: 26px; height: 26px; position: absolute; border-radius: 50%; box-sizing: border-box; border:2px solid rgba(255,255,255,0.2); left:50%; margin-left:-13px; top:50%; margin-top:-13px;  }


@keyframes breathe{
  0%{ transform: scale(.4); }
  50%{ transform: scale(1.2); }
  100%{ transform: scale(.4); }
}





.banner .prev,.banner .next{ display:none; position:absolute; top:45%; left:80px; width:62px; height:62px; background:url(../image/prev_t.png) center no-repeat; border-radius: 50%; cursor:pointer; display:none; filter:alpha(opacity=70); opacity:0.7; }
.banner .next{ background: url(../image/next_t.png) no-repeat center; left:auto; right:80px; }
.banner .prev:hover,.banner .next:hover { filter:alpha(opacity=100); opacity:1; }
.banner .bd ul li a {position: relative; display: block; vertical-align: top; position: relative;}
.bannerx { position: absolute; left:0;top:0;right:0;bottom:0;margin:auto;display: block;height: 3.5rem; }
.bannerx .t { font-size: 0.54rem;color:#fff;line-height: 0.54rem;margin-bottom:0.25rem; }
.bannerx p { font-size: 0.16rem;color:#fff; text-transform: uppercase;margin-bottom:0.3rem; }
.banner .bd ul li a .tit { display: block; width: 620px; height: 260px; position: absolute; left:0; top:0; bottom:0;right:0; margin:auto; text-align: center; }
.banner .bd ul li a .tit .t { font-size: 48px;color:#ffffff; font-weight: bold; }
.banner .bd ul li a .tit .et {display: block; font-size: 14px; width: 100%; margin: 5px auto 12px; padding:8px 0; background: #65b933; text-transform: uppercase; color:#ffffff; font-weight: bold; }
.banner .bd ul li a .tit .con { font-size: 16px;color:#ffffff; line-height: 24px; }
.banner .bd ul li a .tit .more {display: block; margin: 20px auto 0; width: 170px; font-size: 16px;color:#fff; border:1px solid #ddd; padding: 10px 0;}*/

.banner { position: relative; width: 100%; margin: 0 auto; overflow: hidden; text-align: center; }
.banner .hd { position: absolute; left: 50%; bottom: 50px; width: 1200px; height: 5px; margin: 0 0 0 -600px; z-index: 9999; }
.banner .hd ul { display: inline-block; *display: inline; zoom: 1; vertical-align: top; }
.banner .hd ul li {position: relative; float: left; display: inline-block; transition: all 0.5s; width: 8px; border-radius: 4px; height: 8px; margin: 0 20px; background: #fff; text-indent: -9999px; cursor: pointer; }
.banner .hd ul li.on:after {animation: breathe 5s infinite; content:''; width: 26px; height: 26px; position: absolute; border-radius: 50%; box-sizing: border-box; border:2px solid rgba(255,255,255,0.2); left:50%; margin-left:-13px; top:50%; margin-top:-13px;  }


@keyframes breathe{
  0%{ transform: scale(.4); }
  50%{ transform: scale(1.2); }
  100%{ transform: scale(.4); }
}





.banner .prev,.banner .next{ display:none; position:absolute; top:45%; left:80px; width:62px; height:62px; background:url(../image/prev_t.png) center no-repeat; border-radius: 50%; cursor:pointer; display:none; filter:alpha(opacity=70); opacity:0.7; }
.banner .next{ background: url(../image/next_t.png) no-repeat center; left:auto; right:80px; z-index: 999;}
.banner .prev:hover,.banner .next:hover { filter:alpha(opacity=100); opacity:1; }
.banner .bd ul li .cloud { position: absolute; right:25%; bottom:0%; width: 1260px; height: 400px; background:url(../image/cloud.png) no-repeat center; }
.pch .sign6 .bannerx .t2{font-size: 32px;color: #ffffff;margin-top: 178px;}
.pch .sign6 .bannerx .t3{font-size: 16px;color: #cfd4ce;margin: 10px 0 0;}

.banner .bd ul li .cloud {-webkit-animation:hahax 100s linear infinite; }
@-webkit-keyframes hahax{
	0%{-webkit-transform:rotate(0deg);}
	10%{right:32.5%;bottom:3%;}
	20%{right:40%;bottom:6%;}
	30%{right:47.5%;bottom:9%;}
	40%{right:55%;bottom:12%;}
	50%{right:62.5%;bottom:15%;}
	60%{right:70%;bottom:18%;}
	70%{right:77.5%;bottom:21%;}
	80%{right:85%;bottom:24%;}
	90%{right:92.5%;bottom:27%;}
	100%{right:100%;bottom:30%;}
}




.banner .bd ul li .sign {position: relative; display: block; vertical-align: top; position: relative;}
.bannerx { position: absolute; left:0;top:0;right:0;bottom:0;margin:auto;display: block;height: 370px; }

.bannerx .t1 { font-size: 54px;color:#ffffff; }
.bannerx .t2 { font-size: 32px;color:#ffffff; }
.bannerx .t3 { font-size: 24px;color:#ffffff; margin: 30px 0 50px;}
.bannerx .t { font-size: 0.54rem;color:#fff;line-height: 0.54rem;margin-bottom:0.25rem; }
.bannerx p { padding-top:42px; }
.bannerx span.more {text-align: left; display: inline-block; font-size: 16px;color:#fff; border:1px solid rgba(255,255,255,0.43); width: 155px;padding: 10px 0 10px 34px; margin-top:70px; background:url(../image/bmore.png) no-repeat 120px center; box-sizing: border-box; }


.banner .bd ul li.sign2 .bannerx .t1 { font-size: 54px;}
.banner .bd ul li.sign2 .bannerx .t2 { font-size: 54px; }
.banner .bd ul li.sign2 .bannerx .t3 { text-transform: uppercase; font-size: 16px; margin: 10px 0 0; opacity: 0.68;}
.banner .bd ul li.sign2 .bannerx p { padding-top:35px; }

.banner .bd ul li.sign3 .bannerx { text-align: left; padding-left:10%; }
.banner .bd ul li.sign3 .bannerx .t1 { font-size: 54px;}
.banner .bd ul li.sign3 .bannerx .t2 { font-size: 54px; }
.banner .bd ul li.sign3 .bannerx .t3 { text-transform: uppercase; font-size: 16px; margin: 10px 0 0; opacity: 0.68;}
.banner .bd ul li.sign3 .bannerx p { padding-top:35px; }


.banner .bd ul li.sign4 .bannerx .t1 { font-size: 54px;}
.banner .bd ul li.sign4 .bannerx .t2 { font-size: 54px; }
.banner .bd ul li.sign4 .bannerx .t3 { text-transform: uppercase; font-size: 16px; margin: 10px 0 0; opacity: 0.68;}
.banner .bd ul li.sign4 .bannerx p { padding-top:35px; }

.banner .bd ul li.sign5 .bannerx .t1 { font-size: 54px;}
.banner .bd ul li.sign5 .bannerx .t2 { font-size: 54px; }
.banner .bd ul li.sign5 .bannerx .t3 { text-transform: uppercase; font-size: 16px; margin: 10px 0 0; opacity: 0.68;}
.banner .bd ul li.sign5 .bannerx p { padding-top:35px; }






.bannerx .con { display: block; width:100%; height:141px; position: relative; }
.bannerx .con .bg { display: block; width:142px; height:141px; position: absolute; left:50%; margin-left:-71px; top:0; background:url(../image/tgbg.png) no-repeat center; }


.bannerx .con .bg {-webkit-animation:haha1 24s linear infinite; }
@-webkit-keyframes haha1{
	0%{-webkit-transform:rotate(0deg);}
	8.3333333333%{-webkit-transform:rotate(30deg);}
	16.6666666666%{-webkit-transform:rotate(60deg);}
	25%{-webkit-transform:rotate(90deg);}
	33.3333333333%{-webkit-transform:rotate(120deg);}
	41.6666666667%{-webkit-transform:rotate(150deg);}
	50%{-webkit-transform:rotate(180deg);}
	58.3333333333%{-webkit-transform:rotate(210deg);}
	66.6666666667%{-webkit-transform:rotate(240deg);}
	75%{-webkit-transform:rotate(270deg);}
	83.333333333%{-webkit-transform:rotate(300deg);}
	91.666666666%{-webkit-transform:rotate(330deg);}
	100%{-webkit-transform:rotate(360deg);}
}


.banner .bd ul li .sign .tit { display: block; width: 620px; height: 260px; position: absolute; left:0; top:0; bottom:0;right:0; margin:auto; text-align: center; }
.banner .bd ul li .sign .tit .t { font-size: 48px;color:#ffffff; font-weight: bold; }
.banner .bd ul li .sign .tit .et {display: block; font-size: 14px; width: 100%; margin: 5px auto 12px; padding:8px 0; background: #65b933; text-transform: uppercase; color:#ffffff; font-weight: bold; }
.banner .bd ul li .sign .tit .con { font-size: 16px;color:#ffffff; line-height: 24px; }
.banner .bd ul li .sign .tit .more {display: block; margin: 20px auto 0; width: 170px; font-size: 16px;color:#fff; border:1px solid #ddd; padding: 10px 0;}

.banner .bd ul li { width: 100%; height: auto; position: relative; }
.banner .bd ul li a.signx {-webkit-animation:fa1 6s linear 1; position: absolute; left:0; top:0; width: 100%; height: auto; }
#nybanner .img_box { -webkit-animation:fa1 6s linear 1; }
@-webkit-keyframes fa{
	0%{-webkit-transform:scale(1.1);}
	5%{-webkit-transform:scale(1.09);}
	10%{-webkit-transform:scale(1.08);}
	15%{-webkit-transform:scale(1.07);}
	20%{-webkit-transform:scale(1.06);}
	25%{-webkit-transform:scale(1.05);}
	30%{-webkit-transform:scale(1.04);}
	35%{-webkit-transform:scale(1.03);}
	40%{-webkit-transform:scale(1.02);}
	45%{-webkit-transform:scale(1.01);}
	50%{-webkit-transform:scale(1.0);}
	55%{-webkit-transform:scale(1.01);}
	60%{-webkit-transform:scale(1.02);}
	65%{-webkit-transform:scale(1.03);}
	70%{-webkit-transform:scale(1.04);}
	75%{-webkit-transform:scale(1.05);}
	80%{-webkit-transform:scale(1.06);}
	85%{-webkit-transform:scale(1.07);}
	90%{-webkit-transform:scale(1.08);}
	95%{-webkit-transform:scale(1.09);}
	100%{-webkit-transform:scale(1.1);}
}
@-webkit-keyframes fa1{
	0%{-webkit-transform:scale(1.1);}
	10%{-webkit-transform:scale(1.09);}
	20%{-webkit-transform:scale(1.08);}
	30%{-webkit-transform:scale(1.07);}
	40%{-webkit-transform:scale(1.06);}
	50%{-webkit-transform:scale(1.05);}
	60%{-webkit-transform:scale(1.04);}
	70%{-webkit-transform:scale(1.03);}
	80%{-webkit-transform:scale(1.02);}
	90%{-webkit-transform:scale(1.01);}
	100%{-webkit-transform:scale(1.0);}
}


/*网站底部样式*/
.footer { padding-bottom:100px; background: #17191f; }
.a5 { padding: 20px 0; }
.blink { width: 100%; background: #13151a; }
.a5a {height: 28px; line-height: 20px; font-size: 13px;color:#a7a7a7; float: left; position: relative; }
.a5b {height: 28px; line-height: 20px; font-size: 13px;color:#a7a7a7; float: right; }
.a5a a { color:#a7a7a7; display: inline-block; margin-right:20px; }
.a5a span.more {cursor: pointer; width: 77px; height: 28px; font-size: 13px; line-height: 28px; box-sizing: border-box; padding-left:34px; background: url(../image/e.png) no-repeat center; display: inline-block; }
.a5c {width: 830px; box-sizing: border-box; display: none; position: absolute; left:0; bottom:-50px;padding:0px 0px 10px 70px; background: #13151a;}
@media(max-width:1600px){
	.a5 {width: 100%; box-sizing: border-box; padding: 20px 3%;}
}
@media(max-width:1200px){
	.a5b {display: none;}
}
@media(max-width:1000px){
	.a5b {display: none;}
	.a5a { padding-left:80px; height: auto; }
	.a5d {position: absolute; top:0; display: inline-block;width: 70px; position: absolute; left:0;}
	.a5a span.more {width: 52px; padding:0; background: none; }
	.a5c {padding-left:80px;width: 100%;bottom:auto;top:50px;}
}