.mobile_index,.mobile_index1{ display:none;}
/* banner */
.banner{ width:100%;height:650px; padding-top:110px; }
.flexslider{height:100%;overflow:hidden; width:100%; position:relative; top:0; left:0; z-index:1; }
.mobile_banner{ display:none;}
.slides{position:relative;z-index:1;}
.slides li{height:100%; background-size:100% auto !important;}
.slides li a{ display:block; width:100%; height:100%;}
.slides li a .inner{ height:100%;background-size: 40% auto !important; background-position:10% center !important;}
.slides li a .inner img{ width:30%; vertical-align:middle; padding-top:10%;}
.flex-viewport,.slides{ height:100%;}
.flex-control-nav{position:absolute;bottom:20px; left:0;z-index:2;width:100%;text-align:center; height:4px;}
.flex-control-nav li{display:inline-block;width:30px;height:4px;margin:0 5px;*display:inline;zoom:1; }
.flex-control-nav a{display:block;width:30px;height:4px;line-height:30px;background:#fff;cursor:pointer; overflow:hidden;  }
.flex-control-nav .flex-active{ background:#003477}
.banner_tit{ width:1200px; height:50px;margin:340px auto 0; position:relative; z-index:9; background:url(/bundles/frontend/images/banner_tit1.png) no-repeat;}
.banner_btn{ width:1200px; height:50px;margin:40px auto 72px; position:relative; z-index:99}
.banner_btn a{ width:172px; height:50px; position:absolute; top:0px; left:46px;  display:block; font-size:14px; font-weight:bold; border-radius:4px; background:#e32235; line-height:50px; color:#fff; text-align:center; margin-left:0; cursor:hand;}
/* main */
.main{ width:100%; height:auto; overflow:hidden; padding-bottom:170px; }
.index_ul{ width:100%; height:auto;}
.index_ul li{ float:left; width:25%; height:auto;}
.da-thumbs{ height:250px;}
.da-thumbs li.th{ margin-right:0;}
.da-thumbs{list-style:none;position:relative;}
.da-thumbs li{float:left;background:#fff;position:relative;}
.da-thumbs li a,.da-thumbs li a img{display:block;position:relative;}
.da-thumbs li a{color:#fff;overflow:hidden}
.da-thumbs li a .hot_info{position:absolute;width:100%;height:100%}
.da-thumbs li a .cz{background:url(/bundles/frontend/images/cz.png) repeat center; width:100%; height:100%; text-align:center; }
.da-thumbs li a .cz h1{ font-size:20px; line-height:22px; color:#fff; padding-bottom:14px; padding-top:46px; font-weight:normal; text-shadow:2px 2px 2px #0f060c;}
.da-thumbs li a .cz h3{font-size:18px; line-height:20px; color:#fff;  padding-bottom:35px;font-weight:normal; text-shadow:2px 2px 2px #0f060c;}
.da-thumbs li a .cz .cz_btn{ width:83px; height:83px;margin:0 auto; }
.main_r_tit{ color:#003477; font-size:18px; line-height:18px; padding-top:20px; margin-left:30px; }
.main_r_tet{ padding-top:20px; width:90%; overflow:hidden; position:relative; margin-left:30px; padding-bottom:10px; border-bottom:#ddd solid 1px;}
.news-tit{ color:#000; font-size:24px;line-height:26px;width:100%; padding-bottom:15px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.news-btn{ width:100px; height:30px; line-height:30px; border:#b7b7b7 solid 1px; color:#555; text-align:center;font-size:14px;}
.main_r_tet a:hover .news-tit{color:#003477;}
.main_r_tet a:hover .news-btn{color:#fff; background:#003477; border:#003477 solid 1px;}
.main_r_a{ padding-top:15px; width:90%; overflow:hidden; position:relative; margin-left:30px; }
.da-thumbs li .main_r_a a{ color:#999; font-weight:lighter; font-size:14px; line-height:24px; background-image:url(/bundles/frontend/images/index_icon.png); background-repeat:no-repeat; background-position:left center; padding-left:15px;}
.da-thumbs li .main_r_a a .f-left{ width:70%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.da-thumbs li .main_r_a a .f-right{ font-weight:normal;}
.da-thumbs li .main_r_a a:hover{color:#003477;}

.index_ul li h2{  font-size:12px;color: #003477; padding-top:20px;  }
.index_ul li h2 a{ color: #003477;   font-size:12px; }

.index_ul li.index_img1{ background:#e3e3e3;}
/*µ¯³ö¿ò*/
#bg{width:100%;height:100%;top:0px;left:0px;position:fixed;filter: Alpha(opacity=70);opacity:0.7; background:#000000; display:none; z-index:999999999999;}
.popbox{position:fixed; top:0; left:0; height:auto;  display:none;z-index:9999999999999999999 ; text-align:center; }
.popbox video{ width:822px;  height:auto !important;margin:0 auto;}
.popbox .close{ position:absolute; right:8px; top:-15px;z-index:99999999999999999999 ; display:block; width:8px; height:8px;}
.popbox .close img{ width:15px;}
@media screen and (max-width:1920px){
    .banner{height:auto; }
}
@media screen and (max-width:1680px){
    .main_r_tit{ margin-left:20px;}
    .main_r_tet{ margin-left:20px;}
    .main_r_a{ margin-left:20px;}
}
@media screen and (max-width:1550px){
    .main_r_tit{ margin-left:20px;}
    .main_r_tet{ margin-left:20px;}
    .main_r_a{ margin-left:20px;}
}
@media screen and (max-width:1450px){
    .main_r_tit{ margin-left:15px;}
    .main_r_tet{ margin-left:15px;}
    .main_r_a{ margin-left:15px;}
    .da-thumbs li .main_r_a a{font-size:12px; padding-left:10px;}
}
@media screen and (max-width:1300px){
    .main_r_tit{ margin-left:15px;font-size:20px; line-height:22px;}
    .main_r_tet{ margin-left:15px;}
    .main_r_a{ margin-left:15px;}
    .da-thumbs li .main_r_a a{font-size:12px;}
}
@media screen and (max-width:1280px){
    .da-thumbs li .main_r_a a{padding-left:8px;}
}
@media screen and (max-width:1200px){
    .main{ padding-bottom:40px; }
    .banner {    padding-top: 0px;}
    .da-thumbs li .main_r_a a .f-left{ width:100%;}
    .da-thumbs li .main_r_a a .f-right{ display:none;}
}


@media screen and (max-width:1100px){
    .mobile_index{ display:block;}
    .da-thumbs{ display:none;}
    .index_ul  li{ width:25%; float:left;background:#fff;}
    .main{  height:215px; }
    .index_ul  li a{ text-align:center;}
    .index_ul  li.index_img1 a{ width:100%; height:100%; display:block; background-image:url(/bundles/frontend/images/main_bg1.jpg); background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
    .index_ul  li.index_img2 a{ width:100%; height:100%; display:block;background-image:url(/bundles/frontend/images/main_bg2.jpg); background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
    .index_ul  li.index_img3 a{ width:100%; height:100%; display:block; background-image:url(/bundles/frontend/images/main_bg3.jpg); background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
    .index_ul  li:last-child{height:215px;}
    .main_r_tit{ font-size:1.4rem; line-height:1.4rem; padding-top:15px; margin-left:15px; }
    .main_r_tet{ padding-top:15px; width:90%; margin-left:15px; padding-bottom:15px; }
    .news-tit{ font-size:1.7rem;line-height:1.8rem;padding-bottom:15px;text-align:left;}
    .news-btn{ font-size:1.2rem;width:80px; height:24px; line-height:24px;}
    .main_r_a{ padding-top:8px; width:90%;margin-left:15px;  }
    .main_r_a a{ font-size:1.2rem; line-height:2rem; color:#999;font-weight:lighter; background-image:url(/bundles/frontend/images/index_icon.png); background-repeat:no-repeat; background-position:left top 10px; padding-left:8px; background-size:5px auto; display:block; }
    .main_r_a a .f-left{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:90%;}
    .main_r_a a .f-right{ display:none}
    .index_ul li .main_r_a a{text-align:left;}
    .index_ul li h2{  font-size:1rem;padding-top:10px;  }
    .index_ul li h2 a{font-size:1rem; }
}
@media screen and (max-width:1000px){	

    /*µ¯³ö¿ò*/
    .popbox{position:fixed; top:0; left:0;  width:100%;}
    .popbox video{ width:50%;  margin:0 auto;}
    .popbox .close{ position:fixed; top:0; right:25%;}
    .popbox .close img{ width:12px;}
}
@media screen and (max-width:850px){	
    .slides li{height:100%; background-size:auto 102% !important;}
}
@media screen and (max-width:800px){
    .main{ padding-bottom:30px; }
    .slides li{height:100%; background-size:100% auto  !important; background-position:top 5% center !important;}
    .mobile_banner{ display:block;}
    .pc_banner{ display:none;}


}
@media screen and (max-width:700px){
    .mobile_index1{ display:block;}
    .mobile_index{ display:none;}
    .index_ul  li{ width:50%; float:left; height:200px; overflow:hidden; }
    .index_ul  li img{ height:100%;}
    .main{  height:400px; }


}
@media screen and (max-width:600px){

    .mobile_index1{ display:none;}
    .mobile_index{ display:block;}

    .index_ul  li{ height:150px;}
    .main{  height:300px; }
    .main_r_tit{ padding-top:10px;}
    .main_r_tet{ padding-top:0; padding-bottom:10px;}
    .news-tit{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-size:1.4rem;line-height:1.5rem;padding-top:5px; padding-bottom:8px;}
    .main_r_a{ padding-top:0;}
    .news-btn{ height:20px; line-height:20px;}

}

@media screen and (max-width:500px){

    .popbox video{ width:95%;}
    .popbox .close{ right:2.5%;}

}
@media screen and (max-width:360px){

    .index_ul  li{ height:120px;}
    .main{  height:240px; }

    .index_ul li h2 { padding-top: 2px;}

    .popbox video{ width:80%;}
    .popbox .close{ right:10.5%;}
    .main_r_tit{ padding-top:5px;}
    .index_ul li .main_r_a a:last-child{ display:none;}
}