@charset "utf-8";

/* Hschubin */
* {
    margin: 0;
    padding: 0;
}

html {
    font-family: Arial, "Microsoft YaHei";
    font-size: 625%;
    color: #333;
}

html {
    -webkit-text-size-adjust: none;
}

body {
    max-width: 640px;
    margin: auto;
    font-size: 0;
    background: #fff;
}

input {
    font-size: inherit;
}

a {
    color: inherit;
    text-decoration: none;
    outline-style: none;
    border: none;
}

ul, ol, li {
    list-style: none;
}

img {
    vertical-align: middle;
    border: none;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

em, i {
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-size: .16rem;
    font-weight: normal
}

p {
    font-size: .18rem;
}

.expand_box .bd {
    display: none;
}

* {
    padding: 0;
    margin: 0;
    list-style: none;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.bl {
    float: left;
    display: inline-block;
}

.br {
    float: right;
    display: inline-block;
}

.main {
    max-width: 6rem;
    margin: 0 auto;
}

.img_box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.col-1 {
    width: 100%;
    float: left;
    display: inline-block;
}

.col-2 {
    width: 50%;
    float: left;
    display: inline-block;
}

.col-3 {
    width: 33.33%;
    float: left;
    display: inline-block;
}

.col-4 {
    width: 25%;
    float: left;
    display: inline-block;
}

.sidebar-wrapper {

    height: 100%;
    overflow: auto;
    font-size: .2rem;
}



#dowebok {
    background-color: rgba(0, 0, 0, .8);
}

#dowebok .nav {
    margin-top: 0.8rem;
    line-height: 0.75rem;
    list-style-type: none;
    padding: 0 0.2rem;
}

#dowebok .nav a {
    display: block;
    color: #fff;
    text-decoration: none;
}

#dowebok ul.nav li a {
    border-bottom: 1px solid #555;
    background-size: .14rem .25rem;
    font-size: .26rem;
    text-align: center;
}

#dowebok ul.nav li h3 {
    border-bottom: 0;
    background-size: .14rem .25rem;
    font-size: .26rem;
}



.header {
    width: 6.4rem;
    height: 1rem;
}

.header h1 {
    height: 1rem;
    line-height: 1rem;
    float: left;
}

.header h1 img {
    width: 2.91rem;
    height: .75rem;
    line-height: 1rem;
    text-align: center;
    margin: 0 auto;

}

.header .menu {
    width: .5rem;
    height: .35rem;
    float: right;
    margin-top: .35rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/menu.png);
    background-size: .35rem .3rem;
}


.o-main{
    max-width: 6.1rem;
    margin: 0 auto;
}


.index_banner{
    width: 100%;
}

.index_banner .swiper-container{
    width: 100%;
    padding-bottom: .5rem;
    border-bottom: 1px solid #d2d2d2;

}

.index_banner .swiper-container .swiper-slide{
    width: 100%;
}

.index_banner .swiper-container .swiper-pagination-bullet{
    width: .68rem;
    height: .03rem;
    border-radius: 0;
}


.index_banner .swiper-wrapper .swiper-container-horizontal > .swiper-pagination-bullets{
    bottom: .25rem;
    right: .2rem;
    width: 100%;
}


.i-about{

}

.i-about .text-box{

}
.tit{
    text-align: center;
    padding: .5rem 0 .3rem;
}
.tit h3{
    font-size: .3rem;
    padding-bottom: .5rem;
    color: #444;
    position: relative;

}

.tit h3:after{
    width: .55rem;
    height: .03rem;
    background: #1d4ea0;
    position: absolute;
    content: '';
    bottom: 24px;
    left: 0;
    right: 0;
    margin: auto;
}

.tit p{
    font-size: .2rem;
    color: #666;
    line-height: .32rem;
}

.i-about .text-box p{
    font-size: .2rem;
    color: #666;
    line-height: .34rem;
}

.more-btn{
    width: 100%;
    height: .65rem;
    background: #1751b4;
    margin-top: .3rem;
}

.more-btn h3{
    font-size: .22rem;
    color: #fff;
    line-height: .65rem;
    width: 2rem;
    float: left;
    margin-left: .25rem;
}

.more-btn p{
    width: .34rem;
    height: .17rem;
    float: right;
    line-height: .65rem;
    margin-right: .25rem;

}

