/* CSS Document */
*{ margin:0; padding:0; list-style:none; -webkit-appearance:none; -webkit-tap-highlight-color:transparent; box-sizing:border-box;}
img{ border:0; max-width:100%; height:auto; vertical-align:middle;}
body{ color:#333; font-size:0.9em; background:#FFF; text-shadow:none; font-family:'微软雅黑';}
a{ color:#333; text-decoration:none;}
.clr{ clear:both; line-height:0; font-size:0; height:0;}
input{ font-family:'微软雅黑';}
input{outline:none} 

.fp-tableCell{ display:block;}
.fp-slidesNav{ text-align:center;}

.main{ width:100%; height:100%; max-width:1200px; min-width:1200px; margin:0 auto;}

#tp{ position:absolute; z-index:100; width:100%;}
#top{ padding:40px 0; display:flex; align-items:center; justify-content:space-between;}
#top #logo{ float:left;}
#top #menu{ font-size:16px;}
#top #menu a{ color:#FFF;}
#top #menu li{ float:left;}
#top #menu li a{ display:block; float:left; width:80px; text-align:center;}
#top #tel{ background:url(images/tel.png) left no-repeat; padding-left:36px; height:30px; line-height:30px; color:#FFF; font-style:italic; font-size:16px;}

#bner{ width:100%; height:100%;}
#bner .swiper-slide{ height:100%; padding-top:180px; height:850px;}

.bner{ position:relative; width:100%; height:100%;}
#b1_01{ position:absolute; left:-50%; opacity:0; transition: all 1s;}
#b1_02{ position:absolute; right:-50%; bottom:18%; opacity:0; transition: all 1s;}
#b1_03{ position:absolute; right:-50%; opacity:0; transition: all 1s;}

#b1_01.active{ opacity:1; left:0;}
#b1_02.active{ opacity:1; right:0;}
#b1_03.active{ opacity:1; right:0;}

#b2_01{ position:absolute; left:-50%; opacity:0; transition: all 1s;}
#b2_02{ position:absolute; right:-50%; bottom:18%; opacity:0; transition: all 1s;}
#b2_03{ position:absolute; right:-50%; opacity:0; transition: all 1s;}

#b2_01.active{ opacity:1; left:0;}
#b2_02.active{ opacity:1; right:0;}
#b2_03.active{ opacity:1; right:0;}

#b3_01{ position:absolute; left:-50%; opacity:0; transition: all 1s;}
#b3_02{ position:absolute; right:-50%; bottom:18%; opacity:0; transition: all 1s;}
#b3_03{ position:absolute; right:-50%; opacity:0; transition: all 1s;}

#b3_01.active{ opacity:1; left:0;}
#b3_02.active{ opacity:1; right:0;}
#b3_03.active{ opacity:1; right:0;}

#b4_01{ position:absolute; left:-300px; opacity:0; transition: all 1s;}
#b4_02{ position:absolute; right:-300px; bottom:18%; opacity:0; transition: all 1s;}
#b4_03{ position:absolute; right:-300px; opacity:0; transition: all 1s;}

#b4_01.active{ opacity:1; left:0;}
#b4_02.active{ opacity:1; right:0;}
#b4_03.active{ opacity:1; right:0;}

#iab{ width:100%; float:left; height:670px; background:url(images/section_02_bg.png) center no-repeat #FFF; padding:80px 0;}
#iab .pg{ position:relative; width:100%; float:left;}

#iab #iab_01{ position:absolute; left:0; top:0; display:none;}

#iab #iab_02{ position:absolute; left:0; top:120px; line-height:30px; display:none;}
#iab #iab_02 dt{ font-size:24px; font-weight:bold; color:#3964b8; float:left;}
#iab #iab_02 dd{ font-size:18px; font-weight:bold; color:#bebebe; float:left; margin-left:20px;}

#iab #iab_03{ position:absolute; left:0; top:200px; width:660px; display:none;}
#iab #iab_03 dl{ width:296px; float:left; margin-bottom:40px; margin-right:30px;}
#iab #iab_03 dl dt{ width:46px; float:left;}
#iab #iab_03 dl dd{ width:230px; float:right; line-height:2;}

#iab #iab_04{ position:absolute; left:0; top:460px; display:none;}
#iab #iab_04 dl{ width:250px; background:url(images/dot.png) center repeat-x; position:relative; height:65px;}
#iab #iab_04 dl dt{ position:absolute; left:0;}
#iab #iab_04 dl dd{}

#iab #iab_05{ position:absolute; top:80px; right:0; display:none;}

#ser{ width:100%; float:left; padding:70px 0; height:830px;}
#ser .pg{ position:relative; width:100%; float:left;}
#ser #ser_01{ position:absolute; left:0; top:0; display:none;}

#ser #ser_02{ position:absolute; left:0; top:140px; width:100%; float:left;}
#ser #ser_02 .p{ width:20%; display:none; float:left;}
#ser #ser_02 .p dl{ width:100%; float:left; overflow:hidden;}

#ser #ser_03{ position:absolute; left:0; top:600px; display:none;}
#ser #ser_03 dl{ width:250px; background:url(images/dot.png) center repeat-x; height:65px; position:relative;}
#ser #ser_03 dl dt{ position:absolute; left:0;}
#ser #ser_03 dl dd{}

#case{ width:100%; float:left; display:flex; flex-wrap:wrap;}
#case dl{ width:50%; position:relative;}
#case dl dt{}
#case dl dd{ position:absolute; bottom:0; left:0; color:#FFF; padding:5%; box-sizing:border-box; line-height:2; opacity:1; transition:all ease 1s;}
#case dl div{ position:absolute; width:100%; height:100%; left:0; top:0; padding:5%; box-sizing:border-box; color:#FFF; text-align:center; line-height:2; display:flex;align-items:center; justify-content:center; flex-direction:column; transition:all ease 2s; opacity:0;}
#case dl:hover div{ display:flex; align-items:center; justify-content:center; flex-direction:column; background:rgba(0,93,147, 0.8); opacity:1;}
#case dl:hover dd{ opacity:0;}

#news{ width:100%; float:left; height:500px; margin:60px 0; position:relative;}
#news #news_01{ position:absolute; left:0; top:0; display:none;}

#news #news_02{ position:absolute; height:320px; left:0; top:140px; justify-content:space-between; width:100%; display:none;}
#news #news_02 .p{ float:left; width:340px;}
#news #news_02 .p dl{ width:100%; float:left; overflow:hidden;}
#news #news_02 .p dl dt{ width:100%; float:left; margin-bottom:5px;}
#news #news_02 .p dl dt img{ width:100%;}
#news #news_02 .p dl .l{ width:30px; background:#4f4f4f; height:4px; margin:20px 0 10px;}
#news #news_02 .p dl dd{ line-height:1.8; float:left; width:100%;}
#news #news_02 .p dl dd a{ display:block; font-size:16px; text-overflow:ellipsis;  white-space:nowrap; overflow:hidden;}
#news #news_02 .p dl dd .t1{ color:#5a5a5a;}
#news #news_02 .p dl dd .t2{ color:#afafaf;}

#news #news_03{ position:absolute; left:0; top:460px; display:none;}
#news #news_03 dl{ width:250px; background:url(images/dot.png) center repeat-x; height:65px; position:relative;}
#news #news_03 dl dt{ position:absolute; left:0;}
#news #news_03 dl dd{}

#foot{ position:relative; float:left; color:#FFF; padding:60px 0; width:100%;}
#foot a{ color:#FFF;}
#foot #fl{ float:left;}
#foot #fl dl{ width:130px; float:left; margin:0 40px; line-height:2.6;}
#foot #fl dl dt{ width:100%; float:left; border-bottom:1px solid #999a9a; font-size:16px; font-weight:bold;}
#foot #fl dl dd{}

#foot #fr{ float:right; line-height:2.2; width:260px;}
#foot #fr dl{ width:260px; float:left;}
#foot #fr dl dt{ float:left;}
#foot #fr dl dd{ float:right; width:220px;}

#ab_01{ width:100%; float:left; background:url(images/ab_01_bg.png) center no-repeat #f3f3f3;}
#abv{ width:1200px; float:left; position:relative; display:flex; align-items:center;}
#abv .tb{ width:600px; float:left;}
#abv .write{ background:#FFF;}
#abv #title{ font-size:24px; background:url(images/ab_01_line.png) bottom left no-repeat; padding-bottom:10px; margin-bottom:30px;}
#abv #title .t1{ color:#d2d2d2; font-family:Arial, Helvetica, sans-serif; font-size:40px;}
#abv #title .t2{ color:#075fbd;}
#abv #txt{ width:360px; float:left; line-height:2; color:#666; text-align:justify; text-justify:inter-ideograph;}

#abv #dl{ width:436px; float:right; padding:45px 0;}
#abv #dl dl{ width:436px; float:left; display:flex; align-items:center; justify-content:space-between; position:relative;}
#abv #dl dl dt{ width:123px; height:115px; float:left; overflow:hidden;}
#abv #dl dl dd{ width:280px; float:right; color:#6e6e6e;}
#abv #dl dl dd .t1{ display:block; font-weight:bold; width:100%; float:left; margin-bottom:10px;}
#abv #dl dl dd .t1 span{ border-bottom:1px solid #c3c3c3; padding-bottom:10px; display:block; float:left;}
#abv #dl dl dd .t2{ display:block; font-size:12px;  width:100%; float:left;}
#abv #dl dl .c{ width:100%; height:100%; border:2px solid #2f77c5; position:absolute; left:0; top:0; opacity:0; transition: all 0.5s;}
#abv #dl dl:hover .c{ opacity:1;}
#abv #dl dl:hover dd{ color:#1b5ca7;}
#abv #dl dl:hover .t1 span{ border-bottom:1px solid #1b5ca7;}

#abv #cen{ width:174px; height:442px; background:url(images/ab_01_cen.png) no-repeat; position:absolute; left:513px; top:30px;}

#ab_02{ width:100%; float:left; background:#0a5ba7; min-width:1200px;}
#ab_02 #lt{ width:100%; text-align:center; float:left; padding:70px 0; color:#FFF; font-size:24px;}
#ab_02 #lt span{ font-family:Arial, Helvetica, sans-serif; font-size:40px;}

#ab2{ width:100%; float:left;}
#ab2 .p{ width:25%; float:left; display:flex; justify-content:center; padding:90px 0;}
#ab2 .p:nth-child(odd){ background:#fff;}
#ab2 .p:nth-child(even){ background:#f5f5f5;}
#ab2 .p dl{ float:left;}
#ab2 .p dl dt{ color:#afafaf; display:flex; align-items:center; justify-center:center; border-bottom:2px solid #b6b6b6; width:142px; margin-bottom:20px;}
#ab2 .p dl dt .t1{ font-size:100px;}
#ab2 .p dl dt .t2{ font-size:40px;}
#ab2 dl dd{ width:100%; float:left; line-height:2;}
#ab2 dl dd .t1{ font-weight:bold; color:#393939;}
#ab2 dl dd .t2{ color:#9a9a9a; font-size:12px;}
#ab2 dl dd .t3{ padding-top:10px;}
#ab2 dl dd .t3 img{ border:2px solid #fff;}

#ab2 .p:hover{ background:none;}
#ab2 .p:hover dl dt{ color:#FFF;}
#ab2 .p:hover dl dd .t1{ color:#FFF;}
#ab2 .p:hover dl dd .t2{ color:#cccccc;}
#ab2 .p:hover dl dd .t3 img{ border:2px solid #fff;}

#ab_03{ background:#e5f3ff; width:100%; float:left; padding:100px 0;}
#ab3{ width:1200px; float:left;}
#ab3 #lt{ width:100%; text-align:center; font-size:24px; color:#666565; margin-bottom:80px; float:left;}
#ab3 #lt .t1{ color:#d2d2d2; font-size:40px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#ab3 #lt .t2{ color:#075fbd;}
#ab3 #abx{ width:1200px; float:left; text-align:center;}

#ft{ width:100%; float:left; background:#3c3d3d;}

#mid{ width:1200px; float:left; padding:40px 0;}

#nlt{ width:1200px; float:left; margin-bottom:40px;}
#nlt ul{ float:left; background:url(images/nlt_bg.jpg) left center no-repeat; padding-left:90px;}
#nlt ul li{ float:left; width:80px; text-align:center;}
#nlt ul li a{ color:#8e8e8e;}
#nlt ul li a:hover{ color:#010101;}
#nlt ul li a.on{ color:#010101;}

#nws{ width:1200px; float:left; min-height:600px;}
#nws dl{ width:340px; height:330px; overflow:hidden; float:left; margin-right:90px; margin-bottom:40px;}
#nws dl:nth-child(3n+0){ float:right; margin-right:0;}
#nws dl dt{ width:340px; height:175px; float:left; overflow:hidden; margin-bottom:20px;}
#nws dl .l{ width:340px; float:left; margin-bottom:16px; width:30px; background:#4f4f4f; height:4px; transition: all 1s;}
#nws dl dd{ width:340px; float:left; line-height:2;}
#nws dl dd .t1{ color:#666;}
#nws dl dd .t2{ color:#afafaf;}
#nws dl:hover .l{ width:100%; background:#035baf;}

#cae{ width:1200px; float:left; min-height:600px;}
#cae dl{ width:384px; float:left; margin-right:24px; height:346px; overflow:hidden; margin-bottom:30px;}
#cae dl:nth-child(3n+0){ float:right; margin-right:0;}
#cae dl dt{ width:384px; height:253px; float:left; margin-bottom:16px;}
#cae dl dd{ width:384px; float:left; color:#acacac; line-height:2;}
#cae dl dd a{ font-size:18px;}
#cae dl .l{ width:25px; height:3px; background:#0f68b5; float:left; margin-top:10px; transition: all 1s;}
#cae dl:hover .l{ width:100%; background:#035baf;}

.page{ width:100%; float:left;}
.s_01{ background:url(images/ser_01_bg.jpg) center bottom no-repeat #046bc3; padding-top:220px;}
#dl_01{ width:1200px; float:left; display:flex; justify-content:space-between; padding-bottom:100px;}
#dl_01 dt{ color:#FFF; width:410px;}
#dl_01 dt .t1{ font-size:26px; font-weight:bold;}
#dl_01 dt .t2{ font-size:24px; line-height:2;}
#dl_01 dt .t3{ line-height:2; margin:30px 0;}
#dl_01 dt .t4{}
#dl_01 dt .t4 li{ float:left; text-align:center; margin-right:40px;}
#dl_01 dt .t4 li img{ margin-bottom:10px;}
#dl_01 dd{}

.s_02{ background:#fa9439; padding-top:170px;}
#dl_02{ width:1200px; float:left; display:flex; justify-content:space-between;}
#dl_02 dt{ color:#FFF; width:410px; padding-top:40px;}
#dl_02 dt .t1{ font-size:26px; font-weight:bold;}
#dl_02 dt .t2{ font-size:24px; line-height:2;}
#dl_02 dt .t3{ line-height:2; margin:30px 0;}
#dl_02 dt .t4{}
#dl_02 dt .t4 li{ float:left; text-align:center; margin-right:40px;}
#dl_02 dt .t4 li img{ margin-bottom:10px;}
#dl_02 dd{}

.s_03{ background:#c5edf8; padding:120px 0;}
#dl_03{ width:1200px; float:left; display:flex; justify-content:space-between;}
#dl_03 dt{ width:490px; padding-top:40px;}
#dl_03 dt .t1{ font-size:26px; font-weight:bold;}
#dl_03 dt .t2{ font-size:24px; line-height:2;}
#dl_03 dt .t3{ line-height:2; margin:30px 0;}
#dl_03 dt .t4{}
#dl_03 dt .t4 li{ float:left; text-align:center; margin-right:40px;}
#dl_03 dt .t4 li img{ margin-bottom:10px;}
#dl_03 dd{}

.s_04{ background:#fff; padding:120px 0;}
#dl_04{ width:1200px; float:left; display:flex; justify-content:space-between;}
#dl_04 dt{ width:410px; padding-top:40px;}
#dl_04 dt .t1{ font-size:26px; font-weight:bold;}
#dl_04 dt .t2{ font-size:24px; line-height:2;}
#dl_04 dt .t3{ line-height:2; margin:30px 0;}
#dl_04 dt .t4{}
#dl_04 dt .t4 li{ float:left; text-align:center; margin-right:40px;}
#dl_04 dt .t4 li img{ margin-bottom:10px;}
#dl_04 dd{}

.s_05{ background:#e8e8e8; padding:60px 0;}
#dl_05{ width:1200px; float:left; display:flex; justify-content:space-between;}
#dl_05 dt{ width:410px; padding-top:40px;}
#dl_05 dt .t1{ font-size:26px; font-weight:bold;}
#dl_05 dt .t2{ font-size:24px; line-height:2;}
#dl_05 dt .t3{ line-height:2; margin:30px 0;}
#dl_05 dt .t4{}
#dl_05 dt .t4 li{ float:left; text-align:center; margin-right:40px;}
#dl_05 dt .t4 li img{ margin-bottom:10px;}
#dl_05 dd{}

#cat{ width:1200px; display:flex; justify-content:space-between; padding:40px 0;}
#cat dt{ width:640px;}
#cat dt .tit{ font-size:42px; line-height:1.5; padding-bottom:40px;}
#cat dt .txt{ line-height:2.2;}
#cat dt .at{ font-weight:bold;}
#cat dd{ width:490px; height:360px;}

#show{ width:1200px; float:left; min-height:500px;}
#show #lt{ width:1200px; float:left; margin-bottom:30px;}
#show #lt dt{ font-size:16px; font-weight:bold;}
#show #nsw{ width:1200px; float:left; line-height:2;}

#sch{ width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; margin-bottom:40px;}
#sch dt{ border:1px solid #bdbdbd; border-radius:4px; overflow:hidden; width:482px; margin-bottom:40px;}
#sch dt .input{ display:block; float:left; border:0; height:48px; padding:10px; width:400px;}
#sch dt .btn{ background:url(images/sch_btn.png) center no-repeat #3964b8; height:48px; width:80px; border:0; display:block;}
#sch dd{ display:flex; justify-content:center;}
#sch dd .c{ width:20px; height:20px; margin:0 10px; border:1px solid #ccc; border-radius:4px;}

#tpl{ width:100%; float:left; min-height:600px; display:flex; flex-wrap:wrap; justify-content:center;}
#tpl dl{ width:440px; float:left; margin:0 15px 30px; overflow:hidden;}
#tpl dl dt{ width:440px; height:286px; float:left; margin-bottom:16px;}
#tpl dl dd{ width:440px; float:left; color:#acacac; line-height:2;}
#tpl dl dd a{ font-size:18px;}
#tpl dl .l{ width:25px; height:3px; background:#0f68b5; float:left; margin-top:10px; transition: all 1s;}
#tpl dl:hover .l{ width:100%; background:#035baf;}

#mob{ width:100%; float:left; background:#f3f3f3; margin:60px 0;}
#mb{ display:flex; justify-content:space-between; width:1200px; width:100%; align-items:center;}
#mb .cen{ float:left; background:#3964b8; width:230px; text-align:center; color:#FFF; font-size:16px; line-height:86px;}
#mb dl{ float:left; text-align:center; padding-bottom:5px;}
#mb dl dt{ font-size:50px;}
#mb dl dd{ font-size:12px;}
#mb dl:hover{ color:#3964b8;}

#pf{ width:342px; height:667px; overflow:hidden; position:fixed; bottom:5%; right:0; z-index:10000;}
#pf #sj{ width:342px; height:667px; background:url(images/mb.png) no-repeat; padding:49px 7px 50px;}
#pf #sj #if{ width:328px; height:568px; float:left; overflow-y:scroll; overflow-x:hidden;}
#pf #sj img{ width:100%; height:auto;}

.pager{ width:100%; padding:10px 0; text-align:center;}
.pagination { display: inline-block; padding-left: 0; border-radius: 4px;}
.pagination>li { display: inline;}
.pagination li.page-number{ float:left; margin-right:10px;}
.pagination>li>a, .pagination>li>span {position: relative; float: left; padding:3px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { z-index: 3; color: #23527c; background-color: #eee; border-color: #ddd;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7;}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
.pagination-lg>li>a, .pagination-lg>li>span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333;}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span { border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
.pagination-sm>li>a, .pagination-sm>li>span { padding: 5px 10px; font-size: 12px; line-height: 1.5;}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span { border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {border-top-right-radius: 3px; border-bottom-right-radius: 3px;}