@charset "utf-8";
/*-- public star --*/
.main_title h3{ font-size: 30px;font-weight: 300;color: #332C2B;}
.tle_icon{ width: 60px;padding-top: 2px;background: #332C2B;display: inline-block;margin: 20px 0;}


.banner001 { width: 100%;height:600px;display: inline-block; }
.banner001 .swiper-container { width: 100%;height: 100%;margin-left: auto;margin-right: auto; }
.banner001 .swiper-slide { text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
.banner001 .swiper-button-next,.banner001 .swiper-button-prev {opacity:0.25; width: 30px;height: 60px;background-size: auto; } 
.banner001 .swiper-button-next { background-image: url(../images/right_0001.png);right: 50px; }
.banner001 .swiper-button-prev { background-image: url(../images/left_0001.png);left: 50px;}
.banner001 .swiper-pagination-bullet { width: 18px;height: 18px;background: url(../images/btns-next-prev.png);background-position: -60px 0;border-radius: inherit;opacity: 1; }
.banner001 .swiper-pagination-bullet:hover,.banner001 .swiper-pagination-bullet.swiper-pagination-bullet-active {  background-position: -60px -18px; }
.banner001 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 1px; }
.banner001 .swiper-button-next:hover,.banner001 .swiper-button-prev:hover{opacity:1;}

.content { text-align: left; }
.content p{ font-size: 14px; color: #666;line-height: 24px;margin-bottom: 10px;text-indent: 24px;}
.content p img{ margin-bottom: 10px;max-width: 100%;  }
/*-- 客服服务 star --*/
.main_Ctrse { position: fixed;right: 0;bottom: 20%;z-index: 999; }
.main_Ctrse .Cs_list:last-child{ border-bottom:none; }
.main_Ctrse .Cs_list ul li{ clear: both; }
.main_Ctrse .Cs_list ul li a{ display: inline-block;width: 30px;height: 30px;padding: 9px;border:1px solid #ccc;border-radius: 5px 0 0 5px;background: #fff url(../images/main_Ctrse.png) no-repeat 10px 10px; }
.main_Ctrse .Cs_list ul li.Cs_QRcode a{ background-position-y: -30px; }
.main_Ctrse .Cs_list ul li.Cs_Eltsle a{ background-position-y: -70px; }
.main_Ctrse .Cs_list ul li.Cs_cont a{ background-position-y: -110px; }
.main_Ctrse .Cs_list ul li.Cs_Bttop a{ background-position-y: -150px; }

.main_Ctrse .Cs_list ul li div{ background: #fff;height: 40px;padding: 4px 15px;border: 1px solid #FED900;border-radius: 5px 0 0 5px;display: none; }
.main_Ctrse .Cs_list ul li.Cs_QRcode{ position: relative; }
.main_Ctrse .Cs_list ul li div.Cs_QRcode_box{ padding: 4px;height: 140px;text-align: center;position: absolute;right: 50px; }
.main_Ctrse .Cs_list ul li div .info_name{ font-size: 14px;color: #332C2B;font-weight: 700; }
.main_Ctrse .Cs_list ul li div .info_value{ font-size: 12px;color: #666; }

.main_Ctrse .Cs_list ul li:hover a { background: #FED900 url(../images/main_Ctrse.png) no-repeat -30px 10px;border-radius: 0;border: 1px solid #FED900; }
.main_Ctrse .Cs_list ul li.Cs_QRcode:hover a{ background-position-y: -30px; }
.main_Ctrse .Cs_list ul li.Cs_Eltsle:hover a{ background-position-y: -70px; }
.main_Ctrse .Cs_list ul li.Cs_cont:hover a{ background-position-y: -110px; }
.main_Ctrse .Cs_list ul li.Cs_Bttop:hover a{ background-position-y: -150px; }
.main_Ctrse .Cs_list ul li:hover div{ display: block; }
/*-- 客服服务 end --*/

/*-- 面包屑导航 --*/
.Breadcrumbs { height: 40px;background: #f5f5f5; }
.Breadcrumbs p{ text-align: left;line-height: 40px;}
.Breadcrumbs p a{ color: #666;font-size: 12px;}
.Breadcrumbs p .fa-home{ font-size: 14px;color: #666;margin-right: 10px;}
.Breadcrumbs p .fa-angle-right{ font-size: 14px;color: #666;margin: 0 10px;}
.Breadcrumbs p a:last-child { color: #332C2B;}
/*-- public end --*/

/*-- banner star! --*/
#slides { display: none}
#slides .slidesjs-navigation { margin-top: 5px;}
a.slidesjs-next,a.slidesjs-previous,a.slidesjs-play,a.slidesjs-stop { float:left;background-image: url(../images/btns-next-prev.png);background-repeat: no-repeat;display: block;width: 12px;height: 18px;overflow: hidden;text-indent: -9999px;margin-right: 5px;position: relative;bottom: 20px;z-index: 999px;} 
a.slidesjs-next { margin-right: 10px;background-position: -12px 0;}
a:hover.slidesjs-next { background-position: -12px -18px;}
a.slidesjs-previous { background-position: 0 0;}
a:hover.slidesjs-previous { background-position: 0 -18px;}
a.slidesjs-play { width: 15px;background-position: -25px 0;}
a:hover.slidesjs-play { background-position: -25px -18px;}
a.slidesjs-stop { width: 18px;background-position: -41px 0;}
a:hover.slidesjs-stop { background-position: -41px -18px;}
.slidesjs-pagination { margin: 7px 0 0;list-style: none;}
.slidesjs-pagination li { float: left;margin: 0 2px;}
.slidesjs-pagination li a { float:left;display: block;width: 16px;height: 0;padding-top: 18px;background-image: url(../images/btns-next-prev.png);background-position: -60px 0;float: left;overflow: hidden;position: relative;bottom: 20px;z-index: 999px;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active { background-position: -60px -18px;}
.slidesjs-pagination li a:hover { background-position: -60px -36px;}
#slides a:link,#slides a:visited { color: #333;}
#slides a:hover,#slides a:active { color: #9e2020;}
.navbar { overflow: hidden;}
#slides { display: none;}
.container { margin: 0 auto;}

.slidesjs-navigation{ top:-40px;}
.slidesjs-navigation,.slidesjs-pagination{ left:45%;position: relative;z-index: 99;bottom: 22px;}
/*-- banner end! --*/

/*-- main_prd star! --*/
.main_prd{ padding: 60px 0;}
.main_prd .mian_lists ul li { float: left;width: 49.5%; }
.main_prd .mian_lists ul li:first-child { margin-right: 1%; }
.main_prd .mian_lists ul li:last-child { margin-top: 16px; }
.main_prd .mian_lists ul li a { display: inline-block;width: 100%;height: 100%;position: relative; }
.main_prd .mian_lists ul li a .text_img article { position:relative; width:100%; height:auto; padding-top: 50%; overflow:hidden; }
.main_prd .mian_lists ul li.H_01 a .text_img article { position:relative; width:100%; height:auto; padding-top: calc(100% + 20px); overflow:hidden; }
.main_prd .mian_lists ul li a .text_img article img { position:absolute; top:0; left:0; width:100.5%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.main_prd .mian_lists ul li:hover a .text_img article img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05); }
.main_prd .mian_lists ul li a .text_box {/* background: rgba(0,0,0,0.75);*/position: absolute;text-align:left;bottom: 0;color: #000;z-index: 99;width: calc(100% - 40px);padding: 15px 20px; }
.main_prd .mian_lists ul li a .text_box p { font-weight: 500;font-size: 20px; }
.main_prd .mian_lists ul li a .text_box span.text_more{ line-height: 30px; }
.main_prd .mian_lists ul li a .text_box span.text_more i { font-size: 16px;margin-right: 6px; }
.main_prd .mian_lists ul li:hover a .text_box { /*background: rgba(254,217,0,0.75);*/ }
/*-- main_prd end! --*/

/*-- main_about star --*/
.main_about{ padding: 80px 0;background: url(../images/main_brow/abt_bg.jpg) no-repeat;}
.main_about_box p{ text-align: left;line-height: 30px;}
.main_about_box video{ width: auto;height: 510px; margin-top:20px;}
/*-- main_about end --*/

/*-- mian_News star --*/
.mian_News{ padding: 80px 0;}
.mian_News .main_news_box dl dt{ width: 46%;margin-bottom:20px ;}
.mian_News .main_news_box dl dt a article{ position:relative; width:100%; height:0; padding-top:54.2%; overflow:hidden;}
.mian_News .main_news_box dl dt a article img{ position:absolute; top:0; left:0; width:100.5%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.mian_News .main_news_box dl dt a .news_text_box{ text-align: left;padding: 15px 15px 20px;background: #f0f0f0;}
.mian_News .main_news_box dl dt a .news_text_box h4{ font-size: 18px;font-weight: 300;color: #332C2B;}
.mian_News .main_news_box dl dt a .news_text_box p{ color: #666;line-height: 24px;margin-top: 10px;}
.mian_News .main_news_box dl dt:hover a .news_text_box{ background: #FED900;}
.mian_News .main_news_box dl dt:hover a article img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05);}

.mian_News .main_news_box dl dd{ width:50%;float: left;margin: 0 0 20px 4%;background: #f0f0f0;}
.mian_News .main_news_box dl dd a .news_time{ width: 18%;text-align: center;margin: 20px 15px;background: #c8c8c8;padding: 10px 0 4px;}
.mian_News .main_news_box dl dd a .news_time p{ font-size: 16px;font-weight: 600;color: #fff;line-height: 36px;}
.mian_News .main_news_box dl dd a .news_time p:first-child{ font-size: 30px;font-weight: 700;}
.mian_News .main_news_box dl dd a .news_text_box{ text-align: left;padding: 17px;width: 71%;}
.mian_News .main_news_box dl dd a .news_text_box h4{ font-size: 18px;font-weight: 300;color: #332C2B;}
.mian_News .main_news_box dl dd a .news_text_box p{ color: #666;line-height: 24px;margin-top: 10px;}

.mian_News .main_news_box dl dd:hover { background: #FED900;}
.mian_News .main_news_box dl dd:hover a .news_time{ background: #FED900;}
.mian_News .main_news_box dl dd:hover a .news_time p{ color: #332C2B;}
/*-- mian_News end --*/

/*-- main_service star --*/
.main_service{ padding: 60px 0;background: #2f2f2f url(../images/main_brow/ser_bg.png) no-repeat center 0;}
.main_service .main_title h3{ color: #fff;}
.main_service_box ul li{ width: 20%;}
.main_service_box ul li a .service_box{ background: #f1f1f1; }
.main_service_box ul li a .service_box img{ width: 100%; }
.main_service_box ul li a .service_img{ position:relative; width:100%; height:0; padding-top:63%; overflow:hidden;}
.main_service_box ul li a .service_img img{  position:absolute; top:0; left:0; width:100.5%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }

.main_service_box ul li a:hover .service_box{ background: #FED900; }
.main_service_box ul li a:hover .service_img img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
/*-- main_service end --*/

/*-- main_Partner star --*/
.main_Partner{ padding: 80px 0;}
.swiper-container { width: 100%;height: 100%;}
.swiper-slide { text-align: center;font-size: 18px; /* Center slide text vertically */ display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-pagination{ display: none;}
/*-- main_Partner end --*/

/*-- footer star --*/
footer{ padding-top: 80px;background: #43474d;}
.footer_nav{ border-bottom:1px solid #666666;padding-bottom: 20px;}
.footer_nav ul li{ float: left;width: 23%;text-align: left;padding-left: 2%; }
.footer_nav ul li dt{ margin-bottom: 20px;}
.footer_nav ul li dt a{ color: #fff;font-size: 18px;}
.footer_nav ul li dd a{ color: #ccc;font-size: 14px;line-height: 24px;}
.footer_cont{ padding: 30px 0;}
.footer_cont .footer_l_a001{ text-align: left;color: #999;}
.footer_cont .footer_l_a001 h3{ font-size: 18px;font-weight: 300;color: #fff;margin-bottom: 20px;}
.footer_cont .footer_l_a001 p{ line-height: 24px;}
.footer_cont .footer_l_a001 p.tel_b001{ font-weight: 300;font: italic lighter 30px arial,sans-serif;margin-bottom: 10px;}
.footer_cont .footer_r_a001 span{ color: #999999;margin-left: 20px;}
.footer_botton{ color: #999;font-size: 12px;background: #3a3d42;text-align: center;line-height: 40px;}
/*-- footer end --*/

/*-- 关于肯耐 star --*/
.abt_compro{ padding: 80px 0;}
.compro_mian p{ text-align: left;line-height: 24px;color: #666;text-indent: 28px;margin-bottom: 10px;}
.compro_mian img{ margin-top: 10px;width: 100%;}

.abt_comculture{ background: #F0F0F0;padding: 80px 0;}
.comculture_mian dl dd{ width: 33.1%;border: 1px solid #ccc;padding: 44px 0;float: left;}
.comculture_mian dl dd span{ width: 60px;height: 70px;background: #332C2B;display: inline-block;border-radius:60px ;color: #fff;font-size: 24px;padding: 25px 30px;margin-bottom: 30px;}
.comculture_mian dl dd p{ padding: 0 10%;line-height: 30px;font-size: 16px; }
.comculture_mian dl dd:hover{ background: #ededed;}
.comculture_mian dl dd:hover span{ color: #332C2B;background: #FED900;}

.abt_history{ padding: 80px 0;}
.event_box{ width: 94%; margin: 3% auto 0;position: relative; }
.event_box .parHd { width: 100%;display: inline-block;height: 120px;overflow: hidden;}
.parHd  ul{ width: 100%; text-align: center; margin: 0 auto; padding-top: 25px !important;}
.parHd .tempWrap{ margin: 0 auto;}
.parHd li:before{ content: ''; width: 300%; height: 1px; background: #332C2B; position: absolute;top: 0; right:-150%; } 
/*.parHd li.no_line:before{ display: none; }*/
.parHd li{ display: inline-block; cursor: pointer; padding-top: 30px; font-size: 16px; color: #000;margin:0 30px; position: relative; }
.parHd li span { border-radius: 100%;background: #FED900;font-size: 18px;display: inline-block;text-align: center;width: 60px;height: 60px;line-height: 60px;color: #332C2B; }
.parHd li:after{ content: ''; background: url(../images/dot_ico.png) no-repeat; width: 24px; height: 24px; position: absolute; top: -12px;left: 75%;margin-left: -24px;z-index: 9; }
.parBd{ text-align: center;margin-top: 35px;}
.parBd h4{ position: relative;font-size: 24px;margin-bottom: 3%;padding: 0 60px;display: inline-block;text-align: center;}
.parBd h4:after{ content:''; background: #332C2B; width: 60px; height: 1px; position: absolute; left: -20px; bottom: 50%;}
.parBd h4:before{ content:''; background: #332C2B; width: 60px; height: 1px; position: absolute; right: -20px; bottom: 50%;}
.parBd p{ line-height: 100%; font-size: 16px; width: 80%; margin: 0 auto;}
div#listBox { width: 100%; }
.sPrev,.sNext{ width: 30px; height: 30px; display: block; position: absolute; top: 10px;}
.sPrev{ left: 0;}
.sNext{ right: 0;}
.sPrev img,.sNext img{ transition: all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition: all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act:after { background: url(../images/dot_ico_y.png) no-repeat;z-index: 99; }

.abt_SRPB { padding: 80px 0; background: #F0F0F0;}
.SRPB_mian .swiper-slide { display: inline-block;margin-right: 20px;}
.SRPB_mian .swiper-slide a article { position:relative; width:100%; height:0; padding-top:64.9%; overflow:hidden;}
.SRPB_mian .swiper-slide a article img { position:absolute; top:0; left:0; width:100.5%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.SRPB_mian .swiper-slide a .SRPB_text_box { text-align: left;padding: 15px 15px 20px;background: #e6e6e6;}
.SRPB_mian .swiper-slide a .SRPB_text_box h4 { font-size: 18px;font-weight: 500;color: #332C2B;}
.SRPB_mian .swiper-slide a .SRPB_text_box p { color: #666;line-height: 24px;margin-top: 10px;font-size: 14px;}
.SRPB_mian .swiper-button-prev,.SRPB_mian .swiper-button-next { width: 46px;height:100px; background: rgba( 0,0,0,0.5);top:42%;}
.SRPB_mian .swiper-button-next { right: 0;}
.SRPB_mian .swiper-button-prev { left: 0;}
.SRPB_mian .swiper-button-next img,.SRPB_mian .swiper-button-prev img{ padding: 20px 0;}
.SRPB_mian .swiper-slide:hover a article img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.SRPB_mian .swiper-slide:hover a .SRPB_text_box{ background: #FED900;}
.SRPB_mian_more { margin-top: 40px;}
.SRPB_mian_more a { color: #332c2b;border: 1px solid #ccc;border-radius: 30px;height: 60px;line-height: 60px;padding: 15px 30px; }
.SRPB_mian_more a:hover { background: #FED900;border: 1px solid #FED900; }

.abt_TeamStyle { padding: 80px 0;}
.TeamStyle_mian .swiper-slide article { position:relative; width:100%; height:0; padding-top:64.9%; overflow:hidden;}
.TeamStyle_mian .swiper-slide article img { position:absolute; top:0; left:0; width:100.5%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.TeamStyle_mian .swiper-button-prev,.TeamStyle_mian .swiper-button-next { width: 46px;height:100px; background: rgba( 0,0,0,0.5);top:42%;}
.TeamStyle_mian .swiper-button-next { right: 0;}
.TeamStyle_mian .swiper-button-prev { left: 0;}
.TeamStyle_mian .swiper-button-next img,.TeamStyle_mian .swiper-button-prev img{ padding: 20px 0;}
.TeamStyle_mian .swiper-slide:hover article img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}

.abt_Partner { padding: 80px 0; background: #F0F0F0;}
.Partner_mian ul li { float: left;margin-bottom: 10px;width: 16.6%;}
.Partner_mian ul li article { position:relative; width:100%; height:0; padding-top:45%; overflow:hidden; }
.Partner_mian ul li article img{ position:absolute; top:0; left:0; width:100.5%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.Partner_mian ul li article:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
/*-- 关于肯耐 end --*/

/*-- 社会责任 star --*/
.SR_main { padding: 80px 0;}
.main_SR_title h3 { font-size: 30px; font-weight: 400;color: #332c2b;margin-bottom: 40px; }
.SR_com_mian .SR_list li { float: left;width: 31.65%; margin: 0 10px 20px;}
.SR_com_mian .SR_list li a article { position:relative; width:100%; height:0; padding-top:64.9%; overflow:hidden;}
.SR_com_mian .SR_list li a article img { position:absolute; top:0; left:0; width:100.5%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.SR_com_mian .SR_list li a .SR_text_box { text-align: left;padding: 15px 15px 20px;background: #e6e6e6;}
.SR_com_mian .SR_list li a .SR_text_box h4 { font-size: 18px;font-weight: 500;color: #332C2B;}
.SR_com_mian .SR_list li a .SR_text_box p { color: #666;line-height: 24px;margin-top: 10px;font-size: 14px;}

.SR_com_mian .SR_list li:hover a article img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.SR_com_mian .SR_list li:hover a .SR_text_box{ background: #FED900;}
/*-- 社会责任 end --*/

/*-- 分页 star --*/
.page { margin-top: 20px; }
.page .page_con{ margin: 0 auto; text-align: center;display: inline-block; }
.page ul li { float: left;margin: 0 3px;}
.page ul li a { padding: 15px 20px;line-height: 45px;background: #f1f1f1;font-size: 16px;}
.page ul li:first-child a,.page ul li:last-child a { font-size: 14px;}
.page ul li:hover a { background: #FED900;}
.page ul li.page_warp a { background: #FED900;}
/*-- 分页 结束 --*/

/*-- 公司新闻 star --*/
.News_main { padding: 80px 0; }
.News_main ul.News_list li { background: #f5f5f5;height: 200px;margin-bottom: 20px; }
.News_main ul.News_list li a { position:relative; width: 25%; height:auto ; padding-top:200px; overflow:hidden; }
.News_main ul.News_list li a img{ position:absolute; top:0; left:0; width:100.5%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.News_main ul.News_list li .News_time{ width: 10%;padding: 45px 2% 0;color: #332c2b; height: 90px;text-align: center; }
.News_main ul.News_list li .News_time span{ font-size: 48px;color: #332C2B; }
.News_main ul.News_list li .News_time p{ font-size: 16px;}
.News_main ul.News_list li .News_text_box { width:46%;display: inline-block;text-align: left;padding: 30px 0; }
.News_main ul.News_list li .News_text_box a h4 { font-size: 18px;font-weight: 300; }
.News_main ul.News_list li .News_text_box a p { font-size: 14px;color: #666;font-weight: 300;line-height: 24px;padding-top: 10px; }
.News_main ul.News_list li .News_more { width:15%;text-align: center;line-height: 200px; }
.News_main ul.News_list li .News_more a { color: #332C2B;padding: 12px 20px;border-radius: 30px ;border: 1px solid #ccc; }

.News_main ul.News_list li:hover { background: #efefef; }
.News_main ul.News_list li:hover a img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05);}
.News_main ul.News_list li:hover .News_more a { background: #FED900;border: 1px solid #FED900; }
/*-- 公司新闻 end --*/

/*-- 公司新闻详情页 star --*/
.News_l_a001 { width: 72%; }
.News_l_a001 .header { border-bottom: 1px dashed #ccc;padding-bottom: 15px;margin-bottom: 20px; }
.News_l_a001 .header h3 { font-size: 24px;font-weight: 500;margin-bottom: 20px; }
.News_l_a001 .header time span { font-size: 12px;color: #999; }
.News_l_a001 .header time span:first-child { margin-right: 20px; }

.News_l_a001 .title_a001{ color:#332C2B;font-size: 16px;text-align: left;margin-bottom: 15px;text-indent: 0;font-weight: 700;}
.News_l_a001 { text-align: left; }
.News_l_a001 p{ font-size: 14px; color: #666;line-height: 24px;margin-bottom: 10px;text-indent: 24px;}
.News_l_a001 p img{ margin-bottom: 10px;width: 80%;  }

.NDe_next_prev { border-top: 1px dashed #ccc;margin: 20px 0 30px;padding-top: 20px; }
.NDe_next_prev p { text-indent: 0;color: #332C2B; }
.NDe_next_prev p span{ margin-right: 10px;color: #666; }
.NDe_next_prev p a{ color: #332C2B; }
.NDe_next_prev p a:hover{ color: #000;font-weight: 700; }

.News_r_a001 { width: 25%;}
.News_r_a001 .r_title { border-bottom: 1px solid #ccc;padding-bottom: 15px; }
.News_r_a001 .r_title h3 { text-align: left;line-height: 20px;border-left: 5px solid #332C2B;padding-left: 10px; }

.News_r_a001 .r_list { margin-top: 30px; }
.News_r_a001 .r_list ul li { margin-bottom: 20px; }
.News_r_a001 .r_list ul li a{ width:100%;text-align: left; }
.News_r_a001 .r_list ul li a article { position:relative; width: 100%; height:auto ; padding-top:200px; overflow:hidden; }
.News_r_a001 .r_list ul li a article img{ position:absolute; top:0; left:0; width:100.5%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.News_r_a001 .r_list ul li a .title_box { margin: 10px 0; }
.News_r_a001 .r_list ul li a .title_box h4{ font-size: 14px;color: #332C2B;line-height: 24px;}
.News_r_a001 .r_list ul li a .title_box time{ font-size: 12px;color: #666;line-height: 24px; }
.News_r_a001 .r_list ul li:hover a article img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05);}
/*-- 公司新闻详情页 end --*/

/*-- 联系我们 star --*/
.contact_mian { padding: 80px 0;}
.contact_mian .contIf_list { background: #f5f5f5;width: 32.22%;padding: 50px 0; margin-left: 20px;}
.contact_mian .contIf_list:first-child { margin-left: 0;}
.contact_mian .contIf_list span{ border-radius: 40px;border: 1px solid #ccc;display: inline-block;width: 78px;height: 78px;margin-bottom: 30px; }
.contact_mian .contIf_list span .fa{ line-height: 80px;font-size: 36px; }
.contact_mian .contIf_list span .fa-envelope{ font-size: 30px; }
.contact_mian .contIf_list .contIf_list_box { padding: 0 50px; }
.contact_mian .contIf_list .contIf_list_box .contIf_list_title { font-size: 14px;line-height: 30px;color: #666;margin-bottom: 20px; }
.contact_mian .contIf_list .contIf_list_box p { font-size: 16px;line-height: 32px;color: #332C2B; }
.map{ margin-top: 30px;}
.map .map_style{ width: 100%;height: 500px;background: #f5f5f5;}
.map .map_style img{ max-width:none; }

.Feedback_mian { padding: 80px 0;background: #F5F5F5; }
.Feedback_mian .text { border:1px solid #332C2B;background: #fff;color: #999;height: 50px;line-height: 50px;width: 31.82%;text-indent: 10px;margin-right: 20px;margin-bottom: 20px; }
.Feedback_mian .text:last-child { margin-right: 0;}
.Feedback_mian .textarea { padding-top: 20px;border:1px solid #332C2B;background: #fff;color: #999;width: 100%;height: 120px;resize: none;text-indent: 10px;margin-bottom: 20px; }
.Feedback_mian .submit { background: #332C2B;color: #fff;width: 220px;font-size:16px;line-height: 60px;height: 60px;letter-spacing:5px;cursor:pointer; }
.Feedback_mian .submit:hover { background: #FED900;color: #332C2B; }
/*-- 联系我们 star --*/

/*-- 产品与应用 开始 --*/
.Product_main { padding: 80px 0; }
.Product_guide_main { padding: 80px 0; }

.Pro_left { width: 25%; }
.Pro_left .Pro_l_title{ font-size: 28px;color: #332C2B;border: 1px solid #ccc;line-height: 90px;background: url(../images/Product.png) no-repeat 20px;padding-left: 90px;text-align: left; }
.Pro_left .left_nav_a001{ text-align: left;border-left: 1px solid #ccc;border-right: 1px solid #ccc; }
.Pro_left .left_nav_a001 ul li h4{ border-bottom: 1px solid #ccc;}
.Pro_left .left_nav_a001 ul li h4 a{ line-height: 60px;font-size: 16px;padding: 0 15px;font-weight: 300;}
.Pro_left .left_nav_a001 ul li ol{ padding: 10px 0;background: #F5F5F5;display: none;}
.Pro_left .left_nav_a001 ul li ol li{ border-bottom: none;}
.Pro_left .left_nav_a001 ul li ol li a{ line-height: 40px;font-size: 14px;display: inline-block;padding: 0 25px; }

.Pro_left .left_nav_a001 ul li:hover h4{ background: #FED900; }
.Pro_left .left_nav_a001 ul li ol li:hover a{ color: #ff6501;}
li.left_warp h4{ background: #FED900; }
li.left_warp ol li.left_warp001 a{ color: #ff6501;}


.Pro_guide_right { width: 73%; }
.Pro_guide_right ul.Pro_list { overflow: hidden; }
.Pro_guide_right ul.Pro_list li { width: calc(50% - 22px);border: 1px solid #ccc;float: left;margin: 0 10px 20px; }
.Pro_guide_right ul.Pro_list li article { position:relative; width: 100%; height:auto ; padding-top:75%; overflow:hidden; }
.Pro_guide_right ul.Pro_list li article img { position:absolute; top:0; left:0; width:100.5%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.Pro_guide_right ul.Pro_list li .Pror_textBox { width: calc(100% - 30px);text-align: left;padding: 20px 15px; }
.Pro_guide_right ul.Pro_list li .Pror_textBox h4 { font-size: 18px;text-align:center;font-weight: 300;color: #332C2B;margin-bottom: 15px;height: 44px; }
.Pro_guide_right ul.Pro_list li .Pror_textBox p { font-size: 14px;color: #666;line-height: 24px;margin-bottom: 15px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 68px; }

.Pro_guide_right ul.Pro_list li:hover { box-shadow: 0 0 8px rgba(0,0,0,0.25); }
.Pro_guide_right ul.Pro_list li:hover a article img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05); }

.Pro_right { width: 73%; }
.Pro_right ul.Pro_list { overflow: hidden; }
.Pro_right ul.Pro_list li { width: calc(33.33% - 22px);border: 1px solid #ccc;float: left;margin: 0 10px 20px; }
.Pro_right ul.Pro_list li article { position:relative; width: 100%; height:auto ; padding-top:75%; overflow:hidden; }
.Pro_right ul.Pro_list li article a img { position:absolute; top:0; left:0; width:100.5%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.Pro_right ul.Pro_list li .Pror_textBox { width: calc(100% - 30px);text-align: left;padding: 20px 15px; }
.Pro_right ul.Pro_list li .Pror_textBox h4 { font-size: 18px;font-weight: 300;color: #332C2B;margin-bottom: 15px;height: 44px; }
.Pro_right ul.Pro_list li .Pror_textBox p { font-size: 14px;color: #666;line-height: 24px;margin-bottom: 15px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 68px; }
.Pro_right ul.Pro_list li .Pror_textBox .pro_more a { color:#332C2B;display: inline-block; border: 1px solid #332C2B;height: 36px;line-height: 36px;border-radius: 18px; padding: 0 20px;}
.Pro_right ul.Pro_list li:hover { box-shadow: 0 0 8px rgba(0,0,0,0.25); }
.Pro_right ul.Pro_list li:hover article a img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05); }
.Pro_right ul.Pro_list li:hover .Pror_textBox .pro_more a { background: #FED900;border:1px solid #FED900; }
/*-- 产品与应用 结束 --*/

/*-- 产品详情 开始 --*/
.ProductDe_main { padding: 60px 0;}
.return_list { text-align: left;}
.return_list a { font-size: 16px;background: url(../images/return.png) no-repeat 0 -5px;height: 30px;line-height: 30px;padding-left:40px ; }

.ProDe_a001 { margin: 40px 0; }
.ProDe_a001 .ProDe_img { width: 45%;display: inline-block; }

/*-- 角度图 star --*/
.large_box{margin-bottom:10px;width:100%;max-height: 362px;overflow:hidden;}
.large_box img{display:block;border: 2px solid #ddd;width: calc(100% - 4px); }
.small_box{width:100%;height:85px;overflow:hidden;}
.small_list{position:relative;float:left;width:calc(100% - 80px);height:100%;overflow:hidden;}
.small_list ul{height:100%;overflow:hidden;}
.small_list ul li{ float:left;margin-right:5px;width:85px;}
.small_list ul li img{display:block;width: calc(100% - 4px);border: 2px solid #ddd; }
.small_list ul li.on img { border-color: #FED900; }
.btn{display:block;width:30px;height:100%;background-color:#eee;background-repeat:no-repeat;background-position:center center;cursor:pointer;background-size: 50% auto; }
.btn:hover{background-color:#FED900;}
.left_btn{float:left;margin-right:5px;background-image:url(../images/left_001.png);}
.right_btn{float:right;background-image:url(../images/right_001.png);}
/*-- 角度图 end --*/

.ProDe_a001 .ProDe_b001_box { margin-left: 50px;width: calc(55% - 50px); }
.ProDe_a001 .ProDe_b001_box h3 { line-height: 60px;font-size: 24px;font-weight: 300;color: #332C2B;text-align: left;margin-bottom: 30px; }
.ProDe_a001 .ProDe_b001_box p { text-align: left;font-size: 16px;line-height: 30px;color: #666; }

.b001_title { border-bottom: 1px solid #ccc; text-align: left;margin: 30px 0; }
.b001_title span { color: #332C2B;font-weight:700;background: #FED900;width: 120px;height: 50px;display: inline-block;line-height: 50px;text-align: center; }
.ProDe_b001 .ProDe_b001_cont { padding: 0 20px; }
.ProDe_b001 .ProDe_b001_cont p { color: #666;line-height:30px;text-indent: 24px;margin-bottom: 10px; }
.ProDe_b001 .ProDe_b001_cont img { max-width: 100%;margin-bottom: 10px; }

.Related_b001_cont ul li { float: left;border: 1px solid #ccc;width: 23%; margin: 0 10px 20px;}
.Related_b001_cont ul li a article { position:relative; width: 100%; height:auto ; padding-top:210px; overflow:hidden; }
.Related_b001_cont ul li a article img { position:absolute; top:0; left:0; width:100.5%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.Related_b001_cont ul li p { line-height: 50px;color: #332C2B; }

.Related_b001_cont ul li:hover { font-weight: 700; }
.Related_b001_cont ul li:hover a article img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05); }
/*-- 产品详情 结束 --*/

/*-- 解决方案 开始 --*/
.solution_main { padding: 80px 0; }
.solution_list  ul { margin-bottom: 30px; }
.solution_list  ul li .two { width: 50%; }
.solution_list  ul li article { position:relative; width: 100%; height:auto ; padding-top:360px; overflow:hidden; }
.solution_list  ul li article img { position:absolute; top:0; left:0; width:100.5%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.solution_list  ul li .text_box { width: 40%; background: #f5f5f5;height: 260px;padding: 50px 5%;text-align: left; }
.solution_list  ul li .text_box h3 { font-size: 24px;font-weight: 300;color: #332C2B;margin-bottom: 20px; }
.solution_list  ul li .text_box p { font-size: 14px;font-weight: 300;color: #666;line-height:24px;margin-bottom: 20px; }
.solution_list  ul li .text_box .solution_more a { font-size: 14px;font-weight: 300;color: #332C2B;border: 1px solid #332C2B;border-radius: 20px;line-height:40px;height:40px;display: inline-block;padding: 0 25px;margin-top: 30px; }

.solution_list  ul li:hover article img { -webkit-tr0ansform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05); }
.solution_list  ul li:hover .text_box { background: #EdEdEd; }
.solution_list  ul li:hover .text_box .solution_more a { background: #332C2B;color: #FED900; }
/*-- 解决方案 结束 --*/

/*-- 技术服务 开始 --*/
.service_main{ padding: 80px 0;}
.ser_nav { border-bottom: 1px solid #ccc;margin-bottom: 30px; }
.ser_nav ul li { float: left;margin-right: 5px; }
.ser_nav ul li a { background: #332C2B;color: #fff;display: inline-block;line-height: 45px;padding: 0 25px; }
.ser_nav ul li:hover a { background: #FED900;color: #332C2B; }
.ser_nav ul li.ser_warp a { background: #FED900;color: #332C2B; }

.ser_a001_nav ul li { border: 1px solid #ccc;margin-bottom: 20px; }
.ser_a001_nav ul li .two { width: 35%; }
.ser_a001_nav ul li article { position:relative; width: 100%; height:auto ; padding-top:300px; overflow:hidden; }
.ser_a001_nav ul li article img { position:absolute; top:0; left:0; width:100.5%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.ser_a001_nav ul li .text_box { width: 65%;text-align: left; }
.ser_a001_nav ul li .text_box .text_box_a001 { padding: 30px 20px; }
.ser_a001_nav ul li .text_box .text_box_a001 h3 { color:#332C2B;font-size: 20px;font-weight: 300;margin-bottom: 20px; }
.ser_a001_nav ul li .text_box .text_box_a001 p { color: #666;font-size: 14px;line-height: 24px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;/* 控制多少行后省略 */-webkit-box-orient: vertical;word-break: break-all; }
.ser_a001_nav ul li .text_box .text_box_a001 .solution_more { margin-top: 50px; }
.ser_a001_nav ul li .text_box .text_box_a001 .solution_more a { padding: 10px 25px;border-radius:50px ;border: 1px solid #332C2B;color: #332C2B;display: inline-block; }

.ser_a001_nav ul li:hover article img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05); }
.ser_a001_nav ul li:hover .text_box .text_box_a001 .solution_more a  { background: #332C2B;color: #FED900; }

/*-- 教育与培训 --*/
.ser_a001De_box .textImg_box .text_box_a001 { width: 58%;text-align: left;margin-right: 2%; }
.ser_a001De_box .textImg_box .text_box_a001 h3 { font-size: 30px;font-weight: 300;color: #332C2B; }
.ser_a001De_box .textImg_box .text_box_a001 span { background: #332C2B;width: 80px;height: 2px;display: inline-block;margin: 25px 0; }
.ser_a001De_box .textImg_box .text_box_a001 p { font-size: 14px;font-weight: 300;color: #666;line-height: 24px; }
.ser_a001De_box .textImg_box  article { width: 40%; }
.ser_a001De_box .textImg_box  article img { width: 100%; }

.ser_a001De_box .ser_a001De_b001 { margin: 40px 0; }
.ser_a001De_box .ser_a001De_b001 ul li { width: 27%;font-size: 14px;font-weight: 300;color: #666;line-height: 24px;float: left;text-align: left;border: 1px solid #ccc;background: #F5F5F5;padding: 20px 2.5%;margin-right: 20px; }
.ser_a001De_box .ser_a001De_b001 ul li:last-child {  margin-right: 0;}
.ser_a001De_box .ser_a001De_b001 ul li h3 { font-size: 24px;font-weight: 300;color: #332C2B;margin-bottom: 20px; }
.ser_a001De_box .ser_a001De_b001 ul li P { font-size: 14px;font-weight: 300;color: #666;line-height: 24px;height: 90px; }

.ser_a001De_box .ser_a001De_c001 { text-align: left; }
.ser_a001De_box .ser_a001De_c001 dl dt { margin: 20px 0 10px; }
.ser_a001De_box .ser_a001De_c001 dl dt h3 { font-size: 16px;color: #332C2B;line-height: 36px; }
.ser_a001De_box .ser_a001De_c001 dl dd { line-height: 30px; }
.ser_a001De_box .ser_a001De_c001 dl dd h4 { font-size: 16px;color: #005B94; }
.ser_a001De_box .ser_a001De_c001 dl dt h5 { font-size: 14px;color: #666;font-weight: 300; }
.ser_a001De_box .ser_a001De_c001 dl dd p { font-size: 14px;color: #666;line-height: 24px; }

/*-- 可持续发展 --*/
.ser_a002_nav { text-align: left; }
.ser_a002_nav h3 { font-size: 24px;color: #332C2B;font-weight: 300;margin-bottom: 20px; }
.ser_a002_nav p { font-size: 14px;color: #666;font-weight: 300;margin-bottom: 10px; }

/*-- 技术服务 结束 --*/

/*-- 下载文件 开始 -- */
.download_main{ padding: 80px 0;}

.download_main .table { width: 100%;border: none;margin: 0;padding: 0;border-spacing: 0; }
.download_main .table thead tr { height: 60px;background: #FED900; }
.download_main .table thead tr th{ background: #FED900;font-size: 16px;font-weight: 300;color: #332C2B; }
.download_main .table .search_result_list tr { height: 40px; }
.download_main .table .search_result_list tr th{ font-size: 14px;color: #666;font-weight: 300;border-bottom: 1px dashed #ccc; }
.download_main .table .search_result_list tr th a{ font-size: 14px;color: #666;font-weight: 300;display: inline-block; }
.download_main .table .col1 { text-align: left;padding-left: 15px; }
.download_main .table .search_result_list tr th.col5 a { background: url(../images/download.png) no-repeat;padding-left: 25px; }

.download_main .table .search_result_list tr th:hover a{ color: #005B94; }
/*-- 下载文件 结束 -- */

/*-- spark add 开始 -- */
@-webkit-keyframes grayButton{0%{width:0;border-color:transparent;border-color-left:#e0e0e0}50%{border-color:#e0e0e0;border-color-right:transparent}99%{border-color:#e0e0e0;border-color-right:transparent}100%{width:100%;border-color:#e0e0e0}}@keyframes grayButton{0%{width:0;border-color:transparent;border-color-left:#e0e0e0}50%{border-color:#e0e0e0;border-color-right:transparent}99%{border-color:#e0e0e0;border-color-right:transparent}100%{width:100%;border-color:#e0e0e0}}@-webkit-keyframes grayButtonOff{0%{opacity:1;width:100%;border-color:#e0e0e0}1%{opacity:1;border-color:#e0e0e0;border-right-color:transparent}50%{opacity:1;border-color:#e0e0e0;border-right-color:transparent}100%{width:0;opacity:0;border-color:transparent;border-left-color:#e0e0e0}}@keyframes grayButtonOff{0%{opacity:1;width:100%;border-color:#e0e0e0}1%{opacity:1;border-color:#e0e0e0;border-right-color:transparent}50%{opacity:1;border-color:#e0e0e0;border-right-color:transparent}100%{width:0;opacity:0;border-color:transparent;border-left-color:#e0e0e0}}
.ProDe-btn { margin-top:25px; }
.ProDe-btn .tel-text {
    margin-bottom: 4px;
    font-size: 13px;
    color: #666;
}
.ProDe-btn .mp-tel {
    width: 150px;
    float: left;
}
.ProDe-btn .tel {
    font-size: 16px;
    line-height: 20px;
	font-weight: bold;
}
.ProDe-btn .ui-button {
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    float: left;
    margin-right: 10px;
    width: 180px;
}
.btn-gray:before {
    position: absolute;
    content: "";
    width: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    border: 1px solid transparent;
}
.btn-gray:hover:before{-webkit-animation:grayButton .3s both;animation:grayButton .3s both}
.btn-gray.off:before{-webkit-animation:grayButtonOff .3s forwards;animation:grayButtonOff .3s forwards}
.btn-gray i,.btn-gray span{position:relative}
.btn-gray{color:#575757;background-color:#f0f0f0;position:relative}

.ui-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	border: 0 none;
	border-radius: 2px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.ProDe-btn .btn-gray .iconfont {
    color: gray;
}
.ProDe-btn .btn-gray:hover .iconfont{color:#FED900}
.ui-button .iconfont {
    line-height: 1;
    vertical-align: middle;
    font-size: 20px;
}
.ft-primary {
    color: #FED900;
}
.pro-cate-list{overflow:hidden}
.ms-pcl_list {
    margin-left: -10px;
    margin-right: -10px;
}
.pure-g {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
    font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
}
.ms-pcl_item {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.pure-u-md-1-3 {
    width: 31.3333%;
	display: inline-block;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto;
}
.ms-pcl_wrap {
    position: relative;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}
.ms-pcl_img {
    overflow: hidden;
}
.ms-pcl_img img {
    width: 100%;
    display: block;
}
.ms-pcl_con {
    width: 100%;
    bottom: 0;
}
.ms-pcl_tit {
    height: 48px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 48px;
    background: rgba(255,255,255,.1);
    overflow: hidden;
    font-weight: 500;
	text-align:left;
}
.ms-pcl_more {
    float: right;
    height: 24px;
    width: 24px;
    margin-top: 12px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #adadad;
}
.ms-pcl_nav {
    position: absolute;
    left: 0;
    bottom: 0;
    /*background: rgba(207,14,30,.94);*/
	background: #FED900;
    width: 100%;
    height: 100%;
    color: #332C2B;
    padding: 30px 20px 0;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
    transition: .5s cubic-bezier(0.7, 0, 0.3, 1);
	box-sizing: border-box;
}
@media screen and (max-width: 768px){.ms-pcl_nav{display:none}}
.ms-pcl_wrap:hover .ms-pcl_nav{opacity:1;visibility:visible;transform:translate3d(0, 0, 0)}
.ms-pcl_name {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600;
	text-align:left;
}
.ms-pcl_name a:after {
    background: #fff;
}
.ms-pcl_li {
    margin-top: 16px;
    font-size: 16px;
	text-align:left;
}
.ms-pcl_a {
    display: block;
}
.ms-pcl_a .iconfont {
    float: right;
}
.ms-pcl_a:after {
    transition: transform .8s;
    background-color: #332C2B;
}
.ft-18 {
    font-size: 18px;
}
.ms-pcl_con-a {
    transition: background .2s; display: block;
}
.ms-pcl_con-a:hover{color:#332C2B; background:#FED900;}
.ms-pcl_con-a:hover .ms-pcl_more{background:#fff;border-color:#fff;color:#332C2B}
.ms-pcl_text {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    padding: 30px 20px 0;
}
.ms-pcl_t {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
	text-align:left;
}
.ms-pcl_p {
    line-height: 20px;
	text-align:left;
    color: gray;
}

/*//////////////////*/
.ms-sol_list{display:block}
.ms-sol_item{float:left;}
.main_service_box .item1{width:49.5%;padding-left:0;}
.main_service_box .item2,.main_service_box .item3,.main_service_box .item4,.main_service_box .item5{width:48.7%;}
.main_service_box .item3,.main_service_box .item5{float:right;}
.main_service_box .item2,.main_service_box .item3{margin-bottom:2%;}
.ms-sol_box{float:left;width:49.5%;margin-left:1%;}
.ms-sol_wrap{position:relative;}
.ms-sol_img img{display:block;position:relative;width:100%;}
.ms-sol_con{position:absolute;left:0;width:100%;bottom:-1px;background-image:linear-gradient(to bottom, rgba(207, 14, 30, 0.96), rgba(207, 14, 30, 0.96));background-size:100% 0;transform:translate3d(0, 0, 0);transition:.4s;background-repeat:no-repeat;background-position:center bottom;}
.ms-sol_tit {
    color: #fff;
    padding-left: 20px;
    padding-bottom: 16px;
    padding-top: 20px;
    font-size: 18px;
    font-weight: 600;
    text-shadow: 0 2px 4px rgba(0,0,0,.1);
	text-align: left;
}
.ms-sol_con {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -1px;
    background-image: linear-gradient(to bottom, rgba(254,217,0, 0.96), rgba(254,217,0, 0.96));
    background-size: 100% 0;
    transform: translate3d(0, 0, 0);
    transition: .4s;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.ms-sol_img img{display:block;position:relative;width:100%}
.ms-sol_intro {
    max-height: 0;
    overflow: hidden;
    transition: .3s .2s;
    color: #332C2B;
    opacity: 0;
    padding-right: 20px;
    padding-left: 20px;
	text-align: left;
}

@media screen and (min-width: 568px){
	.ms-sol_wrap:hover .ms-sol_con{background-size:100% 100%}
	.ms-sol_wrap:hover .ms-sol_tit{color: #332C2B;}
	.ms-sol_wrap:hover .ms-sol_tit:after{content:"\edec";font-family:"iconfont";position:absolute;right:30px}
	.ms-sol_wrap:hover .ms-sol_intro{max-height:80px;padding:0 20px 20px;opacity:1;margin-top:-14px}
}
@supports(display: flex){
.ms-sol_list{display:flex}
.ms-sol_item{float:none}
.ms-sol_box{display:flex;flex-wrap:wrap;float:none;position:relative}
.main_service_box .item2,.main_service_box .item3,.main_service_box .item4,.main_service_box .item5{position:absolute;transition:.3s cubic-bezier(0.7, 0, 0.3, 1)}
.main_service_box .item2:hover,.main_service_box .item3:hover,.main_service_box .item4:hover,.main_service_box .item5:hover{width:100%}
.main_service_box .item4{bottom:0}
.main_service_box .item5{bottom:0;right:0}
.main_service_box .item3{right:0;top:0}
.main_service_box .active{z-index:2}
}
@media screen and (max-width: 568px){
.ms-sol_item{background-color:#2e2e2e}
.ms-sol_item{float:none}
.main_service_box .item1{width:100%;margin-bottom:10px}
.main_service_box .item2,.main_service_box .item3,.main_service_box .item4,.main_service_box .item5{position:static;width:50%}
.main_service_box .item2:hover,.main_service_box .item3:hover,.main_service_box .item4:hover,.main_service_box .item5:hover{width:50%}
.main_service_box .item2,.main_service_box .item4{padding-right:5px}
.main_service_box .item3,.main_service_box .item5{padding-left:5px}
.ms-sol_box{width:100%;margin:0}
.ms-sol_tit{font-size:14px;padding:5px}
}
/*////////////////*/

/*-- spark add 结束 -- */