body,h3{ font-family: "微软雅黑";}
body{ background: #f4f4f4;}
a{ color: #333;}
a:hover,a:focus{ color: #540642; text-decoration: none;}
ul{ padding: 0;}

.pd_lr_0{ padding-left: 0; padding-right: 0;}
.index_col_title{ text-align: center;}



/* top */

.navbar-default{border: none; background: none; z-index: 999;}
.navbar-nav a{ font-size: 18px;}
.navbar-default .navbar-nav>li>a{ color: #fff;}
.navbar-default .navbar-nav>li>a:hover{ color: #fff;}
.navbar{ margin-bottom: 0; }
.topnav{position: fixed; z-index: 99999; width: 100%;}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background: none;}

/* banner */
.bannerbox{ width: 100%; overflow: hidden;}
.banner { position: relative; width:100%; left: 50%;  margin-left: -25%;}
.banner li { list-style: none; }
.banner ul li { float: left; }
.banner img{width: 100%;}




/* foot */
.footerbg{background: url(../images/footbg.jpg) no-repeat center top; clear: both;}
.footer{ padding: 50px;}
.footer li{ list-style: none; line-height: 30px;color: #bababa;}
.footer li a{ list-style: none;  color: #bababa; }
.footer li.sum a{ color: #fff;  font-size: 18px;}
.footer .list{ padding-left: 0; padding-right: 0px;}
.copyright{text-align: center; width: 100%;  border-top:1px solid #bababa;  color: #bababa; overflow: hidden; padding: 30px 0; position: relative;}
.backtop{ position: absolute; left: 50%; margin-left: -30px; bottom: 0;}
.foot_r{ text-align: center;  color:#bababa;  font-size: 16px;}
.foot_r p,.foot_r div{ text-align: center;}
.foot_r p{ display: inline-block; padding: 0 15px;}
/* product */
.feature_bar{ width: 100%; background: #f2f2f2;}
.feature_bar h3{ margin: 15px 0;}
.feature_tab a{ line-height: 56px;}


/* case */
.case_box{}
.case_img_box img{ width: 100%;height: auto;}
.case_img_box{ position: relative;}
.case_img_bg{ position: absolute; width: 100%; height: 100%; left: 0;top: 0;}
.case_img_bg,.classfy{ transition:all 0.6s ease; -webkit-transition:all 0.6s ease; opacity: 1;}
.case_img_bg img{ transition:all 1s ease; -webkit-transition:all 1s ease;}
.face{ width: 100%; overflow: hidden;}
.face img{ transition:all 1s ease; -webkit-transition:all 1s ease;}
.classfy,.classfy li{list-style: none;}
.classfy{ height: 76px;  border: 1px solid #d4d4d4; padding-left: 15px; background-color: #fff;}
.classfy li{ display: inline; line-height: 76px; font-size: 20px; padding: 0 15px; }
.classfy_box{ width: 100%;}

.index_casebox:hover a.case_big_box .face img{transform:scale(1.1);}
.index_casebox:hover a.case_big_box .case_img_bg{opacity: 0;}
.index_casebox:hover .classfy{ background: #540642; }
.index_casebox:hover .classfy a{color: #fff;}
.index_col_title .t_1{ font-size: 25px; color: #540642;}
.index_col_title .t_2{ font-size: 18px;}
.index_col_title{ padding: 42px 0 22px 0;}

/* page */
.pagebanbox{ width: 100%; overflow: hidden;} 
.pageban{ width: 1920px; position: relative; left: 50%; margin-left: -960px;}
.pagebox_nav{ line-height: 50px; border-bottom: 1px solid #e4e4e4;  margin-top: 20px;}
.page_menu{ margin:0;}
.page_menu,.page_menu li{ list-style: none;  }
.page_menu li{ display: inline-block; font-size: 16px; margin-right: 25px;}
.page_menu li.on,.page_menu li:hover{  border-bottom: 2px solid #54073d;}
.page_menu li.on a{color:#54073d;}
.page_locat{ text-align: right; font-size: 13px;}
.page_con_box img{ max-width: 100%;}
.line_a{ width: 30px; height: 4px; background: #eeeeee; margin:20px 0;}
.page_con h2{ color: #54073d; font-size: 18px; font-family: "微软雅黑"; }
.page_con p{ font-size: 13px; line-height: 34px;}

.con_box{ overflow: hidden;}
.page_con{ margin: 40px 0; overflow: hidden; }

.info_a{ background: #fff;}
.info_b{ color: #540642; font-size: 18px; padding: 25px; background: #fff; height: 260px;}
.info_b p{ font-size: 14px;}
.line_b{ width: 35px; height: 4px; background: #dcd9d5; margin: 10px 0;}
.cuture img { width: 100%;}


.cer_box_fa img{max-width:100%; display: block; margin: 0px auto;}
.cer_box h2{ font-size: 14px; height: 30px;}
.line_c{width: 100%;height:2px; background:  #540642; margin: 25px 0;}


/* case */
.casebox { margin-bottom: 30px;}
.casebox a:hover .case_info{ background:url(../images/arrowright.png) no-repeat 95% center #54073d; color: #fff;}
.case_info{ width: 100%; height: 40px; line-height: 25px; padding-left: 15px;  background: #fff;}
.case_img img{ width: 100%;}

/* service*/
.supportinfo{ margin: 15px 0;}

/*feedback*/
#btnOK{background: #54073d; border: none; width: 100%; margin-top: 15px;}
.feedbackform{ padding:30px 0 30px 40px;  background: url(../images/feedbackicon.png) no-repeat left center;}

/*joinus*/
.joinus_list{background:#f7f7f7;padding:30px 30px; margin-bottom: 30px; overflow: hidden;}
.job_con2_t{font-size:16px;font-weight:bold;margin:0 35px 25px 0; width: 100%}
.job_con2_l,.job_con2_r{border-bottom:1px solid #ddd;height:45px;line-height:45px;padding-bottom:15px; width: 100%}
.job_con2_l span,.job_con2_r span{font-size:14px;float:left;margin:0 35px 0 0; }
.job_con2_r{ border: none;}
.joinbtn{ background: #54073d; color: #fff; text-align: center; border-radius: 2px;line-height: 36px; margin-top: 25px;}
.joininfo{ padding: 20px 0;}
.joinname{ font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.jobinfo_box{ padding: 30px 0; overflow: hidden;}
.joinback{ text-align: center; border-radius: 2px; background: #54073d; line-height: 36px;margin:40px 0 20px 0;}
.joinback a{ color: #fff;}

/*product*/
.pro_img img{ width: 100%;}
.pro_info{ width: 100%; height: 78px; line-height: 78px; padding-left: 15px;  background: #fff;}
.casebox a:hover .pro_info{ background:url(../images/arrowright.png) no-repeat 95% center #54073d; color: #fff;}
.pro_feature{ text-align: center; float: left;}
.pro_feature p{ line-height: 22px;}
.pro_feature div{ font-size: 16px; color: #333333; padding: 10px 0;}
.prolistback {margin-top:30px; }
.prolistback a,.pagefback a{width: 192px; height: 50px; line-height:50px;display: block; border-radius: 2px; background: #54073d; color: #fff; text-align: center; margin: 0 auto;}
.pagefback a{margin:60px auto 60px;}

.solutionbox{ width: 570px; height: 382px;  float: left; padding:0 15px;}
.solution_img img{ width: 100%;}

.sbox{ overflow: hidden; padding-left: 18%;  padding-top: 35px; padding-bottom: 35px;}
.solution_info .ls{ float: left; width: 30%; }
.solution_info .t1{ font-size: 20px;   }
.solution_info .rs{ float: left; width: 50%; padding-left: 30px; }
.solution_info i{display: none;}

.solutionbox:nth-child(1) .solution_info{ width: 100%; height: 118px; padding-left: 15px;  background:url(../images/solution01.png) no-repeat 5% center #fff; }
.solutionbox:nth-child(1) a:hover .solution_info{ background:url(../images/solution01-1.png) no-repeat 5% center #54073d; color: #fff;}

.solutionbox:nth-child(2) .solution_info{ width: 100%; height: 118px; padding-left: 15px;  background:url(../images/solution02.png) no-repeat 5% center #fff; }
.solutionbox:nth-child(2) a:hover .solution_info{ background:url(../images/solution02-1.png) no-repeat 5% center #54073d; color: #fff;}

.solutionbox:nth-child(3) .solution_info{ width: 100%; height: 118px; padding-left: 15px;  background:url(../images/solution03.png) no-repeat 5% center #fff; }
.solutionbox:nth-child(3) a:hover .solution_info{ background:url(../images/solution03-1.png) no-repeat 5% center #54073d; color: #fff;}

.solutionbox:nth-child(4) .solution_info{ width: 100%; height: 118px; padding-left: 15px;  background:url(../images/solition04.png) no-repeat 5% center #fff; }
.solutionbox:nth-child(4) a:hover .solution_info{ background:url(../images/solution04-1.png) no-repeat 5% center #54073d; color: #fff;}

.solutionbox:nth-child(5) .solution_info{ width: 100%; height: 118px; padding-left: 15px;  background:url(../images/solution05.png) no-repeat 5% center #fff; }
.solutionbox:nth-child(5) a:hover .solution_info{ background:url(../images/solution05-1.png) no-repeat 5% center #54073d; color: #fff;}

.solutionbox:nth-child(6) .solution_info{ width: 100%; height: 118px; padding-left: 15px;  background:url(../images/solution06.png) no-repeat 5% center #fff; }
.solutionbox:nth-child(6) a:hover .solution_info{ background:url(../images/solution06-1.png) no-repeat 5% center #54073d; color: #fff;}

/* 2017-02-10 */
.sbanner{max-width: 1920px; margin: 0px auto;}
.sbanner img{width:100%; display: block;}
.sbanner .sbn-pagination{bottom:15px; left: 0; width: 100%; position: absolute; z-index: 2;text-align: center;}
.sbanner .swiper-pagination-bullet,.sbanner .swiper-pagination-bullet-active{background-color:#fff;}
.sbanner .sbn-button{display: none!important;}
.bannerbox{position:relative;}
.bannerbox .unslider-arrow,.sbanner .sbn-button{background: url(../images/banner_lr.png) no-repeat 10px center rgba(186,186,186,0.34); text-indent: -999px; overflow: hidden; font-size: 6px; position: absolute; top:50%; margin-top:-25px; width: 50px; height: 50px; display:block; z-index: 3;}
.bannerbox .unslider-arrow.prev,.sbanner .sbn-button.sbn-button-prev{left:3%;}
.bannerbox .unslider-arrow.next,.sbanner .sbn-button.sbn-button-next{right:3%; background-position:-60px center;}
.hald_sel{overflow: hidden; clear: both;}
.hald_sel div{padding-bottom:30px;}
.hald_sel a{display: block; width: 100%;}
.hald_sel a *{display: block; width: 100%; text-align: center; margin: 0px auto; font-size: 14px;}
.hald_sel a img{width: 87px; margin-bottom:10px; -webkit-filter:grayscale(100%); -moz-filter:grayscale(1); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; }
.hald_sel a:hover img,.hald_sel div.on a img{-webkit-filter:grayscale(0%);}
.hald_sel div.on a{color:#540642;}
.hald_sel a em{font-style: normal;}
.ha_abt{padding-top: 30px; clear: both; overflow:hidden; display:block; position: relative;}
.ha_abt ul{position: absolute; top:30px; left:20px; height:260px; border-left:1px solid #540642; z-index: 2;}
.ha_abt ul li{width: 7px; height: 7px; border:1px solid #540642; border-radius: 50%; background-color: #fff; list-style: none; cursor: pointer; position: absolute; left: -4px;}
.ha_abt ul li.hb2{top:50%;}
.ha_abt ul li.hb3{bottom: 0px;}
.ha_abt ul li.on{border-width:2px;}
.ha_abtn{display: none;}
.ha_abtn.on{display: block;}
.ha_abtinfo{padding-left: 50px; margin-bottom:30px; z-index:1;}
.ha_abtinfo span{display: block; color: #540642; font-size: 18px;}
.ha_abtinfo strong{font-weight: normal; font-size: 16px; display: block;}
.ha_abtinfo p{font-size: 14px; line-height: 23px; padding: 26px 7px 0px 0px;}
.ha_abtinfo a.more{display: block; background-color: #540642; color: #fff; font-size: 12px; line-height: 12px; padding:6px 0px; width: 100px; text-align: center; margin-top:50px;}
.ha_abtimg{margin-bottom:30px;}
.ha_abtimg img{display: block; width: 100%;}
.hp_bk{background: url(../images/hp_bk01.jpg) no-repeat center center; background-size: cover; padding: 30px 0px;}
.homeprosel{overflow: hidden; text-align: center; max-width:700px; margin: 0px auto;}
.homeprosel dt{display: inline-block; cursor: pointer; color: #ffffff; font-size: 16px; line-height: 24px; width:190px; font-weight: normal; margin-bottom:26px;}
.homeprosel dt img{vertical-align:bottom; margin-right:10px;}
.homeprosel dt.on span{font-size:20px; text-decoration: underline;}
.homeprosel dd{visibility: hidden; position: relative; height: 0px; overflow: hidden;}
.homeprosel dd.on{display: block; visibility: visible; height: auto; overflow: visible;}
.homeprosel dd span{display: block; color: #fff; font-size: 16px; padding-top: 10px;}
.boxspst .swiper-slide{transition:opacity 0.6s ease; -webkit-transition:opacity 0.6s ease; opacity: 1;}
.boxspst .swiper-slide-duplicate-prev,.boxspst .swiper-slide-active{opacity:.2;}
.boxsp_solution{position:relative;}
.boxspst .boxspswiper-prev,.boxspst .boxspswiper-next{background: url(../images/boxspst_lr.png) no-repeat 50px center; width:100px;position: absolute; top: 0px; bottom: 0px; z-index: 3; text-indent: -999px; overflow: hidden; cursor: pointer;}
.boxspst .boxspswiper-prev{left:60px;}
.boxspst .boxspswiper-next{right:60px; background-position: -50px center;}
.boxsp_solution .swiper-slide a{position: relative;}
.boxsp_solution .swiper-slide a span{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 2; opacity: 0;}
.boxsp_solution .swiper-slide a:hover span{opacity: 1;}
@media only screen and (max-width:1000px){
	.boxspst .swiper-slide-duplicate-prev, .boxspst .swiper-slide-active{opacity:1;}
	.boxspst .boxspswiper-next{right: 0px;}
	.boxspst .boxspswiper-prev{left: 0px;}
}

.animat,.list_sdyy i:after,.li_more i,.li_casehy .selcht li *,.swiper-slide a span{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.list_sdyy p{transition:all 0.6s ease; -moz-transition:all 0.6s ease; -webkit-transition:all 0.6s ease;}
body.bkfff{background-color: #fff;}
.page_sd_sa{background-color: #f4f4f4;}
.page_sd_sa h3,.page_cd h3{font-size:24px; padding-bottom:20px; color: #333333;}
.page_sd_sa p,.page_cd p{color: #333333; padding-bottom: 3px;}
.list_sd p,.list_sdtz p{text-align:center;font-size: 13px; line-height: 24px; color: #777777;}
.list_sd img,.list_sdtz img{display:block; margin: 0px auto;}
.list_sd span,.list_sdtz span,.list_sdyy span{display: block; font-size: 16px; text-align: center; color: #333333; padding:20px 0px 16px;}
.list_sdtz .col-md-6{padding-bottom:40px;}
.list_sdtz .col-md-6:nth-child(odd){clear: left;}
.list_sdyy .yy i{position: relative; background-color:#000; display: block; overflow: hidden; font-style: normal;}
.list_sdyy .yy img{display: block; width: 100%; opacity: 1;}
.list_sdyy .yy i:after{content: ''; background-color: rgba(0,0,0,0.5); opacity: 0; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1;}
.list_sdyy .yy:hover i:after{opacity: 1;}
.list_sdyy .yy p{text-align: center; opacity: 0; position: absolute; top:26%; right:14%; bottom: 10%; left: 14%; color: #fff; z-index: 2;}
.list_sdyy .yy:hover p{ opacity: 1;}
.list_sdyy span{text-align: center;}

.li_more{clear: both; width:100px; margin: 0px auto; cursor: pointer;}
.li_more span{text-align: center; display: block; margin: 0px auto; font-size: 14px; line-height: 14px; color: #333333;}
.li_more i{display: block; background: url(../images/ico_lm.png) no-repeat center center; width: 21px; height: 21px; margin: 0px auto; position: relative; top:-3px;}
.li_more:hover i{top:0px;}
.li_casehy{}
.li_casehy .selcht{clear: both; margin-bottom: 30px;}
.li_casehy .selcht li{float: left; list-style: none; width: 80px; text-align: center; padding-bottom: 30px;}
.li_casehy .selcht li img{display: block; width: 36px; height: 36px; border-radius: 50%; background-color: #999999; border: 2px solid #d9d9d9; margin: 0px auto;}
.li_casehy .selcht li a span{display:block; color: #333333; background-color: #999999; border-radius:5px; font-size: 13px; width: 90%; margin: 0px auto; padding: 3px 0px; position: relative; top:7px; opacity: 0; visibility: hidden;}
.li_casehy .selcht li a span:after{content:'▲'; display: block; position: absolute; top:-13px; left: 50%; margin-left:-7px; color: #999999;}
.li_casehy .selcht li a.on span,.li_casehy .selcht li a:hover span{top: 10px; opacity:1; visibility: visible;}
.li_casehy .selcht li a.on img,.li_casehy .selcht li a:hover img{background-color: #9c0b7b;}
.li_casehy .cntcht{clear: both; padding: 10px 0px;}
.li_casehy .cntcht div,.li_casehy .cntcht p{padding:5px 10px 7px 5px; font-size: 12px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.li_casehy .cntcht p{float: left;}
.np3f4lr{background: url(../images/np3f4n.png) rgba(255,255,255,0.3) no-repeat left center; position:absolute; top:40%; left:0px; margin-top:-20px; width:20px; height:40px; z-index: 2; cursor: pointer;}
.np3f4lr.n{left:auto;right:0px; background-position: right center;}
.np3f4lr.p{}

.cer_img_box{padding: 10px 0px;}
.liparft{margin-bottom:60px; padding:10px 0px 20px; background-color: #fff; max-width:1188px; clear: both; overflow: hidden;}
.liparft:after{background: url(../images/ico_rlmos.png) no-repeat #fff; width: 75px; height: 40px; display:none; content: '';}
.liparft a{display: block;}
.liparft img{max-width:100%; display:inline-block;}
.col-md-4.foot_r{display: none;}
.cm-5{width: 20%;}
.footer{}
.footer .col-md-2{width: 20%; float: left;}
.footer .col-md-3{float: left;}
@media only screen and (max-width:750px){
	.cm-5{width:50%; padding:0px 10px;}
	.cm-5:nth-child(odd){clear: left;}
	.sbanner{padding-top: 68px;}
	.classfy{padding:10px 0px 0px 15px;}
	.classfy li{line-height:26px; font-size: 16px; padding: 0px 10px;}
}
.pagebox_2pos{}
.pagebox_2pos ul{padding-top: 10px;}
.pagebox_2pos li{list-style: none; float: left; margin:0px 20px 0px 0px; padding:10px 0px;}