#div_body_main{ width:80%; margin:50px auto; overflow:hidden; padding-bottom:20px;}
#div_body_lt{ float:left; width:240px; overflow:hidden;}
#div_body_lt div{ overflow:hidden;}
#div_body_rt {
    width: 100%;
    /*float: right;*/
    overflow: hidden;
}
#son_banner{ width:100%; margin:0 auto; height:254px;overflow:hidden;}
#son_banner,.flexslider,.slides li,.flex-direction-nav li a{ height:350px;}
.div_son_nav {
   
}

  
.flexslider{ position:relative; overflow:hidden; background:url(/index/images/style/bann_loading.gif) no-repeat center center;}
.slides{ position:relative; z-index:1;}
.slides li a{ width:1003px; height:100%; display:block; margin:0 auto;}
.flex-control-nav{ width:1000px; position:absolute; left:50%; bottom:15px; margin-left:-515px; z-index:2; text-align:center;}
.flex-control-nav li{ display:inline-block; width:10px; height:10px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{ display:inline-block; width:10px; height:10px; line-height:40px; overflow:hidden; background:#fff; cursor:pointer; border-radius:10px;}
.flex-control-nav .flex-active{ background:#f8b600;}
.flex-direction-nav{ position:absolute; z-index:3; width:100%; top:0;}
.flex-direction-nav li a{ display: block; width:36px; overflow:hidden; cursor:pointer; position:absolute; background-repeat:no-repeat;}
.flex-direction-nav li a.flex-prev{ left:50%; margin-left:-586px; background-position:left center;}
.flex-direction-nav li a.flex-next{ right:50%; margin-right:-586px; background-position:-36px center;}
.flex-direction-nav li a:hover{ background-image:url(/index/images/style/banner_point.png);}
#div_body_menu{ width:238px; overflow:hidden;  border:solid 1px #c7c7c7;}
#div_body_menu_tt{ width:238px; height:104px; background:#fff;  border-bottom:solid 1px #c7c7c7;}
#div_body_menu_tt h2{ color:#666; font-size:24px; background-repeat:no-repeat; background-position:left center; font-weight:normal; height:104px; line-height:104px; width:100%; font-family:微软雅黑; text-align:center}
#div_body_menu_ct{ width:100%; margin-bottom:20px;}
#div_body_menu_ct ul{ margin:20px auto 0; width:100%; overflow:hidden; }
#div_body_menu_ct ul li{overflow:hidden;margin: 0 auto; line-height:36px;}
#div_body_menu_ct ul li a{ width:98px; overflow:hidden; display:block; padding:5px 57px 5px 83px; background:#ffffff url(/index/images/style/zl_ico.jpg) no-repeat 42px center; word-wrap: break-word;word-break:break-all; }
#div_body_menu_ct ul li a:link,#div_body_menu_ct ul li a:visited{ }
#div_body_menu_ct ul li a:hover,#div_body_menu_ct ul li a.a_bdmn_ov{  background:#890c5a url(/index/images/style/son_nav_ho.jpg) no-repeat center center; color:#fff;}
#div_body_menu_ct ul li a.son_lt_hover{ background:#797979; border:solid 1px #afafaf;color:#fff;}
#div_body_menu_ct ul li div{ width:220px; margin:0 0 0 auto;}
#div_body_menu_ct ul li div ul{ width:100%; overflow:hidden; background:none; display:none; margin-top:10px;}
#div_body_menu_ct ul li div ul li{ margin:0; padding:0; line-height:23px; margin-bottom:10px;}
#div_body_menu_ct ul li div ul li a{ width:183px; background:#ececec url(/index/images/style/son_nav_bg.jpg) no-repeat 200px center; }
#div_body_menu_ct ul li div ul li a:link,#div_body_menu_ct ul li div ul li a:visited{ color:#8d8d8d;}
#div_body_menu_ct ul li div ul li a:hover{  background:#179d48 url(/index/images/style/son_nav_hobg.jpg) no-repeat 200px center; border:solid 1px #087a32;color:#fff;}
#div_body_righ_tt{ width:100%; height:45px; overflow:hidden; border-bottom:solid 2px #890c5a;}
#div_body_righ_tt h1{  height:45px; overflow:hidden; font-weight:normal; background-repeat:no-repeat; background-position:center center; line-height:45px; font-size:24px; font-family:微软雅黑; float:left; color:#890c5a; padding-right:50px; background:url(/index/images/style/h1_bg.jpg) no-repeat right center;}
#div_body_loca{ text-align:right; width:350px; height:45px; line-height:62px; color:#333; font-family:"宋体"; margin-right:10px; overflow:hidden; float:right;}
#div_body_loca span{ background:url(/index/images/style/zl_ico.jpg) no-repeat 15px center; padding:2px 0 1px 27px;}
#div_body_loca a{  font-family:"Arial";}
#div_body_righ_ct{ width:100%; padding:0 0 20px 0; text-align:left; overflow:hidden;}
#user_left{ width:100%; overflow:hidden;}
#user_right{ width:100%; overflow:hidden;}
#Link{ width:98%;  margin:15px auto 0; overflow:hidden;}
#Link ul{ width:100%; overflow:hidden;}
#Link ul li{ list-style:none;height:25px; line-height:25px; float:left; overflow:hidden;   text-align:center;}
#Link ul li a{ padding:0 10px;}
#Related{ width:98%; margin:15px auto 0; overflow:hidden;}
#Related p{ height:30px; line-height:30px; text-align:left;  font-weight:bold;}
#Related ul li{ width:100%;list-style:none;height:25px; line-height:25px; }
#Related_pro{ width:98%; margin:0 auto; overflow:hidden;}
#Related_pro p{ height:30px; line-height:30px;}
#Related_pro ul{ width:100%; overflow:hidden;  margin:0 auto;}
#Related_pro ul li{ width:136px; list-style:none; float:left; overflow:hidden; height:156px; border:solid 1px #999; margin:0 3px 8px; _display:inline; }
#Related_pro ul li div{ width:136px; height:136px; line-height:136px; overflow:hidden;}
#Related_pro ul li div a{ width:136px; height:136px; display:table-cell; vertical-align:middle; text-align:center; *font-size:130px;}
#Related_pro ul li div a img{ width:136px; vertical-align:middle; display:inline;}
#Related_pro ul li span{ height:20px; margin:0; width:100%; display:block; text-align:center; line-height:20px;  overflow:hidden;}
.pager {
    width: 100%;
    text-align: center;
    margin: 8px auto 0;
    overflow: hidden;
}
    .pager a {
        display: inline-block;
        padding: 2px 8px;
        height: 20px;
        background: #e9e9e9;
        overflow: hidden;
        line-height: 20px;
        margin: 0 5px;
        color: #696969;
        border-radius: 20%;
        border: solid 1px #ddd;
        font-family: "宋体";
    }
        .pager a:hover {
            background: #f0a200;
            color: #FFF !important;
/*            font-weight: bold;*/
        }
    .pager span {
        font-weight: bold;
        color: #FFF !important;
        display: inline-block;
        padding: 2px 8px;
        line-height: 20px;
        height: 20px;
        overflow: hidden;
        background: #f0a200;
        margin: 0 5px;
        border-radius: 20%;
        border: 1px solid #ddd;
    }
#div_column{ width:98%; overflow:hidden; margin:0 auto;}
#div_column table{ width:100%;}
#dl_quali{ width:100%; overflow:hidden; margin:15px auto 0;}
#dl_quali dt{ width:100%; height:45px; line-height:45px; text-align:center; background:#f8b600;}
#dl_quali dt strong{ font-family:微软雅黑; font-weight:normal; color:#fff; font-size:20px;}
#dl_quali dd{ width:182px; height:256px; overflow:hidden; margin:20px auto 0;}
#dl_quali dd ul{ overflow:hidden; zoom:1;}
#dl_quali dd ul li{ width:182px; height:256px; float:left;}
#dl_son_cont{width: 100%;/* border-top:solid 6px #f8b600; *//* padding-bottom:15px; */overflow:hidden;/* margin:25px auto 0; */ padding-bottom:20px;}
#dl_son_cont dt{ height: 54px;line-height: 54px;text-align: center;border: solid 1px #c41c1c;background: #c41c1c url(/index/images/style/son_lxwm_bg.png) no-repeat 30px center; text-indent:15px;}
#dl_son_cont dt strong{font-family:微软雅黑;font-weight:normal;color: #fff;font-size:18px;}
#dl_son_cont dd{ width:178px;  line-height:20px; padding:15px 10px 0; border:solid 1px #d4d4d4;  color:#333; background:#fff;}

/* messageboard --begin-- */
#div_page{ text-align:center; margin-top:10px;}
#div_page span{ font-weight:bold; color:#f70; display:inline-block; padding:0 5px; line-height:20px; height:20px; overflow:hidden; background:#fff; margin:0 5px; border:1px solid #ddd;}
#div_page a{ display:inline-block; padding:0 5px; height:19px; background:#e9e9e9; overflow:hidden; line-height:19px; margin:0 5px; color:#ccc; border:solid 1px #ddd; font-family:"宋体";}
#div_page a:visited,#div_page a:link{ color:#555;}
#div_page a:hover{ background:#fff; color:#333;}
#div_msg{ width:98%; overflow:hidden; margin:0 auto;}
#div_msg .high,#div_msg .formtips{ color:Red;}
#div_msg table{ width:100%; margin-top:20px;}
#div_msg #div_mess_btn{ border-bottom:solid 3px #b2b2b2; text-align:center;}
#div_msg #tbl_msg{ border-top:solid 3px #b2b2b2;}
#div_msg table tr th{ text-align:right; width:100px; padding-right:10px; background:#e7e7e7; color:#555; border-bottom:solid 1px #d9d9d9;}
#div_msg table tr td{ text-align:left; vertical-align:middle; padding:3px 0 3px 3px; border-bottom:solid 1px #e5ebee; background:#fff;}
#div_msg table tr td.tb_input input,textarea { border:solid 1px #ccc; height:22px; width:230px;}
#div_msg table tr td.tb_input input{ line-height:22px; color:#555;}
#div_message{ width:708px; height:440px; position:absolute; margin:0; background:#fff; text-align:center; line-height:32px; display:none;}
#div_message p{ text-align:center; color:Blue;}
#div_message span{ display:block; width:180px; height:32px; line-height:32px; overflow:hidden; margin:0 auto;}
#div_message span img{ float:left;}
#div_msg_hist{ width:100%; overflow:hidden;}
#div_msg_hist dl{ width:100%; overflow:hidden; padding:0; margin:15px 0 0;}
#div_msg_hist dl dt{ width:95%; height:26px; overflow:hidden; margin:0 auto; padding:0 2%; text-align:left; background:#8caaff; border-left:solid 1px #edf0f1;border-top:solid 1px #edf0f1;border-right:solid 1px #edf0f1;}
#div_msg_hist dl dt .spn_msg_left{ float:left;  line-height:26px;}
#div_msg_hist dl dt .spn_msg_righ{ float:right; line-height:26px;}
#div_msg_hist dl dd{ text-align:left; margin:0 auto; width:95%; padding:5px 2%; overflow:hidden; line-height:24px; background:#f4f9ff; border-left:solid 1px #edf0f1;border-bottom:solid 1px #edf0f1;border-right:solid 1px #edf0f1;}
#div_msg_hist dl dd span{ padding-left:19px; background-position:left center; background-repeat:no-repeat; line-height:24px;}
#div_msg_hist dl dd .spn_msg_q{ background-image:url(/index/images/style/msg_q.gif);}
#div_msg_hist dl dd .spn_msg_a{ color:#f70; background-image:url(/index/images/style/msg_a.gif);}
/* messageboard --/end-- */

/* online order --begin-- */
#tbl_olorder{ width:98%; margin:0 auto;}
#tbl_olorder tr th{ text-align:right; width:100px; padding-right:10px; background:#bbb; color:#555;}
#tbl_olorder tr th.th_order_else{ width:auto; background:none;}
#tbl_olorder tr td input{ width:225px; color:#333;}
#tbl_olorder tr td.td_order_else input{ width:auto;}
#tbl_olorder .high,#tbl_olorder .formtips{ color:Red;}
/* online order --/end-- */

/* ealbum --begin-- */
#div_ealbum{ width:915px; overflow:hidden; margin:10px auto 0; background:#fff; padding:12px;}
/* ealbum --/end-- */

/* userpage --begin-- */
#div_user{ width:98%; margin:0 auto; overflow:hidden;}
#div_user img{ vertical-align:bottom;} 
/* userpage --/end-- */

/* newslist --begin-- */
#div_news{ overflow:hidden; margin:10px auto 0; width:98%;}
#div_news ul{ padding:0; margin:0; width:100%;}
#div_news ul li{ padding:0; margin:0; height:30px; clear:both; list-style:none; overflow:hidden; border-bottom:dotted 1px #ccc;}
#div_news ul li a{ line-height:30px; float:left; padding-left:20px; background:url(/index/images/style/top_sonmenu_icon.gif) no-repeat 5px center;}
#div_news ul li span{ line-height:32px; margin-right:10px; font-family:Arial; color:#555; font-size:11px; margin-left:10px; float:right}
#div_news .news_gif{ padding-left:5px;}
#div_news_show{ width:98%; margin:0 auto; text-align:left;}
#div_news_show h2{ text-align:center; border-bottom:solid 1px #aaa; display:block;  line-height:40px; margin:0; font-size:19px;}
#div_news_show #p_info{ text-align:right; padding:0; margin:0; color:#999; height:28px;}
#div_news_show img{ vertical-align:bottom;} 
#div_prev_next{ width:98%; margin:0 auto; overflow:hidden;}
#newslist_ct{ width:100%; margin:10px auto 0; overflow:hidden;}
    #newslist_ct li {
        width: 32%;
        height: 520px;
        overflow: hidden;
        margin-bottom: 20px;
        margin-left: 2%;
        padding-bottom: 20px;
        /*        border-bottom: solid 1px #dedede;*/
        display: inline-block;
        background-color: #f6f6f6;
    }
    #newslist_ct li:nth-child(3n+1){
        margin-left: 0px;
    }
#newslist_ct li a{ display:block; overflow:hidden;}
    #newslist_ct li .snews_pic {
        width: 100%;
        height: 290px;
        float: left;
/*        margin-left: 8px;*/
        /*padding:5px;*/
/*        border: solid 1px #dedede;*/
        box-shadow: 0 1px 3px 0 #909090;
        -moz-box-shadow: 0 1px 3px 0 #909090;
        -webkit-box-shadow: 0 1px 3px 0 #909090;
/*        border-radius: 4px;*/
    }
        #newslist_ct li .snews_pic img {
            width: 100%;
            height: 100%;
           
        }
        #newslist_ct li div {
            width: 90%;
            margin: 0 auto;
            padding: 35px 0;
            overflow: hidden;
            
            /*        float: right;*/
            /*        margin-right: 15px;*/
        }