.i-about .pic-box{
    width: 6.1rem;
    height: 3.32rem;
    overflow: hidden;
    margin-top: .3rem;
}










.i_service{

}
.i_service .swiper-container{
    width: 100%;
    padding:.3rem 0 .5rem;
}

.i_service .swiper-container .swiper-slide{
    width: 100%;

}


.i_service .swiper-container .swiper-slide .list-box{
    width: 4.45rem;
    margin: 0 auto;

}

.i_service .swiper-container .swiper-slide .list-box .pic-box{
    width: 1.17rem;
    height: 1.17rem;
    text-align: center;
    margin: 0 auto;
    background: #1751b4;
    line-height: 1.17rem;
    border-radius: 100%;
}
.i_service .swiper-container .swiper-slide .list-box .text{
    font-size: .2rem;
    color: #444444;
    line-height: .3rem;
    text-align: center;
    padding: .3rem 0;
}

.i_service .swiper-container .swiper-slide .list-box .text h3{
    font-size: .22rem;
    color: #444;
    position: relative;
    padding-bottom: .2rem;
}

.i_service .swiper-container .swiper-slide .list-box .text h3:after{
    width: .5rem;
    height: .03rem;
    position: absolute;
    content: '';
    background: #1751b4;
    bottom: .08rem;
    right: 0;
    left: 0;
    margin: auto;
}


.i_service .swiper-container .swiper-pagination-bullet{
    width: .16rem;
    height: .16rem;
    border-radius: 100%;
}


.i_service .swiper-wrapper .swiper-container-horizontal > .swiper-pagination-bullets{
    bottom: .25rem;
    right: .2rem;
    width: 100%;
}



.i_news{
    background: #f3f3f3;
    margin-top: .4rem;
}
.i-news_tabBox .hd{
    text-align: center;


}
.i-news_tabBox .hd li{
    display: inline-block;
    font-size: .2rem;
    color: #444;
    width: 1.85rem;
    height: .45rem;
    line-height: .45rem;
    border-radius: .2rem;
    background: #d8d8d8;
    margin: 0 .1rem;
}



.i-news_tabBox .hd li.on{
    color: #fff;
    background: #1751b4;
}

.i-news_tabBox .hd li:nth-child(3){
    margin-right: 0;
}

.i-news_tabBox .parBd{
    width: 100%;
}

.i-news_tabBox {

    padding-bottom: .5rem;
}

.i-news_tabBox .bd li{
    padding: 0 .2rem;
    margin-top: .3rem;
    position: relative;


}



.i-news_tabBox .bd li .img_box{
    width: 2.2rem;
    height: 1.35rem;
    overflow: hidden;
    float: left;
}
.i-news_tabBox .bd li .text-box{
    width: 3.8rem;
    float: right;
    background: #fff;
    height: 1.35rem;
}
.i-news_tabBox .bd li .text-box .text{
    padding: .2rem 0 0 .2rem;
}
.i-news_tabBox .bd li .text-box h3{
    font-size: .2rem;
    color: #333333;
   line-height: .32rem;
}

.i-news_tabBox .bd li .text-box p{
    font-size: .18rem;
    color: #666666;
    padding-top: .05rem;
}




.more-btn{
  background: url("../images/more-btn.png") no-repeat center center;
    width: 6.1rem;
    height: .64rem;
    line-height: .64rem;
    background-size: 6.1rem .64rem;
    margin: .3rem auto 0;
    font-size: .2rem;
    color: #fff;
    text-indent: .2rem;
}

.more-btn a{
    display: block;
}



.i-message{
    background: url("../images/i-message-bg.jpg") no-repeat center center;
    width: 100%;
    height: 7.9rem;
    background-size: 100% 7.9rem;
}


.tit2{
    padding: .5rem 0;
}

.tit2 p{
    text-transform: uppercase;
    font-size: .3rem;
    color: #fff;
}

.tit2 h3{
    font-size: .26rem;
    color: #fff;
}

.tit2 h4{
    font-size:.18rem;
    color: #fff476;
    padding-top: .2rem;
}

.i-message .text-box{
    background: #fff;
    padding:.2rem .2rem .5rem;
}

.i-message .text-box .apply{

}

.i-message .text-box .apply .mess{
    clear: both;
    border-bottom: 1px solid #dcdcdc;
}

.i-message .text-box .apply .mess p{
    font-size: .2rem;
    color: #333;
    width: .8rem;
    line-height: .65rem;
    float: left;

}

