body{
    background: url("../images/bodybg.png") no-repeat left 13vw;
    background-size: 100vw auto;
}
p,a,li,h1,h2,h3,h4,h5,span{    word-break: break-word;
    word-wrap: break-word;}
/*top*/
.top_bg{
    height:74vw;
    padding-top:2vw;
}
.top {

}
.top .logo img{
    height: 8vw;
}
.top .search img{
    height: 5.33vw;
    margin-left: 4vw;
}
.top .search .nav_icon img{
    height: 4.5vw;
    margin-top: 0.5vw;
}
.top .search_box {
    background: #7CC4F8;
    background-size: 3.5vw;
    height: 5.5vw;
    border-radius: 0.3vw;
    /* margin-top: 4vw; */
    /* margin-right: 2vw; */
    display: block;
}
.top .search_box input[type='text']{
    background: none;
    border: none;
    height: 100%;
    width: 0;
    color: white;
    /* padding-right:5px; */
}
.top .search_box input[type='image']{
    width: 3.5vw;
    height: 3.5vw;
    margin: 1vw!important;
}

/*nav*/
.nav_bg{
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh!important;
    display: none;
    z-index: 999999;
}
.nav{
    background: #2987d5;
    width: 71vw;
    height: 100vh;
    padding-top: 7vw;
    overflow-y: auto;
}
.nav .btn_close img{
    width: 6.5vw;
    margin-right:4vw;
}
.nav .btn_close {
    text-align: right;
}
.nav .nav_one >li{
    border-bottom: solid 1px rgba(255, 255, 255, 0.81);
    position: relative;
}
.nav .nav_one >li>a{
    display: block;
    padding: 5vw 0 5vw 0;
    margin-left: 12vw;
    color: white;
    font-size: 1.6rem;
}
.nav .nav_two{
    padding-left: 12vw;
    margin-top:-1vw;
    padding-bottom:3vw;
    display: none;
}

.nav .nav_one>li .one_switch{
    position: absolute;
    left: 4vw;
    top: 9vw;
    margin-top: -0.5em;
    width: 1em;
    height: 1em;
    background: url("../images/nav_04.png") no-repeat left center;
    background-size: 1em;
}
.nav .nav_two >li>a{
    display: block;
    padding: 3vw 0 3vw 9vw;
    color: white;
    font-size: 1.2rem;
    background: url("../images/nav03.png") no-repeat left 1.3em;
    background-size: 4vw 1px;
    font-style: italic;
}
/*foot*/
.foot {
    background: url("../images/footbg.png") no-repeat left top;
    background-size: 100vw 100%;
    color: white;
}
.foot .info{
    padding-top: 6vw ;
    padding-bottom: 6vw ;
}
.foot .info ul li{
    line-height:3rem;
    font-size: 1.1rem;
    padding-left:4vw;
    background-size: auto 4vw!important;
}
.foot .info ul li:nth-of-type(1){

}
.foot .info ul li:nth-of-type(2){
  
}
.foot .info ul li:nth-of-type(3){

}
.foot .info ul li:nth-of-type(4){

}
.foot .info ul li:nth-of-type(5){

}
.foot .copyright{
    padding-left:6vw;
    padding-right:6vw;
    padding-top: 4vw;
    padding-bottom: 3vw;
    border-top: solid 1px #fff;
}
.foot .copyright .link a,.foot .copyright .link span{
    color: white;
    margin-right: 3vw;
}
.foot .copyright .copyright_box{
    font-size: 0.8vw;
    color: #fff;
    margin-top: 4vw;
    line-height: 1.6rem;
}
/*basic*/

.basic {
    margin-top: 5.4vw;    background: #fff;
}
.basic .head_port {
    margin-top: 4vw;
}
.basic .head_port .img_box{
    width: 34vw;
    height: 46.4vw;
}
.basic .head_port .info{
    width: 53vw;
}
.basic .head_port .names{
    border-bottom: solid 1px #eee;
    font-size:1.6rem;
    padding: 0vw 0 2vw;
}

.basic .head_port .icons{font-size:1.4rem;background:url(../images/headport02.png) no-repeat left center;background-size:auto 1.4rem;padding-left:8vw;margin-top: 0.4rem;}