#newslist_ct li div p{ width:100%; height:33px; line-height:26px; overflow:hidden;}
    #newslist_ct li div p .snews_tt {
        width: 100%;
        float: left;
/*        height: 26px;*/
        font-size: 19px;
        font-weight: bold;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    #newslist_ct li div p span {
        color: #a0a0a0;
        overflow:hidden;
        font-size:14px;
    }
    #newslist_ct li div .snews_key {
        width: 100%;
        height: 60px;
        line-height: 30px;
        margin-top: 4px;
        color: #7c7c7c;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #newslist_ct li div .snews_more {
        text-align: left;
        color: #666666;
        /*  font-family: 宋体;*/
        line-height: 40px;
    }

.snews_line {
    width: 4% !important;
    height: 2px !important;
    background-color:#f0a200;
    margin: 10px 0;
}
/* newslist --/end-- */
/* piclist --begin-- */
#products .lightBoxW ul {
    width: 100%;
    overflow: hidden;
}
    #products .lightBoxW ul li {
        width: 32%;
        float: left;
        overflow: hidden;
        text-align: center;
        display: inline;
        margin-left: 1.6%;
        margin-bottom: 3%;
    }

    #products .lightBoxW ul .on {
        margin-left: 0;
    }
    #products .lightBoxW ul li div {
        width: 100%;
        height: 17vw;
        overflow: hidden;
        transition: 0.3s ease 0s
    }
        #products .lightBoxW ul li div img {
            width: 100%;
            height: 100%;
        }