.i-message .text-box .apply .mess p em{
    color: red;
    padding-right: .05rem;
}

.i-message .text-box .apply .mess input{
    width: 4.8rem;
    height: .7rem;
    line-height: .7rem;
    font-size: .2rem;
    color: #888;
    float: right;
    border: 0;
}

.i-message .text-box .apply .mess textarea{
    width: 4.8rem;
    height: 1.8rem;
    font-size: .2rem;
    color: #888;
    float: right;
    border: 0;
    padding-top: .2rem;
}

.i-message .text-box .apply .btn{
    text-align: center;
    margin:  0 auto;
    border: 0;
}

.i-message .text-box .apply .btn .sub{
    width: 4.55rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .22rem;
    color: #fff;
    background: #272727;
    float: none;
    margin-top: .5rem;
    border: 1px solid #272727;
}


.copyright{
    padding: .3rem 0;
    text-align: center;
}

.copyright p{
    font-size: .2rem;
    color: #666666;
}


.inc-banner{
    width: 100%;
}


/*case*/


.case{

}

.tit3{
    text-align: center;
    padding: .6rem 0 .4rem;
}

.tit3 h3{
    font-size: .28rem;
    color: #333;
}

.tit3 p{
    font-size: .15rem;
    color: #a4a4a4;
    text-transform: uppercase;
    position: relative;
    padding:.05rem 0 .4rem;
}
.tit3 p:after{
    position: absolute;
    content: '';
    width: .45rem;
    height: .03rem;
    background: #1751b4;
    bottom: .2rem;
    left: 0;
    right: 0;
    margin: auto;
}
.tit3 h4{
    font-size: .18rem;
    color: #666;
    line-height: .3rem;
}


.icn-link{

}

.icn-link li{
    width: 1.95rem;
    display: inline-block;
    float: left;
    height: .55rem;
    background: #e3e3e3;
    font-size: .2rem;
    color: #444;
    line-height: .55rem;
    text-align: center;
    margin-right: .07rem;
}

.icn-link li:nth-child(3){
    margin-right: 0;
}

.icn-link li.on{
    background: #1751b4;
    color: #fff;
}
.icn-link li a{
    display: block;
}



.case .list-case{

}

.case .list-case .list-box{
  margin-top: .3rem;
}

.case .list-case .list-box .img_box{
    width: 2.17rem;
    height: 1.33rem;
    overflow: hidden;
    float: left;
}

.case .list-case .list-box .text-box{
    width: 3.52rem;
    float: right;
    border-top:1px solid #dcdcdc;
    border-right:1px solid #dcdcdc;
    border-bottom:1px solid #dcdcdc;
    height: 1.1rem;
    padding: .2rem 0 0 .2rem;
}

.case .list-case .list-box .text-box h3{
    font-size: .2rem;
    color: #353535;
    padding-bottom: .15rem;
}

.case .list-case .list-box .text-box p{
    font-size: .18rem;
    color: #7b7b7b;
}


.pages{
    text-align: center;
    margin: .7rem 0;
}

.pages a{
    padding: 0 .15rem;
    border: 1px solid #dcdcdc;
    font-size: .18rem;
    color: #444;
    display: inline-block;
    line-height: .4rem;
    margin: 0 .05rem;
}
.pages a.on{
    background: #1751b4;
    color: #fff;
}


.inc-copyright{
    padding: .3rem 0;
    text-align: center;
    background: #2b2b2b;
}

.inc-copyright p{
    font-size: .2rem;
    color: #a3a3a3;
}




/*contact*/


.contact .con-box{
    margin-bottom: .5rem;
}
.contact .con-box li{
    display: inline-block;
}

.contact .con-box li .img_box{
    width: .35rem;
    height: .35rem;
    float: left;
}
.contact .con-box li p{
    width: 5.4rem;
    font-size: .2rem;
    color: #444;
    float: left;
    line-height: .35rem;
    padding-left: .2rem;
    margin-bottom: .2rem;
}




.message{
    background: #eeeeee;
    width: 100%;
    padding-bottom: .6rem;

}



.message .text-box{
    background: #fff;
    padding:.2rem .2rem .5rem;
}

.message .text-box .apply{

}

.message .text-box .apply .mess{
    border-bottom: 1px solid #dcdcdc;
}

.message .text-box .apply .mess p{
    font-size: .2rem;
    color: #333;
    width: .8rem;
    line-height: .65rem;
    float: left;

}

