﻿

img{ display: block; max-width: 100%; }
body{ background: #000; font-family:Microsoft YaHei;}

.bg01{ background: url(imagestitle_01.jpg) center top no-repeat; height: 537px; }
.bg01r{ max-width: 840px; margin: 0px auto; padding-top: 50px; }
.bg01r img{ display: block; width: 100%; }
.bg02{ background: url(imagestitle_02.jpg) no-repeat center top; padding-top: 90px; }
.bg02::after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
.ww{ margin: 0px auto; max-width: 1200px; }
.ww::after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

/* 轮换图 css */
.loadImg{width:64%; position:relative; float:left; margin:0 0.8%; border:1px #12adc5 solid;}
/* .loadImg .imgShow img{width:960px; height:336px;} */
.loadImg .imgShow p{text-align:center;color:#fff;line-height:33px;font-size:14px;font-weight:bold;}
.loadImg .imgText{width:320px;height:11px;position:absolute; bottom:2%; right:1%;}
.loadImg .imgText ul{text-align:center;line-height:15px;}
.loadImg .imgText ul li{float:right;width:15px;height:15px; color: #fff; font-size: 12px; text-align:center; margin-left:1px; background:#000;}
.loadImg .imgText ul li.now{ background:#c00; color:#fff;}

.box01{ margin: 1% auto; max-width: 384px; padding-top: 10px; border: 1px #12adc5 solid; background: #000 url(imagestitle_05.jpg) repeat-x top; clear: both; }
.box01::after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
.box01 h2{ color: #fff; text-align: center; }
.box01 .countdown{ margin: 0px auto; width: 290px; height:80px ; color: #fff; text-align: center;  margin-top: 15px; }
.box01 .countdown span{ float: left; margin:0 6px 0 4px; letter-spacing: 7px; font-size: 30px;line-height: 55px; width: 63px; color:#d6d6d6; text-align:center;}
.box01 .countdown span.no{ margin: 0px 0px 0px 6px; }
.box01 .countdown span.black{ color: #000; }
.box01 .countdown i{font-size: 30px; display:inline-block; border:1px solid #fff; border-radius:5px; padding:8px 12px; color:#fff; background:#000; font-style:normal; margin-top:6px;}
.box01 .left01{ float: left; margin: 10% 0 0 11%; width: 47%; font-size: 16px; color: #05a6b9; line-height: 28px; }
.box01 .right01{ float: left; width:31%; margin:6% 11% 6% 0;}
.box03{ margin: 2% auto; width: 94%; }
.box04{ width: 98%; margin: 2% 1%; }
.box05{ float: left; width: 98%; margin: 2% 1%; background: #fff; border: 1px #11a8bf solid; padding: 1.6%; }
.box06{ float: left; width: 100%; margin: 0px; padding: 0px; height: 535px; overflow-y: auto; }
/* .box06 .box06r{ float: left; width: 100%; height: 320px; overflow-y: auto; margin: 0px; padding: 0px; }
.box06 .box06r ul{ float: left; width: 98%; margin: 0px; padding: 0px; }
.box06 .box06r ul li{ float: left; width: 100%; margin-top: 1%; list-style: none; }
.box06 .box06r ul li .pic{ float: left; width: 6%; margin-right: 1%; }
.box06 .box06r ul li .pic img{ border-radius: 50% }
.box06 .box06r ul li .text{ float: left; width: 93%; border-bottom: 1px #e5e5e5 solid; padding-bottom: 1%; color: #242424; }
.box06 .box06r ul li .text h4{ font-size: 14px; }
.box06 .box06r ul li .text p{ font-size: 13px; line-height: 20px; width: 100%; padding-top: 1%; }
.inpaa01{ width: 100%; height: 100px; border: 1px #d6d6d6 solid; line-height: 20px; color: #000; padding: 1%; }
.inpaa02{ float: right; margin: 2% 0; width: 105px; background: #f70000; font-size: 15px; line-height: 28px; text-align: center; color: #fff; border: none; } */
.box07{ float: left; width: 96%; margin: 2%; padding: 0px; background:#12adc5; }
.box07 h3{ font-size: 20px; color: #fff; padding: 2% 0 0 4%; }
.box07 ul{ float: left; width: 100%; padding: 0 4% 4%; list-style: none; }
.box07 ul li{ width: 100%; margin-top: 4%; }
.box07 ul li img{ width: 100%; }
.box08{ float: left; margin: 15px 0 0 11px; width: 1178px; height: 536px; background: url(images6.jpg) 0px 0px no-repeat; }
.box08 .z01{ position: absolute; top: 127px; left: 710px; width: 14px; height: 19px; overflow: hidden; }
.box08 .z02{ position: absolute; top: 146px; left: 710px; width: 14px; height: 19px; overflow: hidden; }
.box08 .z03{ position: absolute; top: 199px; left: 710px; width: 14px; height: 26px; overflow: hidden; }
.box08 .z04{ position: absolute; top: 230px; left: 710px; width: 14px; height: 26px; overflow: hidden; }
.box08 .z05{ position: absolute; top: 256px; left: 710px; width: 14px; height: 26px; overflow: hidden; }
.box08 .z06{ position: absolute; top: 286px; left: 710px; width: 14px; height: 26px; overflow: hidden; }
.box08 .z07{ position: absolute; top: 348px; left: 710px; width: 14px; height: 27px; overflow: hidden; }
.box08 .z08{ position: absolute; top: 375px; left: 710px; width: 14px; height: 27px; overflow: hidden; }
.box08 .z09{ position: absolute; top: 410px; left: 726px; width: 26px; height: 16px; overflow: hidden; }
.box08 .z10{ position: absolute; top: 410px; left: 752px; width: 27px; height: 16px; overflow: hidden; }
.box08 .z11{ position: absolute; top: 373px; left: 781px; width: 15px; height: 20px; overflow: hidden; }
.box08 .z12{ position: absolute; top: 323px; left: 781px; width: 15px; height: 27px; overflow: hidden; }
.box08 .z13{ position: absolute; top: 272px; left: 781px; width: 15px; height: 27px; overflow: hidden; }
.box08 .z14{ position: absolute; top: 215px; left: 781px; width: 15px; height: 28px; overflow: hidden; }
.box08 .z15{ position: absolute; top: 159px; left: 781px; width: 15px; height: 28px; overflow: hidden; }
.box08 .z16{ position: absolute; top: 187px; left: 285px; width: 15px; height: 27px; overflow: hidden;  }
.box08 .z17{ position: absolute; top: 219px; left: 285px; width: 15px; height: 26px; overflow: hidden; }
.box08 .z18{ position: absolute; top: 245px; left: 285px; width: 15px; height: 27px; overflow: hidden; }
.box08 .z19{ position: absolute; top: 277px; left: 285px; width: 15px; height: 29px; overflow: hidden; }

.list01{ float: left; width: 100%; margin:0; padding: 0 1%; clear: both; }
.list01 li{ float: left; width: 46%; margin: 2% 2%; border: 1px #1096ab solid; }

.list02{ float: left; width: 100%; padding: 0px; }
.list02 li{ float: left; margin:2% 0 0 3%; width: 45%; padding: 1.5%; border: 1px #11a6bd solid; }
.list02 li div img{ width: 100%; }
.list02 h4{ font-size: 14px; line-height: 24px; color: #0d8fa3; font-weight: bold; }
.list02 p{ font-size: 12px; line-height: 20px; color: #bfbfbf; }
.list02 p a{ color: #bfbfbf; }
.list02 p a:hover{ color: #c00; }
.list03{ float: left; width: 100%; padding: 0 0 0 1%; }
.list03 li{ float: left; width: 100%; background: url(imagestitle_11.png) 15px 10px no-repeat; font-size: 14px; line-height: 30px; color: #12adc5; padding-left: 30px; font-weight:bold; list-style:none;}
.list03 li a{ color: #12adc5; }
.list03 li a:hover{ color: #c00; }
.list04{ float: left; width: 100%; border: 1px #12a9c0 solid; padding: 1.5% 0; }
.list04 li{ float: left; width: 45%; margin: 1% 0 0 3.3%; color: #fff; list-style: none; }
.list04 li div{ float: left; width: 100%; position: relative; }
.list04 li div .tit{ position: absolute; left: 1%; bottom: 0; width: 100%; font-size: 12px; line-height: 16px; z-index: 99; text-shadow: 3px 3px 3px #000; }
.list04 li p{ font-size: 14px; text-align: center; clear:both; padding-top:1%;}
.list04 li p::after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

.list05{ float: left; width: 100%; padding: 0px; margin: 0px; }
.list05 li{ float: left; width: 50%; padding: 2% 2.8% 0; list-style: none; }
.list05 li div{ float: left; width: 100%; position: relative; padding-bottom: 4%; }
.list05 li div .tit{ position: absolute; left: 1%; bottom: 0; width: 100%; font-size: 14px; line-height: 16px; z-index: 99; color: #fff; text-shadow: 3px 3px 3px #000; }
.list05 li p{ border: 1px #12aac1 solid; padding:2% 2.8%; font-size: 12px; line-height: 20px; color: #bfbfbf; clear: both; }
.list05 li p a{ color: #bfbfbf; }
.list05 li p a:hover{ color: #c00; }

.list06{ float: left; width: 100%; padding: 0px; margin: 0px; }
.list06 li{ float: left; width: 50%; padding: 2% 2.8% 0; list-style: none; }
.list06 li div{ float: left; width: 100%; position: relative; }
.list06 li div .tit{ position: absolute; left: 1%; bottom: 0; width: 100%; font-size: 14px; line-height: 16px; z-index: 99; color: #fff; text-shadow: 3px 3px 3px #000; }
.list07{ margin: 0px auto; max-width: 910px; padding: 0 0 5% 0; }
.list07 h2{ float: left; width: 55%; margin-bottom: 5%; }
.list07 li{ width: 100%; margin: 2% 0 0 0; padding: 0px; }
.list07 li img{ width: 100%;}


.tit{ width: 45%; }
.tit01{ color: #12adc5; text-align: center; }
.tit01 a{ color: #12adc5; }
.tit01 a:hover{ color: #c00; }

.tab2 li{ list-style: none; }
.tab2 li a{ display: block; width: 30px; height: 30px; }
.tab2 li a:hover{ text-decoration:none;}
.her {background: #c00 !important;  width: 30px; height: 30px;}
.tab2 li a.a_01, .tab2 li a.a_02, .tab2 li a.a_03, .tab2 li a.a_04, .tab2 li a.a_05, .tab2 li a.a_06, .tab2 li a.a_07, .tab2 li a.a_08, .tab2 li a.a_09, .tab2 li a.a_010, .tab2 li a.a_011, .tab2 li a.a_012, .tab2 li a.a_013, .tab2 li a.a_014, .tab2 li a.a_015, .tab2 li a.a_016, .tab2 li a.a_017, .tab2 li a.a_018, .tab2 li a.a_018, .tab2 li a.a_019{ background: #c00; width: 30px; height: 30px; }
.tab2 li a.a_1, .tab2 li a.a_2, .tab2 li a.a_3, .tab2 li a.a_4, .tab2 li a.a_5, .tab2 li a.a_6, .tab2 li a.a_7, .tab2 li a.a_8, .tab2 li a.a_9, .tab2 li a.a_10, .tab2 li a.a_11, .tab2 li a.a_12, .tab2 li a.a_13, .tab2 li a.a_14, .tab2 li a.a_15, .tab2 li a.a_16, .tab2 li a.a_17, .tab2 li a.a_18, .tab2 li a.a_18, .tab2 li a.a_19{ background: none; width: 30px; height: 30px; }


.tab01 {display:-webkit-table;display:table;width:100%; padding:0px;}
.tab01 li {display:table-cell; margin-right: 2%}
.tab01 li:last-child span{ border-right:0;}
.tab01 li span {display:block;color:#646464;font-size:12px;font-weight:bold;text-align:center; border-bottom:3px #646464 solid; padding-bottom: 2%; margin-right: 2%}
.tab01 li span.here { border-bottom: 3px #12adc5 solid; color:#12adc5;}
.tab01 li b{font-size: 18px; display:block;}
.tab01Cont{ display:none;}

.tab02 {display:-webkit-table;display:table;width:100%; padding:0px;}
.tab02 li {display:table-cell;}
.tab02 li:last-child span{ border-right:0;}
.tab02 li span {display:block; width: 60px; height: 30px; }
.tab02 li span.here { background: #c00;}
.tab02Cont{ display:none;}


.l1_1 { width: 136px; position: fixed; top: 100px; right: 50%; margin-right: -730px; }
*html .l1_1 { position: absolute; bottom: auto; top: expression(eval(document.documentElement.scrollTop)); }
.l7 { position: absolute; width: 136px; right: 50%; margin-right: -740px; }
.l1_2 { width: 136px; position: fixed; top: 100px; right: 50%; margin-right: -600px; }
*html .l1_2{ position: absolute; bottom: auto; top: expression(eval(document.documentElement.scrollTop)); }

.floating{ float: left; width: 136px; height: 330px; background: url(imagestitle_08.png) 0px 0px no-repeat; }
.floating ul{ float: left; width: 120px; padding: 20px 0 0 8px; }
.floating ul li{ border-bottom: 1px #104b65 solid; font-size: 15px; padding-left: 5px; line-height: 36px; color: #fff; list-style: none; }
.floating a{ color: #fff; }
.floating a:hover{ color: #c00; }
.floating a.top{ float: left; margin: 25px 0 0 30px; font-size: 14px; }


/* footer */
#footer { width: 100%; line-height: 25px; font-family: SimSun; font-size: 12px; color: #fff; font-weight: normal; text-align: center; background:url(imagesbg01.jpg) repeat-y center; margin-top:30px;}
#footer a { color: #fff; }
#footer p { text-align: center; font-family: SimSun; font-size: 12px; padding: 20px 0; }
#footer address { font-style: normal; text-align: center; color: #fff; font-family: SimSun; font-size: 12px; }
#footer .line{ background: url(imagesbg02.jpg) no-repeat center; height: 4px; margin-bottom: 0.4rem; }
#fotter span{ margin-bottom: 5%; }


/*在小于 480 像素的屏幕,这里的样式才生效*/
@media (max-width: 768px) {
    .yc{
        display: none;
    }
    .yc01{
        display: block;
    }
    .bg02{ padding-top: 8%; }
    .loadImg{ width: 98%; margin:0 1% 5%; }
    .loadImg .imgText{bottom:4%; right:1%;}
    .carousel-indicators li { width: 10px; height: 10px; border-radius: 10px }
    .carousel-indicators .active { width: 12px; height: 12px;}
    .carousel-indicators { bottom: -30px }
    .tit01{ font-size: 14px; }
    .zh01{ display: none; }
    .zh{ display: block; }
    .tab2{ float: left; width: 100%; margin:0px; padding: 0px; z-index: 999; position: relative; }
    .tab2 li{ float: left; width: 46%; margin: 1% 2%;}
    .tab2 li a{ display: block; font-size:12px; width:100%; text-align:center; color:#000; line-height:24px;}
    .tab2 li a:hover{ text-decoration:none;}
    .her{ background-image:linear-gradient(to right,#e40014,#f6a8a5) !important; width: 100% !important; color:#f66f69 !important; text-align:center; color:#fff !important; z-index: 999;}
    .tab2 li a.a_1, .tab2 li a.a_2, .tab2 li a.a_3, .tab2 li a.a_4, .tab2 li a.a_5, .tab2 li a.a_6, .tab2 li a.a_7, .tab2 li a.a_8, .tab2 li a.a_9, .tab2 li a.a_10, .tab2 li a.a_11, .tab2 li a.a_12, .tab2 li a.a_13, .tab2 li a.a_14, .tab2 li a.a_15, .tab2 li a.a_16, .tab2 li a.a_17, .tab2 li a.a_18, .tab2 li a.a_18, .tab2 li a.a_19, .tab2 li a.a_20{ color: #000; background:#fff; width:100%; text-align:center; color:#000; z-index: 999; }

    #footer span{
        display: block;
    }
    #footer p{
        display: none;
    } 
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 769px) {  
    .yc{
        display: none;
    }
    .yc01{
        display: block;
    }
    .loadImg .imgText{bottom:3%; right:1%;}
    .carousel-indicators li { width: 12px; height: 12px; border-radius: 10px }
    .carousel-indicators .active { width: 14px; height: 14px;}
    .carousel-indicators { bottom: -60px }
    .tit01{ font-size: 14px; } 
    .zh01{ display: block; }
    .zh{ display: none; }
    .box08{ margin: 0px auto; width: 768px; height: 417px; background: url(images6b.jpg) 0px 0px no-repeat; border: 1px #12adc5 solid;  z-index:999; position: relative;}
.box08 .z01{ position: absolute; top: 97px; left: 560px; width: 14px; height: 16px; overflow: hidden; z-index:999}
.box08 .z02{ position: absolute; top: 114px; left: 560px; width: 14px; height: 17px; overflow: hidden; z-index:999 }
.box08 .z03{ position: absolute; top: 162px; left: 560px; width: 14px; height: 24px; overflow: hidden; z-index:999 }
.box08 .z04{ position: absolute; top: 192px; left: 560px; width: 14px; height: 24px; overflow: hidden; z-index:999 }
.box08 .z05{ position: absolute; top: 216px; left: 560px; width: 14px; height: 22px; overflow: hidden; z-index:999 }
.box08 .z06{ position: absolute; top: 243px; left: 560px; width: 14px; height: 22px; overflow: hidden; z-index:999 }
.box08 .z07{ position: absolute; top: 300px; left: 560px; width: 14px; height: 22px; overflow: hidden; z-index:999 }
.box08 .z08{ position: absolute; top: 325px; left: 560px; width: 14px; height: 22px; overflow: hidden; z-index:999 }
.box08 .z09{ position: absolute; top: 326px; left: 574px; width: 22px; height: 13px; overflow: hidden; z-index:999 }
.box08 .z10{ position: absolute; top: 326px; left: 596px; width: 23px; height: 13px; overflow: hidden; z-index:999 }
.box08 .z11{ position: absolute; top: 294px; left: 619px; width: 15px; height: 18px; overflow: hidden; z-index:999 }
.box08 .z12{ position: absolute; top: 252px; left: 619px; width: 15px; height: 24px; overflow: hidden; z-index:999 }
.box08 .z13{ position: absolute; top: 209px; left: 619px; width: 15px; height: 25px; overflow: hidden; z-index:999 }
.box08 .z14{ position: absolute; top: 162px; left: 619px; width: 15px; height: 25px; overflow: hidden; z-index:999 }
.box08 .z15{ position: absolute; top: 115px; left: 619px; width: 15px; height: 24px; overflow: hidden; z-index:999 }
.box08 .z16{ position: absolute; top: 139px; left: 205px; width: 15px; height: 24px; overflow: hidden; z-index:999  }
.box08 .z17{ position: absolute; top: 166px; left: 205px; width: 15px; height: 23px; overflow: hidden; z-index:999 }
.box08 .z18{ position: absolute; top: 188px; left: 205px; width: 15px; height: 22px; overflow: hidden; z-index:999 }
.box08 .z19{ position: absolute; top: 214px; left: 205px; width: 15px; height: 22px; overflow: hidden; z-index:999 }

    
    #footer span{
        display: none;
    }
    #footer p{
        display: block;
    } 

}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
    .yc{
        display: block;
    }
    .yc01{
        display: none;
    }
    .box01{ float: right; width: 32%; margin:0 0.8%; clear: none; }
    .box01 .left01{ margin: 15% 0 0 11%; width: 47%; }
    .box01 .right01{ width:31%; margin:11% 11% 11% 0;}
    .list01 li{ width: 24%; margin: 1% 0.5%; }
    .tit{ width: 20%; display: inline-block }    
    .box02{ float: left; width: 1178px; height: 450px; margin: 15px 0 0 11px; background: url(imagestitle_09.jpg) 0px 0px no-repeat; }
    .box03{ margin: 2% auto; width: 75%; }
    .tit01{ font-size: 22px; }
   /*  .box03{ margin: 40px auto; width: 900px; padding: 12px; height: 300px;  background-image: linear-gradient(to right,#1e5b78,#02181e); }
    .box03-border{ float: left; width: 876px; height: 276px; padding: 2px; background-image: linear-gradient(to left,#12adc5,#a28f4c,#fd7c00); }
    .box03-border01{ float:left; width:872px; height: 272px;  background-image: linear-gradient(to right,#1e5b78,#02181e); }
 */    
    .carousel-indicators { bottom: -60px }
    .tab01 li b{font-size: 26px;}
    .tab01 {display:-webkit-table;display:table;width:76%; padding:0px; float:right; margin-top:15px;}
    .list02 li{ margin:1% 0 0 0.8%; width: 19%; padding: 0.75%; }
    .list02 h4{ font-size: 16px; line-height: 26px;}
    .list02 p{ font-size: 14px; line-height: 24px; }
    .list03 li{ width: 33%; background: url(imagestitle_11.png) 15px 10px no-repeat; font-size: 16px; line-height: 34px;}
    .list04 li{ width: 17%; margin: 1% 0 0 2%; color: #fff; list-style: none; }
    .list05{ float: left; width: 100%; padding: 0px; margin: 0px; }
    .list05 li{ width: 25%; padding: 2% 1% 0; }
    .list05 li div .tit{ bottom: 3%; font-size: 22px; line-height: 24px; z-index: 99; color: #fff; text-shadow: 3px 3px 3px #000; }
    .list05 li div img{ width: 100%; }
    .list05 li p{ font-size: 14px; line-height: 24px; padding:2.5% 2.8%; }
    .list06{ width: 42%; }
    .box06{ width: 62%; }
    .box07{ width: 35%; margin: 0 0 0 3%; }
    .box07 h3{ font-size: 20px;}
    .list07 h2{ width: 38%;}
    .zh01{ display: block; }
    .zh{ display: none; }
    .box08{ margin: 0px auto; width: 990px; height: 457px; background: url(images6a.jpg) 0px 0px no-repeat; border: 1px #12adc5 solid;  z-index:999; position: relative;}
.box08 .z01{ position: absolute; top: 97px; left: 615px; width: 14px; height: 17px; overflow: hidden; z-index:999 }
.box08 .z02{ position: absolute; top: 114px; left: 615px; width: 14px; height: 18px; overflow: hidden; z-index:999 }
.box08 .z03{ position: absolute; top: 162px; left: 615px; width: 14px; height: 26px; overflow: hidden; z-index:999 }
.box08 .z04{ position: absolute; top: 192px; left: 615px; width: 14px; height: 26px; overflow: hidden; z-index:999 }
.box08 .z05{ position: absolute; top: 216px; left: 615px; width: 14px; height: 26px; overflow: hidden; z-index:999 }
.box08 .z06{ position: absolute; top: 243px; left: 615px; width: 14px; height: 26px; overflow: hidden; z-index:999 }
.box08 .z07{ position: absolute; top: 300px; left: 615px; width: 14px; height: 25px; overflow: hidden; z-index:999 }
.box08 .z08{ position: absolute; top: 325px; left: 615px; width: 14px; height: 25px; overflow: hidden; z-index:999 }
.box08 .z09{ position: absolute; top: 357px; left: 629px; width: 25px; height: 15px; overflow: hidden; z-index:999 }
.box08 .z10{ position: absolute; top: 357px; left: 654px; width: 25px; height: 15px; overflow: hidden; z-index:999 }
.box08 .z11{ position: absolute; top: 323px; left: 679px; width: 15px; height: 20px; overflow: hidden; z-index:999 }
.box08 .z12{ position: absolute; top: 277px; left: 679px; width: 15px; height: 27px; overflow: hidden; z-index:999 }
.box08 .z13{ position: absolute; top: 230px; left: 679px; width: 15px; height: 27px; overflow: hidden; z-index:999 }
.box08 .z14{ position: absolute; top: 178px; left: 679px; width: 15px; height: 28px; overflow: hidden; z-index:999 }
.box08 .z15{ position: absolute; top: 126px; left: 679px; width: 15px; height: 28px; overflow: hidden; z-index:999 }
.box08 .z16{ position: absolute; top: 185px; left: 225px; width: 15px; height: 26px; overflow: hidden; z-index:999  }
.box08 .z17{ position: absolute; top: 182px; left: 225px; width: 15px; height: 24px; overflow: hidden; z-index:999 }
.box08 .z18{ position: absolute; top: 206px; left: 225px; width: 15px; height: 26px; overflow: hidden; z-index:999 }
.box08 .z19{ position: absolute; top: 235px; left: 225px; width: 15px; height: 24px; overflow: hidden; z-index:999 }

    
    #footer span{
        display: none;
    }
    #footer p{
        display: block;
    } 

}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
    .yc{
        display: block;
    }
    .yc01{
        display: none;
    }
    .box01{ float: right; width: 32%; margin:0 0.8%; clear: none; }
    .box01 .left01{ margin: 15% 0 0 11%; width: 47%; }
    .box01 .right01{ width:31%; margin:11% 11% 11% 0;}
    .list01 li{ width: 24%; margin: 1% 0.5%; }
    .tit{ width: 20%; display: inline-block }
    .carousel-indicators { bottom: -60px }
    .box03{ margin: 2% auto; width: 75%; }
    .tit01{ font-size: 22px; }
    .tab01 li b{font-size: 26px;}
    .tab01 {display:-webkit-table;display:table;width:76%; padding:0px; float:right; margin-top:15px;}
    .list02 li{ margin:1% 0 0 0.8%; width: 19%; padding: 0.75%; }
    .list02 h4{ font-size: 16px; line-height: 26px;}
    .list02 p{ font-size: 14px; line-height: 24px; }
    .list03 li{ width: 33%; background: url(imagestitle_11.png) 15px 10px no-repeat; font-size: 16px; line-height: 34px; padding-left:35px;}
    .list05{ float: left; width: 100%; padding: 0px; margin: 0px; }
    .list05 li{ width: 25%; padding: 2% 1% 0; }
    .list05 li div .tit{ bottom: 3%; font-size: 22px; line-height: 24px; z-index: 99; color: #fff; text-shadow: 3px 3px 3px #000; }
    .list05 li div img{ width: 100%; }
    .list05 li p{ font-size: 14px; line-height: 24px; }
    .list05 li p{ font-size: 14px; line-height: 24px; padding:2.5% 2.8%; }
    .list06{ width: 42%;}
    .box06{ width: 62%; }
    .box07{ width: 35%; margin: 0 0 0 3%; }
    .box07 h3{ font-size: 20px;}
    .list07 h2{ width: 38%;}
    #footer span{
        display: none;
    }
    #footer p{
        display: block;
    } 
    .zh01{ display: block; }
    .zh{ display: none; }
    .box08{ margin: 12px 0 10px 11px; float: left; width: 1178px; height: 536px; background: url(images6.jpg) 0px 0px no-repeat; z-index:999; position: relative; }
.box08 .z01{ position: absolute; top: 127px; left: 710px; width: 14px; height: 19px; overflow: hidden; z-index:999 }
.box08 .z02{ position: absolute; top: 146px; left: 710px; width: 14px; height: 19px; overflow: hidden; z-index:999 }
.box08 .z03{ position: absolute; top: 199px; left: 710px; width: 14px; height: 26px; overflow: hidden; z-index:999 }
.box08 .z04{ position: absolute; top: 230px; left: 710px; width: 14px; height: 26px; overflow: hidden; z-index:999 }
.box08 .z05{ position: absolute; top: 256px; left: 710px; width: 14px; height: 26px; overflow: hidden; z-index:999 }
.box08 .z06{ position: absolute; top: 286px; left: 710px; width: 14px; height: 26px; overflow: hidden; z-index:999 }
.box08 .z07{ position: absolute; top: 348px; left: 710px; width: 14px; height: 27px; overflow: hidden; z-index:999 }
.box08 .z08{ position: absolute; top: 375px; left: 710px; width: 14px; height: 27px; overflow: hidden; z-index:999 }
.box08 .z09{ position: absolute; top: 410px; left: 726px; width: 26px; height: 16px; overflow: hidden; z-index:999 }
.box08 .z10{ position: absolute; top: 410px; left: 752px; width: 27px; height: 16px; overflow: hidden; z-index:999 }
.box08 .z11{ position: absolute; top: 373px; left: 781px; width: 15px; height: 20px; overflow: hidden; z-index:999 }
.box08 .z12{ position: absolute; top: 323px; left: 781px; width: 15px; height: 27px; overflow: hidden; z-index:999 }
.box08 .z13{ position: absolute; top: 272px; left: 781px; width: 15px; height: 27px; overflow: hidden; z-index:999 }
.box08 .z14{ position: absolute; top: 215px; left: 781px; width: 15px; height: 28px; overflow: hidden; z-index:999 }
.box08 .z15{ position: absolute; top: 159px; left: 781px; width: 15px; height: 28px; overflow: hidden; z-index:999 }
.box08 .z16{ position: absolute; top: 187px; left: 285px; width: 15px; height: 27px; overflow: hidden;  z-index:999 }
.box08 .z17{ position: absolute; top: 219px; left: 285px; width: 15px; height: 26px; overflow: hidden; z-index:999 }
.box08 .z18{ position: absolute; top: 245px; left: 285px; width: 15px; height: 27px; overflow: hidden; z-index:999 }
.box08 .z19{ position: absolute; top: 277px; left: 285px; width: 15px; height: 29px; overflow: hidden; z-index:999 }
}