@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: 'AmericanaBT-Roman';
    src: url('AmericanaBT-Roman.eot');
    src: local('fontName Regular'),
    local('fontName'),
    url('AmericanaBT-Roman.woff') format('woff'),
    url('AmericanaBT-Roman.ttf') format('truetype'),
    url('AmericanaBT-Roman.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.27rem;cursor: pointer;margin-top: 0.3rem;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: #2d9ee0;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: #007ec8;}
.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;}
.flex-viewport ul li img {
    max-width: 100%;
    max-height: 100%;
}
.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: #c6c6c6;display: block;width: 0.2rem;height: 0.2rem;}
.focus .flex-control-nav li a.flex-active{background-color:#0234c6;}
.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: 25%;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("ico1.png") no-repeat center;
    background-size: contain;

}
.ico i.Home{
    background: url("ico2.png") no-repeat center;
    background-size: contain;
}
.ico i.product-center{
    background: url("ico3.png") no-repeat center;
    background-size: contain;
}
.ico i.news-center{
    background: url("ico4.png") no-repeat center;
    background-size: contain;
}
.ico i.hr-center{
    background: url("ico5.png") no-repeat center;
    background-size: contain;
}
.ico i.contact-center{
    background: url("ico6.png") no-repeat center;
    background-size: contain;
}
.ico i.hr-center{
    background: url("ico7.png") no-repeat center;
    background-size: contain;
}
.ico i.contact-center{
    background: url("ico8.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;line-height: 0.6rem;padding-top: 0.08rem;}
.column-title .more{display: block;float: right;width: 1.5rem;height: 0.5rem;color: #014fa2;border: 1px solid #014fa2;border-radius: 5px;-webkit-border-radius: 5px;;-moz-border-radius:5px;text-align: center;line-height: 0.5rem;font-size: 0.24rem;margin-top: 0.15rem;}
.column-title i{display: block;width: 0.5rem;height: 0.05rem;background: #2f6498;margin: auto;}
.column-title span{color: #999999;font-size: 0.22rem;margin-left: 0.1rem;}
.column-title em{border-bottom: 2px solid #014fa2;}
.abouts-content .pic{width: 3.5rem;height: 3rem;position: relative;}
.abouts-content .pic img{max-width: 100%;height: 100%;}
.abouts-content .text{width: 3.25rem;}
.abouts-content .text .english{font-family: 'AmericanaBT-Roman';color: #f4f4f4;font-size: 0.32rem;}
.abouts-content .text .china{font-size: 0.3rem;color: #014fa2;}
.abouts-content .text .more{font-size: 0.26rem;color: #fff;background: #014fa2;display: inline-block;width: 1.5rem;height: 0.5rem;line-height: 0.5rem;text-align: center;}
.abouts-content .text .words{font-size: 0.26rem;color: #404040;line-height: 150%;margin-top: 0.05rem;}
.pro-list ul li{float: left;width: 48%;height: 2.75rem;margin-bottom: 0.3rem;}
.pro-list ul li .pic{width: 100%;height: 2.25rem;}
.pro-list ul li .pic img{display: block;width: 100%;height: 100%;}
.pro-list ul li .title{background: #014fa2;color: #fff;font-size: 0.26rem;height: 0.5rem;text-align: center;line-height: 0.5rem;}

.product{padding: 0 0.24rem;}
.news{padding: 0 0.24rem;}
.infrom_list a.more{font-size: 0.2rem;color:#787878;}
.infrom_list ul li{width: 100%;height: 1.8rem;border-bottom: 1px dashed #888888;margin-top: 0.17rem;overflow: hidden;}
.infrom_list a .title-left{width: 70%;height: 0.70rem;font-size: 0.26rem;float: left;line-height: 0.7rem;color: #363636;}
.infrom_list a .title-right{width: 30%;height: 0.70rem;font-size: 0.26rem;float: right;text-align:right;line-height: 0.7rem;color: #363636;}
.infrom_list a p{width: 100%;height: 1.02rem;font-size: 0.24rem;color: #888888;line-height: 0.45rem;

    text-align: justify;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}

.news_left{width: auto;height: 3rem;position: relative;overflow: hidden;}
.news_left img{display: block;width: 100%;height: 100%;}
.news_left .share{background: rgba(0,0,0,.7);color: #fff;font-size: 0.24rem;text-align: center;width: 100%;height: 0.6rem;line-height: 0.6rem;position: absolute;bottom: 0;
}
.news_left .time{border-right: 5px solid #fff;border-bottom: 5px solid #fff;border-top: 1px solid #fff;font-family: arial;
    width: 1.4rem;height: 1rem;text-align: center;position: absolute;left: 0;top: 0;background: #014fa2;
}
.news_left .time .day{
    font-size: 0.4rem;font-weight: bold;color: #fff;display: block;margin-top: 0.1rem;
}
.news_left .time .year{font-size: 0.22rem;color: #fff;display: block;}

.banner_n{width:100%;max-width: 7.50rem;margin-top: 0.88rem;}
.banner_n img{width: 100%;display: block;height: auto;}

/*导航*/
.nav{height: 0.50rem;border-bottom: 1px solid #e6e6e6;font-size: 0.24rem;
    padding: 0 0.24rem}
.nav i{display: block;float: left;width: 0.32rem;height: 0.32rem;line-height: 0.41rem;}
.nav img{max-width: 100%;max-height: 100%;}
.nav span{margin-left: 0.1rem;color: #484848;line-height: 0.5rem;}
.nav a{color: #5a5959;}
/*链接切换*/

.pro-menu{overflow: hidden;padding-bottom: 0.3rem;padding-top: 0.2rem;padding-left: 0.24rem;padding-right: 0.24rem;}
.pro-menu ul li{
    width: 31.3%;height: 0.70rem;float: left;text-align: center;margin-top: 0.1rem;margin-right: 0.2rem;}
.pro-menu ul li:nth-child(3),.pro-menu ul li:nth-child(6),.pro-menu ul li:nth-child(9){
    margin-right: 0;
}
.pro-menu ul li a{
    font-size: 0.28rem;color:#595959;
    display: block;height: 100%;
    line-height: 0.70rem;
    background-color: #ffffff;
    /*浏览器兼容阴影*/
    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;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius: 3px;
}
.pro-menu ul li a.on{background-color: #014fa2;color:#ffffff;}


/*分页*/
.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: #014fa2;
    border: 1px solid #014fa2;
}
.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;}


.contact_bottom{background: #eeeeee;margin-top: 0.2rem;}
.contact_bottom .form{width: auto;background: #eeeeee;}
.contact_bottom .form p{color: #333333;font-size: 0.26rem;line-height: 0.8rem;margin-top: 5%;}
.contact_bottom .map{width: 100%;}
.contact_bottom .form form{margin-left: 15%;font-size: 0.24rem;}
.contact_bottom .form form input{width: 77.5%;height: 0.6rem;border: 0;margin-bottom: 3%;padding-left: 2%;font-size: 0.24rem;}
.contact_bottom .form form textarea{width: 77.5%;height: 1.5rem;border: 0;padding-left: 2%;font-size: 0.24rem;padding-top: 3%;}
.contact_bottom .form form #butOk{border: 2px solid #014fa2;background: no-repeat;font-size:0.24rem;color: #fe383e;width: 1.5rem;height: 0.6rem;margin-top:3%;margin-left: 29%;
    padding-left: 0;}