@charset "utf-8";
/*公共样式开始*/
*{
    padding:0;
    margin:0;
    list-style: none;
}
html,body{
    margin:0 auto;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,header,section,footer{ margin: 0; padding: 0 }
body, button, input, select, textarea {
    color:#464343;
}
body{overflow-x: hidden;position: relative;font-size:0.14rem;background-color:#ffffff;min-width: 320px;font-family:"微软雅黑";}
address, cite, dfn,p,span,em, var,i,em{ font-style: normal }
ul, ol, dl { list-style: none }
a { text-decoration: none; outline: none ;font-family:"微软雅黑";color:#000;cursor: pointer;}
body, div ,ul{margin:0;padding:0;}
li{font-family: "微软雅黑";list-style: none;margin:0;padding:0;}
p{margin: 0px;padding:0px;word-wrap: break-word;}
:focus{outline: none;}
img{border: 0;vertical-align: middle;display: inline-block;}
input, textarea {
    outline: none;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
}

.fl{float: left;}
.fr{float: right;}
.clear{clear:both;}
.clear:after{display: block;content: "";clear: both;}
.wrapper {
    max-width: 7.50rem;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color:#fff;
    position: relative;
    overflow:auto;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
}

/*字体引用*/
@font-face{
    font-family: 'JosefinSans';
    src: url('JosefinSans.eot');
    src: local('fontName Regular'),
    local('fontName'),
    url('JosefinSans.woff') format('woff'),
    url('JosefinSans.ttf') format('truetype'),
    url('JosefinSans.svg#fontName') format('svg');
}
@font-face{
    font-family: 'SourceHanSansCN-Medium';
    src: url('SourceHanSansCN-Medium.eot');
    src: local('fontName Regular'),
    local('fontName'),
    url('SourceHanSansCN-Medium.woff') format('woff'),
    url('SourceHanSansCN-Medium.ttf') format('truetype'),
    url('SourceHanSansCN-Medium.svg#fontName') format('svg');
}@font-face{
    font-family: 'ARDS1';
    src: url('ARDS1.eot');
    src: local('fontName Regular'),
    local('fontName'),
    url('ARDS1.woff') format('woff'),
    url('ARDS1.ttf') format('truetype'),
    url('ARDS1.svg#fontName') format('svg');
}


.header{height: 0.88rem;background-color: #ffffff;position: fixed;top:0;left:0;right:0;margin:auto;max-width: 7.50rem;width: 100%;
    z-index:200;moz-box-shadow:0 6px 35px 0px rgba(0,0,0,.2);/*firefox*/
    -webkit-box-shadow:0 6px 35px 0px rgba(0,0,0,.2);;/*webkit*/
    box-shadow:0 6px 35px 0px rgba(0,0,0,.2);;box-shadow: 0 6px 35px 0px rgba(0,0,0,.2);}
.header a.logo{display: inline-block;width:4.13rem;height: 0.45rem;margin:0.2rem 0 0 0.24rem;}
.header a.logo img{display: block;height:100%;}
.header span.navbar{display: block;width:0.42rem;height: 0.4rem;cursor: pointer;margin-top: 0.22rem;margin-right: 0.24rem ;}
.header span.navbar img{display: block;max-width: 100%;height: auto;}


/*菜单栏*/
.menu_list_bor {
    position: fixed;
    height: 100%;
    width: 100%;
    right: -100%;
    top: 0;
    z-index: 8888;
}

.colse_menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.menu_right {
    width: 60%;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 9999;
    overflow-x: hidden;
}

.menu_top {
    width: 100%;
    height: 1rem;
    border-bottom: 1px solid #bbbbbb;
}

.clo {
    line-height: 1rem;
    color: #333;
    font-size: 0.3rem;
    width: 1.5rem;
    margin-left: 0.3rem;
    height: 1rem;
    background-size: auto 0.25rem;
    padding-left: 0.35rem;
}

.menu_list {
    width: 100%;
}

.clo b{
    float: left;
    height: 100%;
    width: 20px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform:  rotate(180deg);;
    background: url('fl.png') no-repeat right center;
    background-size: 40%;
}

.clo span {
    display: inline-block;
    line-height: 0.8rem;
    margin-left: 0.1rem;
}

.menu_list >ul>li,.menu_list>ul>li div>ul>li{
    line-height: 0.8rem;
    *height: 0.8rem;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
}
.menu_list>ul>li div>ul{
    display: none;
}
.menu_list >ul >li >a,.menu_list>ul>li div>ul>li>a {
    line-height: 0.8rem;
    *height: 0.8rem;
    color: #333;
    font-size: 0.28rem;
    display: inline-block;
    padding-left: 0.65rem;
    width: 100%;
    display: block;
}

.menu_list>ul>li div>ul>li{
    border:0;
    border-top: 1px solid #e9e9e9;
    padding-left: 0.1rem;
}

.menu_list >ul >li div>ul>li>a{color: #575757;}

.menu_list >ul >li>b, .menu_list >ul >li div>ul>li b{
    position: absolute;
    display: block;
    width: 100%;
    height: 0.8rem;
    right: 0;
    top: 0;
    background: url('fl.png') no-repeat 90% center;
    background-size: 3.5%;
}
.menu_list>ul>li div>ul>li li{
    border-top:1px solid #e9e9e9;
}
.menu_list>ul>li div>ul>li li a{
    padding-left:1.5rem;
    color:#333;
}

.menu_list >ul >li>b.nex ,.menu_list >ul >li div>ul>li b.nex{
    background: url('nex.png') no-repeat 90% center;
    background-size: 6%;
}

.menu_list >ul >li{line-height: 0.8rem;}

/*底部*/
.footer{position: fixed;bottom: 0;left:0;right:0;width:100%;height:0.98rem;line-height: 0.98rem;background-color: #2f6498;max-width:750px;margin:auto;overflow: hidden;z-index: 100;}
.footer a.fl{width:50%;height:0.98rem;font-size: 0.28rem;}
.footer a.fixed{background-color: #bc9b44;}
.footer .tel{font-size: 0.28rem;color:#d3d3d3;}
.footer a.fl img.fl{margin: 0.2rem 0 0 0.9rem;}
.footer a.fl img{width: 100%;max-height : 100%;display: block;}
.footer a.fl span{font-size: 0.28rem;color:#fff;margin-left: 0.3rem;}

/*banner*/
.focus{max-width: 7.5rem;overflow: hidden;position: relative;margin-top: 0.88rem;}
.focus ul li{max-width: 7.5rem;overflow: hidden;}
.focus .flex-control-nav{position: absolute;bottom:0;left:0;right:0;text-align: center;}
.focus .flex-control-nav li{display:inline-block;margin:0 0.1rem;}
.focus .flex-control-nav li a{color:transparent;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius:50%;background-color: #2f6498;display: block;width: 0.2rem;height: 0.2rem;}
.focus .flex-control-nav li a.flex-active{background-color:#bc9b44;}
.focus ol.flex-control-nav.flex-control-paging{height: 0.4rem;}
/*菜单栏*/
.ico{width: 100%;padding: 0.1rem 0 0.2rem 0;}
.ico>ul{width: 100%;height: 100%;}
.ico>ul> li{width: 33.3%;height: 100%;float: left;text-align: center;}
.ico>ul> li> span{display: block;font-size: 0.24rem;}
.ico> ul> li>a{display: block;text-align: center;}
.ico i.About{
    background: url("ico01.png") no-repeat center;
    background-size: contain;

}
.ico i.Home{
    background: url("ico02.png") no-repeat center;
    background-size: contain;
}
.ico i.product-center{
    background: url("ico03.png") no-repeat center;
    background-size: contain;
}
.ico i.news-center{
    background: url("ico04.png") no-repeat center;
    background-size: contain;
}
.ico i.hr-center{
    background: url("ico05.png") no-repeat center;
    background-size: contain;
}
.ico i.contact-center{
    background: url("ico06.png") no-repeat center;
    background-size: contain;
}
.ico li i{
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 1rem;
    height: 1rem;
}
.ico li a{
    display: block;
    margin: 0.25rem 0 0.05rem 0;
    text-align: center;
}
.ico li p{

    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    color: #383838;
}
.abouts{padding: 0 0.24rem;}
.column-title{height: 0.98rem;padding: 0.1rem 0;}
.column-title p{color: #2f6498;font-size: 0.3rem;text-align: center;line-height: 0.6rem;padding-top: 0.08rem;}
.column-title i{display: block;width: 0.5rem;height: 0.05rem;background: #2f6498;margin: auto;}

.abouts-content .pic{width: 3.5rem;height: 3rem;position: relative;}
.abouts-content .pic img{max-width: 100%;height: auto!important;}
.abouts-content .pic .share{position: absolute;bottom: 0;background: rgba(0,0,0,.3);width: 100%;height: 0.6rem;text-align: center;color: #fff;line-height: 0.6rem;font-size: 0.26rem;}
.abouts-content .text{width: 3.25rem;}
.abouts-content .text ul li{width: 100%;height: 0.5rem;border-bottom: 0.02rem solid #dedede;padding: 0.1rem 0;}
.abouts-content .text ul li i{background-size: cover;float: left;display: block;margin-right: 0.23rem;}
.abouts-content .text ul li span{display: block;float: left;font-size: 0.28rem;color: #545454;line-height: 0.45rem;}
.abouts-content .text ul li i.aboutico01{width: 0.36rem;height: 0.32rem;background: url("about_ico01.png") no-repeat;background-size: cover;margin-top: 0.1rem;}
.abouts-content .text ul li i.aboutico02{width: 0.36rem;height: 0.36rem;background: url("about_ico02.png") no-repeat;background-size: cover;margin-top: 0.08rem;}
.abouts-content .text ul li i.aboutico03{width: 0.35rem;height: 0.33rem;background: url("about_ico03.png") no-repeat;background-size: cover;margin-top: 0.07rem;}
.abouts-content .text ul li i.aboutico04{width: 0.32rem;height: 0.40rem;background: url("about_ico04.png") no-repeat;background-size: cover;margin-top: 0.03rem;}
.product{padding: 0 0.24rem;}
.pro-list .pro-left{width: 4.2rem;}
.pro-list .pro-left .pro-top,.pro-list .pro-left .pro-bottom{width: 4.2rem;height: 1.7rem;position: relative;}
.pro-list .pro-left .pro-bottom{margin-top: 0.1rem;}
.pro-list .pro-left .pro-bottom{width: 4.2rem;height: 1.7rem;position: relative;}
.pro-list .pro-left .share{position: absolute;bottom: 0;left: 0;right: 0;top: 0;background: rgba(0,0,0,.3);}
.pro-list .pro-left .share .text{display: block;color: #f0f0f0;margin-top: 0.6rem;margin-left: 0.97rem;}
.pro-list .pro-left .share .text .china{font-size: 0.28rem;display: block;}
.pro-list .pro-left .share .text .english{font-size: 0.24rem;display: block;width: 1.25rem;height: 0.4rem;margin-top: 0.05rem;}
.pro-list .pro-left .share .text .english img{display: block;max-width: 100%;max-height: 100%;}
.pro-list .pro-left .share .text-text{display: block;width: 0.32rem;height: 0.32rem;background: url("l.png") no-repeat;
    background-size: cover;margin-top: 0.69rem;margin-right: 0.98rem;}
.pro-list img{display: block;max-width: 100%;max-height: 100%;}
.pro-list .pro-right{width: 2.72rem;position: relative;}
.pro-list .pro-right .share{position: absolute;bottom: 0;left: 0;right: 0;top: 0;background: rgba(0,0,0,.3);}
.pro-list .pro-right .share .text{display: block;color: #f0f0f0;margin-top: 1.15rem;margin-left: 0.73rem;}
.pro-list .pro-right .share .text .china{font-size: 0.28rem;display: block;}
.pro-list .pro-right .share .text .english{font-size: 0.24rem;display: block;width: 1.25rem;height: 0.4rem;margin-top: 0.05rem;}
.pro-list .pro-right .share .text .english img{display: block;max-width: 100%;max-height: 100%;}
.pro-list .pro-right .share .text-text{display: block;width: 0.32rem;height: 0.32rem;background: url("l.png") no-repeat;
    background-size: cover;margin-left: 1.21rem;transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg);}
.banner_n{width:100%;max-width: 7.50rem;margin-top: 0.88rem;}
.banner_n img{width: 100%;display: block;height: auto;}

/*内页*/
.core{overflow: hidden;margin:0 0.24rem;}
.core ul li{margin-top:0.2rem;border: 1px solid #f1f1f1;padding:0.2rem 0.2rem;}
.core ul li .pic{width: 2.5rem;height: 2.2rem;position: relative;background: url("hx_bg.jpg") bottom center no-repeat;background-size: cover;}
.core ul li .pic img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;}
.core ul li .info{width:3.8rem;margin-top:0.15rem;}
.core ul li .info .title{font-size: 0.26rem;color:#4d4d4d;}
.core ul li .info em{display: block;width:0.6rem;height: 0.05rem;background-color:#2f6498;margin-top:0.1rem;}
.core ul li .info p{color:#787878;font-size: 0.24rem;margin-top:0.2rem;line-height: 160%;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}

/*新闻中心*/
.news_list{padding:0.2rem 0.24rem;border-bottom: 1px dashed #d1d1d1;}
.news_list:last-child{border-bottom:none;}
.news_list .title_date{overflow: hidden;}
.news_list .title_date .title-text{font-size: 0.28rem;color:#363636;width: 70%;height: 0.7rem;display: inline-block;float: left;

    text-align: justify;overflow: hidden;line-height: 0.7rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}

.news_list .title_date .time{font-size: 0.24rem;color:#a4a4a4;width: 30%;height: 0.7rem;display: inline-block;float: right;
    text-align: right;line-height: 0.7rem;}
.news_list p.words{font-size: 0.26rem;color:#888888;clear: both;line-height: 160%;margin:0.1rem 0;text-align: justify;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}

/*图片列表*/
.case_menu{margin:0 0.24rem;}
.case_menu ul li{float: left;width:3.4rem;text-align: center;border: 1px solid #d8d8d8;margin-top:0.2rem;height:3.36rem;}
.case_menu ul li .pic{width:100%;height:2.84rem;position: relative;}
.case_menu ul li .pic img{position: absolute;top:0;left:0;right:0;bottom: 0;margin:auto;max-width:100%;max-height: 100%;}
.case_menu ul li p.title{font-size: 0.26rem;color: #464545;height:0.5rem;line-height: 0.5rem;text-align: center;}

/*人才招聘*/
.hr{margin-top: 0.2rem;}
.hr_list ul{
    margin:0 0.24rem 0.24rem;
    height: auto;
    border: 1px solid #f1f1f1;
    padding:0.15rem 0;
}
.hr_list ul li{
    padding: 0.05rem 0.2rem 0;
    line-height: 160%;
    font-size: 0.25rem;
    color: #6e6e6e;
}
.hr_list ul li a{
    display: block;
    margin: auto;
    margin-bottom: 0.1rem;
    margin-top: 0.05rem;
    vertical-align: middle;
}

.hr_list ul li a em{display: block; width: 1.5rem;
    margin: auto;
    padding:0.08rem 0.15rem;
    text-align: center;
    color: #2f6498;
    font-size: 0.26rem;
    border-radius:25px;
    -webkit-border-radius:25px;
    -moz-border-radius: 25px;
    border:1px solid #2f6498;
}

.foot_contact{padding: 0.1rem 0.24rem 0.2rem 0.24rem;background: #2f6498;margin: 0.2rem 0.24rem 0 0.24rem;}
.foot_contact ul li{color: rgba(255,255,255,.7);border-bottom: 1px solid rgba(255,255,255,.1);line-height: 0.7rem;font-size: 0.26rem;}
.foot_contact ul li i{display: block;width: 0.4rem;height: 0.4rem;float: left;margin-right: 0.2rem;margin-top: 0.15rem;}
.foot_contact ul li i.f_tel{background: url("f_ico01.png") no-repeat;background-size: cover;}
.foot_contact ul li i.f_fax{background: url("f_ico02.png") no-repeat;background-size: cover;}
.foot_contact ul li i.f_email{background: url("f_ico03.png") no-repeat;background-size: cover;}
.foot_contact ul li i.f_address{background: url("f_ico04.png") no-repeat;background-size: cover;}
.foot_contact ul li span{display: block;width: 5.9rem;float: left;}
.foot_contact ul li:last-child{border-bottom: 0;}
.nav{background: #f9f9f9;padding: 0 0.24rem;}
.nav ul{overflow: hidden;padding-top: 0.3rem;padding-bottom: 0.1rem;}
.nav ul li{width: 47%;background: #fff;    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
    margin-bottom: 0.20rem;float: left;height: 0.7rem;line-height: 0.70rem;font-size: 0.28rem;text-align: center;color: #333;}
.nav ul li a{display: block;width: 100%;height: 100%;color: #595959;}
.nav ul li a.on{background: #2f6498;color: #fff;}


.path{width: 100%;line-height: 0.54rem;border-bottom: 1px solid #f4f4f4;height: 0.54rem;}
.path a{color: #5a5959;font-size: 0.24rem;}
.path i{display: block;width: 0.4rem;height: 0.40rem;background: url("paty.png") no-repeat;background-size: cover;float: left;margin-top: 0.05rem;margin-left: 0.2rem;}
.path span{float: left;font-size: 0.24rem;margin-left: 0.1rem;}



/*分页*/
.pageClass {
    text-align: center;
    font-size: 0.22rem;
    padding-top: 0.7rem;
    padding-bottom: 0.5rem;
    clear: both;
}
.pageClass span {
    padding: 0.10rem 0.18rem;
    display: inline-block;
    margin-left: 0.1rem;
    font-size: 0.24rem;
    background-color:#fff;
    color: #666666;border: 1px solid #e3e3e3;
}
.pageClass strong span{
    color: #fff;
    background-color: #2f6498;
    border: 1px solid #2f6498;
}
.pageClass .next span{color: #666666;background-color: #fff;}




/*内页*/
.Current-content{font-size: 0.26rem;}
.Current-content .up{margin-top: 0.2rem;border-top:0.02rem solid #dddddd;line-height: 0.5rem;overflow: hidden;padding-top: 0.2rem;}
.Current-content .up a{color: rgb(153, 153, 153);line-height: 0.5rem;}
.Current-content .down{overflow: hidden;height: 0.7rem;line-height: 0.7rem;}
.Current-content .down a{color: rgb(153, 153, 153);line-height: 0.5rem;}
.article_title{text-align: center;line-height: 0.6rem;margin-top: 0.5rem;}
.article_title .author{color: #bfbfbf;}
.Current-content .article_con img{height:auto;max-width: 100%;float: none;margin-top: 0.2rem;}
.content img{max-width: 100%;height: auto!important;}
.article_con img{max-width: 100%;height: auto!important;}
.Current-content .article_con{margin-top: 0.3rem;font-size: 0.24rem;line-height: 0.4rem;}
.content{min-height: 5rem;padding: 0 0.24rem;}
.content .article_con{min-height: 3rem;}
.content{background-color: #ffffff;overflow: hidden;margin: 0.1rem 0 0;padding:0 0.24rem 0.3rem;}
.content .article_title {
    margin:0.4rem 0 0.2rem;
    text-align: center;
    border-bottom:0.02rem solid #dddddd;
}
.content .article_title h3 {
    font-size: 0.32rem;
    color:#333;
}
.content .article_title .author {
    font-size: 0.23rem;
    color: #c6c5c6;
    margin-top: 0.1rem;
}
.content .article_con {
    padding:0.2rem 0;
    font-size: 0.28rem;
    color: #555555;
    text-align: justify;
    line-height: 200%;
    min-height: 5rem;
}
.content .article_con img{max-width: 100%;display: inline-block;height: auto !important;}