
@font-face {
  font-family: 'wudong';
  src: url('./wudong.ttf');
}


*{margin:0;padding:0;}
li{list-style-type: none;}
a{text-decoration:none;color:#000;}
h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;}
body{margin: 0 auto; font-family:"Regular";color:#333;font-size: 1rem;}
.no{display:none;}
img{ border:0;}
.img{width: 100%;display:block}
.clear{clear:both;}
.box{width:94%;margin:0 auto;overflow: hidden}
.over{overflow: hidden}
.fl{float: left}
.fr{float: right}
.wudong{font-family: 'wudong';}
.bold{ font-weight:bold;}
.border{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;}
.hei5{ height:0.5rem; line-height:0.5rem;}

.sy1{width:100%;height:5.4rem;position:fixed;top:0;left:0;z-index:999;background:#fff}
.sy11{display: block;height: 3.2rem;float: left; margin:1rem 3%  0 3%;}
.sy11_{display: block;width:3rem; margin:1.2rem 3%  0 3%;float: right;}
.sy11_ img{ width:100%;}
.sy13{float: left; margin:1rem 3%  0 0%; color:#565555; font-size:1.2rem; text-align:center; }
.sy13 span{ font-size:1.5rem; display:block;}

.sy12{width:2rem;height:2.5rem;float: right;margin:1.5rem 3% 0 2%;z-index:99;background:url('../images/sjmune.png') no-repeat center;background-size:100%}
.sy12 div{ position:relative;background-size:auto}
.sy12 div a{ height:47px; line-height:47px;}
.sy12  .showmenu{  display:none;height:auto; width:10rem;position:absolute; right:-1rem; top:5.4rem; z-index:99; background-color:#fff;border-radius:0px 0px  5px 5px;margin-right: 1rem;}
.sy12  .showmenu li{ text-shadow:none; height:3rem; border-bottom:1px solid #e8e8e8; text-align:center}
.sy12  .showmenu li a{ height:24px; line-height:24px; width:100%; display:block; color:#666;margin-top: 1rem;}

.hz1{width:100%;position:relative;margin-top:5.4rem;}
.hz11{position:absolute;top:0;left:0;width:100%;height:100%}
.hz11 .main_visual{height:100%;overflow:hidden;position:relative;width:100%;}
.hz11 .main_image{height:100%;overflow:hidden;position:relative;}
.hz11 .main_image ul{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.hz11 .main_image li{float:left;width:100%;height:100%;}
.hz11 .main_image li span{display:block;width:100%;height:100%}
.hz11 .main_image li .img_1{background:url('../image/1.jpg') center top no-repeat;background-size: 100%}
.hz11 .main_image li .img_2{background:url('../image/2.jpg') center top no-repeat;background-size: 100%}
.hz11 .main_image li .img_3{background:url('../image/3.jpg') center top no-repeat;background-size: 100%}
.hz11 .flicking_con{width: 100%; position:absolute;bottom:0.5rem;left:0;z-index:99;text-align: center}
.hz11 .flicking_con a{width:0.8rem;height:0.8rem; display: inline-block; background:url('../image/dot.png') 0 0rem no-repeat;text-indent:-1000px;background-size:100%;margin:0 0.3rem;}
.hz11 .flicking_con a.on{background-position:0 -1.6rem}

.between{display: flex;flex-direction: row;justify-content: space-between;}
.img_center{display:flex;justify-content:center;align-items:center;}

.cor{color: #02c873}
.cor1{color: #474747}
.cor2{color: #ffffff}
/* 内容 */
.title{text-align: center;padding:8% 0 5%;}
.title h3{font-size: 1.8rem;}
.title p{font-size: 1.3rem;color: #748095;margin-top: 0.3rem}


.home1{}
.home1_1{ text-align:center; padding-top:2rem; padding-bottom:2rem;}
.home1_1 li{ color:#ffffff; width:50%; float:left; text-align:center; padding-bottom:2rem;}
.home1_1 li:nth-child(2n){  border-right:0;}
.home1_1 li .home1_2{ border:#ffffff solid 3px; width:5rem; height:5rem; border-radius:2rem; margin:0 auto;}
.home1_1 li .home1_2 img{ height:3rem;}
.home1_1 li p{ font-weight:bold; font-size:1.2rem; height:2rem; line-height:2rem; padding-top:1rem;}
.home1_3{ color:#ffffff;  text-align:center;}
.home1_3 p{ font-size:2rem; height:4rem; line-height:4rem;}
.home1_3 span{ font-weight:bold; font-size:1.5rem; height:3rem; line-height:3rem;}
.home1_4{ margin-top:1rem;}
.home1_4 li{width:100%;position:relative;}
.home1_4 li .home1_5{ width:100%; overflow:hidden; border-radius:30px;}
.home1_4 li .home1_5 img{ width:100%;}
.home1_4 li .home1_6{ width:80%; height:10rem; background:#ffffff; border-radius:30px; position:absolute; bottom:2rem; left:10%; text-align:center; }
.home1_4 li .home1_6 p{ color:#111111; font-size:1.8rem; font-weight:bold;height:3rem; line-height:3rem; padding-top:1rem; }
.home1_4 li .home1_6 b{ height:2px; background:#111111; width:16px; margin:0 auto; display:block;}
.home1_4 li .home1_6 span{ color:#111111; font-size:1.2rem; line-height:1.8rem; padding-top:1rem; display:block;}
.home1_7{ color:#ffffff; text-align:center; height:3rem; line-height:3rem; margin-top:1rem;}
.home1_7 .prev ,.home1_7 .next{ font-size:2rem; font-weight:bold;color:#ffffff; cursor:pointer;}
.home1_7 .pageState{font-size:1.9rem; font-weight:bold;color:#ffffff; margin:0 1rem;}



.home2{}
.home2_1{ background:#fafafa;  border-radius:30px; margin:1rem auto;}
.home2_2{ width:100%; text-align:center;}
.home2_2 p{ color:#111111; font-size:1.8rem; line-height:2.5rem; font-weight:bold; padding-top:1rem;}
.home2_2 span{ color:#111111; font-size:1.5rem; text-align:center; display:block; line-height:2rem; margin-top:1rem; padding-bottom:2rem;}
.home2_3{ width:100%; }
.home2_3 img{ width:100%; }
.home2_4{  border-radius:30px; background:#ffffff; margin:1rem auto 0 auto; }
.home2_5{ padding:2rem 0 1rem 0; line-height:3rem;}
.home2_5 a{ height:3rem; line-height:3rem; float:left; width:25%; display:block; color:#111111; font-size:1.2rem; text-align:center;cursor:pointer; border-radius:10px;}
.home2_5_{ background:#8113ea; color:#ffffff !important;}
.home2_6{ margin:0 auto;width:95%;}
.home2_6 li{ width:50%; float:left;}
.home2_6 li .home2_7{ width:95%; overflow:hidden; margin:0 auto 10px auto; border-radius:20px;}
.home2_6 li .home2_7 img{ width:100%;}

.home3{}
.home3_1{ padding-top:2rem;}
.home3_1 li{ width:48%;float:left; margin-right:4%; position:relative;}
.home3_1 li  .home3_2{width:100%; height:10rem; background:#ffffff; border-radius:30px;  }
.home3_1 li  .home3_2 img{ width:4rem;}
.home3_1 li:nth-child(2n){ margin-right:0;}
.home3_1 li .home3_3{ width:4rem;position:absolute; top:-20px; left:0;}
.home3_1 li .home3_3 img{ width:4rem;}
.home3_1 li p{ color:#ffffff; text-align:center; font-size:1.5rem; font-weight:bold; height:3rem; line-height:3rem; margin-bottom:1rem;}
.home3_4{ background:url(../images/home3_4.png) no-repeat center center; height:299px; margin:25px auto;}
.home3_5{ color:#ff001b; font-size:24px; font-weight:bold; line-height:31px; padding-left:60px; padding-top:87px;}
.home3_5 p{ background:url(../images/home3_5.png) no-repeat left center; height:40px; line-height:40px; color:#ff001b; font-size:36px;font-style: italic; font-weight:bold; margin-top:15px; padding-left:50px;}
.home4{ background:url(../images/home4.jpg) no-repeat center center; height:1090px;}
.home4_1{ margin:2rem auto 0 auto; width:90%; padding:1rem 2%; background:#ffffff; border-radius:30px;}
.home4_1 li{ width:50%; float:left;text-align:center; }
.home4_1 li .home4_2{ width:95%;  margin:0 auto; overflow:hidden;border-radius:30px;}
.home4_1 li .home4_2 img{ width:100%;}
.home4_1 li  p{ text-align:left; color:#111111; font-size:1.5rem; height:2rem; line-height:2rem; padding-top:1rem; width:90%; margin:0 auto; overflow:hidden;}
.home4_1 li  label{ text-align:left; color:#111111; font-size:1rem; display:block; height:2rem; line-height:2rem; padding-bottom:1rem; width:90%; margin:0 auto; overflow:hidden;border-bottom:#cccccc solid 1px; margin-bottom:1rem;}
.home4_1 li  label span{ font-size:1.5rem;}
.home4_1 li  label b{ float:right; font-size:30px; height:2px; background:#333333; width:16px; display:block; margin-top:1rem;}





.home5{}
.home5_1{ margin-top:1rem; }
.home5_1 li{ width:49%; margin-right:2%; float:left; text-align:center; padding-bottom:1rem;}
.home5_1 li .home5_2{ width:100%;  border-radius:30px; overflow:hidden;}
.home5_1 li .home5_2 img{ width:100%;}
.home5_1 li p{font-size:2rem; color:#ffffff; font-weight:bold; line-height:3rem; height:3rem; margin-top:0.5rem;}
.home5_1 li b{ background:#ffffff; width:16px; height:2px; display:block; margin:0 auto;}

.home5_1 li span{ font-size:1rem; color:#fffefe; display:block; line-height:1.8rem; margin-top:10px;}
.home5_1 li:nth-child(2n){ margin-right:0px;}
.home5_3{ background:url(../images/home3_4.png) no-repeat center center; height:299px;}
.home5_4{ padding-left:70px; padding-top:90px; line-height:36px; color:#ff001b; font-size:24px; width:630px; font-weight:bold;}
.home5_5{ color:#ffffff; font-weight:bold; width:650px; text-align:center;}
.home5_5 p{ font-size:30px; line-height:36px; padding-top:70px;}
.home5_5 span{ font-size:24px;line-height:36px; padding-top:20px; display:block;}


.home6{ padding:1rem 0;}
.home6_1{ margin:1rem auto 0 auto; background:#ffffff; border-radius:30px;}
.home6_2{ width:100%; color:#111111; font-weight:bold; text-align:center;}
.home6_2 p{ font-size:1.8rem; height:4rem; line-height:4rem; padding-top:2rem;}
.home6_2 span{ font-size:1rem; line-height:2rem;  display:block;}
.home6_2 span b{ color:#666666; font-weight:normal; padding:0 10px;}
.home6_3{ width:100%; background:#f7f7f7;  padding:1rem 0 0 0; margin-top:1rem;}
.home6_3 li{ width:33.33%; float:left; padding-bottom:0.5rem;}
.home6_3 li .home6_4{ width:90%; overflow:hidden; margin:0 auto; border-radius:20px;}
.home6_3 li .home6_4 img{ width:100%;}
.home6_5{  margin:1rem auto 0 auto; background:#8113ea; border-radius:30px; padding-bottom:2rem;}
.home6_5_{ width:100%; margin:0 auto; position:relative;}
.home6_6{ width:100%;}
.home6_6 li .home6_7{width:100%;}
.home6_6 li .home6_7 img{width:100%;}
.home6_8{ padding:1rem 0;}
.home6_8 ul{ width:100%; }
.home6_8 ul li{ width:10px; height:10px; background:#999999; line-height:999px; border-radius:50%; margin:0 5px; } 
.home6_8 ul .on{ background:#ee2100;}
.home6_9{ width:100%; color:#ffffff; font-weight:bold; text-align:center;}
.home6_9 p{ font-size:2.2rem; height:4rem; line-height:4rem; padding:1rem 0;}
.home6_9 span{ font-size:1.5rem; border:#ffffff solid 1px; width:15rem; height:3rem; line-height:3rem; border-radius:30px; display:block; margin:0 auto; text-align:center;}
 
 
.home7{ }
.home7_1{ height:94%; margin:2rem auto 0 auto; border-radius:30px; background:#e6e6e6;}
.home7_1 li{ width:24.4%; margin:1px 0.3%; float:left; background:#ffffff;}
.home7_1 li:nth-child(4n){border-right:0;}
.home7_1 li .home7_2{ width:100%; height:5rem;} 
.home7_1 li .home7_2 img{ width:60%;} 

.home8{ padding-top:1rem;}
.home8_11{}
.home8_1{  margin:1rem auto 0 auto; background:#ffffff; border-radius:30px; padding-bottom:2rem;}
.home8_2{  color:#111111; font-size:1.2rem; line-height:2rem; width:90%; margin:0 auto; padding-top:1rem;}
.home8_2 a{ display:block; margin-top:1rem;}
.home8_3{ width:100%;}
.home8_3 img{ width:100%;}
.home8_4{ margin-top:2rem;position:relative;}
.home8_5{ width:80%; margin:0 auto;  overflow:hidden;}
.home8_5 li{ width:50%; float:left;overflow:hidden;}
.home8_5 li .home8_6{ width:90%; height:6rem; overflow:hidden; margin:0 auto;}
.home8_5 li .home8_6 img{ width:100%;}
.home8_4 .prev{ width:1rem; position:absolute; left:0; top:2rem; cursor:pointer;}
.home8_4 .prev img{ width:100%;}
.home8_4 .next{ width:1rem; position:absolute; right:0; top:2rem; cursor:pointer;}
.home8_4 .next img{ width:100%;}

.home9{ padding:1rem 0 2rem 0;}
.home9_1{ padding:2rem 0; margin:1rem auto 0 auto; background:#ffffff; border-radius:30px;}
.home9_2 { width:90%; margin:0 auto;}
.home9_2 li{ border-bottom:#cccccc solid 1px; padding-bottom:3px; margin:1rem 0 1rem auto;}
.home9_2 li input{ font-size:1.5rem; height:3rem; line-height:3rem; padding-left:1rem; outline:none; border:0;}
input::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #111111; 
} 
input:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #111111; 
} 
input::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: #111111; 
} 
input:-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: #111111; 
}

.home9_3{ text-align:center; padding-top:1rem;}
.home9_3 input{ font-size:1.5rem; font-weight:bold; color:#ffffff; background: linear-gradient(to right,#8113ea,#f8224e); border:0; width:12rem; height:4rem; line-height:4rem; border-radius:35px; }


.home10{width: 100%;padding:30px 0 90px 0;}
.home10_1{  text-align:center; margin-top:45px;}
.home10_2{border-right:#cccccc solid 1px; margin-top:60px;}
.home10_2 li{ border-left:#cccccc solid 1px; width:349px; float:left; text-align:center;}
.home10_2 li .home10_3{ height:50px; width:100%;}
.home10_2 li b{ height:2px; background:#2c2c2c; width:30px; margin:20px auto; display:block;}
.home10_2 li p{ color:#111111; font-size:16px; line-height: 25px;}





.home18{ background:#111111; width:100%; margin:0 auto; height:80px; line-height:80px; color:#999999; font-size:14px;}
.home18 a{ color:#999999; font-size:14px;}
.home18 a:hover{ color:#999999; font-size:14px;}
.home19{ position:relative;}
.ding{ position:absolute; bottom:310px; left:570px; cursor:pointer;}

.ht61{ width:90%; margin:0 auto; padding:1rem 0; }
.ht61 .text{width:100%; height:45px;border-radius: 5px;font-family: 'Regular';font-size: 1.2rem; border:0;outline: none;background:#fff9fa ;text-indent: 1em;margin-bottom:1rem;color: #999999;box-shadow:inset 0px 15px 15px -15px #000, inset 0px 0px 15px -15px #000; }
.ht61 .text1{width: 100%;height:100px;padding-top: 1rem}
.ht611{width: 100%;margin:1rem auto 0;}
.ht61 .tj1{ margin:0 auto; display: block;width:100%;height:3rem;text-align: center;line-height: 3rem; font-family: 'Regular';background:#e38914; color:#fff;font-size:1.5rem;outline:none;cursor: pointer;border:none;border-radius: 5px;}


.di{width: 100%;padding: 1rem 0 4.5rem;color: #ffffff;font-size: 0.7rem;text-align: center;}
.di a{color: #ffffff}
.di a:hover{color: #ffffff}


.di0{width:100%;position:fixed;bottom:0;left: 0;z-index: 999;}
.di01{display:flex;justify-content: space-between; flex-flow:nowrap}
.di01 a{width:50%;line-height:3.5rem;height:3.5rem;text-align: center;font-size: 1.8rem;color:#fff;}
.di01 img{ height:1.8rem; margin-right:1rem;}


.erjibanner{ width:100%; height:200px; background-size: auto 200px;background-repeat:no-repeat; background-position:center center; margin-top:5.4rem;}

.about1{padding:0 0; background:#ffffff; margin:0 auto; border-radius:30px;}
.about1_1{ background:#fafafa; background-image:url(../images/about1_1.jpg); background-repeat:no-repeat; background-position:bottom center; padding: 0; }

.about{ width:95%; margin:0 auto; padding:2rem 0;}
.about2{ color:#333333; font-size:1.5rem; height:4rem; line-height:4rem; border-bottom:#cccccc solid 1px;}
.about2 p{ width:50%; float:right; font-size:1.2rem; text-align:right;}
.about2 p span{ padding-right:10px;}
.about2 p img{ margin:0 10px;}
.about3{font-size:1rem;color: #333333;line-height: 2rem;margin:1rem auto;}
.about4{ margin:1rem 0; width:100%;}
.about4  li{ width:33.33%; float:left;cursor:pointer;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out; text-align:center; }
.about4  li .about5{ width:80%; overflow:hidden; border-radius:50%; margin:0 auto;}
.about4  li .about5 img{ width:100%;}
.about4  li p{ color:#333333; font-size:1.2rem; height:3rem; line-height:3rem; }
.about4  li span{ color:#999999; font-size:1rem;}
.about6{ padding:0 0 0 0;}

.about7{ padding-bottom:2rem; width:90%; margin:0 auto;}
.about7 li{ border:#cccccc solid 1px; border-radius:20px; width:46%; float:left;  padding:1rem  0;  overflow:hidden; float:left; margin-top:1rem;}
.about7 li .about8{ width:4rem; height:4rem; margin:0 auto;border:#cccccc solid 1px; border-radius:20px;}
.about7 li .about8 img{ height:1.5rem;}
.about7 li p{ color:#333333; font-size:1rem; text-align:center; line-height:2rem; padding-top:1rem;}
.about7 li span{ color:#666666; font-size:0.8rem; text-align:center;display:block; }
.about7 li:nth-child(2n){float:right; }
.about7 li:nth-child(7) p{ color:#333333; font-size:18px; text-align:center; line-height:20px; padding-top:5px;}
.about7  li:nth-child(7) span{ color:#666666; font-size:14px; text-align:center; line-height:20px; display:block;}

.about41{ margin:1rem 0; width:100%;}
.about41  li{ width:50%; float:left; cursor:pointer;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out; text-align:center; }
.about41  li .about5{ border:#e6e6e6 solid 1px; width:95%; overflow:hidden;  margin:0 auto;}
.about41  li .about5 img{ width:100%;}
.about42{ margin:1rem 0; width:100%;}
.about42  li{ width:100%; margin-right:13.33px; float:left; cursor:pointer;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out; text-align:left; }
.about42  li .about5{height:8rem; width:50%; float:left; overflow:hidden;  margin:0 auto;}
.about42  li .about5 img{ width:100%;}
.about42  li .about8{height:8rem; width:45%; padding-left:5%; float:left; overflow:hidden;  margin:0 auto;}
.about42  li .about8 p{ color:#333333; font-size:1.2rem;}
.about42  li .about8  b{ height:3px; width:20px; background:#999999; display:block; margin:0.5rem 0;}
.about42  li .about8  span{ color:#333333; font-size:0.8rem; line-height:1.5rem; height:4.5rem; overflow:hidden; display:block;}
.about9{ width:100%; overflow:hidden; border-radius:20px;}
.about9 img{ width:100%;}
.about10{ width:100%; padding-top:1rem;}
.about10 li{ border-bottom:#cccccc solid 1px; color:#333333; font-size:1.2rem; font-weight:bold; height:3rem; line-height:3rem; padding-top:0.5rem;}
.about10 li span{ padding:0 1rem; display:inline-block; text-align:center; font-size:1rem; font-weight:normal;}
.about11{ text-align:center; font-size:1.5rem; color:#333333; line-height:3rem; margin:2rem auto 0 auto;}

.map{width: 1200px;height:700px; margin:30px auto 50px auto;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}








.news{ margin:2rem auto;}
.news li { width:100%; height:10rem; background:#ffffff; border-radius:20px; overflow:hidden; margin-bottom:1rem; cursor:pointer;}
.news li .news1{ width:50%; height:10rem; float:left}
.news li .news1 img{ height:10rem;}
.news li:nth-child(2n){ float:right;}
.news li .news2{ float:left; width:45%; padding:0 2.5%; text-align:left; }
.news li .news2 span{ color:#111111; font-size:0.8rem; height:2rem; line-height:2rem; padding-top:2rem; display:block;}
.news li .news2 p{ color:#111111; font-size:1rem; height:2rem; line-height:2rem; overflow:hidden;}
.news li .news2 label{ border-bottom:#cccccc solid 1px; display:block; height:2rem; line-height:2rem;  margin-top:1rem;}
.news li .news2 label b{ float:right; color:#666666;}


.sxy{margin:40px auto 0 auto;width:100%;font-size: 14px;color:#666}
.sxy1{width:100%;height:30px;}
.sxy2{width:100%;height:30px;}
.sxy a{font-size: 14px;color:#666}

.con {min-height: 20rem;}
.article_title{text-align: center;margin: 1rem 0; }
.article_title h2{font-size:1.2rem; color:#333333;line-height:2rem;}
.article_title p{font-size: 0.8rem;color:#858585;margin-top:0.5rem;}
.article_body{ padding:2rem 5%; margin:0 auto;;word-wrap:break-word;font-size: 1rem;line-height:2rem; background:#ffffff; border-radius:30px;}
.article_body img{max-width:100%; display:block; margin:0 auto;}

.case{ padding:1rem 0;}
.case li{ width:90%; margin:0 auto 1rem auto; background:#ffffff; border-radius:20px; overflow:hidden; }
.case li .case2{width:100%; height:12rem; overflow:hidden;}
.case li .case2 img{width:100%;}
.case li p{width:90%; margin:0 auto; color:#333333; font-size:1.2rem; line-height:2rem; padding:1rem 0 ;}
.case li p span{width:100%; margin:0 auto; display:block; color:#333333; font-size:1rem; line-height:1.5rem; height:3rem; overflow:hidden; }


.case3{ width:1200px; height:600px; background:#ffffff; border-radius:20px; overflow:hidden; margin-bottom:60px;}
.case3 .case4{ width:780px; height:600px; float:left; overflow:hidden;}
.case3 .case4 img{ width:100%;}
.case3 p{width:340px; float:left; margin:0 auto; color:#333333; font-size:24px; height:60px; line-height:60px; padding-top:180px; margin-left:40px;}
.case3 p span{width:100%; margin:0 auto; display:block; color:#333333; font-size:18px; line-height:28px; padding-top:10px;}

.pro{ text-align:center; padding:1rem 0;}
.pro li{ width:25%; float:left; margin-top:0.5rem;}
.pro a{ border:#ed3743 solid 1px; width:80%; height:2rem; line-height:2rem;  margin:0 auto;  display:inline-block; text-align:center;  color:#c42117; font-size:1.2rem;}
.pro_{ background:#ed3743; color:#ffffff !important;}
.pro1{ width:90%; margin:0 auto; }
.pro1 li{ background: linear-gradient(to bottom,#e9caae,#f7eee6); padding:7px; display:block;  border-radius:10px; position:relative; margin-bottom:5rem;box-shadow: 0px 30px 50px -20px #888888;}
.pro1 li .pro2{ width:100%; height:15rem; background:#ffffff;border-radius:10px; overflow:hidden;}
.pro1 li .pro2 img{ width:100%;}
.pro1 li p{ width:80%; height:6rem; background-image:url(../images/pro2.png); background-repeat:no-repeat; background-size:100% 100%; color:#333333; font-size:1.5rem; text-align:center; line-height:2rem; position:absolute; left:10%; bottom:-4rem;}
.pro1 li p span{ color:#333333; font-size:1rem; display:block; padding-top:1rem; height:2rem; line-height:2rem;}
.pro1 li:nth-child(3n){ margin-right:0;}

