* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.main { max-width:1220px !important; margin:0 auto !important; padding:0px 10px;}
.main_1550 { max-width:1570px !important; margin:0 auto !important; padding:0px 10px;}

body,html { width:100%; height:100%;}

.header { position: fixed; top: 0px; left: 0px; width: 100%; transition: all 0.6s; -webkit-transition: all 0.6s; z-index: 99; }
.header .item { height: 100px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; transition: all 0.6s; -webkit-transition: all 0.6s; }
.header .item .nav a { font-size: 22px; color: #333; display: inline-block; vertical-align: top; margin: 0px 20px; }
.header .item .nav a:hover { color: #126fd6; }
.header .item .logo img { transition: all 0.6s; -webkit-transition: all 0.6s; height: 79px; }
.banner { width: 100%; height: 100vh; }

.header.active .item .logo img { height: 55px; }
.header.active .item { height: 80px; }
.header.active { background: #138cc5; box-shadow: 0px 0px 5px 8px rgba(0, 0, 0, 0.1); }
.header.active .nav a { color: #fff; }
.header.active .nav a:hover { color: #fff; text-decoration: underline; }

.banner_x { position: relative; }
.banner_x .item { height: 666px; display: flex; flex-direction: row;  align-items: center; color: #fff; }
.banner_x .item h3 { font-size: 47px; margin-right: 20px; font-weight: bold; letter-spacing: 3px; }
.banner_x .item strong { display: block; font-size: 25px; color: #fff;  padding-top: 12px; position: relative; margin-top: 15px;  }
.banner_x .item strong:after { content: '';  background: #fff; position: absolute; top: 0px; width: 80px; height: 4px; left: 0px; top: 0px; }
.banner_x .icon { bottom: -40px; position: absolute; right: 10%; z-index: 9; }


.product .list ul li { padding: 140px 0px;  }
.product .list ul li .link { display: flex; flex-direction: row; justify-content: space-between; }
.product .list ul li .num { text-align: center; width: 16%; font-family: 'Arial' }
.product .list ul li .num strong { display: block; font-size: 110px; color: #e4e4e4; font-weight: bold; }
.product .list ul li .num img { display: inline-block; }
.product .list ul li .item { width: 38%; position: relative; background: #f1f1f1;  transition: all 0.6s; 
	-webkit-transition: all 0.6s; }
.product .list ul li .item h3 strong { font-size: 24px; border-bottom: 3px solid #000000; color: #000000; padding-bottom: 8px; transition: all 0.6s; -webkit-transition: all 0.6s; }
.product .list ul li .item h3 { display: flex; flex-direction: row; justify-content: space-between; position: relative; 
	z-index: 3; }
.product .list ul li .item h3 span { display: block; background: url('../images/icon3.png') no-repeat right center; font-size: 18px; padding-right: 30px; line-height: 42px; }
.product .list ul li .item .img { margin-top: 80px; text-align: center; position: relative; height: 257px; display: flex; align-items: center; justify-content: center; }
.product .list ul li .item .img img { display: block; margin: 0 auto; position: relative; z-index: 3; }
.product .list ul li .item:after { content: ''; background: #fff; top: 0px; left: 0px; height: 50%; position: absolute; 
width: 100%; }
.product .list ul li .sur { width: 36%; background: #444444; padding: 50px; margin: 0px 3%; } 
.product .list ul li .sur table { width: 100%; border-collapse: collapse; border-spacing: 0px; margin-top: 20px; }
.product .list ul li .sur table tr th { text-align: center; color: #a7a7a7; font-size: 18px; font-weight: normal; border-right: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 20px; }
.product .list ul li .sur table tr td { text-align: center; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.3); 
	padding: 5px; font-size: 16px; }
.product .list ul li .sur table tr th:last-child { border-right: none; }	
.product .list ul li .sur table tr td:last-child { border-right: none; }


.product .list ul li .sur h4 { font-size: 24px; color: #ffffff; }
.product .list ul li .sur h6 { color: #a7a7a7; }
.product .list ul li .line { width: 4%; display: flex; align-items: flex-end; justify-content: center; flex-direction: column;  }
.product .list ul li .line span { width: 28px; height: 6px; background: #d6d6d6; display: block; margin: 8px 0px; }
.product .list ul li .line span.active { background: #5b5b5b; }

.product .list ul li:nth-child(2n) { background: #f2f2f2; }
.product .list ul li:nth-child(2n) .item { background: #fff; }
.product .list ul li:nth-child(2n) .item:after { background: #f3f3f3; }
.product .list ul li:nth-child(2n) .num strong { color: #c9c9c9; }
.product .list ul li .link:hover .item { background: #2fa8e1; }
.product .list ul li .link:hover .item h3 span { color: #2fa8e1; text-decoration: underline; }
.product .list ul li .link:hover .item h3 strong { color: #2fa8e1; border-bottom: 3px solid #2fa8e1; padding-left: 20px; }

.pag { text-align: center; padding: 100px 0px 0px; letter-spacing: -5px; }
.pag .prev { margin: 0px 20px; }
.pag .next { margin: 0px 20px; }
.pag a { display: inline-block; vertical-align: middle; font-size: 18px; color: #c9c9c9; letter-spacing: 0px; }
.pag a:hover { color: #000000; }

.footer { background: url('../images/afot.png') no-repeat center top; background-size: cover; padding: 180px 0px 0px; }
.footer .logo { text-align: center; }
.footer .logo img { display: inline-block; }
.footer .nav { text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.8); margin-top: 40px; padding-top: 40px; }
.footer .nav a { font-size: 20px; color: #333; position: relative; padding: 0px 22px 0px 20px; position: relative; }
.footer .nav a:after { content: ''; background: #8b8b8b; width: 2px; height: 20px; position: absolute; right: 0px; top: 50%; margin-top: -10px; }
.footer .nav a:last-child:after { display: none; padding-right: 0px; }
.footer .nav a:hover { color: #1081b6; }

.footer .list { padding: 70px 0px; }
.footer .list ul { display: flex; flex-direction: row; justify-content: center; }
.footer .list ul li { display: flex; flex-direction: row; margin: 0px 22px; }
.footer .list ul li i { width: 49px; height: 49px; flex: 0 0 auto; }
.footer .list ul li p { font-size: 18px; color: #363636; margin-left: 14px; }
.footer .list ul li p strong { display: block; font-weight: bold;  }
.footer .list ul li p span { display: block; font-weight: 600; }
.footer .dow { background: rgba(84, 139, 195, 0.8); padding: 20px 10px; font-size: 16px; text-align: center; color: #080808; }

.mbx { background: #f6f6f6; height: 46px; line-height: 46px; font-size: 16px; }
.mbx a { background: url('../images/icon13.png') no-repeat right center; display: inline-block; vertical-align: middle; padding-right: 25px; margin-right: 10px; }
.mbx a:last-child { margin-right: 0px; background: none; padding-right: 0px; }
.mbx a:hover { color: #436181; text-decoration: underline; }


.product_details { padding: 60px 0px 100px;  }
.product_details .had { display: flex; flex-direction: row; justify-content: space-between; }
.product_details .had .fl { width: 36%; padding-top: 30px; }
.product_details .had .fl .text { margin-top: 50px; }
.product_details .had .fl .text p { font-size: 18px; line-height: 36px; margin-top: 30px; }
.product_details .had .fr { width: 55%; overflow: hidden; }

.product_details .had .fr .tab_con { position: relative; width: 100%; }
.product_details .had .fr .tab_con .img { height: 300px; display: flex; align-items: center; justify-content: center; padding: 20px; width: 100%; padding-top: 0px; }

.product_details .had .fr .tab_tit { display: flex; flex-direction: row; flex-wrap: wrap; 
	margin-left: -5px; margin-right: -5px; margin-top: 10px; }
.product_details .had .fr .tab_tit span { width: 25%; padding: 5px; cursor: pointer; }
.product_details .had .fr .tab_tit span strong { border: 1px solid #e2e2e2; display: block; padding: 10px; height: 100px; display: flex; align-items: center; justify-content: center; }
.product_details .had .fr .tab_tit span.active strong { border: 1px solid #69c3d6; } 

.m_tit { font-size: 36px; color: #000000;  }
.m_tit strong { display: inline-block; border-bottom: 4px solid #000000;  padding-bottom: 7px; }

.product_details .tablebox { background: #444444; padding: 40px; margin-top: 40px; }
.product_details .tablebox h3 { font-size: 26px; text-align: center;  color: #fff; }
.product_details .tablebox table { border-collapse: collapse; border-spacing: 0; width: 100%; margin-top: 30px; }
.product_details .tablebox table tr th { border: 2px solid #b0b0b0; padding: 15px 20px; font-size: 20px; font-weight: normal; color: #a7a7a7; }
.product_details .tablebox table tr td { border: 2px solid #b0b0b0; padding: 10px 20px; font-size: 20px; color: #ffffff; text-align: center; }

.video { padding-top: 80px; }
.video ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;  }
.video ul li { width: 48.5%; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.04); background: #fff; margin-top: 30px; }
.video ul li .link { display: block; padding: 40px; cursor: pointer; }
.video ul li .img { width: 100%; height: 400px; overflow: hidden; }
.video ul li .img img { width: 100%; height: 100%; object-fit: cover; }
.video ul li .text { padding: 20px 0px; background: url('../images/icon15.png') no-repeat right 20px;}
.video ul li .text h3 { font-size: 24px; color: #000000; padding-right: 100px; }
.video ul li .text strong { display: block; color: #000000; font-size: 18px;  margin-top: 10px; }
.video ul li .text p { font-size: 16px; color: #666; line-height:26px; margin-top: 15px; }


.case { padding-top: 80px; }
.case ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;  }
.case ul li { width: 48.5%; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.04); background: #fff; margin-top: 30px; }
.case ul li .link { display: flex; flex-direction: row-reverse; }
.case ul li .link .text { width: 40%; padding: 20px; }
.case ul li .link .img { width: 60%; overflow: hidden; }
.case ul li .link .img img { width: 100%; height: 100%; object-fit: cover; 
	transform: scale(1, 1); -webkit-transform: scale(1, 1); transition: all 0.6s; -webkit-transition: all 0.6s; }

.case ul li .text h3 { font-size: 18px; color: #242424; font-weight: bold; }
.case ul li .text i { height: 90px; display: flex; flex-direction: row; align-items: center; }
.case ul li .text p { font-size: 16px; line-height: 26px; margin-top: 15px; }
.case ul li .link:hover .img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);  }
.case ul li .link:hover	.text h3 { color: #138cc5; }


.case_details { padding-top: 80px; }
.case_details .pic { position: absolute; left: 77%; bottom: 0px; }

.case_details .item {  position: relative; height: 383px; }
.case_details .item .img { height: 100%;  width: 75%;  }
.case_details .item .img img { height: 100%; object-fit: cover; }
.case_details .item .text { position: absolute; right: 0px; top: 0px; text-align: center; }
.case_details .item .text i { height: 90px; display: block; text-align: right; }
.case_details .item .text i img { display: inline-block; }
.case_details .item .text h3 { font-size: 26px; color: #333; font-weight: bold; position: relative; }
.case_details .item .text h3:before { content: ''; background: url('../images/icon16.png'); width: 345px; 
display: inline-block; vertical-align: middle; height: 14px;  margin-right: 20px; }
.case_details .item .tit { font-size: 26px; color: #242424; text-decoration: underline; font-weight: bold; position: absolute; right: 0px; bottom: 0px; }
.case_details .con { margin-top: 80px; }
.case_details .con p { margin-top: 30px; font-size: 18px; color: #686868; line-height: 30px; }


.about { padding-top: 80px; padding-left: 95px; display: flex; flex-direction: row; width: 100%; justify-content: space-between; position: relative; }
.about:after { content: ''; background: url('../images/icon19.png') no-repeat left center; width: 215px; height: 214px; position: absolute; left: 0px; bottom: -80px; z-index: 1; }
.about .img { background: #fff; padding: 20px; width: 40.6%; }
.about .img img { width: 100%; object-fit: cover; }
.about .item { width: 54%; }
.about .item .tit {  margin-top: 50px; display: flex; flex-direction: row; }
.about .item .tit h3 { font-size: 36px; margin-right: 20px; color: #333; letter-spacing: 3px; }
.about .item .tit strong { display: block; font-size: 18px; color: #666;  padding-top: 6px; position: relative; 
	margin-top: 15px;  }
.about .item .tit strong:after { content: '';  background: #000000; position: absolute; top: 0px; width: 60px; height: 3px; left: 0px; top: 0px; }
.about .item .text { margin-top: 40px; }
.about .item .text p { font-size: 20px; color: #272727; margin-top: 30px; line-height: 38px; text-align: justify; }

.aboutcon { padding-left: 95px; margin-top: 30px; position: relative; z-index: 3; }
.aboutcon p { font-size: 20px; color: #272727; margin-top: 30px; line-height: 38px; }


.contact { padding-top: 80px; }
.contact .tit { text-align: center; }
.contact .tit h3 { font-size: 36px; color: #000000;  }
.contact .tit h3:before { content: ''; background: #000000; width: 60px; height: 4px; display: block; margin: 0 auto; 
margin-bottom: 15px; }
.contact .tit strong { display: block; font-size: 20px; margin-top: 20px; }
.contact .tit img { display: block; margin: 0 auto; margin-top: 50px; }

.contact .list { padding: 70px 0px 150px; }
.contact .list ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; justify-content: space-between; }
.contact .list ul li { display: flex; flex-direction: row; margin: 0px 22px; }
.contact .list ul li i { width: 49px; height: 49px; flex: 0 0 auto; }
.contact .list ul li p { font-size: 18px; color: #363636; margin-left: 14px; }
.contact .list ul li p strong { display: block; font-weight: bold;  }
.contact .list ul li p span { display: block; font-weight: 600; }

.contact .fom { margin-top: 50px; }
.contact .fom ul { display: flex; flex-direction: row; justify-content: space-between; }
.contact .fom ul li { width: 32%; }
.contact .fom ul li .txt { border: 3px solid #000000; padding: 10px; width: 100%; font-size: 20px; border-radius: 5px; }
.contact .fom .txtbox { border: 3px solid #000000; padding: 10px; width: 100%; margin-top: 20px; border-radius: 5px; 
	font-size: 20px; height: 220px; }
.contact .fom .but { width: 100%; margin-top: 20px; background: none; border: 3px solid #000; border-radius: 5px; font-size: 20px; padding: 10px; transition: all 0.6s; -webkit-transition: all 0.6s; }
.contact .fom .but:hover { background: #000; color: #fff; }

.m_gray { background-image:linear-gradient(0deg, #f2f2f2 0%, #f3f3f3 100%); position: relative; }
.m_gray:before { content: ''; background: url('../images/icon21.png') no-repeat center center; position: absolute; left: 0px; height: 100%; width: 80px; top: 0px; } 
.m_gray:after { content: ''; background: url('../images/icon22.png') no-repeat center center; position: absolute; right: 0px; height: 100%; width: 80px; top: 0px; } 


.inabout { padding-top: 100px; padding-bottom: 100px; }
.inabout:after { bottom: 80px; left: 30px; }
.inabout .item { width: 50%; }
.inabout .item .dow { margin-top: 50px; }
.inabout .item .text { margin-top: 60px; }
.inabout .item .text p { font-size: 18px; line-height: 34px; }

.m_link { font-size: 18px; text-transform: uppercase; font-weight: bold; border: 1px solid #000000; padding: 7px 20px; margin-top: 30px; color: #000; display: inline-block; transition: all 0.6s; -webkit-transition: all 0.6s; }
.m_link:hover { background: #2fa8e1; color: #fff; border: 1px solid #2fa8e1; }

.m_in_tit { display: flex; flex-direction: row; justify-content: center; }
.m_in_tit h3 { font-size: 36px; margin-right: 20px; color: #333; letter-spacing: 3px; }
.m_in_tit strong { display: block; font-size: 18px; color: #666;  padding-top: 6px; position: relative; margin-top: 15px; } 
.m_in_tit strong:after { content: '';  background: #000000; position: absolute; top: 0px; width: 60px; height: 3px; left: 0px; top: 0px; }


.inproductbox { overflow: hidden; padding: 100px 0px; }
.inproduct {  position: relative; }

.inproduct_swp { margin-top: 90px; }
.inproduct_swp .link { display: flex; flex-direction: row; justify-content: space-between; background: url('../images/icon21.png') no-repeat left center; padding-left: 40px; }
.inproduct_swp .item { width: 48%; position: relative; background: #f1f1f1;  transition: all 0.6s; 
	-webkit-transition: all 0.6s; }
.inproduct_swp .item h3 strong { font-size: 24px; border-bottom: 3px solid #000000; color: #000000; padding-bottom: 8px; transition: all 0.6s; -webkit-transition: all 0.6s; }
.inproduct_swp .item h3 { position: absolute; bottom: -70px; }
.inproduct_swp { padding-bottom: 82px; }
.inproduct_swp .item .img {  text-align: center; position: relative; height: 257px; display: flex; align-items: center; justify-content: center; }
.inproduct_swp .item .img img { display: block; margin: 0 auto; position: relative; z-index: 3; }
.inproduct_swp .item:after { content: ''; background: #fff; top: 0px; left: 0px; height: 40%; position: absolute; 
width: 100%; }

.inproduct_swp .sur { width: 48%; background: #444444; padding: 50px; } 
.inproduct_swp .sur h4 { font-size: 25px; color: #fff; }
.inproduct_swp .sur table { width: 100%; border-collapse: collapse; border-spacing: 0px; margin-top: 20px; }
.inproduct_swp .sur table tr th { text-align: center; color: #a7a7a7; font-size: 18px; font-weight: normal; border-right: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 20px; }
.inproduct_swp .sur table tr td { text-align: center; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.3); 
	padding: 5px; font-size: 16px; }
.inproduct_swp .sur table tr th:last-child { border-right: none; }	
.inproduct_swp .sur table tr td:last-child { border-right: none; }

.inproduct_swp .link:hover .item { background: #2fa8e1; }
.inproduct_swp .link:hover .item h3 span { color: #2fa8e1; text-decoration: underline; }
.inproduct_swp .link:hover .item h3 strong { color: #2fa8e1; border-bottom: 3px solid #2fa8e1; padding-left: 20px; }

.inproduct_next { background: url('../images/icon24.png') no-repeat left center; width: 42px; height: 76px; margin-right: -100px; }
.inproduct_prev { background: url('../images/icon23.png') no-repeat left center; width: 42px; height: 76px; margin-left: -100px;  }
.inproduct .more { position: absolute; right: 0px; bottom: 0px; z-index: 9; }


.invideo { padding: 100px 0px 80px; position: relative; }
.invideo .item { background: #fff; margin-top: 60px; display: flex; flex-direction: row; padding: 40px; justify-content: space-between; }
.invideo .item .fl { width: 49%; flex: 0 0 auto; }
.invideo .item .fl .link { width: 100%; display: block; cursor: pointer; }
.invideo .item .fl .link .img { height: 318px; width: 100%; overflow: hidden; }
.invideo .item .fl .link .img img { width: 100%; height: 100%; object-fit: cover; 
	transition: all 0.6s; -webkit-transition: all 0.6s; transform: scale(1, 1); -webkit-transform: scale(1, 1); }

.invideo .item .fl .link .text { padding: 20px 0px; padding-bottom: 0px; background: url('../images/icon26.png') no-repeat right 20px;}
.invideo .item .fl .link .text h3 { font-size: 24px; color: #000000; padding-right: 100px; }
.invideo .item .fl .link .text strong { display: block; color: #000000; font-size: 18px;  margin-top: 10px; }
.invideo .item .fl .link .text p { font-size: 16px; color: #666; line-height:26px; margin-top: 15px; 
	height: 52px; overflow: hidden; }
.invideo .item .fl .link:hover .img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
.invideo .item .fl .link:hover .text h3 { color: #2fa8e1; }	 


.invideo .item .fr { width: 49%; flex: 0 0 auto; height: 470px; }

.invideo_swp .swiper-slide .link { display: flex; flex-direction: row; cursor: pointer; }
.invideo_swp .swiper-slide .link .img { height: 143px; width: 42%; flex: 0 0 auto; overflow: hidden; }
.invideo_swp .swiper-slide .link .img img { width: 100%; height: 100%; object-fit: cover; transform: scale(1, 1); -webkit-transform: scale(1, 1); transition: all 0.6s; -webkit-transition: all 0.6s; }
.invideo_swp .swiper-slide .link .text { background: url('../images/icon25.png') no-repeat right 35px; padding-left:20px; 
width: 58%;}
.invideo_swp .swiper-slide .link .text h3 { font-size: 20px; color: #000000; white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis; }
.invideo_swp .swiper-slide .link .text strong { display: block; color: #000000; font-size: 16px;  margin-top: 10px; }
.invideo_swp .swiper-slide .link .text p { font-size: 14px; color: #666; line-height:22px; height: 44px; margin-top: 18px; 
 overflow: hidden; } 

 .invideo_swp .swiper-slide .link:hover .img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
 .invideo_swp .swiper-slide .link:hover .text h3 { color: #2fa8e1; }


.invideo_swp .swiper-wrapper { flex-direction: column; }

.invideo_swp {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.invideo_swp .swiper-slide {
  font-size: 18px;
  background: #fff;
  height: calc((100% - 40px) / 3);
/*   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; */
}

.invideo_prev { background: url('../images/icon27.png') no-repeat center center; width: 40px; height: 40px; top: inherit; bottom: 0px; right: inherit; left: 0px;  }
.invideo_next { background: url('../images/icon28.png') no-repeat center center; width: 40px; height: 40px; top: inherit; bottom: 0px; right: inherit; left: 40px; }

.m_gray_but { padding-bottom: 100px; }

.invideo .more { position: absolute; right: 0px; bottom: 0px; }


.incase { padding: 100px 0px 70px; position: relative; }

.incase_swp .link { box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.04); background: #fff; }
.incase_swp .link { display: flex; flex-direction: row-reverse; height: 325px; }
.incase_swp .link .text { width: 40%; padding: 20px; }
.incase_swp .link .img { width: 60%; overflow: hidden;  }
.incase_swp .link .img img { width: 100%; height: 100%; object-fit: cover; 
	transform: scale(1, 1); -webkit-transform: scale(1, 1); transition: all 0.6s; -webkit-transition: all 0.6s; }

.incase_swp .text h3 { font-size: 18px; color: #242424; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.incase_swp .text i { height: 90px; display: flex; flex-direction: row; align-items: center; }
.incase_swp .text p { font-size: 16px; line-height: 26px; margin-top: 15px; height: 78px; overflow: hidden; }
.incase_swp .link:hover .img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);  }
.incase_swp .link:hover	.text h3 { color: #138cc5; }


.incase .item { height: 700px; margin-top: 60px; }
.incase_swp { padding: 10px; }
.incase_swp .swiper-wrapper { flex-direction: column; }
.incase_swp {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.incase_swp .swiper-slide {
  font-size: 18px;
  background: #fff;
  height: calc((100% - 30px) / 2); 
} 


.incase_prev { background: url('../images/icon27.png') no-repeat center center; width: 40px; height: 40px; top: inherit; bottom: 0px; right: inherit; left: 10px;  }
.incase_next { background: url('../images/icon28.png') no-repeat center center; width: 40px; height: 40px; top: inherit; bottom: 0px; right: inherit; left: 50px; }
.incase .more { position: absolute; right: 10px; bottom: 0px; }


.phone_nav { display: none; }
.phone_close { display: none; }