.basic .head_port .btn_box{
    margin-top: 4vw;
}
.basic .head_port .btn_box a{
    width:100%;
    height: 9vw;
    text-align:center;
    line-height: 8vw;
    display:block;
    margin-top:3vw;
    border:solid 1px #1a81c7;
    color:  #1a81c7;
    font-size: 0.9rem;
}
.basic .head_port .btn_box a.on{
    background: #1a81c7;
    color: white;
}
.basic .head_list {
    color: #555;
    font-size: 1.1rem;
    line-height: 2.3rem;
    padding: 4vw 0;
}

.article_list{
    margin-top: 5.5vw;
    margin-bottom: 5.2vw;
}
.article_list>ul>li{
    background: #F1F1F1;
    border:solid 1px #ddd;
    border-radius: .5vw;
    margin-bottom: .3vw;
}

.article_list .heads .text{
    height: 10vw;
    line-height: 10vw;
    font-size: 1.3rem;
    color: #1a81c7;
}
.article_list .heads .icons {
    box-shadow: .3vw .3vw 1vw 0 #bbb;
    border-radius: 50%;
    width:5.5vw;
    margin-top:2.5vw;
}
.article_list .heads .icons img{
    width:5.5vw;
    transition: .3s;
}
.article_list .heads .icons img.trans{
    transform: rotate(180deg) !important;
}

.article_list .article_box {
    border-top: solid 1px #ddddddb8;
    padding: 2vw 0 6vw;
    display: none;
}
.article_list .article_box.briefs {
    padding-bottom: 10vw;
}
.article_list .article_box p.text{
    font-size:1.1rem;
    color:#888;
    line-height:2.2rem;
}

.work_ex ul.work_ex_ul{
    border-top: solid 1px #eee;
    width: 84vw;
    margin:0 auto;
}
.work_ex ul.work_ex_ul>li{
    margin-top: 4vw;
}
.work_ex ul.work_ex_ul>li p.time{
    color: #1581CF;
    font-size: 1.1rem;
}
.work_ex ul.work_ex_ul>li p.sus{
    color: #444;
    font-size: 1.1rem;
    margin-top: 0.6vw;
    line-height: 1.6rem;
}
.work_ex ul.work_ex_ul>li p.wrod_p{
    color: #444;
    font-size: 1.1rem;
    margin-top: 0.6vw;
    line-height: 1.6rem;
    text-indent: 2em;
}
.work_ex.word_direction ul.work_ex_ul>li p.sus{
    color: #444;
    font-size: 1.05rem;
    margin-top: 0.6vw;
    line-height: 2.1rem;
}

.index_grouper ul.work_ex_ul{
    /* padding-bottom: 14vw; */
}
.index_grouper ul.work_ex_ul>li{
    /* margin-top:10vw; */
}
.index_grouper ul.work_ex_ul>li{
    padding-bottom:10vw;
}
.index_grouper ul.work_ex_ul>li p.time{

    padding-left: 5vw;
    background-size: 2vw auto;
}
.index_grouper ul.work_ex_ul>li p.sus{

    margin-top: 2.3vw;
    line-height: 2.1rem;
    text-indent: 2em;
}
.index_grouper ul.work_ex_ul p.grap{
    margin-left: -3vw;
}
.index_grouper .img_ol{
    padding: 0 13vw;
    margin-top: 5vw;
}
.index_grouper .img_ol li{
    margin-right: 12vw;
    text-align:center;
    width: 22.3vw;
    height: 30vw;
}

.index_grouper .img_ol li:nth-of-type(n+3){
    margin-top: 12vw;
}
.index_grouper .img_ol .img_box {
    width: 21vw;
    height: 30vw;
    border: solid 1px #ddd;
}
.index_grouper .img_ol li p{
    font-size:1.2rem;
    color:#888;
    margin-top:1vw;
}



