@charset "utf-8";
*{padding: 0;margin: 0;box-sizing: border-box;font-size: 14px;color: #333;box-sizing: border-box;
/* font-family: "Georgia", "Xin Gothic", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei", sans-serif; */
}
.imgscale:hover{
    transform: scale(1.05);
}
.single-line {
    display: -webkit-box!important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
white-space: normal;
}
.single-line2 {
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
white-space: normal;
}
.single-line3 {
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
white-space: normal;
}
ul,ol{list-style: none;}
a{text-decoration: none;color: #333;}
img{border: none;vertical-align: middle;width: 100%;}
.clearfix:after{content: "";display: block;clear: both;}
input,textarea{outline:none;border: 0;}
input:focus,textarea:focus{border:0;outline: none;}

.g_bottom{
    background: #0c4197;
    border-radius: 8px;
    width: 181px;
    height: 50px;
    margin: 30px auto 60px;
}
.g_bottom a{
    color: #fff;
    font-size: 18px;
    width: 181px;
    display: flex;
    justify-content:space-between;
    align-items: center;
    padding: 0 10px;
    line-height: 50px;
}
.g_bottom .iconfont{
    font-size: 18px;
    color: #fff;
    background: #4091de;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 5px;
    line-height: 30px;
    display: inline-block;
}

:root{
    --height-dz-m:80px;
    --height-dz:100px
}

#header{
    height: var(--height-dz);
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    z-index: 100; position:fixed;
}
#header .left{
    height: var(--height-dz);
    float: left;
    padding: 5px;
}
#header .right{
    height: var(--height-dz);
    line-height: var(--height-dz);
    float: right;
    display: flex;

}
#header .right p{
    display: inline-block;
    font-size: 30px;
    padding: 0 10px;
    color: #fff;
    cursor: pointer;
}
#header .right button{
    background: transparent;
    border: none;
    padding: 0 40px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
}
#header .right .muen{
    display: block;
    margin: 6px 0;
    width: 38px;
    height: 4px;
    background-color: #ffffff;
}
#header .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    transition: all 5s ease;
}
#header .animated .top {
    -webkit-transform: translateY(8px) rotateZ(45deg);
    -moz-transform: translateY(8px) rotateZ(45deg);
    -ms-transform: translateY(8px) rotateZ(45deg);
    -o-transform: translateY(8px) rotateZ(45deg);
    transform: translateY(8px) rotateZ(45deg);
}
#header .animated .bottom {
    -webkit-transform: translateY(-12px) rotateZ(-45deg);
    -moz-transform: translateY(-12px) rotateZ(-45deg);
    -ms-transform: translateY(-12px) rotateZ(-45deg);
    -o-transform: translateY(-12px) rotateZ(-45deg);
    transform: translateY(-12px) rotateZ(-45deg);
}
#header .animated .middle {
    width: 0;
}
#inbanner {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
#inbanner .swiper {
    width: 100%;
    height: 100%;
  }

  #inbanner  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  #inbanner  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
  }
#inbanner .left{
    position: absolute;
    top:60%;
    left:40%;
    transform:translate(-50%,-50%);
    z-index: 10;
}
#inbanner .left p{
    color: #fff;
}
#inbanner .left p:nth-child(1){
    font-size: 38px;
    font-weight: 100;
    font-family: "Microsoft YaHei UI Light";
}
#inbanner .left p:nth-child(2){
    font-size: 34px;
    font-weight: 600;
}
#inbanner .left p:nth-child(3){
    font-size: 30px;
    font-weight: 600;
}
#inbanner .left p:nth-child(4){
    font-size: 30px;
    font-weight: 600;
}
#inbanner .right{
    position: absolute;
    top:60%;
    right:10%;
    transform:translate(-50%,-50%);
    z-index: 5;
    display: flex;
    flex-direction: column;
}
#inbanner .right span{
    padding: 8px 20px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    height: auto;
    width: auto;
    font-family: initial;
}



#index2{
    position: relative;
    background: url(/static/images/4.jpg) 100% no-repeat;

}
#index2 .header{
    /* position: absolute; */
    padding-top: 120px;
    width: 100%;
}
#index2 .header .left {
    padding: 0  0 0 15%;
    width: 60%;
}
#index2 .left .top h2 p{
 color: #000000;
 display: inline-block;
 font-size: 40px;
}
#index2 .left .top h2{
    font-size: 40px;
}
#index2 .left .top>p{
    font-size: 26px;
}
#index2 .left .middle div{
    padding: 30px 0;

}
#index2 .left .middle .iconfont{
    font-size: 30px;
    height: 58px;
    width: 58px;
    display:inline-block;
    line-height: 58px;
    text-align: center;
    border-radius: 10px;
}
#index2 .left .middle p{
    display: inline;
    font-size: 16px;
}
#index2 .left .middle div:first-child .iconfont{
    background: #ec6438;
    color: #fff;
}
#index2 .left .middle div:nth-child(2) .iconfont{
    background: #ecf0f7;
    color: #000000;
}
#index2 .left .middle div:nth-child(3) .iconfont{
    background: #ecf0f7;
    color: #000000;
}
#index2 .left .bottom{
    background: #0c4197;
    border-radius: 8px;
    width: 181px;
    height: 50px;
    margin-left: 58px;
}
#index2 .left .bottom a{
    color: #fff;
    font-size: 18px;
    width: 181px;
    display: flex;
    justify-content:space-between;
    align-items: center;
    padding: 0 10px;
    line-height: 50px;
}
#index2 .left .bottom .iconfont{
    font-size: 18px;
    color: #fff;
    background: #4091de;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 5px;
    line-height: 30px;
    display: inline-block;
}
.databox{
    margin: 0 auto;
    width: 100%;
    height: 186px;
}
.databox ul{
    margin: 0 auto;
    width:90%;
}
.databox ul li{
    float: left;
    width: 20%;
    text-align: center;
    padding:38px 0 0 0;
}
.databox ul li .count-title{
    display: inline-block;
    color: #333333;
    font-size:36px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    /* letter-spacing: 0px; */
}
.databox ul li .danwei{ display: inline-block; font-size: 15px; color: #333333;}
.databox ul li p{
    margin-top: 15px;
    font-size: 16px;
    color: #333333;
}

#index3 .product {
	position: relative;
width: 1000px;
height: 363px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding: 5px;
background: #fff;
}

#index3 .product .swiper-button-prev{
background-image: none;
left: -68px;
right: auto;
width: 54px;
top: 50%;
transform: translate(0,-50%);
height: 54px;
} 
#index3 .product .swiper-button-next:hover img,
#index3 .product .swiper-button-prev:hover img {
	transform: scale(1.1)
}

#index3 .product .swiper-button-next{
    background-image: none;
right: -68px;
width: 54px;
top: 50%;
transform: translate(0,-50%);
height: 54px;
}
#index3 .product .swiper-slide img{
    width: 50% !important;
    transition: 0.3s;
}
#index3 .product .swiper-slide img:hover{
    transform: scale(1.04);
    
}
@media (max-width:560px){
    #index3 .img-swiper .swiper-slide img,
#index3 .img-swiper2 .swiper-slide img,
#index3 .img-swiper3 .swiper-slide img {
	width: 100%;
	height: 50% !important; 
	object-fit: cover
}
    #index3 .opuct{
        height: 900px !important;
    }
    
    #index3 .product .swiper-button-next{
        top: 60% !important;
    }
    #index3 .product .swiper-button-prev{
        top: 60% !important;
    }
    
    #index3 .product{
        height: 700px !important;
    }
    #index3 .product .swiper-slide img{
    width: 100% !important;
    order: 2;
}
#index3 .aleft{
    width: 100% !important;
}
#index3 .txt-swiper .swiper-slide{
    flex-direction: column;
}
#index2 {
  height: 1000px;
}
}


@media (max-width:1200px){
    #index3 .product{
        width: 100%;
    }
    #index3 .product .swiper-button-prev{
left: 10px;
} 

#index3 .product .swiper-button-next{
right: 10px;
}

}
#index3 .opuct{
    height: 600px;
position: relative;
background: #f7f7f8;
}

#index3 .img-swiper2 .left {
	margin-left: 50px;
	width: 85%;
	float: left
}

#index3 .img-swiper2 .left .en {
	font-size: 58px;
	font-family: akrobatblack;
	padding: 46px 0 51px 0;
	color: #2054a3
}

#index3 .img-swiper2 .left .content {
	padding-bottom: 10px;
	font-size: 16px;
	line-height: 1.7
}

#index3 .img-swiper2 .left .more {
	/*padding-top: 50px;*/
	bottom: 10%;
	font-size: 14px;
	font-family: ArialMT;
	line-height: 1.7;
	height: 20px;
	color: #2054a3
}

#index3 .img-swiper2 .left .more p span {
	background: #2054a3;
	border-radius: 50%;
	color: #fff;
	padding: 2px 5px;
	font-size: 12px
}

#index3 .img-swiper2 .left .more p {
	transition: .3s all linear;
	width: 80px
}

#index3 .img-swiper2 .left .more p {
	background: #2054a3;
	color: #fff;
	/*width: 115px;*/
	padding: 5px 8px;
	border-radius: 5px
}

#index3 .img-swiper2 .left .more p:hover span {
	background: #fff;
	border-radius: 50%;
	color: #2054a3;
	padding: 2px 5px
}

#index3 .img-swiper2 .right {
	width: 120px;
	height: 120px;
	background: #003b7d;
	float: left;
	right: 38px;
	top: 38px;
	position: absolute;
	color: #fff;
	font-family: akrobatblack
}

#index3 .img-swiper2 .right .rightBox {
	margin: 50px 24px;
	font-size: 20px;
	color: #fff;
}

#index3 .img-swiper2 .right .rightBox p:nth-child(1) {
	font-size: 18px
}

#index3 .img-swiper2 .right .rightBox p:nth-child(3) {
	font-size: 26px
}

#index3 .img-swiper .swiper-slide img,
#index3 .img-swiper2 .swiper-slide img,
#index3 .img-swiper3 .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

#index3 .txt-swiper {
	width: 100%;
	/*height: 865px;*/
	position: relative
}

#index3 .txt-swiper .swiper-button-prev {
	margin-top: -3.5vw
}

#index3 .txt-swiper .swiper-button-next:hover,
#index3 .txt-swiper .swiper-button-prev:hover {
	transform: scale(1.1)
}

#index3 .txt-swiper .swiper-button-next {
	margin-top: .5vw
}

#index3 .txt-swiper .swiper-pagination {
	color: #fff;
	width: auto;
	left: 5%;
	bottom: 5%
}

#index3 .txt-swiper {
	width: 100%;
	height: 100%;
	margin-left: 0
}

#index3 .txt-swiper .swiper-slide {
	perspective: 50vw;
	display: flex;
	perspective-origin: 50% 50%
}
#index3 .aleft{
    padding: 30px;
display: flex;
flex-direction: column;
align-content: center;
justify-content: space-between;
width: 50%;
}
#index3 .aleft .en{
    font-size: 25px;
font-weight: 600;
color: #0c4197;
}
#index3 .aleft .content{
    font-size: 14px;
line-height: 2em;
height: 8em;
overflow: hidden;
}
#index3 .aleft .more a{
    padding: 10px 15px;
/*background: #0c4197;*/
color: #0c4197;
border-radius: 5px;
transition: 0.3s;
}
#index3 .aleft .more:hover a{
    color: #ec653a;
}
#index3 .txt-swiper .swiper-pagination ul {
	width: 40px
}

#index3 .txt-swiper .swiper-pagination ul li {
	position: absolute;
	left: 0;
	top: 0
}

#index3 .img-swiper {
	position: absolute !important;
	width: 50% !important;
	height: 50%;
	z-index: 1;
	top: 0;
	left: 50%
}

#index3 .img-swiper2 {
	position: absolute;
	width: 50%;
	height: 100%;
	z-index: 1;
	top: 0%;
	left: 50%
}
@media only screen and (max-width:1400px) {
   #index3 .txt-swiper {
        /*height: 600px*/
    }
}

@media only screen and (max-width:1200px) {

    #index3 .txt-swiper .swiper-button-next,
    #index3 .txt-swiper .swiper-button-prev {
        width: 50px;
        height: 50px;
        margin-top: 5px
    }

    #index3 .txt-swiper .swiper-button-prev {
        margin-top: -55px
    }
}

@media only screen and (max-width:1440px) {
    #index3 .txt-swiper {
        /*height: 800px*/
    }
}

@media (max-width:760px) {
   #index3  .txt-swiper {
        width: 100%;
        /*height: 60vw*/
    }

   #index3  .img-swiper2 .left .en {
        font-size: 36px
    }

    #index3 .img-swiper2 .left .en {
        padding-bottom: 20px
    }

    #index3 .img-swiper2 .left .more {
        padding-top: 0
    }

   #index3 .img-swiper2 .left .en {
        font-size: 20px;
        padding-top: 20px
    }

    #index3 .img-swiper2 .left {
        width: 100%;
        margin-left: auto;
        padding: 5vw
    }

    #index3 .txt-swiper .swiper-slide {
        /*width: 100vw*/
    }

   #index3  .img-swiper .swiper-slide img,
    #index3 .img-swiper2 .swiper-slide img,
    #index3 .img-swiper3 .swiper-slide img {
        width: 100vw;
        /*height: auto*/
    }

   #index3  .img-swiper2 {
        width: 50%;
        position: relative;
        height: 50vw;
        right: 0;
        left: auto;
        top: auto;
        margin-right: 0
    }

    #index3 .img-swiper {
        width: 50%;
        position: relative;
        height: 50vw;
        right: auto;
        left: auto
    }

    #index3 .img-swiper2 .right {
        display: none
    }

   #index3  .img-swiper2 .left .en {
        padding-bottom: 10px
    }

    #index3 .img-swiper2 .left .content {
        padding-bottom: 10px;
        font-size: 15px;
        height: 3em;
overflow: hidden;
    }
}
#index3 .txt-swiper .swiper-button-next,
#index3 .txt-swiper .swiper-button-prev {
	/*right: 30px;*/
	/*left: auto;*/
	width: 3vw;
	height: 3vw;
	background: 0 0;
	outline: 0;
	/*top: 50%;*/
	border-radius: 50%;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}
