@charset "utf-8";
/* CSS Document */
img{
    max-width:100%;
}
.frame-full {
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    zoom: 1;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
table thead {
    background-color: #DDDDDD;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
table tbody tr td {
    border: 1px solid #CCCCCC;
}
td.center {
    text-align: center;
    font-size: 12px;
}
.para_cls {
        margin-top: 20px;
}
.content_table table thead tr th {
    border-right: 1px solid #CCCCCC;
    text-transform: uppercase;
    font-size: 13px;
    /* width: 83%; */
    text-align: center;
}
.applybtn {
    padding: 5px;
    background-color: #df0005;
    color: #fff;
    border-radius: 25px;
    font-size: 11px;
        margin-top: 5px;
    display: inline-block;
}
.applybtn:hover {
    background:#af0004;
    color:#fff;
    text-decoration:none;
}
.hidden-phone {
    text-align:center;
    font-weight:bold;
    text-transform:uppercase;
}
.hjobcode {
    min-width:100px;
}
/*Profile*/
.pro_img{ float:left; width:211px; height:351px; margin:0 20px 10px 0}
p.pro{ line-height:180%; margin-top:25px}

/*Strategy*/
img.str{ border:solid 1px #333; margin:0 auto; display:block}
.smilestone li img{
    vertical-align:middle;
        margin-right: 5px;
}
.smilestone {
    margin-top: 70px;
}
.smilestone li {
    margin-bottom:12px;
}
.no-flag {
    padding-left:50px;
}
.smilestone li b {
    font-size:16px;
}

/*Certificates*/
.conttop_cer dl{ background:url(../images/sub_icon01.gif) no-repeat 3px 5px}
ul.cert{ padding-left:15px}
ul.cert li{ float:left; margin-right:2%; width:48%; height:220px; text-align:center; padding-top:17px; margin-top:20px; border:solid 1px #e0e0e0}
ul.cert li span{ display:block; width:200px; overflow:hidden; line-height:150%; margin:5px auto 0 auto; color:#000}
ul.cert li.right{ margin-right:0}

/*News*/
ul.news_list{ margin-left:30px; margin-top:-10px}
ul.news_list li img{
    width: 185px;
    height: 110px;
    vertical-align: middle;
    margin-right: 15px;
}
ul.news_list li{     padding-left: 10px;
    overflow: hidden;
    margin-bottom: 20px;
        display: flex;
    align-items: center;
}
#sub_warp.news_page {
    background-image:none;
    border-right: none;
}
ul.news_list li span{ font-style:italic; color:#999;display: block;}
h2.news_tit{ font-size:16px; text-align:center; color:#990001; margin-bottom:15px}
span.news_info{ display:block; text-align:center; color:#999; margin-bottom:30px}
div.news_cont{ line-height:180%}
.pages{ margin:15px 0 0 30px; color:#333; font-weight:bold; height:17px; line-height:17px}
.pages input{ width:66px; height:17px; text-align:center; background:url(../images/sub_list_btn.gif) no-repeat; color:#fff; margin-left:6px; font-size:11px; border:none; cursor:pointer}
.pages a.p,.pages a.p:hover,.pages a.p:visited{ display:block; float:left; width:66px; height:17px; text-align:center; background:url(../images/sub_list_btn.gif) no-repeat; color:#fff; margin-left:6px; font-size:11px; border:none; cursor:pointer; font-weight:normal}
.pagination-wrapper {
    text-align: center;
        margin-top: 45px;
}
.pagination-wrapper .pagination{
    overflow: hidden;
    display: inline-block;
    margin: 0 auto;
}

/*Management*/
.img01{ float:left; margin-right:27px; margin-top:5px}
.img02{ float:right; margin-left:10px}

/*Core Industry*/
.conttop_cor dl{ background:url(../images/sub_icon04.gif) no-repeat 10px 3px}
.core_frame{ width:600px; height:auto; overflow:hidden; margin:40px 0 0 25px}
.core_frame img{ margin:0 60px 20px 0; float:left}
.core_frame h2{ background:url(../images/icon02.gif) no-repeat 0 18px; line-height:43px; padding-left:14px; font-size:12px; color:#000; float:left}
.core_frame p{ line-height:180%; margin-top:43px}

/*Our Clients*/
.conttop_cli dl{ background:url(../images/sub_icon02.gif) no-repeat 10px 15px}
ul.list_sty02{ margin-left:11px; color:#333}
ul.list_sty02 li{ height:25px; line-height:25px; background-position:0 11px; padding-left:15px}
span.tip01{ color:#000; display:block; font-weight:bold; margin:25px 0 20px; height:25px; line-height:25px; background:url(../images/icon03.gif) no-repeat #ededed; padding-left:26px}

/*Cooperation*/
.mess_bt{ float:right}
dl.mess_list{ margin-bottom:25px}
dl.mess_list dt .name{ color:#990000; margin-right:5px}
dl.mess_list dt .date{ color:#999; margin-left:10px}
dl.mess_list dd{ margin-top:8px; line-height:150%}
dl.mess_list dd.reply{ background:url(../images/mes_mid.gif) repeat-y}
dl.mess_list dd.reply .up{ height:12px; background:url(../images/mes_up.gif) no-repeat}
dl.mess_list dd.reply .down{ height:12px; background:url(../images/mes_down.gif) no-repeat; overflow:hidden}
dl.mess_list dd.reply p{ margin:0 18px}
dl.mess_list dd.reply p span{ color:#990000; margin-right:5px}

.mess{ width:567px; height:300px; margin:35px auto 0 auto; background:url(../images/mess_bg.gif) no-repeat}
ul.messform{ float:right; margin:28px 26px auto auto}
ul.messform li{ margin-bottom:7px}
ul.messform li.last{ padding:5px 0 0 100px}
ul.messform li label{ float:left; width:60px; text-align:right; margin-right:7px; line-height:20px}
ul.messform li label span{ color:red}
ul.messform li input,ul.messform li textarea{ width:238px; height:17px; line-height:17px; border-top:solid 2px #404040; border-right:solid 1px #d4d0c7; border-bottom:solid 1px #d4d0c7; border-left:solid 2px #404040}
ul.messform li textarea{ height:88px}
ul.messform li .btn{ width:66px; height:22px; line-height:22px; text-align:center; color:#fff; background:url(../images/mess_btn_bg.gif) no-repeat; margin-left:15px; border:none; cursor:pointer}

/*Join CE*/
dl.join dt{ height:22px; line-height:20px; font-weight:bold; color:#dc0503; padding: 0 0 5px; background:url(../images/sub_dot01.gif) repeat-x bottom ;    text-transform: uppercase;font-size: 16px;}
dl.join dd{ background:#fafafa; height:auto; padding:0}
dl.join dd.show{ background:#fff;margin-top: 15px;}
dl.join dd p{ line-height:normal}
dl.join dd p.tip{ color:#cc0000; font-weight:bold}
dl.join dd p.tip2{ color:#333; font-weight:bold;font-size: 13px;}
dl.join dd p .tit{ font-weight:bold; margin-right:5px}
dl.join dd p a,dl.join dd p a:hover,dl.join dd p a:visited{ text-decoration:none; color:#dc0102}

.join_frame dl.join dd.show {
    overflow: hidden;
}
.join_frame{}
.join_img{    float: left;margin-right: 20px;}

.frame1 .join {
    width:48%;
    float:left;
        padding: 10px 15px;
    border: 1px solid #ccc;
    margin-right:4%;
    margin-bottom: 20px;
        height: 220px;
        box-sizing: border-box;
}
.frame1 .join:nth-child(2n) {
    margin-right:0;
}
/*Records*/
.conttop_rec dl{ background:url(../images/sub_icon03.gif) no-repeat 0px 5px}
.choose{ margin-top:20px}
p.por_txt{ line-height:180%; margin-bottom:20px}

/*Sitemap*/
#sitemap_warp{ width:990px; margin:0 auto; background:none; border:none; height:auto; overflow:hidden; zoom:1; background:#fff; padding:25px 0; padding-bottom:50px}

.sub_loc_sitemap{ width:960px; margin-left:auto; margin-right:auto}

dl.sitemap{ width:170px; height:255px; overflow:hidden; display:block; background:url(../images/sitemap_downbg.gif) no-repeat right bottom #f5f5f5; float:left; margin-right:20px; margin-bottom:20px}
dl.sitemap_tall{ height:305px}
dl.first{ margin-left:30px}
dl.sitemap dt{ height:22px; line-height:22px; background:url(../images/icon05.gif) no-repeat 8px 9px #990000; font-weight:bold; color:#fff; padding-left:23px}
dl.sitemap dd ul{ width:128px; margin:0 auto}
dl.sitemap dd ul li{ background:url(../images/icon06.gif) no-repeat 0 5px; padding-left:10px; margin-top:11px; line-height:120%}
dl.sitemap dd ul li a:hover{ color:#990000}

/*img_news*/
ul.news_list li.sty{ height:100px; width:592px; background:none}
ul.gall{ margin-top:0px}
ul.gall li{ height:auto; background:none; float:left; margin-right:10px; margin-top:5px}
ul.gall li a{ display:block; border:solid 1px #ccc; padding:2px}
ul.gall li a img{ width:80px; height:61px}
ul.gall_show{ margin-left:30px}
ul.gall_show li{ height:90px; background:none; float:left; margin-right:10px; margin-top:5px}
ul.gall_show li a{ display:block; border:solid 1px #ccc; padding:2px}
ul.gall_show li a img{ width:105px; height:80px}

/*record_new*/
h2.records_tit{ font-size:12px; font-weight:blod; color:#ff0000; margin-top:20px}
dl.records{ margin-bottom:20px}
dl.records dt{ font-size:11px; color:#ff0000; line-height:32px; margin-top:10px}
dl.records dd p{ line-height:140%; margin-top:10px;  font-size:11px}

/*table_ind*/
.ind_table{ background:#ccc}
.ind_table *{ font-size:10px}
.ind_table td,.ind_table th{ vertical-align:middle; text-align:center; background:#fff; padding:5px 0}
.ind_table th{ font-weight:bold; background:#ccc}
.ind_table td.colors{ background:#f1f1f1}

/*Member*/
h3.red{ font-size:14px; color:red}
dl.mem{ margin-top:20px}
dl.mem dt{ font-weight:bold; color:#0070c0}
.list_value dl:nth-child(1) {
    background:url('../images/trust.png') no-repeat;
    padding-left: 60px;
    min-height: 31px;
}
.list_value dl:nth-child(2) {
    background:url('../images/deliver.png') no-repeat;
    padding-left: 60px;
    min-height: 40px;
}
.list_value dl:nth-child(3) {
    background:url('../images/relationship.png') no-repeat;
    padding-left: 60px;
    min-height: 38px;
}
.list_value dl:nth-child(4) {
    background:url('../images/perform.png') no-repeat;
    padding-left: 60px;
    min-height: 41px;
}


a.imgtitb,a.imgtitb:hover,a.imgtitb:visited{ font-weight:bold}

.header-title {
    margin-top:10px;
}

.fillter {
        margin-top: 15px;
}
.drop {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #dedede;
    color: #cccccc;
}
.drop select{
    margin-left: 16px;
    border: 0;
    padding: 5px;
    max-width: 100px;
}
#imgShow {
	margin-bottom:10px;
}