/*
 *响应式 css  2018.1.1
*/

a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:link{text-decoration:none;}
a:hover{text-decoration:underline;}

body { margin:0 auto; font-family:"microsoft yahei"; background:url(../images/bg.png) no-repeat top center; }
a img { border:0; }
ul,li,dl,p { list-style:none; margin:0; padding:0; }
*{ margin: 0; padding: 0; }

.st { font-family:"宋体"; }
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }
.f24 { font-size:24px; }


.header{ width:1055px; height:165px; margin:0 auto; margin-top:65px; background:url(../images/header.png) no-repeat top center;}
.main{ width:1185px; background:#fff; margin:0 auto; margin-top:40px; overflow:hidden; box-shadow:0px 0px 5px 0px #999;}
.main_header{width:100%; height:52px; background:#DC0202; display:flex; flex-flow:row; padding:0 100px;}
.main_header li{ flex:1; text-align:center; line-height:50px;}
.main_header li a{ color:#fff;  }
.main_content{width:100%; padding:50px 10px 30px 10px; overflow:hidden;}
.main_left{ width:54.5%; background:#fff; float:left; }
.main_left .container{ margin-left:-10px; height:335px;}
section{width:100%; height:100%; height:100%; margin-left:-5px;}
.main_left .container #full_feature{width:100%;}
.sw-slide{position:relative;}
.lbbt{position:absolute; z-index:999; bottom:0px; width:100%; height:40px; line-height:40px; background:#000; opacity:0.8; color:#fff; font-size:16px; padding-left:10px;}
.left_box{width:96%; margin-top:35px; overflow:hidden; }
.news_left{width:100%; height:100%; float:left; overflow:hidden;}
.news_right{width:100%; height:100%; float:right; overflow:hidden;margin-top: 20px;}
.news_left_header{width:100%; height:33px; background:url(../images/hybd.png) no-repeat top left;}
.news_right_header{width:100%; height:33px; background:url(../images/hywj.png) no-repeat top left;}
.news{margin-top:10px;}
.news li{padding-left:10px; background:url(../images/hd.png) no-repeat 0px 14px;  line-height:35px;}
.news li a{color:#333;}





.main_right{ width:45%; float:right; }
.right_top_header{width:100%; height:24px; font-size:20px; color:#DC0202; font-weight:bold; font-family:"宋体";}
.right_top_content{width:100%; overflow-y:auto; height:200px;  margin-top:10px;}
.right_bottom_header{margin-top:30px; width:100%; height:24px; font-size:20px; color:#DC0202; font-weight:bold; font-family:"宋体";}
.right_bottom_content{width:100%;  overflow-y:auto; height:375px; margin-top:10px;}

.footer_box{width:100%; height:150px; background:#B60005;}
.footer{position:relative; width:900px; height:60%; line-height:240%; margin:0 auto; text-align:center; color:#fff; padding-top:20px;}
.dzjg{position:absolute; top:11px; left:115px;}
 
 
 
 
 /**********概览**********/
 .gl_news{width:90%; margin:0 auto; margin-top:30px; padding-bottom:50px;}
 .gl_news li{ padding-left:10px; line-height:45px; background:url(../images/hd.png) no-repeat 0px 20px; overflow:hidden;}
 .gl_news li a{color:#333; font-size:16px; float:left;}
 .gl_news li span{color:#333; font-size:16px; float:right;}
 
 /**********细缆**********/
 .xl_content{width:80%; margin:0 auto; padding-bottom:50px;}
 .xl_bt{color:#333; text-align:center; line-height:50px; margin-top:20px;}
 .xl_lyatm{ color:#666; text-align:center; line-height:30px;}
 .xl_zhengwen{ margin-top:20px;}

/*适配ipad端*/
@media (max-width:821px) {
    body {
            background-size:cover;
        }
    .header{
        width: 100%;
        background-size: 100%;
    }
    .main {
        width: 100%;
    }
    .main_content{
        padding: 0px;
    }
    .main_left{
        width: 100%;
    }
    .main_left .container {
        margin-left: 0px;
        height: auto;
        display: inline;
    }
    .left_box{
        width: 100%;
        margin: 1%;
    }
    .main_right {
        width: 98%;
        float: left;
        margin: 1%;
    }
    .footer {
        width: 96%;
    }
    .footer_box {
        width: 100%;
        height: auto;
    }

}


/*当屏幕小于479px时*/
@media (max-width:479px) {
.header{ width:100%; height:95px; margin:0 auto; margin-top:40px; background:url(../images/header.png) no-repeat top center; background-size:100%;}
.main{ width:100%; margin-top:0px;}
.main_header{width:100%; background:#DC0202; padding:0px;}
.main_header li{ text-align:center; line-height:52px;}
.main_header li a{ color:#fff; font-size:16px;}
.main_left{ width:100%; background:#fff; float:none;}
.main_right{ width:100%; float:none; }
.footer{width:100%; height:100%; line-height:180%; font-size:14px;}
.dzjg{display:none;}
.news_left{width:100%; height:100%; float:none; overflow:hidden;}
.news_right{width:100%; height:100%; float:none; overflow:hidden;}
.right_top_content{width:100%; height:auto;  margin-top:10px;}
.right_bottom_content{width:100%; height:auto; margin-top:10px;}
.main_left .container{margin-top:-25px; margin-left:10px; height:220px;}
.sw-slide a img{margin-top:30px;}
.lbbt{bottom:-10px; padding-left:0px; font-size:14px; }
.left_box{ margin-top:20px;width:100%;margin: 20px !important;}


.gl_news{width:96%; margin:0 auto; margin-top:10px; padding-bottom:50px;}
.gl_news li a{width:80%; color:#333; font-size:14px; float:left;}
 .gl_news li span{width:18%; color:#333; font-size:14px; float:right; text-align:right;}
 
 .xl_zhengwen{ width:100%; margin-top:20px;}
 .xl_zhengwen img{ width:100%;}
}