@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: top; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a { blr:expression_r(this.onFocus=this.blur());}
a { outline: none; transition-duration: 0.3s, 0.3s; transition-property: background-color, color; transition-timing-function: ease, ease;}
table { border-collapse: collapse; border-spacing: 0; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.noMr{margin-right:0 !important; float:right !important;}
.i{text-align: justify; text-justify: inter-ideograph;}

/*Body*/
body { color: #666; background: #f0f4fb;}
a { color: #666; }
a:hover { color: #038bf0; }
.wrap { width: 1200px; margin: 0 auto;}
.g-in{ width:1300px; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}
.wrapper{ position:relative; width:100%; margin:0 auto; overflow:hidden; }
.wrapper img{  vertical-align:top; }

/* 网站地图 */
.webmap{padding:10px 0px 15px}
.webmap dl{overflow:hidden;zoom:1;height:32px; margin-bottom:5px;}
.webmap dt{width:15%;float:left;}
.webmap dd{float:left;width:85%;}
.webmap dt a{display:block;line-height:32px;background:#ccc;color:#000;text-align:center}
.webmap dd a{margin:0 5px 5px;background:#eee;display:block;line-height:32px;width:143px;float:left;text-align:center}
.webmap a:hover{background:#343434;text-decoration:none;color:#fff}

.head{position: fixed;top:0;left: 0;width: 100%;z-index: 999;transition: all 0.6s;}
.head .logo{float:left;transition: all 0.6s;}
.head .logo img{transition: all 0.6s;height: 90px;}
.head .asearch{float:right;padding: 36px 0 35px;height: 19px;transition: all 0.6s;}
.head .nav{float:right;}
.head .nav ul li{float:left;position: relative;}
.head .nav ul li a.a1{display: block;line-height: 90px;font-size: 16px;color: #000000;padding: 0 38px;transition: all 0.6s;}
.head.bgcf,.head:hover{background: #fff;}
.head.bgcf .logo img{height: 75px;}
.head.bgcf .nav ul li a.a1{line-height: 75px;}
.head.bgcf .asearch{padding: 28px 0;}
.search { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); display:none; z-index:9999; }
.search .searchp { position:absolute; top:30%; left:50%; margin-left:-300px;width:600px; background:#fff; font-size:16px; z-index:9; }
.search form .txt { float:left; height:60px; line-height:60px; padding-left:15px; width:450px; }
.search form .btn { float:right; height:60px; line-height:60px; width:150px; text-align:center; background:#038bf0; color:#fff; cursor:pointer;-webkit-appearance:none;border-radius: 0; }
.serclose { position:absolute; right:-50px; top:-50px; color:#fff; font-size:30px; cursor:pointer; }
.search01 { display:block; }

.banner{position: relative;}
.banner .bannert{position: absolute;left:50%;top: 50%;margin-left: -650px; width: 1300px;transform: translateY(100%);opacity: 0;}
.banner .bannert .bannerta{font-size: 48px;color: #348fde;}
.banner .bannert .bannertb{font-size: 18px;color: #348fde;font-family: "Arial";}
.banner .bannert .bannertc{margin-top: 25px;}
.banner .bannert .bannertc span{display: inline-block;width: 150px;height: 38px;line-height: 38px;border-radius: 19px;text-align: center;font-size: 14px;color: #ffffff;background-image: linear-gradient(122deg, #1cdbf8, #1b30c7);}
.banner .swiper-slide.swiper-slide-active .bannert{
	transform: translateY(-50%);opacity: 1;
	transition: all 2s;
	-moz-transition: all 2s; 
	-webkit-transition: all 2s; 
	-o-transition: all 2s;
}
.banner .swiper-container .swiper-pagination{bottom: 30px;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet{background: #fff;opacity: 0.5;width: 9px;height: 9px;border-radius: 9px;margin:0 10px;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.banner .swiper-button-prev{width: 17px;height: 29px;background: url(banner_prev_03.png) no-repeat center;margin-top: -15px;left:50%;margin-left: -700px;}
.banner .swiper-button-next{width: 17px;height: 29px;background: url(banner_next_05.png) no-repeat center;margin-top: -15px;right:50%;margin-right: -700px;}
@keyframes scale{
	0%{-webkit-transform: scale(1.08);transform: scale(1.08);}
	50%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
	100%{opacity: 1;-webkit-transform: scale(1.08);transform: scale(1.08);}
}
.banner{overflow: hidden;}
.banner .swiper-slide img{max-width: 100%;overflow: hidden;}
.banner .swiper-slide-active img{-webkit-animation: scale 8s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: scale 8s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); width: 100%;animation-iteration-count:infinite;}

.footer{background: url(ft_bg_02.jpg) no-repeat center;height: 220px;padding-top: 59px;position: relative;}
.fta .ftal{float:left;width: 508px;border-right: 1px solid rgba(255,255,255,0.5);}
.fta .ftal .ftala .ftalaa{font-size: 18px;color: #ffffff;}
.fta .ftal .ftala .ftalab{font-size: 12px;color: #ffffff;font-family: "Arial";text-transform: uppercase;}
.fta .ftal .ftalb{line-height: 30px;font-size: 14px;color: #ffffff;margin-top: 15px;}
.fta .ftal .ftalb p{padding-left: 42px;}
.fta .ftal .ftalb p.ftalb1{background: url(ft1_06.png) no-repeat 2px center;}
.fta .ftal .ftalb p.ftalb2{background: url(ft2_09.png) no-repeat 2px center;}
.fta .ftam{float:left;padding:0 62px;width: 192px;border-right: 1px solid rgba(255,255,255,0.5);height: 120px;}
.fta .ftam ul li{float:left;width: 96px;text-align: center;line-height: 40px;}
.fta .ftam ul li a{font-size: 14px;color: #fff;}
.fta .ftar{float:right;margin-right: 125px;text-align: center;}
.fta .ftar p{margin-top: 10px;font-size: 14px;color: #fff;}
.ftb{position: absolute;bottom: 0;left:0;width: 100%;text-align: center;line-height: 47px;background: rgba(0,0,0,0.2);font-size: 12px;color: #fff;}
.ftb a{color: #fff;}

.ufix{position: fixed;top:50%;margin-top: -62px;right: 0;z-index: 999;border-bottom:1px solid #dfe0e6;}
.ufix ul li{border:1px solid #dfe0e6;border-bottom: 0;position: relative;}
.ufix ul li .ufixb{position: absolute;right:41px;top:0;line-height: 40px;background: #fff;box-shadow: 0 0 10px #eee;padding: 0 20px;font-size: 14px;color: #333;display: none;width: 160px;text-align: center;}
.ufix ul li .ufixb a{color: #333;}

.nav li .shownav { position:absolute; left:-10%; width:120%; visibility:hidden; font-size:14px; z-index:1; }
.nav li .shownav a { display: block; margin:-1px 0 0; padding:10px 10px; background: rgba(255,255,255,.76); color:#000; line-height:20px; text-align:center; border: 1px solid #cccccc;}
.nav li .shownav { transform:scale(0); }
.nav li .shownav a { opacity: 0; transform: rotateY(90deg); transition: all .4s ease; }
.nav li .shownav a:hover { color:#038bf0; }
.nav li:hover .shownav { visibility:visible; }
.nav li:hover .shownav{z-index:10; transform:scale(1);} 
.nav li:hover .shownav a{opacity:1; transform:none}
.nav li:hover .shownav a:nth-child(1){ transition-delay:0s}
.nav li:hover .shownav a:nth-child(2){ transition-delay:50ms}
.nav li:hover .shownav a:nth-child(3){ transition-delay:.1s}
.nav li:hover .shownav a:nth-child(4){ transition-delay:150ms}
.nav li:hover .shownav a:nth-child(5){ transition-delay:.2s}
.nav li:hover .shownav a:nth-child(6){ transition-delay:250ms}
.nav li:hover .shownav a:nth-child(7){ transition-delay:.3s}
.nav li:hover .shownav a:nth-child(8){ transition-delay:350ms}
.nav li:hover .shownav a:nth-child(9){ transition-delay:.4s}
.nav li:hover .shownav a:nth-child(10){ transition-delay:450ms}
.nav li:hover .shownav a:nth-child(11){ transition-delay:.5s}
.nav li:hover .shownav a:nth-child(12){ transition-delay:550ms}
.nav li:hover .shownav a:nth-child(13){ transition-delay:600ms}
.nav li:hover .shownav a:nth-child(14){ transition-delay:650ms}
.nav li:hover .shownav a:nth-child(15){ transition-delay:700ms}
.nav li:hover .shownav a:nth-child(16){ transition-delay:750ms}
.nav li:hover .shownav a:nth-child(17){ transition-delay:800ms}
.nav li:hover .shownav a:nth-child(18){ transition-delay:850ms}
.nav li:hover .shownav a:nth-child(19){ transition-delay:900ms}
.nav li:hover .shownav a:nth-child(20){ transition-delay:950ms}