@charset "utf-8";
/* CSS Document */

/*-----------------

*Filename:style.css
*Description:CSS
*Author:Matchmen-Carol
*Date:2016-09-12

-------------------*/







@media screen and (max-width: 1024px) {
         body{ background:#FFF;}
	.top_center{ width:95%; margin:auto; height:5rem;overflow: hidden;}
        .ico{display:none;}
	.ico img{ margin-left:1.5rem; width:2.5rem; height:2.5rem;}
	


 .side_close{position:fixed; width:100%; height:100%;left:100%; top:0; background:#fff;  z-index: 99999; transition:all 0.6s;background:#000;opacity: 0.9;}
        .nav_icon{ display:block; width: 100%; height:5rem; background:url(../images/nav_icon.png) no-repeat center; background-size:100% auto; z-index: 99;}
        .side_icon{ display:block;height:5rem;background-image: url(../images/btn_side_close.png) !important;}
       
        .nav{display:none;}
	.nav2{ width:7%; z-index: 1; float:right;height: 5rem;}
	.nav2 ul li{ width:100%; text-align:center; float:left; line-height: 45px; overflow:hidden; font-size:18px; float:left; text-align:center;}
	.nav2 ul li a{ color:#FFF!important; display:block;}
        .nav2 ul li.del{ color:#fff; line-height: 45px; font-size:18px; cursor: pointer;font-weight: bold;}

	.juzhong{display:none;}
        .nav_wz{ float:left; margin-left:2%;width: 78%;}
	.nav_wz ul li{ line-height:5rem; font-size:1rem; width:25%; float:left;text-align: center;}
	
	
	
	.bottom_s,.footer{ display:none;}
	.bottom2 ul{ width:95%; margin:auto;}
	.bottom2{background:#535353; width:100%; padding:1.5rem 0;}
	.bottom2 ul li{ float:left; font-size:0.9rem; color: #dedede; width:50%;margin-bottom: 0.5rem;}
       .bottom2 ul li a{color: #dedede; }
	.footer2{ width:100%; background:#000; padding:2rem 0;}
	.footer2 img{ max-width:100%; display:block; margin:auto; width:7.375rem; height:7.25rem;}
	.footer2 p{ font-size:1rem; color:#dedede; text-align:center; padding-top:1rem;}
	.section-features{ display:none;}
	.index{ width:90%; margin:1rem auto 0 auto;}
	.index ul li img{ max-width:100%; height:auto; float:left;}
	.index ul li{ margin-bottom:1rem;}
	.index .wz{ background:#eae9e9; padding:2%; float:left; width:96%;}
.index .wz h3,.index .wz p{font-size: 1rem;}
	
	.ny_zhuti2,.ny_ym{ width:90%; margin:auto;}
	.ny_zhuti,.ny_zhuti4{width:90%; margin:auto;}
        .ny_zhuti4 #dituContent{ }
	.ny_zhuti3{ width:100%; margin:auto;}
	.TeacherMod{ display:none;}
	.msjs{}
	.msjs li{ float:left; width:100%; margin-bottom:1rem;}
	.msjs li img{ text-align:center;}
	.msjs li .nr{ background:#000000; padding:2rem;}
	.msjs li .nr span{ font-weight:bold; font-size:1.75rem; color:#fff; display:block; padding-bottom:0.5rem;}
	.msjs li .nr p{ color:#fff; font-size:1.4rem;}
	.msjs li .nr font{ color:#fff; font-size:1rem; display:block; margin-top:0.5rem}
	.news ul li{ float:left; width:50%; height:22rem;}
	.case .bd .case_nr li p{font-weight:bold; font-size:2rem;color:#000000;}
	.case .bd .case_nr li p a{color:#000000; display:block; padding:1rem;}
	.case .bd .case_nr li p i{  font-size:1rem;}
	.ny_zhuti h3,.case .hd,.case2 .parHd,.ny_zhuti4 h3{ width:100%;}
	.case .bd .case_nr .d p{ background:#7a7979}
	
	.top_s .logo{ float:left; width:3.375rem; height:4.8125rem;}
	.top_s{ width:100%; background:url(../images/top_bj.png) repeat-x;z-index:9999; height: 5rem;overflow: hidden;}	
	
	.ico{ float:right; margin-top:1.5rem; }
	
	.ny_zhuti .wz,.ny_zhuti4 .wz{ margin-top:30px;}
.ny_zhuti .wz span{ display:block; font-size:16px; color:#000000; font-weight:bold;}
.ny_zhuti4 .wz span{display:block;font-size: 12px;color: #666666;line-height: 23px;}
.ny_zhuti .wz font,.ny_zhuti4 .wz font{ display:block; font-size:14px; color:#000000; font-family:Arial; margin-bottom:30px; line-height:25px;}
.ny_zhuti .dy li,.ny_zhuti4 .dy li{ font-size:12px; color:#666666; line-height:40px; padding-left:45px;}
.service ul li img{ float:right; width:13.8%; height:auto;}	
	.service ul li .img2{ display:none;}
	.case .bd .case_nr .b p a,.case .bd .case_nr .c p a,.case .bd .case_nr .d p a{ color:#FFF;}
	



	.qywh .wz{ width:100%;}
	.qywh .img{ width:100%; margin-bottom:1rem;}
	.news ul li span{ }
	
	.banner{ width:100%; position:relative; overflow:hidden;  }
	.banner .bd ul li{ width:100%;}
	.banner img{ max-width:100%; height:auto;}
	.banner .hd{ position:absolute; bottom:1rem; right:0;text-align:center; width:100%;z-index:1;}
	.banner .hd ul li{ width: 2rem; display:inline-block; margin-left:0.5rem;text-indent:-9999px;
height: 0.5rem;
border-radius: 0.375rem;
background: #a0a0a0;
-webkit-transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1);
-ms-transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1);
transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1);}
	.banner .hd ul li.on{ background: #FFF;
-webkit-transform: rotateY(180deg) rotateX(-180deg);
-moz-transform: rotateY(180deg) rotateX(-180deg);
-ms-transform: rotateY(180deg) rotateX(-180deg);
transform: rotateY(180deg) rotateX(-180deg);}




	
	}



	
@media screen and (min-width: 1025px) {
        .nav2{display:none;}
	.nav{ margin-left:10px; float:left; }
	.nav ul .nLi{ height:80px; line-height:80px;margin: 0 30px 0 35px;font-size:14px; color:#000000; float:left; text-align:center; position:relative;padding-top:0.625rem;}
	.nav ul .nLi span{ display:none;}
	.nav ul .nLi font{ display:block;}
	.nav ul .nLi:hover span{ display:block; }
	.nav ul .nLi:hover font{ display:none;}
	.nav ul .nLi a{ display:block;  color:#000000; overflow:hidden; background:url(../images/nav_ico.png) no-repeat right 40px; padding-right:20px;}
	
	.nav ul .nLi .sub{ width:130px; position:absolute; top:88px; left:-40px; z-index:99999!important; display:none; padding:5px 0; background: #ccc;}
	.nav ul .nLi .sub li{ line-height:35px; color:#FFF; text-align:center; font-size:14px;}
	.nav ul .nLi .sub li a{color:#FFF; padding:0;}
	.nav ul .nLi .sub li a:hover{ background:#b5b4b4; padding:0;}
	
	
	.nav_icon,.nav_wz{ display:none;}
	.side_icon{ display:none;}
	.top_s{  position: fixed; left:0; top:0; }	
	#container{margin-top:98px;}
	.index,.bottom2,.footer2{ display:none;}
	.ico{float: right;margin-top:35px;}
	.ico img{ margin-left:25px;}
	
	
	.ny_content{ margin-top:98px;}
	.msjs{ display:none;}
	.news ul li{ float:left; width:25%; margin-bottom:2rem;}
	.case .bd .case_nr li p{ position:absolute; bottom:0; left:0; width:100%; height:54%; background:url(../images/case_bj.png) repeat; font-weight:bold; font-size:4rem; text-align:center; color:#000000; padding-top:30%; display:none;}
	.case .bd .case_nr li p i{ display:block; font-size:1.5rem;}
	.case .bd .case_nr li p a{ display:block; color:#000000;}
	.case .bd .case_nr li:hover p{ display:block; cursor:pointer;}
	.top_s{ width:100%; height:98px; background:url(../images/top_bj.png) repeat-x;z-index:9999; }	
	.top_center{background:url(../images/nav_bj.png) no-repeat left center; }
	
	.ny_zhuti .wz,.ny_zhuti4 .wz{ margin-top:30px;}
.ny_zhuti .wz span{ display:block; font-size:20px; color:#000000; font-weight:bold;}
.ny_zhuti4 .wz span{ display:block; font-size: 16px;color: #666666;line-height: 28px;}
.ny_zhuti .wz font,.ny_zhuti4 .wz font{ display:block; font-size:16px; color:#000000; font-family:Arial; margin-bottom:35px; line-height:25px;}
.ny_zhuti .dy li,.ny_zhuti4 .dy li{ font-size:16px; color:#666666; line-height:50px; padding-left:45px;}
	
	
	
	
	.service ul li .img{float:right;width:138px;height:138px;overflow:hidden; margin: 1rem auto;}
	.service ul li .name{font-size:18px;font-weight: normal;margin-top: 5px;}
	.service ul li .p{font-size:14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.service ul li:hover .img1{transform: translateX(-138px);-webkit-transform: translateX(-138px);}
	.service ul li:hover .img2{transform: translateY(-138px);-webkit-transform: translateY(-138px);}
	.service ul li .img img{ transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}

	.qywh .wz{ float:right;  width:45%;}
	.qywh .img{ float:left; width:50%; }
.banner{ display:none;}
.news ul li span{ height:2.8rem; background:url(../images/news_y.jpg) no-repeat bottom left; padding-bottom:0.5rem; }
.top_s .logo{ margin-top:10px;}

	}	
	

.top_s .logo{ float:left; }

#container{width:100%; display:inline-block;}

.juzhong{ position:relative; max-width:1920px; margin:auto;}












.bottom_s{background:#535353; width:100%; padding:65px 0 40px 0;}
.bottom_nr{ float:left; width:860px;}
.bottom_nr .hd ul{background:url(../images/b_y.png) no-repeat bottom left;}
.bottom_nr .hd ul li{ float:left; margin-right:50px;padding-bottom:15px; height:41px; cursor:pointer;}
.bottom_nr .hd ul li.on{ background:url(../images/b_ico.png) no-repeat bottom center;}
.bottom_nr .bd ul li{ font-size:14px; color:#dedede; padding-top:15px;}




.footer{ padding:30px 0 10px 0; background:#000000; width:100%;}
.footer ul{ height:40px; overflow:hidden;padding-bottom: 10px;}
.footer ul li{ float:left; font-size:16px; color:#535353; line-height:40px; text-align:center; margin-right:105px;}
.footer ul li a{ color:#535353; display:block;overflow:hidden;}
.footer ul li span{  display:block; margin-top:-40px; text-align:center; }
.footer ul li a:hover{padding-top:40px;color:#fff;}
.footer p{ font-size:12px; color:#535353;}

/*ny_com*/
.ny_content{ width:100%; overflow:hidden;}
.ny_banner{ position:relative;overflow:hidden;}
.ny_banner img{ display:block; margin:auto; max-width: 1920px; width:100%; height:auto;}
.ny_banner span{ position:absolute; bottom: 20%; left: 25%; color:#FFF; font-size:1.25rem; width:10.6875rem; height:3.3125rem; background:url(../images/bj.png) repeat; text-align:center; line-height:3.3125rem; cursor:pointer;}
.ny_zhuti,.ny_zhuti2,.ny_zhuti3,.ny_zhuti4{ margin-top:35px; padding-bottom:20px; }
.ny_zhuti h3,.ny_zhuti2 h3,.ny_zhuti3 h3,.ny_zhuti4 h3{ color:#000000; font-size:0.9rem; padding-bottom:1.25rem; border-bottom:0.1rem solid #dfdede; margin-bottom:2rem;}
.ny_zhuti h3 a,.ny_zhuti2 h3 a,.ny_zhuti3 h3 a,.ny_zhuti4 h3 a{ color:#000000;}
.ny_zhuti img{ display:block; max-width:100%; height:auto;margin: auto;}
.ny_zhuti h3 a:hover, .ny_zhuti2 h3 a:hover, .ny_zhuti3 h3 a:hover,.ny_zhuti4 h3 a:hover{ color:red; text-decoration:underline;}
.ny_zhuti4 .tu{display:block; max-width:100%; height:auto;}

/*customer*/
.ny_zhuti2{position:relative;}
.ny_zhuti2 .customer{ padding-top:2rem;}
.ny_zhuti2 .customer li{ float:left; text-align:center; width:20%; height:10rem; }
.ny_zhuti2 .customer li img{ height:auto;width: 80%; filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);}
.ny_zhuti2 .customer li img:hover{ width: 110%; height: auto;}
.ny_ym { text-align:center; margin:1rem auto 2rem auto; float:left;}
.ny_ym ul li,.ny_ym ul span,.ny_ym ul a{overflow:hidden; display:inline-block; padding:0 0.5rem; cursor:pointer;color: #000; font-size:1rem;margin: 0 0.2rem;}
.ny_ym ul span:hover,.ny_ym ul a:hover{ }
.ny_ym ul .disabled{background: #535353; color:#fff}

/*about*/
.about .hd ul li{ width:20%; height:4rem; line-height:4rem; text-align:center; font-size:1rem; color:#000000; cursor:pointer; float:left; background:#dfdede url(../images/about_y.png) no-repeat left center;}
.about .hd ul li a{ display:block;}
.about .hd ul li:hover{background:url(../images/about_bj.png) repeat-x;}
.about .hd ul li.on{ background:url(../images/about_bj.png) repeat-x;}
.about .bd ul h4{ text-align:center; font-size:24px; font-weight:bold; color:#000000; padding:1.8rem 0; display:block;}

.TeacherMod{width:330px;float:left;background:#fff}
.TeacherMod .img{width:330px;height:496px;overflow:hidden;}
.TeacherMod .img img{width:330px;height:496px}
.mainModBox {overflow:hidden;}
.TeacherMod .info{margin-left: -1px;height:150px;padding:0 30px;}
.TeacherMod .info .name{font-size:26px;line-height:36px;padding-top:41px;color:#3e3a39}
.TeacherMod:hover .name{ color:red;}
.TeacherMod .info .jobs{font-size:16px;line-height:20px;padding-top:14px;color:#727171}
.TeacherMod:hover{background:#f1f0f0}
.TeacherModInfo{background:#000000;padding-left:40px;height:261px;width:950px;float:left;padding-top:29px;line-height:22px;font-size:14px;color:#fff}
.TeacherModInfo ol li{line-height:22px;list-style-type:disc}


/*service*/
.service{ padding-bottom:4rem;}
.service h4{ font-size:1.5rem; color:#000000; text-align:center;}
.service_nr{ margin-top:1rem;}
.service ul li{ padding:2rem 0 2rem 0; border-bottom:0.1rem solid #e4e4e4;}
.service ul li .js{ float:left; width:70%;}
.service ul li .js span{ font-weight:bold; color:#000000; font-size:1.25rem;}
.service ul li .js p{ color:#666666; font-size:1rem; padding:1rem 0 1rem 0; line-height: 1.8rem;text-align: justify;text-justify: auto;}
.service ul li .js font{ display:inline-block; color:#666666; font-size:0.8rem; padding-right:2rem;}




/*news*/
.news{ padding:0.2875rem 0 0 0;}
.news ul li{ cursor:pointer; overflow:hidden; padding-bottom:1rem;}
.news ul li span{ font-weight:bold; color:#000000;font-size:1rem;display:block;}

.news ul li span a{color:#000000;}
.news ul li p{ color:#000000; font-size:0.75rem; padding-top:1rem;}
.news ul li div{padding:0 1.5rem 0 1.5rem; border-right:0.1rem solid #e5e4e4; margin-top:1.3rem;}
.news ul li:hover{ background:#fcfbfb;}
.news ul li:hover a{ color: red;} 
.news ul li:hover div{ border:none; border-right:0.1rem solid #fcfbfb;}
.news ul li div img{ position:absolute; top:-3rem; left:1.5rem; width:2.56rem; height:2.56rem;}
.ny_zhuti .news ul li img:hover{ transform: scale(1.1);-webkit-transform: scale(1.1); overflow:hidden;}
.TeacherMod .img img:hover{ transform: scale(1.1);-webkit-transform: scale(1.1); overflow:hidden;}

/*case*/
.case .hd ul li,.case2 .parHd ul li{width:25%; height:4rem; line-height:4rem; text-align:center; font-size:1rem; color:#000000; cursor:pointer; float:left; background:#dfdede url(../images/about_y.png) no-repeat left center;}
.case .hd ul li a{ display:block;}
.case .hd ul li.on,.case2 .parHd ul li.on{ background:url(../images/about_bj.png) repeat-x;}
.case .hd ul li:hover{background:url(../images/about_bj.png) repeat-x;}
.case .bd{ margin-top:2rem;}
.case .bd .case_nr .a{ }
.case .bd .case_nr .b{ }

.case .bd .case_nr .c{background:#7a7979; }
.case .bd .case_nr .d{background:url(../images/case_d.png) repeat-y top left; }
.case .bd .case_nr li{ position:relative; width:33.1%; margin:0 0.2% 1.875rem 0;; float:left;}
.case .bd .case_nr li span{ line-height:2.8rem; display:block;text-align:left; padding-left:1rem; height:2.8rem; font-size:1rem;}
.case .bd .case_nr li .bjbj{ display:block; background:url(../images/bjbj.jpg) no-repeat;}
.case .bd .case_nr li span{ background:#efeeee; color:#828282}
.case .bd .case_nr .b18j span,.case .bd .case_nr .b18j span,.case .bd .case_nr .b20j span,.case .bd .case_nr .b28j span{ background:#efeeee; color:#828282 }
/*.case .bd .case_nr .b19j span,.case .bd .case_nr .b21j span,.case .bd .case_nr .b29j span{background:#000; color:#fff }
.case .bd .case_nr .b16j span,.case .bd .case_nr .b22j span,.case .bd .case_nr .b30j span{background:#7a7979; color:#fff }
*/

/*case_read*/
.case2 .bd ul li{ padding:2rem 0;}
.case2 .bd ul li img{display:block; margin:auto;width:100%; height:auto;}
.case2 h5{ color:#000; font-size:1.625rem; text-align:left; margin-bottom:2rem;}
.video{ }
.video p{padding:5rem 0 2rem 0;}
.video iframe{display:block; margin:auto; width:100%; height:40rem;}
.case2{ margin-top:2rem; position:relative;}
.case2 .hd{ position:absolute; bottom:5rem; right:5rem; z-index:99;}
.case2 .hd ul li{ float:left; position:relative;}
.case2 .hd ul li span{ background:url(../images/t.png) repeat; position:absolute; left:0; top:0; width:100%; height:100%;}
.case2 .hd ul li.on span{ background:none;}
.case2 .hd ul li img{ width:4.2rem; height:2.75rem;}
.case2 .prev{ display:block; width:3rem; height:3.2rem; line-height:3.2rem; text-align:center; font-size: 40px; color:#FFF; position:absolute; left:3rem; top:40%; background:#514f52;border-radius:20%; filter:alpha(opacity=70); /* IE */ -moz-opacity:0.7; /* 老版Mozilla */ -khtml-opacity:0.7;/* 老版Safari */ opacity: 0.7;  /* 支持opacity的浏览器*/}
.case2 .next{ display:block; width:3rem; height:3.2rem; line-height:3.2rem; text-align:center; font-size: 40px; color:#FFF; position:absolute; right:3rem; top:40%;background:#514f52; border-radius:20%; filter:alpha(opacity=70); /* IE */ -moz-opacity:0.7; /* 老版Mozilla */ -khtml-opacity:0.7;/* 老版Safari */ opacity: 0.7;  /* 支持opacity的浏览器*/}



/*article_read*/
.news_con{ min-height:30rem;}
.news_con h2{ text-align:center; font-size:2rem; font-weight:bold;}
.news_con .author{ text-align:center;margin-top: 1rem;}
.news_con .author span{ line-height:2rem; padding-left: 1rem; font-size:0.75rem; color: #666666;}
.news_con .neirong{color:#666666; margin: 0.5rem auto auto auto; width: 90%;line-height:1.6rem; font-size:1rem;}
.news_con .syp{width: 90%; margin:5rem auto 0 auto;}
.news_con .syp p{ font-size:1rem;color:#FFF; padding:0.5rem 0 0.5rem 1rem; background:#888888; width: 70%; margin-bottom: 0.5rem;}
.news_con .syp p:hover{ opacity:0.6;}
.news_con .syp p a{color:#FFF;}

.danye{ width:90%; padding:2rem 0; margin:auto;}
.danye img{ width:50%; float:left; text-align:center;}






.qywh{ margin-top:30px;}
.qywh h4,.gsyj h4,.hdly h4{ text-align:center; font-size:24px; color:#000000; margin-bottom:3rem;}
.qywh .wz{color:#333333; font-size:0.9rem;margin-top:1rem;}
.qywh .wz p{ margin-bottom:0.4rem;text-justify: auto;text-align: justify; }
.qywh .img{max-width:100%; display:block; height:auto; }
.qywh .tt{ max-width:100%; height:auto; margin:2.8125rem 0;}

.gsyj p{ font-size:0.9rem; color:#333333;line-height:1.875rem; margin:2rem 0;}
.hdly{ position:relative; margin-bottom:5rem;}
.hdly .hd a{ display:block; position:absolute; top:7rem; width:2.125rem; height:3.75rem; background-size:100%; }
.hdly .prev{ left:0; background:url(../images/l_l.png) no-repeat center;}
.hdly .next{ right:0; background:url(../images/l_r.png) no-repeat center;}
.hdly .bd ul li{ float:left; text-align:center; width:33%;}
.hdly .bd ul li img{ display:block; max-width:100%; height:auto;}
.hdly .bd ul li p{ font-size:0.9rem; color:#000000; margin-top:1rem;}


.jop{ padding-bottom:5rem;}
.zpjj h4,.zpzw h4{text-align:center; font-size:24px; color:#000000; margin:2rem 0 2rem 0;}
.zpjj p{ font-size:0.9rem; color:#000000; line-height:1.875rem;}
.zpjj p.sh{ text-indent: 2rem;}
.zpjj span{ display:block; margin-bottom:1rem;font-size:0.9rem; color:#000000;}
.zpjj font{ display:block; color:#000000; font-size:0.9rem;margin-bottom: 1rem;}
.zpzw ul{ line-height:3.9rem; background:#e6e6e6; border-bottom:1px solid #b9b9b9;}
.zpzw ul li{ float:left; color:#000000; font-size:1rem; padding-left:5%;}
.zp_title{ padding:1.5rem 0; font-size:0.9rem; color:#666666; border-bottom:1px solid #b9b9b9; cursor:pointer;}
.zp_title:hover{ background:#e6e6e6;}
.zp_title span{width:15%; padding-left:5%; float:left;}
.zp_title font{width:15%; padding-left:5%; float:left;}
.zp_title p{width:50%; padding-left:5%; float:left;}
.zp_biaoti{ width:80%;background: #000000; padding:40px 10%; color:#FFF;}
.zp_biaoti h5{ font-size:1rem; margin-bottom:1rem;}
.zp_biaoti p{ font-size:0.9rem;}


.ryzz{ margin-bottom:5rem;}
.ryzz h4{text-align:center; font-size:24px; color:#000000; margin:2rem 0 2rem 0;}
.ryzz p{ font-size:0.9rem; margin-bottom:1rem; line-height:1.875rem;}
.ryzz img{ display:block; max-width:100%; height:auto; margin:2rem 0;}

.dt_banner{ position:relative;}
.dt_banner ul li img{ display:block; max-width:1920px; width:100%; height:auto;margin: auto;}
.dt_banner{ position:relative;}
.dt_banner .hd{ position:absolute; bottom:2rem; left:48%;}
.dt_banner .hd ul li{border-radius: 6px; background: #a0a0a0;width:2rem; height: 0.5rem; float:left; margin-left:0.8rem; cursor:pointer;}
.dt_banner .hd ul li:hover,.dt_banner .hd ul li.on{ background:#FFF;}
.case_con{ margin-top:1rem;}
.case_con h4{color: #000;font-size: 1.625rem;text-align: left;margin-bottom: 2rem;}
.case_con h4 i{ padding-left:0.5rem; color:#666;}
.case_con img{ max-width:100%; height:auto; display:block; margin:auto;}