.message .text-box .apply .mess p em{
    color: red;
    padding-right: .05rem;
}

.message .text-box .apply .mess input{
    width: 4.8rem;
    height: .7rem;
    line-height: .7rem;
    font-size: .2rem;
    color: #888;
    float: right;
    border: 0;
}

.message .text-box .apply .mess textarea{
    width: 4.8rem;
    height: 1.8rem;
    font-size: .2rem;
    color: #888;
    float: right;
    border: 0;
    padding-top: .2rem;
}

.message .text-box .apply .btn{
    text-align: center;
    margin:  0 auto;
    border: 0;
}


.message .text-box .apply .code{
    display: inline-block;
    margin-top: .4rem;
    border-bottom: 1px solid #fff;
}
.message .text-box .apply .code p{
    font-size: .2rem;
    color: #888;
    width: .95rem;
    float: left;
}
.message .text-box .apply .code input{
    width: 2.3rem;
    height: .6rem;
    float: left;
    margin-right: .2rem;
    border: 1px solid #dcdcdc;
    color: #444;
    font-size: .2rem;

}

.message .text-box .apply .code .img_box{
    width: 2rem;
    height: .6rem;
    float: left;
}
.message .text-box .apply .btn .sub{
    width: 4.55rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .22rem;
    color: #fff;
    background: #1751b4;
    float: none;
    margin-top: .5rem;
    border: 1px solid #1751b4;
}

.map-box{
    width: 6.4rem;
    height: 6rem;
    overflow: hidden;
}



/*com-environ*/

.com-environ {

}


.inc-link2{
    box-shadow: 0 2px 2px #dcdcdc;
}


.inc-link2 li{
    width: 50%;
    display: inline-block;
    height: .7rem;
    font-size: .22rem;
    color: #444;
    text-align: center;
    line-height: .7rem;
}

.inc-link2 li.on{
    color: #fff;
    background: #1751b4;
}


.com-environ .com-list{

}

.com-environ .com-list .list-box{
    width: 2.92rem;
    display: inline-block;
    margin-right: .16rem;
    margin-top: .2rem;
}
.com-environ .com-list .list-box:nth-child(2n){
    margin-right: 0;
}
.com-environ .com-list .list-box .img_box{
    width: 2.91rem;
    height: 2.15rem;
    overflow: hidden;
}

.com-environ .com-list .list-box p{
    text-align: center;
    line-height: .5rem;
    font-size: .2rem;
    color: #444;
}


/*news*/


.news .news-con{

}

.news .news-con .list-box{
    width: 100%;
    margin-top: .35rem;
}

.news .news-con .list-box .img_box{
    width: 2.2rem;
    height: 1.35rem;
    float: left;
}
.news .news-con .list-box .text-box{
    width: 3.65rem;
    float: right;
}

.news .news-con .list-box .text-box h3{
    font-size: .2rem;
    color: #333;
    line-height: .3rem;
    padding: .2rem 0;
}

.news .news-con .list-box .text-box p{
    font-size: .18rem;
    color: #666;
}


/*Recruitment*/
.rec .con-text{
    margin-bottom: .9rem;
}
.rec .con-text  .job .job_box .job_list .list_box{
    width: 100%;
    margin-bottom: .2rem;

}
.rec .con-text .job .job_box .job_list .list_box .parhd{
    width: 100%;
    height: .6rem;
    background: #6e6e6e url("../images/jia.png") no-repeat right .2rem center;

}

.rec .con-text .job .job_box .job_list .list_box .parhd h3{
    font-size: .2rem;
    color: #fbfbfb;
    line-height: .6rem;
    text-indent: .3rem;
}

.rec .con-text .job .job_box .job_list .list_box .parbd{
    padding: .3rem .2rem .3rem .3rem;
    width: 5.48rem;
    border: 1px solid #d2d2d2;
    display: none;
}


.rec .con-text .job .job_box .job_list .list_box .parhd.on{
    background: #1751b4 url("../images/jia.png") no-repeat right .2rem center;
}

.rec .con-text .job .job_box .job_list .list_box .parbd p{
    font-size: .2rem;
    color: #444444;
    line-height: .3rem;
}




/*business*/

.business .bus-list{

}