#div_photo_img{ width: 283px; height: 283px; line-height:220px; /* padding:3px; */ border:solid 1px #cdcdcd; overflow:hidden; border-bottom:none;}
#div_photo_img a{ width: 283px; height: 283px; display:table-cell; vertical-align:middle; text-align:center; *font-size:201px;}
#div_photo_img a img{ width: 283px; vertical-align:middle; display:inline;}
#products .lightBoxW ul li span a {
    width: 100%;
    height: 20px;
    line-height: 20px;
    border: none;
    padding-top: 10px;
    font-size: 14px;
    display: inline-block;
}
#tab_picshow{ width:98%; margin:10px auto;}
#tab_picshow td{ text-align:center;}
#pdshow_big{ border:solid 5px #ddd;}
#div_picshow{ width:98%; margin:10px auto 0;}
#div_picshow img{ vertical-align:bottom;} 


#div_picshow_top{
    display:flex;
}
.picshow_main {
    width: 50%;
        height: 60vh;
/*    height: 600px;*/
    border: 1px solid #cccccc;
    display: flex;
    align-items: center;
    justify-content: center;
}
.picshow_main_img {
    max-width:600px;
    max-height:400px;
    height:80%;
    width:80%;
}
.picshow_right {
    width: 50%;
    height: 60vh;
/*    height: 600px;*/
    padding: 0 5%;
    box-sizing: border-box;
    display: flex;
    flex-direction:column;
}
.picshow_right-tilte {
    font-size: 32px;
    line-height: 34px;
    color: #f1a408;
    font-weight: bold;
}
.picshow_right-class {
    font-size: 20px;
    padding: 3% 10px;
    color: #444444;
    font-weight: bold;
    border-bottom: 2px solid #444444;
}
.picshow_right-intro{
    flex:1;
}
.picshow_right-imgAll {
    height: 100px;
    width: 100%;
/*    white-space: nowrap;*/
    position: relative;
    width: 100%;
}
.picshow_right-imgAll_container {
    height: 100px;
    width: 100%;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.picshow_right-imgAll_slider {
    display: flex;
    transition: transform 0.3s ease-in-out;
}

.picshow_right-imgAll_slider img {
    width: 128px;
    height: 100px;
    margin-left: 15px;
    margin-right: 15px;
}
.prev-btn {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%);
}
.next-btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(100%, -50%);
}


