/* CSS Document */
*{ margin:0; padding:0; list-style:none;}
a{ text-decoration:none; color:#333;}
img{ border:0;}
body{ font-size:14px; font-family:'Microsoft YaHei'; color:#333;}
.clr{ clear:both; line-height:0; height:0; font-size:0;}
input,textarea{ font-family:'Microsoft YaHei';}
.error{ color:#F00;}

.main{ width:1200px; margin:0 auto;}
.main #top{ width:1200px; float:left; padding:20px 0;}
.main #top #logo{ float:left; font-size:0;}
.main #top #tr{ float:right;}
.main #top #tr #tel{ float:right; height:56px; line-height:1.7; text-align:center; background:url(images/tel.png) left no-repeat; padding-left:60px;}
.main #top #tr #tel dt{ font-size:16px; font-weight:bold; color:#1f96d4; }
.main #top #tr #tel dd{ }
.main #top #tr #log{ float:right; color:#1f96d4; line-height:56px; margin-right:50px;}
.main #top #tr #log a{ color:#1f96d4;}

#mu{ width:100%; float:left; background:#1e96d5;}
.main #menu{ float:left; line-height:60px; font-size:16px;}
.main #menu li{ float:left; position:relative;}
.main #menu li a{ display:block; float:left; color:#FFF; padding:0 20px;}
.main #menu li:hover a{ background:#FFF; color:#333;}
.main #menu li.on a{ background:#FFF; color:#333;}
.main #menu li:hover ul{ display:block;}

.main #menu li ul{ width:100%; position:absolute; left:0; top:60px; font-size:14px; line-height:40px; display:none; z-index:1000;}
.main #menu li ul li a{ width:64px;}

.main #mct{ float:right; color:#FFF; line-height:60px; background:url(images/tou.png) left no-repeat; padding-left:40px;}

#bner{ width:100%; float:left; height:544px;}
#bner #full-screen-slider { width:100%; height:544px; float:left; position:relative; z-index:10;}
#bner #full-screen-slider #slides { width:100%; height:544px; position:relative}
#bner #full-screen-slider #slides li {width:100%; height:100%; position:absolute}
#bner #full-screen-slider #slides li a { display:block; width:100%; height:100%; text-indent:-9999px;}
#bner #full-screen-slider #pagination { position:absolute; bottom:15px; z-index:99900;}
#bner #full-screen-slider #pagination li { width:10px; height:10px; float:left; margin:0 5px; background:#004f9f; cursor:pointer; text-indent:-999; border-radius:100%;}
#bner #full-screen-slider #pagination li.current { background:#0054b8;}

#mbner{ width:100%; float:left; height:260px; background:url(images/mem.jpg) center no-repeat;}

.main #t5{ width:1200px; float:left; padding:60px 0; box-sizing:border-box;}
.main #t5 dl{ width:16.66%; float:left;}
.main #t5 dl:last-child dt{ border:0;}
.main #t5 dl dt{ width:100%; float:left; text-align:center; margin-bottom:15px; border-right:1px dashed #cccccc;}
.main #t5 dl dd{ width:100%; float:left; text-align:center; font-size:16px; line-height:1.5;}
.main #t5 dl dd p{ font-size:30px;}

#fner{ width:100%; float:left; height:300px; background:url(images/fner.jpg) center no-repeat;}
#serv{ width:100%; float:left; background:#f9f9f9;}
#fw{ width:1200px; float:left; padding:50px 0;}
#bb{ width:100%; float:left; height:480px; background:url(images/bb.jpg) center no-repeat;}
.main #bs{ width:410px; float:left; text-align:center; padding:50px; background:rgba(30,150,213,0.6); font-size:16px; color:#FFF; margin-top:96px; line-height:2;}

#sws{ width:100%; float:left; background:#f9f9f9;}
.main #sw{ width:1200px; float:left; padding:50px 0;}

#cx{ width:100%; float:left; height:550px; background:url(images/cx.jpg) center no-repeat; padding:55px 0;}
.main #xtb{ float:left; width:864px; padding:0 168px;}
.main #xtb .ul{ width:100%; float:left;}
.main #xtb .ul li{ float:left; cursor:pointer; text-align:center; background:#ffffff; width:432px; line-height:65px; font-size:20px;}
.main #xtb .ul .active{ color:#fff; background:#1e96d5;}
.main #xtb .ul .normal{}
.main #xtb .tabv { width:824px; float:left; line-height:2; height:296px; padding:20px; background:rgba(204,204,204,0.6)}
.main #xtb .tabv dl{ width:824px; float:left;}
.main #xtb .tabv dl dt{ width:406px; height:296px; float:left; overflow:hidden;}
.main #xtb .tabv dl dd{ float:right; width:380px; color:#000d2b; line-height:2; padding-top:50px;}
.none{ display:none;}

.main #tm{ width:1200px; float:left; padding:40px 0;}
.main #ttb{ float:left; width:1200px;}
.main #ttb .ul{ width:340px; float:left; margin-left:430px; margin-bottom:30px;}
.main #ttb .ul li{ float:left; cursor:pointer; text-align:center; background:#ffffff; width:148px; line-height:42px; font-size:16px; border:1px solid #cccccc; margin:0 10px;}
.main #ttb .ul .active{ color:#fff; background:#1e96d5; border:1px solid #1e96d5;}
.main #ttb .ul .normal{}
.main #ttb .tabv{ width:1200px; float:left;}
.main #ttb .tabv dl{ width:326px; float:left; border:1px solid #cccccc; position:relative; margin:0 36px;}
.main #ttb .tabv dl dt{ width:326px; height:234px; float:left; overflow:hidden; border-bottom:5px solid #1e96d5;}
.main #ttb .tabv dl dd{ width:286px; float:left; padding:30px 20px 10px; text-align:center; line-height:2;}
.main #ttb .tabv dl dd .l{ background:url(images/l.jpg) center bottom no-repeat; padding:0 0 5px;}
.main #ttb .tabv dl dd .tit{ font-size:16px;}
.main #ttb .tabv dl .tg{ width:66px; height:66px; overflow:hidden; position:absolute; left:130px; top:201px;}

.main #ms{ width:100%; float:left; padding:40px 0;}
.main #ms .txt{ font-size:16px; line-height:2;}

#pt{ width:100%; float:left; border-top:1px solid #c2c2c2; padding:30px 0;}
.main #pts{ width:1200px; float:left;}
.main #pts li{ width:150px; height:72px; float:left; border:1px solid #c2c2c2; margin:10px 24px;}

.main #mid{ width:1200px; float:left; padding:40px 0;}
.main #mid #lt{ width:1200px; float:left; text-align:center; margin-bottom:40px;}
.main #mid #lt dt{ font-size:30px; width:1200px; float:left; padding-bottom:15px;}
.main #mid #lt dd{ color:#1e96d5; width:1200px; float:left; background:url(images/ll.jpg) bottom center no-repeat; padding-bottom:10px;}

.main #mid #ab{ width:1200px; float:left; min-height:600px; line-height:2;}
.main #mid #abs{ float:left; line-height:2; margin-bottom:20px; width:1086px; padding:0 57px;}

.main #mid #join{ width:1086px; float:left; line-height:2; padding:0 57px;}
.main #mid #join #jt{ width:1086px; float:left; height:27px; background:url(images/jt.jpg) center no-repeat; margin-bottom:20px;}
.main #mid #join #jos{ width:1086px; float:left;}
.main #mid #join #jos dt{ width:1046px; float:left; background:#fafafa; padding:10px 20px; font-size:16px; font-weight:bold;}
.main #mid #join #jos dd{ padding:10px 20px;  width:1046px; float:left;}

.main #mid #fwtd{ width:680px; float:left; padding:0 260px;}
.main #mid #fwtd #galleria{ width:680px; height:540px; float:left; over-flow:hidden;}

#fb{ width:100%; float:left; height:348px; background:url(images/fb.jpg) center no-repeat;}
.main #zx{ display:block; width:100%; float:left; height:348px;}

.main #clx{ width:864px; float:left; padding:0 168px; border-bottom:1px solid #1e96d5; padding-bottom:60px; margin-bottom:50px;}
.main #clx dl{ width:116px; float:left; margin:0 50px;}
.main #clx dl dt{ width:116px; float:left;}
.main #clx dl dd{ width:116px; float:left; text-align:center; background:url(images/lxx.jpg) bottom center no-repeat; padding-bottom:5px;}

.main #lm{float:left; line-height:44px; font-size:18px; margin-left:80px; margin-bottom:20px;}
.main #lm li{ float:left; padding:0 25px;}
.main #lm li a{ display:block; float:left; width:120px; background:#f1f1f1; text-align:center;}
.main #lm li a:hover{ background:#1e96d5; color:#FFF;}
.main #lm li a.on{ background:#1e96d5; color:#FFF;}

.main #carls{ width:1200px; float:left; min-height:500px;}
.main #carls dl{ width:588px; float:left; background:#f7f7f7; font-size:16px; height:214px; overflow:hidden; margin:10px 6px;}
.main #carls dl dt{ width:300px; height:214px; float:left;}
.main #carls dl dd{ float:right; width:260px; padding:10px; line-height:2.2;}
.main #carls dl dd .btn{ background:#1e96d5; color:#FFF; border:0; width:160px; height:40px; font-size:16px; cursor:pointer;}
.main #carls dl dd .p{ padding-top:10px; text-align:center;}
.main #carls dl dd a{ border:1px solid #cccccc; padding:0 5px; background:#FFF;}
.main #carls dl dd input{ border:1px solid #cccccc; width:20px; padding:2px; text-align:center;}
.main #carls .q{ font-size:12px;}

.main #cimg{ width:1200px; float:left; margin-bottom:20px; text-align:center;}
.main #cas{ width:1200px; float:left;}
.main #cas .cv{ width:248px; height:188px; float:left; border:1px solid #cccccc; line-height:2; font-size:16px; padding:20px 10px; margin:15px;}
.main #cas .cv .btn{ background:#1e96d5; color:#FFF; border:0; width:160px; height:40px; font-size:16px; cursor:pointer;}
.main #cas .cv .p{ padding-top:10px; text-align:center;}
.main #cas .cv a{ border:1px solid #cccccc; padding:0 5px; background:#FFF;}
.main #cas .cv input{ border:1px solid #cccccc; width:20px; padding:2px; text-align:center;}
.main #cas .q{ font-size:12px;}

.main #step{ width:1200px; float:left; text-align:center; margin-bottom:60px;}

.main #info{width:900px; float:left; padding:0 0 40px; margin:0 150px 40px; border-bottom:1px solid #1e96d5;}
.main #info #il{ width:900px; float:left;}
.main #info .ilt{ width:900px; float:left; font-size:18px; font-weight:bold; color:#1e96d5; margin-bottom:20px; border-bottom:1px solid #CCC; padding-bottom:10px;}

.main #info #cart{ width:900px; float:left;}
.main #info #cart td{ border-bottom:1px dashed #cccccc; padding:10px; line-height:1.5;}
.main #info #cart td .link{ color:#1e96d5;}
.main #info #cart td .btn{ border:1px solid #CCC; padding:0 4px;}
.main #info #cart td span{ padding:0 5px;}
.main #info #cart td .pr{ font-size:16px; padding:0;}

.main #info #tip{ width:900px; float:left; font-size:12px; color:#F00; padding:10px 0;}

.main #info #add{ width:900px; float:left; margin-bottom:20px;}
.main #info #add a{ display:block; width:134px; height:36px; background:#1e96d5; color:#FFF; text-align:center; line-height:36px;}

.main #info #ifs{ width:550px; float:left;}
.main #info #ifs td{ padding:5px 0;}
.main #info #ifs .input{ border:1px solid #e0e0e0; padding:5px; font-size:14px;}
.main #info #ifs .b{ color:#1e96d5;}
.main #info #ifs .ts{ line-height:1.5;}

.main #mid #lgv{ width:1060px; float:left; padding:40px 70px;}
.main #mid #lgv #lgl{ float:left; width:470px; height:360px; background:url(images/lgl.jpg) center no-repeat;}
.main #mid #lgv #lgr{ float:right; border:1px solid #c6ebff; padding:5px;}
.main #mid #lgv #lgr #vv{ width:280px; float:left; background:#ecf7ff; padding:5px 15px;}
.main #mid #lgv #lgr #vv .tit{ font-size:18px; font-weight:bold; color:#1e96d5; padding-bottom:10px;}
.main #mid #lgv #lgr #vv td{ padding:5px;}
.main #mid #lgv #lgr #vv .input{ border:1px solid #cccccc; padding:5px; width:100%; box-sizing:border-box;}
.main #mid #lgv #lgr #vv .btn{ background:#1e96d5; border:0; color:#FFF; width:100%; padding:5px 0;}
.main #mid #lgv #lgr #vv #cp{ display:none;}

.main #ibtn{ width:1200px; float:left; text-align:center;}
.main #ibtn .btn{ background:#1e96d5; color:#FFF; border:0; width:240px; height:50px; font-size:16px;}

.main #pay{width:900px; float:left; margin:0 150px; min-height:400px;}
.main #pay #txt{ background:#ecf7ff; padding:10px; width:880px; font-size:16px; margin-bottom:20px;}
.main #pay #txt span{ color:#1e96d5;}
.main #pay .plt{ width:900px; float:left; font-size:16px; margin-bottom:15px;}
.main #pay #uls{ width:900px; float:left; margin-bottom:20px;}
.main #pay #uls li{ border:1px solid #CCC; width:200px; float:left; margin-right:20px;}
.main #pay #uls li label{ display:block; float:left; height:60px; line-height:60px; padding:0 20px;}

.main #pay #pay_tmp{ display:none;}

.main #pay #paybtn{ width:900px; float:left;}
.main #pay #paybtn .btn{ background:#1e96d5; color:#FFF; border:0; width:200px; height:40px; font-size:16px;}

.main .lt{ width:1200px; float:left; text-align:center; background:url(images/lt.png) center no-repeat; color:#1e96d5; font-size:20px; margin-bottom:20px;}
.main #gg{ width:1200px; float:left; margin-bottom:20px;}
.main #gg li{ width:222px; height:150px; float:left; overflow:hidden; margin:9px;}

.main #ly{ width:1200px; float:left; margin-bottom:20px; margin-left:50px;}
.main #ly li{ float:left; font-size:0; margin:7px;}

.main #hd{ width:1200px; float:left; margin-bottom:40px;}
.main #hd li{ width:580px; height:256px; float:left; overflow:hidden; margin:0 10px;}

.main #cxpt{ width:1200px; float:left; margin-bottom:20px; border-top:1px solid #cccccc; padding-top:40px;}

.main #mid #mleft{ width:252px; float:left;}
.main #mid #mleft #mlt{ width:252px; float:left; background:#1e96d5; line-height:50px; text-align:center; color:#FFF; font-size:16px;}
.main #mid #mleft #lms{ width:220px; float:left; background:#f2f2f2; padding:0 16px;}
.main #mid #mleft #lms li{ float:left; width:220px; padding:15px 0; text-align:center; border-bottom:1px solid #1e96d5;}
.main #mid #mleft #lms li:last-child{ border:0;}
.main #mid #mleft #lms li a:hover{ color:#1e96d5; font-weight:bold;}
.main #mid #mleft #lms li a.on{ color:#1e96d5; font-weight:bold;}

.main #mid #mright{ width:916px; float:right;}
.main #mid #mright #site{ width:916px; float:left; border-bottom:1px solid #cccccc; line-height:40px; font-size:16px; margin-bottom:15px;}
.main #mid #mright #if{ width:916px; float:left; min-height:500px;}
.main #mid #mright #if #ts{ width:916px; float:left; border-bottom:1px dashed #cccccc; line-height:40px; margin-bottom:20px;}
.main #mid #mright #if #ts span{ font-size:12px; color:#666;}
.main #mid #mright #if #form{ width:916px; float:left;}
.main #mid #mright #if #form td{ padding:5px 0;}
.main #mid #mright #if #form .input{ border:1px solid #CCC; padding:5px;}
.main #mid #mright #if #form .btn{ background:#1e96d5; color:#FFF; border:0; width:120px; height:36px;}

.main #mid #mright #if #ord{ width:916px; float:left; line-height:1.5;}
.main #mid #mright #if #ord table{ border-collapse:collapse;}
.main #mid #mright #if #ord .od{ width:914px; float:left; border:1px solid #cccccc; margin-bottom:10px;}
.main #mid #mright #if #ord .tr td{ background:#ecf7ff;}
.main #mid #mright #if #ord td{ padding:5px 10px; border:1px solid #eeeeee;}
.main #mid #mright #if #ord td img{ display:block;}
.main #mid #mright #if #ord .td td{ border:0; border-bottom:1px dashed #eeeeee;}
.main #mid #mright #if #ord .td tr:last-child td{ border:0;}
.main #mid #mright #if #ord .r{ color:#F00;}
.main #mid #mright #if #ord a{ color:#1e96d5;}

.main #mid #mright #if #detail{ width:916px; float:left; line-height:2;}
.main #mid #mright #if #detail td{ padding:5px;}
.main #mid #mright #if #detail .tr td{ background:#ecf7ff;}
.main #mid #mright #if #detail a{ background:#1e96d5; color:#FFF; padding:2px 5px; border-radius:2px;}

.pager{ width:100%; float:left; 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;}


#ft{ width:100%; float:left; background:#717171; border-top:3px solid #1f96d4; padding:40px 0;}
.main #foot{ width:1200px; float:left;}
.main #foot #fl{ float:left;}
.main #foot #fl li{ float:left; text-align:center; color:#FFF; padding:0 20px;}
.main #foot #fc{ float:left; color:#FFF; line-height:2; margin-left:80px;}
.main #foot #fr{ float:right; color:#FFF; line-height:2;}
.main #foot #fr a{ color:#FFF;}