.main{ width: 1170px; height: auto; margin: 0 auto 46px auto; }
.modu_1{ height: auto; overflow: hidden; margin-top: 20px; margin-bottom: 8px;}
.modu_1 .modu_new{ width: 760px; margin-right: 20px; }
.modu_1 .modu_new .img-box{ width: 330px; margin-right: 30px; }
.modu_1 .modu_new .img-box img{ display: block; width: 100%; height: 100%;}
.modu_1 .modu_right{ width: 390px;}
.modu_1 .modu_right h3{ color: #bd0000; font-size: 20px; font-weight: bold;}
.tech{ margin-top: 17px; }
.tech .tech-left{ width: 202px; margin-right: 3px;}
.tech .tech-left .tech-img{ width: 100%; height: 123px; margin-top: 3px; position: relative; }
.tech .tech-left .tech-bg{ width: 100%; height: 69px; padding-top: 54px; background: rgba(73, 152, 227, .6); position: absolute; top: 0; left: 0;}
.tech .tech-left .tech-bg li{ }
.tech .tech-left .tech-bg p{display: none;}
.tech .tech-left a{ width: 100%; height: 100%; text-align: center; display: block; color: white; font-size: 16px; font-weight: bold;}
.tech .tech-left .tech-bg :hover { width: 100%; height: 123px; padding: 0; background: #0c6fa7; transition: .7s; position: absolute; top: 0; left: 0;}
.tech .tech-left .tech-bg :hover li{ display: none;}
.tech .tech-left .tech-bg :hover p{ display: block; width: 90%; height: 74px;  overflow: hidden; font-size: 16px; line-height: 26px; font-weight: normal; padding-top: 20px; padding-left: 5%; }

.modu_2{ height: auto; overflow: hidden; margin-top: 26px; margin-bottom: 46px;}
.zixun-box{ width: 390px;}
.zixun-box .zixun{}
.zixun-box .zixun .zxtitle{ margin-bottom: 8px; background: url("../images/zixun.png") bottom left no-repeat; padding-bottom: 12px;}
.zixun-box .zixun .zxtitle li{ font-size: 20px; color: #1a1a1a; font-weight: bold;}
.zixun-box .zixun .list li{ background: url("../images/icon17.jpg") left center no-repeat; padding: 8px 0 8px 12px; font-size: 16px;}
.zixun-box .zixun .list a:hover{ text-decoration: underline;}
.marg{ margin-top: 12px;}

.tech .tech-right{ width: 184px; height: 250px; margin-top: 3px; position: relative;}
.tech .tech-right .tech-bg{ width: 100%; height: 192px; padding-top: 60px; background: rgba(73, 152, 227, .6); position: absolute; top: 0; left: 0;}
.tech .tech-right .tech-bg li{ width: 20px;  margin: 0 auto;}
.tech .tech-right .tech-bg p{display: none;}
.tech .tech-right a{ width: 100%; height: 100%; text-align: center; display: block; color: white; font-size: 16px; font-weight: bold;}
.tech .tech-right .tech-bg :hover { width: 100%; height: 250px; padding: 0; background: #0c6fa7; transition: .7s; position: absolute; top: 0; left: 0;}
.tech .tech-right .tech-bg :hover li{ display: none;}
.tech .tech-right .tech-bg :hover p{ display: block; width: 90%; height: 98px; overflow: hidden; font-size: 16px; line-height: 26px; font-weight: normal; padding-top: 50px; padding-left: 5%; }

#xiwen-box{ width: 400px; height: 294px; float: left;}
.dis{ display:block}
.undis{ display:none}
#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}
.xinwen{ width:400px; height:40px; }
.xinwen li{ float:left; width:106px; height:40px;}
.xinwen li a{float:left; width:106px; height:40px; font-size: 20px; line-height: 40px; font-weight: bold;}
.xinwen li a:hover{ color: #bd0000;}
.xinwen li.xinwen_current a{color:#bd0000; }
.xinwen li.xinwen_link a{ color:#333;}
.xinwen-down{ height:250px; }
.xinwen-down li{ padding: 8px 0; width: 400px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xinwen-down li a{ font-size: 16px; }
.xinwen-down li a:hover{ color: #bd0000;}

.section-focus-pic{ height:294px;width:330px;overflow:hidden;position:relative;}
.section-focus-pic ul li{position:absolute;top:0;left:330px;width:330px;height:294px;}
.section-focus-pic ul li h3{position:absolute; bottom:13px; left:0; width: 310px; font-weight:normal; color:#FFF; padding:0 10px; z-index: 111; font-size: 16px;overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap;  }
.section-focus-pic ul li div{position:absolute;bottom:0;left:0;height:48px;background:#000000;width:330px;}
.section-focus-pic .pages{width:330px;height:294px;}
.section-focus-pic .pages img{ width: 100%; height: 294px;}
.section-focus-pic .controler{position:absolute; bottom:60px; right:20px;}
.section-focus-pic .controler b{cursor:pointer;width:20px;height:10px;display:block;overflow:hidden;text-indent:20px;background:url(../images/news_index_icon.png) no-repeat -136px 3px; float:left;margin:0 0 0 5px;}
.section-focus-pic .controler b.down{background-position:-161px 1px;}

.main_c{width:960px; margin:0 auto;}
.m_banner{ margin-top: 3px; background:#fff;height:513px; position:relative;}
.m_banner .banner{height:513px;width:100%; position:absolute;top:0;left:0; background-position:center top;}
.banner_ctrl{margin:  0 auto;height:100px;width: 70%;position:absolute;top:180px;left:15.8%;z-index:2;}
.banner_ctrl a{ display:block;width:30px;height:100px; background:url(../images/banner_ctrl.png) no-repeat;_background:url(../images/banner_ctrl.jpg) no-repeat; position:absolute;
    opacity:.1;filter: alpha(opacity=10);
    -moz-opacity:0.1;}
.banner_ctrl a.prev{left:-30px;}
.banner_ctrl a.next{right:-30px; background-position:-30px 0;}



.cp-box{ width: 760px;}
.cp-title{ padding-bottom: 12px; margin-bottom: 16px; background: url("../images/cpicon.png") bottom left no-repeat;}
.cp-title li{ font-size:20px; color:#1a1a1a; font-weight: bold;}

/*中间区域*/
.common_da{ width: 330px; height: 220px; float: left;}

/*中间轮播图区域*/
.content_middle{ width:100%; height:220px; margin:0px auto; position:relative; border: 1px solid #cccccc; }
.content_middle:hover .common{display: block;}

/*左右切换图标*/
.content_middle .common{ display: block; width:50px; height: 39px; position: absolute; z-index: 25; top:80px; }
.content_middle .btnLeft{ opacity: 0.5; left:0px; background: url(../images/sprite.png) no-repeat; background-position-x: 10px;}
.content_middle .btnRight{ opacity: 0.5; left: 280px; background: url(../images/sprite.png) no-repeat -60px 0; }

/*左右切换图标*/
.content_middle ul li{ width:330px; height:220px; opacity: 0; filter: alpha(opacity=0); position: absolute; }

/*切换小图标*/
.content_middle .table{ padding-top: 10px; width:400px; height:210px; padding-left: 30px; position: absolute; z-index:9; float: left; left: 330px; background: url("../images/cpbj.jpg") right top no-repeat;}
.content_middle .table a{ padding: 10px 0; display: block; color: #000000; font-size: 18px; }
.content_middle .table a.small_active{  color: #bd0000; }
.red{ color: #bd0000; float:right; cursor:pointer; padding: 10px 22px 10px 0; border: none; background: none;}
.content_middle .table span:hover .red{ text-decoration: underline;}


@media screen and (max-width: 1680px) {
    .m_banner{  height: 449px; }
    .m_banner .banner{ height: 449px; background-size:auto 449px;}
}

@media screen and (max-width: 1600px) {
    .m_banner{  height: 428px; }
    .m_banner .banner{ height: 428px; background-size:auto 428px;}
}

@media screen and (max-width: 1440px) {
    .m_banner{  height: 385px; }
    .m_banner .banner{ height: 385px; background-size:auto 385px;}
}

@media screen and (max-width: 1366px) {
    .m_banner{  height: 365px; }
    .m_banner .banner{ height: 365px; background-size:auto 365px;}
}

@media screen and (max-width: 1300px) {
    .m_banner{  height: 347px; }
    .m_banner .banner{ height: 347px; background-size:auto 347px;}
}