.prev-btn,
.next-btn {
    padding: 5px 10px;
    margin: 0 5px;
}


.div_picshow_content_title {
/*    height: 85px;*/
    background-color: #f9f9f9;
    position: relative;
    margin: 2% 0;
}
    .div_picshow_content_title div {
        font-size: 18px;
        font-weight: bold;
        height: 85px;
        line-height:85px;
        margin-left:20px;
    }
.div_picshow_content_title img {
    position:absolute;
    left:0;
    bottom:0;
}
/* piclist --/end-- */
/* pdfshow --begin-- */
#div_pdf_show {
    width: 98%;
    margin: 0 auto;
}
#div_pdf_show h1{ height:55px; line-height:50px; text-align:center; overflow:hidden; font-size:20px; padding:0; margin:0 auto;}
#div_pdf_show div{ width:100%; height:800px;}
#div_pdf_show object{ width:100%; height:800px;}
#div_pdf_help{ width:98%; text-align:right; margin:5px auto 0;}
#div_pdf_help a{ text-decoration:underline;}
#div_pdf_qa{ border:dashed 1px #adf; width:95%; padding:2%; line-height:21px; display:none;}
/* pdfshow --/end-- */
.div_job{ width:98%; margin:0 auto; overflow:hidden;}
.div_fenxiang{ width:98%; margin:0 auto 5px; overflow:hidden;}
.div_fenxiang div{ float:right; overflow:hidden;}
#div_navpage{ width:98%; margin:0 auto; overflow:hidden;}
#div_navpage .dl_navpage{ width:100%; overflow:hidden; margin:0 auto 15px;}
#div_navpage .dl_navpage dt{ width:100%; height:30px; line-height:30px;}
#div_navpage .dl_navpage dt strong{ float:left; font-size:14px; padding-left:5px;}
#div_navpage .dl_navpage dt a{ float:right; font-family:宋体; padding-right:10px;}
#div_navpage .dl_navpage dd{ width:100%; overflow:hidden;}
#div_navpage .dl_navpage dd .nav_news li{ padding:0; margin:0; height:30px; clear:both; list-style:none; overflow:hidden; border-bottom:dotted 1px #89a442;}
#div_navpage .dl_navpage dd .nav_news li a{ line-height:30px; float:left; padding-left:20px; background:url(/index/images/style/defa_news_ic.gif) no-repeat 5px center;}
#div_navpage .dl_navpage dd .nav_news li span{ line-height:32px; margin-right:10px; font-family:Arial; color:#555; font-size:11px; margin-left:10px; float:right}

