@charset "gb2312";
/* 全局CSS定义 */
body { font:13px "Microsoft Yahei UI", "Microsoft YaHei", SimHei, simsun, sans-serif; color:#333; margin: 0; padding: 0; }

div,form,img,ul,ol,li,dl,dt,dd,img {margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6,p { margin:0; padding:0;  font-weight:normal; }
table,td,tr,th{font-size:12px;}
.clr{clear: both;}

/* 链接颜色 */
a:link {color: #333; text-decoration:none;}
a:visited {color: #333;text-decoration:none;}
a:hover { color: #cc0000; text-decoration:none;}
a:active { color: #333;}

/* 顶部 */
.top-line{ width: 100%; height: 6px; background-color: #000000;}
.top_bar{ width: 1182px; height: 110px; margin: 0 auto; position: relative; }
.top_bar .logo{background:url(../images/logo.png) left top no-repeat; width: 410px; height: 85px; position: absolute; top: 10px; left: 0; padding: 15px 0 0 110px;}
.top_bar .logo h1{ font-size: 25px; margin-bottom: 5px;}
.top_bar .logo h2{ font-size: 15px; color: #999; letter-spacing: 1px;}
.top_bar .tel,.top_bar .email{ position: absolute;  height: 40px; top:30px; }
.top_bar .tel{background:url(../images/icon_tel.png) left top no-repeat; right:240px; width: 300px; }
.top_bar .email{background:url(../images/icon_mail.png) left top no-repeat; right: 0; width: 200px; }
.top_bar p{ text-indent: 50px; line-height: 20px;}
.mainMenuV {
    
    position:absolute;
    right:0px;
    top:20px;

}
.mainMenuV a {
    /*float:left;*/
    margin: 0 2px;
    padding: 15px;
    height: 40px;
    line-height: 42px;
    font-size: 16px;
   
    display:block;
    float: left;

}
.mainMenuV a:hover {
    color: #fff;
    background:#cc0000;
}

.mainMenuV .nav_a{
    color: #fff;
    background:#cc0000;
}
.mainMenuV a:active {color: #fff;background:#cc0000;}




/* 导航 */
.nav_bar{ width: 100%; height: 40px; background: #cc0000;}
.of_whole{width:1182px;margin:0 auto; overflow:hidden;}

.navigationBar {
    display:block;
    height: 40px;
    background:#cc0000;
}
.navigationBar .navigationBarInnel{display:block;margin: 0 auto;width: 1182px;}
.navigationBar tt  {
    display:block;
    position:relative;
    float:left;
    width: 200px;
    height: 40px;
    background: #eeedf4;
    font:500 20px '微软雅黑',sans-serif;
    text-align: center;
    line-height: 40px;
}
/*.navigationBar tt .mainProNavArea {position: absolute;top: 62px;}
.navigationBar tt.slideOpenNAV .mainProNavArea {display:none;}
.navigationBar tt.slideOpenNAV {height: 56px;}*/

.navigationBar .below_menu {
    /*float:left;*/
    /*padding-left: 5px;*/
    width:100%;
    overflow:hidden;

}
.below_menu a {

    /*margin: 0 2px;*/
    padding: 0 8px;
    height: 40px;
    line-height: 42px;
    font-size: 13px;
    color: #fff;
    display:block;
    float: left;

}
.below_menu a:hover {
    color: #333;
    background:#eeedf4;
}

.below_menu .nav_a{
    color: #333;
    background:#eeedf4;
}
.below_menu a:active {color: #ccc;background:#999999;}

/* 主导航模块 */
.mainProNav {
    border: 1px solid #eee;
    position:relative;
    z-index:9996;
    cursor:default;
    transition:background 0.2s linear 0s;
    text-align:left;
    width:199px;
    background: #eeedf4;
    height: 560px;
    opacity:0.9;filter:alpha(opacity=90);

}
.mainProNavHover {
    border: 1px solid #ececec;
    background:#ececec;
    color:#666;


}
.mainProNav dl,.mainProNav dt,.mainProNav dd {
    display:block;
    margin:0;
    padding:0;}
.mainProNav dt {
    padding-left: 38px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    background: url(../images/mainProNavIcon.png) right -54px no-repeat;
    transition:background-color 0.2s linear 0s, padding-left 0.2s linear 0s;
    border-bottom: 1px  double #dfdcdc;
}
.mainProNav .dlHover dt {
    position:relative;
    z-index: 9999;
    margin: -1px -3px -1px -1px;
    *margin: -2px -3px -2px -1px;
    /*#top:-1px;*/
    padding-left: 45px;
    height: 28px;
    line-height: 28px;
    background:#cc0000 url(../images/mainProNavIcon.png) left top no-repeat;
    color:#fff;
}
.mainProNav .dlHover dt a:hover{color:#fff;}

.mainProNav dd {
    display:none;
    position:absolute;
    left: 198px;
    top: -1px;
    _top: 0px;
    z-index:9998;
    padding: 20px;
    border: 1px solid #b9b9b9;
    border-left: 3px solid #cc0000;
    background:#fff;
    width: 982px;
    height: 520px;
    box-shadow:0px 0px 5px #999;}

.mainProNav .dlHover dd {display:block;}

.mainProNav dl dd ul {padding: 10px;}
.mainProNav dl dd ul li {line-height: 30px; float: left; width: 33%;}



/* banner */
.banner{ width: 100%; height: 560px; background:url(../images/banner_h.jpg) center top; }
.nei_b{width: 100%; 
       /*height: 100px;*/ 
       background: #eeedf4; 
       text-align:center; 
       padding:40px 0;
       background:url(../images/bannerbg.jpg) center bottom;

}
    .nei_b .cn {
        max-width:1200px;
        margin:0 auto;
    }
    .nei_b h1 {
        font-size:35px;
        /*float:left;
        width:50%;*/
    }

    /*.nei_b p {
        float:right;
        width:50%;
    }*/


/* 正文部分 首页 热销产品 */
.t_1,.t_2{width: 100%; height: 39px; letter-spacing: 2px; position: relative;  }
.t_1{ background:url(../images/t-line.png) center no-repeat;}
.t_2{ width: 100%; height: 39px; background:url(../images/t-line2.png) left bottom no-repeat;}
.t_1 p{font: 30px '微软雅黑',sans-serif!important;   
       text-align: center; 
       max-width:300px;
       margin: 0 auto; 
       background: #f0f0f0;

}
.t_2 p{ font:600 22px '微软雅黑',sans-serif!important;  text-align: left; width: 100%;}
.f-r{ color: #ff0000;}
.t_3{
    position: absolute;
    top: -10px;
    left: 40%;
    width: 140px;
    text-align: center;
    font:600 22px '微软雅黑',sans-serif;
    background: #fff;

}
.t_4{ background:#cc0000; font:25px '微软雅黑',sans-serif; color: #fff; text-align: center; padding: 20px 0; }
.t_4-1{ background:#e2e2e2; font: 18px '微软雅黑',sans-serif; color: #666; text-align: center; padding: 15px 0; margin-top: 30px; }
.t_5{ height: 39px; background:url(../images/line3.png) left bottom no-repeat;}
.t_5 h1{font:24px '微软雅黑',sans-serif;}
.t_6{  border-bottom: 3px solid #e2e2e2; font: 18px '微软雅黑',sans-serif; color: #666; text-align: center; padding: 15px 0;  }
.t_6 .f1{ color: #999; margin-top: 10px;}


/*
.i_hotpro{width: 1182px; margin: 50px auto;}
.pro_gd{width:100%; height:413px; margin:0 auto; overflow:hidden;}
.mr_frbox{height:407px;padding:24px 0px 0px;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:46px;margin:100px 10px 0 0;width:28px;}
.mr_frUl{float:left;height:202px;width:980px;margin-left:10px;}
.mr_frBtnR{float:right;margin-top:100px;cursor:pointer;width:28px;height:46px;}
.mr_frUl ul li{display:inline;float:left; width:210px; overflow:hidden; position:relative; margin: 0 5px; border: 1px solid #eee;}

*/

.i_hotpro{width: 100%; 
          /*margin: 50px auto;*/
          margin: 0 auto;
           background:#f0f0f0; 
          padding:50px 0;
}
.img_roll{bottom:20px; left:14px; width:100%;}
.img_roll .picScroll-left{ width:100%;  
                           width:1182px;
                           margin:0 auto;
                           overflow:hidden; 
                           position:relative; 
                           font-size:12px; }
.img_roll .picScroll-left a{ color:#666;}
.img_roll .picScroll-left .hd{ overflow:hidden;  height:66px; padding:0 10px; position:absolute; top:55px; width:99%;}
.img_roll .picScroll-left .hd .prev{ display:block;  width:16px; height:66px; float:left; overflow:hidden; cursor:pointer; background:url("../images/icon3_1.png") no-repeat;}
.img_roll .picScroll-left .hd .next{ display:block;  width:16px; height:66px; float:right; overflow:hidden; cursor:pointer; background:url("../images/icon3_2.png") no-repeat;}
.img_roll .picScroll-left .bd{ padding:5px 0 12px 55px;  margin-top:10px;}
.img_roll .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.img_roll .picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden;  margin:0 5px 0 7px; text-align:center; border: 1px solid #eee;  }
.img_roll .picScroll-left .bd ul li:hover{ border: 1px solid #ccc; }
.img_roll .proList{ margin: 1px; position: relative;width:202px; height:200px; }
.img_roll .proList h4{ font-weight:normal; background: #eeedf4; padding: 2px 0; margin-top: 5px; }
.img_roll .proList .tel{ position: absolute;left: 2px; bottom: 2px;}
.img_roll .proList .qq{ position: absolute;right: 2px; bottom: 2px;}



/* 正文部分 首页 产品直通车 */
.i_pro{ margin-top: 30px; background: #f0f0f0; height: 700px;}


/* 正文部分 首页 技术文章 */
.i_news{ height: 340px; width: 1182px; margin: 70px auto; }
.i_news  h3{ font:600 15px '微软雅黑',sans-serif; margin-bottom: 5px;}
.i_news  h3 a{ color: #cc0000; text-decoration: underline;}
.i_news p{ font-size: 12px; color: #666; }

.i_news .fq{ width: 360px; float: left;}
.i_news .hydt{ width: 370px; float:left; margin-left:40px;}
.i_news .ygsh{width: 360px; float: right; overflow:hidden;}



.i_news .more{
    position: absolute;
    right: 0px;
    top:10px;
    background:url(../images/icon_point.png) right center no-repeat;
    padding-right: 20px;
    font-size: 12px;
}

.i_news .fq .fq_item{
    height: 75px;
    background:url(../images/icon_fq.png) left top no-repeat;
    padding-left: 40px;
    margin-top: 20px;
}

.i_news .hydt .hydt_item{ margin-top: 20px; height:120px;}
.i_news .hydt .hydt_item .cn{float: right; width: 238px; height:110px; overflow:hidden; line-height: 20px;}
.i_news .hydt .hydt_item h3 a{ color: #333;}
.i_news .hydt .hydt_item p a{ color: #cc0000;}
.i_news .hydt .hydt_item img{ border:1px solid #eee; background:url(../images/hydt_item_bg.jpg) no-repeat; width:100px; height:85px;}
.i_news .hydt ul{ margin-top: 20px;}
.i_news .hydt ul li{
    background:url(../images/icon_li.png) left no-repeat;
    padding-left: 25px;
    width: 45%;
    float: left;
    margin: 3px 0;
}


.i_news .ygsh .ygsh_item{ margin-top: 20px; height:120px;}
.i_news .ygsh .ygsh_item .cn{float: right; width: 238px; height:110px; overflow:hidden; line-height: 20px;}
.i_news .ygsh .ygsh_item h3 a{ color: #333;}
.i_news .ygsh .ygsh_item p a{ color: #cc0000;}
.i_news .ygsh .ygsh_item img{ border:1px solid #eee; background:url(../images/hydt_item_bg.jpg) no-repeat; width:100px; height:85px;}
.i_news .ygsh ul{ margin-top: 20px;}
.i_news .ygsh ul li{
    background:url(../images/icon_li.png) left no-repeat;
    padding-left: 25px;
    width: 45%;
    float: left;
    margin: 3px 0;
}









/* 正文部分 首页 案例 */
.i_hzkh{ margin-top: 30px; background: #f0f0f0; height: 300px;}
.i_hzkh .t_1{}
/*.i_hzkh .t_1 p{background: #f0f0f0;}*/
.i_hzkh ul{ width: 1182px; margin: 20px auto;}
.i_hzkh ul li{ margin: 5px 15px; float: left;}
.i_hzkh ul li img{ border: 1px solid #ccc;}

/* 正文部分 首页 友情链接 */
.link{width: 1182px; margin: 40px auto; border: 1px solid #eee;  position: relative;}
.link .t_3{
    position: absolute;
    top: -10px;
    left: 40%;
    width: 140px;
    text-align: center;
    font:600 22px '微软雅黑',sans-serif;
    background: #fff;

}
.link ul{padding: 15px 20px;}
.link ul li{ margin: 15px 10px; float: left;}
.link ul li a{ color: #999;}


/* 正文部分 内页 */
/* 正文部分 内页 当前位置 */

.dqwz{ width: 100%; height: 31px; margin-top: 30px; position: relative; background:url(../images/line2.png) repeat-x;}
.dqwz .cn{width: 1182px; margin: 0 auto; }
.dqwz .cn p{ width: 80%; float: right; text-align: right; color: #999; }


/* 正文部分 内页 所有分类 */
.pro_list { margin-top: 40px;}
.pro_list li{ float: left; display:inline-block; text-align:center; border: 1px solid #eee; margin: 20px 36px 0 0; position: relative;  }
.pro_list li:hover{ border: 1px solid #ccc; }
.pro_list .pro_item{ margin: 1px; position: relative;width:202px; height:200px; }
.pro_list .pro_item i{position: absolute; top: 0;left: 0; z-index:99;}
.pro_list h4{ font-weight:normal; background: #eeedf4; padding: 2px 0; margin-top: 5px; }
.pro_list .pro_item .tel{ position: absolute;left: 2px; bottom: 2px; }
.pro_list .pro_item .qq{ position: absolute;right: 2px; bottom: 2px;}




.proList{width: 1182px; margin: 40px auto; }
.proList .pro_list  li:nth-child(5n){ float: right; margin-right: 0px;}
/*
.proList ul{ margin-top: 40px;}
.proList ul li{ display:inline-block; text-align:center; border: 1px solid #eee; margin: 10px 13px;  }
.proList ul li:hover{ border: 1px solid #ccc; }
.proList .pro_item{ margin: 1px; position: relative;width:202px; height:200px; }
.proList  h4{ font-weight:normal; background: #eeedf4; padding: 2px 0; margin-top: 5px; }
.proList .pro_item .tel{ position: absolute;left: 2px; bottom: 2px; }
.proList .pro_item .qq{ position: absolute;right: 2px; bottom: 2px;}
*/



/* 正文部分 内页 产品分类 */
.main_b{width: 1182px; margin: 40px auto; }
.main_b .l_b{ width: 222px;float: left;}
.main_b .r_b{ width: 900px; float: right;}
.l_menu{ background: #f2f2f2;}
.l_menu ul{}
.l_menu ul li{ border-bottom: 1px solid #e2e2e2; text-align: center;  line-height: 26px; font-size: 14px;}
.l_menu ul li:hover{ background: #e2e2e2;}
.l_menu ul li a{ color: #333;}
.l_menu ul li ul li{background: #f2f2f2; font-size: 12px; line-height: 22px; /*text-align: right;*/ padding-right: 4px; border-bottom: 1px solid #ccc;}
.l_menu ul li ul li a{ color: #666;}
.l_menu ul li ul li:hover{ background: #dbd9d9;}


.l_menu-1 {}
.l_menu-1 li{ border-bottom: 1px solid #e2e2e2; text-align: center;  line-height: 22px; font-size: 13px;}
.l_menu-1 li:hover{ background: #e2e2e2;}
.l_menu-1 li a{ color: #333;}



.l_QA{background: #f2f2f2;}
.l_QA .qa_item{ border-bottom: 1px dotted #ccc; margin: 20px 10px ; padding-bottom: 10px;}
.l_QA .qa_item i{background: #d3d7e0; font: 12px; padding: 2px 5px;  font-style: italic; }
.l_QA .qa_item h4{ font:600 13px '微软雅黑',sans-serif; margin: 10px 0;}
.l_QA .qa_item h4 a{ text-decoration: underline;}

.pro_type_des{ margin: 10px 0; color: #999;}
.pro_subclass{ margin: 10px 0;}
.pro_subclass li{ background: #f4f4f4; border: 1px solid #E1E1E1; height: 28px; line-height: 28px; width: 101px; float:left; margin: 4px 4px 0 0; text-align:center;}
.pro_subclass a{ display:block;}
.pro_subclass a:hover{ background: #DFDFDF;}

.pro_type_list{ margin-top: 20px;}
.main_b .r_b .pro_list  li{float: left; display:inline-block; text-align:center; border: 1px solid #eee; margin:0 25px 40px 0; }
.main_b .r_b .pro_list li:nth-child(4n){ margin-right: 0px; float: right;}

.rela_article{ margin: 60px auto; border: 1px solid #eee;  position: relative; height: 180px;}
.rela_article .t_3{left: 35%; /*width: 230px;*/ top: -15px; font:500 22px '微软雅黑',sans-serif;}
.rela_article ul{ margin: 40px 30px;}
.rela_article li{ width: 45%; float: left;  background:url(../images/icon_li.png) left no-repeat;
    padding-left: 25px;
    margin: 3px 0;}

.rela_product{margin: 60px auto; border: 1px solid #eee;  position: relative; height: 260px;}
.rela_product .t_3{left: 40%; width: 180px;  top: -15px; font:500 22px '微软雅黑',sans-serif;}
.rela_product .img_roll{ margin-top: 30px;}
.rela_product .img_roll .proList{ margin: 1px;  width:185px; height:185px; }
.rela_product .img_roll .proList i{position: absolute; top: 0;left: 0; z-index:99;}
.rela_product .img_roll .proList h4{ font-weight:normal; background: #eeedf4; padding: 2px 0; margin-top: 5px; }
.rela_product .img_roll .proList .tel{ position: absolute;left: 2px; bottom: 2px;}
.rela_product .img_roll .proList .qq{ position: absolute;right: 2px; bottom: 2px;}



.pro_overview{ height: 305px; position: relative;border-bottom:1px solid #ccc;}
.pro_overview .cn{ width: 40%; float: left;}
.pro_overview .cn img {width:100%; height:auto;    }
.pro_overview .pro_img{float: right; width: 55%; overflow: hidden;}
.pro_overview p{ margin: 20px 0; color: #666; line-height: 22px;}
.pro_overview i{ position: absolute; left:0 ; bottom: 0px; }
    
.pro_overview .cn .a1{ color: #cc0000; font-style: italic; margin-right: 2px; text-decoration: underline; }


.prev_g{ background: #eee; padding: 5px 0; position: relative; margin-top: 10px; height: 22px;}
.prev_g .prev{ position: absolute; left: 10px; top: 5px;}
.prev_g .next{ position: absolute; right: 10px; top: 5px;}
.prev_g a{ color: #666;}


.product_desc{
    clear:both;
    margin-top:30px;
    position:relative;
}
    .product_desc .more_video {
        position:absolute;
        right:0px;
        top:0px;
        background:#cc0000;
        border-radius:5px;
    }
        .product_desc .more_video a {
            color:#fff;
                font-size:20px;
               padding: 0px 25px;
            line-height:40px;
        }

    .product_desc table { 
       width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #ddd;
        }

.product_desc  table td,.product_desc  table th{ border: 1px solid #ddd;padding: 8px;}
.product_desc  table th{ background:#f3f2f2; text-align:center;}
.product_desc .pro_xn img{ }
.product_desc .pro_xn{ text-align:center;}

.product_desc .pro_js ul,.product_desc .pro_js ol,.product_desc .pro_fw ul,.product_desc .pro_fw ol,.product_desc .pro_tu ul,.product_desc .pro_tu ol {padding-left:15px; margin-bottom:10px; }

.product_desc p{margin-bottom:10px;}
.product_desc  h4{ font-size:16px;  color:#666; line-height:25px;}
.product_desc  li{ list-style:decimal; /*padding-left:15px; margin-bottom:5px;*/ padding-bottom:2px;}
/*.product_desc .pro_fw{ padding-left:40px;}*/


.product_desc .pro_tu img{ width:100%;}



.resp-tabs-list li {
    font:16px '微软雅黑',sans-serif;
    color:#333;
    text-transform: uppercase;
    display: inline-block;
    padding: 13px 15px;
    margin-top: 20px;
    list-style: none;
    cursor: pointer;
    float: left;
    background: #EDEDED;
    margin-right: 5px;
    border-radius: 2px 2px 0 0;
}
.resp-tabs-list li:hover {
    color: #E4292F;
}
.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
    color: #666;
    line-height: 20px;
}
.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}
.resp-tab-content {
    display: none;
    padding: 15px;
}
.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 12px 14px 14px 14px !important;
}
.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}
.resp-content-active, .resp-accordion-active {
    display: block;
}
.resp-tab-content {
    border: 1px solid #c1c1c1;
    color:#999;
    line-height:22px;
    font-size:12px;
}
h2.resp-accordion {
    font-size:1em;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
    background:#E0E0E0;
    margin:10px 0;
}
h2.resp-accordion:hover{
    color: #E4292F;
}
h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

/* 正文部分 内页 其它内页 */
.other_p,.news,.news_d,.case{ margin-top: 30px; color: #666; line-height: 22px;}
.other_p p,.news p,.news_d p,.case p{ margin:10px 0;}

.other_p h4{ font-size:16px; line-height:25px; }
.other_p ol,.other_p ul,.news_d ul,.news_d ol{margin-bottom:10px; padding-left:15px;}
.other_p li,.news_d li{ list-style:disc; margin-bottom:5px;}

/*.case{ height: 270px; padding-left:0px!important;}*/
/*.case li{ float:left; width: 125px; height: 110px; margin: 10px 45px 0 0; text-align:center; list-style:none;}
.case li img{ display:block; margin-bottom: 7px;}
.case_l{ padding-top: 10px; padding-left:0px!important;}
.case_l li {float: left; width: 49%; height: 25px; line-height: 25px; background: #eee; border: 1px solid #fff; text-indent: 15px; list-style:none;}*/


.case  h2{ font-weight: normal; clear: both; margin-top: 2rem;}
.case .pic{ height:220px;}
.case .pic li{  float:left; width: 125px; height: 110px; margin: 10px 45px 0 0; text-align:center; list-style:none;}
.case .pic li img{ display:block; margin-bottom: 7px;}

.case_l{ padding-top: 10px;}
.case_l li {float: left; width: 49%; height: 25px; line-height: 25px; background: #eee; border: 1px solid #fff; text-indent: 15px;}







/* 正文部分 内页 瀑布流效果 */
.article {
    display: block;
    margin: 0 0 30px 0;
    padding: 12px;
    background: #f2f2f2;
    border-radius: 3px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    transition: all 220ms;
}
.article:hover {
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
    transition: all 220ms;
}
.article > img {
    display: block;
    width: 100%;
    margin: 0 0 24px 0;
}

.article > a > img {
    display: block;
    width: 100%;
    margin: 0 0 24px 0;
}

.article h2 {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 12px 0;
}

.article h3{font-size: 13px; font-weight: bold; border-bottom: 1px solid #ccc;}
.article p{ font-size: 12px; line-height: normal; color: #666; }

.wall {
    display: block;
    position: relative;
}
.wall-column {
    display: block;
    position: relative;
    /*width: 33.333333%;*/
    width: 33%;
    float: left;
    padding: 0 12px;
    box-sizing: border-box;
}
@media (max-width: 640px) {
    .wall-column {
        width: 50%;
    }
}
@media (max-width: 480px) {
    .wall-column {
        width: auto;
        float: none;
    }
}


/* slid_Box css */
.slide_Box{ width:100%; height:305px; overflow:hidden; position:relative; background: #dfdfdf;}
						.slide_Box .hd{ height:15px; overflow:hidden; position:absolute; left: 50%; bottom:16px; transform: translateX(-50%); z-index:1; }
						.slide_Box .hd ul{ overflow:hidden; zoom:1; float:left; list-style:none; }
						.slide_Box .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px; line-height:14px; text-align:center;border-radius: 100%; background:#acabab; cursor:pointer; }
						.slide_Box .hd ul li.on{ background:#666; color:#fff; }
						.slide_Box .bd{ position:relative; height:100%; z-index:0;   }
						.slide_Box .bd li{ zoom:1; vertical-align:middle; }
						.slide_Box .bd img{ width:100%; height:auto; display:block;  }
						.slide_Box .bd li video{width:100%;/*height:248px;*/cursor: pointer;}
						.slide_Box .bd li.veo{position:relative;}
						.slide_Box .bd li .poster{position:absolute;left:0;top:0;z-index:2;width:100%;height:248px;background:url(../images/icon_video.png) no-repeat center center; cursor: pointer;}


						/* 下面是前/后按钮代码 */
						.slide_Box .prev,
						.slide_Box .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
						.slide_Box .next{ left:auto; right:3%; background-position:8px 5px; }
						.slide_Box .prev:hover,
						.slide_Box .next:hover{ filter:alpha(opacity=100);opacity:1;  }
						.slide_Box .prevStop{ display:none;}
						.slide_Box .nextStop{ display:none;}




.video {
    margin:40px auto;
    padding:0 40px;
    max-width:1200px;

}
.video .wall-column { width: 33%;}

.news{}
.news .wall-column { width: 49%;}
.news h3,.video h3{ text-align: center; font-size: 16px; line-height: 28px;}
.news ul, .video ul{ margin-top: 15px; padding-left:20px;}
.news li, .video li{list-style: disc outside; margin-bottom: 5px; }

.news_d{ margin-bottom: 30px;}






.footer{ background:url(../images/ft_bg.png) repeat-x bottom; 
         /*margin-top: 40px;*/ 
         margin-top: 0px; 
         height: 250px; 
         color: #ccc; }
.footer a{color: #ccc;}
.footer h3{font:500 22px '微软雅黑',sans-serif; margin-bottom: 15px; }
.footer .ft1,.footer .ft2{width: 1182px; margin: 0 auto;  }
.footer .ft1{padding-top: 20px; height: 200px;}
.footer .ft1 p{ line-height: 22px;}
.footer .ft1 .cn1{ width: 500px; float: left; margin-right: 80px;}
.footer .ft1 .cn2{width: 250px; float: left;}
.footer .ft1 .cn3{ float: right;}
.footer .ft1 .cn2 ul{}
.footer .ft1 .cn2 ul li{
    background:url(../images/icon_li2.png) left no-repeat;
    padding-left: 20px;
    margin: 2px 0;
    float: left;
    width: 30%;
}


.footer .ft2{}
.footer .ft2 .p_l{ float: left; width: 50%;}
.footer .ft2 .p_r{ float: right; width: 50%; text-align: right;}



.QQbox {z-index: 9999; right: 0px; width: 150px; /*height:445px;*/position:fixed; _position: absolute; top:120px; right:0px;  background:url(../images/qq.png) no-repeat #cc0000;}
.close{width:20px; height:20px; margin-left:128px; cursor:pointer;}
.qq_list{margin-top:30px;}
.qq_list .qq_li{width:129px; height:28px; line-height:28px; background:url(../images/qq_li.jpg) no-repeat; margin:auto;margin-top:3px; }
.qq_list .qq_li a{display:block; text-indent:40px; font-weight:bold; }
.qq_bb{background:url(../images/qqkf.png) no-repeat center; height:220px;}




/**QQ % TOP**/
.izl-rmenu {
    /*width: 60px;
    height: 243px;*/
    position: fixed;
    right: 0;
    top: 17.4%;
    z-index:9999;
    text-align: center;
    }

.izl-rmenu ul{
    list-style: none;
}



.izl-rmenu .icon_kf {width: 60px; height: 80px; padding:5px 0; border-bottom: #fff solid 1px; background: rgba(239,239,239,1); border-radius: 5px 0 0 0; color: #333;}
.izl-rmenu .icon_kf1 {width: 60px; height: 80px; padding:5px 0; border-bottom: #fff solid 1px; background: rgba(239,239,239,1); color: #333;}
.izl-rmenu .icon_tb {width: 60px; height: 80px; padding:5px 0; border-bottom: #fff solid 1px; background: rgba(239,239,239,1); color: #333;}
.izl-rmenu .icon_wx {width: 60px; height: 80px; padding:5px 0; border-bottom: #fff solid 1px; background: rgba(239,239,239,1); color: #333;}
.izl-rmenu .icon_up {width: 60px; height: 80px; padding:5px 0; background: rgba(239,239,239,1); border-radius: 0 0 0 5px; color: #333;}
.izl-rmenu a {color: #333; font-size: 12px;}
.izl-rmenu img {padding: 5px 10px; float: left}
.izl-rmenu span {display: block; width: 100%; float: left}

.izl-rmenu .icon_kf:hover { background: rgba(240,240,240,1);-webkit-transition: all .6s ease; transition: all .6s ease;}
.izl-rmenu .icon_tb:hover { background: rgba(240,240,240,1);-webkit-transition: all .6s ease; transition: all .6s ease;}
.izl-rmenu .icon_wx:hover { background: rgba(240,240,240,1);-webkit-transition: all .6s ease; transition: all .6s ease;}
.izl-rmenu .icon_up:hover { background: rgba(240,240,240,1);-webkit-transition: all .6s ease; transition: all .6s ease;}

.izl-rmenu .icon_wx .cyewm {padding: 0; width: 120px; height: 120px; position: absolute; left: -120px; display: none; z-index: 99}
.izl-rmenu .icon_wx:hover .cyewm {opacity: 1 !important; display: block;}

.izl-rmenu .icon_kf p,.izl-rmenu .icon_kf1 p {
    padding: 0;
    width: 110px;
    height: 100px;
    position: absolute;
    left: -110px;
    display: none;
    z-index: 99;
    background: rgba(239,239,239,1);
    line-height: 60px;
    border-radius: 10px 0 0 10px;}
.izl-rmenu .icon_kf .qq,.izl-rmenu .icon_kf1 .qq {padding: 18px 0 0 5px; width: 30px; height: auto;}
.izl-rmenu .icon_kf:hover p,.izl-rmenu .icon_kf1:hover p {opacity: 1 !important; display: block;}


@media (max-width: 767px){
    .izl-rmenu{
        display: none;
    }
}

/**视频**/

.videolist{
  width:100%;
  /*height:388px;*/
  /*position:relative;*/
  /*display:none;*/
  background:#000;
  /*margin-bottom: 2em;*/
  /*padding-bottom: .5em;*/
  border: 1px solid #fff;
  /*margin:2rem 0;*/
  position:relative;
}


.videolist video{
  width:100%;
  cursor:pointer;
  /*height:100%;*/
  /*display:none*/
}

.videolist .poster{position:absolute;
                   left:0;top:0;
                   z-index:2;
                   width:100%;
                   height:448px;
                   background:url(../images/icon_video1.png) no-repeat center center; 
                   cursor: pointer;}



.playbtn {
  width: 121px;
  height: 121px;
  background-image: url(../images/icon_video.png) !important;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.videolist img{width:100%;height:100%;position:absolute;left:0;top:0}
.videolist .btn{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.title2{display:block;margin-bottom:30px}
/*.q_btns{width:100%;height:auto;display:flex;align-items:center;justify-content:space-between}*/
.btns li{position:relative;display:flex;align-items:center;justify-content:center;font-size:28px;color:#9fa0a0;line-height:30px;text-align:center}
.btns li a{position:absolute}
.videopage{width:100%;height:100vh;padding:0px 15px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.q_videopage .q_title3{position:absolute;left:50px;top:60px}.q_videopage .q_title4{margin-bottom:60px}.q_videopage .q_video{width:717px;height:414px;background-image:url("../images/q_bg2.png") !important;background-position:center center;background-repeat:no-repeat;padding:10px;box-sizing:border-box;margin-bottom:60px}.q_videopage .q_video .video{width:100%;height:100%;position:relative}.q_videopage .q_video video{width:100%;height:100%;display:none}.q_videopage .q_video img{width:100%;height:100%;position:absolute;left:0;top:0}.q_videopage .q_video .btn{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.q_posterbox{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.q_posterbox .q_poster{width:650px;height:1111px;background-image:url("../images/q_bg3.png") !important;background-position:center center;background-repeat:no-repeat;padding:12px;box-sizing:border-box;margin-bottom:30px}