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

.header,
.header .container,
.menu ul,
.banner .container,
.main{width: 100%; }
/*header*/
.header{height:50px;z-index: 10000;}
.header.home {background: none; border-top:0 #9c2d34 solid; position:fixed; }
.header .logo{width:75%;height:40px;  margin:5px 0; margin-left:10px;  overflow:hidden;z-index:99;background:url(../img/m_logo.png) no-repeat left center; background-size:auto 40px;}
 
.header.inner  .logo{height:40px; margin:5px 0;margin-left:10px; background-size:auto 40px;}

.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: 50px;
    top:11px;
    z-index: 10;
}
.header .imenu {
    display: block;
    position: absolute;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    right: 12px;
    top: 9px;
    z-index: 10;
}
.header .imenu .bar {  
    width: 24px;
    height: 2px;
    margin: 5px auto;
    background: #fff;
    border-radius: 12px;
    -webkit-transition: .3s;
    transition: .3s;
    position:relative;
}
.header .imenu:hover .bar {background: #fff;}
.header .imenu .bar1:nth-of-type(1) {
    margin-top: 0px;
}
.header .imenu.close .bar {
    margin: 12px auto;
}
.header .imenu.close .bar:nth-of-type(1) {
    -webkit-transform: translateY(15px) rotate(-45deg);
    -ms-transform: translateY(15px) rotate(-45deg);
    transform: translateY(15px) rotate(-45deg);
    margin:-1px auto 0;
} 
.header .imenu.close .bar:nth-of-type(2) { display:none;}
.header .imenu.close .bar:nth-of-type(3) {
    -webkit-transform: translateY(-15px) rotate(45deg);
    -ms-transform: translateY(-15px) rotate(45deg);
    transform: translateY(-15px) rotate(45deg);
     margin: 29px auto 0;
}

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;} 

.main .bg0{width:100%;}
.main .bg1{width:100%;}

