/*html,body{ width:100%;  height:100%;}*/
.list25 .tankIntro{background: rgba(0, 70, 141, 0.4) none repeat scroll 0 0 !important;}
#lm0 h1 {text-align: center; margin-left: 21px; margin-right: 21px; position: relative; margin-top: 10px;}
#lm0 h1 a { font-size: 36px; color: #1c1760;}
#lm0 h1 a:hover{ text-decoration: none;}
#lm0 p { font-size: 15px; margin-left: 21px;  margin-right: 21px;  text-align: center;}
#lm0 p a { color: #595757;}
#lm0 p a span{padding: 0 5px;}


.warp{display: none;}
.tab ul li{ width: 48px; height: 30px;margin-right:1px; float: left; line-height: 30px; text-align: center; }
.tab ul li.on{height:36px; line-height: 36px;margin-top:-6px;}
.warp .top .left{ float: left;}
.warp .top .left a{ display: none;}
.warp .top .right{ float: left;}

.sj{display: none;}
.warp .top .right ul li.active .sj{display: block;position: absolute; left:-15px;top:50%;margin-top:-7px; }
.warp .top .right ul li.middle{ border-top: 3px solid #fff;border-bottom: 3px solid #fff;}
.warp .bottom{ border-top:2px solid #fff; background: #258ced;   }
.warp .bottom a{ color: #fff; display: none;}
.warp .bottom h3 { color: #fff;}
.warp .bottom p{margin-left: 23px; line-height: 32px;}
.warp .bottom a:hover{ text-decoration: none;}
/* Large desktop */
@media (min-width: 1200px) {

    .banner{height:  642px; width: 100%; background: url(img/banner.jpg) no-repeat  top center; min-width: 1200px;   }
    .container { width: 1200px;}
    .swiper-container {width:100%;height:100%;margin:0 auto; position: relative;}
    #lm0{ margin-top: 548px; background: url(img/line.png) repeat-x  left bottom;padding-bottom:1px;}
    #lm0 h1 {text-align: center; margin-left: 21px; margin-right: 21px; position: relative; margin-top: 10px;}
    #lm0 h1 a { font-size: 36px; color: #1c1760;}
    #lm0 h1 a:hover{ text-decoration: none;}
    #lm0 p { font-size: 15px; margin-left: 21px;  margin-right: 21px;  text-align: center;}
    #lm0 p a { color: #595757;}
    #lm0 p a span{padding: 0 5px;}
    .tab ul{ margin-top:80px;margin-left:911px; }
    .tab ul li{ width: 48px; height: 30px;margin-right:1px; float: left; line-height: 30px; text-align: center; }
    .warp .top .right ul li{ border-left: 2px solid #fff;position: relative; width: 167px; height: 166px;}
    .warp .bottom h3 {   margin: 13px 0 13px 23px ;}
    .warp .bottom{  height:145px;   }
    .swiper-slide{
        height: 866px; background: url(img/bg.jpg) no-repeat  top center; min-width: 1200px;   }
    .warp{width: 1142px;  border: 13px solid #fff; margin-top:110px; position: relative; display: none;}
    .muen{width: 100%; height:76px; background: url(img/navbar.jpg) no-repeat  top center; min-width: 1200px;  display:none; z-index: 999; }
    .muen .container{position: relative;height: 76px;margin: 0 auto; }
    .muen ul li{ line-height: 76px; height: 76px; float: left; width: 114px; text-align: center;}
    .muen ul li a{ color: #fff; font-size: 16px;}
    .ul1{ position: absolute; left:0; top:0;}
    .ul2{ position: absolute; right:0;top:0;}


    .slide2 .container{ position: relative;}
    .slide2 ul li{ border: 4px solid #fff; position: absolute;}
    .slide2 ul li.l1{width: 437px; height: 311px; left:0;top:178px; }
    .slide2 ul li.l2{width:296px; height: 306px; left:447px;top:218px; }
    .slide2 ul li.l3{width: 376px; height: 386px; left:753px;top:138px; }
    .slide2 ul li.l4{width: 334px; height: 304px; left:103px;top:499px; }
    .slide2 ul li.l5{width: 514px; height: 238px; left:447px;top:534px; }
    .lm1{ padding-top:97px;}
    .list25 .tankIntro .title{ margin-top:30%; text-decoration: none;line-height: 30px;}
    .slide2 ul li.l3   .title{ margin-top:40%;  }
    .slide2 ul li.l5   .title{ margin-top:20%;  }

    .list6 .first{ font-weight: bold;}
    .list8 { width: 100%;  margin: 58px auto 30px auto;}
    .footer{background: none; border-top: none;}
    .lm4 .list8{ width:33%; }
    .lm4 .list8 li{ float: left;}

}
/* desktop */
@media (min-width: 979px) and (max-width: 1199px) {
    .container,#localNav,#channelNav,.footer{ width:1200px;}
    .lm4 ul li {line-height: 20px; }
    .span12 {width: 1170px; }
    .span11 {width: 1070px; }
    .span10 {width: 970px;  }
    .span9 { width: 870px; }
    .span8 { width: 770px; }
    .span7 { width: 670px; }
    .span6 { width: 570px; }
    .span5 { width: 470px; }
    .span4 {width: 370px;  }
    .span3 {width: 270px;  }
    .span2 {width: 170px;  }
    .span1 {width: 70px;  }
    li {line-height: 34px; }

    .list18 li, .list18 li{ height: 160px; width: 285px; }
    .list18 li + li{margin-left: 10px;}

    .banner{height:  642px; width: 100%; background: url(img/banner.jpg) no-repeat  top center; min-width: 1200px;   }
    .container { width: 1200px;}
    .swiper-container {width:100%;height:100%;margin:0 auto; position: relative;}
    #lm0{ margin-top: 548px; background: url(img/line.png) repeat-x  left bottom;padding-bottom:1px;}
    #lm0 h1 {text-align: center; margin-left: 21px; margin-right: 21px; position: relative; margin-top: 10px;}
    #lm0 h1 a { font-size: 36px; color: #1c1760;}
    #lm0 h1 a:hover{ text-decoration: none;}
    #lm0 p { font-size: 15px; margin-left: 21px;  margin-right: 21px;  text-align: center;}
    #lm0 p a { color: #595757;}
    #lm0 p a span{padding: 0 5px;}
    .tab ul{ margin-top:80px;margin-left:911px; }
    .tab ul li{ width: 48px; height: 30px;margin-right:1px; float: left; line-height: 30px; text-align: center; }
    .warp .top .right ul li{ border-left: 2px solid #fff;position: relative; width: 167px; height: 166px;}
    .warp .bottom h3 {   margin: 13px 0 13px 23px ;}
    .warp .bottom{  height:145px;   }
    .swiper-slide{
        height: 866px; background: url(img/bg.jpg) no-repeat  top center; min-width: 1200px;   }
    .warp{width: 1142px;  border: 13px solid #fff; margin-top:110px; position: relative; display: none;}
    .muen{width: 100%; height:76px; background: url(img/navbar.jpg) no-repeat  top center; min-width: 1200px;  display:none; z-index: 999; }
    .muen .container{position: relative;height: 76px;margin: 0 auto; }
    .muen ul li{ line-height: 76px; height: 76px; float: left; width: 114px; text-align: center;}
    .muen ul li a{ color: #fff; font-size: 16px;}
    .ul1{ position: absolute; left:0; top:0;}
    .ul2{ position: absolute; right:0;top:0;}


    .slide2 .container{ position: relative;}
    .slide2 ul li{ border: 4px solid #fff; position: absolute;}
    .slide2 ul li.l1{width: 437px; height: 311px; left:0;top:178px; }
    .slide2 ul li.l2{width:296px; height: 306px; left:447px;top:218px; }
    .slide2 ul li.l3{width: 376px; height: 386px; left:753px;top:138px; }
    .slide2 ul li.l4{width: 334px; height: 304px; left:103px;top:499px; }
    .slide2 ul li.l5{width: 514px; height: 238px; left:447px;top:534px; }
    .lm1{ padding-top:97px;}
    .list25 .tankIntro .title{ margin-top:30%; text-decoration: none;line-height: 30px;}
    .slide2 ul li.l3   .title{ margin-top:40%;  }
    .slide2 ul li.l5   .title{ margin-top:20%;  }

    .list6 .first{ font-weight: bold;}
    .list8 { width: 100%;  margin: 58px auto 30px auto;}
    .footer{background: none; border-top: none;}
    .lm4 .list8{ width:33%; }
    .lm4 .list8 li{ float: left;}


}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .container,#localNav,#channelNav,.footer{ width:1200px;}
    .lm4 ul li {  line-height: 20px;    }
    .span12 {width: 1170px;    }
    .span11 { width: 1070px;    }
    .span10 {width: 970px;    }
    .span9 {width: 870px;    }
    .span8 { width: 770px;    }
    .span7 { width: 670px;    }
    .span6 { width: 570px;    }
    .span5 {width: 470px;    }
    .span4 {width: 370px;    }
    .span3 { width: 270px;    }
    .span2 {width: 170px;    }
    .span1 {width: 70px;    }
    li { line-height: 34px;    }
    #row1 .span8{ position: relative;}
    .list18 li, .list18 li{ height: 160px; width: 285px; }
    .list18 li + li, .list18 li+li{margin-left: 10px;}

    .banner{height:  642px; width: 100%; background: url(img/banner.jpg) no-repeat  top center; min-width: 1200px;   }
    .container { width: 1200px;}
    .swiper-container {width:100%;height:100%;margin:0 auto; position: relative;}
    #lm0{ margin-top: 548px; background: url(img/line.png) repeat-x  left bottom;padding-bottom:1px;}
    #lm0 h1 {text-align: center; margin-left: 21px; margin-right: 21px; position: relative; margin-top: 10px;}
    #lm0 h1 a { font-size: 36px; color: #1c1760;}
    #lm0 h1 a:hover{ text-decoration: none;}
    #lm0 p { font-size: 15px; margin-left: 21px;  margin-right: 21px;  text-align: center;}
    #lm0 p a { color: #595757;}
    #lm0 p a span{padding: 0 5px;}
    .tab ul{ margin-top:80px;margin-left:911px; }
    .tab ul li{ width: 48px; height: 30px;margin-right:1px; float: left; line-height: 30px; text-align: center; }
    .warp .top .right ul li{ border-left: 2px solid #fff;position: relative; width: 167px; height: 166px;}
    .warp .bottom h3 {   margin: 13px 0 13px 23px ;}
    .warp .bottom{  height:145px;   }
    .swiper-slide{
        height: 866px; background: url(img/bg.jpg) no-repeat  top center; min-width: 1200px;   }
    .warp{width: 1142px;  border: 13px solid #fff; margin-top:110px; position: relative; display: none;}
    .muen{width: 100%; height:76px; background: url(img/navbar.jpg) no-repeat  top center; min-width: 1200px;  display:none; z-index: 999; }
    .muen .container{position: relative;height: 76px;margin: 0 auto; }
    .muen ul li{ line-height: 76px; height: 76px; float: left; width: 114px; text-align: center;}
    .muen ul li a{ color: #fff; font-size: 16px;}
    .ul1{ position: absolute; left:0; top:0;}
    .ul2{ position: absolute; right:0;top:0;}


    .slide2 .container{ position: relative;}
    .slide2 ul li{ border: 4px solid #fff; position: absolute;}
    .slide2 ul li.l1{width: 437px; height: 311px; left:0;top:178px; }
    .slide2 ul li.l2{width:296px; height: 306px; left:447px;top:218px; }
    .slide2 ul li.l3{width: 376px; height: 386px; left:753px;top:138px; }
    .slide2 ul li.l4{width: 334px; height: 304px; left:103px;top:499px; }
    .slide2 ul li.l5{width: 514px; height: 238px; left:447px;top:534px; }
    .lm1{ padding-top:97px;}
    .list25 .tankIntro .title{ margin-top:30%; text-decoration: none;line-height: 30px;}
    .slide2 ul li.l3   .title{ margin-top:40%;  }
    .slide2 ul li.l5   .title{ margin-top:20%;  }

    .list6 .first{ font-weight: bold;}
    .list8 { width: 100%;  margin: 58px auto 30px auto;}
    .footer{background: none; border-top: none;}
    .lm4 .list8{ width:33%; }
    .lm4 .list8 li{ float: left;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {


    .banner {
        min-width: 100%;
        height: auto;
        background: none;
    }

    .row {
        margin-left: 2%;
        margin-right: 2%;
    }

    .span4 {
        width: 100%;
    }
    p.ttzy_yu a{display:block;}
    p.ttzy_yu span{display:none;}
    .warp .top .left{ width: 85%}
    .warp .top .right{width: 15%;}

    .warp .top .right ul li{ border-left: 2px solid #fff;position: relative;   }

    #lm0 h1 {
        line-height: 23px;
    }
    #lm0 p {
        margin-top: 21px;
        margin-bottom: 21px;
    }
    #lm0 p a{
        font-size: 18px;

        line-height: 34px;
    }
    #lm0 h1 a {
        font-size: 18px;
        display: inline-block;
        width: 86%;


    }
    .warp .bottom h3 { font-size: 18px;margin-left: 5%;}
    .warp .bottom p{margin-left: 5% ;line-height: 26px;margin-right:5%;padding-bottom:5%;}

    h3.titleBar2, h3.titleBar4 {
        border-left: none;
        line-height: auto;
        padding-left:0;
        height: auto;
        padding-bottom: 0;
    }

    .list17 a.pic {
        width: 100%;
    }

    .list25 .tankIntro{     background: rgba(255, 255, 255, 0) none repeat scroll 0 0 !important;  }
}

/* Landscape phones and down */
@media (max-width: 480px) {

}