html, body, div, span, h1, h2, h3, h4, h5, h6, p, abbr, address, cite, code, del, dfn, em, img, sub, sup, var, i, dl, dd, dt, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; zoom: 1; }
article, aside, figure, footer, header, hgroup, nav, menu, section { display: block; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
input, select { vertical-align: middle; }
textarea { resize: none; }
a, button { outline: none; *star: expression(this.onFocus=this.blur()); cursor: pointer; }
img { vertical-align: top; }
ul, li { list-style: none; text-align: center;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, abbr, address, cite, code, del, dfn, em, img, sub, sup, var, i, dl, dd, dt, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { font-family: "微软雅黑",arial; }
/*初始化完毕*/
.cont { width: 1000px; margin: 0 auto; position: relative; overflow: hidden; }
.header_top { width: 100%; height: 35px; background: #dcf1fc; line-height: 35px; }
.header_top span { font-size: 13px; color: #0c0c0c; font-family: "微软雅黑"; }
.header_top_left { float: left; }
.header_top_right { float: right; }
.header_ph { display: none; }

.banner_ph1 { display: none; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.fancybox{
	display:inline-block;
}
body{
font-size:14px;
}



.logo { }
.header_bottom_left p { width: 200px; font-size: 16px; color: #3d3d3d; font-family: "微软雅黑"; text-align: center; margin-left: 30px; padding-left: 30px; border-left: 1px solid #dddee3; }
.header_bottom_right p { font-family: "微软雅黑"; font-size: 15px; color: #333333; background: url(../img/tel.png) no-repeat left center; background-size: 38px; padding-left: 50px; }
.header_bottom_right p span { font-weight: bold; font-size: 25px; color: #008edf; }
.header_bottom { padding: 15px 0; background: url(../img/header_bg.png) no-repeat center; background-size: cover; }
.header_bottom_right { position: absolute; right: 0; bottom: 20px; }

.tab { width: 100%; height: 490px; position: relative; }
.banner { width: 100%; height: 490px; }
.slide_text { width: 785px; position: absolute; left: 50%; top: 50%; /*margin-top: 30px;*/ margin-left: -392px; margin-top: -20px; /*transform: translate(-50%, -50%);
	 -webkit-transform: translate(-50%, -50%);
	 -moz-transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);*/ 
		display:none;

}

.slide_text img { width: 100%; }
.banner .swiper-pagination-bullet { width: 15px; height: 15px; background: #FFFFFF; opacity: 1; }
.banner .swiper-pagination-bullet-active { background: #007aff; }
.nav { width: 100%; height: 60px; background: rgba(0,142,223,0.7); position: absolute; left: 0; top: 0; z-index: 6; }
.nav li { float: left; text-align: center; width: 140px; height: 60px; }
.nav li:hover { background: #33a3e8 url(../img/nav_bg.png) no-repeat bottom center; }
.nav li:hover a { border: none; }
.nav li.active { background: #33a3e8 url(../img/nav_bg.png) no-repeat bottom center; }
.nav li.active a { border: none; }
.nav li a { font-size: 15px; color: #FFFFFF; font-family: "微软雅黑"; text-decoration: none; display: inline-block; margin-top: 10px; width: 100%; border-right: 1px solid #67baeb; }
.nav li:last-of-type a { border-right: none; }
.nav li a span { font-size: 13px; font-family: arial; }

/*tab1*/
.title { width: 660px; margin: 0 auto; margin-top: 30px; height: 102px; position: relative; }
.title .line1 { position: absolute; left: 0; top: 50%; }
.title .line2 { position: absolute; right: 0; top: 50%; }
.title_center { position: absolute; display: inline-block; width: 100%; left: 50%; top: 50%; text-align: center; margin-left: -50%; margin-top: -48px; /*transform: translate(-50%, -50%);
	 -webkit-transform: translate(-50%, -50%);
	 -moz-transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);*/ }
.title_center span { color: #b1b1b1; font-size: 18px; font-family: arial; }
.tit { width: 122px; margin: 0 auto; margin-top: 10px; margin-bottom: 14px; }
.title .title_center p { font-size: 13px; color: #cbcbcb; font-family: "微软雅黑"; margin: 0; }



.tab1 p { font-size: 14px; color: #848484; text-align: center; line-height: 22px; margin: 28px 0; }
.list_tab { height: 32px; }
.tab1 ul { position: relative; height: 1px;left:10px; }
.tab1 li{
	border-top:1px solid #b9b9b9;
}
.tab1 li:first-of-type{
	border-top:1px dashed #b9b9b9;
}
.tab1 li:last-of-type{
	
}
.tab1 li .jan{
position:absolute;
    right: 8px;
    top: -7px;

}
.tab1 li { width: 16.66%; float: left; position: relative; text-align: left; }
.tab1 li a { display: block; width: 10px; height: 10px; border-radius: 100%; background: #b9b9b9; position: absolute;z-index:5; left: 0; margin-left: 0; top: -5px; }
.tab1 li.active a { background: #008edf; }

.tab1 li span { position: relative; top: 12px; font-size: 14px; color: #666666; }
.tab1 li.active span { color: #008edf; }
.tab1 .list_cont p { width: 72.8%; height: 34px; line-height: 34px; overflow: hidden; border: 1px solid #008edf; border-radius: 34px; margin: 0 auto; margin-top: 28px; color: #008edf; font-size: 14px; font-family: "微软雅黑"; }
.more { display: block; width: 148px; height: 38px; border-radius: 38px; border: 1px solid #999999; color: #999999; font-size: 13px; line-height: 38px; text-align: center; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; text-decoration: none; }
.more:hover { background: #008edf; color: #FFFFFF; }
.list_cont > div { display: none; }
.list_cont > div.on { display: block; }

/*tab2*/
.list_tab1 { margin: 30px 0; }
.list_tab1 li { display: inline-block; margin-left: 110px; }
.list_tab1 li a, .list_tab3 li a { font-size: 15px; color: #333333; text-decoration: none; }
.list_tab1 li:hover a, .list_tab3 li:hover a { color: #008edf; }
.list_tab1 li.active a, .list_tab3 li.active a { color: #008edf; }

.list_cont1 > div { display: none; }
.list_cont1 > div.on { display: block; }
.list_cont1 li { width: 25%; float: left; }
.list_cont1 li:nth-of-type(1), .list_cont1 li:nth-of-type(3), .list_cont1 li:nth-of-type(6), .list_cont1 li:nth-of-type(8) { overflow: hidden; }
.list_cont1 li img { width: 100%; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; }
.list_cont1 li:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); }
/*.list_cont1 li.bg1 { background: url(../img/anli_bg.png); position: relative; }
.list_cont1 li.bg2 { background: url(../img/anli_bg1.png); position: relative; }*/

.list_cont1 li:nth-child(2) { background: url(../img/anli_bg.png); position: relative; }
.list_cont1 li:nth-child(4) { background: url(../img/anli_bg1.png); position: relative; }
.list_cont1 li:nth-child(5){ background: url(../img/anli_bg1.png); position: relative; }
.list_cont1 li:nth-child(7){ background: url(../img/anli_bg.png); position: relative; }
.list_cont1 li img { max-width: 100%; max-height: 240px; }
.list_cont1 li:nth-child(2) .fangkuai { width: 19px; height: 19px; transform: rotate(45deg); background: #5ba8e7; position: absolute; left: -9px; top: 50%; margin-top: -10px; z-index: 5; }
.list_cont1 li:nth-child(4) .fangkuai { width: 19px; height: 19px; transform: rotate(45deg); background: #58b383; position: absolute; left: -9px; top: 50%; margin-top: -10px; z-index: 5; }
.list_cont1 li:nth-child(5) .fangkuai { width: 19px; height: 19px; transform: rotate(45deg); background: #58b383; position: absolute; right: -9px; top: 50%; margin-top: -10px; z-index: 5; }
.list_cont1 li:nth-child(7) .fangkuai { width: 19px; height: 19px; transform: rotate(45deg); background: #5ba8e7; position: absolute; right: -9px; top: 50%; margin-top: -10px; z-index: 5; }


.list_cont1 .aside { margin: 25px 30px 0 42px; }
.list_cont1 .aside h4 { width: 70%;
    overflow: hidden;
    height: 18px;font-size: 18px; color: #FFFFFF; font-weight: bold; margin-top: 23px; padding-bottom: 10px; border-bottom: 1px solid #FFFFFF; }
.list_cont1 .aside .num { font-size: 60px; color: #FFFFFF; font-family: "微软雅黑"; vertical-align: text-top; line-height: 60px; font-weight: 600; }
.list_cont1 .aside p { font-size: 14px; color: #FFFFFF; margin-top: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; display: -o-box; -o-line-clamp: 2; -o-box-orient: vertical; }
.list_cont1 .aside a { display: block; width: 88px; height: 28px; border: 1px solid #FFFFFF; border-radius: 28px; text-align: center; line-height: 28px; color: #FFFFFF; font-size: 13px; text-decoration: none; margin-top: 34px; }
/*.list_cont1 div{
	display: none;
}
.list_cont1 div.on{
	display: block;
}*/


/*tab3*/
.list_tab3 { text-align: center; margin: 30px 0; }
.list_tab3 li { display: inline-block; text-align: center; margin: 0 27px; }

.list_cont3 > div { display: none; }
.list_cont3 > div.on { display: block; }
.list_cont3 li { width: 25%; float: left; position: relative; overflow: hidden; }
.list_cont3 li > a { display: block; width: 100%; height: 100%; }
.list_cont3 li img { width: 100%; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; }
.list_cont3 li:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); }
.list_cont3_bg { background:#54b482a3;width: 100%; position: absolute; height: 100%;  top: 0; left: 0; text-align: center; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transform-origin: bottom; -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; }
.list_cont3 li:hover .list_cont3_bg { transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); }
.list_cont3_bg a { text-decoration: none; }
.list_cont3_bg p { width: 81.1%; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; display: -o-box; -o-line-clamp: 3; -o-box-orient: vertical; font-size: 14px; color: #FFFFFF; line-height: 30px; margin-top: 8px; }
.list_cont3_bg h4 { font-size: 18px; margin-top: 35px; color: #FFFFFF; padding-bottom: 10px; border-bottom: 1px solid #FFFFFF; display: inline-block; }
.list_cont3_bg .more1 { width: 86px; height: 24px; display: block; text-align: center; line-height: 24px; border-radius: 24px; border: 1px solid #FFFFFF; color: #FFFFFF; margin: 0 auto; margin-top: 15px; font-size: 13px; }
.list_cont3_bg .more1:hover { background: #008edf; }
.list_cont3 li .list_cont3_bg img{
width:100%;
height:100%;
}
/*tab4*/
.tab4_cont { margin-top: 12px; }
.tab4_cont li { width: 100%; height: 92px; display:block; text-align: center; margin-right: 4%; line-height: 92px; border: 1px solid #e4e4e4; box-sizing: border-box; margin-top: 18px; position: relative; overflow: hidden;  }
.tab4_cont li:nth-of-type(4), .tab4_cont li:nth-of-type(8) { margin-right: 0; }
.tab4_cont li img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.tab4_cont li a { display: block; width: 100%; height: 100%; }
.tab4_cont_bg { width: 100%; height: 100%; background: rgba(0,142,223,0.7); position: absolute; left: 0; top: 0; line-height: 30px; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transform-origin: bottom; -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; }
.tab4_cont li:hover .tab4_cont_bg { transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); }
.tab4_cont_bg span { display: block; font-size: 18px; color: #FFFFFF; text-align: center; }
.tab4_cont_bg p { width: 86%; margin: 0 auto; font-size: 14px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; display: -o-box; -o-line-clamp: 2; -o-box-orient: vertical; }


/*tab5*/

.tab5 { background: url(../img/bg.png) no-repeat center; background-size: cover; display: inline-block; width: 100%; padding-bottom: 20px; }
.tab5 .title_center span { color: #FFFFFF; }
.tab5 .title_center P { color: #FFFFFF; }
.tab5_cont_left { width: 23.3%; float: left; }
.tab5_cont { overflow: hidden; margin-top: 20px; }
.tab5_cont_left_top { width: 100%; height: 233px; background: url(../img/youshi2.png) no-repeat center; background-size: cover; display: inline-block; }
.tab5_cont_left_bottom { width: 100%; height: 233px; background: url(../img/youshi3.png) no-repeat center; background-size: cover; margin-top: 20px; }
.tab5_cont_center { width: 48.6%; height: 486px; float: left; margin-left: 1.8%; background: url(../img/youshi1.png) no-repeat center; background-size: cover; }
.tab5_cont_right { width: 24.5%; height: 304px; background: url(../img/youshi4.png) no-repeat center; background-size: cover; float: right; margin-top: 55px; }
.tab5_cont h4 { font-size: 26px; color: #ffffff; text-align: center; }
.tab5_cont p { font-size: 21px; color: #FFFFFF; line-height: 26px; text-align: center; }
.tab5_cont_left h4 { width: 156px; margin: 0 auto; padding-top: 60px; }
.tab5_cont_left_bottom h4 { padding-top: 50px; }
.tab5_cont_left p { width: 187px; margin: 0 auto; margin-top: 22px; }
.tab5_cont_center h4 { padding-top: 155px; }
.tab5_cont_center p { width: 260px; margin: 0 auto; margin-top: 8px; }
.tab5_cont p.MsoNormal{
font-size:18px;
}
.tab5_cont_right h4 { padding-top: 45px; }
.tab5_cont_right p { width: 190px; margin: 0 auto; margin-top: 20px; }
.tab5_cont_ph { display: none; }
/*tab6*/
.tab6_cont_ph { display: none; }
.tab6 { padding-bottom: 30px; }
.tab6_cont { width: 100%; height: 255px; background: url(../img/center.png); margin-top: 20px; }
.tab6_cont h4 { font-size: 24px; color: #FFFFFF; padding-bottom: 10px; background: url(../img/linebg.png) no-repeat left bottom; margin-bottom: 15px; }
.tab6_cont_left, .tab6_cont_right { width: 50%; height: 100%; float: left; position: relative; }
.tab6_cont_left ul { position: absolute; top: 40px; left: 52px; }
.tab6_cont_right ul { right: 34px; position: absolute; top: 40px; }
.tab6_cont li { font-size: 15px; color: #FFFFFF; width: 245px; line-height: 20px; background: url(../img/libg.png) no-repeat left 8px; padding-left: 14px; margin-top: 10px; text-align: left; }
/*tab7*/
.tab7 { background: url(../img/tab6bg.png) no-repeat center; background-size: cover; display: inline-block; width: 100%; padding-bottom: 30px; }
.tab7 .title { width: 750px; }
.tab7 .tit { width: 210px; }
.tab7_cont { margin-top: 20px; position: relative; }
.film { width: 92.7%; }
.swiper-slide dl { border-radius: 5px; overflow: hidden; }

.swiper-slide dt { width: 100%; height: 155px; position: relative; }
.swiper-slide dd { display: inline-block; width: 100%; height: 96px; background: #FFFFFF; }
.swiper-slide dd h4 { font-size: 14px; color: #333333; text-align: center; margin-top: 10px; }
.swiper-slide dd p { padding-left: 27px; font-size: 12px; color: #666666; margin: 6px 0;width:86%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.swiper-slide dd a { font-size: 12px; color: #337cce; padding-left: 27px; text-decoration: none; }
.tab7 .swiper-button-prev { background: url(../img/prev.png) no-repeat center; left: 0; }
.tab7 .swiper-button-next { background: url(../img/next.png) no-repeat center; right: 0; }
.bf { width: 45px; height: 45px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; }


/*tab8*/
.tab8_cont { margin-top: 20px; overflow: hidden; padding-bottom: 30px; }
.tab8_cont_left, .tab8_cont_right { width: 50%; height: 295px; float: left; position: relative; padding-bottom: 35px; }
.tab8_cont_left_pic { width: 80%; height: 340px; position: absolute; right: 10px; top: 0; }
.tab8_cont_left_txt { width: 50%; height: 173px; background: rgba(0,142,233,0.7); position: absolute; left: 0; top: 114px;cursor:pointer; }
.tab8_cont_left_txt h4 { font-size: 20px; color: #FFFFFF; font-family: "微软雅黑"; margin-left: 20px; margin-top: 30px; }
.tab8_cont_left_txt p { font-size: 12px; color: #FFFFFF; margin-left: 20px; margin-top: 20px; line-height: 20px; }
.tab8_cont_left_txt span { font-size: 12px; color: #FFFFFF; padding-top: 10px; padding-left: 20px; }
.tab8_cont_right li { margin-left: 24px; border-bottom: 1px solid #e1e1e1; margin-top: 16px; }
.tab8_cont_right li:hover h4{
	color:#337cce;
}
.tab8_cont_right li:first-of-type { margin-top: 0; }
.tab8_cont_right li a { text-decoration: none; }
.tab8_cont_right h4 { font-size: 16px; color: #333333; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.tab8_cont_right p { color: #666666; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 8px; margin-bottom: 16px; }
.more2 { font-size: 14px; color: #337cce; position: absolute; right: 0; bottom: 8px; text-decoration: none; }

/*tab9*/
.tab9_ph { display: none; }
.tab9 { background: url(../img/tab9_bg.png) no-repeat center; background-size: cover; display: inline-block; width: 100%; padding-bottom: 30px; }
.tab9 .title { width: 710px; }
.tab9 .tit { width: 170px; }
.tab9_cont { width: 100%; height: 355px; position: relative; margin-top: 20px; }
.tab9_cont_left, .tab9_cont_right { width: 49%; position: relative; }
.tab9_cont .t9{
	cursor:pointer;
}
.tab9_cont_left { float: left; }
.tab9_cont_right { float: right; }

.tab9_cont_left>div{
    position: absolute; right: 8px; 
}
.tab9_cont_right>div{
    position: absolute; left: 5px;
}
.tab9_cont_left div:nth-child(1){
     top: 10px; 
}
.tab9_cont_left div:nth-child(2){
     top: 115px; 
}
.tab9_cont_left div:nth-child(3){
    top: 218px;
}
.tab9_cont_right div:nth-child(1){
    top: 37px; 
}
.tab9_cont_right div:nth-child(2){
   top: 150px;
}
.tab9_cont_right div:nth-child(3){
    top: 260px; 
}
/*.one, .three, .five { position: absolute; right: 8px; }
.two, .four, .six { position: absolute; left: 5px; }
.one { top: 10px; }
.two { top: 37px; }
.four { top: 150px; }
.three { top: 115px; }
.six { top: 260px; }
.five { top: 218px; }*/
.cent { width: 1.1%; height: 355px; position: absolute; left: 50%; margin-left: -5px; top: 0; }

.t9 h4 { font-size: 16px; color: #FFFFFF; font-family: "微软雅黑"; left: 50px; line-height: 36px; height: 36px; top: -18px; position: absolute; background: url(../img/tt.png) no-repeat left center; padding-left: 7px; }
.t9 p { font-size: 12px; color: #FFFFFF; line-height: 16px; position: absolute; left: 50px; top: 28px; }

/*tab10*/
.tab10 { background: url(../img/tab10.png) no-repeat center; background-size: cover; display: inline-block; width: 100%; padding-bottom: 70px; }
.tab10_contph { display: none; }
.tab10 .cont { overflow: visible; }
.tab10_cont { width: 810px; height: 90px; margin: 0 auto; position: relative; background: url(../img/tab10bg.png) no-repeat center; margin-top: 85px; }
.tab10_cont .pp { width: 16px; height: 16px; position: absolute; }
.tab10_cont .p1 { background: url(../img/p2.png); background-size: contain; left: 0; top: 78px; }
.tab10_cont .p2 { background: url(../img/p2.png); background-size: contain; left: 102px; top: 39px; }
.tab10_cont .p3 { background: url(../img/p1.png); background-size: contain; left: 215px; top: 42px; }
.tab10_cont .p4 { background: url(../img/p1.png); background-size: contain; left: 326px; top: 17px; }
.tab10_cont .p5 { background: url(../img/p2.png); background-size: contain; left: 420px; top: -6px; }
.tab10_cont .p6 { background: url(../img/p2.png); background-size: contain; left: 510px; top: 20px; }
.tab10_cont .p7 { background: url(../img/p1.png); background-size: contain; left: 607px; top: 57px; }
.tab10_cont .p8 { background: url(../img/p1.png); background-size: contain; left: 705px; top: 56px; }
.tab10_cont .p9 { background: url(../img/p2.png); background-size: contain; right: 0; top: 30px; }
.crazyswing { width: 45px; height: 45px; border-radius: 100%; position: absolute; /*-webkit-animation: crazyswing 1s ease infinite; 
	-moz-animation: crazyswing 1s ease infinite; 
	-o-animation: crazyswing 1s ease infinite; 
	-ms-animation: crazyswing 1s ease infinite; 
	animation: crazyswing 1s ease infinite; */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation-name: buzz; -moz-animation-name: buzz; -ms-animation-name: buzz; o-animation-name: buzz; animation-name: buzz; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }


.tab10_cont1 { background: url(../img/fw1.png); background-size: contain; left: -20px; top: 20px; }
.tab10_cont2 { background: url(../img/fw2.png); background-size: contain; left: 82px; top: 67px; }
.tab10_cont3 { background: url(../img/fw3.png); background-size: contain; left: 195px; top: -18px; }
.tab10_cont4 { background: url(../img/fw4.png); background-size: contain; left: 312px; top: 48px; }
.tab10_cont5 { background: url(../img/fw5.png); background-size: contain; left: 402px; top: -60px; }
.tab10_cont6 { background: url(../img/fw6.png); background-size: contain; left: 490px; top: 49px; }
.tab10_cont7 { background: url(../img/fw7.png); background-size: contain; left: 587px; top: 0px; }
.tab10_cont8 { background: url(../img/fw8.png); background-size: contain; left: 685px; top: 86px; }
.tab10_cont9 { background: url(../img/fw9.png); background-size: contain; right: -20px; top: -26px; }
.tab10_cont span { position: absolute; color: #333333; font-size: 12px; }
.tab10_cont .span1 { left: -17px; top: 95px; }
.tab10_cont .span2 { left: 85px; top: 22px; }
.tab10_cont .span3 { left: 198px; top: 60px; }
.tab10_cont .span4 { left: 309px; top: 0px; }
.tab10_cont .span5 { left: 403px; top: 11px; }
.tab10_cont .span6 { left: 493px; top: 2px; }
.tab10_cont .span7 { left: 590px; top: 75px; }
.tab10_cont .span8 { left: 688px; top: 38px; }
.tab10_cont .span9 { right: -17px; top: 54px; }
.tab10_cont .span10 { width: 160px; height: 35px; line-height: 40px; background: url(../img/fw10.png) no-repeat center; background-size: 160px 35px;text-align:center; position: absolute; right: -170px; top: 13px; font-size: 12px; color: #333333; }

/*footer*/
.footer { width: 100%; padding: 30px 0; background: url(../img/footer.png) no-repeat center; background-size: cover; }
.footer_left { width: 37%; float: left; }
.footer_left { width: 37%; float: left; }
.footer_center { width: 28%; float: left; margin-left: 7.5%; }
.footer_right { width: 27%; float: right; text-align: center; }
.footer h4 { font-size: 18px; color: #FFFFFF; font-family: "微软雅黑"; font-weight: bold; margin-bottom: 25px; }
.footer_left .footer_one { width: 100%; position: relative; margin-bottom: 22px; background: #FFFFFF; }
.footer_one input { width: 325px; height: 42px; background: #FFFFFF; color: #666666; font-size: 12px; background: none; border: none; padding-left: 20px; padding-right: 25px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; outline: none; }
.footer_one textarea { padding-left: 20px; padding-right: 25px; width: 325px; height: 106px; background: none; color: #666666; font-size: 12px; box-sizing: border-box; border: none; padding-top: 14px; outline: none; }
.footer_left > input[type='button'] { width: 168px; height: 34px; border-radius: 5px; background: #008edf; color: #FFFFFF; font-size: 14px; border: none; outline: none; }
.footer_one:nth-of-type(1) label { width: 16px; height: 16px; position: absolute; background: url(../img/foot1.png) no-repeat center; top: 14px; right: 16px; z-index: 11; }
.footer_one:nth-of-type(2) label { width: 13px; height: 20px; position: absolute; background: url(../img/foot2.png) no-repeat center; top: 10px; right: 16px; z-index: 11; }
.footer_one:nth-of-type(3) label { width: 16px; height: 16px; position: absolute; background: url(../img/foot4.png) no-repeat center; top: 14px; right: 16px; z-index: 11; }

.footer_center p { font-size: 12px; color: #cacaca; line-height: 20px; margin-bottom: 10px; overflow: hidden; }
.footer_center p span { font-size: 12px; display: block; color: #cacaca; float: left; width: 64px; }
.footer_center p .footer_center1 { display: block; float: left; width: 190px; }
.footer_center > div { overflow: hidden; }
.footer_center h5 { font-size: 15px; color: #FFFFFF; margin-top: 33px; margin-bottom: 18px; }
.footer_center li { float: left; color: #cacaca; margin-top: 5px; }
.footer_center li a { font-size: 12px; color: #cacaca; text-decoration: none; }
.footer_center li:hover a { color: #008edf; }
.footer_right span, .footer_right a { font-size: 12px; color: #cacaca; text-decoration: none; }
.footer_right dl { text-align: center; }
.footer_right dt { width: 135px; height: 135px; overflow: hidden; margin: 0 auto; }
.footer_right dd { }
.footer_bottom { width: 100%; height: 40px; line-height: 40px; background: #222222; text-align: center; }
.footer_bottom span { font-size: 13px; color: #494949; }
.footer_bottom a { font-size: 13px; color: #494949; text-decoration: none; }

@-webkit-keyframes buzz {
    50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }

    100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
}

@-moz-keyframes buzz {
    50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }

    100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
}

@-ms-keyframes buzz {
    50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }

    100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
}

@-o-keyframes buzz {
    50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }

    100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
}

@keyframes buzz {
    50% { -webkit-transform: translateX(5px) rotate(4deg); transform: translateX(5px) rotate(4deg); }
}
/*donghua*/
/*@-webkit-keyframes crazyswing{
	0%,100%{-webkit-transform:translate(0,0) rotate(0);}
	15%{-webkit-transform: translate(-15%,0) rotate(-5deg);}
	30%{ -webkit-transform: translate(10%,0) rotate(3deg);}
	45%{ -webkit-transform: translate(-10%,0) rotate(-3deg);}
	60%{ -webkit-transform: translate(5%,0) rotate(2deg);}
	75%{ -webkit-transform: translate(-5%,0) rotate(-1deg);}
}
@-moz-keyframes crazyswing{
	0%,100%{ -moz-transform:translate(0.0) rotate(0);}
	15%{ -moz-transform: translate(-15%,0) rotate(-5deg);}
	30%{ -moz-transform: translate(10%,0) rotate(3deg);}
	45%{ -moz-transform: translate(-10%,0) rotate(-3deg);}
	60%{-moz-transform: translate(5%,0) rotate(2deg);}
	75%{ -moz-transform: translate(-5%,0) rotate(-1deg);}
}
@-o-keyframes crazyswing{
	0%,100%{ -o-transform:translate(0.0) rotate(0);}
	15%{ -o-transform: translate(-15%,0) rotate(-5deg);}
	30%{ -o-transform: translate(10%,0) rotate(3deg);}
	45%{ -o-transform: translate(-10%,0) rotate(-3deg);}
	60%{-o-transform: translate(5%,0) rotate(2deg);}
	75%{ -o-transform: translate(-5%,0) rotate(-1deg);}
}
@-ms-keyframes crazyswing{
	0%,100%{ -ms-transform:translate(0.0) rotate(0);}
	15%{ -ms-transform: translate(-15%,0) rotate(-5deg);}
	30%{ -ms-transform: translate(10%,0) rotate(3deg);}
	45%{ -ms-transform: translate(-10%,0) rotate(-3deg);}
	60%{-ms-transform: translate(5%,0) rotate(2deg);}
	75%{ -ms-transform: translate(-5%,0) rotate(-1deg);}
}
@keyframes crazyswing{
	0%,100%{transform:translate(0.0) rotate(0);}
	15%{transform: translate(-15%,0) rotate(-5deg);}
	30%{transform: translate(10%,0) rotate(3deg);}
	45%{transform: translate(-10%,0) rotate(-3deg);}
	60%{transform: translate(5%,0) rotate(2deg);}
	75%{transform: translate(-5%,0) rotate(-1deg);}
}*/


#top{
	position:fixed;
	top:60%;
	width:50px;
	right:20px;
	z-index:999;
}

.hr1{
	width:80%;
	height:1px;

	background:#008edf;
position:absolute;
left:10%;
bottom:30px;
}
.hr2{
	width:80%;
position:absolute;
left:10%;
bottom:20px;
	height:3px;
	background:#fff;
}
.fancybox-wrap{
	width:900px !important;
	left:50% !important;
margin-left:-450px !important;
top:110px !important;

}
.fancybox-inner{
	width:870px !important;
	height:auto !important;
}
.case_xq img{
	max-width:100%;
}
.footerT_ph,.footer_ph{
	display:none;
}

.tab4,.tab4_cont{
				position: relative;
			}
			.tab4 .cont{
				overflow: initial;
			}
			.tab4 .swiper-button-next{
				right:-37px;
				top:235px;
			}
			.tab4 .swiper-button-prev{
				left:-37px;
				top:235px;
			}

.tab8_cont_left_txt:hover p{
	color:#eee;
	
	
}
.tab8_cont_left_txt:hover h4{
	color:#eee;
}
.list_cont3 li .tab3bg_pic{
	width:302px;
height:53px;
}
.list_cont3{
							position: relative;
						}
						.list_cont3 li:last-of-type{
							position: absolute;left:0;top:0;z-index: -1;
						}