body{ min-width: 100%; background: #efefef;}
   

.header,
.header .container,
.menu ul,
.banner .container,
.main{width: 100%; }

/*header*/
.header{height:120px;z-index: 10000;}
.header .logo{width:90%;height:90px; margin: 5px 0; margin-left:10px;  overflow:hidden;z-index:99;background:url(../img/m_logo.png) no-repeat center center;background-size:auto auto }
@media only screen and (max-width:768px)
{
    .header{height:92px;}
   .header .logo{width:85%;height:80px; background-size:100%; }
}
.header nav { right: 12px; top: 156px; height: 25px; width: 42%; overflow: hidden;display:none }
.header nav div{ display:none}
.header nav input {line-height:22px; padding: 0 4px;} 
.header nav .sbtn{background-size:60%; background-position: 20px 0; height: 22px;}

.header .isearch {
    content: '';
    width: 22px;
    height: 22px; 
    background:url(../img/icon_search.png) no-repeat center center;background-size:100%;
    position: absolute; 
    right: 8px;
    bottom:2px;
    z-index: 10;
}

nav div.container {
    color: #fff;
    width: 100%;
    margin: auto;
    position: relative;
}
nav span{font-size: 14px;color: #666666; padding-left:10px;}
nav form{ position:absolute; top:6px; right:10px;  width: 180px;height: 35px; padding:0; overflow:hidden; }
nav .keyword{ width: 180px;height: 28px;line-height: 28px; position: absolute; top: 0; left: 0px;} 


/*menu*/ 
.menu{ display:none;}
.menu, .menu ul, .menu ul li a {height: 45px;line-height: 45px;}
.menu{ clear:both;padding:0px; border-bottom:1px solid #fe6307;  z-index:9999;width:auto; margin:0;margin-right: 50px; background-color:#fff; text-align:left;    overflow: scroll; } 
.menu ul{ margin:0 10px; width:auto;display: flex;}
.menu ul li{ float:none; position: relative;display: inline-flex;text-align:center; color: #fff;z-index:199;    -webkit-flex-shrink:0; -ms-flex: 0;flex-shrink: 0;white-space: nowrap; margin:0 10px;}
.menu ul li.sp{ display:none;}
.menu ul li a{display: block; width:100%;  padding:0; color: #222; }
.menu ul li #maa1{}
.menu ul li a:hover{} 
.menu ul li:hover a, .menu ul li.on a, .menu ul li.over a,.menu ul li a.on,.menu ul li a.over{ background:#FFF;color: #222;}  
 
.menu ul li ul{ visibility:hidden; height:0; overflow:hidden; display:none;}
/*nav-menu*/ 
.nav-menu{ top:0; display: block; border-bottom:0 solid #fe6307; background-color:#fff; position:relative;}
.nav-menu,.nav-menu .menu-list, .nav-menu ul, .nav-menu ul li a {height: 50px;line-height: 50px;}
.nav-menu .menu-list{ clear:both;padding:0px;   z-index:9999;width:auto; margin:0;margin-right: 50px; margin:0 0px 0 0px; text-align:left;    overflow: scroll;}
    .nav-menu .menu-list:before {
        content: '';
        width: 2px;
        height: 50px;
        background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),to(#fff));
        background-image: linear-gradient(90deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.25) 100%);
        position: absolute;
        opacity:0.8;
        right: 0;
        bottom: 0;
        z-index: 10;
    }


.nav-menu ul{ margin:0 0px; width:auto;display: flex;}
.nav-menu ul li{ float:none; position: relative;display: inline-flex;text-align:center; color: #000;z-index:199;    -webkit-flex-shrink:0; -ms-flex: 0;flex-shrink: 0;white-space: nowrap; margin:0 0;}
.nav-menu ul li.sp{ display:none;}
.nav-menu ul li a{display: block; width:100%;  padding:0 10px; color: #000; font-size:15px; }
.nav-menu ul li img{ display:none;}
.nav-menu ul li #maa1{}
.nav-menu ul li a:hover{} 
.nav-menu ul li:hover a, .nav-menu ul li.on a, .nav-menu ul li.over a,.nav-menu ul li a.on,.nav-menu ul li a.over{ background:#09467c;color: #fff;}  
.nav-menu .menu_icon { position:absolute; top:0; right:0;height: 40px; display:none;}
.nav-menu .menu_icon .menu-toggler { display:block; position:relative; border-top: 2px solid #aaa;border-bottom: 2px solid #aaa;height: 12px;width: 20px; margin:13px 10px 0 0;}
.nav-menu .menu_icon .menu-toggler:before {content: "";position: absolute;bottom: 5px;left: 0px; height: 2px;width: 100%;background: #aaa;}

.nav-menu .menu_icon .menu_btn {box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);border-radius: 3px;    display: flex;    align-items: center;    justify-content: center;    padding: 20px;transition: width 0.6s linear;width: 80px;}
.nav-menu .menu_icon .menu_btn .line {background-color: #aaa; position: absolute;top: 10px;left: 5px;height: 2px;width: 20px;transition: transform 0.1s linear;transform-origin: center center;}
.nav-menu .menu_icon  .menu_btn .line2 {top: auto;bottom: 10px;}
.nav-menu .menu_icon  .menu_btn.active .line1 {transform: rotate(-765deg) translateY(5.5px);}
.nav-menu .menu_icon  .menu_btn.active .line2 {transform: rotate(765deg) translateY(-5.5px);}

/*banner*/
.banner .container{ min-width:100%;}
.banner a{ text-align:center;}
.callbacks_nav{display:none; visibility:hidden;}
.callbacks img{ width:auto;max-width:none; height:200px; margin-left:-50%; }

.wrapper{ width:100%;}

/*main*/
section.main.inner{ margin-top:0px; padding:0 0;background:#fff; width:100%;top:0;}
.main{ width:auto;padding-top: 15px;}
.main .homeLeft{ width:auto; float:none;}
.main .ml,
.main .mm,
.main .mr{ width:auto; float:none; background:#fff;padding:0px 0px; margin:0px 0 15px; }
.main .ml.w490,
.main .mm.w670,
.main .ml.w820{width:auto;} 
.main .ml2,
.main .mm2,
.main .mr2{width:auto; float:none; background:#fff;margin:0px 0 15px;} 
.main .mr2{margin:0;} 

.main .homeLeft .blk{display:none;}

.main.home .blk{display:none;}

.main .homeRight{ width:auto; float:none;}
.main .homeRight .rnavList{background:#fff; padding:10px 0 0;}
.main .homeRight .rnavList.rnavLink{height:auto;}
.main .homeRight .rnavList dd{width:auto; padding:20px;} 
.main .homeRight .rnavList .rnavImg{display:none}
.main .homeRight .rnavList img{ width:240px;}
.main .homeRight .rnavList .rnavIco{ display:inline-block;width:49%; text-align:center; vertical-align:top; margin:5px 0; }
.main .homeRight .rnavList .rnavIco img{  width:60px; }
.main .homeRight .rnavList .rnavIco h5{ height:20px; line-height:20px; margin:10px 0; font-size:14px;  }

.main .l{float:none; width:100%;}
.main .m{ width:100%;margin-top: 0; }

.main .m.msearch{width:100%;}

/*banner1*/
.banner1{text-align:center; overflow:hidden; height:120px;}
.banner1 img{display: none; }
.banner1 p{display:block; height:120px;background-repeat:no-repeat;background-position:center center;  background-size:auto 120px;}

/*leftMenu*/
.leftMenu{ padding:0px 0px; height:auto; } 
.leftMenu dt{ background:#0b4f8b;height:75px;line-height:60px; }
.leftMenu dt .tname{ height:60px;line-height:60px;}
.leftMenu dd{ border:0; margin-top:10px;background: #fff;}
.leftMenu dd.dlist{display:none;}
 
.leftMenu dd>ul{ padding-left:0px; display:flex;} 
.leftMenu dd li{ display:inline-flex;flex:1;border:0;}  
.leftMenu dd li a { padding: 10px 15px;padding: 10px 5px;text-align: center;width: 100%;border:0;border-top: 4px solid #09467c;background: #f3f3f3;}
.leftMenu dd li.list{display:none;}
.leftMenu dd li a:hover, .leftMenu dd li.on a { border:0; border-top: 4px solid #b73226;}
.leftMenu dd li li a:hover, .leftMenu dd li.on li a { border:0; }
.leftMenu dd li.on ul{display:none} 
.leftMenu dd li ul{ padding: 0px 0; background-color: #fff;display:none;margin-bottom: 0;}

.leftMenu dd ul.lm2{  display:block; background-color: #fff;border-bottom: 1px solid #ddd; padding: 5px 0;} 
.leftMenu dd ul.lm2 li{display: block;margin-bottom: 0; 
    font-size: 1.2em;
    line-height: 22px;    
    border-top: 0;
    padding: 5px 10px 5px 24px; display:inline-flex;flex:1;
    background: url(../img/ico_arrow.png) no-repeat 14px center;    border-bottom:0;
}
.leftMenu dd ul.lm2 li a,.leftMenu dd ul.lm2 li a:hover, .leftMenu dd ul.lm2 li a {border:0;font-size: 16px;background:none;color: #000;  line-height: 24px;padding: 0 0 0 5px; font-weight:normal; border-left: 0 ;}
.leftMenu dd ul.lm2 li.on{ 
    border-left: 0 solid #7c9626;
    background: url(../img/ar.png) no-repeat 14px center;
} 
.leftMenu dd ul.lm2 li.on a,.leftMenu dd ul.lm2 li a:hover{ color: #005097; border-left: 0 ; }



.main .minfo { padding:0 10px; }
.main .minfo .content{ overflow:hidden;font-size: 1.2em;}

.main .content.pc-content{display:none;}
.main .content.m-content{ display:block;} 

.tplist dt{ padding:5px 0 0 10px; height:35px;}
.tplist dd{padding: 4px 0px 0 10px}
.main .tplist .list{padding:0;}
.main .tplist .list li{ width:50%;}
.main .tplist .list li .stitle{ padding: 0 10px 0 10px;}

.main .list.downlist li .stitle{ width:98%;margin-right:0;}

.minfo .link{padding:10px 0;}
.minfo .link div{padding:5px 0px 0;}


.tom .toinfo{display:none;}
.pages{padding-bottom:15px;}
.pages ul.page li.pli { display:none}
.pages ul.page li.pli.active { display:inline-block;}

/* footer */ 
.footer {overflow:hidden;margin-top: 0px;}
.footer .info{ width:100%;height:160px; background:url(../img/footer_logo.png) center center no-repeat;}
.footer .info table{ max-width:100%; } 
.footer .info table td{display:none;}
.footer .info table td:last-child{display:none;}
/*.footer .info table td:last-child{display:block;padding-top: 20px;}
.footer .info table td:first-child{display:block;padding-top: 35px;}*/
.footer .info table td:nth-child(3){ max-width:100%;display:block;padding: 20px 0 0 20px; font-size:16px;}
.footer.nobanner{margin-top:15px;}
.footer.inner {
    margin-top: 0px;
}

.main .homeLeft .bg0{ background:#fff;padding:0px 15px 0; border-bottom:15px solid #efefef;}
.main .homeLeft .bg1{ background:#fff;padding:0px 15px 0;border-bottom:15px solid #efefef;}
.main .homeLeft .bg2{ background:#fff;padding:0px 15px 0;border-bottom:15px solid #efefef;}

/* FlexSlider Necessary Styles */ 
.flexbanner { border-bottom: 1px solid #be1a21} 
.flexbanner,
.flexslider,
.flexslider .slides,.flexslider .slides .aimg,.flexslider .slides > li .abg,
.flexslider .slides > li{height:240px;} 
.flexslider .slides .aimg,
.flexslider .slides > li .abg{background-size:auto 240px;}  
.flexslider .slides > li p{ padding:15px 15px 40px;}
.flexslider .slides > li p a{font-size:16px; font-weight:bold;} 
.flex-direction-nav,
.flexslider .slides > li p .span{ display:none;}  
.flex-control-nav .flex-active{background:#fff;} 

.flexbanner2, .flexbanner2 .flexslider, .flexbanner2 .flexslider .slides, .flexbanner2 .flexslider .slides .aimg, .flexbanner2 .flexslider .slides > li .abg, .flexbanner2 .flexslider .slides > li {
    height: 240px;
}
@media only screen and (max-width:600px)
{
    .flexbanner,
    .flexslider,
    .flexslider .slides,.flexslider .slides .aimg,.flexslider .slides > li .abg,
    .flexslider .slides > li{height:200px;} 
    .flexslider .slides .aimg,
    .flexslider .slides > li .abg{background-size:auto 200px;}  
}
@media only screen and (max-width:500px)
{
    .flexbanner,
    .flexslider,
    .flexslider .slides,.flexslider .slides .aimg,.flexslider .slides > li .abg,
    .flexslider .slides > li{height:150px;} 
    .flexslider .slides .aimg,
    .flexslider .slides > li .abg{background-size:auto 150px;}  
}
@media only screen and (max-width:420px)
{
    .flexbanner,
    .flexslider,
    .flexslider .slides,.flexslider .slides .aimg,.flexslider .slides > li .abg,
    .flexslider .slides > li{height:130px;} 
    .flexslider .slides .aimg,
    .flexslider .slides > li .abg{background-size:auto 130px;}  
}

.infolist1 .works{padding-top: 10px; height: auto; position: relative; width:100%; overflow:hidden;}
.infolist1 .works a.img{ display: block; float:left;width: 100%; height: auto; margin-right:20px;}
.infolist1 .works a img{ width: 100%; height: auto;}
.infolist1 .works a.more{font-size: 14px; position: absolute; bottom: 0; right: 0;}
.infolist1 .works a.img h3{ text-align:center;color: #c40000; margin:0;margin: 0px 0 12px; padding:0;
    line-height: 50px;
    height: 50px;
    text-align: center;
    background: #f4f4f4;
    border-radius: 5px;}

.infolist1{margin:0;}
.infolist1 dd {padding:0px 0px ;}
.infolist1 dd .info:before{ display:none}
.infolist1 dd .stitle{ padding-left:0;}
.infolist1 dd .sdate{width:95px;}

#ilist4.infolist1 dd { padding:5px 0px;}
#ilist4.infolist1 dd .info.intro{ margin:0 ; width:48%; height:auto;}
#ilist4.infolist1 dd .info.intro .simg{width:100%;height:120px; margin-bottom:5px; }
#ilist4.infolist1 dd .info.intro .simg img{height:120px; min-height:120px;}
#ilist4.infolist1 dd .info.intro .stitle a{ font-size:16px;}

#ilist30.infolist1{margin:0;}
#ilist30.infolist1 dt{margin:0;}
#ilist30.infolist1 dd {padding:15px ;}

#ilist37{ margin-bottom:15px;}
#ilist37.infolist1 dd {padding:0 ; background:#fff;}
#ilist37.infolist1 dd .info.intro{ position:relative; top:auto;left:auto; display:inline-block}
#ilist37.infolist1 dd .info.intro.i2{ top:auto;left:auto;margin-left:4%;}
#ilist37.infolist1 dd .info.intro{ margin:0 ; width:48%; height:auto;}
#ilist37.infolist1 dd .info.intro .simg{width:100%;height:120px; margin-bottom:0; }
#ilist37.infolist1 dd .info.intro .simg img{height:120px; min-height:120px;}
#ilist37.infolist1 dd .info.intro .stitle{width:auto;position:relative; top:auto;left:auto}

#owl-ilist28{ width:100%; float:left; height:200px; border-top:0px; margin-bottom:10px;}
#owl-ilist28 .owl-buttons{position:absolute; width:100%; height:30px; top:50%; left:0px; margin-top:-15px; }
#owl-ilist28 .owl-prev{background: url(../img/sy_jt3.png) no-repeat; background-size:100% 100%; left:0px; width:30px; height:30px;}
#owl-ilist28 .owl-next{background: url(../img/sy_jt4.png) no-repeat; background-size:100% 100%; right:0px; width:30px; height:30px;}
#owl-ilist28 .item{ width:100%; float:left; padding:25px 10%; height:200px;box-sizing:border-box;}
#owl-ilist28 .imgk{ width:110px; float:left;}
#owl-ilist28 .imgk img{ width:100%; height:143px;}
#owl-ilist28 .txtk{ width:55%; float:right;}
#owl-ilist28 .txtk p{ width:100%; float:left;}
#owl-ilist28 .txtk p.p_2{ color:#333333; margin:8px 0px;}
#owl-ilist28 .txtk p.p_1{ color:#005f8b; font-size:18px;}
#owl-ilist28 .txtk p.p_3{ color:#747474;}
#owl-ilist28 a{ width:100%; display:block;}
#owl-ilist28 a:hover p.p_1{ color:#ff0000;}

.main .plist{}
.main .plist li{ float:none; display:inline-block; width:49%;margin:0 0 20px;}
.main .plist li .stitle{ width:100%;}

.tplist{ margin-bottom:10px;}
.tplist dt{height:30px}

#ilist18 dd {
    margin: 0 auto 0;
    padding: 15px;
    height: 1%;
    overflow: hidden;
}
.tom{margin-bottom:10px;border-bottom: 1px solid #09467c;height:50px; line-height:50px;}
    .tom .totitle {
        float: none;
        text-align: center;
        border:0;line-height:50px;
    }
.main .m .list li {
    position: relative;
    height: 35px;
    line-height: 35px;
}
.main .list li .stitle{ background:none; padding:0;}

.pc-hide{display:block}

.main .content img[align=view]{ margin:10px 0px; width:100%;}
.main .content img[align=view]:hover{     transform: scale(1.0);
   -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);}