.business .bus-list .list-box{
    border-bottom: .02rem solid #dcdcdc;
    padding: .3rem 0;
}
.business .bus-list .list-box .title{
    width: 2.5rem;
    background: #1751b4;
    border-radius: .25rem;
    height: .5rem;
}

.business .bus-list .list-box .title .pic-box{
    width: .27rem;
    height: .32rem;
    float: left;
    line-height: .5rem;
    margin-left: .2rem;
}

.business .bus-list .list-box .title h3{
    width: 1.8rem;
    float: right;
    font-size: .2rem;
    color: #fff;
    font-weight: bold;
    line-height: .5rem;


}

.business .bus-list .list-box p{
    font-size: .2rem;
    color: #444;
    line-height: .3rem;
    padding-top: .25rem;
}




/*business-views*/
.business-v {

}
.business-v .profesion-case{
    margin-bottom: .6rem;
}
.business-v .con-text{

}

.business-v .con-text .con-tit{
    width: 100%;
    height: .6rem;
    background: #e8e8e8;
    margin-top: .16rem;
}

.business-v .con-text .con-tit h3{
    font-size: .22rem;
    color: #fff;
    text-align: center;
    line-height: .6rem;
    background: #1751b4;
    width: 2rem;
    height: .6rem;
}

.business-v .con-text .text-box{
    padding-bottom: .4rem;
}

.business-v .con-text .text-box h3{
    font-size: .3rem;
    color: #333;
    text-align: center;
    position: relative;
    padding: .45rem 0 .3rem;

}

.business-v .con-text .text-box h3:after{
    width: .5rem;
    height: .03rem;
    background: #1751b4;
    bottom: .15rem;
    left: 0;
    right: 0;
    margin:auto;
    position: absolute;
    content:'';
}

.business-v .con-text .text-box p{
    font-size: .2rem;
    color: #666;
    line-height: .34rem;
    padding-top: .2rem;
}


.business-list{
    padding-bottom: .4rem;
}

.business-list .list-box{
    width: 100%;
    margin-top: .35rem;
}


.business-list .list-box .img_box{
    width: 2.2rem;
    height: 1.35rem;
    overflow: hidden;
    float: left;
}

.business-list .list-box .text-box2{
    width: 3.6rem;
    float: right;
}

.business-list .list-box .text-box2 h3{
    font-size: .2rem;
    color: #333;
    line-height: .32rem;
    padding: .2rem 0 ;
}
.business-list .list-box .text-box2 p{
    font-size: .18rem;
    color: #666;
}


.business-field {
    padding-bottom: .4rem;
}

.business-field .list-box2{
    display: inline-block;
    float: left;
    margin-right: .2rem;
    margin-top: .45rem;
}


.business-field .list-box2 .img_box{
    width: 2.88rem;
    height: 1.96rem;
    overflow: hidden;
}

.business-field .list-box2 .con-box2{
    background: #f5f5f5;
    width: 2.88rem;
}
.business-field .list-box2 .con-box2 .text-box3{
    padding: .2rem .15rem .3rem;
}
.business-field .list-box2 .con-box2 .name {
    padding: 0 0 .1rem 0;
}

.business-field .list-box2 .con-box2 .name h3{
    width: 1.3rem;
    float: left;
    font-size: .2rem;
    color: #333;
}

.business-field .list-box2 .con-box2 .name p{
    width: 1rem;
    float: right;
    font-size: .18rem;
    color: #666;
}

.business-field .list-box2 .con-box2 h4{
    font-size: .18rem;
    color: #666;
    padding-bottom: .1rem;
}
.business-field .list-box2 .con-box2 .name p i{
    padding-right: .1rem;
}
.business-field .list-box2 .con-box2 .name p img{
    width: .16rem;
    height: .2rem;
    overflow: hidden;
}

.business-field .list-box2 .con-box2 .text-box3 p{
    font-size: .18rem;
    color: #666;
    line-height: .3rem;
}

.business-field .list-box2:nth-child(2n){
    margin-right: 0;
}


/*profesion*/

.profesion .s-profesion{

}

.profesion .s-profesion .choose{

}
.profesion .s-profesion .choose h3{
    font-size: .24rem;
    color: #444;
    padding: .4rem 0 .3rem;
}
.profesion .s-profesion .choose input{
    width: 100%;
    height: .65rem;
    line-height: .65rem;
    text-indent: .2rem;
    font-size: .2rem;
    color: #444;
    background: #e5e5e5;
    border: 1px solid #e5e5e5;
}