#div_navpage .dl_navpage dd .nav_pro li{ width:168px; float:left; overflow:hidden; text-align:center; height:227px; margin:0 2px; _display:inline;}
#div_navpage .dl_navpage dd .nav_pro li div{ width:160px; height:194px; line-height:194px; padding:3px; border:solid 1px #c4c4c4; overflow:hidden;}
#div_navpage .dl_navpage dd .nav_pro li div a{ width:160px; height:194px; display:table-cell; vertical-align:middle; text-align:center; *font-size:175px;}
#div_navpage .dl_navpage dd .nav_pro li div a img{ width:160px; vertical-align:middle; display:inline;}
#div_navpage .dl_navpage dd .nav_pro li span a{ width:100%; height:20px; line-height:20px; border:none; color:#0066cc; padding:5px 0 0 0; display:inline-block;}

#div_survey{ text-align:left; margin:0 auto; width:100%; overflow:hidden;}
#div_survey ul{ padding:0; margin:0; width:100%;}
#div_survey ul li{ padding:0; margin:0; height:30px; clear:both; list-style:none; overflow:hidden; border-bottom:dotted 1px #ccc;}
#div_survey ul li a{ line-height:30px; float:left; padding-left:24px; background:url(/index/images/style/lct.gif) no-repeat 5px center; font-size:14px; color:#FF0000;}
#div_survey ul li a:hover{ text-decoration:underline;}
#div_survey ul li span{ line-height:32px; margin-right:10px; font-family:Arial; color:#555; font-size:11px; margin-left:10px; float:right}