#index2 .right{
    position: absolute;
    width: 30%;
    top: 45%;
    left: 61%;
    transform: translate(0,-50%);
}
#index2 .right img:nth-child(2){
    position: absolute;
    z-index: 10;
    top: 30%;
    left: 75%;
    width: 270px;
    height: 300PX;
}
#index2 .footer{
    /* position: absolute; */
    /* bottom: 10%; */
    height: 200px;
    width: 1000px;
    margin: 30px auto;
    overflow: hidden;
    display: flex;
    /* left: 50%; */
    /* transform:translate(-50%,0); */
    justify-content: space-around;
    padding: 30px;

}
#index2 .footer div {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items:center;
}
#index2 .footer div img{
    height: 45px;
    width: 45px;
}
#index2 .footer div h3{
    color:#0c4197;
}
#maps{
    height: 600px;
}
#index2 .footer div p{
    font-size: 20px;
    text-align: center;
    width: 8em;
    height: 2em;
}
#index3>.header{
    position: relative;
}
#index3 .text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#index3 .text h3{
    color: #fff;
    font-size: 60px;
    text-align: center;
    line-height: 1.5em;
}
#index3 .text a{
    display: flex;
    width: 250px;
    height: 60px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 25px;
    align-items: center;
    justify-content: space-around;
    margin-top: 30px;
    padding: 0 40px 0 30px;
    cursor:pointer
}
#index3 .text a .iconfont{
    color: #fff;
    font-size: 25px;
}
#index3 .middle {
    width: 100%;
    overflow: hidden;
    height: 100vh;
}
#index3 .middle .left{
    width: 50%;
    float: left;
    height: 100vh;
    overflow: hidden;
}
#index3 .middle .right{
    width: 50%;
    float: right;overflow: hidden;
    height: 100vh;
}
#index3 .middle .right>img,#index3 .middle .right .about{
    height: 50%;
}
#index3 .middle .right .about{
    position: relative;
    padding: 45px;
}
#index3 .middle .right .about .title h3,#index3 .middle .right .about .title p{
    font-size: 28px;
}
#index3 .middle .right .about .sort{
    position: absolute;
    top: 45px;
    right:45px;
    width: 150px;
    height: 100px;
    background: #0c4197;
    text-align: center;
    line-height: 100px;
}
#index3 .middle .right .about .sort a{
    color: #fff;
    font-size:28px;
}
#index3 .middle .right .about .small{
    padding: 0 20% 0 0;
    color: #ccc;
    line-height: 2em;
    letter-spacing: 0.11em;
    font-size: 16px;
    height: 5em;
}
#index3 .middle .right .about .more{
    color: #2877e0;
    font-size:20px;
    position: absolute;
    bottom: 40px;
}
.img-two-swiper{
    overflow: hidden;
}
#index3 .footer{
    height: 50vh;
    width: 100%;
}
#index3 .footer .left{
    height: 50vh;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
    padding: 3%;
    position: relative;
}
#index3 .footer .right{
    float: right;
    width: 50%;
    overflow: hidden;
}
#index3 .footer .left .title h3{
    font-size: 35px;
    color: #04429a;
}
#index3 .footer .left .title p{
    font-size: 24px;
    color:#b1b1b1;
}
#index3 .footer .left .samll{
    
    line-height: 2em;
    font-size: 16px;
    letter-spacing: 0.11em;
}
#index3 .footer .left .more{
    /*position: absolute;*/
    bottom: 40px;
    background: #04429a;
    display: block;
    width: 220px;
    height: 48px;
    color: #fff;
    text-align: center;
    line-height: 48px;
    font-size: 20px;
}
#index3 .footer .right {
    position: relative;
}
#index3 .footer .right .pre,#index3 .footer .right .next{
    width: 64px;
    height: 64px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    display: block;
    top: 50%;
    transform: translate(0,-50%);
}
#index3 .footer .right .pre{
    left: 7%;
}
#index3 .footer .right .next{
    right: 7%;
}
#index3 .footer .right .iconfont{
    color: #fff;
    font-size: 30px;
    line-height: 64px;
}


#footer{
    background: url(/static/images/6.jpg) no-repeat;
    background-size:100% 100%;
/* background-attachment:fixed; */
    height: auto;
    overflow: hidden;
}

#footer .row>.left{
    padding: 4.7% 0 4.7% 3%;
}
#footer .left .title h3{
    font-size: 40px;
    color: #fff;
}
#footer .left .title span{
    display: block;
    width: 110px;
    height: 4px;
    background: #fff;
    margin: 30px 0 0 0;
}
#footer .left .connect{
display: flex;
flex-direction: unset;
color: #fff;
justify-content: space-around;
margin: 50px 0;
flex-wrap: wrap;
width: 503px;
}
#footer .left .connect>div .iconfont,#footer .left .connect>div a{
    color: #fff;
    font-size: 20px;
    font-family: initial;
}
#footer .left .logo{
    width: 220px;
    height: 80px;
    margin:  0 0 80px 0;
}
#footer .row>.right{
    width: 500px;
    height: 600px;
    border: #fff 1px solid;
    right: 0;
    margin: 13% 0 0 7%;
    border-radius: 10px;
    background: rgba(255, 255, 255, .2);
}
#footer .row>.right form{
    width: 100%;
    height: 100%;
}
#footer .row>.right .top{
    padding-top:70px;
    text-align: center;

}
#footer .row>.right .top h3{
    font-size: 30px;
    color: #fff;

}
#footer .row>.right .top p{
    font-size: 16px;
    color: #fff;
}
#footer .right .middle{
    display: flex;
    justify-content: space-between;

}
#footer .right .middle{
    padding-top: 45px;
}
#footer .right .middle .left{
    
    padding-left: 35px;
}
#footer .right .middle .right{
    padding-right: 35px;
}
#footer .right .middle p,#footer .right .bottom  p{
    color: #fff;
    font-size: 16px;
}
#footer .right .middle .left input,#footer .right .middle .right input{
    width: 200px;
    height: 52px;
    text-indent: 2em;
    font-family: initial;
}
#footer .right .bottom {
    padding:35px 35px 0;
}
#footer .right .bottom textarea{
    height: 140px;
    width: 100%;
    padding: 1em;
    font-family: initial;
}
#footer .right button{
    width: 130px;
    height: 30px;
    background: #04429a;
    color: #fff;
    border: none;
    margin: 25px auto;
    display: block;
}

/************
#footer {
    position: relative;
    
    height: 800px;
}

#footer .left,#footer .right{
    width: 50%;
    top: 0;
}
#footer .left{
    float: left;
    padding-left: 10%;
    padding-top: 130px;
}
.foo-box{ 
	
	 
	    width: 100%!important;

	    background-size: cover!important;
	    position: absolute!important;
	    overflow: hidden!important;
}
#footer .right{
    float: right;
    padding-top: 70px;
    padding-right: 10%;
}


#footer .foo_bdwz{width: auto;margin: 70px 0;position: absolute;}
#footer .foo_bdwz .connect div{line-height: 4;}
#footer .foo_bdwz .connect a{font-size: 18px;}
#footer .foo_bdwz .connect div i.iconfont {font-size: 22px!important;}
#footer .foo_bdwz .title{margin-bottom: 70px;}
#footer .foo_bdwz span{width: 120px;height: 3px;background-color: white;display: block;}
#footer .foo_bdwz a,#footer .foo_bdwz i,#footer .foo_bdwz h1{color: #fff!important;}
#footer .foo_bdwz .logo{margin-top: 60px;}
#footer .foo_bdwz i{display: inline-block;transform: translateY(4px);}
***********/

/* 全景大图banner -------------------------------------------------------------------------------------*/
#qjdt-banner div{    font-size: 48px;
    font-weight: 100;
    font-family: "Microsoft YaHei UI Light";color: #fff;
}
#qjdt-banner .title-box{display: flex;
    justify-content: center;
    align-content: space-between;
    font-family: "YouYuan" !important;
}
#qjdt-banner { width: 100%;position: relative;}
#qjdt-banner div.left{
	    position: absolute;
	       text-align: center;
	       top: 50%;
	       left: 50%;
	
margin-left: auto;
margin-right: auto;
transform: translate(-50%,-50%);}

#qjdt-banner>img{
    max-height: 700px;
}

