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

/*首页style开始*/
.top_bg{ background:#fff; width:100%; height:124px; box-shadow:0px 2px 5px #333; -webkit-box-shadow:0px 2px 5px #333;  -moz-box-shadow:0px 2px 5px #333; position:relative; z-index:999;}
.top{ position: relative;}
.yuyan{ float:right; height:20px; line-height:20px;}
.yuyan a{ font-size:14px;}
.nav { padding-right:80px;}
.nav li{ float:left; padding:0 10px;}
.nav li a{ display:block; width:80px; text-align:center; font-size:16px; color:#727272; padding-bottom:15px; padding-top:43px; font-weight: bold;}
.nav li a:hover,.nav li a.cur{ border-bottom:5px solid #b72889; color:#b72889;}
.banner{width:100%; height:600px;}
.index_banner{position:relative;height:600px;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:600px;}
.index_banner li a{display:block;margin:0 auto;width:100%;height:600px;}
.index_banner cite{position:absolute;bottom:16px;left:45%;z-index:99;display:block;width:180px;height:15px;_display:none;}
.index_banner cite span{display:inline-block; text-align:center; margin:0 4px; width:40px;height:5px;background:#fff; text-indent:-999em;cursor:pointer;/*border-radius:2px;*/}
.index_banner cite span.cur{background:#b72889;cursor:default;}
.index_bga{ background:url(../images/index_bga.png) no-repeat center; width:100%; height:239px;}
.wys { padding-top:12px;}
.wys li{ float:left; width:240px; height:227px; text-align:center; position:relative; overflow:hidden; cursor:pointer;}
.wys_wb{padding-top:55px;}
.wys_wb p{ font-size:20px; padding-top:25px; }
.wys_pic{ display:none; width:240px; height:227px; position:absolute; left:0px; top:-227px;transition-delay: 0s; transition-duration: 0.5s; transition-property: all; transition-timing-function: ease;}
.wys li:hover .wys_pic{left:0px; top:0px;transition-delay: 0s; transition-duration: 0.5s; transition-property: all; transition-timing-function: ease;}
.syproduct_bg{ width:100%; padding-top:45px; padding-bottom:80px;}
.sycp_title{ width:170px; height:65px; margin:0 auto;}
@-webkit-keyframes flipOutYtest { from { -webkit-transform: perspective(1400px); transform: perspective(1400px);}
40% {-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg); transform: perspective(1400px) rotate3d(0, 1, 0, 60deg); opacity: 1;}
50% {-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg); transform: perspective(1400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}
to {-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg); transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);opacity: 0;}}
.test{-webkit-animation: flipOutYtest 0.40s linear; animation: flipOutYtest 0.40s linear; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes flipInYtest { from { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg); transform: perspective(1400px) rotate3d(0, 1, 0, -180deg); opacity: 0;}
50% {-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);transform: perspective(1400px) rotate3d(0, 1, 0, -90deg); opacity: 0;}
60% {-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);transform: perspective(1400px) rotate3d(0, 1, 0, -60deg); opacity: 1;}
to {-webkit-transform: perspective(1400px); transform: perspective(1400px); opacity: 1;}}
.test2{-webkit-animation: flipInYtest 0.40s linear; animation: flipInYtest 0.40s linear; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.sycp_nr{ width: 1200px; overflow:hidden;}
.sycp_wb{ width:1320px;}
.sycp_nr .well-item{ position: relative; float: left; width:320px; height:300px; margin-top:60px; margin-right:120px;}
.sycp_nr .well-item img{width:320px; height:300px;}
.correct{position: absolute; width: 100%;}
.correct p{ position:relative; height:40px; background:rgba(255,255,255,0.6); margin-top:-40px; line-height:40px; font-size:12px; color:#333; text-align:center;}
.opposite{width:320px; height:300px;}
.opposite-content{ display: table; width:320px; height:300px; background:rgba(255,255,255,0.6);}
.opposite-content-text{ margin:92px auto 0 auto; width:254px; padding:0 15px; height:127px; background:rgba(255,255,255,0.8); font-size:12px;  color:#666; text-align:center;}
.opposite-content-text p{ font-size:14px; font-weight:bold; color:#b72889; border-bottom:1px solid #bfbfbe; padding-top:25px; padding-bottom:12px; margin-bottom:10px;}
.index_bgb{ background:url(../imgen/index_bgb.jpg) no-repeat center; width:100%; height:425px; padding-top:161px;}
.syabout_nr li{ float:left; width:290px; margin:0 55px}
.syabout_pic{ width:142px; height:142px; margin:0 auto;}
.syabout_wb{ line-height:25px;   font-size:12px; color:#fff; text-align:center;}
.syabout_wb p{ font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; line-height:65px;}
.syabout_more{ width:212px; height:42px; margin:50px auto 0 auto;}
.syabout_more a{ text-align:center; line-height:42px; width:212px; display:block; font-size:20px; color:#fff; background:#b22585;}
.index_bgc{ background:url(../imgen/index_bgc.jpg) no-repeat center; width:100%; height:335px; padding-top:135px;}
.synews{ width:485px;}
.synews_title{ border-bottom:1px solid #d9d9d9; height:34px;}
.synews_bt a{ font-size:18px; color:#6a6a6a; font-weight:bold; padding:0 10px; border-bottom:2px solid #878787; line-height:33px; height:33px; display:inline-block;}
.synews_bt a.cur{border-bottom:2px solid #b72889; color:#b72889;}
.synews_more{ line-height:34px;}
.synews_nr{ padding-top:20px;}
.synews_nr ul{ padding-top:15px;}
.synews_nr li{ line-height:39px; border-bottom:1px solid #d9d9d9; list-style-image:url(../images/synews_pc.png); list-style-position:inside; padding:0px 8px 0 5px;}
.synews_nr li span{ float:right;}
.index_bgd{ background:url(../imgen/index_bgd.jpg) no-repeat center; width:100%; height:235px; padding-top:145px;}
.sylx { float:right; width:680px;}
.sylx li{ float:left; margin-left:50px; margin-bottom:40px;}
.sylx_pic{ width:76px; height:76px;}
.sylx_nr{ font-size:14px; margin-left:8px;}
.sylx_nr p{ font-size:20px; font-weight:bold; padding-bottom:5px; padding-top:10px;}
.index_case{ padding-top:42px; width:100%;}
.sycase_title{ width:141px; height:65px; margin:0 auto;}
.sycase_nr{ padding-top:35px;}
.sycase_nr li{ float:left; width:250px; margin:0 25px;}
.sycase_pic{ width:250px; height:210px; overflow:hidden;}
.sycase_pic img{ width:250px; height:210px;transition-delay: 0s; transition-duration: 0.8s; transition-property: all; transition-timing-function: ease;}
.sycase_pic:hover img{ width:260px; height:218px;transition-delay: 0s; transition-duration: 0.8s; transition-property: all; transition-timing-function: ease;}
.sycase_nr li p{ text-align:center; font-size:14px; line-height:35px;}
.sycase_an {text-align:center; padding-bottom:45px; padding-top:20px;}
.sycase_an li{ display:inline-block; width:12px; height:12px; font-family:"宋体"; line-height:12px;border-radius:6px; background:#c7c7c7; color:#c7c7c7; cursor:pointer; margin:0 7px;}
.sycase_an li.on{ background:#b7529b; color:#b7529b;}
.link_bg{ width:100%; padding-bottom:20px; height:32px;}
.link_title{ height:32px; width:166px;}
.link_nr{ width:1034px; height:32px; line-height:32px; overflow:hidden;}
.link_nr a{ padding:0 10px; display:block; float:left;}
.foot_bg{ background:url(../images/foot_bg.png) no-repeat center top #b7529b; width:100%; padding-top:70px;}
.foot_top{ border-bottom:1px solid #aa4a8f; width:100%; padding-bottom:30px;}
.foot_left li{ width:126px; float:left; margin-right:22px;}
.foot_title{ background:url(../images/foot_fg.png) no-repeat left bottom; width:126px; margin-bottom:8px; padding-bottom:18px;}
.foot_title a{ font-size:16px; color:#fff; line-height:16px;}
.foot_left li a:hover{ text-decoration:underline;}
.foot_left li p a{ color:#fff; line-height:24px;}
.fot_ewm{ margin-right:75px;}
.fot_ewm p{ color:#fff; text-align:center; padding-top:5px; line-height:18px;}
.foot_bottom{ border-top:1px solid #be64a5; width:100%; padding-top:30px; padding-bottom:25px;}
.foot_bq{ text-align:center; color:#fff; line-height:24px;}
.foot_bq a{ color:#fff;}
.foot_bq a:hover{ text-decoration:underline;}
/*首页style结束*/

/*内页style开始*/
.about_banner{ background:url(../images/about_banner.jpg) no-repeat center; width:100%; height:300px;}
.product_banner{ background:url(../images/product_banner.jpg) no-repeat center; width:100%; height:300px;}
.news_banner{ background:url(../images/news_banner.jpg) no-repeat center; width:100%; height:300px;}
.case_banner{ background:url(../images/case_banner.jpg) no-repeat center; width:100%; height:300px;}
.contact_banner{ background:url(../images/contact_banner.jpg) no-repeat center; width:100%; height:300px;}
.main{ padding-top:50px; width:100%; padding-bottom:90px;}
.main_left{ width:230px;}
.fl_title{ width:202px; height:55px; background:#c63196; color:#fff; font-size:14px; padding-left:28px; padding-top:24px; border-radius:5px 5px 0 0;}
.fl_title p{ font-size:24px;}
.fl_nr{ width:228px; background:#ebebeb; border:1px solid #e5e5e5; padding-bottom:25px;}
.fl_nr li{ width:228px; height:50px;}
.fl_nr li a{ width:180px; height:50px; background:url(../images/main_flbb.png) no-repeat; display:block; line-height:48px; font-size:14px; padding-left:48px;}
.fl_nr li a:hover,.fl_nr li a.cur{ background:url(../images/main_flb.png) no-repeat; color:#b72889;}
.main_lx{ padding-top:50px; width:230px;}
.lx_nr{ background:#ebebeb; border:1px solid #e5e5e5;}
.lx_tel{ text-align:center; border-bottom:1px solid #e1e1e1; color:#5f5e5e; padding:16px 0;}
.lx_tel p{ color:#c63196; font-size:26px; padding-top:3px;}
.lx_ly{ text-align:center; border-top:1px solid #f3f3f3; color:#5f5e5e; padding-top:16px; padding-bottom:30px;}
.lx_ly a{ display:block; width:93px; height:32px; background:#c63196; border-radius:5px; margin:0 auto; text-align:center; line-height:32px; color:#fff; margin-top:10px;}
.main_right{ width:910px;}
.main_wz{ width:910px; height:37px; background:url(../images/main_title.png) no-repeat;}
.main_bt{ line-height:37px; width:138px; overflow:hidden; text-align:center; font-size:16px; color:#fff;}
.main_wznr{ line-height:37px; padding-right:8px;}
.main_wznr img{ margin-bottom:-2px; margin-right:15px;}
.main_nr{ width:910px; padding-top:25px; padding-bottom:50px;}
.about_nr{ line-height:24px; font-size:14px; padding:0 10px;}
.product_nr{ width:910px; overflow:hidden; padding-bottom:10px;}
.product_nr ul{ width:930px;}
.product_nr li{ float:left; width:290px; margin-right:20px; position:relative; margin-bottom:50px;}
.product_nr li img{ width:290px; height:272px;}
.product_nr li p{ height:40px; position:relative; margin-top:-40px; background:rgba(255,255,255,0.8); text-align:center; line-height:40px; text-align:center; font-size:14px;}
.product_nr li a:hover p{ height:40px; position:relative; margin-top:-40px; background:rgba(198,49,150,0.8); text-align:center; line-height:40px; text-align:center; font-size:14px; color:#fff;}
.nycp_title{font-size:16px;border-bottom:1px #ccc dotted;line-height:35px;text-align:center;}
.nycp_pic img{ max-width:750px;}
.nycp_bt{border-bottom:#ccc 1px dotted;line-height:35px; color:#333; font-size:16px; font-weight:bold;}
.nycp_nr{ font-size:14px; line-height:22px; padding-top:10px; padding-bottom:25px;}
.xgpro-con { padding-top:20px; width:910px; overflow:hidden;}
.xgpro-con ul{  width:930px;}
.xgpro-con li { float:left; width:290px; margin-right:20px; position:relative;}
.xgpro-con li img{ width:290px; height:272px;}
.xgpro-con li p{ height:40px; position:relative; margin-top:-40px; background:rgba(255,255,255,0.8); text-align:center; line-height:40px; text-align:center; font-size:14px;}
.xgpro-con li a:hover p{ height:40px; position:relative; margin-top:-40px; background:rgba(198,49,150,0.8); text-align:center; line-height:40px; text-align:center; font-size:14px; color:#fff;}
.news_nr li{ width:910px; height:162px; margin-bottom:30px;}
.news_left{ width:220px; height:160px; border:1px solid #ddd;}
.news_right{ width:670px;}
.news_bt{ font-size:16px; color:#525353; font-weight:bold; padding-top:10px; padding-bottom:5px;}
.news_rq{ font-size:14px; color:#999a9a; padding-bottom:8px;}
.news_wbnr{ font-size:14px; line-height:24px; color:#525353; height:48px; padding-bottom:20px;}
.news_nr li a:hover .news_right .news_bt{ color:#b72889;}
.news_more{ width:61px; height:20px; background:#d548a8; line-height:20px; text-align:center; color:#fff;}
.newsshow_title{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:3px; font-size:20px; font-weight:bold; line-height:25px;}
.newsshow_title p{ font-size:12px; color:#999; font-weight:normal; padding-top:5px;}
.newsshow_wnnr{ margin:0 auto; padding-top:15px; font-size:14px; line-height:22px;}
.sxyjsys,.sxyjsys a{ font-size:14px; color:#3f3f3f; line-height:20px;}
.sxyjsys a:hover{ text-decoration:underline;}
.xgnews-tit{ text-align:center; background:#e4e4e4; font-size:16px; font-weight:bold; line-height:30px; height:30px;}
.xgnews-con{ padding-top:15px;}
.xgnews-con li{ float:left; width:375px; margin-left:10px; margin-right:60px; line-height:20px;}
.xgnews-con li a{ font-size:12px;}
.xgnews-con li span{ float:right; color:#999; font-size:12px;}
.xgnews-con li a:hover{ text-decoration:underline;}
.case_nr li{ float:left; width:250px; padding-bottom:50px; margin:0 25px;}
.case_nr li img{ width:250px; height:210px; }
.case_nr li p{ text-align:center; font-size:14px; line-height:30px;}
/*内页style结束*/


/*搜索style开始*/
.sb-search {position: absolute; width: 38px;height: 33px; right:0px; top:53px; 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:38px;border:1px solid #d40009;background: #fff;width:280px;height:31px;margin: 0;z-index: 10;	font-size: 14px;color: #2c3e50; padding:0 5px;}
.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: 38px;height: 33px;display: block;position: absolute;right: 0;top: 0;padding: 0;	margin: 0;line-height:33px;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; width:38px; height:33px;}
.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; width:38px; height:33px;	z-index: 11;}
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit {z-index: 90;}
/*搜索style结束*/