/*============================================

[Table of content]

1. Large devices (less than 1200px)
2. Large tablets (less than  992px)
3. Medium devices (less than  768px)
4. Small devices (less than  576px)
5. Extra Small devices (less than  480px)

============================================*/


/* 1. Large devices (less than 1200px) */
@media (max-width: 1199.98px) {
    


}

/* 2. Large tablets (less than  992px) */
@media (max-width: 991.98px) {
.main-header{
    box-shadow: none;
    position:inherit;
	top:0px;
    z-index: 999;
 	height:60px;
	width:100%;
	background:#ececec

}

.links{ display:none}

.lx1{ float:none; width:98%; margin:0 auto; }
.banquan{ padding:0 10px;}



  .align-items-center{ height:auto}
 .logo{ display:none} 
 .logo2{ display:block; position:absolute; top:10px}
 .logo2 img{ height:40px; width:auto}
 .tel{ display:none;}


.indexPart4 .name p{ display:none}
    
    /* Header */
    .main-header .row {
        position: relative;
    }
    .main-header .row > div:nth-child(2) {
        position: static;
    }
    .main-header {
        padding: 10px 0;
    }
    .header-menu ul ul li a:hover:before, 
    .header-menu ul ul li.active a:before, 
    .header-menu ul ul li:hover > a:before {
        opacity: 0;
    }
    .header-menu > ul > li {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-left: 0px !important;
    }
    .header-menu > ul > li:first-child {
        border-top: 0px !important;
    }
    .header-menu ul li a {
        color: #1b435d;
        padding: 12px 15px !important;
    }
    .header-menu > ul ul li:not(:last-child) {
        border-bottom: 0;
    }
    .header-menu ul ul li a {
        padding-left: 30px !important;
        width: auto;
    }
    .header-menu {
        text-align: right;
        position: initial;
		margin-right:10px
    }
    .header-menu > ul {
        position: absolute !important;
        top: 53px !important;
        left: 15px !important;
        width: calc(100% - 30px) !important;
        background: #fff;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
     
        overflow-y: auto;
    }
    .header-menu ul, 
    .header-menu ul ul, 
    .header-menu ul ul ul, 
    .header-menu > ul, 
    .header-menu.align-center > ul, 
    .header-menu > ul > li > ul, 
    .header-menu > ul > li:hover > ul, 
    .header-menu ul ul li:hover > ul {
        position: relative;
        left: 0;
        right: auto;
        top: 0;
        width: 100%;
        display: none;
        padding: 0;
        opacity: 1;
        text-align: left;
        z-index: 99999;
    }
    .header-menu ul li {
        width: 100%;
        border-top: 1px solid rgba(120, 120, 120, 0.2);
    }
    .header-menu > ul > li > a, 
    .header-menu ul ul li a, 
    .header-menu ul ul li:first-child > a, 
    .header-menu ul ul li:last-child > a {
        border-radius: 0;
        box-shadow: none;
        background: none;
    }
    .header-menu ul li a i {
        display: none;
    }
    .header-menu ul ul ul li a {
        padding-left: 45px !important;
    }
    .header-menu #menu-button {
        color: #e77614;
        font-size: 28px;
        display: inline-block;
        cursor: pointer;
    }
    .header-menu .submenu-button {
        position: absolute;
        right: 0;
        display: block;
        width: 50px;
        height: 40px;
        border-left: 0px solid rgba(120, 120, 120, 0.2);
        z-index: 10;
        cursor: pointer;
    }
    .header-menu ul ul .submenu-button {
        height: 44px;
    }
    .header-menu .submenu-button:before {
        content: '';
        position: absolute;
        right: 22.5px;
        top: 18px;
        display: block;
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-top-color: #1b435d;
        z-index: 99;
    }
    .header-menu .submenu-opened:before {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
        top: 14px;
    }
    .header-menu ul ul .submenu-button:before {
        top: 19.5px;
    }
    .header-menu ul ul .submenu-button.submenu-opened:before {
        top: 15.5px;
    }
    .header-menu #menu-button.menu-opened:before, 
    .header-menu .submenu-button.submenu-opened:before {
        border-top-color: #1b435d;
    }
    .header-menu > ul > li:not(.active):hover > a,
    .header-menu > ul > li:not(.active) > a:hover {
        color: #fff;
    }
    .header-menu > ul > li > ul,
    .header-menu ul ul ul {
        box-shadow: none;
        border-bottom: 0;
    }
    .header-menu > ul > li > ul:before,
    .header-menu ul ul ul:before {
        display: none;
    }
    .header-menu ul ul ul li:first-child {
        padding-top: 0;
    }
    .header-menu ul ul ul li:last-child {
        padding-bottom: 0;
    }
    .header-menu ul ul li:hover > a, 
    .header-menu ul ul li > a:hover {
        color: #757575;
    }
    .sticking .header-menu > ul > li:hover:not(.active) > a {
        color: #1b435d;
    }
    .header-menu ul ul ul:after {
        display: none;
    }
    .header-menu > ul > li > a:after, 
    .header-menu > ul > li.active > a:after, 
    .header-menu > ul > li:hover > a:after {
        display: none;
    }