/*subPage*/
.subPage{
    padding-top: 3vw;background: #fff;padding-bottom:5vw
}
.subPage_pos{
    text-align: right;
    position: absolute;
    right: 7vw;
    bottom: 0;
}
.subPage_pos span{
    display: inline-block;
    background: url("../images/subPage01.png") no-repeat left center;
    background-size: 3vw auto;
    padding-left: 6vw;
    font-size: 1.3rem;
    color: white;
    height:  9vw;
    line-height:  9vw;
}
/*list*/
.list  .list_ul{
    padding-top:1vw;
}
.list  .list_ul li{
    background: url("../images/list01.png") no-repeat left 3.1vw;
    background-size: 2vw 2vw;
    font-size: 1.1rem;
    color: #bbb;
    line-height: 1.6rem;
    padding: 2vw 0;
    border-bottom: solid 1px #eee;
    padding-left: 5vw;
}
.list  .list_ul li a{
    color: #666;
}
.list  .list_ul li .times{
    float: right;
    margin-top: -1.1rem;
    font-size: 0.9rem;
}


/*list_pic*/
.list_pic .list_pic_ul {
    padding-top: 6vw;
}
.list_pic .list_pic_ul:after{visibility:hidden; display:block; content:""; clear:both}
.list_pic .list_pic_ul li {
    width: 71.3vw;
    margin: 3vw auto 0;
}
.list_pic .list_pic_ul li a .img_box{
    width: 71.3vw;
    height: 53vw;
}
.list_pic .list_pic_ul li a .text{
    height: 13vw;
    line-height: 13vw;
    font-size: 1.2rem;
    color: #666;
}

/*cont*/
.cont h1{
    color: #3B94D6;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 2rem;
    padding-top: 1.5vw;
}
.cont .info{
    margin-top:2vw;

}
.info{margin-left:9px !important}
.cont .info p{
    color: #aaa;
    font-size: 0.9rem;
    font-weight: normal;
    line-height: 1.6rem;
}
.cont .cont_box {
    border-top:solid 1px #eee;
    margin-top:3vw;
    padding-top:3vw;
}
.cont .cont_box img{max-width:100%}
.cont .cont_box p{
    color:#777;
    font-size:1.1rem;
    line-height:2rem;
}
.cont .cont_box .img_box{
    width:77vw;
    height:51vw;
    margin: 8vw auto 8vw;
    /* border: none; */
}
.cont .overPage {
    font-size: 1.1rem;
    color: #777;
    line-height: 2rem;
    padding-top:2vw;
    padding-bottom: 4vw;
    border-top: solid 1px #92c1e4;
}
.cont .overPage  span{
    color: #518bb7;
}
.cont .overPage  p{
    margin-bottom: 3vw;
}

/*cont_pic*/
.cont_pic .cont_box{
    padding-top:1.5vw;
}
.cont_pic .img_box{
    margin-top: 4vw!important;
    width: 92vw!important;
    margin-bottom:  4vw!important;
}
.cont_pic .overPage {
    margin-top: 4vw!important;
}

/*cont_true*/
.cont_true .cont_box p .blues{
    color: #3B94D6;
}
.Annex {

    padding-bottom: 4vw;
}
.Annex p{
    color: #3B94D6;
    font-size: 1.1rem;
    line-height: 2rem;
    margin-top: 4vw;
}
.cont_true .overPage{
    margin-top:0!important;
}

.cont_true .overPage p{
    margin-top:0!important;
}
/*list_team*/
.list_team{
    margin-bottom: 2vw;
    padding-bottom:3vw;
}
.list_team .head{
    background: url("../images/list_team01.png") no-repeat left 4.1vw;
    background-size: 2vw 2vw;
    font-size: 1.2rem;
    color: #002d8e;
    line-height: 1.6rem;
    padding: 1vw 0;
    border-bottom: solid 1px #eee;
    padding-left: 5vw;
}
.list_team .list_team_box{
    padding-top:3vw;
}
.list_team .list_team_box p{
    color:#777;
    font-size:1.1rem;
    line-height:2rem;
}
.list_team .list_team_box ul {
    padding-top:8vw;
    padding-left: 10vw;
}
.list_team .list_team_box ul li {
    margin-right: 24vw;
    text-align:center;

}
.list_team .list_team_box ul li .img_box{
    width: 21vw;
    height: 29vw;
    padding: 1vw;
}
.list_team .list_team_box ul li .auto_box{
    width: 19vw;
    height: 27vw;
}
.list_team .list_team_box ul li .text{
    color:#aaa;
    margin-top:1.5vw;
    width: 81px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*list_all*/
.list_all{
    margin-top: 6vw;
}
.list_all p img{max-width: 100%;}