@charset "utf-8";
/*global */
body { 
font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif; }
.clear2 { clear: both; font-size: 2rem; height: 20px; overflow: hidden; line-height: 20px; }
.clear3 { clear: both; font-size: 3rem; height: 30px; overflow: hidden; line-height: 20px; }
.clear1 { clear: both; font-size: 1rem; height: 10px; overflow: hidden; line-height: 10px; }
.clearline { clear: both; font-size: 1rem; margin-bottom: 10px; border-bottom: 1px solid #ddd; height: 10px; overflow: hidden; line-height: 10px; }
.clear { clear: both; font-size: 0; height: 0; overflow: hidden; line-height: 0; }
.ml10px { margin-left: 10px; }
.mb10px { margin-bottom: 10px; }
.mb20px { margin-bottom: 20px; }
.arialfont {font-family:Arial; }
body a { color: #666;text-decoration: none;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: all 0.3s; }
body a:hover { color: #1e48c2; text-decoration: none; }
ul,ol,p { padding:0; margin:0;}
ul li { list-style:none;}
/*公共 */
nav { height:100px; padding: 25px 30px 0 30px; }

nav .logobg { margin-top: 3px; background: url(../images/footer_logo.png) no-repeat; height:55px; width: auto; background-size: auto 100%;}
nav .toptel {background: url("../images/top_tel.png") no-repeat; background-size: 100% 100%;}
.nav3 ul li { float: left; margin:0 0 0 20px; padding-top: 5px;}
.nav3 ul li:last-child{ margin-left:50px; background:url(../images/tel.png) 0 10px no-repeat; padding-left:70px;margin-top: -10px;}
.nav3 ul li a {display: block; padding: 0 10px; line-height:40px; height:40px; border-radius:4px;  color: #fff; font-size: 18px;}
.nav3 ul li span{ display:inline-block; line-height:28px; float:left; color:#fff; font-size:16px;}
.nav3 ul li span e{ font-size:30px; font-weight:400;}
.nav3 ul li a:hover { color: #74edff;}


img.topmenu {width:30px; background: url(../images/navbar-toggle.png) no-repeat; background-size: 100% 100%; height: auto; margin: 3px 10px 0 30px;}

.img100 {width: 100%; height: auto;}
nav.navwhite {background: #fff; border-bottom: 2px solid #dddddd}
nav.navwhite .nav3 ul li a {color: #333;}
nav.navwhite .nav3 ul li span{color: #333;}
nav.navwhite .nav3 ul li a:hover { color: #1e48c2;}
nav.navwhite .nav3 ul li span e{color: #1e48c2;}
nav.navwhite .nav3 ul li:last-child{ background:url(../images/telh.png) 0 10px no-repeat; }

nav.navwhite .logobg {background: url(../images/top_logo.png) no-repeat; background-size: auto 100%;}
nav.navwhite img.topmenu { background: url(../images/navbar-toggle_a.png) no-repeat; background-size: 100% 100%; }
.zhengshu_bg {}
.zhengshu_box {}
.zhengshu_box ul li {text-align: center; position: relative; z-index: 1;  margin: 10px;}
.zhengshu_box ul li h2 { text-align: center; font-size: 24px; margin: 0; padding: 0; line-height: 60px; background: rgba(255,255,255,0.7); left: 0; right: 0;  color: #333; position: absolute; z-index: 2;bottom:0;}

.zhengshu_box ul li img {height: auto; max-height: 500px; max-width: 700px; width: auto; padding: 10px; box-shadow: 0 0 15px -3px #ccc; }
nav .container {position: relative; z-index: 1;}
.nav4 { display: none; position: absolute; z-index: 10; background: #000; top: 65px; padding: 10px; box-sizing: border-box; width: 1000px; right: 0;}
.nav4 .hd {width: 32%; float: left; padding-top: 20px;}
.nav4 .hd a {height:60px; display: block; line-height:60px; padding-left: 30px; font-size: 18px; color: #fff; position: relative; z-index: 1; padding-right: 40px;}
.nav4 .hd a span {width: 40px; height: 40px; display: block; position: absolute; z-index: 2; right: 10px; top: 10px; background: url("../images/right_menu2.png") center center no-repeat;}
.nav4 .hd a.on {background: #0095ff; color: #fff;}
.nav4 .bd {background: #fff; width: 68%; float: right; box-sizing: border-box; min-height: 260px; padding: 30px 50px;}
.nav4_1 h2 {font-size: 30px; margin: 0; padding: 0; padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.nav4_1 ul li {width: 50%; float: left; height: 40px; line-height: 40px; font-size: 16px;}

@media screen and (max-width:1240px) {
.nav3 ul li a {font-size: 16px;}
	
}

@media screen and (max-width:992px) {
nav { height: 80px; padding: 20px 10px 0 20px }	
.zhengshu_box ul li h2 { font-size: 16px; }
	.zhengshu_box ul li img {max-width:100%;}
}
@media screen and (max-width:768px) {
nav {  height: 80px; padding: 20px 20px 0 20px }	
	nav img.logobg  {width: 100px; height: auto;}
	
	
}
@media screen and (max-width:700px) {
nav {  height: 50px; padding: 10px 10px 0 15px }

nav img.logobg  {width: 100px; height: auto;}
.zhengshu_box ul li h2 { font-size: 15px; line-height: 40px; bottom:0; background: rgba(0,0,0,0.6); color: #fff; }
	img.topmenu {width:20px; height: auto; margin: 4px 10px 0 20px;}
}

.nav2 {position: fixed; padding: 15px 0; z-index: 30; background: #fff; top: 0; bottom: 0; right: 0; width: 400px; box-shadow: 0 5px 15px -5px #333;}
.nav2 {width: 200px; }
.nav2 a.nav_close { display: block; float: right; width:50px;height: 50px; margin-right: 15px; padding: 10px ; background: #333;}
.nav2 a.nav_close:hover {background: #0059ff;}
.nav2 ul {border-top:1px solid #eee; margin-top: 15px;}
.nav2 ul li {height:60px; line-height: 60px;border-bottom:1px solid #eee; font-size: 14px; }
.nav2 ul li a { display: block; padding-left: 45px;}
.nav2 ul li a:hover { background: #0059ff; color: #fff;}

@media screen and (max-width:992px) {
.nav2 {width: 200px; }
.nav2 a.nav_close {  width:30px; height: 30px; }	
.nav2 ul li {height:50px; line-height: 50px;}	
.nav2 ul li a { padding-left: 35px;}	
}

@media screen and (max-width:768px) {
.nav2 {width:100%; }
.nav2 ul li {height:40px; line-height: 40px; font-size: 13px;}	
.nav2 ul li a { padding-left: 25px;}	
}

.footer { background:#242424; color:#999; padding:30px 0;}
.footer1 {float: left; width:25%; padding-top: 5px; }
.footer1 img {width: 100%; height: auto; max-width:100px}
.footer1 .phone{ font-size:24px; margin-top:10px;}
.footer1 .phone a{ color:#999; text-decoration:none;}
.footer1 .phone img{ width:30px; margin-right:10px;}

.footer2 {float: left; width:50%; line-height:200%; font-size: 15px;}
.footer2 strong { font-family:Arial ; padding:0 20px 0 0;}
.footer2 strong a {color: #fff; font-weight: normal;}
.footer3 {float: right; padding-left: 40px; border-left:1px solid #3a3a3a;}
.footer3 img {width: 160px; height: auto;}
/*.footer3 strong {font-size: 24px; display: block; font-weight: normal; font-family:Arial ; color: #fff; padding-top:5px; line-height: 120%;}
.footer3 strong a {color: #fff;}
*/

@media screen and (max-width:1240px) {
	.footer {padding: 60px 0;}
.footer1 img {width: 140px;}
	.footer3 strong {font-size: 20px;}
}
@media screen and (max-width:992px) {
	.footer {padding: 40px 0;}
	.footer1 {width:80%; padding-bottom: 10px;}
	.footer2 {width:70%;}

}
@media screen and (max-width:768px) {
	.footer {padding: 30px 0; text-align: center;}
	.footer1 {width: 100%; padding:0 0 20px 0;}
	.footer1 img {width:90px;}
	.footer2 {width: 100%; font-size: 14px;}
	.footer3 {width: 100%; border-left:0; line-height:180%; margin-top: 10px; padding-top: 10px; padding-left: 0;}
/*	.footer3 strong {display: inline-block; font-size: 14px; font-weight: normal; padding:0 0 0 15px;}*/
}
/*首页*/
.index_img {width: 100%; overflow: hidden;}

.index_img .swiper-slide img { 
    transition: all 6s;
   }
.index_img .swiper-slide:hover img {
    transform: scale(1.05);
   }
.index_img .swiper-pagination {bottom:30px}
.index_img .swiper-pagination span {width: 15px; height: 15px; border-radius:10px;}
.index_img .swiper-pagination span.swiper-pagination-bullet {background: #fff;margin: 0 10px; opacity: 1; }
.index_img .swiper-pagination span.swiper-pagination-bullet-active {background: #1e48c2; width: 40px;}
.index_img .swiper-button-next { width: 80px; height: 80px;right: 40px; border-radius:40px; background:rgba(0,0,0,0.2);}
.index_img .swiper-button-prev { width: 80px; height: 80px; left: 40px; border-radius:40px; background:rgba(0,0,0,0.2);}
.index_img .swiper-button-next:hover { background:rgba(0,0,0,0.9);}
.index_img .swiper-button-prev:hover { background:rgba(0,0,0,0.9);}

@media screen and (max-width:1240px) {
.index_img .swiper-pagination span {width: 10px; height: 10px;}
.index_img .swiper-button-next { width: 60px; height: 60px;right: 30px; }
.index_img .swiper-button-prev { width: 60px; height: 60px; left: 30px;}
	.swiper-button-prev:after {font-size: 30px;}
	.swiper-button-next:after {font-size: 30px;}
}
@media screen and (max-width:768px) {
	.index_img .swiper-pagination {bottom:10px}
	.index_img .swiper-pagination span {width: 6px; height: 6px;}
	.index_img .swiper-button-next {display: none;}
	.index_img .swiper-button-prev {display: none;}
	.index_img .swiper-pagination span.swiper-pagination-bullet {background: #fff;margin: 0 4px; opacity: 1; }
	.index_img .swiper-pagination span.swiper-pagination-bullet-active {background: #0095ff; width: 20px;}
}

.index1 {background: #fff; margin: 1rem 0; padding-bottom:100px; }

.index1_menus { padding-top: 1px;}
.index1_menus ul li {width: 25%; margin-top: -1px; margin-left: -1px; float: left; border: 1px solid #dddddd;}
.index1_menus ul li a {display: block; text-align: center; color: #333; padding-top: 60px; box-sizing: border-box; height: 350px;}
.index1_menus ul li a:hover {background: #1e48c2; color: #fff;}
.index1_menus .index1_icon {text-align: center;}
.index1_menus .index1_icon img {width: 70px; height: auto;}
.index1_menus ul li a .a1 img {background: url(../images/a8.png) center center no-repeat; background-size: cover}
.index1_menus ul li a:hover .a1  img{background: url(../images/b8.png) center center no-repeat;}
.index1_menus ul li a .a2  img{background: url(../images/a1.png) center center no-repeat;background-size: cover}
.index1_menus ul li a:hover .a2  img{background: url(../images/b1.png) center center no-repeat;}
.index1_menus ul li a .a3  img{background: url(../images/a7.png) center center no-repeat;background-size: cover}
.index1_menus ul li a:hover .a3  img{background: url(../images/b7.png) center center no-repeat;}
.index1_menus ul li a .a4  img{background: url(../images/a4.png) center center no-repeat;background-size: cover}
.index1_menus ul li a:hover .a4  img{background: url(../images/b4.png) center center no-repeat;}


.index1_menus ul li a h3 {font-size: 18px; padding-bottom: 20px;}
.index1_menus ul li a em {width: 50px; border-top:2px solid #ddd; margin: 0 auto; display: block; height: 30px;}
.index1_menus ul li a p {padding:0 25px; font-size: 14px; color: #777;}
.index1_menus ul li a:hover p {color: #fff;}
.index1_menus ul li a:hover em {border-top:2px solid #fff;}
.index1_title {padding:60px 20px; text-align: center;}
.index1_title h2 {font-size: 32px; margin: 0;  padding: 0; font-weight: normal;}
@media screen and (max-width:1230px) {
	.index1_menus ul li {width: 33.33%;}
	.index1_menus ul li a {height: 300px; padding-top: 40px;}
}

@media screen and (max-width:992px) {
	
}

@media screen and (max-width:768px) {
	.index1 {padding-bottom: 20px;}
	.index1_menus ul li {width: 50%;}
	.index1_menus ul li a {height:240px; padding-top: 20px;}
	.index1_menus .index1_icon img {width: 50px; height: auto;}
	.index1_menus ul li a h3 {font-size: 15px; padding-bottom: 10px;}
	.index1_menus ul li a em {height: 20px;}
	.index1_menus ul li a p {font-size: 13px; padding: 0 15px;}
		.index1_title {padding: 20px 20px; text-align: center;}
.index1_title h2 {font-size:20px; margin: 0; padding: 0; padding-bottom:10px;}
.index1_title p {font-size: 14px; color: #666;}
	
}

.index2 { background: url(../images/index2bg.jpg) center center no-repeat; background-size: cover; padding-bottom:100px;}
.index2_title {padding:80px 20px; text-align: center;}
.index2_title h2 {font-size: 32px; color: #fff; margin: 0;  padding: 0; font-weight: normal;}
.index2_menus { padding-top: 1px;}
.index2_menus ul li {width: 25%;margin-top: -1px;margin-left: -1px;float: left;border: 1px solid #dddddd;}
.index2_menus ul li a {display: block;text-align: center;color: #fff;padding-top: 23px;box-sizing: border-box;height: 311px;}

.index2_menus ul li:nth-child(1) a,.index2_menus ul li:nth-child(2) a,.index2_menus ul li:nth-child(3) a,.index2_menus ul li:nth-child(4) a{height:240px;}
.index2_menus ul li a:hover {background: #1e48c2; color: #fff;}
.index2_menus .index1_icon {text-align: center;}
.index2_menus .index1_icon img {width: 70px; height: auto;}
.index2_menus ul li a .a1 img {background: url(../images/xx1.png) center center no-repeat; background-size: cover}

.index2_menus ul li a .a2  img{background: url(../images/xx2.png)  center center no-repeat;background-size: cover}

.index2_menus ul li a .a3  img{background: url(../images/xx3.png) center center no-repeat;background-size: cover;}

.index2_menus ul li a .a4 img {background: url(../images/xx4.png) center center no-repeat; background-size: cover}

.index2_menus ul li a .a5  img{background: url(../images/xx5.png)  center center no-repeat;background-size: cover}

.index2_menus ul li a .a6  img{background: url(../images/xx6.png) center center no-repeat;background-size: cover;}
.index2_menus ul li a .a7 img {background: url(../images/xx7.png) center center no-repeat; background-size: cover}

.index2_menus ul li a .a8  img{background: url(../images/xx8.png)  center center no-repeat;background-size: cover}




.index2_menus ul li a h3 {font-size: 18px; padding-bottom: 20px;}
.index2_menus ul li a em {width: 50px; border-top:2px solid #fff; margin: 0 auto; display: block; height: 30px;}
.index2_menus ul li a p {padding: 0 21px;font-size: 14px;color: #fff;line-height: 24px;margin-top: 10px;}


@media screen and (max-width:1230px) {
.index2_menus ul li a p {padding:0 25px;}
	.index2_menus ul li a {height:420px;}
}

@media screen and (max-width:992px) {
	
}

@media screen and (max-width:768px) {
	.index2 {padding-bottom:35px; padding-top: 15px;}
	.index2_title {padding: 20px 20px; text-align: center;}
.index2_title h2 {font-size:20px; margin: 0; padding: 0; padding-bottom:10px;}
.index2_menus ul li {width: 50%;}
	.index2_menus ul li a {min-height:400px; padding-top: 20px; padding-bottom: 20px;}
	.index2_menus .index1_icon img {width: 50px; height: auto;}
	.index2_menus ul li a h3 {font-size: 15px; padding-bottom: 10px;}
	.index2_menus ul li a em {height: 20px;}
	.index2_menus ul li a p {font-size: 13px; padding: 0 15px;}
	.index2_menus ul li:nth-child(1) a,.index2_menus ul li:nth-child(2) a,.index2_menus ul li:nth-child(3) a,.index2_menus ul li:nth-child(4) a{min-height:340px;}
	
}
.index3 {padding:10px 0 0;}


.index3 p.index3_2 { line-height: 200%; padding-bottom: 30px; font-size: 16px; max-width: 750px; margin: 0 auto;}
.index3 em {display: block; width: 100px; border-top:3px solid #ccc; height: 60px; margin: 0 auto;}
@media screen and (max-width:992px) {
	.index3 {padding: 30px 20px; }
	
	
	.index3 p.index3_2 {font-size: 13px;}
	.index3 em {height: 30px;  border-top:2px solid #ccc;}
	
}
@media screen and (max-width:768px) {
	.index3 {padding: 30px 15px 0; }
}
.index4 {background: url(../images/index4bg.png) left bottom repeat-x; min-height: 400px;  }
.index4 ul {max-width: 1200px; margin: 0 auto;}
.index4 ul li {width:50%; float: left; padding-bottom: 50px;}
.index4 ul li a {display: block; text-align: center;}
.index4_box,.index4_box2 {min-width:204px; margin: 0 auto;}
.index4_box {margin-top: 30px;}
.index4 ul li a .index4_box {background: url(../images/index4_bg.png) center bottom no-repeat; padding-bottom: 110px;}
.index4 ul li a .index4_box2 {background: url(../images/index4_bg.png) center bottom no-repeat; padding-bottom: 110px;}
.index4 ul li a h3 {font-size: 17px; margin-top: -70px; z-index: 2;}
.index4 ul li a h3.a1 {margin-top: -46px;}
.index4 ul li a:hover .index4_box {background:url(../images/index4_bg2.png) center bottom no-repeat;}
.index4 ul li a:hover .index4_box2 {background: url(../images/index4_bg2.png) center bottom no-repeat;}


@media screen and (max-width:992px) {
	.index4 ul li a h3 {font-size: 14px;}
	.index4 ul li {width: 50%;}
	.index4 ul li a h3.a1 {margin-top: -70px;}
}

@media screen and (max-width:768px) {
.index4_box,.index4_box2 {min-width:auto; max-width: 90%; margin: 0 auto;}
.index4 ul li a .index4_box {background-size: 100% auto; padding-bottom:48%;}
	.index4 ul li a .index4_box img { max-width:80%; height: auto;}
.index4 ul li a .index4_box2 {background-size: 100% auto; padding-bottom:48%;}	
	.index4 ul li a .index4_box2 img { max-width:80%; height: auto;}
	.index4 ul li a h3{margin-top:-40%; padding-top: 20px;}
	.index4 ul li { padding-bottom: 30px;}
	.index4 ul li a:hover .index4_box {background-size: 100% auto;}
.index4 ul li a:hover .index4_box2 {background-size: 100% auto;}
	
}
.index5{ padding:0 0 50px;}
.index5 li{ width:30%; float:left; margin:0 1.5%; background:#f5f5f5;}
.index5 li p{ line-height:25px; padding:10px 20px 20px;}
.index5 li:hover{ box-shadow:5px 5px 10px #ECECEC; margin-top:-1px;}


@media screen and (max-width:768px) {
	
.index5 li{ width:100%; float: none; margin:0;}	
.index5 li img{ width:100%;}	
	
	
	
	
	}


/*inbg*/
.inbg {position: relative; z-index: 1;}
.inbg img { width: 100%; height: auto;}
.inbg img.aboutus {background: url(../images/aboutus_bg1.jpg) center center no-repeat; background-size: cover;}
.inbg img.tel {background: url(../images/contact_bg1.jpg) center center no-repeat; background-size: cover;}
.inbg img.anli {background: url("../images/anli_bg1.jpg") center center no-repeat; background-size: cover;}
.inbg img.fangan {background: url("../images/fangan_bg1.jpg") center center no-repeat; background-size: cover;}
.inbg .maskbanner {position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0;  background: rgba(0,8,47,0.5);}
.inbg h2 {font-size:50px; color: #fff; position: absolute; z-index: 3; text-align: center; left: 0; right: 0; top:45%; height: 60px; line-height: 60px; margin-top: -30px;}
.inbg p{color: #fff;position: absolute;z-index: 3;text-align: center;top:60%;left: 0;right: 0;font-size:20px;}

.inbg .contact{color: #fff;font-size:18px;position: absolute; z-index: 3; text-align: center; left: 0; right: 0; top:60%;}
.inbg h2.a1 {font-size:50px; color: #fff; position: absolute; z-index: 3; text-align: center; left: 0; right: 0; top:55%; height: 60px; line-height: 60px; margin-top: -70px;}
.inbg img.lg {display: block;}
.inbg img.xs {display: none;}

.cases_title {padding: 80px 0; text-align: center;}
.cases_title a {display: inline-block; margin: 0 30px; height: 50px; line-height: 50px; padding: 0 40px; font-size: 18px; color: #0095ff; border: 1px solid #0095ff;}
.cases_title a.on {background: #0095ff;color: #fff;}
.cases_title a:hover {background: #0095ff;color: #fff;}
.inbg .cases_title {position: absolute; z-index: 3; left: 0; right: 0; top: 50%; padding-top:30px;color: #fff;font-size: 18px;}
.inbg .cases_title a {border: 1px solid #fff; color: #fff;}
.inbg .cases_title a.on {border: 1px solid #0095ff;}
@media screen and (max-width:1230px) {
	.inbg h2 {font-size: 40px;}
	.inbg .contact{ font-size:16px; width:85%; margin:0 auto;}
	.inbg h2.a1 {font-size: 40px; margin-top: -50px;}
}

@media screen and (max-width:992px) {
	.inbg h2 {font-size: 30px;}
	.inbg .contact{ font-size:14px;}
	.inbg h2.a1 {font-size: 30px;}
	.inbg .cases_title {padding-top: 20px;}
		.cases_title {padding: 40px 0;}
	.cases_title a {height: 40px; line-height: 40px; padding: 0 30px; font-size: 16px;}
}

@media screen and (max-width:768px) {
	.inbg img.lg {display:none ;}
	.inbg img.xs {display:block ;}
	.inbg img.aboutus {background: url(../images/aboutus_bg1a.jpg) center center no-repeat; background-size: cover;}
	.inbg img.tel {background: url(../images/contact_bg1a.jpg) center center no-repeat; background-size: cover;}
	.inbg img.anli {background: url("../images/anli_bg1a.jpg") center center no-repeat; background-size: cover;}
	.inbg img.fangan {background: url("../images/fangan_bg1a.jpg") center center no-repeat; background-size: cover;}
		.cases_title {padding: 20px 0;}
	.cases_title a {height: 30px; line-height: 30px; margin: 0 15px; padding: 0 20px; font-size: 14px;}
	.inbg p{left: 0;right: 0;font-size:16px;}

}
/*anli*/
.index_cases {}
.index_cases ul li {width: 20%; float: left; box-sizing: border-box; padding: 1px;}
.index_cases ul li a {display: block; position: relative; z-index: 1;}
.index_cases ul li a img {width: 100%; height: auto;}
.index_cases ul li a .pic_infor {display: none;position: absolute;  z-index: 2;}
.index_cases ul li a:hover .pic_infor {display: block; background:rgba(0,0,0,0.7); color: #fff; text-align: center; left: 0; top: 0; right: 0; bottom: 0; }
.index_cases ul li a .pic_infor h2 {font-size: 26px; padding:0 30px 10px; line-height: 40px; padding-top: 20%;}
.index_cases ul li a .pic_infor p {font-size: 14px; padding: 0 30px; line-height: 20px; display: none;}

.cases_box	{ padding: 20px 50px; background: #fff; box-shadow: 0 0 20px -3px #ccc; margin: 0 0 50px; border-radius:10px;}
.cases_box h2 {padding-bottom: 30px; border-bottom: 1px dashed #ccc;}
.cases_box h3 {padding-top: 20px; color: #0095ff; padding-left: 10px; margin: 0}
.cases_box .article_content {padding-left: 10px; padding-right: 10px; margin: 0;padding-bottom: 30px;}

@media screen and (max-width:1600px) {
	.index_cases ul li a .pic_infor h2 {font-size: 18px; padding-top: 20%;}
}
@media screen and (max-width:1260px) {
	.index_cases ul li {width: 25%;}
	.cases_box h2 {font-size: 18px;}
	.cases_box h3 {font-size: 16px;}
	
}

@media screen and (max-width:992px) {
	
	.index_cases ul li {width:33.33%; float: left;}
	.index_cases ul li a .pic_infor {display: block; background:rgba(0,0,0,0.7); color: #fff; text-align: center; left: 0; right: 0; bottom: 0;}
	.index_cases ul li a .pic_infor h2 {height: 40px; line-height: 40px; font-size: 16px; padding: 0 15px}
	.index_cases ul li a .pic_infor p {display: none;}

	.cases_box h2 {padding-bottom: 10px;}
	.cases_box h3 {padding-top: 10px;}
	.cases_box .article_content {padding-left: 10px; padding-right: 10px; margin: 0;padding-bottom: 20px;}
}

@media screen and (max-width:768px) {
.index_cases ul li {width:50%; float: left;}
	.index_cases ul li a .pic_infor h2 { line-height: 30px; height: 30px; font-size: 13px; margin: 0; padding: 0 15px}

	.cases_box {padding: 10px 15px; padding: 0; box-shadow: none;}
	.cases_box .article_content {padding-left: 10px; padding-right: 10px; margin: 0;padding-bottom: 10px;}
}
/*news*/
.news_box {padding-top: 20px; }



.introduce{font-size: 16px;line-height:190%; color: #333; margin:0 auto 50px;}
.introduce p{padding-bottom:30px;}

.about_bg{ background:#f5f5f5; padding:20px 0 50px;}
.article {max-width: 1260px; margin: 0 auto;  }
.article_title { border-bottom: 4px solid #e2e2e2; padding-bottom: 20px; margin-bottom: 20px;}
.article_title h2 {padding: 0;font-size: 44px; text-align: center; padding-top: 20px; font-weight: normal;line-height: 180%; padding-bottom: 10px;}
.article_title p {font-size: 30px; color: #333;}
.article_title p span {color: #999;}

.article_content {font-size: 16px;line-height:190%; color: #333;float:left; width:45%;margin-top: 60px;}
.article_content p {padding-bottom:30px;}
.article_content p img { max-width:100%; height:auto;}
.article_keywords { font-size: 16px; padding-bottom: 30px;}
.article_keywords a {color: #0059ff; padding: 0 15px;}
.article_keywords a:hover {color: #333;}
.aritlce_more {  padding-bottom: 15px; color: #999; font-size: 16px;}
.aritlce_more a {color: #333; }
.aritlce_more a:hover {color: #0059ff;}
.aritlce_more ul li {position: relative; z-index: 1; padding-left: 80px; line-height: 160%; padding-bottom: 15px;}
.aritlce_more ul li strong{position: absolute;  display: block; z-index: 2; left: 0; top: 0;}


.article_img{ float:left;width:45%;}


@media screen and (max-width:1280px) {
	}

@media screen and (max-width:992px) {
	
}

@media screen and (max-width:768px) {
	.article_content { float:none; width:100%; padding:0; margin-top:0;}
	
	.article_title {padding-bottom: 10px;}
	.article_title h2 {font-size: 30px; line-height: 140%; padding-top: 0;}
	.article_title p {font-size:20px; }
	.article_content p {padding-bottom: 20px;}
	
	.article_img{float:none; width:100%;}
	.article_img img{ width:100%;}
	.introduce{font-size: 14px; margin:0 auto 20px;}
	.introduce p{padding-bottom:10px;}
	.about_bg{ padding:20px 0;}
}
@media screen and (max-width:767px) {
	.article {padding:0px 10px;}
	.article_content {padding: 10px 0;}
	.article_title h2 {font-size: 20px; margin-top: 0;}
	.article_title p {font-size:16px; }
	.article_content p {font-size: 14px; padding-bottom: 10px;}
	.aritlce_more ul li {padding-left:0;}
	.aritlce_more ul li strong {position: relative; z-index: 1;}
	.article_keywords {border-top:1px solid #eee; padding-top: 20px; padding-bottom:20px;}
}
/*pros*/
.pros_ad {width: 100%;}
.pros_ad img {width: 100%; height: auto;}
.pros1 { width: 33.33%; box-sizing: border-box; padding: 20px 20px; float: left;}
.pros2 {background: #fff; padding: 5px; color: #fff;box-shadow: 0 0 10px -3px #999; }
.pros2_1 {padding: 30px 20px 30px 30px; width: 100%; box-sizing: border-box;}
.pros2 h2,.pros2 h3 {padding: 0; margin: 0;text-transform:uppercase;}
.pros2 h2 { font-size: 28px;}
.pros2 h3 { font-size: 13px; padding: 10px 0;}
.pros_line {font-size: 0; width: 55%; height: 3px; line-height: 3px; background: #fff; overflow: hidden;}
.pros2 p {padding-top: 10px;}
.bg1 { background: #e73438;}
.bg2 { background: #f29e37;}
.bg3 { background: #1a5397;}
.bg4 { background: #789c42;}
.bg5 { background: #008dde;}
.bg1 .icon1 {background: url("../images/prod_logo1.png") right center no-repeat; background-size: 30% auto; padding: 10px 0;}
.bg2 .icon1 {background: url("../images/prod_logo2.png") right center no-repeat; background-size: 30% auto; padding: 10px 0;}
.bg3 .icon1 {background: url("../images/prod_logo3.png") right center no-repeat; background-size: 30% auto; padding: 10px 0;}
.bg4 .icon1 {background: url("../images/prod_logo4.png") right center no-repeat; background-size: 30% auto; padding: 10px 0;}
.bg5 .icon1 {background: url("../images/prod_logo5.png") right center no-repeat; background-size: 30% auto; padding: 10px 0;}
.pros2_2 img { width: 100%; height: auto;}

.pros_box { width: 100%;}
.pros_box img {width: 100%; height: auto;}
.pros_title {text-align: center; padding-bottom: 15px;}
.pros_title strong {display: inline-block; padding-bottom: 10px; font-size: 22px; margin-bottom: 10px; border-bottom: 2px solid #0059ff}
.pros_title p {font-size: 16px; line-height: 220%; padding-bottom: 20px;}
.pros_in2 {width: 45%; padding-bottom: 20px;}
.pros_in2 h2 { padding: 0; margin: 0; font-size: 20px; color: #d55e66; padding-bottom: 10px;}
.pros_in2 p {font-size: 16px; line-height: 220%;}
.prod_cases { padding-bottom: 20px;}
.prod_cases ul li {width: 16.66%; padding: 15px; box-sizing: border-box; float: left;}
.prod_cases ul li img {box-shadow: 0 0 15px -3px #999; width: 100%; height: auto;}


@media screen and (max-width:992px) {
.pros1 { width: 50%; padding: 10px 10px;}
	.pros_title strong  {font-size: 18px;}
	.prod_cases ul li {width:25%; }
	.pros_in2 {width: 48%; padding-bottom: 10px;}
.pros_in2 h2 { font-size: 16px;}
.pros_in2 p {font-size: 14px;}	
}

@media screen and (max-width:767px) {
.pros_in2 {width: 100%; padding-bottom: 10px;}
	.pros1 { width:100%;}
	.prod_cases ul li {width:50%; padding: 5px; }
.prod_cases ul li img {box-shadow: 0 0 10px -3px #999; width: 100%; height: auto;}

}
/*service*/
.service1 {background: #eeeeee;}
.service1 .pull-left {width: 50%; }
.service1 .pull-left img { width: 100%; height: auto;}
.service1 .pull-right {width: 50%;}
.service2 {padding: 60px 80px 0; position: relative; z-index: 1;}
.service2 h2 {font-size: 50px; margin: 0; padding: 0; line-height: 120%; padding-bottom: 40px;}
.service2 .service_li {font-size: 20px; padding-bottom: 20px; color: #666;}
.service2 .service_li ul li { width: 40%; float: left; padding-bottom: 20px; line-height: 180%;}
.service2 p {font-size: 20px; line-height: 180%; color: #666;}
.service2 .service_links { font-size: 20px; padding-top: 60px; color: #da493d;}
.service2 .service_links a {color: #da493d; padding: 0 20px;}
.service2 .service_links a:hover {color: #333;}
.service1:hover {background: #da493d; color: #fff;}
.service1:hover .service2 ul li {color: #fff;}
.service1:hover .service2 p {color: #fff;}
.service1:hover .service2 .service_links {color: #fff;}
.service1:hover .service2 .service_links a {color: #fff;}
.service1:hover .service2 .service_links a:hover {color: #ff0;}
.service1a .pull-left {float: right !important;}
.service1a .pull-right {float: left !important;}

@media screen and (max-width:1600px) {
.service2 {padding: 40px 60px 0; }
.service2 h2 {font-size: 36px; line-height: 120%; padding-bottom: 30px;}
.service2 .service_li {font-size: 20px; padding-bottom: 15px;}
.service2 .service_li ul li { width: 40%; padding-bottom: 15px; }
.service2 p {font-size: 16px; line-height: 180%;}
.service2 .service_links { font-size: 16px; padding-top: 40px; }
.service2 .service_links a { padding: 0 10px;}

}
@media screen and (max-width:1280px) {
.service2 {padding: 30px 50px 0; }
.service2 h2 {font-size: 36px; line-height: 120%; padding-bottom:20px;}
.service2 .service_li {font-size: 14px; padding-bottom: 15px;}
.service2 .service_li ul li { width: 40%; padding-bottom: 15px;}
.service2 p {font-size: 14px; line-height: 180%;}
.service2 .service_links { font-size: 13px; padding-top: 30px; }
.service2 .service_links a { padding: 0 10px;}
}
@media screen and (max-width:992px) {
	.service1 .pull-left {width: 100%;}
	.service1 .pull-right {width: 100%;}
.service2 h2 {font-size: 26px; line-height: 120%; padding-bottom:20px;}
.service2 .service_li ul li { font-size: 16px; width:auto; padding-right: 30px; padding-bottom: 0; line-height: 160%;}
.service2 p {font-size: 14px; line-height: 160%;}
.service2 .service_links { font-size: 14px; padding-top: 20px; padding-bottom: 30px; }

}
@media screen and (max-width:768px) {
	.service2 {padding: 20px 20px 0;}
	.service2 h2 {font-size: 20px;}
	.service2 .service_li ul li {font-size: 14px;}
}

/*aboutus*/
.aboutusbg { width: 100%; color: #fff; background: url("../images/aboutbg.jpg") right bottom no-repeat; background-size:cover;}
.about1 {width: 100%; padding: 50px 0; border-bottom: 1px solid #fff;}
.about1 .pull-left {width: 62%; float: left;}
.about1 .pull-right {width: 34%; padding-top: 10px; float: left;}
.about1 .pull-right img {width: 100%; height: auto;}
.about1 h2,.about1 h3 {padding: 0; margin: 0;}
.about1 h2 {font-size: 28px; color: #da493d; float: left;}
.about1 h3 {font-size: 26px; padding: 0 20px; float: left;}
.about1 p {padding: 20px 0 30px; line-height: 200%;}
.about2 { width: 25%; float: left; color: #fff; box-sizing: border-box; padding: 0 30px;}
.about2 p {text-align: right;text-transform:uppercase;} 
.about2 .aboutnumber { font-size: 90px; text-align: center;}
.about2 .aboutnumber h2 {font-size: 90px; margin: 0; padding: 0; display:inline-block;}
.about2 h3 {font-size: 13px;  text-align: center;margin: 0; padding: 0;padding-bottom: 20px; }
.about2.a1,.about2.a2 {border-right:1px solid #fff;}

@media screen and (max-width:1280px) {

	
.about2 .aboutnumber { font-size: 70px; }	
.about2 .aboutnumber h2 {font-size:70px;}	

}
@media screen and (max-width:992px) {

.about1 { padding: 30px 20px;}
	.about1 .pull-left {width: 100%;}
.about1 .pull-right {width:60%; margin: 0 auto; float:none !important;}
	.about2 {width: auto;}
.about2 .aboutnumber { font-size: 70px; }	
.about2 .aboutnumber h2 {font-size: 70px;}	
}
@media screen and (max-width:768px) {


}
@media screen and (max-width:767px) {
.about2 {width: 50%; padding: 0 20px;}
	.about2.a2 {border: 0;}
	.about2 .aboutnumber { font-size:30px; }
	.about2 p {font-size: 12px;}
.about2 .aboutnumber h2 {font-size:50px;}	
.about1 .pull-right {width:80%; }
	.about1 h3 {padding: 0; font-size: 20px; float:none !important;}
	.about1 h2 { font-size: 24px; padding-top: 10px; float:none !important;}
}

/*tel*/

.tel1 { padding: 20px 0; background: #fff; margin: 30px 0 10px; border-radius:10px;}
.tel1_2 {padding: 20px ;}
.tel1_2 h2,.tel1_2 h3 { padding: 0; margin: 0;}
.tel1_2 h2 {padding: 10px 0 20px; font-size: 20px;}
.tel1_2 h3 {padding: 0 0 20px; font-size: 30px; color: #0059ff;}
.tel1_2  span {color: #888; font-size: 16px;}
.tel1_2 p {line-height: 320%; font-size: 18px;}
.tel1_2 p img{ width:42px;}


@media screen and (max-width:1280px) {


.tel1_2  span {color: #888; font-size: 14px;}
.tel1_2 p {line-height: 320%; font-size: 16px;}
}

@media screen and (max-width:767px) {
	.tel1 {padding: 10px 15px; padding: 0; box-shadow: none;margin: 30px 0;}
	.tel1_2 {padding: 0 15px 10px}
	.tel1_2 h2 {padding-bottom: 10px;}
	.tel1_2 h3 {font-size: 20px; padding-bottom: 10px;}
	.tel1_2 p {line-height: 180%; font-size: 14px; padding-top: 10px;}
    .tel1_2 p img{ width:32px;}
}

/*jiejue */
.jiejue_bg {background-size: 100% auto; min-height: 400px; padding: 50px 0;}

.jiejue_box {padding: 50px 50px; margin: 0 auto; }
.jiejue_box h2 {font-size: 30px;margin: 0; font-weight: bold; text-align: center; padding: 0; color: #333; padding-bottom: 50px;}
.jiejue1 ul li { position: relative; z-index: 1;padding:40px 40px 0; box-sizing: border-box; max-width: 1200px; margin: 0 auto;}
.jiejue1 ul li h3 {font-size: 24px; text-align: center; padding-bottom: 10px; color: #333;}
.jiejue1 ul li h3 strong {display: inline-block; padding-bottom: 10px; border-bottom: 3px solid #0095ff;}
.jiejue1 ul li p {font-size: 18px; line-height: 200%; clear: both;}
.jiejue1 ul li p img { width: auto; max-width:100%; height: auto; margin: 0 auto; padding:50px 0;}
.jiejue1 ul li span {width: 120px; height: 120px;display: block; border-radius:100px; position: absolute; z-index: 2; left: 20px; top: 50px; display: none;}
.jiejue1 ul li span.a1 {background: url("../images/icons/c1.png") center center no-repeat #fff; background-size:90% 90%;}
.jiejue1 ul li span.a2 {background: url("../images/icons/c4.png") center center no-repeat #fff; background-size:90% 90%;}
.jiejue1 ul li span.a3 {background: url("../images/icons/c2.png") center center no-repeat #fff; background-size:90% 90%;}
.jiejue1 ul li span.a4 {background: url("../images/icons/c3.png") center center no-repeat #fff; background-size:90% 90%;}

.jiejue_menu { padding: 0;}
.jiejue_menu a {width: 20%; float: left; height: 60px; line-height: 60px; font-size:18px; border-bottom: 2px solid #ccc; text-align: center;}
.jiejue_menu a.b1 {width: 33.33%;}
.jiejue_menu a.on {border-bottom: 2px solid #0095ff;}
.jiejue_menu a:hover {border-bottom: 2px solid #0095ff;}
.ser1 {float:left; width:40%;}
.ser2 {float:right; width:50%; padding-top: 30px; font-size:16px; line-height:280%;}
@media screen and (max-width:1600px) {
	.jiejue_box {padding: 50px 20px;}
	
}
@media screen and (max-width:1280px) {

	.ser1 {width: 100%; text-align: center;}
	.ser1 img {max-width: 100%; height: auto;}
	.ser2 {width: 100%; padding-top:30px;}
}
@media screen and (max-width:992px) {
	.jiejue1 ul li p img {max-width:100%; height: auto;padding: 10px 0;}
	.ser2 {width: 100%; padding-top:30px; font-size: 15px; line-height: 200%;}
}
@media screen and (max-width:992px) {
	.jiejue_bg {padding: 15px 0;}
	.jiejue_menu a {width: 33.33%; font-size: 15px; height:50px; line-height:50px;}
	.jiejue_box {padding: 20px;}
	.jiejue_box h2 {font-size: 25px; padding-bottom: 20px;}
	.jiejue1 ul li {padding: 20px 20px 0}
	.jiejue1 ul li h3 {font-size: 20px; }
	.jiejue1 ul li p {font-size: 15px;}
	.jiejue1 ul li img {max-width: 100%; height: auto;padding: 10px 0;}
}
@media screen and (max-width:767px) {
	.jiejue_bg {padding: 15px 0;}
	.jiejue_menu a {width:50%; font-size: 14px; height:40px; line-height:40px;}
	.jiejue_menu a.b1 {width:50%;}
	.jiejue_box {padding: 30px 15px}
	.jiejue_box h2 {font-size: 20px; padding-bottom: 20px;}
	.jiejue1 ul li {padding: 10px 0;}
	.jiejue1 ul li h3 {font-size: 18px; }
	.jiejue1 ul li p {font-size: 15px; }
}

.mapbox {
	width:1040px; margin: 0 auto; 
	position: relative; z-index: 1;
}
.mapbox2 {background: #ececec;}
.mapimg img { width: 100%; height: auto;}
.mapinfor {position: absolute; z-index: 2; left: 38%; top: 10%; float: left;}
.mapinfor ul li {height: 30px; line-height: 30px; color: #888; font-size: 16px;}
.mapinfor ul li span {width: 1px; height: 8px; border-radius:10px; display: inline-block; margin-right: 15px;}
.mapinfor ul li span.blue {background: #0095ff;}
.mapinfor ul li span.green {background: #36ab28;}
.cases_point {position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: 0;}
.cases_point dl {position: absolute; z-index: 1; padding:10px ; cursor: pointer;}
.cases_point dl dt {width: 16px; height: 16px; border:1px solid #fff; border-radius:10px; display: block; background: #ff6c00;}
.cases_point dl dd {display: none;
	float: left; height: 36px; line-height: 36px; position: absolute; z-index: 2;width:100px; font-size: 16px; top: -34px; left: -32px; text-align: center; color: #fff; border-radius:3px; border: 1px solid #fff;}
.cases_point dl:hover dd {display: block;

}

.cases_point dl a dd.d1 {background: #4472c5; color: #fff;}
.cases_point dl a dd.d2 {background: #0095ff; color: #fff;}
.cases_point dl a dd.d3 {background: #666; color: #fff;}
.cases_point dl.c1 {left: 29.6%; top:46.6%;}
.cases_point dl.c2 {left: 40.2%; top:62.5%;}
.cases_point dl.c3 {left: 51.2%; top:57.4%;}
.cases_point dl.c4 {left: 59.2%; top:49.6%;}
.cases_point dl.c5 {left: 59.5%; top:58%;}
.cases_point dl.c6 {left: 59.0%; top:63%;}
.cases_point dl.c7 {left: 67.2%; top:43.2%;}
.cases_point dl.c8 {left: 63%; top:68.4%;}
.cases_point dl.c9 {left: 56.2%; top:78.4%;}
.cases_point dl.c10 {left: 60.5%; top:83%;}
.cases_point dl.c11 {left: 69%; top:59%;}
.cases_point dl.c12 {left:71%; top:69%;}
.cases_point dl.c13 {left:65.4%; top:80%;}
.cases_point2 {display: none;}

.newcases {max-width: 1000px; margin: 0 auto;}
.newcases ul li {box-sizing: border-box; width: 33.33%; padding:0 20px 40px 20px; float: left;}
.newcases ul li a {display: block; position: relative; z-index: 1; box-shadow: 0 0 15px -3px #aaa;}
.newcases ul li a img {width: 100%; height: auto;}
.newcases ul li a .pic_infor { display: none; position: absolute; z-index: 2; left: 0; right: 0; text-align: center; padding: 5px 10px; line-height: 30px; background: rgba(0,0,0,0.7); bottom:0; font-size: 16px; color: #fff;}
.newcases ul li a:hover {box-shadow: 0 0 18px -3px #005df7;}
.newcases ul li a:hover .pic_infor {display: block; }

.map_list { width:600px; margin: 0 auto;}

.map_list dl {width: 200px; float: left; box-sizing: border-box; padding-left: 40px;  }
.map_list dl dt {color: #09c; font-size: 18px; font-weight: bold; padding-bottom: 15px;}
.map_list dl dd span {font-size: 15px; line-height: 180%; color: #666; display: block;}


@media screen and (max-width:1110px) {
	.mapbox {width: 100%}
	.cases_point dl {padding:2%;}
	.cases_point dl dt {margin: -6px 0 0 -6px; width: 10px; height: 10px;}
	
}
@media screen and (max-width:992px) {
	.newcases ul li {padding: 0 10px 20px 10px;}
	.newcases ul li a .pic_infor {display: block; font-size: 14px; line-height: 180%;}
	
}
@media screen and (max-width:767px) {
	.mapimg {display: none;}
	.cases_point {display: none;}
	.cases_point2 {display: none; margin: 0 25px;}
	.cases_point2 dl {margin: 0; position: relative; z-index: 1; width: 50%; box-sizing: border-box; float: left; }
	.cases_point2 dl dt {width: 6px; height: 6px; background:orange; border-radius:10px; display: block; position: absolute; z-index: 2; left: 10px; top: 17px;}
	.cases_point2 dl dd {height: 40px; line-height: 40px; font-size: 15px; padding-left: 30px;}
	.mapbox2 {background: #fff;}
	.newcases {margin: 0 10px;}
	.newcases ul li {padding: 0 5px 10px 5px; width: 50%;}
	.newcases ul li a {padding-bottom: 40px;}
	.newcases ul li a .pic_infor {background: #fff; color: #333; line-height: 140%;}
	.map_list {width: 100%;}
	.map_list dl {width: 33.33%; padding-left: 15px;}
	.map_list dl dt {font-size: 14px;}
	.map_list dl dd span {font-size: 13px;}
	
}


     .index1_menus {
            box-sizing: border-box;
        }

        .index1_menus ul li {
            width: 20%;
            display: flex;
            padding: 10px 50px;
            border: none;
            text-align: center;
            position: relative;
            -webkit-transition: all ease .3s;
            transition: all ease .5s;
            height: 190px;
        }

        .index1_menus.index0_menus ul li:after {
            background: url("../images/jt.png") no-repeat;

            right: -26px;
            top: 52px;

        }

        .index1_menus ul li:after {
            width: 56px;
            height: 35px;
            display: block;
            content: "";
            position: absolute;
        }

        .index1_menus .infoimg img {
            width: 100%;
            height: 110px;
            border-radius: 50%;
            -webkit-transition: all ease .3s;
            transition: all ease .5s;
        }

        .index1_menus li .info {
            display: none;
        }



        .index0_menus ul li:nth-child(5):after {
            background: url("../images/down.png") no-repeat;
            right: 95px;
            top: 143px;
        }

        .index1_menus.index2_menus ul li:after {
            background: url("../images/left.png") no-repeat;
            left: -30px;
            top: 52px;
        }

        .index1_menus.index2_menus ul li:nth-child(1):after {
            background: url("../images/down.png") no-repeat;
            left: 98px;
            top: 142px;
        }

        .index1_menus.index2_menus {
            padding: 40px 0;
            clear: both;
        }

        .index1_menus.index3_menus {
            clear: both;
            padding: 40px 0;
        }

        .index1_menus.index3_menus ul li:after {
            background: url("../images/jt.png") no-repeat;

            right: -26px;
            top: 52px;

        }

        .index3_menus ul li:nth-child(5):after {
            background: none;
        }

        .index1_menus p {
            padding-top: 5px;
        }

        .index1_menus ul li:hover {
            -webkit-transform: scale(1.05);
            transform: scale(1.6);
            padding: 10px 10px 0;
            background: #fff;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            z-index: 3;
            position: relative;
            cursor: pointer;


        }

        .index1_menus ul li:hover p {
            color: #1e48c2;
            font-weight: bold;
        }

        .index1_menus ul li:hover:after {
            display: none;


        }


        .index1_menus ul li:hover img {
            border-radius: 0;
            height: 150px;
        }

        
.index1_menus_mobile{box-sizing: border-box;margin:0 5px;}
          .index1_menus_mobile li{width:33.3%;float:left;text-align: center;padding:5px; }
          .index1_menus_mobile li img{height: 80px;width:100%;border-radius: 10px;-webkit-transition: all ease .3s;
            transition: all ease .5s;}

            .index1_menus_mobile li:hover img{ -webkit-transform: scale(1.05);
            transform: scale(1.6);
            padding: 5px;
            background: #fff;z-index: 3;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
                  .index1_menus_mobile li p{border-bottom: 1px solid #ddd;padding-bottom: 10px;height: 24px;line-height: 24px;}