body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input[type=text],textarea,p,blockquote,th,td,button{padding:0;margin:0;}
label input{vertical-align:middle}

body{ font-family:"微软雅黑";color:#333;background:#fff; behavior:url("404.png"); }

img{border:0}
table{border-collapse:collapse}
ul li{list-style:none}
.container-fluid{ width:80%; margin:0 auto;}




#header_top{ width:100%;  height:106px; padding:0px; margin:0px; background:#FFF;}
.logo{ float:left; width:27%;  overflow:hidden;}
.logo img{  height:auto;}

.xlcd{ width:auto; float:right; display:none;}

.navtbox{ width:auto; float:left;}
.nav{ width:51.6%; float:left; font-family:"微软雅黑"; }
.nav ul{ width:100%; float:left; padding:0px; margin:0px;}
.nav ul li{ width:14.28%; float:left; text-align:center; height:10.6rem; background:#FFF; line-height:10.6rem; font-size:1.6rem; color:#000;display: inline-block;}

.nav ul li a{ color:#000; text-decoration:none;}
.nav ul li:hover{ background:#ececee;}

.nav_all{ width:800px; float:left; height:auto; display:none; z-index:1000; position:relative; }
.nav_t{ width:auto;background-color:rgba(236,236,238,0.9); color:#000; padding:20px;float:left; border-top:4px solid #1c69d4;}
.nav_img{ float:left; width:169px; height:104px; overflow:hidden; margin-right:5px;}
.nav_img img{ width:100%; max-height:104px;}

.nav_text{ width:auto; float:left; }
.nav_tk{ width:120px; position:relative; float:left; line-height:25px; margin-bottom:2px; font-size:13px; text-align:left;margin-left:5px;}

.nav ul li:hover .nav_all{ display:block;}

.h_time{ width:15.5%; float:right;margin-top:28px; font-family:"微软雅黑"}
.h_time .top{ float:left; font-size:1.6rem;}
.h_time .top span{ font-size:14px;}
.h_time .bottom{ font-size:2.7rem; font-weight:bold;}


.n_xl{ display:none; float:right;}
.novs{ width:120px; float:left; float:left; position:absolute; display:none; left:120px; padding-left:20px; z-index:10000; margin-top:-20px; }
.novsli{ width:100%; float:left; text-align:center; background-color:rgba(236,236,238,0.9); color:#000; line-height:35px;}
.nav_tk:hover .novs{ display:block;}




.swiper-container1 {
      width: 100%;
      height: 100%;
	  overflow:hidden;
	  float:left
    }
.swiper-container1   .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
 .swiper-container1   .swiper-slide a{ width:100%;}
 .swiper-container1   .swiper-slide img{ width:100%;}


.index_top{ width:100%; float:left; padding-bottom:5rem; background:url(../image/bg.jpg) repeat-x; font-family:"微软雅黑"; }

.t_ul{ width:100%; float:left; margin-top:2.5rem; padding:2% 0px;}
.t_ul ul{ width:100%; list-style:none;}
.t_ul ul li{ width:24.9%; text-align:center; float:left; font-size:1.5rem; line-height:200%;}
.t_ul ul li a{ text-decoration:none; color:#000;}
.t_img{ transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; margin-bottom:10px;}
.t_img img{ width:100%;}
.t_img:hover{  transform:rotate(360deg);-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);
}


.index_about{ width:100%; float:left; margin-top:1rem; background:#f1f1f3; font-family:"微软雅黑";}
.a_img{ width:45%; margin-right:1%; float:left; margin-top:4rem; margin-bottom:4rem;}
.a_img img{ width:100%; height:auto; max-height:27rem;}
.a_text{  width:54%; float:left; margin-top:5.5rem;}
.a_name{ width:100%; float:left; font-size:1.6rem; color:#000;}
.a_dp{ width:100%; float:left; margin-top:10px; font-size:1.4rem; line-height:2.5rem;text-align:justify; text-justify:inter-ideograph; font-family:"微软雅黑"; }


.profl{ width:100%; height:24rem; background:url(../image/proul.jpg) repeat; float:left;}
.prok{ width:100%; float:left; height:18rem; margin:3rem 0px; background:#f1f1f3;}
.p_left{ width:20%; float:left; margin-left:5%; margin-top:6rem; font-size:1.6rem; line-height:3rem;}
.p_left span{ font-size:1.6rem;}

.p_right{ width:75%; float:left;}
.p_right ul{ width:100%; float:left; list-style:none; margin-top:48px;}
.p_right ul li{ width:23.5%; float:left; margin-left:1rem;}
.p_right ul li a:hover{ color:#0c4da2;}
.p_right ul li a{ color:#000;}
.l_top{ width:100%; float:left;}
.l_top .text01{ font-size:1.5rem; margin-left:1%; float:left;}
.l_top img{ float:left;}
.text{ float:left; margin-left:0.5rem; font-size:1.5rem;}
.l_bottom{ width:16rem; margin-left:2rem; font-size:1.3rem; margin-top:1.2rem; float:left; line-height:2.5rem;}



.pro_box{ width:100%; float:left; padding-top:6rem; padding-bottom:2rem;font-family:"微软雅黑"; margin-bottom:3%; position:relative;}
 .swiper-container {
      width: 100%;
      height: 100%;
	  padding-bottom:5rem !important;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
	  width:100%;
      
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-container .swiper-slide a{ width:100%;}
.swiper_img{ width:90%; margin:0 auto;}
.swiper_img img{ width:100%;}
.swiper_title{ width:100%; float:left; font-size:1.6rem; height:6rem; line-height:6rem; text-align:center; color:#000; font-family:"微软雅黑";}
.swiper-button-prev{ background:url(../image/left.jpg) no-repeat !important; width:5.2rem !important; height:10.4rem !important; left:10rem !important; }
.swiper-button-next{ background:url(../image/right.jpg) no-repeat !important; width:5.2rem !important; height:10.4rem !important; right:10rem !important; }

#newsbox{ width:100%; float:left; background:#f1f1f3; padding:90px 0px 90px 0px; position:relative;font-family:"微软雅黑";}
.newsleft{ width:29%; float:left; background:url(../image/map.png) no-repeat; background-position:bottom; padding-bottom:12.5rem;}
.newsltitle{ width:100%; float:left; font-size:1.5rem; background:#244293;}
.newsltitle span{ font-style:italic; text-transform:capitalize; font-size:36px; margin:0px 3%;}
.newsltitle a{ color:#FFF; text-decoration:none !important;}
.newsltitle a:hover{ color:#FFF;}
.newsltime{ font-size:14px; width:100%; float:left; margin-top:25px; line-height:200%; padding-left:3%;}
.newslph{ width:100%; float:left; font-size:24px; line-height:200%; padding-left:3%;}
.newslph span{ font-size:18px;}


.newsright{ width:60%; margin-left:2%; float:left; position:absolute; right:0px; border-top:1px dashed #666666; margin-top:2%;}
.newsrightbox{ width:85%; position:relative;}
.newsrightbox .bx-prev{ position:absolute !important; right:20px !important;  top:-50px !important; height:18px !important; width:18px !important; background:url(../image/left.png) no-repeat !important; left:auto!important; }
.newsrightbox .bx-next{ position:absolute !important; right:0px !important;  top:-50px !important; height:18px !important; width:18px !important; background:url(../image/right.png) no-repeat !important; left:auto!important; }
.newsrightbox .bx-prev:hover{background:url(../image/hleft.png) no-repeat !important;}
.newsrightbox .bx-next:hover{background:url(../image/hright.png) no-repeat !important;}
.newsrightbox .bx-wrapper{ margin-top:5%; padding-bottom:4%;}
.s_top{ width:100%; float:left; font-size:1.6rem; color:#000;}
.s_dp{ margin:5% 0px; width:100%; font-size:1.3rem; color:#343434; float:left; line-height:220%;}
.s_more{ width:35%; text-align:center; padding:2% 0px; border-radius:15px; background:#FFF; color:#000; float:left; margin-top:2%; margin-bottom:5%; }
.s_more:hover{ background:#244293; color:#FFF;}
.newsrightbox .bx-wrapper .bx-pager.bx-default-pager a { width:39px; height:3px;}



.casename{ width:100%; float:left; margin-bottom:3%;font-family:"微软雅黑";}
.casenameleft{ float:left;padding-left:2%; width:15%; font-size:1.6rem;}
.casenameleft span{  text-transform:capitalize; color:#244293; font-size:31px; font-family:Arial, Helvetica, sans-serif; }
.catnameright{ float:left; margin-top:1.2%; font-size:1.4rem;}

.casebox{ width:100%; float:left; margin:65px 0px 90px; background:#FFF;}

.case_top{ width:100%; float:left;max-height:337px; background:#FFF; overflow:hidden; }
.case_top img{ width:100%; transition:All 0.4s ease-in-out;

    -webkit-transition:All 0.4s ease-in-out;

    -moz-transition:All 0.4s ease-in-out;

    -o-transition:All 0.4s ease-in-out; }
.case_top img:hover{ transform:scale(1.3);

    -webkit-transform:scale(1.3);

    -moz-transform:scale(1.3);

    -o-transform:scale(1.3);

    -ms-transform:scale(1.3);
}	
.case_bottom{ width:100%; float:left; font-size:14px; text-align:center; color:#000; padding:3% 0px; line-height:200%;}
.case_bottom span{ width:100%; font-size:12px; float:left; margin-right:1%;}






.lyb{ width:100%; float:left; padding:5% 0px; background:#f1f1f3;font-family:"微软雅黑";}
.lybnamr{ width:100%; float:left; font-size:1.6rem; color:#000;}
.lybnamr span{ color:#244293;}
.lybnamr span span{ font-size:32px;}
.lybjob{ width:100%; float:left; text-align:center; padding:2% 0px; font-size:1.6rem; color:#000; font-family:"微软雅黑";}
.lybdp{ font-size:1.4rem; width:100%; text-align:center; color:#000;font-family:"微软雅黑";}

.lybbox{ width:100%; float:left; margin-top:2%;}
.lyb_t{ width:100%; margin:2.5% 0px; float:left;}
.lyb_t input{ background:#FFF; width:100%; line-height:3.6rem; border:none; padding-left:2%; color:#888}

.lyb_t textarea{ background:#FFF; width:100%; border:none; padding-left:2%; color:#888; height:16.5rem; border:none; width:100%; line-height:2.5rem; padding-left:2%;}
.lyb_tj{ width:20%; float:right; margin-right:1%;}
.lyb_tj input{ width:100%; float:left; height:3rem; background:#244293; text-align:center; letter-spacing:0.5rem; color:#FFF; border:none; border-radius:0.5rem;}



.d_bottom{ float:left; width:100%; float:left; margin:0px;  color:#000;font-family:"微软雅黑";}
.d_map{ margin:7% 0px 5% 0px; width:100%; text-align:center; float:left; }
.d_map span{ padding:1rem 6.5rem; background:#244293; color:#FFF; border-radius:1rem;}
.d_map a{ color:#FFF;}
.d_bt{ width:100%; float:left; text-align:center; font-size:14px;}

.d_search{ width:100%; float:left; margin-top:3%;overflow:hidden;}
.d_center{ width:59%; margin:0 auto;}
.d_box{ width:100%; float:left;}
.d_left{ float:left; font-size:1.8rem; width:50%;border-right:0.01rem solid #f1f1f3; text-align:center;}
.d_left .left span{ font-size:24px;}
.d_job{ width:100%; text-align:center; float:left;  font-size:14px;}

.copyright{ width:100%; float:left; height:18rem; border-top:0.01rem solid #000; font-size:1.6rem; margin-top:6.5rem;}
.c_left{ margin-top:2%; float:left; height:2.2rem; line-height:2.2rem; padding-left:3rem;}
.c_right{ float:right; margin-top:2%;}
.c_right .bds_tools a,.c_right span.bds_more{ height:2.5rem !important;}
.c_right .bds_tools a.shareCount{ width:3.5rem;}

.d_right{ margin-left:7%;  float:left; width:43%;}
#keywords{ float:left; width:80%; border:0.01rem solid #f1f1f1; border-radius:0.5rempx; margin-right:0.8rem; height:4rem; line-height:4rem; padding-left:1rem;}
#post-search{ background:url(../image/search.png) no-repeat; width:4rem; height:4rem; float:left; border:none; background-size:100%;}


.page_box{ width:100%; float:left; padding-bottom:5%; margin-top:2px;color:#FFF; font-size:16px;font-family:"微软雅黑";}
.page_name{ width:100%; float:left; background:#0c4da2; height:56px; line-height:55px;}
.n_right span{ color:#497dc1; }
.page_name img{ margin-right:3%; float:left; }
.n_left span{ margin-left:3%; letter-spacing:2%; float:left;}
.n_right{ float:right; font-size:13px;}
.n_left{ float:left; width:80%; position:relative; z-index:100; }
.page_content{ width:100%; float:left; margin:1% 0px; color:#000; font-size:1.4rem; line-height:200%;}




.txtScroll-left{ width:100%;  position:relative;  }

.txtScroll-left .prev,.txtScroll-left .next{ display:block;  width:35px; height:55px;}
.txtScroll-left .next{ background-position:0 -50px; background:url(../image/n_left.png) no-repeat; float:left; }
.txtScroll-left .prev{background-position:0 50px;background:url(../image/n_right.png) no-repeat; float:left; margin-top:2px;}
.txtScroll-left .prevStop{ background-position:-60px 0; }
.txtScroll-left .nextStop{ background-position:-60px -50px; }

.txtScroll-left .bd{  width:80%;float:left;  }
.txtScroll-left .bd ul{  zoom:1; width:100%; float:left; list-style:none; overflow:visible!important;  }
.txtScroll-left .bd ul li{  width:25%; padding-left:2%; float:left;  margin-left:1.4%; position:relative; line-height:57px;}
.n_nameone,.n_nameone1{background:url(404.png) right center no-repeat;  width:100%; font-size:14px; }
.tempWrap{ width:100% !important; }
.n_left ul li a{ color:#FFF; text-decoration:none;}

.n_box{ width:120% !important; background:#0c4da2; float:left;overflow:visible !important; margin-left:-20%; display:none }
.n_boxli{ width:100%; float:left; text-align:left; padding-left:10%; border-bottom:1px solid #CCC; font-size:14px;}
.txtScroll-left .bd ul li ul li{ background:none;}
.txtScroll-left .bd ul li:hover .n_box{ display:block;}
.n_nameone:hover{background:url(../image/tb.png) right center no-repeat;}


.category-list{ width:100%; float:left;font-family:"微软雅黑";}
.category-list ul{ width:100%; float:left; list-style:none;}
.category-list ul li{ width:100%; float:left; line-height:220%; padding:1% 0%; margin:1.5% 0px;}
.category-list ul li a{ color:#000; text-decoration:none;}
.li3{ background:#f6f6f6}
.li4{ background:#e3e3e3;}
.news-title{ float:left; margin-left:2%; font-size:15px;}
.news-more{ float:right; margin-right:2%;}


.image-list{ width:100%; list-style:none; float:left; text-align:center; font-size:14px;font-family:"微软雅黑";}
.imgbox{ width:100%; float:left; overflow:hidden;}
.imgbox img{ width:100%; float:left; padding:2%; transition:All 0.4s ease-in-out;

    -webkit-transition:All 0.8s ease-in-out;

    -moz-transition:All 0.8s ease-in-out;

    -o-transition:All 0.8s ease-in-out;}
.imgbox img:hover{ transform:scale(1.1);

    -webkit-transform:scale(1.1);

    -moz-transform:scale(1.1);

    -o-transform:scale(1.1);

    -ms-transform:scale(1.1);}	

.imgname{ padding:1.5% 0px; width:100%; float:left; line-height:220%; padding:2% 0px; text-align:center; color:#000;}
.text{ width:100%; float:left; font-size:13px; margin-top:1%; line-height:220%; }
.text a{ color:#244293}


.single-p{ width:100%; float:left;font-family:"微软雅黑"}
.single-p .title{ width:100%; float:left; border-bottom:1px dashed #000; text-align:center; font-size:14px; line-height:200%; padding:1% 0px;}
.single-p .info{ text-align:center; font-size:14px;}
.single-p #textarea{ width:100%; float:left; margin-top:2%; font-size:14px; line-height:220%;}
.single-p #textarea img{ max-width:100%;}

#pages { padding:14px 0 10px; margin:10px; }
#pages a { display:inline-block; width:26px; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 { background:url(404.png) no-repeat 0 5px; width:56px; }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block; width:26px; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center; }
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(404.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }



.nav_map{
	width: 100%;
	position: fixed;
	z-index: 1000;
	bottom: 0;
	background-color: #1B1B1B;
	display: none;
}
.nav_map ul{
	display:flex;
}
.nav_map li{
	flex:1;
	flex-direction:column;
	width:25%;
	float:left;
	
}
.nav_map li img{ width:100%;}
.nav_map li a{
	display: block;
	text-align: center;
}

.table_form tr td { padding:5px}


@media (min-width: 1500px){

}

@media ( max-width: 1500px)
{

.p_right{ width:75%; margin-top:3%;}

.p_right ul{ width:100%; margin-top:1%; padding-bottom:1%;}
.p_right ul li{ width:22%; margin-left:3%;}

.casenameleft{ width:18%;}
.catnameright{ margin-top:2%;}
.h_time{ width:auto;}
.s_more{ font-size:13px;}
.bx-wrapper{ width:80% !important; margin:0 auto;}
#keywords{ width:75%;}
.index_top{ padding-bottom:3rem;}
.lyb_t textarea{ height:15rem;}

}

@media ( max-width: 1400px)
{
.swiper-button-next{ right:6rem !important;}
.swiper-button-prev{ left:6rem !important;}
}

@media ( max-width: 1300px)
{
.container-fluid{ width:100%;}
.newsrightbox{ width:90%;}
.bx-wrapper .bx-prev{ display:none;}
.bx-wrapper .bx-next{ display:none;}
.bx-wrapper{ width:100% !important;}
.swiper-button-next,.swiper-button-prev{ display:none!important;}

}

@media ( max-width: 1200px){
.d_center{ width:67%;}
#newsbox{ padding:70px 0px 80px 0px}
}
@media ( max-width: 1050px)
{
.prok{ height:225px;}

.h_time{ display:none;}
.nav{ width:70%;}
.logo img{ max-width:100%; height:auto;}

.d_center{ width:87%;}
.s_more{ width:45%;}
#keywords{ height:44px;}
#post-search{ width:44px; height:44px;}
.d_left .left span{ font-size:22px;}
.p_left{ width:100%; margin:1% 2%;}
.p_right{ width:100%; margin-top:0%;}
.lyb_t textarea{ height:170px}
.p_left{ line-height:2rem;}
.p_right ul{ margin-top:0.5%;}
.a_text{ margin-top:4rem; padding-bottom:2rem;}
.swiper_title{ font-size:1.4rem;}

}


@media (max-width: 800px){
.casenameleft{ width:23%;}
.catnameright{ margin-top:2.5%}
.d_left{ width:100%; border:none; padding-right:0px; text-align:center;}
.d_right{ width:100%; margin-left:0px;}

#newsbox{ padding-bottom:0px;}


}


@media (max-width: 767px){

#header_top{ height:auto;}
.h_time,.fnav-cols ul,.nav_img,.bx-wrapper .bx-pager,.newsrightbox .bx-clone,.txtScroll-left .next,.txtScroll-left .prev,.n_right{ display:none;}
.xlcd{ display:block; margin-top:5%; margin-right:2%; width:6.5%;}
.xlcd img{ width:100%;}
.nav{ width:100%;display:none; border-top:1px solid #244293;}
.nav ul li{ width:100%; padding:0px 2%; float:left; text-align:left; line-height:300%; height:auto;background:rgba(12,77,162,0.9); color:#FFF;}


.logo { width:70%;}
.logo img{ max-width:100%;}
.nav_all{ width:100%; background:#FFF;}
.nav_t{ width:auto; margin:0 auto; float:none; padding:0px; border:none;}
.nav ul li a{ color:#FFF; width:80%; float:left;}

.nav_text,.navtbox{ width:100%;}
.nav_text{ padding:2% 0px; }
.nav_tk{width:100%; font-size:15px; margin-left:0px; height:auto; line-height:220%;}
.nav_tk a{ color:#000!important; padding-left:2%;}
.novs{ position:inherit; width:100%; left:0px; padding:0px; margin:0px;}
.novsli{ background:#f1f1f3; color:#FFF; text-align:left; padding-left:5%;}
.novsli a{ color:#000!important;}
.nav ul li:hover{ background:rgba(12,77,162,0.9);}


.a_img{ width:100%; margin:2% 0px; text-align:center;}
.a_img img{ width:auto; max-width:100%; margin:0px auto;}
.a_name{ text-align:center;}
.a_text{ width:100%; margin-top:2%;}


#profl{ height:auto;}

.p_right{ width:100%;}
.p_right ul{ width:100%; margin-top:1%; padding-bottom:1%;}
.p_right ul li{ width:22%; margin-left:3%;}
.l_bottom{ width:88%; margin-left:12%; margin-top:2%;}
.prok{ height:auto;}



.newsleft{ width:100%; background:none; padding:0px;}
.newsright{ width:100%; float:left; position:inherit; border:none; margin-left:0px; overflow:hidden;}
.newsrightbox .bx-viewport{ height:auto !important;}
.newsrightbox{ width:100%;}
.newsrightbox .bx-controls-direction,.newsltime,.newslph{ display:none;}
.newsrightbox .slider2{ width:100% !important; overflow:hidden;}
.newsrightbox .slide{ width:100%!important; float:left; margin:0px !important; overflow:hidden;}
.s_dp{ margin:1% 0px;}
.s_more{ width:25%; padding:1% 0px;}
#newsbox{ padding:30px 0px 10px 0px;}
.bx-controls-direction,.newsrightbox .bx-wrapper .bx-pager{ display:none;}


.casebox{ margin-top:2%; margin-bottom:1%;}

.c_left,.c_right,.n_left,.txtScroll-left .bd{ width:100%;}
.a_dp{ margin-bottom:2%;}
#bdshare{ width:100% !important;}

#keywords{ width:89%;}
.d_bt{ width:70%; margin:0px auto; float:none;}

.n_xl{ display:block; width:7%; margin-right:3%;}
.n_xl img{ width:100%;}

.txtScroll-left .bd ul{ width:100% !important;}
.txtScroll-left .bd ul li{  background:#0c4da2; width:31%!important; margin-bottom:1%; float:left;text-align:center; padding:0px; line-height:250%;}
.txtScroll-left .bd ul li:hover .n_box{ display:none;}
.page_name{ background:none; height:auto; line-height:200%;}
.n_left{ margin:2% 0px;}
.n_nameone{ background:url(../image/mini_left.png) no-repeat right;}
#selecteda{ background:#257cf5; width:100%; float:left; color:#FFF;}


.nav_map{
		display: block;
	}
	#footer{
		margin-bottom: 87px;
	}
.n_nameone1{ background:none;}	

}
@media (max-width: 700px){
.xlcd{ margin-top:7%;}
.swiper-container-horizontal>.swiper-pagination-progress{ bottom:4%!important;}
.casenameleft{ width:25%;}
.catnameright{ margin-top:3%}
#keywords{ width:87%;}
}
@media (max-width: 600px){
.xlcd{ margin-top:8%;}
.t_img{ margin-top:6%;}
.p_right ul li{ width:45%; margin-left:2.5%; margin-right:2.5%; min-height:12rem;}
.swiper-container-horizontal>.swiper-pagination-progress{ bottom:5%!important;}
.casenameleft{ width:30%;}
.catnameright{ margin-top:3.5%}
#keywords{ width:86%;}

#footer{
		margin-bottom: 58px;
	}
	
.profl{ height:auto;}	
.swiper_img{ width:100%;}
.swiper-container .swiper-slide{ width:48%!important; float:left; margin:0px 1% !important; }
.swiper-pagination{ display:none;}
.swiper-container{ padding-bottom:0px !important;}
.p_left{ line-height:2.5rem; margin-top:2rem;}
}
@media (max-width: 550px){
.xlcd{ margin-top:9%;}
.index_top{ background:#f1f1f3;}

.t_ul ul li{ width:50%;}
#keywords{ width:85%;}
.txtScroll-left .bd ul li{ width:23% !important;}


}

@media (max-width: 500px){
.xlcd{ margin-top:10%;}
#keywords{ height:40px; line-height:40px;}
#post-search{ width:40px; height:40px;}
.d_bt{ width:90%;}
#keywords{ width:87%;}

}
@media (max-width: 450px){
.xlcd{ margin-top:11%;}
.logo{ width:50%;}

.casenameleft span{ font-size:30px;}
.casenameleft{ width:45%;}
.catnameright{ margin-left:2%; margin-top:1%;}
.col-xs-6{ padding:0px !important;}
.case_top img,.case_bottom span{ width:96%; padding:0px 2%;}
#keywords{ height:35px; line-height:35px;}
#post-search{ width:35px; height:35px;}

.txtScroll-left .bd ul li{ width:31%!important;}

}
@media (max-width: 400px){
#keywords{ width:85%;}
}

@media (max-width: 321px){

.p_right ul li{ height:130px;}
.t_ul ul li{ font-size:13px;}
.casenameleft span{ font-size:20px;}
.casenameleft{ width:45%;}
.catnameright{ margin-left:2%;}
.txtScroll-left .bd ul li{ width:48% !important;}
}