/* 第二个组件 */
.qjdt-fzlc{margin: 40px 0;}
.qjdt-fzlc *{color: #000;}
.qjdt-fzlc .img-title-box h3 {font-size: 22px;color: #0c4197;}
.qjdt-fzlc .img-title-box p {font-size: 16px;color: rgba(0, 0, 0, 0.4);margin-top: 10px;}
.qjdt-fzlc .title-box {text-align: center;} 
.qjdt-fzlc .title-box .title{font-size: 38px;color: #0c4197;}
.qjdt-fzlc .title-box .title::after{content: " ·";color: #0061de;}
.qjdt-fzlc .title-box .title::before{content: "· ";color: #0061de;}
.qjdt-fzlc .center-box {padding: 20px 0;background-color: rgb(247,247,247);height: 400px;}
.qjdt-fzlc .center-box .center-box1{margin: 30px;}
.qjdt-fzlc .center-box .center-box1 .center-y{width: 40%;    float: left;padding: 0 0 0 10%;}
.qjdt-fzlc .center-box .center-box1 .center-y>div{margin-bottom: 40px;}
.qjdt-fzlc .center-box .center-describe {font-size: 17px;letter-spacing: 0.275em;line-height: 34px;margin-top: 20px;}

.qjdt-fzlc .img-box {float: right;width: 60%;}

.qjdt-fzlc .center-box .center-box1 img.qjdt-img{height:
			auto;border-radius: 20px;}
.qjdt-fzlc .center-box .center-box1 span.ico-l{padding-right: 15px;}
.qjdt-fzlc .center-box .center-box1 span.ico-r{padding-left: 15px;}
.qjdt-fzlc .center-box .img-box {text-align: center;}
.qjdt-fzlc .center-box .img-box > .date{margin: 10px 0;}
.qjdt-fzlc .center-box .img-box > .date span{font-size: 22px;}
.qjdt-fzlc .center-box .center-box1 span.month {font-size: 30px;}
/* 图片上浮动的标题 */
.qjdt-fzlc .center-box .img-box .img-box-two >a{position: relative;display: block;}
.qjdt-fzlc .center-box .flo-title{width: 100px;background-color: #fd7b00;padding: 6px;
position: absolute;
top: 50%;
right: -20px;
}
.qjdt-fzlc .center-box .slide-date{z-index:20; width: 250px;height: 300px;background-color: #686868; 
   position: absolute;
margin-left: -20px;
    margin-top: 70px;
    border-radius: 20px;
	padding: 20px 10px;
   }
.qjdt-fzlc .center-box .slide-date .img-box-two ul{padding: 0 !important;}
.qjdt-fzlc .center-box  .slide-date .img-box-two{    overflow: auto;  width: 220px;height: 260px;}

/* 定义滚动条样式 */
.qjdt-fzlc .center-box  .slide-date .img-box-two::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: rgba(240, 240, 240, 1);
}
  
/*定义滚动条轨道 内阴影+圆角*/
.qjdt-fzlc .center-box  .slide-date .img-box-two::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
  border-radius: 10px;
  background-color: rgba(240, 240, 240, .5);
}
  
/*定义滑块 内阴影+圆角*/
.qjdt-fzlc .center-box  .slide-date .img-box-two::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
  background-color: rgba(240, 240, 240, .5);
}

.qjdt-fzlc .center-box .img-box .img-box-two {padding:20px 0;}



.qjdt-fzlc .center-box .slide-date .img-box-two ul li *{text-align: initial;color: #fff;}
.qjdt-fzlc .center-box .slide-date .img-box-two ul li{padding-left: 15px;
padding-bottom: 20px;
position: relative;
line-height: normal;
border-left: 1px dashed #F2F6FC;
margin-left: 5px;}
.qjdt-fzlc .center-box .slide-date .img-box-two ul li::before{
content: '';
position: absolute;
top: 6px;
left: -5px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #d1e8ff;
z-index: 1;}
/* 资质证书栏目 */
.zzzs-box{margin: 40px 0;}
.zzzs-box *{color: #000;}
.zzzs-box .title-box {text-align: center;} 
.zzzs-box .title-box .title{font-size: 38px;color: #0c4197;}
.zzzs-box .title-box .title::before,.zzzs-box .title-box .title:after{content: " · ";font-size: 38px;color: #0061de;}
.zzzs-box .center-box {padding: 20px 0;background-color: rgb(247,247,247);height: 500px;}
.w-d{max-width: 1200px;
margin-left: auto;
margin-right: auto;}
/* 企业文化 */
.qywh-box{margin: 40px 0;}
.qywh-box *{color: #000;}
.qywh-box .title-box {text-align: center;} 
.qywh-box .title-box .title{font-size: 38px;
    color: #0c4197;}
.qywh-box .title-box .title::after,.qywh-box .title-box .title::before{content: " · ";font-size: 38px;color: #0061de;}
.qywh-box .center-box {padding: 20px 0;background-color: rgb(247,247,247);height: 500px;}
.pt-10{padding-top: 80px!important;}
/* 切换按钮 */
.qywh-box .date span.ico-l{padding-right: 15px;}
.qywh-box .date span.ico-r{padding-left: 15px;}
.qywh-box .date {text-align: center;}
.qywh-box .date > .date{margin: 10px 0;}
.qywh-box .date > .date span{font-size: 22px;}
.qywh-box .date span.month {font-size: 30px;}
/* 开始地1页布局代码-------------------------------------------------------------------------------------------------------------------------------------- */
.cp-cbl{margin: 40px 0;}
/* .cp-cbl *{color: #000;} */
.cp-cbl .title-box {text-align: center;margin-bottom: 60px;} 
.cp-cbl .title-box .title{font-size: 38px;color: #04429a;}
.cp-cbl .title-box .title::after,.cp-cbl .title-box .title::before{font-size: 38px;color: #0061dd;content: " · ";}
.cp-cbl .center-box {padding: 20px 0;background-color: rgb(247,247,247);height: 500px;}
.cp-cbl .product-title {background-color:rgb(238,238,238)}
/* 分类列表按钮 */
.cp-cbl  .button-default{
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	background-color: #ffffff;
color: #333;
border: 1px solid #e5e5e5;
padding: 10px 0!important;
border-radius:6px!important;
}
.txtcolor{color:#9c9c9c}
.product-title h3{margin-left: 10px;font-size: 30px;margin-top: 30px;color: #04429a;font-weight: 600;}
.product-title h2{margin-left: 10px;font-size: 24px;color: #04429a;margin-bottom: 20px;}
.cp-cbl  .button-default:hover{background-color: rgb(5 64 149);color:#fff;cursor:pointer;}
.cp-cbl  .qy-button{
    color: #04429a;
	border: none;
	overflow: visible;
	text-transform: none;
	-webkit-appearance: none;
	border-radius: 0;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 30px;
	vertical-align: middle;
	font-size: 1.3rem;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: .1s ease-in-out;
	transition-property: all;
    height: 80px;
    line-height: 65px;

}
.my-small-p{font-size: .8rem;position: relative;}
.my-small-p::after{content: "";width: 9em;height: 1px;border: .1px dashed #004a9d;display: block;position: absolute;left: 8.5em;}
.btn-my{  color: #fff;background: #004a9d; width: 92px;height: 27px;font-size: 10px;}
.more a{color: #0061dd;}
.cplist {margin-bottom: 70px;}
/* 文章list布局 */
.cpzs-box .list-title{font-size: 35px;font-weight: 400; color: #004a9d;}
.cpzs-box .xh-span{width: 80px;height: 3px;display: block;background-color:rgb(5 64 149);}
.cpzs-box .flex-cent{    justify-content: space-around;flex-direction: column;display: flex;}
@media screen and (max-width: 991px){
	.cpzs-box .list-title {
	    font-size: 20px;
	    font-weight: 200;
	}
	.cpzs-box .abstract {
	    font-size: 18px;
	}
	.cpzs-box .ico {
	    display: none;
	}
	
}

/*.cpzstwo-box .container .title::after,.cpzstwo-box .container .title::before{content: "#";font-weight: 400;color: #004a9d;position: absolute;}*/
/*.cpzstwo-box .container .title::after{right: .5em;}*/
/*.cpzstwo-box .container .title::before{left: .5em;}*/
/* 产品展示2页面--------------------------------------------------------------------------------------------------------------- */
.cpzstwo-box .container .title{font-weight: 400;color: #004a9d;position: relative;font-size:18px}
.cp-pagination span.ico-l{padding-right: 15px;}
.cp-pagination span.ico-r{padding-left: 15px;}
.cp-pagination {text-align: center;}
.cp-pagination > .date{margin: 10px 0;}
.cp-pagination > .date span{font-size: 22px;}
.cp-pagination span.month {font-size: 20px;}
/* 产品展示3页面--------------------------------------------------------------------------------------------------------------- */
/* 幻灯片布局 */
.positionr{position: relative;}
.pol{width: 20px;height: 70px;background-color: #0000D3;display: block;float: left;color: white;line-height: 70px;position: absolute;left: 0;top: 3px;cursor:pointer}
.por{width: 20px;height: 70px;background-color: #0000D3;display: block;float: right;color: white;line-height: 70px;position: absolute;top: 3px;right: 0;cursor:pointer}
.poi1{padding:0 25px;height:70px;overflow: hidden;cursor:pointer}
.poindex {border: 2px solid #bbd5f0;display: inline flow-root list-item;cursor:pointer}
.qy-grid{
	display: flex;
	/* flex-wrap: wrap; */
	margin: 0;
	  margin-left: 0px;
	padding: 0;
	list-style: none;
	/* overflow: hidden; */
	padding: 0 0 5px 0;
	
}
.qy-slider-items > *{flex: none;
max-width: 100%;
position: relative;
touch-action: pan-y;
width: 100%;
}
/* 幻灯片布局 */
/* 产品展示4------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.qy-flex{display: flex;}
.cpzsfour-box .flex-y{
	    justify-content: space-between;
	    flex-direction: column;
	    display: flex;}
.cpzsfour-box .flex-cent{    justify-content: space-around;flex-direction: column;display: flex;}
.cpzsfour-box .list-title {font-size: 38px;font-weight: 400;color: #0e52a0;}
.cpzsfour-box .xh-span {
    width: 80px;
    height: 3px;
    display: block;
    background-color: rgb(5 64 149);
}
.cplist2{padding: 7px;}
.acolor{color:#2877e0}
.cplist2 a{
    overflow: hidden;
}
.cplist2:hover{background-color: #ec6438;}
.cplist2:hover .hyyy-l-box .abstract a{color:#fff ;}
.cplist2:hover .hyyy-l-box .abstract a h3{color:#fff ;}
@media screen and (max-width: 991px){
.cpzsfour-box .ico {
    display: none;
}
.cpzsfour-box .container .list-title {font-size: 20px;}
.cpzsfour-box .container .abstract{font-size: 15px;}
.cpzsfour-box .container  .xh-span{display: none;}
}
/* 产品展示5------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.hyyy-box .hyyy-l-box:hover{background-color: rgb(236,100,56);cursor:pointer;}
.hyyy-box .hyyy-l-box:hover a,.hyyy-box .hyyy-l-box:hover .title{color: #fff;}
/* 视觉大图------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.sjdt-box .title-boxtwo .title {font-size: 30px;color: #0c4197;}
.sjdt-box .title-boxtwo .vice {color: rgb(156,156,156);font-size: 16px;}
/* .cpzsthree-box .nav ul{display: flex;justify-content: center;padding: 0;margin: 0;} */
.sjdt-box .navbox ul >li{padding: 5px;}
.sjdt-box .navbox ul >li a{font-size: 22px;color: #0c4197;}
.sjdt-box .navbox .nav{justify-content: flex-end;    justify-content: space-around;}
.sjdt-box .navbox {    display: flex;
    align-content: space-around;
    align-items: center;
    justify-content: flex-end;}
.sjdt-box .navbox ul >li> a {
position: relative;
}
.sjdt-box .navbox ul>li>a::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    bottom: -6px;
    height: 2px;
    background-color: transparent;
    transition: .3s ease-in-out;
    transition-property: background-color,border-color,box-shadow,height,left,right,opacity;
    left: 0px;
    right: calc(102% - 20px);
}

.sjdt-box .navbox ul>li:hover>a::before {
    right: 0px;
    background-color: #ec6438;
}
/* 幻灯片布局开始 */
/* 公共副标题 */
.pr-0{padding-right: 0!important;}
.pr-1{padding-right: 10!important;}
.pr-2{padding-right: 15!important;}
.pr-3{padding-right: 20!important;}
.pr-4{padding-right: 30!important;}
.qjdt-fzlc .img-title-box{padding: 0px 10px;border-left: 3px solid #fd7b00;text-shadow: 0 1px 3px rgba(88,88,88,.1);}
.qjdt-fzlc .date{transform: translate(-17%,50%);}
.gg-describe {color: rgb(156,156,156);font-size: 18px;margin-bottom: 30px;}
.sjdt-box .slide-box{position: relative;}
.sjdt-box .slide-box .img-box1{position: absolute;left: -50px;height: 400px;width: 100%;}
.sjdt-box .slide-box .img-box1 ul li img{height: 100%;}
.sjdt-box .slide-box .img-box1 ul li {
  position: absolute;
  border: 2px solid #000;
  list-style: none;
  background: #000;
  width: 400px;
  height: 100%;
  top: 146px; 
  left: -50px;  
  z-index: 0;
  cursor: pointer;
  overflow: hidden;
  border-radius: 3px;
}
.contents{padding:10px}
.sjdt-box .slide-box .img-box2{position: absolute;right: -50px;height: 400px;width: 100%;}
.sjdt-box .slide-box .img-box2 ul li img{height: 100%;}
.sjdt-box .slide-box .img-box2 ul li {
  position: absolute;
  border: 2px solid #000;
  list-style: none;
  background: #000;
  width: 400px;
  height: 100%;
  top: 146px; 
  right: -50px; 
  z-index: 0;
  cursor: pointer;
  overflow: hidden;
  border-radius: 3px;
}
.sjdt-box .slide-box .img-box3 ul li {
  position: absolute;
  border: 2px solid #000;
  list-style: none;
  background: #000;
/*  width: 0;
  height: 0;
  top: 146px;
  left: 377px; */
  z-index: 0;
  cursor: pointer;
  overflow: hidden;
  border-radius: 3px;
}
/* 幻灯片布局结束 */
/* 幻灯片下面的文字等等 */
.sjdt-box .assembly-box  *{color: rgb(156,156,156);}
.sjdt-box .assembly-box .box-1 .transverse{display: block; width: 200px;height: 4px;background-color: #9c9c9c;}
.sjdt-box .assembly-box .box-1{display: flex;align-items: center;}
.sjdt-box .assembly-box .box-1 span{padding-right: 6px;}
.sjdt-box .assembly-box{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.sjdt-box .assembly-box .pagebox ul li{padding: 5px 15px;}
.sjdt-box .assembly-box .pagebox ul li a,.sjdt-box .assembly-box .box-1,.sjdt-box .assembly-box span.l{font-size: 20px;}
.sjdt-box .assembly-box .pagebox ul li a.current{color: #000000!important;}
.sjdt-box .assembly-box .pagebox ul{display: flex;margin: 0;padding: 0;list-style: none;}
@media screen and (max-width: 991px){
.sjdt-box .assembly-box .box-1,.sjdt-box .assembly-box span.l{display: none;}
.sjdt-box .assembly-box{justify-content: center;}
	}
/* 新闻中心6------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.xwzx-box .title-boxtwo .title {font-size: 38px;color: #04429a;}

.xwzx-box .title-boxtwo .vice {color: rgb(156,156,156);font-size: 25px;}
.xwzx-box .navbox ul >li{padding: 15px;}
.xwzx-box .navbox ul >li a{font-size: 22px;color: #0c4197;}
.xwzx-box .navbox .nav{justify-content: flex-end;    justify-content: space-around;}
.xwzx-box .navbox {    display: flex;
    align-content: space-around;
    align-items: center;
    justify-content: flex-end;}
.xwzx-box .navbox ul >li> a {
position: relative;
}
.lxwm_h4{font-size: 18px;}
.lxwm_p{font-size: 18px;color: #b1b1b1;}
.xwzx-box .navbox ul>li>a::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    bottom: -6px;
    height: 2px;
    background-color: transparent;
    transition: .3s ease-in-out;
    transition-property: background-color,border-color,box-shadow,height,left,right,opacity;
    left: 0px;
    right: calc(102% - 20px);
}
.xwzx-box .navbox ul>li:hover>a::before {
    right: 0px;
    background-color: #e64577;
}
.xwzx-box .container .content .assembly-box .hr{    background-image: linear-gradient(to right, #8b848400,#646a7069,#c9c9c400);
    width: 100%;
    height: 4px;}
.xwzx-box .container .content .assembly-box .ico-box{justify-content: space-between;display: flex;}
.xwzx-box .container .content{    justify-content: space-between;
    flex-direction: column;
    display: flex;}
.xwzx-box .container .content .assembly-box .ico-box span.l span,.xwzx-box .container .content .assembly-box .ico-box span.r span{display: inline-block;transform: translateY(5px);}
@media screen and (max-width: 991px){
.xwzx-box .container .content .time{font-size: 12px;}
.xwzx-box .container .content .single-line{font-size: 16px}
.xwzx-box .container .content .single-line2{font-size: 10px}
.xwzx-box .container .content .content-box{padding: 0 !important;}
.xwzx-box .container .content .assembly-box *{font-size: 14px!important;}
.xwzx-box .container .content .content-box .single-line{margin-bottom:8px!important;}
.xwzx-box .container .content .assembly-box svg{width: 20px!important;}
.xwzx-box .container .content .assembly-box .l span,.xwzx-box .container .content .assembly-box .r span{display: inline-block;transform: translateY(5px);}
}
/* 联系我们7------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.lxwm-box .lxwm-kf .artificial-box .card{    display: flex;flex-direction: row;align-items: center;justify-content: space-evenly;}
.lxwm-box .lxwm-kf .artificial-box .card .data *{margin: 0!important;padding:0!important;}
.lxwm-box .lxwm-kf .containers {justify-content: center;}
.lxwm-box .lxwm-kf .artificial-box .card:hover{background-color: #f3f3f3;cursor:pointer;}
.mr-0{margin-right: 0px!important;}
.mr-1{margin-right: 10px!important;}
.mr-2{margin-right: 15px!important;}
.mr-3{margin-right: 20px!important;}
.mr-4{margin-right: 30px!important;}
@media screen and (max-width: 991px){
.lxwm-box .lxwm-kf .artificial-box .card svg{width: 40px;height: 40px;}
.lxwm-box .lxwm-kf .artificial-box .card .data h4{font-size: 14px;}
.lxwm-box .lxwm-kf .artificial-box .card .data p{font-size: 14px;}
.lxwm-box .lxwm-kf .containers{margin: 5px;}
.lxwm-box .lxwm-kf .containers .p-3{padding: 0.1rem!important;}
}
/* 第二组件布局 */
.lxwm-box .rczp-box .card-box .date{justify-content: space-between;display: flex;}
.lxwm-box .rczp-box .card-box .date *{color: #8d8d8d;}





/* CSS Document */
#certify {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 820px;
	height: 600px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide img{
	display:block;
}
#certify  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	/* left: -30px; */
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	/* right: -30px; */
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}

.nav_menu{width: 100%;background: url(/static/images/1.jpg) 100% no-repeat;}
.menu_body{padding:0 12%;width: 100%;display: flex;background: rgba(18, 57, 211,.2); position: absolute;top: 32%;justify-content: space-around;left: 0;height: 300px;align-items: center;}
.menu_sort{width: 1em;word-wrap: break-word;color: #fff;font-size: 27px;}
.menu_sort a{width: 1em;word-wrap: break-word;color: #fff;font-size: 27px;position: relative;}
.menu_sort a::before{
    content: "";
    width: 1em;
    position: absolute;
    height: 3px;
    color: #f26800;
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    bottom: -5em;
    background-color: transparent;
    transition: .3s ease-in-out;
    transition-property: all;
    transition-property: background-color,border-color,box-shadow,height,left,right,opacity;
    left: 0px;
    right: calc(102% - 20px);
}
.menu_sort:hover a::before{right: 0px;background-color: #f26800;border: 1px solid #f26800;}
.thisb{position: absolute;right: 3%;top: 10%;height: 48px;width: 48px;background-color: #004a9d;color: #fff;}

@media (max-width:1200px) {
    #qjdt-banner div.left {
    top: 60%;
    }
    #qjdt-banner div {
        font-size: 40px;
    }
    #header{
        height: var(--height-dz-m);
    }
    #header .left{
        padding: 5px;
    }
    #header .right{
        height: var(--height-dz-m);
        line-height: var(--height-dz-m);
        float: right;
        display: flex;
    
    }
    #header .right p{
        font-size: 30px;
    }

    #inbanner {
        width: 100%;
        height: 60VH;
        position: relative;
    }
    
    #inbanner .left{
        position: absolute;
        text-align: center;
        top:70%;
        left:50%;
        width: 100%;
    }
    #inbanner .left p:nth-child(1){
        font-size: 30px;
    }
    #inbanner .left p:nth-child(2){
        font-size: 24px;
    }
    #inbanner .left p:nth-child(3){
        font-size: 20px;
    }

    #inbanner .right{
        display: none;
    }

    #index2 {
        height: 1100px;
    }

    #index2 .header .left {
        padding: 0 10%;
        width: 100%;
    }
    #index2 .footer{
        bottom: 10%;
        width: 100%;
        left: 0;
        transform:translate(0,0);
    
    }
    #index2 .header .right{
        display: none;
    }
    #index2 .footer div h3{
        color:#0061dd;
        font-size: 20px;
    }
    #index2 .footer div p{
        font-size: 16px;
    }
    #index3 .text h3{
        color: #fff;
        font-size: 25px;
        text-align: center;
        line-height: 1.5em;
    }
    #index3 .text a .iconfont{
        color: #fff;
        font-size: 25px;
    }
    #index3 .middle {
        height: 75vh;
    }
    #index3 .middle .left{
        width: 50%;
        float: left;
        height: auto;
    }
    #index3 .middle .right{
        width: 50%;
        float: right;
        height: auto;
    }
    #index3 .middle .right>img,#index3 .middle .right .about{
        height: 50%;
    }
    #index3 .middle .right .about{
        position: relative;
        padding: 2%;
    }
    #index3 .middle .right .about .title h3,#index3 .middle .right .about .title p{
        font-size: 18px;
        font-weight: 600;
        text-align: center;
    }
    #index3 .middle .right .about .sort{
        position: absolute;
        top: 45px;
        right:45px;
        width: 75px;
        height: 50px;
        background: #0061dd;
        text-align: center;
        line-height: 50px;
    }
    #index3 .middle .right .about .sort a{
        color: #fff;
        font-size:18px;
    }
    #index3 .middle .right .about .small{
        font-size: 14px;
        padding: 3px;
        /*height: auto;*/
    }
    #index3 .middle .right .about .more{
        color: #2877e0;
        font-size:18px;
        /* position: unset; */
        display: none;
        bottom: 0;
    }
    #index3 .footer .left .title h3{
        font-size: 20px;
        text-align: center;
        font-weight: 600;
    }
    
    #index3 .footer .left .title p{
        font-size: 18px;
        text-align: center;
    }
    #index3 .footer .left .samll{
        font-size: 14px;
    }
    #index3 .footer .left .more{
        /*position: absolute;*/
        bottom: 40px;
        background: #04429a;
        display: block;
        width: 220px;
        height: 48px;
        color: #fff;
        text-align: center;
        line-height: 48px;
        font-size: 18px;
    }
    #index3 .footer .right {
        height: 100%;
      }
    #index3 .footer .right>img {
        height: 100%;
    }
    #index3 .footer .right .pre,#index3 .footer .right .next{
        width: 50px;
        height: 50px;
        border: 2px solid #fff;
        border-radius: 50%;
        position: absolute;
        text-align: center;
        display: block;
        top: 50%;
        transform: translate(0,-50%);
    }
    #index3 .footer .right .pre{
        left: 7%;
    }
    #index3 .footer .right .next{
        right: 7%;
    }
    #index3 .footer .right .iconfont{
        color: #fff;
        font-size: 30px;
        line-height: 50px;
    }
   
    
}
@media (max-width:960px) {
        #certify {
    	width: 100%;
    }
    #certify  .swiper-slide {
    	width: 100%;
    	height: auto;
    }
    #certify  .swiper-slide img{
    	display:block;
    }
    #certify  .swiper-slide p {
        
    }
    
    #certify .swiper-pagination {
    	width: 100%;
    }
    
    #certify .swiper-pagination-bullets .swiper-pagination-bullet {
    	margin: 0 5px;
    	border: 3px solid #fff;
    	background-color: #d5d5d5;
    	width: 10px;
    	height: 10px;
    	opacity: 1;
    }
    
    #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    	border: 3px solid #00aadc;
    	background-color: #fff;
    }
    
    #certify .swiper-button-prev {
    	/* left: -30px; */
    	width: 45px;
    	height: 45px;
    	background: url(../images/wm_button_icon.png) no-repeat;
    	background-position: 0 0;
    	background-size: 100%;
    }
    
    #certify .swiper-button-prev:hover {
    	background-position: 0 -46px;
    	background-size: 100%
    }
    
    #certify .swiper-button-next {
    	/* right: -30px; */
    	width: 45px;
    	height: 45px;
    	background: url(../images/wm_button_icon.png) no-repeat;
    	background-position: 0 -93px;
    	background-size: 100%;
    }
    
    #certify .swiper-button-next:hover {
    	background-position: 0 -139px;
    	background-size: 100%
    }
}
@media (max-width: 460px){
    #index3 .text h3 {
      font-size: 16px !important;
    }
    #index3 .text a {
      width: auto;
      height: auto;
      font-size: 16px;
      padding: 0 20px 0 13px;
    }
    #index2 {
      height: auto !important;
