body,ul,p,h1,h2,h3,h4,ol,li,table,tr,td{padding: 0;margin: 0; }
/* html {font-size: 100px;} */
body {
    font-size: 0.14rem;
    font-family: "微软雅黑","Heiti SC","Droidsansfallback","Helvetica Neue",Helvetica,sans-serif;
}
h1,h2,h3,h4{font-weight: normal}
ul,li,ol{list-style: none;}
a{text-decoration: none;color:#666;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a:active{text-decoration: none;color:#666;}
.cur{cursor: pointer}
.dis{display:none}
img{border:0px;max-width: 100%;display: block;}
.fp-tableCell{display: block;}
.plr{padding: 0  15px;}
#fp-nav.right{right: 2vw;}
.section{
    background: url(../images/bg_01.jpg) center no-repeat;
    background-size: cover;
    padding: 0 15px;
    height: calc(100vh - 65px);
}
.section01, .section02{
    padding: 0;
}
.section03{
    background: url(../images/bg_02.jpg) left bottom no-repeat;
    background-size: cover;
    padding: 0;
}
.section04{
    background: url(../images/bg_03.jpg) right bottom no-repeat;
    background-size: cover;
}
.section05{
    background: url(../images/bg_04.jpg) right bottom no-repeat;
    background-size: cover;
    position: relative;
}
.section p, .section a{
    color: #fff;
}
.wipeUp {
    width: 15px;
    height: 40px;
    background: url("../images/next.png") center no-repeat;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    animation: upWard 1s linear 0s infinite alternate;
    -webkit-transform: translateX(-50%);
    -webkit-animation: upWard 1s linear 0s infinite alternate;
}

@-webkit-keyframes upWard {
    from {
        bottom: 20px;
        opacity: 1;
    }
    to {
        bottom: 40px;
        opacity: 0.6;
    }
}
.header{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 3em;
    box-sizing: border-box;
    padding: 15px 15px;
    height: auto;
    background: linear-gradient(to right, #0e1346 0%,#0a42ad 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header a.toHome{
    height: 40px;
    max-width: 85%;
    display: table-cell;
    vertical-align: middle;
}
.header a .logo{
    height: 34px;
    margin-top: 2px;
}
/* 菜单 */
.navbtn .line {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    margin-bottom: 6px;
    transition: all .3s linear;
}
.navbtn.cur .line {
    width: 24px;
}
.navbtn .line:last-child {
    margin-bottom: 0;
}
.navbtn.cur .line:nth-child(1) {
    transform: rotate(45deg);
    transform-origin: left top;
}
.navbtn.cur .line:nth-child(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}
.navbtn.cur .line:nth-child(3) {
    transform: rotate(-45deg);
    transform-origin: left bottom;
}
.myMenu{
    position: fixed;
    right: -100vw;
    top: 65px;
    width: 100vw;
    height: calc(100vh - 65px);
    padding: 0.12rem;
    box-sizing: border-box;
    background: #f4f4f4;
    z-index: 10000;
    overflow: auto;
    transition: all .3s linear;
}
.myMenu>li{
    overflow: hidden;
}
.myMenu>li>a{
    font-size: 0.13rem;
    color: #2d3845;
    display: block;
    line-height: 0.4rem;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.myMenu>li>a::after{
    content: "";
    width: 0.15rem;
    height: 0.15rem;
    background: url(../images/nav-arrow.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 20px;
    top: calc((0.4rem - 0.15rem) / 2);
    transition: all .3s linear;
}
.myMenu>li.on>a:after {
    transform: rotate(180deg);
}
.sunMenu{
    height: 0;
    transition: all ease 1s;
}
.sunMenu li a{
    color:#8b95a0;
    display: block;
    font-size: 0.13rem;
    line-height: 0.25rem;
    text-indent: 0.06rem;
}
/* 导航点 */
#fp-nav ul li, .fp-slidesNav ul li{margin: 15px 6px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, 
#fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{
    margin: -5px 0 0 -6px;
    height: 8px;
    width: 8px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
    margin: -3px 0 0 -3px;
    height: 6px;
    width: 6px;
    background: #fff;
}
#fp-nav .active span{
    background: #333;
    border: 2px solid #fff;
}
/* 轮播图 */
.swiper-container{
    height: calc(100vh - 65px);
}
.swiper-container .swiper-slide{
    width: 100%;
    height: 100%;
    background-position: top left;
    background-size: cover;
}
.swiper-container .swiper-pagination{
    bottom:  20vh;
    color: #fff;
}
.swiper-container1{
    margin-top: 1rem;
    width: 100%;
    height: calc(80vw / 4 * 2);

}
.swiper-container1 .swiper-slide{
    margin-top: 10vw;
}
.swiper-container1 .swiper-slide-active {
    width: 80vw !important;
    height: 70vw;
    margin-top: 0;
}



/* company profile */
.titleMar{
    margin:1rem 0 0.3rem;
}
.titleEn{
    height: 0.3rem;
    max-height: 28px;
    max-width: 90%;
}
.titleCh{
    font-size: 0.165rem;
}
.text{
    margin-top: 0.14rem;
    font-size: 0.12rem;
    line-height: 0.18rem;
    max-width: 85vw;
}
.more{
    color: #fff;
    font-size: inherit;
}
.more::before{
    content: '';
    display: inline-block;
    background: url(../images/more_icon.png) left center no-repeat;
    background-size: auto 100%;
    width: 0.2rem;
    height: 0.14rem;
    position: relative;
    top: 0.03rem;
}
.zlsm{
    width: 100%;margin-top: 0.5rem;
    background: linear-gradient(to right, #25326e, #1f70b2);
    display: flex;
    justify-content: space-between;
    padding: 0.2rem 0.02rem;
}
.zlsm li{
    display: flex;
    justify-content: flex-end;
    margin-right: 0.05rem;
    text-align: right;
}
.zlsm li:nth-child(1),.zlsm li:nth-child(2){width: 20%;}
.zlsm li:nth-child(3),.zlsm li:nth-child(4){width: 30%;}
.zlsm li p{
    font-family: 'Impact';
    font-size: 0.25rem;
    font-weight: bold;
    line-height: 0.33rem;
    padding-left: 0.03rem;
    padding-right: 0.03rem;
}
.zlsm li img{
    height: 0.33rem;
}

/* news center */
.new-tabs{
    width: 85vw;
}
.new-nav{
    display: flex;
    margin: 0.14rem 0;
}
.new-nav li{
    padding: 0 0.1rem;
    font-size: 0.13rem;
    font-weight: bold;
    text-align: center;
    height: 0.3rem;
    line-height: 0.3rem;
    color: #fff;
    background:  #1e72b4;
    background-size: auto 100%;
    margin-right: 0.2rem;
    position: relative;
    transition: all ease .3s;
}
.new-nav li.active{
    color: #010101;
    background: #ffb400;
}
.new-nav li::after{
    content: '';
    display: inline-block;
    width: 0.14rem;
    height: 100%;
    background: url(../images/new_tab.png) no-repeat 0 0;
    background-size: cover;
    position: absolute;
    right: -0.132rem;
    top: 0;
    bottom: 0;
    transition: all ease .3s;
}
.new-nav li.active::after{
    background: url(../images/new_tab_on.png) no-repeat 0 0;
    background-size: cover;
}
.tabbox ul{
    display: none;
    border-bottom: 1px solid #495778;
    transition: all ease .3s;
}
.tabbox li{
    border-top: 1px solid #495778;
}
.tabbox .new-title{
    font-weight: bold;
    margin: 0.12rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tabbox .new-info{
    margin-bottom: 0.12rem;
    font-size: 0.12rem;
    line-height: 0.18rem;
    color: #cfcfcf;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* contact us */
.contact_us{
    display: flex;
    margin: 0.2rem 0;
}
.contact_us .qr_code{
    margin-right: 0.12rem;
}
.contact_us .qr_code img{
    width: 20vw;
}
.contact_us .qr_code p{
    font-size: 0.12rem;
    line-height: 0.2rem;
}
.contact_us .tel .telTiltle{
    font-size: 0.18rem;
    line-height: 0.3rem;
    padding-left: 0.25rem;
    background: url(../images/contant_icon.png) left center no-repeat;
    background-size: 0.2rem auto;
    margin-top: 0.1rem;
}
.contact_us .tel .telNum{
    font-size: 0.16rem;
}
.contact_type{
    background: rgba(68, 138, 202, 0.3);
    padding: 0.14rem 0.1rem;
}
.contact_type h2{
    color: #fff;
    font-weight: bold;
    font-size: 0.16rem;
    margin-bottom: 0.1rem;
}
.contact_type p{
    font-size: 0.12rem;
    line-height: 0.2rem;
}
.company_support{
    margin-top: 0.2rem;
    width: 100%;
    font-size: 0.12rem;
    text-align: center;
}
/* 内页 */
.content_page{
    padding-top: 65px;
    min-height: calc(100vh - 65px);
}
.content_page .cp_img{
    width: 100%;
}
.content_page .content_sect{
    padding: 0.2rem 0.15rem;
}
.content_page .content_sect *{
    color: #444444;
    line-height: 0.2rem;
}
.content_page .content_title{
    margin-bottom: 0.1rem;
    text-align: center;
    font-size: 0.16rem;
}
.content_foot{
    padding: 0.15rem 0;
    font-size: 0.13rem;
    background: #363636;
    color: #999;
    text-align: center;
}
@media screen and (max-width: 350px) {
    .tabbox li:last-child{
        display: none;
    }
    .company_support{
        margin-top: 0.1rem;
    }
    .company_support a{
        display: none;
    }
    .header a .logo{
        width: 100%;
        height: auto;
    }
}



.lxwmbox {padding-left: 0.2rem;padding-top: 1rem;background: url(../img/lxwm.jpg) no-repeat;background-size: 100%;height: 3rem;}
.lxwmbox p {width: auto; margin-bottom:0.1rem; color:#fff}
.biaotj {width:100%; padding-top:0.5rem;}
.biaobox{width:97%;padding:0.1rem 0 0.3rem 0.1rem;background: #fff;box-shadow:0px 0px 0.1rem #cccccc;margin-top: 0.5rem;}
.biaobox ul {display: block; float: left; width:94%; padding-bottom:0.1rem}

.biaobox ul li,
.biaobox ul p {width: 100%;display: block;}

.biaobox ul li,
.biaobox dl dd {
    line-height:0.4rem;
}

.biaobox ul p {
    height:0.45rem;
    background: #eeeeee;
    border-radius: 0.1rem;
    padding: 0 2%;
}

.biaobox input {width:50%;line-height: 0.4rem; border:none;}

.biaobox input,
.biaobox textarea {
    background: #eeeeee;
	
}

.biaobox dl {
    display: block;
    width:100%;
}

.biaobox dl p {
background: #eeeeee;
    height: 1rem;
    border-radius: 0.1rem;
    padding: 0 2%;
    width: 93%;
}

.tijiao {
    display: block;
    clear: both;
    margin-left: 0;
    height: 0.4rem;
    line-height:0.4rem;
    text-align: center;
    background: #0154a4;
    margin-top:0.2rem;
    border-radius:0.1rem;border: none;
}


.newlist h2 {
    font-size:0.2rem;
    line-height: 0.2px;
    border-bottom: 1px solid #1551a0;    padding: 0.1rem 0 0.1rem;
}
.newlist h2 span {
    display: block;
    font-size: 12px;
    font-weight: normal;
}
.newlist .tupian{ float:left; width:40%}
.newlist .miaosu{ float:right; padding-left:2%; width:58%}
.newlist section{ margin-top:0.1rem;clear: both;overflow: hidden;background: rgb(238, 238, 238);    padding: 0.05rem;}
.newlist .contxt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newlist .title{display:block;font-size: 0.18rem; line-height: 0.3rem;color: #000;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.news_xgzx {background: rgb(245, 245, 245);padding:0.35rem 0.1rem 0.2rem 0.1rem; margin-top:0.2rem}
.news_xgzx h3 {font-size:0.2rem;margin-bottom:0.1rem; position: relative; color:#000;}
.news_xgzx h3:before { position: absolute;content: "";left: 0;top: -0.15rem;width:0.6rem;height:0.05rem;    background: #0154a4;}
.news_xgzx ul{ padding-top:0.1rem}
.news_xgzx li {margin-bottom:0.1rem;}
.news_xgzx .ellipsis-2 { display: -webkit-box; overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xinbiao {width: 100%;border-bottom: 1px solid #f1f1f1;padding-bottom:0.1rem;margin-bottom:0.1rem;}
.xinbiao .shijian {float: right;width:0.6rem; height:0.6rem; background: rgb(4, 118, 224); color:#fff; text-align: center;}
.shijian strong {font-size:0.2rem; display: table;width:0.6rem;font-weight: normal;line-height:0.2rem;text-align: center;margin-top:0.07rem;}
.xinbiao .laiy{ font-size:0.1rem; line-height:0.3rem;    color: #999;}
.fanye{ margin-top:0.1rem}


.anli h3 { font-size:0.2rem;margin-top:0.1rem;}
.anli h2{font-size:0.14rem;    margin-bottom: 0.2rem;}
.anli .text-c {text-align: center!important;}
.anli .btn_area section {
    display: block;
    float: left;
    position: relative;
    width:47%;
    margin-left:2%;
    margin-bottom:0.1rem;
    background: rgb(243, 243, 243);
    box-sizing: border-box;
    overflow: hidden;
}
.clearfix{ clear:both;}
.anli .txt_area{    padding: 0.1rem 0;text-align: center;}
.qywh_03 ul li img{ width:100%;}

.hy_01 h2{ padding-top:0.15rem; color:#000; font-size:0.14rem; padding-bottom:0.1rem; font-weight:600;}
.hy_03 h3{ font-size:0.18rem; padding:0.2rem 0 0.1rem 0;font-weight:600;}
.hy_04{ padding-top:0.1rem}

.hexin h3{ font-size:0.2rem; color:#000; font-weight:600;}

.anlisj h2{font-size: 0.2rem;color: #000;font-weight: 600;}
.anlisj h2 span{display: block;
    font-size:0.12rem;
    font-weight: normal; line-height:}
.anlisj .gray{display: block; font-size: 0.12rem; font-weight: normal;text-transform: uppercase;line-height: 0.4rem;color: #999;font-style: normal;}
.anlisj .anlihezi {
    float: left;
    width:48%;
    background: #e5e5e5;
    border: 2px solid #e5e5e5;
    margin-right:1%;
    margin-top: 0.15rem;
    box-sizing: content-box;
}
.anlisj .anlihezi:nth-child(2n){ margin-right:0;}
.anlisj .cptxt strong{ font-size:0.18rem}

.xfenlei ul li{ float:left; width:20%; text-align:center}


.zwpic{ padding-top:0.3rem}