/*head*/
.head_top {background:#fff; height:45px;line-height:45px; overflow:hidden; font-size:14px; border-bottom:1px #eee solid;display:none;position:relative;width:100%;}
.head_top  span{ padding:0 6px;}
.top_left{ float:left; margin-left:24px}
.top_left .ss{  }
.top_right{ float:right; margin-right:24px;}
.top_right .lan1{ display:inline-block; text-indent:1.5em;  background: url(../images/cn.jpg) no-repeat 12px center; text-transform:uppercase; padding:0 12px}
.top_right .lan2{ margin-left:1px; display:inline-block; text-indent:1.5em; background:url(../images/en.jpg) no-repeat 12px center; text-transform:uppercase;padding:0 12px}

.product_top .product_top_l .vsp{box-sizing:border-box;}
.video_b_in{position:relative;overflow:hidden;}
.video_rs{position:relative;}
.one_tb_r1{right:0 !important;}
.sp_bt1{right:133px !important;background-position:center right !important;}
.btb1{right:108px !important;}
.one_tb_c{position:relative;}
/*导航*/
.navOuter{background:#fff; padding:5px 0px;position:fixed;width:100%;z-index: 1000; overflow:hidden}
.navOuter .nav_item { float:right; margin-top:20px; margin-right:24px;}
.navOuter .nav_item li{float: left;line-height:60px; position:relative}
.navOuter .nav_item li a{display: inline-block;font-size:18px;text-transform:capitalize; font-weight:bold}
.navOuter .nav_item li a:hover{text-decoration:none;}
.navOuter .nav_item  li.li { display:inline-block; text-align:center; cursor:pointer; position:relative; width:36px;}
.topnav{display:none;}

.logo{overflow: hidden; margin-left:24px;}
.logo h1{display: table-cell;vertical-align: middle;}
.logo h1 img{max-width: 100%;max-height:100%;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}

.navOuter .menu{position: absolute;right: 12px;top: -0px;height: 60px;}
.navOuter .menu img{height:60px;}
.m-menu-layer {
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 123;
    color: #777;
    background: rgba(255,255,255,0.85);
    display: none;
    text-align: center;
}
.m-menu-layer ul{ margin-top:20px; overflow:hidden; margin-bottom:25px}
.m-menu-layer li{ font-size:14px;text-align:center; float:left; text-align:center}
.m-menu-layer li a{margin:6px 12px; color:#333; border:1px #777 solid;border-radius:30px; display:inline-block;padding:6px 24px}
.m-menu-layer .lan {padding:9px; text-align:center;color:#333;  display:inline-block;}

/*footer*/


/*************************** footer start ***************************/

#footer{padding:24px ; background:#000; border-top:1px #eee solid}
#footer .nav{text-align:center; color:#ccc;}
#footer .nav a{margin:0 10px; color:#ccc; text-transform:capitalize; font-size:14px; font-weight:bold}
#footer .t{text-align:center; padding-top:12px; color:#ccc;}
#footer .t a{color:#ccc;}

/*分页*/
.pagenum { text-align:center; margin:12px 24px 48px; }
.pagenum a {color: #fff;margin: 0 2px;padding: 10px 16px;background: #404040;x -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  }
.pagenum a:hover {color: #fff !important;padding: 10px 16px;background-color: #fdbf18;x-moz-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px;}
.pagenum .current {color: #fff !important;padding: 10px 16px;background-color: #fdbf18; -moz-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px;}
.pagenum .firstPage,.pagenum .nextPage,.pagenum .prePage,.pagenum .lastPage {background-color: #404040;  color: #fff; padding:10px 16px;-moz-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px; display:none}





.page_station{ text-transform:capitalize;overflow:hidden; margin:0px  auto; background:#fff url(../images/border.gif) repeat-x center bottom;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.page_station .t{ float:left;color:#201004; text-transform:capitalize; font-weight:bold; overflow:hidden; margin-left:24px;}

.station{ overflow:hidden; margin-right:24px;}
.station a{ display:inline-block; padding:0 6px ;}


.Categories{ margin-top:24px;  text-transform:capitalize; overflow:hidden; position:relative;  }
.Categories span{float:left;padding:9px 18px; background:#ff6600; color:#fff;margin-left:24px}
.Categories ul{ float:left; overflow:hidden}
.Categories li{float:left; display:inline; margin-left:6px;}
.Categories li a{ background:#eee;padding:9px 18px; display:inline-block}
.Categories li a.on,.Categories li a:hover{ background:#fcd000; }

.selectCategories{ position:absolute; left:120px; padding:8px 18px; border:none; background:#eee; display:none; right:12px; }
.sp_t,.sp_b{background:#000;cursor:pointer;position:relative;z-index:11;}
.sp_t img,.sp_b img{width:20px;height:11px;position:absolute;top:50%;margin-top:-10px;z-index:11;}

.product_txt{overflow: auto;overflow-x:hidden;}

@media screen and (max-width: 679px) {	
.main{ width:100%}
.page_station{line-height:36px;font-size: 16px;}
.warp_cn{ margin-bottom:9px;font-size:16px; height:30px; line-height:30px; padding-bottom:9px; }

.Categories{ margin-top:12px;}
.Categories span{margin-left:12px}
.Categories ul{ display:none}
.selectCategories{margin-right:12px; display:inline-block}

/*介绍适配*/
.product_top { height:auto; margin:6px 6px 0; }
.product_top .product_top_l { float:none; width:100%;}
.product_top .product_top_l .m12{ margin:6px;  padding:24px; height:auto;}
.product_txt{font-size:12px; line-height:20px;}
.product_txt pre{font-size:12px; line-height:20px;}
.product_bt{ font-size:18px;  margin-bottom:6px;}
.product_top_r{width:100%;}

/*产品列表适配*/
.product_list ul{ padding:0 9px 9px;overflow:hidden}
.product_list li{ float:left; overflow:hidden; width:50%}
.product_list li .sbg{ margin:3px;}
.product_list li h2{  height:25px;line-height:25px;}


/*案例列表适配*/
.case_list ul{ margin:0 9px 9px;}
.case_list li{  width:50%;}
.case_list li a{margin:3px; }
.case_list li .name{ height:25px;line-height:25px; }
.case_list li .hd{padding:6px}



/*新闻列表适配*/
.news_list ul{ padding:6px;overflow:hidden}
.news_list li { float:left;width:100%; overflow:hidden;}
.news_list li .cont{padding:12px;margin:6px;  height:130px;}
.news_list li .cont .date { font-size: 14px; font-family: "Base-font"; line-height: 30px; color: #999;}
.news_list li .cont .name { line-height:30px; margin-top: 6px; font-size:14px; overflow:hidden; height:30px}
.news_list li .cont .font {margin-top:6px;line-height:25px;height:50px; overflow:hidden}

.news_list li.li1,.news_list li.li2,.news_list li.li3,.news_list li.li4 {width:100%; overflow:hidden}
.news_list li .cont1{padding:12px;margin:6px;  height:130px;}
.news_list li .cont1 .date { font-size: 14px;}
.news_list li .cont1 .name {  margin-top: 6px; font-size:14px; }
.news_list li .cont1 .font { margin-top:6px;line-height:25px;  height:50px; overflow:hidden;}


/*介绍*/
.sj{ margin:0px 9px 0}
.sj li{float: left;width:100%;text-align:center; }
.sj li .sjbg{ margin:3px ; padding:12px 6px;}
.sj li .num{ font-size:24px;}
.sj li .num span{font-size:36px;}
.sj li .txt{font-size: 14px;margin-top:3px }




/*上一页下一页适配*/	
.productPage {  margin: 12px;height:44px; line-height:44px;}
.productPage a i {height:44px; }




 
}

@media screen and (min-width:680px) and (max-width: 1079px) {
.main{ width:100%}
.page_station{line-height:36px;font-size: 16px;}
.warp_cn{ margin-bottom:9px;font-size:18px; height:35px; line-height:35px; padding-bottom:9px; }

.Categories{ margin-top:12px;}
.Categories span{margin-left:12px}
.Categories ul{ display:none}
.selectCategories{margin-right:12px; display:inline-block}

/*介绍适配*/
.product_top { height:auto; margin:6px 6px 0; }
.product_top .product_top_l { float:none; width:100%;}
.product_top .product_top_l .m12{ margin:6px;  padding:24px; height:auto;}
.product_txt{font-size:12px; line-height:20px;}
.product_txt pre{font-size:12px; line-height:20px;}
.product_bt{ font-size:18px;  margin-bottom:6px;}



/*产品列表适配*/
.product_list ul{ padding:0 9px 9px;overflow:hidden}
.product_list li{ float:left; overflow:hidden; width:33.3333%}
.product_list li .sbg{ margin:3px;}
.product_list li h2{  height:25px;line-height:25px;}


/*案例列表适配*/
.case_list ul{ margin:0 9px 9px;}
.case_list li{  width:33.33%;}
.case_list li a{margin:3px; }
.case_list li .name{ height:25px;line-height:25px; }
.case_list li .hd{padding:6px}





/*新闻列表适配*/
.news_list ul{ padding:6px;overflow:hidden}
.news_list li { float:left;width:100%; overflow:hidden;}
.news_list li .cont{padding:12px;margin:6px;  height:130px;}
.news_list li .cont .date { font-size: 14px; font-family: "Base-font"; line-height: 30px; color: #999;}
.news_list li .cont .name { line-height:30px; margin-top: 6px; font-size:14px; overflow:hidden; height:30px}
.news_list li .cont .font {margin-top:6px;line-height:25px;height:50px; overflow:hidden}

.news_list li.li1,.news_list li.li2,.news_list li.li3,.news_list li.li4 {width:100%; overflow:hidden}
.news_list li .cont1{padding:12px;margin:6px;  height:130px;}
.news_list li .cont1 .date { font-size: 14px;}
.news_list li .cont1 .name {  margin-top: 6px; font-size:14px; }
.news_list li .cont1 .font { margin-top:6px;line-height:25px;  height:50px; overflow:hidden;}


/*介绍*/
.sj{ margin:0px 6px 0}
.sj li{float: left;width:50%;text-align:center; }
.sj li .sjbg{ margin:6px ; padding:12px 6px;}
.sj li .num{ font-size:24px;}
.sj li .num span{font-size:36px;}
.sj li .txt{font-size: 12px;margin-top:6px }




/*上一页下一页适配*/	
.productPage {  margin: 12px;height:44px; line-height:44px;}
.productPage a i {height:44px; }



.down{  padding:12px;overflow:hidden}
}
@media screen and (max-width:559px) {
.product_top_r{ display:block;width:100%;}
.video_ls{width:100%;}
.video_rs{position:relative;width:100%;}
.one_tb{height:100%;width:33.33%;box-sizing:border-box;display: inline-block;border-left:1px solid #252525;padding:10px 0;}
.one_tb:first-child{border-left:none;}
.one_tb_l{display:none;}
.one_tb_r{float:none;}
.one_tb_r h3{display:block;text-align:center;}
.controls,.sp_bt,.btb,.video_rs_t{display:none;}
.one_tb_c{width:60%;margin:0 auto;float:none;}

.video_rs_b{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;margin:0 auto;}
.video_rs_b::-webkit-scrollbar {/*滚动条整体样式*/
        width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 5px;
    }
.video_rs_b::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
        background: #000;
    }
.video_rs_b::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #777;
    }
.sp_t{height:100%;width:20px;position:absolute;left:0;top:0;}
.sp_t img,.sp_b img{transform:rotate(-90deg);top:50%;margin-top:-10px;}
.sp_b{height:100%;width:20px;position:absolute;right:0;top:0;}
}
@media screen and (min-width:560px) {
.video_rs_b{overflow-x:hidden;overflow-y:scroll;}
.video_rs_b::-webkit-scrollbar {/*滚动条整体样式*/
        width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.video_rs_b::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
        background: #000;
    }
.video_rs_b::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #777;
    }
.sp_t,.sp_b{height:20px;width:100%;position:relative;}
.sp_t img,.sp_b img{transform:rotate(0deg);left:50%;margin-left:-10px;padding-top:4.5px;}

.product_top_r{ display:block;width:100%;}
.video_rs_t{display:block}
.video_ls{width:100%;}
.video_rs{position:absolute;right:-133px;top:0;width:133px;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;z-index:9;}
.one_tb{height:96px;width:100%;border-bottom:1px solid #252525;}
.one_tb_l{height:96px;display:block;}
.one_tb_r{float:left;max-width:100px;}

.controls{display:none;}
.one_tb_c{width:88px;height:44px;margin-top:10px;float:left;}
.sp_bt{-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;display:block;position:absolute;top:50%;margin-top:-25px;right:0;z-index:10;cursor:pointer;background:url(../images/fx.png);width:25px;height:50px;background-position:center left;}
.btb{display:block;width:50px;height:50px;position:absolute;right:-25px;top:50%;margin-top:-25px;z-index:5;background:#1a1a1a;border-radius:25px;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
}

@media screen and (min-width:730px) {
.video_ls{width:100%;}
.one_tb{height:96px;}
.one_tb_l{height:96px;}

.controls{display:block;}
.product_top_r{width:100%;}
}
@media screen and (min-width:830px) {


.controls{display:block;}
.product_top_r{width:100%;}
}
@media screen and (min-width:1080px) {
.main{ width:100%}
.warp_cn{ margin-bottom:18px;font-size:24px; height:40px; line-height:40px; padding-bottom:18px; }
.Categories{ margin-top:24px;}
.Categories span{margin-left:24px}
.Categories ul{ display:inline-block}
.selectCategories{margin-right:24px; display:none}


.page_station{line-height:45px;font-size: 18px;}
/*介绍适配*/

.product_top { height:auto; margin:18px 18px 0; }
.product_top .product_top_l { float:left; width:50%;}
.product_top .product_top_l .m12{ margin:6px; padding:24px;overflow:hidden}
.product_bt{ font-size:24px;  margin-bottom:12px;}
.product_txt{font-size:14px; line-height:25px;}
.product_txt pre{font-size:14px; line-height:25px;}
.product_top_r{ display:inline;width:50%;}




/*产品列表适配*/
.product_list ul{ padding:0 18px 18px;overflow:hidden}
.product_list li{ float:left; overflow:hidden; width:33.3333%}
.product_list li .sbg{ margin:6px;}
.product_list li h2{  height:30px;line-height:30px;}


/*案例列表适配*/
.case_list ul{ margin:0 18px 18px;}
.case_list li{  width:33.33333%;}
.case_list li a{margin:6px; }
.case_list li .name{ height:30px;line-height:30px; }
.case_list li .hd{padding:12px}



/*新闻列表适配*/
.news_list ul{ padding:6px;overflow:hidden}
.news_list li { float:left;width:50%; overflow:hidden;}
.news_list li .cont{padding:12px;margin:6px;  height:130px;}
.news_list li .cont .date { font-size: 14px; font-family: "Base-font"; line-height: 30px; color: #999;}
.news_list li .cont .name { line-height:30px; margin-top: 6px; font-size:14px; overflow:hidden; height:30px}
.news_list li .cont .font {margin-top:6px;line-height:25px;height:50px; overflow:hidden}

.news_list li.li1,.news_list li.li2,.news_list li.li3,.news_list li.li4 {width:50%; overflow:hidden}
.news_list li .cont1{padding:12px;margin:6px;  height:130px;}
.news_list li .cont1 .date { font-size: 14px;}
.news_list li .cont1 .name {  margin-top: 6px; font-size:14px; }
.news_list li .cont1 .font { margin-top:6px;line-height:25px;  height:50px; overflow:hidden;}




/*介绍*/
.sj{ margin:0px 18px 0}
.sj li{float: left;width:20%;text-align:center; }
.sj li .sjbg{ margin:6px ; padding:12px 6px;}
.sj li .num{ font-size:24px;}
.sj li .num span{font-size:36px;}
.sj li .txt{font-size: 12px;margin-top:6px }




}
@media screen and (max-width:1200px) {
.navOuter{top:0;}

.navOuter{height:60px;}
.navOuter .menu{display:block;}
.head_top{display:none;}
.logo h1 img{height:60px;}


}

@media screen and (min-width:1200px) {
.main{ width:95%}
.video_ls{width:100%;}

.navOuter{top:0;position:fixed}
.banner{margin-top:70px;}
.banners{margin-top:70px;}
.main{ width:95%}
.logo h1 img{height:60px;}
.warp_cn{ margin-bottom:18px;font-size:24px; height:40px; line-height:40px; padding-bottom:18px; }
/*导航栏*/
.navOuter{height:60px;}
.navOuter .menu{display:block;}
.head_top{display:none;}
/*介绍适配*/
.product_top { height:auto; margin:18px 18px 0; }
.product_top .product_top_l { float:left; width:50%;}
.product_top .product_top_l .m12{ margin:6px; padding:24px; height:306px; overflow:hidden}
.product_bt{ font-size:24px;  margin-bottom:12px;}
.product_txt{font-size:14px; line-height:25px;}
.product_txt pre{font-size:14px; line-height:25px;}
.product_top_r{ display:inline;width:50%;}

/*产品列表适配*/
.product_list ul{ padding:0 18px 18px;overflow:hidden}
.product_list li{  width:25%}
.product_list li .sbg{ margin:6px;}
.product_list li h2{  height:40px;line-height:40px;}


/*案例列表适配*/
.case_list ul{ margin:0 18px 18px;}
.case_list li{  width:25%;}
.case_list li a{margin:6px; }
.case_list li .name{ height:40px;line-height:40px; }
.case_list li .hd{padding:12px}


/*新闻列表适配*/
.news_list ul{ padding:12px;overflow:hidden}
.news_list li { float:left;width:50%; overflow:hidden;}
.news_list li .cont{padding:24px;margin:12px;  height:130px;}
.news_list li .cont .date { font-size: 16px; font-family: "Base-font"; line-height: 30px; color: #999;}
.news_list li .cont .name { line-height:30px; margin-top: 6px; font-size:14px; overflow:hidden; height:30px}
.news_list li .cont .font {margin-top:6px;line-height:25px;height:50px; overflow:hidden}

.news_list li.li1,.news_list li.li2,.news_list li.li3,.news_list li.li4 {width:25%; overflow:hidden}
.news_list li .cont1{padding:24px;margin:12px;  height:180px;}
.news_list li .cont1 .date { font-size: 16px;}
.news_list li .cont1 .name {  margin-top:12px; font-size:14px; }
.news_list li .cont1 .font { margin-top:12px;line-height:25px;  height:100px; overflow:hidden;}


/*介绍*/
.sj{ margin:0px 18px 0}
.sj li{float: left;width:20%;text-align:center; }
.sj li .sjbg{ margin:6px ; padding:24px 12px;}
.sj li .num{ font-size:36px;}
.sj li .num span{font-size:48px;}
.sj li .txt{font-size: 16px;margin-top:12px }



}
@media screen and (min-width:1400px) {

.navOuter{position:relative;}
.banner{margin-top:0px;}
.banners{margin-top:0px;}
.main{ width:1400px}
.navOuter .menu{display:none;}
.topnav{display:block;}
.head_top{display:block;}
.navOuter{height:auto;}
.logo h1 img{height:100px;}
.page_station{line-height:65px;font-size: 24px;}

.video_ls{width:80%;}
.video_rs{width:20%;right:0;}
.product_top_r{ display:inline;width:50%;}
.sp_bt{display:none;}
.btb{display:none;}
}