@charset "utf-8";
.banSwiper{display:none; position:relative;float:left; width:100%; height:100%; overflow:hidden;}
.banSwiper .swiper-slide{float:left; text-align:center; width: 100%;height: 100%;}
.banSwiper .swiper-slide img{display:inline-block !important; width:100%; height:auto; overflow:hidden;}
.banSwiper .swiper-button-prev:after,.banSwiper  .swiper-container-rtl .swiper-button-next:after,.banSwiper  .swiper-button-next:after,.banSwiper  .swiper-container-rtl .swiper-button-prev:after{color:transparent; line-height:48px; text-align:center; font-size:25px;}
.banSwiper .swiper-button-prev,.banSwiper  .swiper-button-next{top: calc(50% - 28px) !important;color:transparent;width:160px;height: 56px;line-height: 56px;border-radius:100%;}
.banSwiper .swiper-pagination-bullet{width:30px; opacity:1; height:2px; border:0px solid #fff;background-color:#fff; margin:0 0px !important; border-radius:2px;}
.banSwiper .swiper-pagination-bullet-active{width:30px; height:2px; background-color:#0367b2; opacity:1;}
.banSwiper .swiper-pagination-bullets{bottom:0px !important;  width:100%;padding-top:0px; height:40px;}


body {
    font-family: "Microsoft YaHei",tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
    color: #000;
    -webkit-animation:fadeIn 1s cubic-bezier(0.44, 0.13, 0.48, 0.87);
    -moz-animation:fadeIn 1s cubic-bezier(0.44, 0.13, 0.48, 0.87);
    -o-animation:fadeIn 1s cubic-bezier(0.44, 0.13, 0.48, 0.87);
    animation:fadeIn 1s cubic-bezier(0.44, 0.13, 0.48, 0.87);}
a{
    color:#000;}
a:hover{
    text-decoration: none;}
img{
    vertical-align: top;
    max-width: 100%;}
ul{
    list-style: none;
    padding: 0;
    margin: 0;}
@font-face {
    font-family: 'Vijaya';
src: url(../../../9101/static/font/vijaya.jpg);
src: local('Vijaya Regular'),
        local('Vijaya'),
        url(../../../9101/static/font/vijaya..jpg) format('woff'),
        url(../../../9101/static/font/vijaya.jpg) format('truetype'),
        url(../../../9101/static/font/vijaya.svg#vi.jpg) format('svg')}
@font-face {
    font-family: 'TrajanProRegular';
src: url(trajanproregular.jpg);
src: url(trajanproregular.jpg) format('embedded-opentype'),
         url(trajanproregular.w.jpg) format('woff2'),
         url(trajanproregular..jpg) format('woff'),
         url(trajanproregular.jpg) format('truetype'),
         url(trajanproregular.svg#trajanproreg.jpg) format('svg')}
@font-face {
    font-family:'Graphik Web';
src:url(graphik-regular-web.jpg);
src:url(graphik-regular-web.eot?#i.jpg) format("embedded-opentype"),url(graphik-regular-web..jpg) format("woff"),url(graphik-regular-web.jpg) format("truetype"),url(graphik-regular-web.svg#graphik-reg.jpg) format("svg");
    font-style:normal;
    font-stretch:normal
;}
html,body{
    position: relative;
    background-color: #fff;
    height: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;}

#banner{
    padding: 0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    height: 100%;
    overflow: hidden;}
/*#banner{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    padding-top: 80px;
}*/
#banner .swiper-container{
    opacity: 0;
    -webkit-transition: opacity 0.3s ease 0.4s,transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.5s;
        -o-transition: opacity 0.3s ease 0.4s,transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.5s;
        transition: opacity 0.3s ease 0.4s,transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.5s;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
#banner.cur .swiper-container{
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}

#content-area .swiper-container {
    width: 100%;
    height: 100%;}
#content-area .swiper-slide {
    background-position: center 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;}
.swiper-slide a{
    width: 100%;
    height: 100%;
    display: block;}
#content-area .swiper-slide img{
    display: none;}
#content-area .swiper-container-02 .swiper-slide img{
    display: block;}
#content-area .swiper-button-white{
    width: 30%;
    top: 0;
    bottom: 0;
    height: auto;
    background: none;
    margin-top: 0;}
#content-area .swiper-button-next{
    right: 0;
    cursor: url(arrow-right.jpg) 29 29,pointer !important
;}
#content-area .swiper-button-prev{
    left: 0;
    cursor: url(arrow-left.jpg) 0 29,pointer !important
;}
#content-area .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    opacity: 0.5;
    border-radius: 5px;}
#content-area .swiper-pagination-bullet-active{
    opacity: 1;}
#content-area .swiper-pagination{
    bottom: 5%;
    display: none;
    }

.nav-wapper {
    display: none;
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    position: absolute;
    border: none;
    right: 10px;
    top: 38px;
    z-index: 999;}
.nav-wapper .nav-btn {
    height: 35px;
    border: none;
/*    background: #282828;*/
    cursor: pointer;
    position: relative
;}
.nav-wapper .nav-btn span {
    width: 20px;
    height: 2px;
    background: #282828;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: height .3s;
    transition: height .3s
;}
.nav-wapper .nav-btn span::before {
    content: "";
    width: 20px;
    height: 2px;
    background: #282828;
    display: inline-block;
    position: absolute;
    top: -5px;
    -webkit-transition: -webkit-transform, top .3s;
    transition: transform, top .3s
;}
.nav-wapper .nav-btn span::after {
    content: "";
    width: 20px;
    height: 2px;
    background: #282828;
    display: inline-block;
    position: absolute;
    top: 5px;
    -webkit-transition: -webkit-transform, top .3s;
    transition: transform, top .3s
;}
.nav-wapper .active.nav-btn{
    background: #fff;}
.nav-wapper .active span::before{
    background: #282828;}
.nav-wapper .active span::after{
    background: #282828;}
.nav-wapper .active span {
    -webkit-animation: Hamburger_middleHam_3yACn .4s ease-in-out forwards;
    animation: Hamburger_middleHam_3yACn .4s ease-in-out forwards
;}
.nav-wapper .active span::before {
    -webkit-animation: Hamburger_topHam_3nX4s .4s ease-in-out forwards;
    animation: Hamburger_topHam_3nX4s .4s ease-in-out forwards
;}
.nav-wapper .active span::after {
    -webkit-animation: Hamburger_bottomHam_2mekp .4s ease-in-out forwards;
    animation: Hamburger_bottomHam_2mekp .4s ease-in-out forwards
;}
@-webkit-keyframes Hamburger_topHam_3nX4s {
30% {
top:0
;}
50% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
;}
to {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
;}
}
@keyframes Hamburger_topHam_3nX4s {
30% {
top:0
;}
50% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
;}
to {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
;}
}
@-webkit-keyframes Hamburger_middleHam_3yACn {
30% {
background-color:#000
;}
50% {
background-color:transparent
;}
to {
    background-color: transparent
;}
}
@keyframes Hamburger_middleHam_3yACn {
30% {
background-color:#000
;}
50% {
background-color:transparent
;}
to {
    background-color: transparent
;}
}
@-webkit-keyframes Hamburger_bottomHam_2mekp {
10% {
top:5px
;}
30% {
top:0
;}
50% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
;}
to {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
;}
}
@keyframes Hamburger_bottomHam_2mekp {
10% {
top:5px
;}
30% {
top:0
;}
50% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
;}
to {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
;}
}
nav {
/*    padding-left: 85px;*/
    width: 100%;
    z-index: 100;
    overflow: hidden;
    box-sizing: border-box;
    background: #fff;
    height: 0px;
    /*background: rgba(0,0,0,0.498039);*/
/*    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);*/
    transition: all 0.5s;}
