@charset "utf-8";

/* common*/
body {height:100%;font-family: arial,"Hiragino Sans GB","Microsoft Yahei","微软雅黑",Tahoma,Helvetica,STHeiti;line-height:1.75em;font-size:12px;color:#333;}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dl, dt, dd {margin:0;padding:0;} 
header, section, footer, aside, nav, article, figure, figcaption {display: block;}
table {border-collapse:collapse;}
img {border:none;}
ul, li {list-style:none;}
input:focus, textarea:focus {outline:none;}
.clear{height:0px; line-height:0px;clear:both;font-size:1px;}
a,a:link{color:#333;text-decoration:none;}
a:hover{color:#47850B;text-decoration:underline;}


body{margin:0 auto;}/**/
.w1004{width:1004px;}

.cf:after, .cf:before {display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

.clear{height:0px;line-height:0;font-size:1px;clear:both;}

.line {    
    height:2px;
    background:#ccc;
}

/*table*/
.tb1{width:100%;border-collapse:collapse;}
.tb1 td{padding:6px 6px;text-align:left;}
.tb1 .tdl{width:30%;text-align:right;color:#666;font-size:12px;}
.tb1 .tdr{}


.tb2{width:100%;border-collapse:collapse;}
.tb2 .trh td{padding:2px 3px;background:#E5EEF5;color:#555;}
.tb2  td{padding:2px 3px;border-bottom:1px solid #eee;text-align:center}
.tb2 .td1,.tb2 .trh td.td1{padding-left:10px;}
.tb2.td2_l td{text-align:left;}
.tb2.td2_l td.td2{text-align:right;padding-right:10px;}
.tb2 tr.on td{background:#E5EEF5;}
.text1
{
    background: white;
    border: solid 1px #ccc;
    height: 18px;
    line-height: 18px;
    font-size: 9pt;
    padding: 2px 2px;
    width: 80%;
    margin: 0;
}
.text1:focus,.select1:focus{border-color:#777777;}  
.select1{padding:4px 0% 2px 0%; width:83%; margin:0; background: white; border: solid 1px #ccc;}
.tdrx span{display:block;float:left;} 
.tb1x1 .tdl{width:100px;}
.cn_action .btn,cn_action .btn:link,.cn_action .btn:hover{color:#fff;text-decoration:none;}
.btn_login{width:20%;}
a.more{padding:1px 8px;}
a.more,a.more:link
a.more:hover{color:#fff;}


/* the main layout*/


.cnx
{
    font-size: 12px;
    moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    box-shadow:0px 1px 1px rgba(0,0,0,0.1);
    background:#fff;
}
.cnx_h
{
    moz-border-radius:3px 3px 3px 3px;
    -webkit-border-radius:3px 3px 0px 0px;
    border-radius:3px 3px 0px 0px;

    padding:0px 10px;
    height:24px;
    line-height:24px;
    margin:0px auto;
    color:#fff;
   }
   
   /*blue*/
 /*  .cnx_h
   {
    background-color: #2DB2FF;
    background-image: -moz-linear-gradient(#2DB2FF, #5BAF0B);
    background-image: -webkit-linear-gradient(#2DB2FF, #5BAF0B);
    background-image: linear-gradient(#2DB2FF, #5BAF0B);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2DB2FF', endColorstr='#5BAF0B',GradientType=0 );
    
border-bottom:1px solid #5AAC0C;
   }*/
   
   /*green*/
.cnx_h,.cnx_f{ background-color: #62B810;}
.cnx_h
{
    background-color: #66AC20;
    border-bottom: 1px solid #62B415;
    background-image: linear-gradient(#A9DB64, #62BE0C);
    }
.cnx_h1
{
    background-color:#909090;
    border-bottom: 1px solid #777777;
    background-image: linear-gradient(#A1A1A1, #808080);
    }
.cnx_h h2{font-size:12px;font-weight:normal;}
.cnx_h h2 a,.cnx_h h2 a:link,.cnx_h h2 a:hover{color:#fff;}

.cnx_b{height:220px;background:#fff;}
.cnx_b_detail{min-height:220px;background:#fff;}
.cnx_f{height:2px;}

@media (min-width:945px){.cnx_b_login{height:220px;}}
@media (min-width:480px) and (max-width:945px){.cnx_b_login{height:430px;}}
@media (max-width:480px){.cnx_b_login{height:640px;}}

@media (min-width:775px){.cnx_b_more{height:500px;}}
@media (min-width:620px) and (max-width:775px){.cnx_b_more{height:710px;}}
@media (min-width:465px) and (max-width:620px){.cnx_b_more{height:920px;}}
@media (max-width:465px){.cnx_b_more{height:1130px;}}

.cnx_b1{background:#E5EEF5;}
.cnx_h1,.cnx_f1{background-color: #8D8D8D;}

.cn_left{float:left;}
.cn_right{float:right;}

.header,.line,.container,.footer,.content {
    max-width: 1004px;
    width: 98%;
    margin:0 auto;
    overflow: hidden;
    zoom: 1;
}

.header { height:95px; color:#7F7F7F; position:relative;}
.content,.footer{margin-bottom:10px;}  
.header_bg{width:100%;height:100px;background:url(../images/header_2.png) no-repeat;position:absolute;}      
.container{margin-bottom:10px;}
.footer
{
    

}


/* header */
.header .tb1 td{padding:0;}
.header_h{}
.header_b{margin-top:10px;}
.header_b h1{font-size:36px;}
.header_b h1 a, .header_b h1 a:link{color:#7F7F7F}
.header_b h1 a:hover{color:#555;text-decoration:none;}

.header_f{ }
.cn_header2{width:600px;}.cn_header11{width:240px;}
.cn_header2{float:right;}
.cn_header2_1{border-bottom:1px solid #888;padding-bottom:5px;position:relative;}
.cn_header2_2{padding-top:5px;}
.cn_header2 h2{font-weight:normal;font-size:20px;}
.ul_hlist{width: 90%; float: left;}
.ul_hlist li{font-size:12px;overflow:hidden;}
.ul_hlist li .span_r{float:right;}
.ul_hlist li .span_l{float:left;}
.ul_hlist li.li2 .span_l{}
.a_contact{position:absolute;right:0px;top:0px;}
.a_contact,.a_contact:link,.a_contact:hover{color:red;}

.whatsapp{float:right;}
.whatsapp img {border:none;width:38px;}

.whatsapp_mobile{float:right;}
.whatsapp_mobile img {border:none;width:38px;}

.cn_header1{margin-right:10px;}

.header_b .cn_header11,.header_b .cn_h1{height:80px;line-height:42px;position:relative;}
.a_login{display:block;position:absolute;left:0px;bottom:5px;height:20px;line-height:20px;}
.a_login,.a_login:link,.a_login:hover{color:red;}

.a_fopwd,.a_fopwd:link,.a_fopwd:hover{color:#0B5D97;}

.a_mopwd{left:80px;}
@media (min-width:945px){.a_mopwd{display:none;}}
@media (min-width:576px) and (max-width:945px){.a_mopwd{display:none;}}
@media (max-width:576px){.a_mopwd{display:block;}}

/* container */

@media (min-width:945px){.cnx_sider{float:left;width:30%;margin-top:10px;}}
@media (min-width:576px) and (max-width:945px){.cnx_sider{float:left;width:40%;margin-top:10px;}}
@media (max-width:576px){.cnx_sider{float:left;width:100%;margin-top:10px;}}

@media (min-width:945px){.cnx_main{float:right;width:68%;margin-top:10px;}}
@media (min-width:576px) and (max-width:945px){.cnx_main{float:right;width:58%;margin-top:10px;}}
@media (max-width:576px){.cnx_main{float:left;width:100%;margin-top:10px;}}

@media (min-width:945px){.cnx_siderx{float:right;width:38%;margin-top:10px;}}
@media (min-width:576px) and (max-width:945px){.cnx_siderx{float:right;width:38%;margin-top:10px;}}
@media (max-width:576px){.cnx_siderx{float:left;width:100%;margin-top:10px;}}

@media (min-width:945px){.cnx_mainx{float:left;width:60%;margin-top:10px;}}
@media (min-width:576px) and (max-width:945px){.cnx_mainx{float:left;width:60%;margin-top:10px;}}
@media (max-width:576px){.cnx_mainx{float:left;width:100%;margin-top:10px;}}

@media (min-width:945px){.cnx_sideru{display:block;}}
@media (min-width:576px) and (max-width:945px){.cnx_sideru{display:block;}}
@media (max-width:576px){.cnx_sideru{display:none;}}



.cnx_siderx .cnx_b ,.cnx_mainx .cnx_b {height:200px;}
.cnx_sideru .cnx_b ,.cnx_mainu .cnx_b {height:180px;}
.cn_tb{padding-top:15px;}
.cn_action{padding-top:5px;}

.ul_imgs
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ul_imgs li{float:left;border:1px solid #f2f2f2;margin:15px 15px 0px 15px;}
.ul_imgs li.on{border:1px solid #62B810;box-shadow:0px 0px 1px #62B810;}
.ul_imgs li a{display:block;}
.ul_imgs li .a_img img{width:120px;height:160px;}
.ul_imgs li .a_title{width:120px;height:32px;line-height:32px;text-align:center;border-top: 1px solid #F2F2F2;background:#FAFAFA;overflow:hidden;}
.ul_imgs li .a_title:hover{color:#47850B;}

.cn_news{padding:10px 10px 0px 10px;}
.ul_news li{width:100%;}
.ul_news li{margin-bottom:10px;border-bottom:1px solid #eee;position:relative;}
.ul_news li h1{font-size:16px;}
.ul_news li p{padding:8px 0px;}
.s_date{position:absolute;right:0px;top:0px;color:#666;}

.cn_titleh{position:relative;}

.a_more{display:block;position:absolute;right:10px;top:0px;}
.a_more,.a_more:link,.a_more:hover{color:#fff;}

.container1{margin-bottom:30px;}
.cnx_sider1{width:250px;}
.cnx1{margin-bottom:15px;}
.cnx_sider1 .cnx_b{height:auto;}
.cn_ct{padding:5px 10px;background:#F7F7F7;}
.ul_menu li,.ul_menu li a{display:block;height:28px;line-height:28px;}
.ul_menu li a{padding-left:10px;background:url(../images/item.png) 0px 12px no-repeat;}
.ul_menu li a:hover{background:url(../images/item_h.png) 0px 12px no-repeat;}
.cnx_main1 .cnx_b{min-height: 500px;}
.cnx_main1_1 .cnx_b{min-height:220px;}

.cn_news_title{text-align:center;padding-bottom:0px;}
.cn_news_title h1{font-size: 16px;height:32px;line-height:32px;}
.cn_news_title .cn_news_titlem{height:24px;line-height:24px;padding-bottom:5px;font-size:12px;color:#666;border-bottom:1px solid #ddd;}
.cn_news_ct{padding-top:10px;}

.cnx2 .cnx_b{min-height:400px;}

/* footer */
.cnxf
{
    height:32px;line-height:32px;
    width:100%;overflow:hidden;
}
.cnxf a,.cnxf a:link,.cnxf  a:hover{color:Red;}

.remark{float:left;width:100%;margin-top:5px;}
/*table*/
.tb_remark{width:100%;border-collapse:collapse;}
.tb_remark td{text-align:left;}
.tb_remark td a{color:Red;}

/* company information */
@media (min-width:870px){#id_companyinfo_div_header{display:block;}}
@media (min-width:576px) and (max-width:870px){#id_companyinfo_div_header{display:none;}}
@media (max-width:576px){#id_companyinfo_div_header{display:none;}}

@media (min-width:870px){#id_companyinfo_div_footer{display:none;}}
@media (min-width:576px) and (max-width:870px){#id_companyinfo_div_footer{display:block;}}
@media (max-width:576px){#id_companyinfo_div_footer{display:block;}}