.profesion .s-profesion .choose select{
    width: 100%;
    height: .65rem;
    line-height: .65rem;
    text-indent: .2rem;
    font-size: .2rem;
    color: #444;
    border: none;
    background: #e5e5e5;
    margin-top: .1rem;

}

.profesion .s-profesion .choose option{
    width: 6rem;
    height: .65rem;
    line-height: .65rem;
    text-indent: .2rem;
    font-size: .2rem;
    color: #444;
   background: #fff;
    border: none;
}

.profesion .s-profesion .choose .text{
    background: #1751b4;
    color: #fff;
    margin-top: .4rem;
}


.profesion-case .list-box{
    margin-top: .4rem;
}

.profesion-case .list-box .img_box{
    width: 2rem;
    height: 2.8rem;
    overflow: hidden;
    float: left;
}

.profesion-case .list-box .con-box{
    background: #f6f6f6;
    width: 3.85rem;
    float: right;
    height: 2.8rem;
}

.profesion-case .list-box .con-box .text-box{
    padding:  0 .2rem;
}

.profesion-case .list-box .con-box .text-box .name{
    border-bottom: 1px solid #dcdcdc;
    padding: .2rem 0;
}

.profesion-case .list-box .con-box .text-box .name h3{
    font-size: .24rem;
    color:#333;
    width: 2.4rem;
    float: left;
    line-height: .4rem;
}
.profesion-case .list-box .con-box .text-box .name h4{
    font-size: .2rem;
    color: #888;
    float: left;
}
.profesion-case .list-box .con-box .text-box .name p{
    width: .8rem;
    float: right;
    line-height: .4rem;
}

.profesion-case .list-box .con-box .text-box .name p img{
    width: .16rem;
    height: .2rem;
}
.profesion-case .list-box .con-box .text-box .name p i{
    padding-right: .1rem;
}
.profesion-case .list-box .con-box .text-box .text h3{
    font-size: .18rem;
    color: #1751b4;
    line-height: .4rem;
}

.profesion-case .list-box .con-box .text-box .text p{
    font-size: .18rem;
    color: #333;
    line-height: .3rem;
}



.profesion-case .list-box .con-box .text_box{
    padding:  0 .2rem;
}

.profesion-case .list-box .con-box .text_box .name{
    border-bottom: 1px solid #dcdcdc;
    padding: .2rem 0;
}

.profesion-case .list-box .con-box .text_box .name h3{
    font-size: .24rem;
    color:#333;
    width: 2.4rem;
    float: left;
    line-height: .4rem;
}
.profesion-case .list-box .con-box .text_box .name h4{
    font-size: .2rem;
    color: #888;
    float: left;
}
.profesion-case .list-box .con-box .text_box .name p{
    width: .8rem;
    float: right;
    line-height: .4rem;
}

.profesion-case .list-box .con-box .text_box .name p img{
    width: .16rem;
    height: .2rem;
}
.profesion-case .list-box .con-box .text_box .name p i{
    padding-right: .1rem;
}
.profesion-case .list-box .con-box .text_box .text h3{
    font-size: .18rem;
    color: #1751b4;
    line-height: .4rem;
}

.profesion-case .list-box .con-box .text_box .text p{
    font-size: .18rem;
    color: #333;
    line-height: .3rem;
}

/*profesion-views*/
.profesion-views{
    padding-bottom: .5rem;
}
.profesion-views .title{
    width: 100%;
    height: .6rem;
    background: #e8e8e8;
    margin-top: .2rem;
}

.profesion-views .title h3{
    font-size: .22rem;
    color: #fff;
    text-align: center;
    line-height: .6rem;
    background: #1751b4;
    width: 2rem;
    height: .6rem;
}

.profesion-views .title h3 a{
    display: block;
}

.profesion-views .text-box2{
    padding: .4rem 0;
    border-bottom: 1px solid #dcdcdc;
}

.profesion-views .text-box2 h3{
    font-size: .28rem;
    color: #1751b4;
    padding-bottom: .2rem;
}

.profesion-views .text-box2 p{
    font-size: .2rem;
    color: #333;
    line-height: .3rem;
}

.about .con-box{

}

.about .con-box .text-box{
    padding: .6rem 0 .5rem;
}

.about .con-box .text-box h3{
    font-size: .3rem;
    color: #444;
    position: relative;
    padding-bottom: .3rem;
    text-align: center;
}