nav .line {
    position: absolute;
    z-index: 1;
    width: 1px;
    height: 30px;
    top: -30px;
    left: 50px;
    background: #c0a490;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
;}
 .nav-index li>a{width: 90px!important;}
         .nav-index li.s7 span{padding-left:1200px;}
nav.active.subactive .line{
    display: none;}
nav .product-list {
    position: fixed;
    background-color: #484d52;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    overflow: hidden
;}
nav.active.subactive .product-list.subactive {

    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
nav .product-list .product-list-back {
    margin-left: 50px;
    display: inline-block;
    margin-top: 100px;
    cursor: pointer;
    margin-bottom: 35px
;}
nav .product-list>div {
    height: 100%;}
nav .product-list>div>div {
    color: #fff;
    font-size: 18px;
    display: block;
    height: 30px;
    margin-bottom: 15px;
    margin-left: 50px
;}
nav .product-list>div>div a{
    color: #fff;}
.nav-ul li .product-list a {
    color: #fff;
    font-size: 14px;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-left: 80px
;}
nav .product-list a b {
    font-weight: normal;
    width: 80px;
    display: inline-block;
    text-align: right
;}
nav .product-list a span {
    font-size: 12px;
    margin-left: 15px
;}
nav .product-list a:hover {
    color: #c0a490
;}
nav.active {
    height: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
;}
nav.active .nav-ul {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
;}
nav.active.subactive .nav-ul {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
;}
nav.active.subactive .product-list.subactive {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
;}
nav.active.subactive .product-list .active {
    color: #c0a490;
    pointer-events: none
;}
.nav-ul {
    background: #fff;
    padding-top: 110px;
    padding-bottom: 30px;
    /*height: 100%;*/
/*    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
;}
.nav-ul li {
    min-height: 35px;
    line-height: 35px;
    padding: 0 40px;
    transition:  all 0.5s;}
.nav-ul li a {
    color: #000;
    text-decoration: none;
    font-style: normal;
    font-family: "微软雅黑";
    -webkit-transition: color .3s;
    transition: color .3s;
    display: block;
    background:url(a.jpg) 100% center no-repeat;}
.nav-ul li a span {
    font-size: 16px;
    margin-left: 15px
;}
.nav-ul li a:hover {
    color: rgba(0,0,0,0.5);
    background:url(a1.jpg) 100% center no-repeat;}
.nav-ul .active a {
   color: rgba(0,0,0,0.5);
   background:url(a1.jpg) 100% center no-repeat;}
.nav-ul .on.active{
    transition: all 0.5s;}
.nav-ul .on.active>a {
   color: rgba(0,0,0,0.5);
   background:url(a1.jpg) 100% center no-repeat;}
/*.nav-ul .active:nth-of-type(2) a {
    cursor: pointer;
    pointer-events: auto;
    color: #000;
}*/
.nav-ul li .two{
    display: none;
    width: 100%;
    transition: all 0.5s;}

.nav-ul li.on .two{
    display: block;
    transition: all 0.5s;}
.nav-ul li .two a{
    color: #000;
    padding-left: 20px;
    background: url(a2.jpg) 100% center no-repeat;}
.nav-ul li .two a:hover{
    color: rgba(0,0,0,0.5);
    background: url(a3.jpg) 100% center no-repeat;}
.nav-top{
    position: relative;
    overflow: hidden;
    line-height: 50px;
    color: #bdc9d9;
    background: #00508e;}


.nav-top .search{
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;}
.nav-top .search .glyphicon{
    color: #9d9a9a;
    font-size: 20px;}
.nav-top .search-form.cur{
    width: 220px;}
.nav-top .search-form{
    float: right;
    width: 220px;
    height: 50px;
    -webkit-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
    transition: all 0.5s ease 0.2s;
    overflow: hidden;}
.nav-top .search-form .form-control{
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-right-width: 0;
        background-color: #fff;
    background-image: none;
    border: 1px solid #fff;}
.nav-top .search-form .input-group-addon{
    border: none;
    background-color: #fff;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;}
.nav-top .search-form .input-group-addon .glyphicon{
    padding: 0 5px;
    margin: 0;
    font-size: 16px;
    color: #9d9a9a;}
.nav-top .search-form .input-group-addon .subtn{
    width:26px;
    height:28px;
    position: absolute;
    right:0px;
    top: 0;
    background:none;
    border: 0;
    z-index: 10;}
.nav-top input#q{
    height: 28px;}
.input-group-addon{
    padding: 0;}
.form-group{
    margin: 0;
    margin-top: 11px;}
.header{
    position: fixed;
    left: 0;
    background: none;
    top:50px;
    width: 100%;
    height: 110px;
    z-index: 110;}

.header .w1200{
    margin:0 auto;
    height: 100%;

    z-index: 10;}
.header .header-box{
    height: 110px;
    position: relative;
    /* border-bottom: 1px solid #fff; */
    transition: all 1s;
    background:url(topbg.png) no-repeat 0px 0px;
    }
.shrink .header{
    top: 0;
    /* height: 400px; */
    /* overflow: hidden; */
    }
/*.header:hover{
    height: 160px;
    overflow: hidden;
    border-bottom: none;
}*/
.header:hover .header-box{
    background:  #fff;
   transition: all 1s;}
.shrink .header{
    border-bottom: none;}
.shrink .header .header-box{
    background: #fff;
    transition: all 1s;
    }
.header .logo{
    width: 450px;
    height: 110px;
    float: left;
    background: url(logo.png) 0 center no-repeat;
    }
.header:hover .logo{
    background: url(llogo.png) 0 center no-repeat;}
.shrink .header .logo{
    background: url(llogo.png) 0px center no-repeat;}
.shrink .nav-index li>a{
    color: #151515;}
.header:hover .nav-index li>a{
    color: #151515;}
.nav-index{
    float: right;
    height: 110px;
    width: 720px;
    }
.nav-index li{
    float: left;
    height: 110px;
    line-height: 110px;
    position: relative;
    }
.nav-index li>a{
    position: relative;
    height: 110px;
    display: block;
    width: 102px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    }

.nav-index li i{
    position: absolute;
    height: 3px;

    bottom:-3px;
    left: 0;
    width: 100%;
    display: none;
    transition: all 1s;}
.nav-index li.s i{
    display: block;
    bottom: 0;}
.nav-index li>a:hover{
    font-weight: 700;}
.nav-index li.s>a{
    font-weight: 700;}
.nav-index li:hover i{
    bottom: 0;
    display: block;}
.nav-index li div{
    position: absolute;
    top: 110px;
    left: 0;
    /* height: 0px; */
    width: 130%;
    background: #00508e;
    line-height: 42px;
    display: none;
    /* opacity: 0; */
    text-align: center;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    }
.nav-index li:hover div{display:block !important;}
.nav-index li div span{
    display: block;
    /* height: 0; */
    /* opacity: 0; */
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
    text-align: center;
    }
.nav-index li.s div span{
    opacity:1;
    height: 50px;
         transition: opacity 1s;
    -webkit-transition: opacity 1s;}
.nav-index li.s div{
    bottom: -49px;
   opacity: 1;
    height: 49px;
   z-index: 11;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;}
.nav-index li div a{
    /* display: none; */
    /* float: left; */
    }
.nav-index li.s div a{
    display: block;}
.nav-index li div a{
    color: #fff;
    /* padding: 0 22px; */
    text-align: center;
    display: block;
    }
.nav-index li div a:hover{
    opacity: 0.8;filter: alpha(opacity=80);
    transition: all 0.35s;}
.nav-index li.s0 span{
    padding-left: 450px;}
.nav-index li.s1 span{
    padding-left: 520px;}
.nav-index li.s2 span{
    padding-left: 450px;}
.nav-index li.s3 span{
    padding-left: 500px;}
.nav-index li.s4 span{
    padding-left: 850px;}
.nav-index li.s5 span{
    padding-left: 1000px;}
.nav-index li.s6 span{
    padding-left: 950px;}
.index_main{
    padding: 26px 0;}
.index_w1200{
    margin: 0 auto;
    overflow: hidden;}
.index-title{
    height: 65px;
    margin: 0 15px 15px 15px;
    border-bottom: 1px solid #e5e5e5;}
.index-title dt{
    float: left;
    height: 65px;
    line-height: 65px;}
.index-title dt b{
    color: #155185 !important;
    font-size: 26px;
    float: left;
    padding-right: 24px;
    }
.index-title dt em{
    color: #9e9e9e;
    float: left;
    font-family: "微软雅黑";
    font-size: 16px;
    font-weight: 100;
    font-style: normal;
    text-transform: uppercase;}
.index-title dd{
    float: right;
    height: 65px;
    line-height:65px;}
.index-title dd a{
    color: #00487c !important;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    }
.row3{
    overflow: hidden;}
.row3 .index-title dt b{
    font-size: 26px;
    float: left;
    /* font-weight: 700; */
    padding-right: 15px;
    }
.row3 .index-title dt em{
    font-size: 14px;}
.row3 .index-title dd a{
    font-size: 12px;}
.row3 .col-md-4 .index-title{
    margin-right: 0;}
.bgw{
    background: #fff;}
.row1 {
/*    height: 233px;*/
    visibility: visible;}
.row1 ul.index_w1200 li{
    width: 47.5%;
    float: right;}
.row1 ul.index_w1200 .pic{
    width: 100%;
    display: block;
    height: 100%;
 /*   float: left;*/
    background: #000;
    position: relative;}

.row1 ul.index_w1200 .pic span{
    position: absolute;
    top: 0;
    left:0;
    z-index: 5;
    background:rgba(0,78,140,0.8);
    width:60px;
    height:60px;
    font-size:12px;
    color:#fff;
    padding: 5px;
    text-align: center;
    font-weight:normal;
    font-family:arial;
    line-height:20px;}
.row1 ul.index_w1200 .pic span p{
    width:100%;
    border-bottom:1px solid rgba(255,255,255,0.1);
    font-size:28px;
    font-weight:bold;
    margin-bottom:3px;
    padding-bottom:3px;
    line-height:28px;}


.row1 ul.index_w1200 .pic:hover img{
    opacity: 0.8;filter: alpha(opacity=80);
    transition: all 0.35s;}
#content-area .row1 .swiper-button-white{
    width: 10%;}
.row1 ul.index_w1200 .fr{
    float: right;
    width: 305px;
    height: 100%;}
.row1 ul.index_w1200 li.mr{
    float: left;}
.row1 ul.index_w1200 .tit{
    color: #155185;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;}
.row1 ul.index_w1200 .tit:hover{
    opacity: 0.8;filter: alpha(opacity=80);
    transition: all 0.35s;}
.row1 ul.index_w1200 .text{
    padding: 10px 0;
    color: #6c6c6c;
    font-size: 14px;
    line-height: 24px;}
.row1 ul.index_w1200 em{
    font-style: normal;
    height: 15px;
    line-height: 15px;
    padding-left: 22px;
    font-size: 14px;
    color: #7a7a7a;
    background: url(time.jpg) 0 center no-repeat;}
.fl{
    float: left;}
.fr{
    float: right;}
.row2{
    height: 403px;}
.row2 .fr,.fl{
    width: 100%;}
.row2 .text{
    width: 100%;}
.moregrey{
    background: #e9e9e9;}
.grey{
    background: #f5f5f5;}
.row2 .col-md-6{
    height: 100%;
    padding: 0;
    overflow: hidden;}

.row2 .list{
    position: absolute;
    top: 88px;}
.row2 ul{
    float: left;
    width: 100%;}
.row2 ul.text li{
    padding-right: 25px;}
.index-tit{
    height: 70px;
    line-height: 70px;
    margin-top: 18px;
    position: relative;
    border: none;
    }
.index-tit dt{
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 70px;
    text-align: center;}

.index-tit dd{
    /* position: relative; */
    /* width: 50px; */
    /* float: right; */
    /* height: 70px; */
    /* text-align: right; */
    padding-right: 25px;
    color: #888888;
    font-size: 13px;
    /* display: none; */
    }
.index-tit dd a{
    /* width: 100%; */
    /* height: 100%; */
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
    /* background:#fff; */
    color: #888888;
    }
.index-tit dd a.s{
    z-index: 2;}
.index-tit dd a:hover{
    color: #599c01;}
.index-tit b{
    /* height: 70px; */
    /* line-height: 70px; */
    /* padding:0 3px; */
    display: block;
    float: left;
    color: #353535;
    cursor: pointer;
    font-size: 18px;
    /* font-weight: 100; */
    /* margin-right: 10px; */
    }
.index-tit b.s{
    /* height: 70px; */
    color: #155185;
    /* font-weight: 700; */
    }
.index-tit a{
     color: #155185;
     font-weight: normal;
}
.index-tit b.mr{
    /* padding-right: 33px; */
    /* background: url(b.jpg) 100% center no-repeat; */
    }
ul.text li{
    min-height: 35px;
    line-height: 35px;
    padding: 0 3px;
    *height:33px;
    *line-height: 33px;}
ul.text li a{
    float: left;
    height: 35px;
    line-height: 35px;
    color: #4a4b55;
    font-size: 14px;
     *height:33px;
    *line-height: 33px;}
ul.text li span{
    float: right;
    color: #a7a7a7;
    font-size: 13px;}
ul.text li a:hover{
    font-weight: 700;}
ul.text li.top{
    padding-bottom: 10px;
    overflow: hidden;}
ul.text li.top a{
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #fd1611;
    display: block;
    font-size: 16px;}
ul.text li.top .dis{
    line-height: 25px;
    color: #a1a1a1;
    font-size: 12px;}
ul.timelist{
    padding-top: 5px;
    padding: 0 15px;
    overflow: hidden;}
ul.timelist li{
    height: 65px;}
ul.timelist a{
    width: 100%;
    display: block;
    height: 32px;
    line-height: 32px;
    color: #353535;
    font-size: 14px;}
ul.timelist a:hover{
    font-weight: 700;}
ul.timelist em{
    color: #878787;
    width: 100%;
    display: block;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    display: block;
    clear: both;
    padding-left: 18px;
    font-style: normal;
    background: url(time2.jpg) 0 center no-repeat;}
.row{
    padding: 0;}

.row3 .picbox{
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    }
.row3 .pic{
    width: 100%;
    height: 230px;
    display: block;
    background: #000;
    }
.row3 .picbox .tit{
    position: absolute;
    z-index: 3;
    bottom: 0;
    /* min-height: 60px; */
    color: #fff;
    /* line-height: 24px; */
    font-size: 16px;
    width: 95.2%;
    /* padding-left: 14px; */
    padding: 13px 0px;
    text-align: center;
    }
.row3 .picbox:hover a{
       text-shadow: 1px 1px 1px #000;
       transition: all 0.35s;}
.row3 .picbox:hover img{
    opacity: 0.8;filter: alpha(opacity=80);
    transition: all 0.35s;}
.row3 .picbox .time{
    position: absolute;
    top: 0;
    left: 15px;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    background: #ee9a13;
    z-index: 5;
    display: none;
    }
.row3 .picbox .t1{
    background:rgba(24,93,147,0.8);
}
.row3 .picbox .t2{
    background:rgba(225,120,69,0.8);
}
.row3 .picbox .t3{
    background:rgba(201,65,68,0.8);
}
.row3 .picbox .t4{
    background:rgba(29,131,180,0.8);
}
.row3 .time b{
    font-weight: 100;
    display: block;
    width: 50%;
    margin: 2px auto;
    border-bottom: 1px solid #fff;}
/*.col-md-8,.col-xs-6{
    padding-left: 0;
    padding-right: 25px;
}*/
.row3 .index-title{
    margin:0 15px;
    width: auto;
    margin-bottom: 30px;}
.footer{
    overflow: hidden;
    color: #ccd6e2;
    padding: 0;
    text-align: center;
    background: url(ywbg.png) center 0 no-repeat;}
.footer a{
    color: #ccd6e2;}
.footer a:hover{
    opacity: 0.8;filter: alpha(opacity=80);
    transition: all 0.35s;}
.footer_bt{
    min-height: 60px;
    background: #04456e;
    line-height: 60px;
    text-align: center;}

.footer .row .li{
    height: 100%;
   border-right: 1px solid #24689b;}
.footer ul{
    width: 100%;
    padding-top: 15px;
    overflow: hidden;}
.footer li{
    width: 50%;
    height: 35px;
    float: left;
    line-height: 35px;}
.footer li a{
    padding-left: 35px;
    font-size: 12px;
    float: left;}
.footer .footer_logo {
    width: 100%;}
.footer .footer_logo img{
    display: inline-block;
    margin: 0 auto;
    margin-top: 10px;}
.footer dl{
    float: left;
    padding: 0 30px;
    }
.footer dl dt{
    height: 47px;
    line-height: 40px;
    font-size: 14px;}
.footer dl dd{
    border:5px solid #fff;}
.footer dl.mr{
    padding-left: 70px;}



.sjt{display:none;}

.subpage .nav-top{
    background: #00508e;}
.ban,.bbb{
    position: relative;
    height: 380px;
    /* background: url(banner.jpg.png) center 0 no-repeat; */
    background-size: cover;
    }
.ban .box{
    position: absolute;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #fff;}
.ban em,b,i{
    display: block;
    font-style: normal;
    font-weight: 100;
    }
.ban em{
    font-family: "Times New Roman";
    font-size: 30px;
    min-height: 50px;
    line-height: 50px;
    text-transform: uppercase;}
.ban b{
    min-height: 80px;
    line-height: 55px;
    font-size: 40px;}
.ban i{
    min-height: 87px;
    line-height: 38px;
    font-size: 14px;
    }
.ban table{
    margin: 0 auto;}
.ban a{color: #fff;}
.ban a:hover{
    opacity: 0.8;filter:alpha(opacity=80);
    transition: all 0.35s;}
.page_main{
    width: 100%;
   height: auto;}
.page_nav{
    height: 110px;
    background: #f5f5f5;
    text-align: center;}
.page_nav ul{
    height: 100%;}
.page_nav li{
    display:inline-block;
    height: 100%;}
.page_nav a{
    position: relative;
    margin: 0 15px;
    display: block;
    line-height: 110px;
    height: 100%;
    color: #4a4a4a;
    font-size: 16px;}
.page_nav i{
    height: 4px;
    width: 100%;
    position: absolute;
    background:#f5f5f5;
    bottom: 0;}
.page_nav li:hover i{
     background:#00508e;}
.page_nav li:hover a{
    font-weight: 700;}
.page_nav li.s i{
     background:#00508e;}
.page_nav li.s a{
    font-weight: 700;}
.pagecont{
    padding-top: 28px;}
.newslist{
    overflow: hidden;}
.newslist li{
    min-height: 59px;
    line-height: 59px;
    font-size: 16px;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;}
.newslist li i{
    float: left;
    color: #2b2b2b;}
.newslist li a{
    float: left;
    color: #2b2b2b;}
.newslist li a:hover{
    color: #155185;
    transition: all 0.35s;}
.newslist li i{
    color: #818181;
    padding-right: 15px;}
.newslist span{
    float: right;
    color: #717171;}
.page_title{
    height: 60px;
    font-size: 14px;
    border-bottom: 1px solid #e3e3e3;
    line-height: 60px;
    margin-bottom: 25px;
    font-weight: 700;
    color: #3e3e3e;}
.prpiclist{
    width: 100%;
    overflow: hidden;}
.prpiclist li{
    padding-bottom: 25px;
    color: #6c6c6c;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;}
.prpiclist a{
    display: block;
    width: 100%;
    line-height: 26px;
    font-size: 14px;
    color: #383838;}
.prpiclist a:hover{
    color: #00487c;}
.prpiclist em{
    padding-left: 22px;
    color: #7a7a7a;
    font-style: normal;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    background: url(time.jpg) 0 center no-repeat;}
.prpiclist .tit{
    font-weight: 700;
    padding-top:10px;
    padding-bottom: 5px;}
.prlist{
    width: 100%;
    margin-top: -10px;
    overflow: hidden;}
.prlist li{
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;}
.prlist li a{
    width: 100%;
    min-height: 35px;
    line-height: 35px;
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #383838;}
.prlist li a:hover{
    color: #00487c;}
.prlist li em{
    color: #727272;
    font-size: 12px;
    font-style: normal;}
.prlist li div{
    color: #aaaaaa;
    font-size: 12px;
    line-height: 22px;}
.col-md-8.main-content{
    padding-bottom: 20px;}
.col-md-4.sidebar{
    padding-bottom: 20px;
    overflow: hidden;}
/*瀑布流*/
.container_pic{
    width: 100%;
    padding-top: 50px;
    overflow: hidden;}
.piclist{
    width: 100%;
    padding-top: 50px;
    overflow: hidden;}
.piclist li{
    margin:0 17px;
    padding: 14px;
    overflow: hidden;
    float: left;
    background: #fff;
    margin-bottom: 30px;
    border:1px solid #e6e6e6;
    box-shadow: 0px 0px 2px 2px #f6f6f6;}
.piclist li a{
    color: #383838;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    width: 100%;
    display: block;
    overflow: hidden;}
.piclist li a:hover{
    color: #00487c;
    transition: all 0.35s;}
.piclist li:hover .pic{
    box-shadow: 0px 0px 2px 0px #e6e6e6;
    transition: all 0.35s;}
.piclist .text{
    clear: both;
    border-top:none;
    color: #6c6c6c;
    font-size: 14px;
    padding-bottom: 2px;
    line-height: 24px;}
.piclist li .tit{
    min-height: 40px;
    padding: 10px 0 5px 0;}
.piclist li em{
    padding-left: 22px;
    color: #7a7a7a;
    font-style: normal;
    height: 30px;
    line-height: 30px;
    clear: both;
    background: url(time.jpg) 0 center no-repeat;}
.piclist li .pic{
    /* background: url(logo.jpg) center no-repeat; */
    background-size: 80%;
    height: 168px;
    position: relative;
    }
.piclist li .pic span{
    position: absolute;
    top: 0;
    left:0;
    z-index: 5;
    background:rgba(0,78,140,0.8);
    width:60px;
    height:60px;
    font-size:12px;
    color:#fff;
    padding: 5px;
    text-align: center;
    font-weight:normal;
    font-family:arial;
    line-height:20px;}
.piclist li .pic span p{
    width:100%;
    border-bottom:1px solid rgba(255,255,255,0.1);
    font-size:28px;
    font-weight:bold;
    margin-bottom:3px;
    padding-bottom:3px;
    line-height:28px;}



/* 定义关键帧 */
@-webkit-keyframes shade{
    from{opacity:1;}
    15%{opacity:0.7;}
    to{opacity:1;}
}
@-moz-keyframes shade{
    from{opacity:1;}
    15%{opacity:0.7;}
    to{opacity:1;}
}
@-ms-keyframes shade{
    from{opacity:1;}
    15%{opacity:0.7;}
    to{opacity:1;}
}
@-o-keyframes shade{
    from{opacity:1;}
    15%{opacity:0.7;}
    to{opacity:1;}
}
@keyframes shade{
    from{opacity:1;}
    15%{opacity:0.7;}
    to{opacity:1;}
}
/* wrap */
/*#wrap{width:auto;height:auto;margin:0 auto;position:relative;}*/
#wrap1{width:auto;margin:0 auto;position:relative;overflow: hidden;}
/*#wrap .box{width:370px;height:auto;border:none;float:left;padding: 0 22.5px;padding-bottom: 30px;}*/
#wrap1 .box{border:none;padding: 0 22.5px;}
/*#wrap .box .info{width:100%;height:auto;box-shadow:0 0 3px #999;background:#fff;}*/
#wrap1 .box .info{width:100%;box-shadow:0 0 3px #999;background:#fff;}
#wrap1 .box .info .pic{width:100%;height:auto;margin:0 auto;background: #000;}
#wrap1 .box .info .pic:hover img{
    -webkit-animation:shade 3s ease-in-out 1;
    -moz-animation:shade 3s ease-in-out 1;
    -ms-animation:shade 3s ease-in-out 1;
    -o-animation:shade 3s ease-in-out 1;
    animation:shade 3s ease-in-out 1;}
#wrap1 .box .info a{
    display: block;
    width: 100%;}
#wrap1 .box .info .pic img{width:100%;}
#wrap1 .box .info .title{
    height: 40px;
    line-height:30px;
    padding: 0 25px;
    padding-top: 10px;
    font-weight: 700;}
#wrap1 .box .text{
    color: #4a4a4a;
    font-size: 14px;
    line-height: 30px;
    padding: 0 25px 20px 25px;}




#wrap{width:auto;height:auto;margin:0 auto;position:relative;}
#wrap{width:auto;margin:0 auto;position:relative;overflow: hidden;}
#wrap .box{height:auto;border:none;float:left;padding: 0 22.5px;padding-bottom: 30px;}
#wrap .box .info{width:100%;height:100%;box-shadow:0 0 3px #999;background:#fff;}
#wrap .box .info{width:100%;box-shadow:0 0 3px #999;background:#fff;}
#wrap .box .info .pic{width:100%;height:auto;margin:0 auto;background: #000;}
#wrap .box .info .pic:hover img{
    -webkit-animation:shade 3s ease-in-out 1;
    -moz-animation:shade 3s ease-in-out 1;
    -ms-animation:shade 3s ease-in-out 1;
    -o-animation:shade 3s ease-in-out 1;
    animation:shade 3s ease-in-out 1;}
#wrap .box .info a{
    display: block;
    width: 100%;}
#wrap .box .info .pic img{width:100%;}
#wrap .box .info .title{
    height: 40px;
    line-height:30px;
    padding: 0 25px;
    padding-top: 10px;
    font-weight: 700;}
#wrap .box .text{
    color: #4a4a4a;
    font-size: 14px;
    line-height: 30px;
    padding: 0 25px 20px 25px;}

.row.about_top{
    margin:  50px 0 40px 0;
    color: #2d2d2d;
    font-size: 14px;
    line-height: 32px;}
.row.about_top .col-md-4{
    margin-bottom: 40px;
    padding: 0;}
.row.about_top .col-md-8{
    padding: 0;}
.row.about_top .col-md-4 img{
    width: 100%;}
.row.about_top b{
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #00508e;
    display: block;
    margin-top: 28px;
    font-weight: 700;}
.row.about_top .title{
    height: 45px;
    line-height: 20px;
    color: #00508e;
    font-size: 20px;
    font-weight: 700;}
.row .about_bot{
    font-size: 14px;
    line-height: 26px;
    color: #2d2d2d;
    padding: 40px 0;
    text-align: justify;}
.slbox{
    min-height: 250px;
    width: 100%;
    position: relative;
    overflow: hidden;}
.slbox .list{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;}
.slbox .text{
    float: left;
    height: 100%;}
.slbox .text .tit{
    height: 31px;
    line-height: 31px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    background: #00508e;
    font-family:Arial;}
.slbox .prev{
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
    text-align: right;
    height: 31px;
    line-height: 31px;
    color: #fff;
    font-size: 14px;
    background: #00508e;
    text-decoration: none;
    z-index: 5;font-family:Arial;}
.slbox .text.s{
    z-index:4;}
.slbox a:hover{
    opacity: 0.8;filter: alpha(opacity=80);
    transition: all 0.35s;
    text-decoration:underline;}
.slbox .next{
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    text-align: left;
    height: 31px;
    line-height: 31px;
    color: #fff;
    font-size: 14px;
    background: #00508e;
    z-index: 5;
    text-decoration: none;
    font-family:Arial;}
table.gridtable {
    width: 100%;
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #dddddd;
    margin-bottom: 20px;
    margin-top: 20px;
    border-collapse: collapse;}
table.gridtable th {
    border-width: 1px;
    padding: 9px;
    border-style: solid;
    border-color: #e5e5e5;
    font-size: 15px;
    color: #fff;
    font-weight: 700;

    text-align: center;
    background-color: #00508e;
    font-family: "微软雅黑";}
table.gridtable td {
    padding: 8px 15px;
    width: 135px;
    font-family: "微软雅黑";
    font-size: 14px;
    text-align: center;
    text-align: left;
    height: 100px;
    color: #545353;
    border: 1px solid #dddddd;
    background: #ffffff;}
table.gridtable td.s{
    background: #f3f3f3;}
table.gridtable tr.tit td{
    background: #e3e3e3;
    color: #9c9c9c;
    font-weight: 700;
    padding: 5px 15px;
    height: auto;
    text-align: left;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-top: 1px solid #e3e3e3;
    border-bottom:1px solid #e3e3e3;}
table.gridtable tr.tit td:hover{
    background: #00508e;
    color: #fff;
    cursor: pointer;
    transition: all 0.35s;}
.sidebar table.gridtable th{
    padding: 0;
    font-size: 12px;
    padding: 1px 0;}
.sidebar table.gridtable i{
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background: #fff;
    display: block;
    margin: 0 auto;}
.sidebar table.gridtable{
    margin: 0;
    margin-bottom: 20px;}
.sidebar table.gridtable td{
    padding: 0;
    height: 35px;
    line-height:20px;
    font-size: 14px;
    width: auto;
    color: #fff;
    cursor: pointer;
    background-color: #cecece;
    text-align: center;}
.sidebar table.gridtable td.s{
    background: #bababa;}
.sidebar table.gridtable td:hover{
    background-color: #00508e;
    transition: all 0.35s;}
.page_change{
    margin:35px 0;
    height: 30px;
    overflow: hidden;
    line-height: 30px;}
.page_change .text-fl{
    width: 50%;
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #5b5b5b;}
.page_change .text-fr{
    width: 50%;
    float: right;
    font-size: 14px;
    font-weight: 700;
    color: #5b5b5b;
    text-align: right;}
.page_change div:hover{
    color: #00487c;}
.pagetitle{
    color: #252525;
    height: 95px;
    line-height: 95px;
    text-align: center;
    font-weight: 700;
    font-size: 28px;}
.pagesearch{
    min-height: 75px;
    margin-bottom: 14px;
    background: #f5f5f5;
    overflow: hidden;}
.pagesearch .txt{
    border: none;
    height: 24px;
    font-size: 14px;
    color: #a5a5a5;
    line-height: 24px;
    width: 100%;
    background: #f5f5f5;
    border-bottom: 1px solid #a8a8a8;}
.pagesearch .tit{
    display: block;
    margin-top: 5px;
    margin-bottom: 0;
    height: 30px;
    font-weight: 100;
    line-height: 30px;
    color: #757575;
    font-size: 12px;}
.pagesearch .btn{
    height: 46px;
    border: none;
    background: #00508e;
    color: #fff;
    width: 100%;
    font-size: 12px;
    text-align: center;
    line-height: 46px;
    margin-top: 15px;
    font-weight: 700;
    padding: 0;
    border-radius: 0;}
.newshow{
    color: #2d2d2d;
    font-size: 14px;
    line-height: 32px;}
.newstitle{
    font-size: 18px;
    color: #353535;
    line-height: 20px;
    padding: 10px 0 15px 0;
    min-height: 45px;
    line-height: 45px;
    font-weight: 700;
    text-align: center;}
.newstitle em{
    font-size: 12px;
    color: #707070;
    text-align: center;
    line-height: 24px;
    display: block;
    font-weight: 100;
    font-style: normal;}
.newshow .lmtit{
    color: #00508e;
    padding:0 0 20px 0;
    clear: both;
    font-weight: 700;
    font-size: 20px;
    text-align: center;}
.newshow .parlmtit{
    font-size: 16px;
    font-weight: 700;
        padding-left: 23%;
    text-align: left;
    padding-bottom: 10px;}
.newshow .lmlist{
    padding-left: 25%;
    font-size: 14px;
    text-align: left;}
.newshow .col-md-4.lm{
    margin-bottom: 10px;}

#pagenum{
    text-align: center;}
#pagenum a{
    color: #666;
    display: inline-block;}
#pagenum a:hover{
    opacity: 0.8;filter: alpha(opacity=80);
    transition: all 0.35s;}
.timefr{
    float:right;padding:14px;background:#fff;}



.demo {
    position: relative;
    opacity: 0;
    transition: .2s ease;
    margin-bottom: 60px;}
.grid {
    position: relative;
    /* fluffy */
    margin: 0 auto;
    width: 98%;}
.grid-item {
    position: absolute;
    top: 0;
    left: 0;
    /* fluffy */
    width: 375px;
    padding: 0 22.5px;
    padding-bottom: 30px;
    /* end fluffy */
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden;}
.grid-item img {
    opacity: 0;
    transform: scale(0);
    width: 100%;
    height: auto;
    vertical-align: middle;
    transition: all 1s;
    -webkit-transition: all 1s;}
.grid-item .box{
    border:1px solid #e6e6e6;
    padding: 0 30px;
    box-shadow: 0px 0px 2px 0px #ccc;}
.grid-item .box .tit{
    display: block;
    height: 35px;
    margin-top: 14px;
    line-height: 35px;
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 700;}
.grid-item .box a:hover{
    opacity: 0.8;filter: alpha(opacity=80);
    transition: all 0.35s;}
.grid-item:hover img{
    opacity: 0.8;filter: alpha(opacity=80);
    transition: all 0.35s;}
.grid-item .box .txt{
    font-size: 14px;
    color: #4a4a4a;
    line-height: 30px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;}
.grid-item .bool{
        width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;}
.grid-item .bool a{
    height: 100%;
    width: 100%;
    display: block;}
        /* mq */
@media (max-width: 600px) {
.grid-item {
    width: 100%;
    left: -8px;}
}












/**/
@media screen and (max-width:1024px) {
    main.col-md.main{
        padding: 0 15px;}
    .newshow .lm.col-md-4 {
        width: 50%;
        float: left;
        padding: 0;}
    .page_nav a{
        margin: 0 10px;}
    .timefr{
        display: none;}
    ul.text li a{
        float: none;}
    ul.text li span{
        float: none;
        padding: 0 15px;}
    .newstitle{
        line-height: 30px;
        margin-bottom: 5px;}
    .pagesearch{
        padding-bottom: 15px;}
    .row .about_bot{
        padding: 40px 15px;}
    .piclist{
        padding-top: 0;}
    .piclist li{
        margin: 0;
        border:none;}
    .page_nav {
        width: 100%;
        overflow-x: scroll;}
    .page_nav ul{
        width: 310%;}
    .page_nav li{
        float: left;}
    .ban{
        height: auto;
        }
    .sjt{display:block}
    .ban b{display:none;}
    .ban i{min-height:auto;}
    .bbb{
        display:none;
        height:auto;
    }
    .newslist li{
        line-height: 35px;
        padding:5px;}
    .newslist li a{
        float: none;}
    .newslist li span{
        float: none;}
    .page_title{
        height: 45px;
        line-height: 45px;}
    .index_main{width: 100%;
    float: left;
        padding: 15px 0;}
    .nav-wapper {
        display: block;}
    .nav-top{}
    .nav-top a{
        color: #bdc9d9;
        float: left;
        font-size: 12px;
        padding: 0 7px;
        display: none;
        }
    .nav-top a:hover{
        opacity: 0.8;
        filter: alpha(opacity=80);
        transition: all 0.35s;}
    .nav-top span{
        display: none;}
    .header .w1200 {
        margin: 0 auto;
        height: 110px;
        z-index: 10;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 50;
        background: #fff;}
    .header{
        height: 110px;
        top: 0!important;
        position: relative;
        background: #fff;
        transition: all 0.5s;
        overflow: hidden;}
    .header .header-box{
        height: 110px;
        border:none;
        overflow: hidden;
        transition: all 0.5s;}
    .header.active .header-box{
        height: auto;}
    .header.active{
        height: auto;
        overflow: hidden;
            transition: all 0.5s;}
/*    .header:hover{
        height: 60px;
        position: relative;
        background: #fff;
    }*/
    .nav-top .search-form.cur{
        display: none;}
    .header .logo{
        width: 75%;
        height: 110px;
        background: url(llogo.png) 0px center no-repeat;background-size:100% }
    .header:hover .logo{
        width: 75%;
        height: 110px;
        background: url(llogo.png) 0px center no-repeat;background-size:100%}
    .nav-index{
        display: none;}
    #banner .swiper-container{
        opacity: 0;
        -webkit-transition: opacity 0.3s ease 0.4s,transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.5s;
            -o-transition: opacity 0.3s ease 0.4s,transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.5s;
            transition: opacity 0.3s ease 0.4s,transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.5s;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);}
    #banner.cur .swiper-container{
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);}
    #content-area .swiper-container {
        width: 100%;
        height: 100%;}
    .shrink .header{
        height: 0;}
    .row1 ul.index_w1200 .fr{
        width: 100%;
        padding-top: 10px;}
    .row1  .col-xs-3{
        padding: 0;}
    .row1 {
        min-height: 475px;}
    .row1 .col-md.row-eq-height.bgw{
          min-height: 475px;}
    .row2{
        height: auto;
        overflow: hidden;}
    .row2 .fr{
        width: 100%;
        height: 525px;
        float: none;
        overflow: hidden;}
    .row2 .fl{
        float: none;
        width: 100%;
        height: 364px;
        overflow: hidden;}
    .index-tit{
        line-height: 35px;
        margin-bottom: 0;
        margin-top: 0;
        /* padding: 0 15px; */
        }
    .index-tit dt{
        position: static;}
    .row2 ul.text li{
        padding: 0 15px;}
    .row2 .list{
        top: 60px;}
    .row2 .text{
        float: left;}
    .footer{float: left;
        background: #07528d;}
    .footer .row .li {
        overflow: hidden;
        border-bottom: 1px solid #24689b;
        padding: 15px 0;
        }

    .footer ul {
        padding: 15px;
        overflow: hidden;
        display: none;
        }
    .footer li a{
        padding-left: 15px;
        float: left;}
    .row1 ul.index_w1200 li{
        width: 50%;}
    .row1 .col-xs-6{
        padding: 0 15px;}
}
@media screen and (min-width: 1024px) and (max-width: 1024px){
        #wrap .box{width:341px;height: 580px;}
    .piclist li{
        float: left;
        height: 345px;}
    .piclist li .pic img{
        height: 100%;}
    .page_nav a{
        margin: 0 15px;}
    #wrap1 .box{
        width: 341px;
        height:448px;border:none;float:left;}
    .newstitle{
        line-height: 45px;
        margin-bottom: 0;}
    .pagesearch{
        padding-bottom: 0px;}
    .container{
        padding: 0;}
    .row .about_bot{
        padding: 40px 0;}
    .row.about_top .col-md-8{
        padding-left: 40px;}
    .page_nav ul{
        width: 100%;}
    .page_nav li{
        float: none;}
    .main-content.col-md-8{
        padding-left: 0;}
    .header{
        top: 0px !important;}
    .row3 .boxfr .col-xs-6{
        padding-left: 15px;
        padding-right:2px;
        margin-bottom: 17px;
        height: 100px;}
    .row3 .boxfr{
        margin-right: 13px;}
    .row3.index-w1200{
        overflow: hidden;}
    .row2 .text{
        width: 512px;}
    .row2 .fr{
        width: 100%;
        height: 460px;
        float: none;
        overflow: hidden;}
    .row2 .fl{
        float: none;
        width: 100%;
        height: 460px;
        overflow: hidden;}
    .footer .row{
        margin:20px 0;}
    .footer .row .li {
    overflow: hidden;
    border-bottom: none;
    padding: 20px 0;}
    .footer dl{
        float: left;
        padding: 0 15px;}
    .row3 .col-xs-12,.col-md-4{
        padding: 0;}

}
@media screen and (max-width: 768px){
    .piclist li{
        float: none;}
    #wrap1 .box{
        width: auto;
        height: auto;}
    .page_change .text-fl{
        float: none;
        text-align: left;
        width: 95%;
        margin: 0 auto

    ;}
    .page_change .text-fr{
        float: none;
        text-align: left;
        width: 95%;
        margin: 0 auto

    ;}
    .page_change{
        height: auto;}
    .row3 .picbox{width:100%;}
    .footer dl.mr{padding:0px;}
    .footer dl{float:none;}
    .footer dl dd{border:none}
}
@media screen and (min-width: 768px) and (max-width: 768px){
    #wrap .box {
        width: 384px;
        height: 580px;}
    .piclist li{
        float: left;
        height: 345px;}
    .piclist li .pic img{
        height: 100%;}
    .row2 .fr{
        height: 350px;}
    .row2 .fl{
        height: 350px;}
    .row3 .boxfr .col-xs-6{
        margin-bottom: 15px;}
    .page_nav ul{
        width: 100%;}
    .page_nav li{
        float: none;}
}
@media screen and (min-width:1025px) {
    #wrap .box{width:415px;height: 580px;}
    .header .logo{
        /* padding-left: 50px; */
        background: url(logo.png) 0px center no-repeat;
        }
    .header:hover .logo{
    
        background: url(llogo.png) 0px center no-repeat;}
    .shrink .header .logo{
        /* padding-left: 50px; */
        background: url(llogo.png) 0px center no-repeat;
        }
    .index-title{
        margin-left: 0;
        margin-right: 0;}
    #wrap1 .box{width:415px;height:480px;border:none;float:left;padding-bottom: 30px;}
    .page_change .col-md-6{
        padding: 0;}
    .row.about_top .col-md-8{
        padding-left: 60px;}
    .piclist li{
        width: 274px;
        /* height: 345px; */
        }
    .piclist li .pic{
        height: 168px;}
    .piclist li .pic img{
        height: 100%;}
    .piclist{
        margin-left: -15px;}
    .container_new{
        width: 1234px;
        margin: 0 auto;}
    .container_pic{
        width: 1245px;
        margin: 0 auto;}
    .row3 .col-xs-12{
        padding: 0;}
    .row3 .col-md-4{
        padding: 0;}
    .prpiclist .pic{
        height: 168px;}
    .prpiclist img{
        height: 100%;
        width: 100%;}
    .page_main .row.pagecont{
        padding-top: 28px;}
    .container{
        width: 1200px;
        padding: 0;}
    .main-content{
        width: 895px;}
    .sidebar{
        float: right;
        width: 242px;
        overflow: hidden;}
    .page_main .row{
        padding: 0;}
   .page_main .col-md-8{
        padding: 0;}
    .page_main .col-md-4{
        padding: 0;}
    .page_nav ul{
        width: 1200px;
        margin:0 auto;}
    .nav-top .w1200{
        width: 1200px;
        margin: 0 auto;}
    .header .w1200{
        width: 1200px;}
    .nav-top a{
        color: #bdc9d9;
        float: left;
        font-size: 12px;}
    .nav-top a:hover{
        opacity: 0.8;
        filter: alpha(opacity=80);
        transition: all 0.35s;}
    .index_w1200{
        width: 1200px;}
    .nav-top span{
        width: 1px;
        height: 11px;
        float: left;
        background: #fff;
        margin: 19px 12px;
        opacity: 0.5;filter: alpha(opacity=50);}
    .row1 ul.index_w1200 .pic{
        width: 240px;
        display: block;
        height: 168px;
        float: left;
        background: #000;}
    .row1 {
        height: 223px;
        padding-top:10px;}
    .row1 .col-xs-6{
        padding: 0;}
    .row1 .col-xs-3{
        padding: 0;}
    .row2 .fr{
        position: relative;
        width: 600px;
        height: 100%;
        overflow: hidden;}
    .row2 .fl{
        position: relative;
        width: 600px;
        height: 100%;
        margin-left: 25px;
        overflow: hidden;}
    .row2 .text{
        float: left;
        width: 600px;}
    .row3.index-w1200{
        width: 1230px;
        margin: 0 auto;
        overflow: hidden;
        padding-top: 15px;
        /* display: none; */
        }
    .row{margin: 0;}
    .row3>.col-md-8{
        width: 100%;
        }
    .row3 .row{
        margin: 0;
        padding: 0;}
    .row3 .col-md-8 img{
        height: 170px;
        }
    .row3 .boxfr .col-xs-6{
        padding-left: 15px;
        padding-bottom: 17px;
        padding-right:2px;}
    .row3 .col-md-4{
        width: 440px;
        display: none;
        }
    .footer .row{
        padding: 0;
        margin: 0;

        margin: 24px 0;
        font-size: 14px;
        overflow: hidden;
        border-left: 1px solid #24689b;}
    .footer-inner-wrapper{
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;}
    .footer .row .li{
        height: 100%;
       border-right: 1px solid #24689b;}
    .footer ul{
        width: 100%;
        padding-top: 15px;
        overflow: hidden;}
    .footer li{
        float: left;
        width: 50%;
        height: 35px;
        line-height: 35px;}
    .footer li a{
        padding-left: 35px;
        font-size: 12px;}
    .footer .footer_logo img{
        display: block;
        margin: 0 auto;
        margin-top: 10px;}
    .footer dl{
        float: left;
        padding: 0 30px;}
    .footer dl dt{
        height: 47px;
        line-height: 40px;
        font-size: 14px;}
    .footer dl dd{
        border:5px solid #fff;}
    .footer dl.mr{
        padding-left: 135px;
        }
}

@media screen and (max-width:767px){
    .col-xs-6{
        width: 100%;}
    .row3 .index-title{
        margin: 0;
        margin-bottom: 15px;}
    .row3 .col-xs-6{
        margin-bottom: 15px;
        padding: 0;}
    .row3 .boxfr .col-xs-6{
        margin-bottom: 15px;}
    .row1 ul.index_w1200 li{
        padding-bottom: 10px;
        width: 100%;
        overflow: hidden;}
    .row1 ul.index_w1200 .pic{
        height: 200px;}
    .index-title {
        width: auto;
        margin: 0 15px;
        margin-bottom: 10px;
        }
    .index-title dt b{
        font-size: 20px;
        float: left;
        padding-right: 10px;
        }
    .index-title dt em{
        font-size: 14px;}
    .index-title dd a{
        font-size: 13px;}
.footer dl.mr,.nav-top .search-form,.carousel-container{display:none;}
.banSwiper{display:block;}
.row2 .fl,.row2 .fr{float:left; height:auto;}
.row2 .list{position: relative; top:0; width:100% !important;}

}
@media screen and (max-width:320px){
    .newshow .lmtit{
        margin-bottom: 0;}
    .newshow .lm.col-md-4{
        float: none;
        width: 100%;}
    .page_nav a{
        font-size: 15px;}
    .header .logo{
        background: url(logo.jpg) 10px center no-repeat;
        background-size: 80%;}
    .header:hover .logo{
        background: url(logo.jpg) 10px center no-repeat;
        background-size: 80%;}
    .shrink .header .logo{
        background: url(logo.jpg) 10px center no-repeat;
        background-size: 80%;}
    ul.text li a{
        height: 32px;
        line-height: 32px;}
    .index-tit b.mr{
        margin-right: 8px;
        padding-right: 18px;}
    ul.text li{
        min-height: 30px;
        line-height: 30px;}
    .footer dl {
        float: left;
        padding: 0 5px;}
    #wrap{
        width: auto!important;}
    #wrap .box{
        padding: 0 15px;
        width: 100%;
        padding-bottom: 15px;}
    table.gridtable tr.tit td{
        padding: 5px 0;
        text-align: center;}
    table.gridtable td{
        padding: 8px 0;
        text-align: center;}
}