#dl_surshow{ width:95%; margin:10px auto 0; overflow:hidden;}
#dl_surshow dt{ width:100%; height:40px; line-height:40px; font-size:18px; font-weight:bold; border-bottom:solid 1px #ccc; text-align:center;}
#dl_surshow dd{ width:98%; margin:10px auto 0; overflow:hidden; line-height:28px;}
#dl_surshow dd ul li{ width:100%; height:28px; line-height:28px; overflow:hidden; margin-bottom:3px;}
#dl_surshow dd ul li div{ height:28px; line-height:28px; _display:inline;}
#dl_surshow dd ul .su_lt{ width:358px; float:left;}
#dl_surshow dd ul li #su_rad{ float:left; margin-top:5px;}
#dl_surshow dd ul li .sp_tt{ padding-left:5px; font-size:14px; float:left;}
#dl_surshow dd ul li .su_sum{ width:60px; display:inline-block; float:left; padding-left:10px;}
#dl_surshow dd ul li .su_bfb{ width:130px; display:inline-block; float:left;}
#dl_surshow dd ul li .su_pic{ float:left; width:120px; background:#F6F6F6;}
#dl_surshow dd ul li .su_pic img{ margin:11px 0 0 10px;}
#dl_surshow dd ul li .but_sur{ cursor:pointer; width:38px; height:23px; line-height:23px; margin:0 10px;}


.sonshow_banner {

    float: left;
    position: relative;
    width: 100%;
    height: 579px;
    color: #fff;
    text-align: center;
    background-size: cover;
/*    background-attachment: fixed;*/
    background-position: center center;
    background-repeat: no-repeat;
}

.sonshow_warp {
    height: 100%;
    width: 100%;
    position: relative;
}

.sonshow {
    width: 90%;
    position: relative;
    top: 35%;
    margin: auto;
    /*    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
}

.sonshow_fc {
    font-size: 20px;
    font-family: Swis721 LtEx BT;
    font-style: italic;
    line-height: 35px;
    color: #fff;
    text-align: center;
    transition: 0.3s linear 0s;
}

.sonshow_sc {
    font-size: 40px;
    line-height: 66px;
    color: #fff;
    text-align: center;
    transition: 0.3s linear 0s;
}


.div_son_nav a {
    font-size: 16px;
    /*        color: #666;*/
    line-height: 65px;
    padding-right: 30px;
    margin-right: 30px;
/*    background: url(/index/images/style/bor.png) no-repeat right center;*/
    display: inline-block;
}

#div_top_loca {
    /*    width: 100%;*/
    padding: 0 10% 4px;
/*    height: 65px;*/
    line-height: 65px;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    overflow-x: auto;
    white-space: nowrap;
}

#div_top_loca div {
    line-height: 65px;
/*    text-align: right;*/
    /*    flex: 1;*/
}

#div_top_loca  a:hover {
    color: #ffa519;
}



#div_top_loca  a:hover:after {
    background: #f9a618 !important;
    width: 100% !important;
    transition: 0.3s linear 0s;
}

.div_son_nav a:after, .on-page:after {
    margin: 0 auto;
    display: block;
    background: transparent;
    content: '';
    width: 0%;
    height: 4px;
    transition: 0.3s linear 0s;
}
#div_top_loca a{ font-size:16px;}
#div_top_loca span{ background:url(/index/images/style/loca_bg.jpg) no-repeat 5px center; padding:1px 0 0 35px; font-size:14px;}
#tab_case_title1{ width:283px; height: 56px;  text-align:center; border:solid 1px #8f8f8f; border-top:none;}
#tab_case_title1 a{ color:#565656; line-height:62px; font-size:14px; }
#tab_case_title{ width:283px; height: 60px; text-align:center; border:solid 1px #626262; background:#179d48;vertical-align:middle; display:table-cell; }
#tab_case_title a{ color:#fff;  font-size:18px; padding:0 5px;}
#tab_case_title_most{ width:110px; height:41px; background:url(/index/images/style/most_bg.jpg); background-size:100% 100%; margin:0 auto; color:#ffffff; line-height:41px; font-size:14px; text-align:center;}