padding-bottom: 30px;
    }
    #index2 .left .middle p{
        font-size: 16px;
    }
    #index2 .left .middle p {
      display: inline;
      font-size: 14px;
    }

}
@media (max-width:760px) {
    .cp-cbl .title-box .title {
      font-size: 20px;
      color: #04429a;
    }
    #index3 > .header {
        position: relative;
        /*height: 50vh;*/
    }
    #index3 > .header > img {
        height: 50vh;
    }
    #maps{height:50vh}
    .xwzx-box .txtcolor,.xwzx-box .nav>li{text-align:center}
    .xwzx-box .navbox {justify-content: center;}
    .qjdt-fzlc .center-box {
      height: auto;
      overflow: hidden;
    }
    .qy-grid {
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .qjdt-fzlc .date {
      transform: translate(0,80%);
    }
    .qjdt-fzlc .img-box {
      width: 100%;
    }
    .qjdt-fzlc .center-box .center-box1 .center-y {
      width: 100%;
    }
    #qjdt-banner div.left {
     top: 60%;
    }
    #header .right p{
        font-size: 18px;
    }
    
    #inbanner .left{
        top:70%;
    }
    #inbanner .left p:nth-child(1){
        font-size: 18px;
    }
    #inbanner .left p:nth-child(2){
        font-size: 16px;
    }
    #inbanner .left p:nth-child(3){
        font-size: 14px;
    }
    #inbanner .left p:nth-child(4) {
        font-size: 10px;
      }
    #inbanner .right{
        display: none;
    }

    #index2 {
        height: 1200px;
    }

    #index2 .header .left {
        padding: 0 10%;
        width: 100%;
    }
    #index2 .left .bottom {
        margin: 0 auto;
      }
    #index2 .footer{
        bottom: 10%;
        width: 100%;
        left: 0;
        transform:translate(0,0);
    
    }
    #index2 .header .right{
        display: none;
    }
    #index2 .left .top h2 {
        font-size: 25px;
    }
    #index2 .left .top h2 p{
        font-size: 25px;
    }
    #index2 .left .top>p{
        font-size: 18px;
    }
    #index2 .footer div h3{
        color:#0061dd;
        font-size: 18px;
    }
    #index2 .footer div p{
        font-size: 16px;
    }
    #index3 .text h3{
        color: #fff;
        font-size: 25px;
        text-align: center;
        line-height: 1.5em;
    }
    #index3 .text a .iconfont{
        color: #fff;
        font-size: 25px;
    }
    #index3 .middle {
        height: auto;
    }
    #index3 .middle .left {
        width: 100%;
        float: none;
        height: auto;
        display: none;
      }
    #index3 .middle .right{
        width: 100%;
        float: none;
        height: 70vh;
    }
    #index3 .middle .right .about {
        height: 280px;
    }
    #index3 .footer .left {
        height: auto;
        width: 100%;
    }
    #index3 .footer .right {
        height: 100%;
        width: 100%;
    }
    #index3 .footer .left .more {
        position: unset;
        margin: 30px auto;
    }
    #index3 .middle .right .about .small {
        padding: 0;
    }
    #footer .row>.right{
        width: 100%;
    }
    #footer .right .middle .left input, #footer .right .middle .right input {
        width: auto;
    }
    /*#footer .row > .left {*/
    /*    padding: 10px;*/
    /*}*/
    #footer .left .title h3{
        text-align: center;
        font-size: 18px;
        color: #fff;
    }
    #footer .left .title span{
        display: block;
        width: 30px;
        height: 1px;
        background: #fff;
        margin: 0 auto;
        display: block;
    }
    #footer .left .connect>div .iconfont,#footer .left .connect>div a{
        font-size: 18px;
        text-align: center;
    }
    #footer .left .connect {
height: auto;
display: flex;
flex-direction: unset;
justify-content: space-around;
align-items: center;
width: 100%;
    }
    #footer .left .logo {
        width: 220px;
        margin: 0 auto 30px;
    }
    #footer .row > .right {
        margin: 0;
    }
}
@media (max-width:560px) {
    .sjdt-box .title-boxtwo .title ,.sjdt-box .title-boxtwo .vice  {
      text-align: center;
    }
    
    #footer .right .middle .left {
      padding-left: 0 !important;
    }
    #footer .right .middle .right {
      padding-right: 0 !important;
    }
    #qjdt-banner div {
    font-size: 35px;
}
    #header .left{
        width: 200px;
        height: 100px;
        line-height: 90px;
    }
    #bannerbg{
        height: 450px;
    }
    
}
@media (max-width:400px) {
        #qjdt-banner div {
        font-size: 28px;
    }
    #header .left{
        width: 150px;
        height: 100px;
        line-height: 90px;
    }
    #bannerbg{
        height: 400px;
    }
    
}
@media (max-width:300px) {
    #bannerbg{
        height: 50vh;
    }
}
@media (max-width:960px) {
    .menu_body{
        flex-direction:column;
        height: auto;
        top: 11%;
    }
    .menu_sort{
        width: auto;
        padding: 10px 0 ;
    }
    .thisb{
        top: 5%;
    }
    .menu_sort a::before{
        bottom: -.1em;
        width: 4em;
    }
}

   .lista img{
        overflow: hidden;
        transition: 0.3s;
    }
    .lista:hover img{
        transform:scale(1.1);
        transition: 0.3s;
    }
    .listpic{
        height: 180px;
    }
    .btn-my:hover{
        color:#e1f0f9;
    }
    .contents img{
        width: auto;
        max-width: 100%;
    }
    #index3 .img-swiper2 .left .en{
        font-size: 38px;
    }
    #index3 .img-swiper2 .right{
        background: #04429a;
    }
    .mp{
        font-size: 14px !important;
        padding: 0 40px 0 0;
        text-align: justify;
    }
    
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  border: 3px solid #ffa055;
  background-color: #ffa055;
  padding: 5px;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 3px solid #ea6700 !important;
  background-color: #ea6700;
}
@media (max-width:760px){
    #index3 .footer{
        height: auto;
    }
}

@media (max-width:560px){
    #header{
        height: 60px;
    }
    #header .left{
        height: 60px;
        line-height: 60px;
    }
    #index2 .header{
        padding-top: 30px;
    }
    #header .right .muen {
      display: block;
      margin: 6px 0;
      width: 38px;
      height: 2px;
      background-color: #ffffff;
    }

    #footer .right .middle{
        flex-direction: column;
    }
    #footer .right .middle .left input, #footer .right .middle .right input {
      width: 100%;
    }
    #footer .row > .right{
        height: auto ;
    }
    #header{
        position: unset;
    }
    #header .right{
        height: 60px;
        line-height: 60px;
    }
    .sjdt-box .navbox {
      justify-content: center;
    }
}



.modal-dialog{
    max-width: 40%;
}
@media (max-width:760px){
    #index3 .img-swiper2 .left .en{
        font-size: 18px;
    }
    #index3 .img-swiper2 .right{
        background: #04429a;
    }
    .modal-dialog{
        max-width: 100%;
    }
    
}
#more{
    padding: 10px 20px;background: #639eea;color: #fff;border-radius: 4px;cursor: pointer;
}