.about .con-box .text-box h3:after{
    position: absolute;
    content: '';
    width: .45rem;
    height: .03rem;
    background: #1751b4;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.about .con-box .text-box p{
    font-size: .2rem;
    color: #444;
    line-height: .32rem;
    padding-top: .2rem;
}

.about .con-box .img_box{
    width: 100%;
    height: 3.73rem;
}

.about_slide {
    padding-bottom: .6rem;
}
.about_slide .hd{

    margin-bottom: .48rem;
   
    text-align: center;

}
.about_slide .hd .about_nav{
    margin-bottom: .2rem;
}
.about_slide .hd .about_nav h4{
    display: inline-block;
    width: 1.1rem;
    height: .45rem;
    line-height: .45rem;
    font-size: .22rem;
    color: #888;

}
.about_slide  .hd .about_nav h4.on{
    border-bottom:3px solid #383838;
    color: #444444;
}



.about_slide .tabBox .parBd{
    width: 6.4rem;

}
.about_slide .tabBox .parBd .bd{
    width: 6.4rem;
}

.tempWrap{ width:6.4rem !important }
.about_slide .tabBox .swiper-container{
    position: relative;
    width: 6.4rem;
    margin: 0;

}

.about_slide .tabBox .swiper-container .swiper-slide{
    width:6.4rem ;
}

.about_slide .tabBox .swiper-container .swiper-slide .text-box{
    width: 4.7rem;
    margin: 0 .85rem;
}

.about_slide .tabBox .swiper-container .swiper-slide .text-box h3{
    font-size: .22rem;
    color: #fff;
    background: url("../images/about-slide-h3.jpg")no-repeat center center;
    width: 4.7rem;
    height: .6rem;
    line-height: .6rem;
    background-size: 4.7rem .6rem;
    text-indent:.25rem;
}
.about_slide .tabBox .swiper-container .swiper-slide .text-box .text-box2{
    background: url("../images/about-slide-p.jpg") no-repeat center center;
    width: 4.7rem;
    height: 3.27rem;
    background-size: 4.7rem 3.27rem;
}


.about_slide .tabBox .swiper-container .swiper-slide .text-box .text{
    font-size: .2rem;
    color: #444444;
    line-height: .32rem;
    padding: .3rem .2rem 0;
}

.about_slide .tabBox .swiper-container .swiper_prev{
    width: .6rem;
    height: .7rem;
    background-image: url(../images/prev.png);
    background-position: center center;
    background-repeat: no-repeat;
    left:.2rem;
    top:1.75rem;
    position: absolute;
    z-index: 300;
    background-size: .2rem .35rem;

}
.about_slide .tabBox .swiper-container .swiper_next{
    width: .6rem;
    height: .7rem;

    right:.2rem;
    top:1.75rem;
    position: absolute;
    background-image: url(../images/next.png);
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 300;
    background-size: .2rem .35rem;


}


.about-com .list-box{
    position: relative;
}

.about-com .list-box .img_box{
    width: 100%;
    height: 5.54rem;
}

.about-com .list-box .text-box{
    width: 5.4rem;
    position: absolute;
    top: .6rem;
    left: 0;
    right: 0;
    margin: auto;
    background:#fff ;
    text-align: center;
    padding:  0 .2rem .4rem;
}

.about-com .list-box .text-box h3{
    font-size: .2rem;
    color: #333;
    font-weight: bold;
    padding: .3rem 0 .15rem;
}

.about-com .list-box .text-box p{
    font-size: .2rem;
    color: #333;
    line-height: .32rem;
}



/*news-views*/

.views-tit{
    text-align: center;
    padding: .6rem 0 ;
}
.views-tit h3{
    font-size: .3rem;
    color: #444;
    padding-bottom: .1rem;
    border-bottom: 1px solid #d1d1d1;
}
.views-tit p{
    font-size: .24rem;
    color: #666;
    padding-top: .1rem;
}
.news-views .text_box{
    padding-bottom: .3rem;
    border-bottom: 1px solid #d1d1d1;
}
.news-views .text_box p{
    text-indent:.3rem ;
    font-size: .2rem;
    line-height: .3rem;
    padding-bottom: .2rem;


}

.views_link{
    margin: .3rem 0 .5rem;
}
.views_link li{
    font-size: .2rem;
    color: #666;
    padding-bottom: .2rem;
}