/*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: none; border-bottom:0 solid #fe6307; background-color:#fff; position:relative;
    position: fixed; 
    overflow-y: auto; 
    z-index: 10001;
    left: 0;
    top: 50px;
    right: 0;
    bottom: 0;
    background: #9c2d34;}
.nav-menu ul li a {height: 40px;line-height: 40px;}
.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 ul{ margin:5px 0px; width:100%;display: block;}
.nav-menu ul li{ float:none; position: relative;display: block;text-align:left; color: #fff;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;padding:0 15px; color: #fff; font-size:16px; }
.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{ 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);}
.nav-menu .nav-click{display: block;position: absolute; right: 0;top: 0;width:42px;height: 40px;transition: 0.3s all;background:url(../img/ico_tri.png) no-repeat center center;}
 .nav-menu ul li ul{display: none; margin-left:16px; margin-top:0; width:auto;}
 .nav-menu ul li ul a{display: block;height: 35px;line-height: 35px;padding:0 15px; color: #fff; font-size:15px;background:url(../img/ico_arrow.png) no-repeat 0 center; }

 .KinSlideshow{ position:relative;left:0;top:0; margin:0 15px 15px;width:100%; height:100%; box-sizing:padding-box; overflow:hidden;}
 #KinSlideshow{ width:100%; height:100%;}
 #KinSlideshow ul li{ width:100%; height:100%;}
 #KinSlideshow .focus{width:100%;}
 #KinSlideshow .focus div{top:-30px;}
  
#ilist20 dd{ padding:30px 0 10px;}
#ilist20 img{width:50px; height:50px;} 

/*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%;}
.wrapper.wlink{ padding:0;} 

.wrapper .bg0{ height:auto;}
.wrapper .bg1{height:auto; padding:0;}
.wrapper .bg2{}

/*main*/
section.main.inner{ margin-top:20px; padding:0 0 20px;background:#fff; width:100%;top:0;}
.main{ width:auto;padding-top: 15px; padding-bottom:0;}
.main .homeLeft{ width:auto; float:none;}
.main .ml,
.main .mm,
.main .mr{ width:auto; float:none; background:#fff;padding:0px 0px; margin:0px 0 0; }
.main .mr{ margin:0px; }
.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%;}
.main .m.msearch .infolist1{margin:0 10px 0;}
.main .m.msearch .infolist1 dt{margin:0}
.main .m.msearch .infolist1 dd .stitle{padding-left:15px;}

.main .m .search{ margin:15px 10px;}

/*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 10px 10px; height:auto;background:none; } 
.leftMenu dt{ height:40px;line-height:40px; cursor:pointer; }
.leftMenu dt .tname{ height:40px;line-height:40px; background:none; text-align:center; margin:0 15px; font-size:18px;background:url(../img/ico_tri.png) no-repeat right center; font-weight:bold;}
.leftMenu dd{ border:0;padding:0; margin-top:0px;background: #f3f3f3; display:none;}
.lsearch .leftMenu dd{ display:block}
.leftMenu dd.dlist{display:none;padding-top: 0; visibility:hidden;}
.leftMenu dd.dlist ul{display:none;}

.leftMenu dd>ul{ padding:0px 0px 10px;border-left: 0 solid #2b5ab4; overflow:hidden} 
.leftMenu dd li{ display:block;flex:1;}  
.leftMenu dd li a { width:auto; padding: 10px 15px;padding: 10px 10px 10px 15px;text-align: left;border:0;border-left: 0 solid #f3f3f3;background: #f3f3f3;}
.leftMenu dd li.list{display:none;}
.leftMenu dd li a:hover, .leftMenu dd li.on a { border:0;background:none;  border-left: 0 solid #2b5ab4; font-weight:bold;}
.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>li>a{border:0; padding:5px 0;}

.leftMenu dd ul.lm2{  display:block;border-bottom: 1px solid #ddd; padding: 5px 5px;} 
.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; 
    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 .m{padding:0;}

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

.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 10px 0 10px}

.main .list{ padding: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; height:auto;}
.minfo .link div{padding:5px 0px 0;}




.infolist1 dt{ margin: 0 15px} 

#ilist5.infolist1 dt{ background: url("../img/ilist5.png")  no-repeat left center;background-size:24px 24px; padding-left:30px;} 
#ilist3.infolist1 dt{ background: url("../img/ilist3.png")  no-repeat left center;background-size:24px 24px; padding-left:30px;} 

#ilist55.infolist1 dt{ background: url("../img/ilistdj.png")  no-repeat left center;background-size:24px 24px; padding-left:30px;} 
#ilist41.infolist1 dt{ background: url("../img/ilist41.png")  no-repeat left center;background-size:24px 24px; padding-left:30px;}  
#ilist18.infolist1 dt{ background: url("../img/ilist18.png")  no-repeat left center;background-size:24px 24px; padding-left:30px;}  

.infolist1 dt .tname span{ }
 

.infolist1 .icontent{ padding:0 10px;}
.infolist1 .icontent img{ margin-right:12px;}
.infolist1 .icontent td{ display:block; min-width:100%;}
.infolist1 .icontent td img{ margin-right:10px;}

.tom .toinfo{display:none;}
.pages{padding-bottom:5px;}
.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:auto; padding:10px 0 0; } 
.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: 0px 0 0 20px; font-size:16px;}
.footer.nobanner{margin-top:15px;}
.footer.inner {
    margin-top: 0px;
}
.footer .cr {display:block; height:auto; padding:0 0 0; line-height:40px; }
.footer .cr a{display:block; }
.footer .cr p{line-height:40px; }

section.flink{display:none; }

/* FlexSlider Necessary Styles */ 
.flexbanner { border-bottom: 1px solid #be1a21} 
.flexbanner,
.flexslider,
.flexslider .slides,.flexslider .slides .aimg,.flexslider .slides > li .abg,
.flexslider .slides > li{height:180px;} 
.flexslider .slides .aimg,
.flexslider .slides > li .abg{background-size:auto 180px;}  
.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{} 

.binner .flexbanner,
.binner .flexslider,
.binner .flexslider .slides,.binner .flexslider .slides .aimg,.binner .flexslider .slides > li .abg,
.binner .flexslider .slides > li{height:150px;}
.binner .flexslider .slides .aimg{ position:relative; z-index:2; display:block; background-repeat:no-repeat;background-position:center center;  background-size:auto 150px;} 
.binner .flexslider .slides > li .abg{ position:absolute; z-index:1; top:0; width:100%;  background-position:center center; background-repeat:repeat; background-size:auto 150px;-webkit-filter: blur(4px);-moz-filter: blur(4px);-o-filter: blur(4px);-ms-filter: blur(4px);filter: blur(4px);}

.flexbanner2, .flexbanner2 .flexslider, .flexbanner2 .flexslider .slides, .flexbanner2 .flexslider .slides .aimg, .flexbanner2 .flexslider .slides > li .abg, .flexbanner2 .flexslider .slides > li {
    height: 240px;
}
.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:5px 15px ;}
 
.infolist1 dd .stitle{ padding-left:0;}
.infolist1 dd .sdate{width:95px;}

 
 
    .infolist1 dd .info.intro .simg{ position:absolute; width:250px; height:160px; display:none; }
    
    .infolist1 dd .info.intro .scontent{ padding:8px 0 4px; margin-left:270px;display: none; color:#898989;font-size:14px; line-height:28px; }
 

/*#ilist4.infolist1 dd { }
#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;}*/

 
#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:0px;}
.tplist dt{height:35px}
.tplist dt .tmore{top:5px;}
.main .tplist .list.list7 li{ margin-bottom:5px;}

#ilist18{height:300px;}
#ilist18 dd {
    margin: 0 auto 0;
    padding: 0 15px 0;
    height: 1%;
    overflow: hidden;
}
.service .infolist1 dd .img{ width:93%;}
.service .infolist1 dd .img img{ max-width:100%;}
.service .infolist1 dd .icontent table:last-child{ max-width:100%;}

.tom{margin-bottom:10px;margin:0 10px 10px; height:40px; line-height:40px;}
    .tom .totitle {
        float: none;
        text-align: left; 
        padding:0 ;
        border:0;line-height:40px;font-size:18px; font-weight:bold;
    }

.main .m .list li {
    position: relative;
    margin-bottom:10px;height:60px;
}
.main .list li .stitle{ background:none; padding:0; margin-left:75px; padding:4px 0; line-height:24px;font-size:16px;
             white-space:normal;          
  display: -webkit-box;
  -webkit-line-clamp: 2;  /* 限制显示行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; 
}
.main .list li .scontent{margin-left:75px;}
.main .list li .idate{width:60px;height:52px; line-height:30px;font-size:22px;}

.pc-hide{display:block}
.minfo-top {padding:12px 20px;}
.main h1.ititle{ font-size:18px;}
.main h5.ioth{height:auto; padding:0;  font-size:14px;}
.main h5.ioth span{display:block}
.main .style_topShareWrap{display:none}

.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);}

#backtop{ right:0; bottom:40px;}
.footer {height:auto}

.main .mkeyword {margin:0 10px 15px}
.main .msummary {margin:0 10px 15px}
@media only screen and (max-width:400px)
{
    .service .infolist1 dd .icontent table{ max-width:100%;}
    .service .infolist1 dd .icontent table:first-child{ height:80px;}
    .service .infolist1 dd .icontent table:first-child td{ max-width:70px;}

    .footer .info table td:nth-child(3){font-size:14px;}
}

@media only screen and (min-width:410px)
{
    .service .infolist1 dd .img{width:calc(100% - 30px); text-align:left; background:#123897;} 
    .service .infolist1 dd .icontent table{ min-width:100%;}
    .service .infolist1 dd .icontent table:first-child{ height:90px;}
    .service .infolist1 dd .icontent table:first-child td{max-width:none; min-width:100px;}

     
}