@charset "utf-8";

html,body{-webkit-text-size-adjust:none;}
body{ width:100%;font-size:14px; font-family:"微软雅黑"; margin:0;padding:0;color: #666; line-height:24px;}
article,footer, header,nav,section{display:block;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
ul,li{list-style:none;margin:0;padding:0}
em,i{ font-style:normal;}
img{ border:none; vertical-align: top;}
a{text-decoration:none;color:#666; }
a:hover{text-decoration:none;}
.clear {clear: both;}
.fl{ float:left;} .fr{ float:right;}
.fl,.fr{display:inline;}
.cen{margin:0 auto;}
.mag{ margin-top:30px;}
.m10{ margin-top:10px;}
.m20{ margin-top:20px;}
.m60{margin-top: 60px;}
.pad{ padding-top:20px;}
.center{ width:1400px; height:auto;}

.head{width:100%; height:68px; z-index:99999; background:#FFF;}
.head .center{ width:1400px; height:auto;}
.logo{ color:#e54777; line-height:68px; font-size:30px;}

.nav{width: 875px; margin-left:22%;}
.nav li{width: 110px;height:65px;float:left;text-align:center;font-size:15px; border-bottom:3px solid #FFF; margin-left:15px;}
.nav li a{ color:#333; display:block; line-height:65px; }
.nav li:hover,.nav li.cur{border-bottom:3px solid #e54777;}
.nav li:hover a,.nav li.cur a{ color:#e54777;}

.userlogin{ width:120px; height:43px; background:#efeded; border:1px solid #e4e5e9; border-radius:5px; overflow:hidden; line-height:43px; text-align:center; margin-top:12px;}
.userlogin a{ color:#666666; margin:0 10px;}
.userlogin a:hover{ color:#e54777;}

.banner{width:100%; height:800px; overflow:hidden; min-width:1200px;}
.bannerc{width:100%; height:800px; margin:0px auto; min-width:1200px;}

.bannerc #full-screen-slider { width:100%; height:800px; text-align:left;position:relative;}
.bannerc #slides { display:block; width:100%; height:800px; list-style:none; padding:0; margin:0; position:relative;}
.bannerc #slides li { display:block; width:100%; height:800px; list-style:none; padding:0; margin:0; position:absolute;}
.bannerc #slides li a { display:block; width:100%; height:800px; text-indent:-9999px}
.bannerc #pagination { display:block; list-style:none; position:absolute; left:28%; top:770px; z-index:9900;  padding:0px; margin:0; cursor:pointer;}
.bannerc #pagination li { display:block; list-style:none; width:35px; height:4px; float:left; margin-left:8px; border-radius:0px; background:#f2f2f2; }
.bannerc #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.bannerc #pagination li.current {background:#e54777;}

.tit{ text-align:center;}
.tit h2{ font-size:26px; color:#333; line-height:35px;}
.tit p{ font-size:16px; color:#999; line-height:30px;}

.jiab_a{ display: flex; flex-wrap: wrap; justify-content: center;}
.jiab_a li{border-radius: 16px; padding: 6px 20px; margin: 0px 17.5px; border:1px solid #ddd; cursor:pointer;}
.jiab_a li.cur{ border:1px solid #e54777; color:#fff; background:#e54777;}
.jiab_a li:hover{ border:1px solid #e54777; color:#fff; background:#e54777;}
.jiab_a li.cur a{ color:#fff;}
.jiab_a li:hover a{ color:#fff;}

.h_img{ overflow:hidden;}
.h_img img{ vertical-align:text-top;}

.middlea{ width:100%;}
.middlea ul{ margin-left:-1%;}
.middlea li{ float:left; width:24%; margin-left:1%; margin-top:20px;}
.middlea li img{ width:100%; transition: all .5s;}
.middlea li p{ font-size:16px; text-align:center; line-height:40px;}
.middlea li:hover img{ transform: scale(1.1);}

.meipbg{ background:url(../images/meipbg.jpg) bottom no-repeat; padding-bottom:100px;}
.meip{ display: flex; flex-wrap: wrap; justify-content: center;}
.meip li{ width:29.3%; margin:0px 2%; cursor:pointer; text-align:center; color:#FFF;}
.meip li img{ width:100%;}
.meip li .info{ margin-top:20px;}
.meip li h2{ font-size:20px; font-weight:normal;}

.aboutbg{ background:url(../images/aboutbg.jpg) center no-repeat; padding:130px 0 100px; overflow:hidden;}
.aboutbg dl{display: flex; flex-wrap: wrap; justify-content: space-between;}
.aboutbg dl dt{ width:55%; padding:2%; background:#FFF;}
.aboutbg dl dt img{ width:100%;}
.aboutbg dl dd{ width:38%; margin-top:80px;}
.aboutbg dl dd h2{ font-size:26px; color:#444; font-weight:normal;}
.aboutbg dl dd h2 span{ font-size:14px; color:#777;}
.aboutbg dl dd h3{ font-size:14px; color:#777; font-weight:normal; line-height:40px;}
.aboutbg dl dd p{ line-height:33px; color:#777; margin-top:20px; margin-bottom:40px;}
.aboutbg dl dd a{ border:1px solid #e54777; color:#e54777; border-radius:30px; padding:10px 40px;}
.aboutbg dl dd a:hover{ border:1px solid #e54777; color:#FFF; background:#e54777;}

.xxhd{ display: flex; flex-wrap: wrap; justify-content: center;}
.xxhd li{width: calc(25% - 20px); margin-top: 30px; margin-left: 10px; margin-right: 10px; padding-bottom:24px;}
.xxhd li a img{ width:100%; transition: all .5s;}
.xxhd li a{ padding:5%; display:block;}
.xxhd li h2{ font-size:16px; font-weight:normal; color:#333; margin-top:20px;}
.xxhd li p{ margin-top:20px; color:#666; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; word-break: break-all;}
.xxhd li .line{ margin-top:20px;}
.xxhd li .line .xclm{ float:left; border:1px solid #e5e5e5; color:#999; font-size:12px; padding: 0 8px; border-radius:5px;}
.xxhd li .line .xcjt{display: block; float: right; height: 28px; max-width: 100%; overflow: hidden; position: relative; width: 30px;}
.xxhd li .line .xcjt:before { background: url(../images/vbg.png) -23px -324px; content: ""; display: inline-block; height: 28px; position: absolute; left:0; top: 0; transition: all .36s ease; width: 30px;}
.xxhd li .line .xcjt:after{ background: url(../images/vbg.png) -23px -324px; content: ""; display: inline-block; height: 28px; position: absolute; left:-30px; top: 0; transition: all .36s ease; width: 30px;}
.xxhd li:hover h2{ color:#e54777;}
.xxhd li:hover img{ transform: scale(1.1);}
.xxhd li:hover{background: #fff; border-radius: 4px; box-shadow: 0 0 22px rgba(0, 0, 0, .12); transition: all .5s;}
.xxhd li:hover .xcjt:after{ left:0px; transition: all .5s;}
.xxhd li:hover .xcjt:before{ left:30px; transition: all .5s;}
.xxhd li:hover .xclm{ border:1px solid #e54777; color:#fff; background:#e54777;}

.casebg{ background:#fcf8fa; overflow:hidden; padding:100px 0;}
.casebg ul{ margin-left:-1%;}
.casebg li{ float:left; width:24%; margin-left:1%; margin-top:20px;}
.casebg li img{ width:100%; transition: all .5s;}
.casebg li p{ font-size:16px; text-align:center; line-height:40px;}
.casebg li:hover img{ transform: scale(1.1);}

.news{display: flex; flex-wrap: wrap; justify-content: center;}
.news li{ width:50%;}
.news li .img{ float:left; width:38%; overflow:hidden;}
.news li .img img{ width:100%;  transition: all .5s;}
.news li a{ display:block; padding:5%; overflow:hidden;}
.news li .infos{ float:right; width:58%;}
.news li .infos h2{ font-size:16px; font-weight:normal; color:#333;}
.news li .infos h2 span{ float:right; font-size:14px; color:#999;}
.news li .infos p{ margin-top:20px; color:#666; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; word-break: break-all;}
.news li .infos .xclm{ float:left; margin-top:10px; border:1px solid #e5e5e5; color:#999; font-size:12px; padding: 0 8px; border-radius:5px;}
.news li:hover img{ transform: scale(1.1);}
.news li:hover h2{ color:#e54777;}
.news li:hover{background: #fff; border-radius: 4px; box-shadow: 0 0 22px rgba(0, 0, 0, .12); transition: all .5s;}
.news li:hover .xclm{ border:1px solid #e54777; color:#fff; background:#e54777;}

.foot{width: 100%; display: inline-table;background-color: #2e3033; padding:60px 0 10px; position:relative; z-index:9999;}
.foot_l{ width:1040px;}
.fnav{}
.fnav li{ float:left; width:140px; line-height:40px; height:40px; font-size:16px;}
.fnav li a{ color:#ddd;}
.fnav li a:hover{ color:#FFF;}
.finfo{ color:#ddd; margin-top:30px;}
.finfo li{ float:left; width:50%; line-height:40px;}
.finfo li img{ width:19px; margin-right:20px; vertical-align:middle;}

.foot_r{width: 180px;}
.foot_r ul{}
.foot_r li{ float:left; margin-left:40px; color:#ddd; text-align:center; line-height:40px;}
.foot_r li img{ width:120px; border:10px #FFF solid;}

.foot_txt{color: #888888; margin-top:50px; border-top:1px solid #3c3c3c;  position:relative; z-index:9999;}
.foot_txt p{display: inline-block;width:100%;float: left;font-size: 13px;line-height: 3.2}
.foot_txt p span{display:inline-block;float:right;color: #999}
.foot_txt p a{ display:inline-block;color: #999}
.foot_txt p a:hover{color: #F9F9F9}

.ntit{border-bottom: 1px solid #ebebeb; margin-bottom:30px;}
.ntit h1{ font-size:22px; color:#333; font-weight:normal;}
.ntit p{ font-size:14px; color:#999; line-height:60px;}

.picimg_l{border:1px solid #dedede;text-align:center;padding: 20px;width: 500px;}
.picimg_l img{width: 100%;}
.pro_detail_text{width: 820px;min-height: 351px;overflow: hidden;margin: 0;padding: 0 0 50px;float: right;position: relative;}
.pro_detail_text h1{width: 100%;overflow: hidden;line-height: 40px;color:#000;font-size:30px;text-align: justify;margin: 0 auto;padding: 0;font-weight:normal;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.xxxx{ margin-top:30px;}
.xxxx li{ float:left; width:47%; border-bottom:1px solid #dedede; line-height:50px; color:#333;}
.xxxx li:nth-child(2n){ float:right;}
.xxxx li span{ float:right; color:#999;}

.grjs{border-bottom:1px solid #dedede; border-top:1px solid #dedede; line-height:50px; overflow:hidden; margin:20px auto;}
.grjs span{ font-size:16px; padding:0 50px; background:#e54777; color:#FFF; display:block; float:left;}

.weizhi{ width:100%; height:60px; background:#f4f4f4; line-height:60px;}
.cnav{ font-size:16px; font-weight:bold; color:#333;}
.maps{ background:url(../images/maps.png) left no-repeat; background-size:15px; padding-left:20px; color:#333;}
.maps a{color:#333;}
.maps a:hover{ color:#e54777;}

.eycontactusinfor_con{width:100%;height:auto;margin:0 auto;background-color: #f5f5f5;overflow: hidden;}
.eycontactusinfor_con .eycontactus_ewm{width: 19.5%;height: 170px;overflow:hidden;padding: 40px;background:#e54777 url(../images/bg1.jpg) center center no-repeat;background-size:cover;float:left}
.eycontactus_ewm p{width:100%;height:auto;line-height:30px;color:#fff;font-size:18px;font-weight:bold;text-align:center;margin:0 auto 20px}
.eycontactus_ewm span{display:block;width:120px;height: 108px;overflow:hidden;margin:0 auto;padding:9px;border:1px solid rgba(255,255,255,0.25)}
.eycontactus_ewm span img{display:block;width:100px;height:100px;margin:0 auto}
.eycontactus_lxfs{width: 74%;height: 116px;overflow:hidden;padding: 67px 0;float:right}
.eycontactus_lxfs ul li{width: 31.333333%;height:auto;padding: 0px 10px;border-right:1px solid #e6e6e6;float:left;}
.eycontactus_lxfs ul li:nth-child(3){border:0}
.eycontactus_lxfs ul li img{display:block;width:44px;height:44px;margin:0 auto 20px}
.eycontactus_lxfs ul li span{display:block;width:100%;height:auto;line-height:30px;color:#333;font-size:18px;text-align:center;margin:0 auto}
.eycontactus_lxfs ul li p{width:100%;height:22px;overflow:hidden;line-height:22px;color:#999;font-size: 16px;text-align:center;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;margin:0 auto}

.newsshow_xg{ margin:0 auto;width:100%;height:auto;overflow:hidden;text-align:left;line-height:20px;padding:10px 0px 0px; margin-top: 20px; border-top:1px dashed #b5b5b5; }
.newsshow_xg a{color: #333;}
.newsshow_xg a:hover{ color:#e54777;}

.pagess{clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size: 12px}
.pagess ul li{display: inline-block;border: 1px solid #ccc;padding: 5px 15px;margin: 0 3px;line-height: 20px;background: #fff;color: #999}
.pagess ul li:hover{background: #e54777; color: #fff;border: 1px solid #e54777}
.pagess ul li:hover a{color: #fff;}
.pagess ul li.active{display: inline-block;border: 1px solid #e54777;padding:5px 15px;margin: 0 3px;background: #e54777;color: #fff;}
.pagess ul li.active a{color: #fff;}
.pagess ul li a{display: block;color: #999}
.pagess ul li a:hover{color: #fff;}


.wapnav{ display:none;}
.wapbanner{ display:none;}
@media screen and (max-width: 767px) {
.wapnav{ display:block;}
.banner{ display:none;}
.wapbanner{ display:block;}
.nav{ display:none;}
.center{width: 96%;height:auto;}
.mag{ margin-top:3%;}
.m80{ margin-top:8%;}
.head .center{width: 100%;height:auto;}
.m60{ margin-top:6%;}
.fl,.fr{ float:none;}

.head{width:100%; height:auto; z-index:99999; background:#FFF; border-top:5px solid #e54777;}
.logo{ width:100%; color:#e54777; line-height:68px; font-size:30px; text-align:center; display: block;}

.wapnav{width:100%;height:50px;background:#e54777;position:relative; clear: both;}
.wapnav p{ float:left; line-height:50px; margin-left:5%; color:#fff;}

.menu-btn{float: right;margin-right: 5%; margin-top:4.5%;}
.menu-btn:before, .menu-btn:after, .menu-btn span{display: block;height: 2px;background-color: #FFF;content: '';}
.menu-btn:before{width: 24px;}
.menu-btn:after{width: 18px;margin-left: 6px;}
.menu-btn span{width: 12px;margin: 6px 0 6px 12px;}

.nav{ height:100%; width:100%; background:#fff; margin-left:0;  border-bottom:none; min-width:100%; position:absolute; z-index:99999; }
.nav ul{width:100%;height:100%;}
.nav li{width:100%;height:50px;float:left;font-size:15px;border-bottom:1px solid #dedede;background: #fff; margin-left:0px;}
.nav li a{  color:#333; display:block; line-height:50px; }

.tit{ text-align:center;}
.tit h2{font-size: 22px;color:#333;line-height:35px;}
.tit p{font-size: 14px;color:#999;line-height:30px;}

.jiab_a li{margin: 0px 2%;}
.middlea ul{ margin-left:-2%;}
.middlea li{ float:left; width:48%; margin-left:2%; margin-top:2%;}

.meipbg{background:url(../images/meipbg.jpg) bottom no-repeat;padding-bottom: 10%;background-size: 230%;}
.meip li{width: 32%;margin: 0px .5%;cursor:pointer;text-align:center;color:#FFF;}
.meip li h2{font-size: 14px;font-weight:normal;}
.meip li p{ display:none;}

.aboutbg{padding:13% 0 10%;}
.aboutbg dl dt{ width:100%; padding:2%; background:#FFF;}
.aboutbg dl dt img{ width:100%;}
.aboutbg dl dd{width:100%;margin-top:8%;text-align: center;}
.aboutbg dl dd h2{font-size: 16px;color:#444;font-weight:normal;}
.aboutbg dl dd h2 span{ font-size:14px; color:#777;}
.aboutbg dl dd h3{font-size: 12px;color:#777;font-weight:normal;line-height:40px;}
.aboutbg dl dd p{line-height: 31px;color:#777;margin-top: 2%;margin-bottom: 10%;text-align: left;}

.xxhd{ display: flex; flex-wrap: wrap; justify-content: center;}
.xxhd li{width: calc(50% - 20px);margin-top: 30px;margin-left: 10px;margin-right: 10px;padding-bottom:24px;}
.xxhd li a{padding: 0%;display:block;}
.xxhd li h2{font-size: 12px;margin-top: 2%;}
.xxhd li p{margin-top: 2%;}
.xxhd li .line{ margin-top:2%;}
.xxhd li:hover{background: #fff; border-radius: 4px; box-shadow:none; transition: all .5s;}

.casebg{ padding:10% 0;}
.casebg ul{ margin-left:-2%;}
.casebg li{ float:left; width:48%; margin-left:2%; margin-top:2%;}

.news li{width: 100%;margin-top: 2%;}
.news li .img{float:left;width: 44%;overflow:hidden;}
.news li .img img{ width:100%;  transition: all .5s;}
.news li a{display:block;padding: 3%;overflow:hidden;}
.news li .infos{float:right;width: 52%;}
.news li .infos h2{font-size: 13px;font-weight:normal;color:#333;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: normal;word-break: break-all;}
.news li .infos p{margin-top: 2%;-webkit-line-clamp: 1;}
.news li .infos .xclm{margin-top: 1%;}
.news li:hover{box-shadow:none;}

.foot{width: 100%;display: inline-table;background-color: #2e3033;padding: 6% 0 10px;position:relative;z-index:9999;}
.foot_l{width: 100%;}
.fnav{ display: none;}
.finfo{color:#ddd;margin-top:3%;}
.finfo li{float:left;width: 100%;font-size: 13px;}
.finfo li img{;margin-right: 2%;}
.foot_r{ display: none;}
.foot_txt{display: none;}

.ntit{border-bottom: 1px solid #ebebeb;margin-bottom:3%;text-align: center;}
.ntit h1{font-size: 20px;color:#333;font-weight:normal;}
.ntit p{font-size:14px;color:#999;line-height: 34px;}

.picimg_l{border:none;text-align:center;padding: 1%;width:98%; display:block;}
.picimg_l img{width: 100%;}
.pro_detail_text{width:100%;min-height: auto;overflow: hidden;margin: 3% 0 0 0;padding: 0 0 5%;float: right;position: relative;}
.pro_detail_text h1{width: 100%;overflow: hidden;line-height: 40px;color:#000;font-size: 27px;text-align: justify;margin: 0 auto;padding: 0;font-weight:normal;border-bottom: 1px solid #ccc;padding-bottom: 2%;}
.xxxx{ margin-top:3%;}
.xxxx li{ float:left; width:100%; border-bottom:1px solid #dedede; line-height:50px; color:#333;}
.xxxx li:nth-child(2n){ float:right;}
.xxxx li span{ float:right; color:#999;}

.grjs{border-bottom:1px solid #dedede; border-top:1px solid #dedede; line-height:50px; overflow:hidden; margin:3% auto;}
.grjs span{ font-size:16px; padding:0 50px; background:#e54777; color:#FFF; display:block; float:left;}

.next{ display:block;}
.weizhi{ width:100%; height:50px; background:#f4f4f4; line-height:50px;}
.cnav{ float:left;font-size: 15px;font-weight:bold;color:#333;}
.maps{ float:right;background:url(../images/maps.png) left no-repeat;background-size: 12px;padding-left: 17px;color:#333;font-size: 12px;margin-right: 1%;}
  
.eycontactusinfor_con{width:100%;height:auto;margin:0 auto;background-color: #f5f5f5; overflow: hidden;}
.eycontactusinfor_con .eycontactus_ewm{width:calc(100% - 80px);height: 170px;overflow:hidden;padding: 40px;background: #e54777 url(../images/bg1.jpg) center center no-repeat;background-size:cover;float:left}
.eycontactus_lxfs{width:100%;height: auto;overflow: hidden;padding:5% 0;float:right}
.eycontactus_lxfs ul li{width:calc(100% - 20px);height:auto;padding: 0px 10px;border-right:1px solid #e6e6e6;float:left; margin-top:5%;}

}