@charset "utf-8";
/* CSS Document */
*{padding:0px; margin:0px }
body{ font-family:"微软雅黑"; font-size:1rem; color:#333; padding:0px; background:#fff; max-width:640px; margin:0 auto; position: relative; overflow:scroll;overflow-x:hidden;overflow-y:auto;}
ol,ul,li,p,dl,dt{list-style: none outside none; margin:0px; padding:0px;}
img {border:none;}
a:link, a:visited {color:#333; text-decoration: none;outline:none;}
a:hover, a:active {color:#333; text-decoration: none;outline:none;}
.clear{clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.green-black { display:block; margin:0; padding-top:2rem; padding-bottom:3rem; clear:both;font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-align:center;}
.green-black a { padding:0.4rem 0.7rem 0.4rem 0.7rem; border:1px solid #dddddd; height:2rem; line-height:2rem; zoom:1; font-weight:bold; font-size:1rem; overflow:auto; margin-left:0.2rem; margin-right:0.2rem; color:#333; background:url(../images/page_bg01.png) #fff bottom repeat-x; text-decoration:none}
.green-black a:hover {border:0.1rem solid #ccc; height:2rem; line-height:2rem; zoom:1;overflow:auto;background:url(../images/page_bg02.png) top repeat-x #b72889;  margin-left:0.2rem; margin-right:0.2rem; color:#fff;font-size:1rem;}
.green-black span.current {padding:0.4rem 0.7rem 0.4rem 0.7rem; border:1px solid #ccc; color:#fff; height:2rem; line-height:2rem; zoom:1; overflow:auto;  background:url(../images/page_bg02.png) top repeat-x #b72889; margin-left:0.2rem; margin-right:0.2rem; margin-top:0px; margin-bottom:0px; font-size:1rem;}
/*基础配置*/

/*首页style开始*/
.top_bg{ max-width:640px; width:100%;/*-webkit-box-shadow:0px 0.2rem 0.4rem #333; -moz-box-shadow:0px 0.2rem 0.4rem #333;  box-shadow:0px 0.2rem 0.4rem #333;*/ position:relative; z-index:999; height:109px; border-bottom:0.2rem solid #b72889;} 
.logo{ width:60%; float:left;}
.logo img{ display:block; width:100%;}
.sous{ position:absolute; right:5rem; padding-top:2.2rem; width:48%;}
.banner{-webkit-box-shadow:0px 0.2rem 0.4rem #333; -moz-box-shadow:0px 0.2rem 0.4rem #333;  box-shadow:0px 0.2rem 0.5rem #666;position:relative; z-index:99;}
.banner .bnys{ height:550px;}
.syfl_bg{ background:#fff; width:100%;position:relative;}
.syfl_nr{ width:99.9%; padding:3rem 0; margin:0rem auto;}
.syfl_nr li{ width:30.3%; float:left; margin:0 1.5%}
.syfl_pic{ width:100%;}
.syfl_pic img{ width:100%; padding-top:0.6rem;}
.syfl_tel{ width:70%; margin:0 auto; padding:3rem 0;}
.syfl_tel a{ display:block; width:99%; color:#b72889; border-radius:1rem; text-indent:4rem; line-height:4rem; font-size:1.8rem; background:url(../images/syfl_tel.png) #dedede 1rem center no-repeat; height:4rem; border:0.1rem solid #cfcfcf;}
.syabout{ background:url(../images/sybgb.jpg) no-repeat; width:88%; padding:178px 6% 0 6%; height:390px;}
.syabout_title{ width:100%;}
.bta{ font-size:1rem; color:#232323;}
.bta p{ font-size:1.6rem; font-weight:bold;}
.syabout_title a{ float:right; display:block; border:0.1rem solid #232323; width:3rem; height:3rem; line-height:3rem; text-align:center; font-size:2rem; color:#232323;}
.syabout_nr{ padding-top:1.4rem; color:#232323; font-size:1.2rem;}
.rxcp_bg{ background:url(../images/sycase_bg.jpg) no-repeat; padding-top:10rem;}
.rxcp_nr{ padding-top:3rem; width:100%;}
.container_image{width:640px;height:443px;position:relative;}
.add{background:url(../images/a_more.png) no-repeat 0 0;width:60px;height:60px;position:absolute;left:50%;margin-left:-30px;bottom:30px;z-index:4;cursor:pointer;display:none;}
.container_image .i_btn{display:block;width:34px;height:80px;position:absolute;top:190px;z-index:3;background-image:url(../images/a_l.png);}
.container_image .prev_L{left:0.5rem;background-position:0 0;}
.container_image .next_R{right:0.5rem;background-position:-34px 0;}
.slide_img {width:640px;height:443px;position:relative;z-index:1; }
.slide_img li{width:247px;height:443px; overflow-x:hidden; position:absolute;}
.slide_img li a{display:block;position:relative;width:100%;height:100%;height:260px;}
.slide_img li a img{position:absolute;height:100%;}
.slide_img li.on a{height:425px;}
.slide_img li.on{width:445px; left:98px; top:0; height:425px;}
.slide_img li.on img{width:435px; height:365px; border:5px solid #fff; border-radius:2rem;}
.slide_img li.left{left:0;}
.slide_img li.right{left:1000px;}
.slide_img li.mid{left:45px;}
.slide_img li a p{ display:none;}
.slide_img li.on a p{ position:absolute; z-index:999; font-size:1.4rem; font-family:"微软雅黑"; color:#fff; text-align:center;  display:block;   bottom:0px; width:435px; text-align:center;}
.sypro{ width:97%; padding:0 1.5%; background:url(../images/sypro_bg.jpg) no-repeat left top; height:726px; padding-bottom:7rem;}
.sypro_nr{ width:100%; height:425px; background:#3c3c3c; margin-top:17.9rem; margin-bottom:3rem;}
.sypro_pic{ position:relative; overflow:hidden; max-width:500px; border-radius:2rem; max-height:320px; margin:-5rem auto 0 auto; }
.sypro_pic img{ width:100%;}
.sypro_mc{ font-size:1.6rem; color:#fff; width:94%; margin:1rem auto; text-align:center;}
.sypro_wb{width:94%; color:#fff; margin:0 auto; padding-top:0.4rem; font-size:1.2rem; line-height:2rem;}
.sypro .flickity-page-dots li{display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #b72889; border-radius: 50%; filter: alpha(opacity=25); opacity:1; cursor: pointer;}
.sypro .flickity-page-dots li.is-selected{background:none; border:2px solid #b72889; width:6px; height:6px; opacity:1;}
.synews{ width:100%; background:#ecebeb;}
.synews_title{ background:#fff; width:100%;}
.synews_nr{ width:92%; margin:3rem auto 0 auto;}
.synews_nr li{ width:100%; display:inline-block; padding:1rem 0; height:2.4rem; border-bottom:0.1rem dashed #d5d4d4;}
.synews_nr li p{ float:left; background:#b72889; width:12%; height:2.4rem; font-size:1.3rem; text-align:center; line-height:2.4rem; color:#fff; border-radius:0.4rem;}
.synews_nr li a{ float:left; width:60%; display:block; font-size:1.3rem; line-height:2.4rem; color:#707070; margin-left:5%;}
.synews_nr li span{ float:right; font-size:1.3rem; color:#818181;}
.synews_more{  margin-top:0.6rem; height:8rem; line-height:8rem; text-align:center; width:100%;}
.synews_more a{ font-size:1.6rem; color:#b72889;}
.foot_bg{ width:100%; padding-bottom:2rem; background:#1e1e1e;}
.foot_nav{ padding:1.5rem 0; height:2rem; line-height:2rem; width:80%; margin:0 auto;}
.foot_nav a{ color:#fff; font-size:1.3rem; margin:0 1.7rem;}
.footzj_bt{ text-align:center; font-size:1.6rem; color:#fff; padding-top:2rem;}
.footzj_nr { text-align:center; padding-top:2rem;}
.footzj_nr a{ padding:0 1rem;}
.foot_top{height:4.5rem; padding-top:1rem;}
.foot_top a{ display:block; color:#fff; border-radius:0.8rem; height:3.5rem; line-height:3.5rem; font-size:1.4rem; width:30%; background:#b72889; text-align:center; margin:0 auto;}
.foot_bq{ text-align:center; padding-top:1rem; font-size:1.2rem; line-height:2rem; padding-bottom:0.6rem; width:96%; margin:0 auto; color:#fff;}
.foot_bq a{ color:#fff;}
/*首页style结束*/

/*内页style开始*/
.about_banner{ width:100%;}
.main_fl{ background:#bf3291; height:3rem; -webkit-box-shadow:0px 0.2rem 0.3rem #999; -moz-box-shadow:0px 0.2rem 0.3rem #999;  box-shadow:0px 0.2rem 0.3rem #999;}
.main_fl a{ width:20%; margin:0 2.2%; display:inline-block;  line-height:2.7rem; height:2.7rem; color:#fff; font-size:1.3rem; text-align:center;}
.main_fl a.cur{border-bottom:0.3rem solid #fff;}
.main_wz{font-size:1.2rem; height:3.5rem; line-height:3.5rem; width:96%; padding:0 2%;}
.main_nr{ width:100%; padding-top:1rem; padding-bottom:2rem;}
.about_nr{ font-size:1.2rem; width:96%; margin:0 auto; line-height:2rem; color:#656565;}
.about_nr img{ max-width:640px;}
.jb_title{ font-size:1.2rem; padding-bottom:2rem;}
.jbok{ width:100%; padding-bottom:1rem; display:inline-block; line-height:3rem;}
.jbok p{ width:20%; text-align:right; float:left; line-height:3rem;}
.contxt{ width:60%; height:3rem; font-size:1.2rem; padding:0 0.5rem; border:0.1rem solid #ccc;}
.contxta{ width:60%; height:10rem; font-size:1.2rem; padding: 0.5rem; border:0.1rem solid #ccc;}
.jbok_an{ margin-left:20%;}
.jbok_an .btnlya,.jbok_an .btnly{ background:#efcc0e; width:30%; height:3rem; line-height:3rem; font-size:1.4rem; border:0;}
.down{ width:100%; padding-top:1rem;}
.down li{ float:left; width:46%; margin:0 2%; padding-bottom:2rem;}
.down_mc{ background:#c0c0c0; text-align:center; height:8rem; line-height:8rem; font-size:2rem;}
.down_an{ height:3rem; background:#efcc0e; text-align:center; line-height:3rem; font-size:1.2rem;}
.down_an a{ display:block;}
.news_nr{ width:96%; margin:0 auto;}
.news_nr li{ width:100%; display:inline-block; border-bottom:0.1rem solid #f0f0f0; padding:1rem 0; height:2.4rem;}
.news_img{ width:12%;}
.news_img p{ background:#b72889; width:100%; height:2.4rem; font-size:1.3rem; text-align:center; line-height:2.4rem; color:#fff; border-radius:0.4rem;}
.news_right{ width:85%;}
.news_title{ font-size:1.4rem; color:#2b2b2b;}
.news_wb{ font-size:1.2rem !important; padding:0.5rem 0; line-height:1.8rem; color:#8e8e8e;}
.news_rq{ color:#8e8e8e; font-size:1.2rem;}
.newsny_title{ border-bottom:1px solid #dadada; display:inline-block; padding-bottom:0.2rem; width:100%; margin-bottom:0.3rem;}
.news_titlea{ font-size:1.6rem; text-align:center; line-height:2rem;}
.news_titleb{ font-size:0.8rem; color:#7a7575; text-align:center;}
.news_nynr{ font-size:1.2rem !important; line-height:1.8rem; padding-top:1rem; padding-bottom:2rem; display:inline-block;}
.sxyxw{ margin-top:1rem; width:100%; margin-bottom:1rem; display:inline-block;}
.syg{ float:left; width:25%; height:3rem; color:#fff; text-align:center; line-height:3rem; background:#B72889; font-size:1.2rem; border:1px solid #dadada;}
.syg a{color:#fff; display:block; font-size:1.2rem; }
.xyg{ float:right; width:25%; height:3rem; color:#fff; text-align:center; line-height:3rem; background:#B72889; font-size:1.2rem; border:1px solid #dadada;}
.xyg a{color:#fff; display:block; font-size:1.2rem; }
.case_nr { width:100%; padding-top:1rem;}
.case_nr li{ float:left; width:46%; margin:0 2%; padding-bottom:1rem;}
.case_pic{ width:100%;}
.case_pic img{ border:0.2rem solid #e4e4e4; width:99%;}
.case_nr li p{ height:3rem; line-height:3rem; text-align:center; font-size:1.2rem;}
.proudcts_nr{ width:100%;}
.proudcts_nr li{width:48%; margin:0 1% 1.8rem 1%; float:left; }
.proudcts_nr li img{ width:100%; display:block; padding-bottom:0.6rem;}
.proudcts_nr li p{ line-height:1.8rem; height:1.8rem; font-size:1.2rem; text-align:center;}
.nyproduct_title{ border-bottom:0.1rem solid #aeaeae; width:96%; line-height:2.2rem;font-weight:bold; color:#1b1b1b; font-size:1.5rem; padding:0 2%;}
.nyproduct_title p{ font-size:1.2rem; color:#474747; font-weight:normal; padding-bottom:0.6rem;}
.nyproduct_img{padding-bottom:0.6rem; width:100%; position:relative;}
.nyproduct_img ul li{ border-bottom:1px solid #e1e1e1; overflow:hidden;}
.nyproduct_img ul li img{ width:100%;}
.qhwz{ position:absolute; z-index:99; top:46%; width:100%;}
.qhwz .prev{ margin-left:0.2rem;}
.qhwz .next{ float:right; margin-right:0.2rem;}
.cp_tjg{ width:100%; border-bottom:0.1rem solid #e1e1e1}
.cp_ljzx{ padding-top:1rem; height:3rem; margin:0 auto; width:96%;}
.cp_ljzx a{ width:100%; background:#B72889; height:3rem; text-align:center; line-height:3rem; color:#fff; font-size:1.4rem; border-radius:0.5rem; display:block;}
.nyproduct_jy{ width:96%; margin:0 auto; padding-top:0.6rem; font-size:0.5rem; padding-bottom:0.5rem; line-height:0.8rem;}
.nyproduct_jy p{ font-size:0.5rem; font-weight:bold; color:#2d2d2d; padding-bottom:0.2rem;}
.cp_ms{ width:96%; border:0.1rem solid #cdcdcd; margin:1rem auto;}
.cp_msbt { height:3rem; line-height:3rem; width:100%; border-bottom:0.1rem solid #e1e1e1;}
.cp_msbt li{ float:left; width:30%; border-left:0.1rem solid #e1e1e1; background:#f1f1f1; padding:0 1.6%; font-size:1.4rem; color:#6c6c6c;}
.cp_msbt li.cur{ background:#fff; color:#B72889;}
.cp_msbt li.on{border-left:none;}
.cp_smgwb{ width:96%; margin:0 2%; padding:1rem 0 2rem 0; display:inline-block; font-size:1.2rem !important; line-height:1.8rem;}
.cp_smgwb table{ max-width:100% !important; width:100% !important;}
.cp_smgwb img{ max-width:100%;}
.menu_head{ z-index:99; cursor:pointer; position:relative; background:#B72889; height:3rem; border-bottom:0.1rem solid #b5b5b5; width:100%;}
.menu_head p{ width:25%; margin-left:2%; display:inline-block;  line-height:3rem; height:3rem; font-size:1.6rem; text-align:center; position:relative;color:#fff;}
.menu_head span{ display:block; float:right; font-family:"宋体";-webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); line-height:3rem; margin-right:2rem; font-size:1.8rem; color:#fff;}
.menu_list .curxs{background:#B72889;}
.menu_list .curxs span{ display:block; float:right; font-family:"宋体";-webkit-transform: rotate(-90deg);  -moz-transform: rotate(-90deg);  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); line-height:3rem; margin-right:2rem; font-size:1.8rem;}
.menu_body{width:94%; padding:0 3%; background:#9C8E97; height:auto;overflow:hidden;}
.menu_body a{display:block; width:33.3%; float:left; color:#fff; border-bottom:0.1rem solid #a2a2a2; text-align:center; height:4.6rem; line-height:4.6rem; font-size:1.4rem; font-weight:normal;}
.menu_body a.cur{ color:#B72889;}
/*内页style结束*/ 


/*导航样式*/
.mobile{width: 100%; height:109px; position:relative;}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;margin-bottom: 30px;}
.mobile-inner-header{background-color:rgb(255,255,255);width: 100%;height:109px; position: absolute;top: 0px;left: 0px;}
.mobile-inner-header-icon{color:#fff;width:80px;height:80px;font-size:2rem;font-weight:bold;margin-top:18px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 20px) / 2);width:50%;height:0.2rem;background-color: rgba(0,0,0,1);}
.mobile-inner-header-icon-out p{width:50%;height:0.2rem;background-color: rgba(0,0,0,1);position: absolute; left:25%; bottom:1.6rem; display:block;}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(7px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-7px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(7px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-7px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-7px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(7px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:112px;left: 0px;padding-top:1rem;padding-bottom:3rem;display: none;	z-index:999;}
.mobile-inner-nav a{display:inline-block;line-height:3rem;text-decoration: none;width:80%;margin-left:10%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem;}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);border-bottom: solid 1px rgba(255,255,255,0.2);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal;}
@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}
/*导航样式*/

.sb-search {position:relative; width:2.8rem; height:2.8rem;float:right;overflow: hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;-webkit-backface-visibility: hidden;}
.sb-search-input {position:absolute;top:0;right:3.2rem;border:0.2rem solid #b72889; outline:none;background: #fff;width:81%;height:2.2rem;margin:0;z-index: 10;font-size:1.2rem;color:#2c3e50; padding:0 1%;}
.sb-search-input::-webkit-input-placeholder {color: #efb480;}
.sb-search-input:-moz-placeholder {color: #efb480;}
.sb-search-input::-moz-placeholder {color: #efb480;}
.sb-search-input:-ms-input-placeholder {color: #efb480;}
.sb-icon-search,.sb-search-submit  {width: 2.8rem;height:2.8rem;display: block;position: absolute;right: 0;top: 0;padding: 0;	margin: 0;line-height:2rem;text-align: center;cursor: pointer;}
.sb-search-submit {background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter: alpha(opacity=0); /* IE 5-7 */   opacity: 0;color: transparent;border: none;outline: none;	z-index: -1;}
.sb-icon-search {color: #fff;z-index: 90; background:url(../images/sous.png) no-repeat; background-size:100%; width:2.8rem; height:2.8rem;}
.sb-search.sb-search-open,.no-js .sb-search {width:350px;}
.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search {background:url(../images/sous.png) no-repeat;  background-size:100%; width:2.8rem; height:2.8rem;z-index: 11;}
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit {z-index: 90;}