body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td {margin:0;padding:0; color:#444; word-break:break-all; word-wrap:break-word;}
body,button,input,select,textarea {font:12px/1.125 Helvetica Microsoft Yahei,΢ÈíÑźÚ,STHeiti,Arial,Hiragino Sans GB,sans-serif;}
ul,ol,li{list-style:none;}
img{ border:0;vertical-align:top;}
em,i{font-style:normal;}
a{ color:#444; text-decoration:none;}
a:hover{text-decoration:none;color:#444;}
.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:after{content:" ";display:block;visibility:hidden;clear:both;height:0;font-size:0;}
.clearfix{*zoom:1;}
body{  background:#fff; overflow-x:hidden; min-width:1200px;}

.nav {color: #fff; height:40px;line-height:40px;width: 100%; text-align: center;font-size: 12px;font-family: SimSun;font-weight: normal; background:#0096d8;}
.nav a {color: #fff;}
#footer {width: 100%;line-height: 25px;font-size: 12px;color: #fff;text-align: center; background:#0a0a0a; padding:25px 0;}
#footer a {color: #fff;}
#footer p {color: #fff;}
#footer span { display: block;}



.banner{ background:url(../images/banner_bg.jpg) center top no-repeat; height:598px; position:relative; width:100%;}
.banner img{ display:none;}

.bg{ background:url(../images/bg.jpg) center top no-repeat; height:380px; width:100%; padding-top:50px;}
.bg2{ background:url(../images/bg2.jpg) center top no-repeat; height:844px; width:100%;}
.bg3{ background:url(../images/bg3.jpg) center top no-repeat; height:1062px; width:100%;}
.bg4{ background:url(../images/bg4.jpg) center top no-repeat; height:639px; width:100%;}
.bg5{ background:url(../images/bg5.jpg) center top no-repeat; height:844px; width:100%;}
.bg6{ background:url(../images/bg6.jpg) center top no-repeat; height:953px; width:100%;}
.bg7{ background:url(../images/bg7.jpg) center top no-repeat; height:817px; width:100%;}
.bg8{ background:url(../images/bg8.jpg) center top no-repeat; height:513px; width:100%;}

.vivo{ width:1200px; clear:both; overflow:hidden; margin:0 auto;}
.vivo_l{ float:left; width:565px; padding:0 0 0 11px;}
.vivo_l iframe{width:565px; height:329px;}
.vivo_r { float:right; width:570px;}
.vivo_r li { margin-bottom:30px;}
.vivo_r span{ color:#fff; font-size:20px; line-height:60px; height:60px; display:block; font-weight:normal;}
.vivo_r p{ line-height:26px; font-size:15px;  color:#CBE3F4; padding-right:40px;}
.vivo_r a{ display:block;}

.tit{ padding:72px 0 50px; text-align:center;}
.tit p{ text-align:center; font-size:40px; color:#0096d8;}
.tit p i{ display:inline-block; width:50px; height:36px; vertical-align:-4px;}
.tit p i.left{ background:url(../images/tit_l.png) no-repeat; margin-right:25px;}
.tit p i.right{ background:url(../images/tit_r.png) no-repeat; margin-left:25px;}
.tit em{ display:block; margin:22px auto 0; width:60px; height:25px; border-top:1px solid #0096d8;}
.tit span{ display:block; color:#8a8a8a; font-size:20px; text-align:center; padding:0 50px;}
.vivo2{ width:680px; clear:both; overflow:hidden; margin:0 auto; padding:160px 0 0 520px;}

.vivo2 iframe{ width:660px; height:340px; display:block;}

.vivo3{ width:1200px; clear:both; overflow:hidden; margin:0 auto; padding-top:44px; height:399px;}
.vivo3_l{ float:left; width:549px; padding:0 0 0 20px;}
.vivo3_l iframe{width:549px; height:331px;}
.vivo3_r { float:right; width:549px; padding-right:21px;}




.list{ width:1188px; clear:both; overflow:hidden; margin:0 auto; padding-top:240px;}
.list li{ float:left; width:500px; position:relative; margin:50px 47px 0; height:330px; display:inline;}
.list li a{ color:#000;}
.list li p{ text-align:center; font-size:20px; color:#fff; line-height:40px;position:absolute; left:0; bottom:0; width:100%; background:url(../images/tm.png);}
.list2{ width:1200px; clear:both; overflow:hidden; margin:0 auto; padding-top:36px;}
.list2 li{ float:left; width:370px; border:1px solid #72706E; margin:0 14px; display:inline;}
.list2 li iframe{ width:370px; height:223px;}

.list3{ width:1152px; clear:both; overflow:hidden; margin:0 auto;}
.list3 li{ float:left; width:320px;  margin:0 32px; display:inline;}
.list3 li span{ display:block; text-align:center;color:#000; font-size:24px; line-height:70px;}

.list5{ width:1200px; clear:both; overflow:hidden; margin:0 auto;}
.list5 li{ float:left; width:500px; padding:15px 50px 0;}
.list5 li img{ display:block;}
.list5 li span{ display:block; text-align:center;color:#000; font-size:24px; line-height:70px;}
.list5 li b{ height:26px; line-height:26px; display:block; text-align:center; font-weight:normal; font-size:20px; margin:26px 0 10px;}
.list5 li b em{ display: inline-block; border-left:1px solid #b2b2b2; padding-left:40px; margin-left:40px;}
.list5 li p{ line-height:26px; font-size:16px; color:#7f7f7f;}




.list4{ width:1200px; clear:both; overflow:hidden; margin:0 auto; padding-top:50px;}
.list4 li{ float:left; width:400px;}
.list4 li img{ display:block; margin:0 auto;}

.jdt{ margin:0 auto; width:1200px; padding-top:50px;}
.jdt img{ margin:0 auto; display:block;}
.swiper-button-next,.swiper-button-prev {position:absolute;top:50%;width:30px !important;height:60px !important;margin-top:-30px !important;z-index:10;cursor:pointer;}
.swiper-button-prev { background:url(../images/left.png) no-repeat !important; left:45px !important;}
.swiper-button-next { background:url(../images/right.png) no-repeat !important; right:45px !important;}


.box{ width:490px; height:328px; margin:0 auto; padding-right:710px;}
.box2{ margin:0 auto; width:984px; height:469px;}
.box2 iframe{ display:block;width:984px; height:469px;}
.box3{ height:258px;}

.tit2{ width:564px; height:64px; line-height:64px; color:#0096d8; font-size:40px; background:#bfe5f5; border-radius:32px; text-align:center; margin:0 auto;}

@media screen and (max-width:768px) {
body{ min-width:320px;}
.nav{ display:none;}
#footer { padding:10px 0;}
#footer p{display:none;}
#footer span {display: block;}
.banner{ background:none; height:auto;}
.banner img{ display:block; width:100%;}

.bg{ background:#0096d8; height:auto; width:100%; padding-top:15px;}
.bg2{ background:none; height:auto; width:100%;}
.bg3{ background:none; height:auto; width:100%;}
.bg4{ background:none; height:auto; width:100%;}
.bg5{ background:none; height:auto; width:100%;}
.bg6{ background:none; height:auto; width:100%;}
.bg7{ background:none; height:auto; width:100%;}
.bg8{ background:none; height:auto; width:100%;}

.vivo{ width:94%; clear:both; overflow:hidden; margin:0 auto;}
.vivo_l{ float:none; width:100%; padding:0;}
.vivo_l iframe{width:100%; height:200px;}
.vivo_r { float:none; width:100%;}
.vivo_r li { margin-bottom:10px;}
.vivo_r span{ color:#fff; font-size:15px; line-height:24px; display:block; font-weight:normal; padding-top:10px;}
.vivo_r p{ line-height:24px; font-size:13px;  color:#fff; padding:0 0 10px;}
.vivo_r a{ display:block;}

.tit{ padding:20px 0 10px; text-align:center;}
.tit p{ text-align:center; font-size:18px;}
.tit p i{ display:inline-block; width:25px; height:18px;}
.tit p i.left{ background:url(../images/tit_l.png) no-repeat; margin-right:15px; background-size:25px 18px;}
.tit p i.right{ background:url(../images/tit_r.png) no-repeat; margin-left:15px; background-size:25px 18px;}
.tit em{ display:block; margin:15px auto 0; width:60px; height:15px; border-top:1px solid #7E7E7E;}
.tit span{ display:block; color:#8a8a8a; font-size:12px; text-align:center; padding:0 10px; line-height:20px;}
.vivo2{ width:94%; clear:both; overflow:hidden; margin:0 auto; padding:5px 0 0;}
.vivo2 iframe{ width:100%; height:200px; display:block;}
.vivo3{ width:94%; clear:both; overflow:hidden; margin:0 auto; padding-top:0; height:auto;}
.vivo3_l{ float:none; width:100%; padding:0;}
.vivo3_l iframe{width:100%; height:200px;}
.vivo3_r { float:none; width:100%; padding:10px 0 0;}
.vivo3_r img{ width:100%; display:block;}


.list{ width:96%; clear:both; overflow:hidden; margin:0 auto; padding-top:10px;}
.list li{ float:left; width:48%; position:relative; margin:0 1% 15px; height:auto; display: block;}
.list li a{ color:#000;}
.list li img{ display:block; width:100%;}
.list li p{ text-align:center; font-size:14px; color:#fff; line-height:30px;position:absolute; left:0; bottom:0; width:100%; background:url(../images/tm.png);}
.list2{ width:94%; clear:both; overflow:hidden; margin:0 auto; padding:15px 0 15px;}
.list2 li{ float:none; width:99%; border:1px solid #72706E; margin:0 0 10px; display: block;}
.list2 li iframe{ width:99%; height:200px;}
.list3{ width:94%; clear:both; overflow:hidden; margin:0 auto; padding-top:10px;}
.list3 li{ float:left; width:33.3%;  margin:0; display: block; padding-bottom:10px;}
.list3 li img{ width:80%; display:block; margin:0 auto;}
.list3 li span{ display:block; text-align:center;color:#000; font-size:14px; line-height:30px;}
.list4{ width:100%; clear:both; overflow:hidden; margin:0 auto; padding:15px 0 20px;}
.list4 li{ float:left; width:33.3%;}
.list4 li img{ display:block; margin:0 auto; width:80%;}

.list5{ width:94%; clear:both; overflow:hidden; margin:0 auto; padding-bottom:15px;}
.list5 li{ float:none; width:100%; padding:10px 0 0;}
.list5 li img{ display:block; width:100%}
.list5 li span{ display:block; text-align:center;color:#000; font-size:18px; line-height:40px;}
.list5 li b{ height:26px; line-height:26px; display:block; text-align:center; font-weight:normal; font-size:14px; margin:10px 0 5px;}
.list5 li b em{ display: inline-block; border-left:1px solid #b2b2b2; padding-left:20px; margin-left:20px;}
.list5 li p{ line-height:20px; font-size:13px; color:#7f7f7f;}



.jdt{ margin:0 auto; width:94%; padding:0 0 10px;}
.jdt img{ margin:0 auto; display:block; width:100%;}
.swiper-button-next,.swiper-button-prev {position:absolute;top:50%;width:15px !important;height:30px !important;margin-top:-15px !important;z-index:10;cursor:pointer;}
.swiper-button-prev { background:url(../images/left.png) no-repeat !important; left:15px !important; background-size:15px 30px !important;}
.swiper-button-next { background:url(../images/right.png) no-repeat !important; right:15px !important;background-size:15px 30px !important;}


.box{ width:100%; height:auto; margin:0 auto; padding-right:0;}
.box2{ margin:0 auto; width:94%; height:auto; padding-top:10px;}
.box2 iframe{ display:block;width:100%; height:200px;}
.box3{ height:auto;}

.tit2{ width:75%; height:40px; line-height:40px; color:#0096d8; font-size:16px; background:#bfe5f5; border-radius:20px; text-align:center; margin:15px auto 0;}

}