.ai_card ul li {float: left;
	width: 50%;
	min-height:400px

	
}
.tdxq1 i{ display:block; float:left; width:50%; margin-right:2%; max-width:280px;}
  .tdxq1 .xq11{ float:left; width:48%; color:#666}
  
    .jskc ul li{ float:left; border:#e3e3e3 1px solid; width:48%; margin-right:1%;overflow:hidden; margin-bottom:10px; padding:0 0.5%; line-height:35px; border-radius:5px;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }
}



/* 3. Medium devices (less than  768px) */
@media (max-width: 767.98px) {
.m1{ background:#f8f8f8; padding:20px 0; overflow:hidden}
.bt1{  font-size:20px; padding-bottom:15px; margin-bottom:20px;}
.bt2 h3{ display:block; font-size:18px; float:left;line-height:40px; }
.bt2 span{ display:block; float:right; color:#fff;line-height:40px;}
.fuwu ul li{ width:48%; margin-bottom:10px;}
.fuwu ul li h3{ font-size:16px}
.fuwu ul li p{ margin:10px auto;}
.fuwu ul li i{ width:40%; margin:20px auto; }

.m2{ background:#2f3031}
.m2{ background: url(../images/bg1.jpg) center no-repeat; padding:20px 0;background-size:100%  cover;}
.weidu h3{ color:#fff; font-size:18px; line-height:35px}
.weidu h3 em{ font-style:normal; color:#e77614; padding-right:10px}
.weidu h2{ color:#fff; font-size:16px; padding:20px 0}


.m3{ margin:20px auto;}
.m4{ margin:20px auto;}
.m5{ margin:20px auto;}

.m7{ margin:20px auto;}
.m8{ padding:20px 0}
.m9{ margin:20px auto;}


.tuandui ul li{ width:48%; margin:5px 1%; }
.tuandui .last{ margin:5px 1%}
.tuandui2 ul li{ width:48%; margin:5px 1%; }






.tuijian{ background:#f6f6f6; width:48%; float:left; margin:5px 1%;}
.tuijian.t1,.t2,.t3{ margin-right:0}
.tuijian em{ font-size:23px;}

.indexPart4 li{float:left; width:50%; overflow:hidden; position:relative; background:#365ce6; }
.indexPart4 .img img{width:100%; opacity:0.5; filter:alpha(opacity=0.5); transition:all 0.6s}
.indexPart4 .name{position:absolute;top:50%; transform:translate(0,-50%); height:auto }
.indexPart4 .name p{ display:none}
.indexPart4 .name em{ display:none}
 
.xuanze ul li{ float:left; width:50%;  text-align:center; transition:all 0.6s} 
.xuanze ul li h3{  font-size:18px;}
.xuanze ul li p{ display:none}


.xinwen{ width:100%; margin-right:0; float:none; margin-bottom:20px;}

 
.nbanner{ padding-top:0px}

.nbanner .nbt{  width:70%; background-size:20px auto;  left:15%; margin-left:0; top:25% }
.nbanner .nbt h3{ display:inline-block; font-size:23px; margin:0; padding:0; line-height:25px }
.nbanner .nbt em{ display:block; font-style:normal; text-transform:uppercase; word-spacing:0px; letter-spacing: 0px; font-size:14px; font-weight:normal}

.nbt2 h3{ font-size:20px}
 
 
 
 
 .fangan ul li{ float:left; width:46%; margin:1rem 2%; position:relative;padding-bottom:33%; transition:all 0.6s}
 
 	.zixun ul li{  width:94%; margin:0 3%; padding:0; border:0; margin-bottom:10px;}
	.zixun ul li h1{  float:none; position:absolute; left:0; top:0; background:rgba(0,0,0,0.6); color:#fff; width:auto; height:auto; margin:0; padding:5px; z-index:9}
	.zixun ul li h1 em{ display:block; font-style:normal; font-size:20px; }
	.zixun ul li i{ display:block; margin-left:0; float:none; width:100%;  position:relative; overflow:hidden}
	.zixun ul li i img{ width:100%; height:auto }
	.zixun ul li .nxw{ float:none; width:100%;}
	.zixun ul li .nxw h3{ padding:0; margin:0; font-size:16px; font-weight:normal; padding-top:10px; line-height:25px;}
	.zixun ul li .nxw p{ font-size:12px}
		
 	.fwkh ul li{  width:94%; margin:0 3%; padding:0; border:0; margin-bottom:10px;}
 	.fwkh ul li i{ display:block; margin-left:0; float:none; width:100%; height:auto; position:relative; overflow:hidden}
 	.fwkh ul li i img{ width:100%; height:auto }
 	.fwkh ul li .nxw{ float:none; width:100%;}
 	.fwkh ul li .nxw h3{ padding:0; margin:0; font-size:16px; font-weight:normal; padding-top:10px; line-height:25px;}
 	.fwkh ul li .nxw p{ font-size:12px; height:50px;}		
		
		
	 	.wenku ul li{  width:94%; margin:0 3%; padding:0; border:0; margin-bottom:10px;}
 	.wenku ul li i{ display:block; margin-left:0; float:none; width:100%;  position:relative; overflow:hidden}
 	.wenku ul li i img{ width:100%; height:auto }
 	.wenku ul li .nxw{ float:none; width:100%;}
 	.wenku ul li .nxw h1{ padding:0; margin:0; font-size:16px; font-weight:normal; padding-top:10px; line-height:25px;}
 	.wenku ul li .nxw p{ font-size:12px}		
		
		
.kclb ul li i{ max-height:200px}
.kclb ul li{ float:left; width:100%; margin-right:0; height:auto; overflow:hidden; color:#666}

	
	
		
	.lianxi ul li{ float:none; width:100%; margin:0; text-align:center}
	 .xiangqing{ padding-top:20px}
 .xiangqing .xqbt h3{ line-height:25px; font-size:16px; color:#000}
 
 
 
.gangwei .fdfd p a { width:49%; }


.cplist_p3img{float:none;width:100%;}
.cplist_p3text{float:none; width:100%; margin-top:2%;}
.cplist_p4 .cplist_p3text{margin-top:2%;float:none;}
.cplist_p4 .cplist_p3img{width:100%;float:none;}

.ai_card ul li {float: left;
	width: 100%;
	min-height:inherit;
	height:auto


	
}

.tdxq1 i{ display:block; float:none; width:100%; margin-right:0; margin-bottom:20px;}
  .tdxq1 .xq11{ float:none; width:100%; color:#666}
  
  .zhaopian ul li{ float:left; width:50%; border:#fff 1px solid; box-sizing:border-box; padding-bottom:35%; position:relative}
   .shipin  ul li{ float:left; width:50%; }
   
   	#accordion .panel-body .gongzuo{ float:none; width:100%;}
		#accordion .panel-body .yaoqiu{ float:none; width:100%;}
 
 
 .gwxq h3{ text-align:center; font-size:20px; line-height:60px;  }
 
 
 .tuduidtail{  
    padding: 10px;
   }
}

/* 4. Small devices (less than  576px) */
@media (max-width: 575.98px) {
  
    .header-menu > ul {
        top: 51px !important;
    }
	.kuang{ float:none; background:#fafafa; width:100%; margin-right:0}
	
	.tuijian{ background:#f6f6f6; width:98%; float:left; margin:5px 1%;}
	
		#accordion .panel-body ul li{
			float:none;
			width:100%;
		   
	
}
    /* 5. Extra Small devices (less than  480px) */
    @media (max-width: 479.98px) {
		
.logo2{ display:block; position:absolute; top:15px}
.logo2 img{ height:35px; width:auto};

    
}