/*banner效果*/
.banner { position:relative; width:100%; height:676px; min-width:1100px; margin-top:2px;}
.banner_list{ position:absolute; left:50%; margin-left:-960px; top:0; width:1920px; height:676px;}
.banner_list li { height:676px; position:absolute; width:1920px; display:none }
.banner_list li img{ width:1920px; height:676px;}
.banner_list { height:676px; overflow:hidden }
/*.banner_owd{ position:absolute; left:0; bottom:0; width:100%; height:56px;}
.banner_btn { width:100%; height:24px; text-align:center;}
.banner_btn a { display:inline-block; background:url(../images/banner_ac.png) no-repeat; width:12px; height:12px; margin-right:12px;}
.banner_btn a:hover, .banner_btn a.on { background:url(../images/banner_ho.png) no-repeat;}*/
/*banner-bd*/
.banner_btn_o{ position:absolute; left:50%; margin-left:-550px; z-index:100; top:0; width:1100px;}
.banner_move{ display:block; position:absolute; top:230px; z-index:600; width:48px; height:48px;}
.banner_prev{ background:url(../images/banner_lac.png) no-repeat; left:-80px;}
.banner_next{ background:url(../images/banner_rac.png) no-repeat; right:-80px;}
.banner_prev:hover{ background:url(../images/banner_lho.png) no-repeat;}
.banner_next:hover{ background:url(../images/banner_rho.png) no-repeat;}

/*warp*/
#warp{ width:100%; height:auto; min-width:1100px; overflow:hidden;}
.warp_floor{ clear:both;}
.top{ width:100%; height:73px; padding-top:57px; text-align:center; border-bottom:1px solid #ccc;}
.top_title{ height:72px; line-height:72px; background:url(../images/top_line.jpg) no-repeat bottom; padding-bottom:3px;}
.top_title{ color:#000; font-size:30px; font-weight:bold;}
.top_title .top_last{ color:#0093dd;}
.top_more{ padding-top:4px;}

/*product*/
.product{ height:425px; padding-top:68px;}
.pro_move{ position:relative; width:1100px; height:400px;}
.pro_Mlist{ position:absolute; top:0; left:0; width:1131px; height:400px; overflow:hidden;}
.pro_Mlist ul{ position:absolute; top:0; left:0; width:200000px; height:400px;}
.pro_Mlist li{ float:left; width:242px; height:400px; margin-right:35px; display:inline;}
.pro_Mlist li a,.pro_Mlist li span,.pro_Mlist li img{ display:block; cursor:pointer;}
.pro_Mlist li a{ width:324px; height:382px; background-color:#FFF; padding:8px; border:1px solid #f8f8f8;}
.pro_Mbox{ width:242px; height:344px; padding:19px; background-color:#f8f8f8;}
.pro_Mbox img{ width:230px; height:198px; margin-bottom:26px; border:1px solid #FFF;}
.pro_Mtitle{ font-size:16px; height:48px; overflow:hidden; background:url(../images/product_line.jpg) no-repeat bottom; padding-bottom:14px; margin-bottom:26px; text-align:center;}
.pro_Mlist li span.pro_Mmore{ display:none; color:#0093ddl; width:125px; height:26px; line-height:26px; margin:0 auto; text-align:center; border:1px solid #0093dd;}
/*.pro_Mlist li a:hover{ border:1px solid #0093dd;}*/
.pro_Mlist li a:hover span.pro_Mmore{ display:block;}
.abtn{ display:block; position:absolute; top:156px; z-index:200; width:14px; height:28px;}
.aleft{ background:url(../images/pro_mlac.png) no-repeat; left:-40px;}
.aright{ background:url(../images/pro_mrac.png) no-repeat; right:-40px;}
.aleft:hover{ background:url(../images/pro_mlho.png) no-repeat;}
.aright:hover{ background:url(../images/pro_mrho.png) no-repeat;}

/*news*/
#warp_floor2{ background-color:#e4f5fd;}
.news{ height:456px; padding-top:68px;}
.news_l{ width:478px;}
.news_R{ width:538px;}
.news_hotImg{ width:478px; height:266px;}
.news_hotTitle{ height:24px; margin:12px 0 6px;}
.news_hotTitle a{ display:inline-block; float:left; color:#0093dd; font-size:18px; font-weight:bold; width:340px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.news_hotTitle span{ float:right; color:#868686; font-size:14px;}
.news_hotIntro{ height:48px; overflow:hidden;}
.news_R li{ clear:both; width:538px; height:120px; margin-bottom:10px;}
.news_R li a,.news_R li span{ display:block; cursor:pointer;}
.news_R li a{ width:516px; height:84px; padding:18px 10px 18px 12px;}
.news_Rinf{ width:390px;}
.news_Rtime{ font-size:72px; width:90px; height:76px; line-height:76px; border-right:1px solid #ccc;}
.news_R li a:hover{ background-color:#FFF;}
.news_Rinftop{ height:24px;}
.news_Rinftop b{ float:left; font-size:14px; font-weight:bold; width:300px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news_Rinftop em{ float:right; color:#868686; font-size:14px; font-style:normal;}
.news_Rinfintro{ height:48px; overflow:hidden; padding-top:4px;}

/*advantage*/
.advantage{ height:394px; padding-top:70px;}
.advan_list li{ float:left; width:275px;}
.advan_list li img{ display:block; width:82px; margin:0 auto;}
.advan_title{ font-size:18px; font-weight:bold; margin:28px 0 30px; text-align:center;}
.advan_intro{ color:#666; font-size:14px; line-height:26px; padding:0 20px; text-align:center;}

/*case*/
#warp_floor4{ background-color:#f8f8f8;}
.case{ height:562px; padding-top:38px;}
.case_chnal{ height:38px;}
.case_chnal li{ float:left; margin-left:10px; display:inline; width:84px; height:38px; line-height:38px; text-align:center;}
.case_chnal li a{ display:block; font-size:18px; width:82px; height:36px; border:1px solid #ccc;}
.case_chnal li.cur a{ color:#0093dd; border:1px solid #0093dd;}
.case_chShow{ height:405px; overflow:hidden; padding-top:42px;}
.case_chSlist ul{ width:1160px;}
.case_chSlist li{ float:left; width:240px; margin-right:50px; display:inline;}
.case_chimg{ position:relative; width:240px; height:275px; margin-bottom:20px;}
.case_chbd{ display:block; position:absolute; top:0; left:0; z-index:10; background:url(../images/case_bd.png) no-repeat; width:240px; height:275px;}
.case_chTitle{ height:78px; line-height:78px; background:url(../images/case_line.jpg) no-repeat bottom; padding-bottom:1px; margin:0 auto; text-align:center;}
.case_chTitle a{ display:block; font-size:14px; font-weight:bold; width:240px; height:78px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case_chMore{ padding-top:7px; text-align:center;}
.case_chMore a{ color:#ccc; font-size:14px;}


@media all and (max-width:1100px) {
    .banner_list li {width: 100%;}
    .banner_list li img {width: 100%;object-fit: cover;}
    .banner_list {left: 0%;margin-left: 0;width: 100%;}
    .banner_btn_o {left: 0%;margin-left: 0px;width: 100%;display: none;}
    .pro_move{width: 100%;}
    .pro_Mlist{width: 100%;}
    .case_chSlist ul{width: 100%;}
    .case_chSlist li {width: 23%;margin-right: 2%;}
}