@media (width:1px){#inbanner {height:0.5px;}}
@media (width:2px){#inbanner {height:1px;}}
@media (width:3px){#inbanner {height:1.5px;}}
@media (width:4px){#inbanner {height:2px;}}
@media (width:5px){#inbanner {height:2.5px;}}
@media (width:6px){#inbanner {height:3px;}}
@media (width:7px){#inbanner {height:3.5px;}}
@media (width:8px){#inbanner {height:4px;}}
@media (width:9px){#inbanner {height:4.5px;}}
@media (width:10px){#inbanner {height:5px;}}
@media (width:11px){#inbanner {height:5.5px;}}
@media (width:12px){#inbanner {height:6px;}}
@media (width:13px){#inbanner {height:6.5px;}}
@media (width:14px){#inbanner {height:7px;}}
@media (width:15px){#inbanner {height:7.5px;}}
@media (width:16px){#inbanner {height:8px;}}
@media (width:17px){#inbanner {height:8.5px;}}
@media (width:18px){#inbanner {height:9px;}}
@media (width:19px){#inbanner {height:9.5px;}}
@media (width:20px){#inbanner {height:10px;}}
@media (width:21px){#inbanner {height:10.5px;}}
@media (width:22px){#inbanner {height:11px;}}
@media (width:23px){#inbanner {height:11.5px;}}
@media (width:24px){#inbanner {height:12px;}}
@media (width:25px){#inbanner {height:12.5px;}}
@media (width:26px){#inbanner {height:13px;}}
@media (width:27px){#inbanner {height:13.5px;}}
@media (width:28px){#inbanner {height:14px;}}
@media (width:29px){#inbanner {height:14.5px;}}
@media (width:30px){#inbanner {height:15px;}}
@media (width:31px){#inbanner {height:15.5px;}}
@media (width:32px){#inbanner {height:16px;}}
@media (width:33px){#inbanner {height:16.5px;}}
@media (width:34px){#inbanner {height:17px;}}
@media (width:35px){#inbanner {height:17.5px;}}
@media (width:36px){#inbanner {height:18px;}}
@media (width:37px){#inbanner {height:18.5px;}}
@media (width:38px){#inbanner {height:19px;}}
@media (width:39px){#inbanner {height:19.5px;}}
@media (width:40px){#inbanner {height:20px;}}
@media (width:41px){#inbanner {height:20.5px;}}
@media (width:42px){#inbanner {height:21px;}}
@media (width:43px){#inbanner {height:21.5px;}}
@media (width:44px){#inbanner {height:22px;}}
@media (width:45px){#inbanner {height:22.5px;}}
@media (width:46px){#inbanner {height:23px;}}
@media (width:47px){#inbanner {height:23.5px;}}
@media (width:48px){#inbanner {height:24px;}}
@media (width:49px){#inbanner {height:24.5px;}}
@media (width:50px){#inbanner {height:25px;}}
@media (width:51px){#inbanner {height:25.5px;}}
@media (width:52px){#inbanner {height:26px;}}
@media (width:53px){#inbanner {height:26.5px;}}
@media (width:54px){#inbanner {height:27px;}}
@media (width:55px){#inbanner {height:27.5px;}}
@media (width:56px){#inbanner {height:28px;}}
@media (width:57px){#inbanner {height:28.5px;}}
@media (width:58px){#inbanner {height:29px;}}
@media (width:59px){#inbanner {height:29.5px;}}
@media (width:60px){#inbanner {height:30px;}}
@media (width:61px){#inbanner {height:30.5px;}}
@media (width:62px){#inbanner {height:31px;}}
@media (width:63px){#inbanner {height:31.5px;}}
@media (width:64px){#inbanner {height:32px;}}
@media (width:65px){#inbanner {height:32.5px;}}
@media (width:66px){#inbanner {height:33px;}}
@media (width:67px){#inbanner {height:33.5px;}}
@media (width:68px){#inbanner {height:34px;}}
@media (width:69px){#inbanner {height:34.5px;}}
@media (width:70px){#inbanner {height:35px;}}
@media (width:71px){#inbanner {height:35.5px;}}
@media (width:72px){#inbanner {height:36px;}}
@media (width:73px){#inbanner {height:36.5px;}}
@media (width:74px){#inbanner {height:37px;}}
@media (width:75px){#inbanner {height:37.5px;}}
@media (width:76px){#inbanner {height:38px;}}
@media (width:77px){#inbanner {height:38.5px;}}
@media (width:78px){#inbanner {height:39px;}}
@media (width:79px){#inbanner {height:39.5px;}}
@media (width:80px){#inbanner {height:40px;}}
@media (width:81px){#inbanner {height:40.5px;}}
@media (width:82px){#inbanner {height:41px;}}
@media (width:83px){#inbanner {height:41.5px;}}
@media (width:84px){#inbanner {height:42px;}}
@media (width:85px){#inbanner {height:42.5px;}}
@media (width:86px){#inbanner {height:43px;}}
@media (width:87px){#inbanner {height:43.5px;}}
@media (width:88px){#inbanner {height:44px;}}
@media (width:89px){#inbanner {height:44.5px;}}
@media (width:90px){#inbanner {height:45px;}}
@media (width:91px){#inbanner {height:45.5px;}}
@media (width:92px){#inbanner {height:46px;}}
@media (width:93px){#inbanner {height:46.5px;}}
@media (width:94px){#inbanner {height:47px;}}
@media (width:95px){#inbanner {height:47.5px;}}
@media (width:96px){#inbanner {height:48px;}}
@media (width:97px){#inbanner {height:48.5px;}}
@media (width:98px){#inbanner {height:49px;}}
@media (width:99px){#inbanner {height:49.5px;}}
@media (width:100px){#inbanner {height:50px;}}
@media (width:101px){#inbanner {height:50.5px;}}
@media (width:102px){#inbanner {height:51px;}}
@media (width:103px){#inbanner {height:51.5px;}}
@media (width:104px){#inbanner {height:52px;}}
@media (width:105px){#inbanner {height:52.5px;}}
@media (width:106px){#inbanner {height:53px;}}
@media (width:107px){#inbanner {height:53.5px;}}
@media (width:108px){#inbanner {height:54px;}}
@media (width:109px){#inbanner {height:54.5px;}}
@media (width:110px){#inbanner {height:55px;}}
@media (width:111px){#inbanner {height:55.5px;}}
@media (width:112px){#inbanner {height:56px;}}
@media (width:113px){#inbanner {height:56.5px;}}
@media (width:114px){#inbanner {height:57px;}}
@media (width:115px){#inbanner {height:57.5px;}}
@media (width:116px){#inbanner {height:58px;}}
@media (width:117px){#inbanner {height:58.5px;}}
@media (width:118px){#inbanner {height:59px;}}
@media (width:119px){#inbanner {height:59.5px;}}
@media (width:120px){#inbanner {height:60px;}}
@media (width:121px){#inbanner {height:60.5px;}}
@media (width:122px){#inbanner {height:61px;}}
@media (width:123px){#inbanner {height:61.5px;}}
@media (width:124px){#inbanner {height:62px;}}
@media (width:125px){#inbanner {height:62.5px;}}
@media (width:126px){#inbanner {height:63px;}}
@media (width:127px){#inbanner {height:63.5px;}}
@media (width:128px){#inbanner {height:64px;}}
@media (width:129px){#inbanner {height:64.5px;}}
@media (width:130px){#inbanner {height:65px;}}
@media (width:131px){#inbanner {height:65.5px;}}
@media (width:132px){#inbanner {height:66px;}}
@media (width:133px){#inbanner {height:66.5px;}}
@media (width:134px){#inbanner {height:67px;}}
@media (width:135px){#inbanner {height:67.5px;}}
@media (width:136px){#inbanner {height:68px;}}
@media (width:137px){#inbanner {height:68.5px;}}
@media (width:138px){#inbanner {height:69px;}}
@media (width:139px){#inbanner {height:69.5px;}}
@media (width:140px){#inbanner {height:70px;}}
@media (width:141px){#inbanner {height:70.5px;}}
@media (width:142px){#inbanner {height:71px;}}
@media (width:143px){#inbanner {height:71.5px;}}
@media (width:144px){#inbanner {height:72px;}}
@media (width:145px){#inbanner {height:72.5px;}}
@media (width:146px){#inbanner {height:73px;}}
@media (width:147px){#inbanner {height:73.5px;}}
@media (width:148px){#inbanner {height:74px;}}
@media (width:149px){#inbanner {height:74.5px;}}
@media (width:150px){#inbanner {height:75px;}}
@media (width:151px){#inbanner {height:75.5px;}}
@media (width:152px){#inbanner {height:76px;}}
@media (width:153px){#inbanner {height:76.5px;}}
@media (width:154px){#inbanner {height:77px;}}
@media (width:155px){#inbanner {height:77.5px;}}
@media (width:156px){#inbanner {height:78px;}}
@media (width:157px){#inbanner {height:78.5px;}}
@media (width:158px){#inbanner {height:79px;}}
@media (width:159px){#inbanner {height:79.5px;}}
@media (width:160px){#inbanner {height:80px;}}
@media (width:161px){#inbanner {height:80.5px;}}
@media (width:162px){#inbanner {height:81px;}}
@media (width:163px){#inbanner {height:81.5px;}}
@media (width:164px){#inbanner {height:82px;}}
@media (width:165px){#inbanner {height:82.5px;}}
@media (width:166px){#inbanner {height:83px;}}
@media (width:167px){#inbanner {height:83.5px;}}
@media (width:168px){#inbanner {height:84px;}}
@media (width:169px){#inbanner {height:84.5px;}}
@media (width:170px){#inbanner {height:85px;}}
@media (width:171px){#inbanner {height:85.5px;}}
@media (width:172px){#inbanner {height:86px;}}
@media (width:173px){#inbanner {height:86.5px;}}
@media (width:174px){#inbanner {height:87px;}}
@media (width:175px){#inbanner {height:87.5px;}}
@media (width:176px){#inbanner {height:88px;}}
@media (width:177px){#inbanner {height:88.5px;}}
@media (width:178px){#inbanner {height:89px;}}
@media (width:179px){#inbanner {height:89.5px;}}
@media (width:180px){#inbanner {height:90px;}}
@media (width:181px){#inbanner {height:90.5px;}}
@media (width:182px){#inbanner {height:91px;}}
@media (width:183px){#inbanner {height:91.5px;}}
@media (width:184px){#inbanner {height:92px;}}
@media (width:185px){#inbanner {height:92.5px;}}
@media (width:186px){#inbanner {height:93px;}}
@media (width:187px){#inbanner {height:93.5px;}}
@media (width:188px){#inbanner {height:94px;}}
@media (width:189px){#inbanner {height:94.5px;}}
@media (width:190px){#inbanner {height:95px;}}
@media (width:191px){#inbanner {height:95.5px;}}
@media (width:192px){#inbanner {height:96px;}}
@media (width:193px){#inbanner {height:96.5px;}}
@media (width:194px){#inbanner {height:97px;}}
@media (width:195px){#inbanner {height:97.5px;}}
@media (width:196px){#inbanner {height:98px;}}
@media (width:197px){#inbanner {height:98.5px;}}
@media (width:198px){#inbanner {height:99px;}}
@media (width:199px){#inbanner {height:99.5px;}}
@media (width:200px){#inbanner {height:100px;}}
@media (width:201px){#inbanner {height:100.5px;}}
@media (width:202px){#inbanner {height:101px;}}
@media (width:203px){#inbanner {height:101.5px;}}
@media (width:204px){#inbanner {height:102px;}}
@media (width:205px){#inbanner {height:102.5px;}}
@media (width:206px){#inbanner {height:103px;}}
@media (width:207px){#inbanner {height:103.5px;}}
@media (width:208px){#inbanner {height:104px;}}
@media (width:209px){#inbanner {height:104.5px;}}
@media (width:210px){#inbanner {height:105px;}}
@media (width:211px){#inbanner {height:105.5px;}}
@media (width:212px){#inbanner {height:106px;}}
@media (width:213px){#inbanner {height:106.5px;}}
@media (width:214px){#inbanner {height:107px;}}
@media (width:215px){#inbanner {height:107.5px;}}
@media (width:216px){#inbanner {height:108px;}}
@media (width:217px){#inbanner {height:108.5px;}}
@media (width:218px){#inbanner {height:109px;}}
@media (width:219px){#inbanner {height:109.5px;}}
@media (width:220px){#inbanner {height:110px;}}
@media (width:221px){#inbanner {height:110.5px;}}
@media (width:222px){#inbanner {height:111px;}}
@media (width:223px){#inbanner {height:111.5px;}}
@media (width:224px){#inbanner {height:112px;}}
@media (width:225px){#inbanner {height:112.5px;}}
@media (width:226px){#inbanner {height:113px;}}
@media (width:227px){#inbanner {height:113.5px;}}
@media (width:228px){#inbanner {height:114px;}}
@media (width:229px){#inbanner {height:114.5px;}}
@media (width:230px){#inbanner {height:115px;}}
@media (width:231px){#inbanner {height:115.5px;}}
@media (width:232px){#inbanner {height:116px;}}
@media (width:233px){#inbanner {height:116.5px;}}
@media (width:234px){#inbanner {height:117px;}}
@media (width:235px){#inbanner {height:117.5px;}}
@media (width:236px){#inbanner {height:118px;}}
@media (width:237px){#inbanner {height:118.5px;}}
@media (width:238px){#inbanner {height:119px;}}
@media (width:239px){#inbanner {height:119.5px;}}
@media (width:240px){#inbanner {height:120px;}}
@media (width:241px){#inbanner {height:120.5px;}}
@media (width:242px){#inbanner {height:121px;}}
@media (width:243px){#inbanner {height:121.5px;}}
@media (width:244px){#inbanner {height:122px;}}
@media (width:245px){#inbanner {height:122.5px;}}
@media (width:246px){#inbanner {height:123px;}}
@media (width:247px){#inbanner {height:123.5px;}}
@media (width:248px){#inbanner {height:124px;}}
@media (width:249px){#inbanner {height:124.5px;}}
@media (width:250px){#inbanner {height:125px;}}
@media (width:251px){#inbanner {height:125.5px;}}
@media (width:252px){#inbanner {height:126px;}}
@media (width:253px){#inbanner {height:126.5px;}}
@media (width:254px){#inbanner {height:127px;}}
@media (width:255px){#inbanner {height:127.5px;}}
@media (width:256px){#inbanner {height:128px;}}
@media (width:257px){#inbanner {height:128.5px;}}
@media (width:258px){#inbanner {height:129px;}}
@media (width:259px){#inbanner {height:129.5px;}}
@media (width:260px){#inbanner {height:130px;}}
@media (width:261px){#inbanner {height:130.5px;}}
@media (width:262px){#inbanner {height:131px;}}
@media (width:263px){#inbanner {height:131.5px;}}
@media (width:264px){#inbanner {height:132px;}}
@media (width:265px){#inbanner {height:132.5px;}}
@media (width:266px){#inbanner {height:133px;}}
@media (width:267px){#inbanner {height:133.5px;}}
@media (width:268px){#inbanner {height:134px;}}
@media (width:269px){#inbanner {height:134.5px;}}
@media (width:270px){#inbanner {height:135px;}}
@media (width:271px){#inbanner {height:135.5px;}}
@media (width:272px){#inbanner {height:136px;}}
@media (width:273px){#inbanner {height:136.5px;}}
@media (width:274px){#inbanner {height:137px;}}
@media (width:275px){#inbanner {height:137.5px;}}
@media (width:276px){#inbanner {height:138px;}}
@media (width:277px){#inbanner {height:138.5px;}}
@media (width:278px){#inbanner {height:139px;}}
@media (width:279px){#inbanner {height:139.5px;}}
@media (width:280px){#inbanner {height:140px;}}
@media (width:281px){#inbanner {height:140.5px;}}
@media (width:282px){#inbanner {height:141px;}}
@media (width:283px){#inbanner {height:141.5px;}}
@media (width:284px){#inbanner {height:142px;}}
@media (width:285px){#inbanner {height:142.5px;}}
@media (width:286px){#inbanner {height:143px;}}
@media (width:287px){#inbanner {height:143.5px;}}
@media (width:288px){#inbanner {height:144px;}}
@media (width:289px){#inbanner {height:144.5px;}}
@media (width:290px){#inbanner {height:145px;}}
@media (width:291px){#inbanner {height:145.5px;}}
@media (width:292px){#inbanner {height:146px;}}
@media (width:293px){#inbanner {height:146.5px;}}
@media (width:294px){#inbanner {height:147px;}}
@media (width:295px){#inbanner {height:147.5px;}}
@media (width:296px){#inbanner {height:148px;}}
@media (width:297px){#inbanner {height:148.5px;}}
@media (width:298px){#inbanner {height:149px;}}
@media (width:299px){#inbanner {height:149.5px;}}
@media (width:300px){#inbanner {height:150px;}}
@media (width:301px){#inbanner {height:150.5px;}}
@media (width:302px){#inbanner {height:151px;}}
@media (width:303px){#inbanner {height:151.5px;}}
@media (width:304px){#inbanner {height:152px;}}
@media (width:305px){#inbanner {height:152.5px;}}
@media (width:306px){#inbanner {height:153px;}}
@media (width:307px){#inbanner {height:153.5px;}}
@media (width:308px){#inbanner {height:154px;}}
@media (width:309px){#inbanner {height:154.5px;}}
@media (width:310px){#inbanner {height:155px;}}
@media (width:311px){#inbanner {height:155.5px;}}
@media (width:312px){#inbanner {height:156px;}}
@media (width:313px){#inbanner {height:156.5px;}}
@media (width:314px){#inbanner {height:157px;}}
@media (width:315px){#inbanner {height:157.5px;}}
@media (width:316px){#inbanner {height:158px;}}
@media (width:317px){#inbanner {height:158.5px;}}
@media (width:318px){#inbanner {height:159px;}}
@media (width:319px){#inbanner {height:159.5px;}}
@media (width:320px){#inbanner {height:160px;}}
@media (width:321px){#inbanner {height:160.5px;}}
@media (width:322px){#inbanner {height:161px;}}
@media (width:323px){#inbanner {height:161.5px;}}
@media (width:324px){#inbanner {height:162px;}}
@media (width:325px){#inbanner {height:162.5px;}}
@media (width:326px){#inbanner {height:163px;}}
@media (width:327px){#inbanner {height:163.5px;}}
@media (width:328px){#inbanner {height:164px;}}
@media (width:329px){#inbanner {height:164.5px;}}
@media (width:330px){#inbanner {height:165px;}}
@media (width:331px){#inbanner {height:165.5px;}}
@media (width:332px){#inbanner {height:166px;}}
@media (width:333px){#inbanner {height:166.5px;}}
@media (width:334px){#inbanner {height:167px;}}
@media (width:335px){#inbanner {height:167.5px;}}
@media (width:336px){#inbanner {height:168px;}}
@media (width:337px){#inbanner {height:168.5px;}}
@media (width:338px){#inbanner {height:169px;}}
@media (width:339px){#inbanner {height:169.5px;}}
@media (width:340px){#inbanner {height:170px;}}
@media (width:341px){#inbanner {height:170.5px;}}
@media (width:342px){#inbanner {height:171px;}}
@media (width:343px){#inbanner {height:171.5px;}}
@media (width:344px){#inbanner {height:172px;}}
@media (width:345px){#inbanner {height:172.5px;}}
@media (width:346px){#inbanner {height:173px;}}
@media (width:347px){#inbanner {height:173.5px;}}
@media (width:348px){#inbanner {height:174px;}}
@media (width:349px){#inbanner {height:174.5px;}}
@media (width:350px){#inbanner {height:175px;}}
@media (width:351px){#inbanner {height:175.5px;}}
@media (width:352px){#inbanner {height:176px;}}
@media (width:353px){#inbanner {height:176.5px;}}
@media (width:354px){#inbanner {height:177px;}}
@media (width:355px){#inbanner {height:177.5px;}}
@media (width:356px){#inbanner {height:178px;}}
@media (width:357px){#inbanner {height:178.5px;}}
@media (width:358px){#inbanner {height:179px;}}
@media (width:359px){#inbanner {height:179.5px;}}
@media (width:360px){#inbanner {height:180px;}}
@media (width:361px){#inbanner {height:180.5px;}}
@media (width:362px){#inbanner {height:181px;}}
@media (width:363px){#inbanner {height:181.5px;}}
@media (width:364px){#inbanner {height:182px;}}
@media (width:365px){#inbanner {height:182.5px;}}
@media (width:366px){#inbanner {height:183px;}}
@media (width:367px){#inbanner {height:183.5px;}}
@media (width:368px){#inbanner {height:184px;}}
@media (width:369px){#inbanner {height:184.5px;}}
@media (width:370px){#inbanner {height:185px;}}
@media (width:371px){#inbanner {height:185.5px;}}
@media (width:372px){#inbanner {height:186px;}}
@media (width:373px){#inbanner {height:186.5px;}}
@media (width:374px){#inbanner {height:187px;}}
@media (width:375px){#inbanner {height:187.5px;}}
@media (width:376px){#inbanner {height:188px;}}
@media (width:377px){#inbanner {height:188.5px;}}
@media (width:378px){#inbanner {height:189px;}}
@media (width:379px){#inbanner {height:189.5px;}}
@media (width:380px){#inbanner {height:190px;}}
@media (width:381px){#inbanner {height:190.5px;}}
@media (width:382px){#inbanner {height:191px;}}
@media (width:383px){#inbanner {height:191.5px;}}
@media (width:384px){#inbanner {height:192px;}}
@media (width:385px){#inbanner {height:192.5px;}}
@media (width:386px){#inbanner {height:193px;}}
@media (width:387px){#inbanner {height:193.5px;}}
@media (width:388px){#inbanner {height:194px;}}
@media (width:389px){#inbanner {height:194.5px;}}
@media (width:390px){#inbanner {height:195px;}}
@media (width:391px){#inbanner {height:195.5px;}}
@media (width:392px){#inbanner {height:196px;}}
@media (width:393px){#inbanner {height:196.5px;}}
@media (width:394px){#inbanner {height:197px;}}
@media (width:395px){#inbanner {height:197.5px;}}
@media (width:396px){#inbanner {height:198px;}}
@media (width:397px){#inbanner {height:198.5px;}}
@media (width:398px){#inbanner {height:199px;}}
@media (width:399px){#inbanner {height:199.5px;}}
@media (width:400px){#inbanner {height:200px;}}
@media (width:401px){#inbanner {height:200.5px;}}
@media (width:402px){#inbanner {height:201px;}}
@media (width:403px){#inbanner {height:201.5px;}}
@media (width:404px){#inbanner {height:202px;}}
@media (width:405px){#inbanner {height:202.5px;}}
@media (width:406px){#inbanner {height:203px;}}
@media (width:407px){#inbanner {height:203.5px;}}
@media (width:408px){#inbanner {height:204px;}}
@media (width:409px){#inbanner {height:204.5px;}}
@media (width:410px){#inbanner {height:205px;}}
@media (width:411px){#inbanner {height:205.5px;}}
@media (width:412px){#inbanner {height:206px;}}
@media (width:413px){#inbanner {height:206.5px;}}
@media (width:414px){#inbanner {height:207px;}}
@media (width:415px){#inbanner {height:207.5px;}}
@media (width:416px){#inbanner {height:208px;}}
@media (width:417px){#inbanner {height:208.5px;}}
@media (width:418px){#inbanner {height:209px;}}
@media (width:419px){#inbanner {height:209.5px;}}
@media (width:420px){#inbanner {height:210px;}}
@media (width:421px){#inbanner {height:210.5px;}}
@media (width:422px){#inbanner {height:211px;}}
@media (width:423px){#inbanner {height:211.5px;}}
@media (width:424px){#inbanner {height:212px;}}
@media (width:425px){#inbanner {height:212.5px;}}
@media (width:426px){#inbanner {height:213px;}}
@media (width:427px){#inbanner {height:213.5px;}}
@media (width:428px){#inbanner {height:214px;}}
@media (width:429px){#inbanner {height:214.5px;}}
@media (width:430px){#inbanner {height:215px;}}
@media (width:431px){#inbanner {height:215.5px;}}
@media (width:432px){#inbanner {height:216px;}}
@media (width:433px){#inbanner {height:216.5px;}}
@media (width:434px){#inbanner {height:217px;}}
@media (width:435px){#inbanner {height:217.5px;}}
@media (width:436px){#inbanner {height:218px;}}
@media (width:437px){#inbanner {height:218.5px;}}
@media (width:438px){#inbanner {height:219px;}}
@media (width:439px){#inbanner {height:219.5px;}}
@media (width:440px){#inbanner {height:220px;}}
@media (width:441px){#inbanner {height:220.5px;}}
@media (width:442px){#inbanner {height:221px;}}
@media (width:443px){#inbanner {height:221.5px;}}
@media (width:444px){#inbanner {height:222px;}}
@media (width:445px){#inbanner {height:222.5px;}}
@media (width:446px){#inbanner {height:223px;}}
@media (width:447px){#inbanner {height:223.5px;}}
@media (width:448px){#inbanner {height:224px;}}
@media (width:449px){#inbanner {height:224.5px;}}
@media (width:450px){#inbanner {height:225px;}}
@media (width:451px){#inbanner {height:225.5px;}}
@media (width:452px){#inbanner {height:226px;}}
@media (width:453px){#inbanner {height:226.5px;}}
@media (width:454px){#inbanner {height:227px;}}
@media (width:455px){#inbanner {height:227.5px;}}
@media (width:456px){#inbanner {height:228px;}}
@media (width:457px){#inbanner {height:228.5px;}}
@media (width:458px){#inbanner {height:229px;}}
@media (width:459px){#inbanner {height:229.5px;}}
@media (width:460px){#inbanner {height:230px;}}
@media (width:461px){#inbanner {height:230.5px;}}
@media (width:462px){#inbanner {height:231px;}}
@media (width:463px){#inbanner {height:231.5px;}}
@media (width:464px){#inbanner {height:232px;}}
@media (width:465px){#inbanner {height:232.5px;}}
@media (width:466px){#inbanner {height:233px;}}
@media (width:467px){#inbanner {height:233.5px;}}
@media (width:468px){#inbanner {height:234px;}}
@media (width:469px){#inbanner {height:234.5px;}}
@media (width:470px){#inbanner {height:235px;}}
@media (width:471px){#inbanner {height:235.5px;}}
@media (width:472px){#inbanner {height:236px;}}
@media (width:473px){#inbanner {height:236.5px;}}
@media (width:474px){#inbanner {height:237px;}}
@media (width:475px){#inbanner {height:237.5px;}}
@media (width:476px){#inbanner {height:238px;}}
@media (width:477px){#inbanner {height:238.5px;}}
@media (width:478px){#inbanner {height:239px;}}
@media (width:479px){#inbanner {height:239.5px;}}
@media (width:480px){#inbanner {height:240px;}}
@media (width:481px){#inbanner {height:240.5px;}}
@media (width:482px){#inbanner {height:241px;}}
@media (width:483px){#inbanner {height:241.5px;}}
@media (width:484px){#inbanner {height:242px;}}
@media (width:485px){#inbanner {height:242.5px;}}
@media (width:486px){#inbanner {height:243px;}}
@media (width:487px){#inbanner {height:243.5px;}}
@media (width:488px){#inbanner {height:244px;}}
@media (width:489px){#inbanner {height:244.5px;}}
@media (width:490px){#inbanner {height:245px;}}
@media (width:491px){#inbanner {height:245.5px;}}
@media (width:492px){#inbanner {height:246px;}}
@media (width:493px){#inbanner {height:246.5px;}}
@media (width:494px){#inbanner {height:247px;}}
@media (width:495px){#inbanner {height:247.5px;}}
@media (width:496px){#inbanner {height:248px;}}
@media (width:497px){#inbanner {height:248.5px;}}
@media (width:498px){#inbanner {height:249px;}}
@media (width:499px){#inbanner {height:249.5px;}}
@media (width:500px){#inbanner {height:250px;}}
@media (width:501px){#inbanner {height:250.5px;}}
@media (width:502px){#inbanner {height:251px;}}
@media (width:503px){#inbanner {height:251.5px;}}
@media (width:504px){#inbanner {height:252px;}}
@media (width:505px){#inbanner {height:252.5px;}}
@media (width:506px){#inbanner {height:253px;}}
@media (width:507px){#inbanner {height:253.5px;}}
@media (width:508px){#inbanner {height:254px;}}
@media (width:509px){#inbanner {height:254.5px;}}
@media (width:510px){#inbanner {height:255px;}}
@media (width:511px){#inbanner {height:255.5px;}}
@media (width:512px){#inbanner {height:256px;}}
@media (width:513px){#inbanner {height:256.5px;}}
@media (width:514px){#inbanner {height:257px;}}
@media (width:515px){#inbanner {height:257.5px;}}
@media (width:516px){#inbanner {height:258px;}}
@media (width:517px){#inbanner {height:258.5px;}}
@media (width:518px){#inbanner {height:259px;}}
@media (width:519px){#inbanner {height:259.5px;}}
@media (width:520px){#inbanner {height:260px;}}
@media (width:521px){#inbanner {height:260.5px;}}
@media (width:522px){#inbanner {height:261px;}}
@media (width:523px){#inbanner {height:261.5px;}}
@media (width:524px){#inbanner {height:262px;}}
@media (width:525px){#inbanner {height:262.5px;}}
@media (width:526px){#inbanner {height:263px;}}
@media (width:527px){#inbanner {height:263.5px;}}
@media (width:528px){#inbanner {height:264px;}}
@media (width:529px){#inbanner {height:264.5px;}}
@media (width:530px){#inbanner {height:265px;}}
@media (width:531px){#inbanner {height:265.5px;}}
@media (width:532px){#inbanner {height:266px;}}
@media (width:533px){#inbanner {height:266.5px;}}
@media (width:534px){#inbanner {height:267px;}}
@media (width:535px){#inbanner {height:267.5px;}}
@media (width:536px){#inbanner {height:268px;}}
@media (width:537px){#inbanner {height:268.5px;}}
@media (width:538px){#inbanner {height:269px;}}
@media (width:539px){#inbanner {height:269.5px;}}
@media (width:540px){#inbanner {height:270px;}}
@media (width:541px){#inbanner {height:270.5px;}}
@media (width:542px){#inbanner {height:271px;}}
@media (width:543px){#inbanner {height:271.5px;}}
@media (width:544px){#inbanner {height:272px;}}
@media (width:545px){#inbanner {height:272.5px;}}
@media (width:546px){#inbanner {height:273px;}}
@media (width:547px){#inbanner {height:273.5px;}}
@media (width:548px){#inbanner {height:274px;}}
@media (width:549px){#inbanner {height:274.5px;}}
@media (width:550px){#inbanner {height:275px;}}
@media (width:551px){#inbanner {height:275.5px;}}
@media (width:552px){#inbanner {height:276px;}}
@media (width:553px){#inbanner {height:276.5px;}}
@media (width:554px){#inbanner {height:277px;}}
@media (width:555px){#inbanner {height:277.5px;}}
@media (width:556px){#inbanner {height:278px;}}
@media (width:557px){#inbanner {height:278.5px;}}
@media (width:558px){#inbanner {height:279px;}}
@media (width:559px){#inbanner {height:279.5px;}}
@media (width:560px){#inbanner {height:280px;}}
@media (width:561px){#inbanner {height:280.5px;}}
@media (width:562px){#inbanner {height:281px;}}
@media (width:563px){#inbanner {height:281.5px;}}
@media (width:564px){#inbanner {height:282px;}}
@media (width:565px){#inbanner {height:282.5px;}}
@media (width:566px){#inbanner {height:283px;}}
@media (width:567px){#inbanner {height:283.5px;}}
@media (width:568px){#inbanner {height:284px;}}
@media (width:569px){#inbanner {height:284.5px;}}
@media (width:570px){#inbanner {height:285px;}}
@media (width:571px){#inbanner {height:285.5px;}}
@media (width:572px){#inbanner {height:286px;}}
@media (width:573px){#inbanner {height:286.5px;}}
@media (width:574px){#inbanner {height:287px;}}
@media (width:575px){#inbanner {height:287.5px;}}
@media (width:576px){#inbanner {height:288px;}}
@media (width:577px){#inbanner {height:288.5px;}}
@media (width:578px){#inbanner {height:289px;}}
@media (width:579px){#inbanner {height:289.5px;}}
@media (width:580px){#inbanner {height:290px;}}
@media (width:581px){#inbanner {height:290.5px;}}
@media (width:582px){#inbanner {height:291px;}}
@media (width:583px){#inbanner {height:291.5px;}}
@media (width:584px){#inbanner {height:292px;}}
@media (width:585px){#inbanner {height:292.5px;}}
@media (width:586px){#inbanner {height:293px;}}
@media (width:587px){#inbanner {height:293.5px;}}
@media (width:588px){#inbanner {height:294px;}}
@media (width:589px){#inbanner {height:294.5px;}}
@media (width:590px){#inbanner {height:295px;}}
@media (width:591px){#inbanner {height:295.5px;}}
@media (width:592px){#inbanner {height:296px;}}
@media (width:593px){#inbanner {height:296.5px;}}
@media (width:594px){#inbanner {height:297px;}}
@media (width:595px){#inbanner {height:297.5px;}}
@media (width:596px){#inbanner {height:298px;}}
@media (width:597px){#inbanner {height:298.5px;}}
@media (width:598px){#inbanner {height:299px;}}
@media (width:599px){#inbanner {height:299.5px;}}
@media (width:600px){#inbanner {height:300px;}}
@media (width:601px){#inbanner {height:300.5px;}}
@media (width:602px){#inbanner {height:301px;}}
@media (width:603px){#inbanner {height:301.5px;}}
@media (width:604px){#inbanner {height:302px;}}
@media (width:605px){#inbanner {height:302.5px;}}
@media (width:606px){#inbanner {height:303px;}}
@media (width:607px){#inbanner {height:303.5px;}}
@media (width:608px){#inbanner {height:304px;}}
@media (width:609px){#inbanner {height:304.5px;}}
@media (width:610px){#inbanner {height:305px;}}
@media (width:611px){#inbanner {height:305.5px;}}
@media (width:612px){#inbanner {height:306px;}}
@media (width:613px){#inbanner {height:306.5px;}}
@media (width:614px){#inbanner {height:307px;}}
@media (width:615px){#inbanner {height:307.5px;}}
@media (width:616px){#inbanner {height:308px;}}
@media (width:617px){#inbanner {height:308.5px;}}
@media (width:618px){#inbanner {height:309px;}}
@media (width:619px){#inbanner {height:309.5px;}}
@media (width:620px){#inbanner {height:310px;}}
@media (width:621px){#inbanner {height:310.5px;}}
@media (width:622px){#inbanner {height:311px;}}
@media (width:623px){#inbanner {height:311.5px;}}
@media (width:624px){#inbanner {height:312px;}}
@media (width:625px){#inbanner {height:312.5px;}}
@media (width:626px){#inbanner {height:313px;}}
@media (width:627px){#inbanner {height:313.5px;}}
@media (width:628px){#inbanner {height:314px;}}
@media (width:629px){#inbanner {height:314.5px;}}
@media (width:630px){#inbanner {height:315px;}}
@media (width:631px){#inbanner {height:315.5px;}}
@media (width:632px){#inbanner {height:316px;}}
@media (width:633px){#inbanner {height:316.5px;}}
@media (width:634px){#inbanner {height:317px;}}
@media (width:635px){#inbanner {height:317.5px;}}
@media (width:636px){#inbanner {height:318px;}}
@media (width:637px){#inbanner {height:318.5px;}}
@media (width:638px){#inbanner {height:319px;}}
@media (width:639px){#inbanner {height:319.5px;}}
@media (width:640px){#inbanner {height:320px;}}
@media (width:641px){#inbanner {height:320.5px;}}
@media (width:642px){#inbanner {height:321px;}}
@media (width:643px){#inbanner {height:321.5px;}}
@media (width:644px){#inbanner {height:322px;}}
@media (width:645px){#inbanner {height:322.5px;}}
@media (width:646px){#inbanner {height:323px;}}
@media (width:647px){#inbanner {height:323.5px;}}
@media (width:648px){#inbanner {height:324px;}}
@media (width:649px){#inbanner {height:324.5px;}}
@media (width:650px){#inbanner {height:325px;}}
@media (width:651px){#inbanner {height:325.5px;}}
@media (width:652px){#inbanner {height:326px;}}
@media (width:653px){#inbanner {height:326.5px;}}
@media (width:654px){#inbanner {height:327px;}}
@media (width:655px){#inbanner {height:327.5px;}}
@media (width:656px){#inbanner {height:328px;}}
@media (width:657px){#inbanner {height:328.5px;}}
@media (width:658px){#inbanner {height:329px;}}
@media (width:659px){#inbanner {height:329.5px;}}
@media (width:660px){#inbanner {height:330px;}}
@media (width:661px){#inbanner {height:330.5px;}}
@media (width:662px){#inbanner {height:331px;}}
@media (width:663px){#inbanner {height:331.5px;}}
@media (width:664px){#inbanner {height:332px;}}
@media (width:665px){#inbanner {height:332.5px;}}
@media (width:666px){#inbanner {height:333px;}}
@media (width:667px){#inbanner {height:333.5px;}}
@media (width:668px){#inbanner {height:334px;}}
@media (width:669px){#inbanner {height:334.5px;}}
@media (width:670px){#inbanner {height:335px;}}
@media (width:671px){#inbanner {height:335.5px;}}
@media (width:672px){#inbanner {height:336px;}}
@media (width:673px){#inbanner {height:336.5px;}}
@media (width:674px){#inbanner {height:337px;}}
@media (width:675px){#inbanner {height:337.5px;}}
@media (width:676px){#inbanner {height:338px;}}
@media (width:677px){#inbanner {height:338.5px;}}
@media (width:678px){#inbanner {height:339px;}}
@media (width:679px){#inbanner {height:339.5px;}}
@media (width:680px){#inbanner {height:340px;}}
@media (width:681px){#inbanner {height:340.5px;}}
@media (width:682px){#inbanner {height:341px;}}
@media (width:683px){#inbanner {height:341.5px;}}
@media (width:684px){#inbanner {height:342px;}}
@media (width:685px){#inbanner {height:342.5px;}}
@media (width:686px){#inbanner {height:343px;}}
@media (width:687px){#inbanner {height:343.5px;}}
@media (width:688px){#inbanner {height:344px;}}
@media (width:689px){#inbanner {height:344.5px;}}
@media (width:690px){#inbanner {height:345px;}}
@media (width:691px){#inbanner {height:345.5px;}}
@media (width:692px){#inbanner {height:346px;}}
@media (width:693px){#inbanner {height:346.5px;}}
@media (width:694px){#inbanner {height:347px;}}
@media (width:695px){#inbanner {height:347.5px;}}
@media (width:696px){#inbanner {height:348px;}}
@media (width:697px){#inbanner {height:348.5px;}}
@media (width:698px){#inbanner {height:349px;}}
@media (width:699px){#inbanner {height:349.5px;}}
@media (width:700px){#inbanner {height:350px;}}
@media (width:701px){#inbanner {height:350.5px;}}
@media (width:702px){#inbanner {height:351px;}}
@media (width:703px){#inbanner {height:351.5px;}}
@media (width:704px){#inbanner {height:352px;}}
@media (width:705px){#inbanner {height:352.5px;}}
@media (width:706px){#inbanner {height:353px;}}
@media (width:707px){#inbanner {height:353.5px;}}
@media (width:708px){#inbanner {height:354px;}}
@media (width:709px){#inbanner {height:354.5px;}}
@media (width:710px){#inbanner {height:355px;}}
@media (width:711px){#inbanner {height:355.5px;}}
@media (width:712px){#inbanner {height:356px;}}
@media (width:713px){#inbanner {height:356.5px;}}
@media (width:714px){#inbanner {height:357px;}}
@media (width:715px){#inbanner {height:357.5px;}}
@media (width:716px){#inbanner {height:358px;}}
@media (width:717px){#inbanner {height:358.5px;}}
@media (width:718px){#inbanner {height:359px;}}
@media (width:719px){#inbanner {height:359.5px;}}
@media (width:720px){#inbanner {height:360px;}}
@media (width:721px){#inbanner {height:360.5px;}}
@media (width:722px){#inbanner {height:361px;}}
@media (width:723px){#inbanner {height:361.5px;}}
@media (width:724px){#inbanner {height:362px;}}
@media (width:725px){#inbanner {height:362.5px;}}
@media (width:726px){#inbanner {height:363px;}}
@media (width:727px){#inbanner {height:363.5px;}}
@media (width:728px){#inbanner {height:364px;}}
@media (width:729px){#inbanner {height:364.5px;}}
@media (width:730px){#inbanner {height:365px;}}
@media (width:731px){#inbanner {height:365.5px;}}
@media (width:732px){#inbanner {height:366px;}}
@media (width:733px){#inbanner {height:366.5px;}}
@media (width:734px){#inbanner {height:367px;}}
@media (width:735px){#inbanner {height:367.5px;}}
@media (width:736px){#inbanner {height:368px;}}
@media (width:737px){#inbanner {height:368.5px;}}
@media (width:738px){#inbanner {height:369px;}}
@media (width:739px){#inbanner {height:369.5px;}}
@media (width:740px){#inbanner {height:370px;}}
@media (width:741px){#inbanner {height:370.5px;}}
@media (width:742px){#inbanner {height:371px;}}
@media (width:743px){#inbanner {height:371.5px;}}
@media (width:744px){#inbanner {height:372px;}}
@media (width:745px){#inbanner {height:372.5px;}}
@media (width:746px){#inbanner {height:373px;}}
@media (width:747px){#inbanner {height:373.5px;}}
@media (width:748px){#inbanner {height:374px;}}
@media (width:749px){#inbanner {height:374.5px;}}
@media (width:750px){#inbanner {height:375px;}}
@media (width:751px){#inbanner {height:375.5px;}}
@media (width:752px){#inbanner {height:376px;}}
@media (width:753px){#inbanner {height:376.5px;}}
@media (width:754px){#inbanner {height:377px;}}
@media (width:755px){#inbanner {height:377.5px;}}
@media (width:756px){#inbanner {height:378px;}}
@media (width:757px){#inbanner {height:378.5px;}}
@media (width:758px){#inbanner {height:379px;}}
@media (width:759px){#inbanner {height:379.5px;}}
@media (width:760px){#inbanner {height:380px;}}
@media (width:761px){#inbanner {height:380.5px;}}
@media (width:762px){#inbanner {height:381px;}}
@media (width:763px){#inbanner {height:381.5px;}}
@media (width:764px){#inbanner {height:382px;}}
@media (width:765px){#inbanner {height:382.5px;}}
@media (width:766px){#inbanner {height:383px;}}
@media (width:767px){#inbanner {height:383.5px;}}
@media (width:768px){#inbanner {height:384px;}}
@media (width:769px){#inbanner {height:384.5px;}}
@media (width:770px){#inbanner {height:385px;}}
@media (width:771px){#inbanner {height:385.5px;}}
@media (width:772px){#inbanner {height:386px;}}
@media (width:773px){#inbanner {height:386.5px;}}
@media (width:774px){#inbanner {height:387px;}}
@media (width:775px){#inbanner {height:387.5px;}}
@media (width:776px){#inbanner {height:388px;}}
@media (width:777px){#inbanner {height:388.5px;}}
@media (width:778px){#inbanner {height:389px;}}
@media (width:779px){#inbanner {height:389.5px;}}
@media (width:780px){#inbanner {height:390px;}}
@media (width:781px){#inbanner {height:390.5px;}}
@media (width:782px){#inbanner {height:391px;}}
@media (width:783px){#inbanner {height:391.5px;}}
@media (width:784px){#inbanner {height:392px;}}
@media (width:785px){#inbanner {height:392.5px;}}
@media (width:786px){#inbanner {height:393px;}}
@media (width:787px){#inbanner {height:393.5px;}}
@media (width:788px){#inbanner {height:394px;}}
@media (width:789px){#inbanner {height:394.5px;}}
@media (width:790px){#inbanner {height:395px;}}
@media (width:791px){#inbanner {height:395.5px;}}
@media (width:792px){#inbanner {height:396px;}}
@media (width:793px){#inbanner {height:396.5px;}}
@media (width:794px){#inbanner {height:397px;}}
@media (width:795px){#inbanner {height:397.5px;}}
@media (width:796px){#inbanner {height:398px;}}
@media (width:797px){#inbanner {height:398.5px;}}
@media (width:798px){#inbanner {height:399px;}}
@media (width:799px){#inbanner {height:399.5px;}}
@media (width:800px){#inbanner {height:400px;}}
@media (width:801px){#inbanner {height:400.5px;}}
@media (width:802px){#inbanner {height:401px;}}
@media (width:803px){#inbanner {height:401.5px;}}
@media (width:804px){#inbanner {height:402px;}}
@media (width:805px){#inbanner {height:402.5px;}}
@media (width:806px){#inbanner {height:403px;}}
@media (width:807px){#inbanner {height:403.5px;}}
@media (width:808px){#inbanner {height:404px;}}
@media (width:809px){#inbanner {height:404.5px;}}
@media (width:810px){#inbanner {height:405px;}}
@media (width:811px){#inbanner {height:405.5px;}}
@media (width:812px){#inbanner {height:406px;}}
@media (width:813px){#inbanner {height:406.5px;}}
@media (width:814px){#inbanner {height:407px;}}
@media (width:815px){#inbanner {height:407.5px;}}
@media (width:816px){#inbanner {height:408px;}}
@media (width:817px){#inbanner {height:408.5px;}}
@media (width:818px){#inbanner {height:409px;}}
@media (width:819px){#inbanner {height:409.5px;}}
@media (width:820px){#inbanner {height:410px;}}
@media (width:821px){#inbanner {height:410.5px;}}
@media (width:822px){#inbanner {height:411px;}}
@media (width:823px){#inbanner {height:411.5px;}}
@media (width:824px){#inbanner {height:412px;}}
@media (width:825px){#inbanner {height:412.5px;}}
@media (width:826px){#inbanner {height:413px;}}
@media (width:827px){#inbanner {height:413.5px;}}
@media (width:828px){#inbanner {height:414px;}}
@media (width:829px){#inbanner {height:414.5px;}}
@media (width:830px){#inbanner {height:415px;}}
@media (width:831px){#inbanner {height:415.5px;}}
@media (width:832px){#inbanner {height:416px;}}
@media (width:833px){#inbanner {height:416.5px;}}
@media (width:834px){#inbanner {height:417px;}}
@media (width:835px){#inbanner {height:417.5px;}}
@media (width:836px){#inbanner {height:418px;}}
@media (width:837px){#inbanner {height:418.5px;}}
@media (width:838px){#inbanner {height:419px;}}
@media (width:839px){#inbanner {height:419.5px;}}
@media (width:840px){#inbanner {height:420px;}}
@media (width:841px){#inbanner {height:420.5px;}}
@media (width:842px){#inbanner {height:421px;}}
@media (width:843px){#inbanner {height:421.5px;}}
@media (width:844px){#inbanner {height:422px;}}
@media (width:845px){#inbanner {height:422.5px;}}
@media (width:846px){#inbanner {height:423px;}}
@media (width:847px){#inbanner {height:423.5px;}}
@media (width:848px){#inbanner {height:424px;}}
@media (width:849px){#inbanner {height:424.5px;}}
@media (width:850px){#inbanner {height:425px;}}
@media (width:851px){#inbanner {height:425.5px;}}
@media (width:852px){#inbanner {height:426px;}}
@media (width:853px){#inbanner {height:426.5px;}}
@media (width:854px){#inbanner {height:427px;}}
@media (width:855px){#inbanner {height:427.5px;}}
@media (width:856px){#inbanner {height:428px;}}
@media (width:857px){#inbanner {height:428.5px;}}
@media (width:858px){#inbanner {height:429px;}}
@media (width:859px){#inbanner {height:429.5px;}}
@media (width:860px){#inbanner {height:430px;}}
@media (width:861px){#inbanner {height:430.5px;}}
@media (width:862px){#inbanner {height:431px;}}
@media (width:863px){#inbanner {height:431.5px;}}
@media (width:864px){#inbanner {height:432px;}}
@media (width:865px){#inbanner {height:432.5px;}}
@media (width:866px){#inbanner {height:433px;}}
@media (width:867px){#inbanner {height:433.5px;}}
@media (width:868px){#inbanner {height:434px;}}
@media (width:869px){#inbanner {height:434.5px;}}
@media (width:870px){#inbanner {height:435px;}}
@media (width:871px){#inbanner {height:435.5px;}}
@media (width:872px){#inbanner {height:436px;}}
@media (width:873px){#inbanner {height:436.5px;}}
@media (width:874px){#inbanner {height:437px;}}
@media (width:875px){#inbanner {height:437.5px;}}
@media (width:876px){#inbanner {height:438px;}}
@media (width:877px){#inbanner {height:438.5px;}}
@media (width:878px){#inbanner {height:439px;}}
@media (width:879px){#inbanner {height:439.5px;}}
@media (width:880px){#inbanner {height:440px;}}
@media (width:881px){#inbanner {height:440.5px;}}
@media (width:882px){#inbanner {height:441px;}}
@media (width:883px){#inbanner {height:441.5px;}}
@media (width:884px){#inbanner {height:442px;}}
@media (width:885px){#inbanner {height:442.5px;}}
@media (width:886px){#inbanner {height:443px;}}
@media (width:887px){#inbanner {height:443.5px;}}
@media (width:888px){#inbanner {height:444px;}}
@media (width:889px){#inbanner {height:444.5px;}}
@media (width:890px){#inbanner {height:445px;}}
@media (width:891px){#inbanner {height:445.5px;}}
@media (width:892px){#inbanner {height:446px;}}
@media (width:893px){#inbanner {height:446.5px;}}
@media (width:894px){#inbanner {height:447px;}}
@media (width:895px){#inbanner {height:447.5px;}}
@media (width:896px){#inbanner {height:448px;}}
@media (width:897px){#inbanner {height:448.5px;}}
@media (width:898px){#inbanner {height:449px;}}
@media (width:899px){#inbanner {height:449.5px;}}
@media (width:900px){#inbanner {height:450px;}}
@media (width:901px){#inbanner {height:450.5px;}}
@media (width:902px){#inbanner {height:451px;}}
@media (width:903px){#inbanner {height:451.5px;}}
@media (width:904px){#inbanner {height:452px;}}
@media (width:905px){#inbanner {height:452.5px;}}
@media (width:906px){#inbanner {height:453px;}}
@media (width:907px){#inbanner {height:453.5px;}}
@media (width:908px){#inbanner {height:454px;}}
@media (width:909px){#inbanner {height:454.5px;}}
@media (width:910px){#inbanner {height:455px;}}
@media (width:911px){#inbanner {height:455.5px;}}
@media (width:912px){#inbanner {height:456px;}}
@media (width:913px){#inbanner {height:456.5px;}}
@media (width:914px){#inbanner {height:457px;}}
@media (width:915px){#inbanner {height:457.5px;}}
@media (width:916px){#inbanner {height:458px;}}
@media (width:917px){#inbanner {height:458.5px;}}
@media (width:918px){#inbanner {height:459px;}}
@media (width:919px){#inbanner {height:459.5px;}}
@media (width:920px){#inbanner {height:460px;}}
@media (width:921px){#inbanner {height:460.5px;}}
@media (width:922px){#inbanner {height:461px;}}
@media (width:923px){#inbanner {height:461.5px;}}
@media (width:924px){#inbanner {height:462px;}}
@media (width:925px){#inbanner {height:462.5px;}}
@media (width:926px){#inbanner {height:463px;}}
@media (width:927px){#inbanner {height:463.5px;}}
@media (width:928px){#inbanner {height:464px;}}
@media (width:929px){#inbanner {height:464.5px;}}
@media (width:930px){#inbanner {height:465px;}}
@media (width:931px){#inbanner {height:465.5px;}}
@media (width:932px){#inbanner {height:466px;}}
@media (width:933px){#inbanner {height:466.5px;}}
@media (width:934px){#inbanner {height:467px;}}
@media (width:935px){#inbanner {height:467.5px;}}
@media (width:936px){#inbanner {height:468px;}}
@media (width:937px){#inbanner {height:468.5px;}}
@media (width:938px){#inbanner {height:469px;}}
@media (width:939px){#inbanner {height:469.5px;}}
@media (width:940px){#inbanner {height:470px;}}
@media (width:941px){#inbanner {height:470.5px;}}
@media (width:942px){#inbanner {height:471px;}}
@media (width:943px){#inbanner {height:471.5px;}}
@media (width:944px){#inbanner {height:472px;}}
@media (width:945px){#inbanner {height:472.5px;}}
@media (width:946px){#inbanner {height:473px;}}
@media (width:947px){#inbanner {height:473.5px;}}
@media (width:948px){#inbanner {height:474px;}}
@media (width:949px){#inbanner {height:474.5px;}}
@media (width:950px){#inbanner {height:475px;}}
@media (width:951px){#inbanner {height:475.5px;}}
@media (width:952px){#inbanner {height:476px;}}
@media (width:953px){#inbanner {height:476.5px;}}
@media (width:954px){#inbanner {height:477px;}}
@media (width:955px){#inbanner {height:477.5px;}}
@media (width:956px){#inbanner {height:478px;}}
@media (width:957px){#inbanner {height:478.5px;}}
@media (width:958px){#inbanner {height:479px;}}
@media (width:959px){#inbanner {height:479.5px;}}



.w1200 {
    width: 1200px;
    margin: 0 auto;
}

#footer2 .clearfix {
    *zoom: 1;
}

#footer2 .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


#footer2 .fl {
    float: left;
}

#footer2 {
    width: 100%;
    color: #fff;
    padding-bottom: 48px;
    background: #2E3033;
    border-top: 8px solid #0c4197;
}

#footer2 .links {
    padding: 20px 0;
    font-size: 16px;
    border-bottom: 1px solid #1a1d21;
}

#footer2 .links span {
    color: #fff;
    display: inline-block;
}

#footer2 .links a {
    display: inline-block;
    font-size: 14px;
    color: #939393;
    padding-right: 10px;
}

#footer2 .links a:hover {
    color: #0c4197;
}

#footer2 .bottom {
    border-top: 1px solid #464a50;
}

#footer2 .bNav {
    width: 558px;
    height: 248px;
    margin-top: 48px;
    border-right: 1px solid #1a1d21;
}

#footer2 .di_logo img {
    width: 111px;
    height: 111px;
    background-size: 100%;
}

#footer2 .bNav dl {
    display: inline-block;
    float: left;
    width: 139px;
    overflow: hidden;
    text-align: left;
    padding-top: 10px;
}

#footer2 .bNav dl dt {
    height: 16px;
    display: block;
    padding-bottom: 32px;
}

#footer2 .bNav dl dt a {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
}

#footer2 .bNav dl dd {
    display: block;
    height: 14px;
    padding-bottom: 16px;
}

#footer2 .bNav dl dd a {
    display: block;
    font-size: 14px;
    color: #939393;
    line-height: 14px;
}

#footer2 .bNav dl dd a:hover {
    color: #0c4197;
}

#footer2 .ewm {
    height: 248px;
    text-align: center;
    padding-left: 48px;
    margin-top: 48px;
    border-left: 1px solid #464a50;
}

#footer2 .ewm dl {
    width: 140px;
    float: left;
    display: block;
    margin-left: 17px;
    margin-top: 10px;
    height: 164px;
}

#footer2 .ewm dl:nth-child(2) {
    margin-right: 0px;
}

#footer2 .ewm dl:first-child+dl {
    margin-right: 0px;
}

#footer2 .ewm dl dt {
    width: 140px;
    height: 140px;
    background-color: #fff;
    text-align: center;
}

#footer2 .ewm dl dt img {
    width: 130px;
    height: 130px;
    display: inline-block;
    background-size: 100%;
    margin-top: 5px;
}

#footer2 .ewm dl dd {
    font-size: 14px;
    color: #939393;
    line-height: 24px;
    padding-top: 5px;
}

#footer2 .contact_info {
    width: 345px;
    height: 248px;
    padding-left: 40px;
    border-right: 1px solid #1a1d21;
    border-left: 1px solid #464a50;
    margin-top: 48px;
}

#footer2 .contact_info p.p1 {
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    padding-top: 10px;
}

#footer2 .contact_info p.dh {
    font-size: 36px;
    color: #0c4197;
    font-family: "Arial";
    line-height: 36px;
    padding-top: 4px;
    font-weight: bold;
    padding-bottom: 12px;
}

#footer2 .contact_info h3 {
    font-size: 20px;
    padding-top: 8px;
}

#footer2 .contact_info p.tel {
    font-size: 14px;
    color: #939393;
    line-height: 22px;
    width: 270px;
}

#footer2 .contact_info i {
    display: block;
    padding-top: 8px;
    font-size: 14px;
    color: #fff;
}

#footer2 .contact_info i a {
    display: inline-block;
    color: #fff;
    padding-right: 12px;
}

#copyright {
    height: 54px;
    line-height: 54px;
    color: #666;
    font-size: 12px;
    background: #27292B;
}

#copyright p {
    color: #939393;
}

#copyright span {
    margin: 0 6px;
}

#copyright a {
    color: #939393;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}
a:hover {
    color: #ec6539;
}
#copyright a:hover {
    color: #0c4197;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

#copyright .clearfix {
    *zoom: 1;
}

#copyright .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#copyright p{
    padding: 0;
    margin: 0;
}

#copyright .fl {
    float: left;
}
#copyright .fr {
  float: right;
}
 .toolbar {
    position: fixed;
    top: 50%;
    right: 1%;
    margin-top: -163px;
    z-index: 100;
    width: 80px;
}

.toolbar dd {
    position: relative;
    float: left;
    width: 80px;
    height: 80px;
    background: #0c4197;
    margin-top: 2px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
}

.toolbar dd:first-child {
    margin-top: 0;
}

.toolbar dd i {
    width: 100%;
    height: 30px;
    display: block;
    margin-top: 13px;
    background: url(/static/images/toolbar.png) no-repeat center 0;
}

.toolbar dd.qq i {
    background-position-y: 0;
}

.toolbar dd.tel i {
    background-position-y: -30px;
}

.toolbar dd.code i {
    background-position-y: -60px;
}

.toolbar dd.top i {
    background-position-y: -90px;
}

.toolbar dd span {
    display: block;
    color: #fff;
}

.toolbar dd.tel .box {
    position: absolute;
    top: 0;
    width: 190px;
    right: -200px;
    height: 100%;
    margin-right: 10px;
    border-radius: 5px;
    background: #0c4197;
    opacity: 0;
    transition: all .5s;
}

.toolbar dd.tel .box p {
    font-size: 14px;
    margin: 15px auto 7px;
    color: #fff;
}

.toolbar dd.tel .box h3 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.toolbar dd.tel .box:after {
    display: block;
    content: " ";
    border-style: solid dashed dashed dashed;
    border-color: transparent transparent transparent #0c4197;
    border-width: 9px;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: -18px;
    margin-left: -12px;
}

.toolbar dd.code .box {
    position: absolute;
    top: 0;
    width: 162px;
    right: -172px;
    height: 162px;
    margin-right: 10px;
    border-radius: 5px;
    background: #0c4197;
    opacity: 0;
    transition: all .5s;
}

.toolbar dd.code .box img {
    width: 140px;
    height: 140px;
    padding: 11px;
}

.toolbar dd.code .box:after {
    display: block;
    content: " ";
    border-style: solid dashed dashed dashed;
    border-color: transparent transparent transparent #0c4197;
    border-width: 9px;
    width: 0;
    height: 0;
    position: absolute;
    top: 30px;
    right: -18px;
    margin-left: -12px;
}

.toolbar dd:hover {
    background: #333;
}

.toolbar dd.tel:hover .box {
    opacity: 1;
    right: 80px;
}

.toolbar dd.code:hover .box {
    opacity: 1;
    right: 80px;
}
@media (max-width:1200px){
    .w1200 {
    width: 960px;
    margin: 0 auto;
    }
	.databox ul {
        width:1200px;
    }    
}
@media (max-width:960px){
    .w1200 {
        width: 100%;
        margin: 0 auto;
        padding: 30px;
    }
	.databox ul {
        width: 960px;
    }
    #footer2 .contact_info {
  width: 100%;
  height: 248px;
  padding-left: 0;
  border-right: none;
  border-left: none;
  margin: 48px auto 0;
  float: none;
  text-align: center;
}
#footer2 .contact_info p {
  display: block;
  width: 100% !important;
}
#footer2 .ewm {
  height: 194px;
  padding-left: 0;
  margin: 40px 0 0;
  border-left: none;
  width: 100%;
  float: none;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}
#copyright {
  height: auto;
  line-height: auto;
}
#copyright .fl ,#copyright .fr  {
  float: none;
  text-align: center;
}
#footer2 {
  padding-bottom: 20px;
}
}

@media (max-width:560px){
    #footer .left .logo {
      width: 150px;
      margin: 0 auto 30px;
    }
	   .databox{ height: auto; }
   .databox ul {
    width:100%; margin:0; padding:0;
   }
   .databox ul li {
    float:none;
    width:100%;
    text-align: center;
    padding: 20px 0 0 0;
   }
}