#div_son_main{ width:100%; }


@media (max-width: 1150px) {
    .div_son_nav2 {
        display: none;
    }
}




@media (min-width: 768px) {

    #products .lightBoxW ul li:nth-child(3n+1) {
        margin-left: 0;
    }
}


    @media (max-width: 768px) {




        #div_picshow_top {
            flex-wrap: wrap;
        }

        .picshow_main {
            width: 100%;
            height: 40vh;
            border: none;
        }

        .picshow_right {
            height: 40vh;
            width: 100%;
            padding: 5% 0;
        }
        .picshow_right-tilte{
            margin-top:2%;
        }
        .picshow_right-imgAll_container {
            overflow-x:scroll;
        }
        ::-webkit-scrollbar {
            width: 10px; /* 设置滚动条宽度 */
        }
        .picshow_main_img {
            height: 100%;
            width: 100%;
        }

        .picshow_right-class {
            padding: 3% 0;
        }
        .picshow_right-imgAll_slider img:first-child {
            margin-left: 0;
        }

        .div_picshow_content_title div {
            font-size: 20px;
            height: 50px;
            line-height: 50px;
            margin-left:16px;
        }
        .div_picshow_content_intro p{
            line-height: 2.5em !important;
        }
        .div_picshow_content_intro span {
            font-size: 16px !important;
        }




        .sonshow {
            top: 25%;
        }
        #div_body_main {
            margin: 10% auto;
        }

        .sonshow_banner {
            height: 50vh;
        }

        #div_top_loca a {
            font-size: 3.0vw;
        }

        #div_body_main {
            width: 90%;
        }
        #newslist_ct li div p span {
            font-size: 3.0vw;
        }
        #newslist_ct li div .snews_key {
            font-size: 3.0vw;
        }
        #newslist_ct li div .snews_more {
            font-size: 3.0vw;
        }

        #newslist_ct li div p .snews_tt {
            font-size: 4vw;
            line-height: 4vw;
        }


        #div_top_loca {
            padding: 0 5% 4px;
        }

        #newslist_ct ul li {
            width: 100%;
        }

        #newslist_ct ul li {
            margin-left: 0;
        }

        #products .lightBoxW ul li {
            width: 49%;
         }

        #products .lightBoxW ul li:nth-child(2n+1) {
            margin-left: 0;
        }

        #products .lightBoxW ul li div {
            width: 100%;
            height: 21vh;
            overflow: hidden;
        }

        .sonshow_banner {
            /*        height: auto;
        padding: 50% 0;*/
            /*        background-attachment: inherit;*/
        }

        .sonshow {
            /* position: static;
        margin: 0 auto;*/
            /*         width:90%;
        position: relative;
        top: 35%;*/
            /*         left: 10%; */
            /*        transform: translate(0%, -50%);*/
        }

        .sonshow_fc {
            font-size: 20px;
            line-height: 10vh;
            text-align: center;
        }

        .sonshow_sc {
            font-size: 30px;
            line-height: 48px;
            text-align: center;
        }

        .products_title {
            font-size: 36px;
            padding: 4% 0;
            line-height: 48px;
            border-top: 1px solid #7f7f7f;
            display: inline-block;
            padding-right: 13.5%;
        }

        .userlink_list ul li .userlink_img img {
            max-width: 80%;
        }

        .userlink_list ul li .userlink_list .userlink_show1 {
            width: 100%;
            margin: 3% 0;
        }

        .userlink_list ul li .userlink_list .userlink_show2 {
            width: 100%;
            margin: 3% 0;
        }

        .clmlist_title {
            font-size: 36px;
        }

        .join_lc_warp {
            background-size: 140% auto !important;
        }

        .join_jm_con .list .sc {
            line-height: 24px;
        }

        .join_lc_con {
            display: flex;
            flex-wrap: wrap;
        }

            .join_lc_con .list {
                width: 44%;
                float: none;
            }

        .join_lc_top .fc {
            font-size: 36px;
            line-height: 48px;
        }

        .join_lc_top {
            padding: 10% 2% 5%;
        }

        .piclist_con ul li, .clmlist_list ul li, .filelist_list ul li {
            width: 31.33%;
            margin-left: 1% !important;
            margin-right: 1% !important;
            margin-bottom: 5% !important;
        }

        .mdlist_con li a .title {
            font-size: 16px;
        }

        .modal .modal-content {
            height: auto;
            margin-top: 0;
        }

        #newslist1_show ul li {
            width: 48%;
            margin-left: 1% !important;
            margin-right: 1% !important;
        }

        #newslist_show ul li {
            padding: 3% 0;
        }

            #newslist_show ul li a .newslist_fc {
                width: 100%;
                float: none;
                margin: 0;
            }

                #newslist_show ul li a .newslist_fc .fc {
                    display: inline-block;
                    border: none;
                    font-size: 36px;
                    margin-right: 5px;
                }

                #newslist_show ul li a .newslist_fc .sc {
                    display: inline-block;
                }

            #newslist_show ul li a .newslist_img {
                width: 100%;
                float: none;
                height: auto;
                padding: 20% 0;
            }

                #newslist_show ul li a .newslist_img img {
                    width: 100%;
                }

            #newslist_show ul li a .newslist_sc {
                width: 100%;
                margin: 0;
            }

                #newslist_show ul li a .newslist_sc .fc {
                    font-size: 30px;
                    padding: 3% 0;
                    line-height: 48px;
                }

                #newslist_show ul li a .newslist_sc .sc {
                    margin: 0;
                    font-size: 18px;
                    line-height: 24px;
                    max-height: 98px;
                    padding: 0 0 2%;
                    border: 0;
                    overflow: hidden;
                }

                #newslist_show ul li a .newslist_sc .rd {
                    margin: 0;
                    font-size: 16px;
                    line-height: 36px;
                }

        .brand_jieshao_warp {
            max-height: none;
        }

        .brand_jieshao_left {
            float: none;
            max-width: none;
            display: inline-block;
        }

        .brand_jieshao_right {
            float: none;
            width: 100%;
            margin: 5% 0 0;
        }

        .brand_list ul li {
            width: 31.33%;
            margin-left: 1%;
            margin-right: 1%;
        }

        .brand_number_list .list {
            display: block;
            margin: 5% 0;
        }

            .brand_number_list .list .fc {
                text-align: center;
            }

            .brand_number_list .list .sc, .brand_number_list .list .rd {
                text-align: center;
            }

        .wap_brand_gc_show img {
            width: 100%;
        }

        .div_son_nav a {
            line-height: 45px;
            margin-right: 2.5%;
            padding-right: 2.5%;
        }

        .picshow_img span {
            font-size: 32px;
        }

        #div_news_show .news-title {
            font-size: 24px;
        }

        #div_news_show .news-time {
            font-size: 16px;
        }

        .products_list .show {
            top: auto;
            margin-top: 0;
        }

        .products_list {
            padding: 35% 0;
            height: auto;
        }


        .inspirationsContentsBackLink {
            position: relative;
            float: none;
            margin: 20px 0;
        }

            .inspirationsContentsBackLink a {
                line-height: 1;
                position: relative;
                background: none;
                font-size: 26px;
                padding-left: 56px;
                transition: none;
            }

            .inspirationsContentsBackLink:before {
                position: absolute;
                display: block;
                content: "";
                top: 50%;
                left: 0;
                background: #464b4b;
                height: 2px;
                width: 40px;
                margin-top: 5px;
            }

            .inspirationsContentsBackLink:after {
                position: absolute;
                display: block;
                content: "";
                top: 50%;
                left: 0;
                background: #464b4b;
                height: 2px;
                width: 18px;
                margin-top: 0px;
                transform: rotate(-30deg);
            }

        #div_user p {
            line-height: 2.5em !important;
        }

            #div_user p span {
                font-size: 18px !important;
            }

    }


@media (max-width: 600px) {
    #div_top_loca a {
        font-size: 3.5vw;
    }
    #products .lightBoxW ul li div {
        height: 17vh;
    }
}
@media (max-width: 500px) {
    .picshow_main {
        height: 25vh;
    }
    .picshow_right {
        height:auto;
    }


    #div_top_loca a {
        font-size: 4.0vw;
    }
    #products .lightBoxW ul li div {
        height: 15vh;
    }


    #div_user p {
        line-height:2.5em !important;
    }
    #div_user p span{
       font-size:16px !important; 
    }


}
@media (max-width: 300px) {
    #div_top_loca a {
        font-size: 4.5vw;
    }
    #products .lightBoxW ul li div {
        height: 14vh;
    }
}