@charset "UTF-8";
/*关于我们*/
.aboutusbg { width: 100%; margin-top: 80px; background: #f7f7f7; margin-bottom: 60px; padding: 70px 0 50px; }
.aboutusbg .aboutus .aboutustitle { text-align: center; position: relative; }
.aboutusbg .aboutus .aboutustitle h2 { width: 100%; color: #333; opacity: 0.07; font-size: 48px; position: absolute; top: -25px; filter: alpha(opacity=7); }
.aboutusbg .aboutus .aboutustitle h3 { color: #333; font-size: 30px; font-weight: bold; margin-bottom: 8px; }
.aboutusbg .aboutus .aboutustitle h4 { height: 20px; color: #ff0000; font-size: 18px; line-height: 20px; position: relative; }
.aboutusbg .aboutus .aboutustitle h4:before { width: 34%; height: 1px; content: ''; display: block; background: #eaeaea; position: absolute; left: 0; top: 10px; }
.aboutusbg .aboutus .aboutustitle h4:after { width: 34%; height: 1px; content: ''; display: block; background: #eaeaea; position: absolute; top: 10px; right: 0; }
.aboutusbg .aboutus .aboutlist { margin-top: 40px; }
.aboutusbg .aboutus .aboutlist .aboutlistbox { padding: 0; }
.aboutusbg .aboutus .aboutlist .aboutlistbox .aboutlistONE img { width: 100%; border: 1px solid #eee; }
.aboutusbg .aboutus .aboutlist .aboutlistbox .aboutlistTWO { padding: 15px; }
.aboutusbg .aboutus .aboutlist .aboutlistbox .aboutlistTWO p { color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 14px; line-height: 28px; -webkit-line-clamp: 8; }

.aboutusbg .aboutus .aboutculture { margin-top: 30px; }
.aboutusbg .aboutus .aboutculture .owl-carousel .article .aboutculturecon { background: #fff; text-align: center; padding: 30px 15px 60px; border: 1px solid #f7f7f7; }
.aboutusbg .aboutus .aboutculture .owl-carousel .article .aboutculturecon .aboutcultureconnum { width: 90px; height: 104px; margin: 0 auto; padding-top: 27px; background: url(../images/company05.png) no-repeat; }
.aboutusbg .aboutus .aboutculture .owl-carousel .article .aboutculturecon .aboutcultureconnum p { color: #fff; height: 50px; font-size: 50px; line-height: 50px; }
.aboutusbg .aboutus .aboutculture .owl-carousel .article .aboutculturecon h4 { color: #d62429; font-size: 24px; margin-top: 15px; margin-bottom: 15px; }
.aboutusbg .aboutus .aboutculture .owl-carousel .article .aboutculturecon h5 { color: #666; height: 56px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 14px; line-height: 28px; -webkit-line-clamp: 2; }
.aboutusbg .aboutus .aboutculture .owl-carousel .owl-controls { width:100%; text-align:center; margin:20px 0 10px;}
.aboutusbg .aboutus .aboutculture .owl-carousel .owl-controls .owl-dot { display:inline-block;}
.aboutusbg .aboutus .aboutculture .owl-carousel .owl-controls .owl-dot span { display: block; width: 10px; height: 10px; margin: 5px 7px; background: #ccc; border-radius: 30px; }
.aboutusbg .aboutus .aboutculture .owl-carousel .owl-controls .active span{ background: #ff0000; }


.aboutusbg .aboutus .aboutcooperation { margin-top: 40px; }
.aboutusbg .aboutus .aboutcooperation ul li { width: 19%; float: left; margin-left: 1%; margin-bottom: 8px; }
.aboutusbg .aboutus .aboutcooperation ul li img { width: 100%; }
.aboutusbg .aboutus .aboutcooperation .aboutcooperationbtn { width: 120px; height: 30px; margin: 0 auto; color: #e10300; font-size: 12px; margin-top: 15px; line-height: 30px; text-align: center; border-radius: 30px; border: 1px solid #ff0606; }

@media (max-width: 1199px) and (min-width: 992px) { .aboutusbg .aboutus .aboutustitle h4:before { width: 32%; }
  .aboutusbg .aboutus .aboutustitle h4:after { width: 32%; }
  .aboutusbg .aboutus .aboutlist .aboutlistbox .aboutlistTWO p { -webkit-line-clamp: 6; } }
@media (max-width: 991px) and (min-width: 768px) { .aboutusbg { margin-top: 60px; }
  .aboutusbg .aboutus .aboutustitle h2 { font-size: 40px; }
  .aboutusbg .aboutus .aboutustitle h3 { font-size: 26px; }
  .aboutusbg .aboutus .aboutustitle h4 { font-size: 16px; }
  .aboutusbg .aboutus .aboutustitle h4:before { width: 28%; }
  .aboutusbg .aboutus .aboutustitle h4:after { width: 28%; }
  .aboutusbg .aboutus .aboutlist .aboutlistbox .aboutlistTWO p { font-size: 13px; line-height: 23px; -webkit-line-clamp: 6; }
  .aboutusbg .aboutus .aboutcooperation ul li { width: 24%; } }
@media screen and (max-width: 767px) { .aboutusbg { margin-top: 40px; }
  .aboutusbg .aboutus .aboutustitle h2 { top: -18px; font-size: 30px; }
  .aboutusbg .aboutus .aboutustitle h3 { font-size: 20px; margin-bottom: 4px; }
  .aboutusbg .aboutus .aboutustitle h4 { font-size: 12px; }
  .aboutusbg .aboutus .aboutustitle h4:before { display: none; }
  .aboutusbg .aboutus .aboutustitle h4:after { display: none; }
  .aboutusbg .aboutus .aboutlist { margin-top: 10px; }
  .aboutusbg .aboutus .aboutlist .aboutlistbox { padding: 10px 0; }
  .aboutusbg .aboutus .aboutlist .aboutlistbox .aboutlistTWO { padding: 0; }
  .aboutusbg .aboutus .aboutlist .aboutlistbox .aboutlistTWO p { display: block; }
  .aboutusbg .aboutus .aboutculture .owl-carousel .article .aboutculturecon { padding: 20px 15px 40px; }
  .aboutusbg .aboutus .aboutculture .owl-carousel .article .aboutculturecon h4 { font-size: 18px; }
  .aboutusbg .aboutus .aboutculture .owl-carousel .article .aboutculturecon h5 { height: 66px; line-height: 22px; -webkit-line-clamp:3; }
  .aboutusbg .aboutus .aboutcooperation { margin-top: 20px; }
  .aboutusbg .aboutus .aboutcooperation ul li { width: 32%; }
  .aboutusbg .aboutus .aboutcooperation ul .aboutcooperationimg li { display: none; } }
/*新闻*/
.news { margin-top: 40px; }
.news ul {display: flex; flex-wrap: wrap; margin-bottom: 15px; }
.news ul li { width: 31%; float: left; margin-left: 2%; margin-bottom: 40px; border: 2px solid #eee;transition: all 0.5s ease-out; }
.news ul li .newsimg img { width: 100%; }
.news ul li .newscon { color: #666; padding: 15px; font-size: 12px; }
.news ul li .newscon h4 { color: #333; font-size: 18px; overflow: hidden; margin-bottom: 15px; white-space: nowrap; text-overflow: ellipsis; }
.news ul li .newscon p { height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 20px; margin-bottom: 20px; -webkit-line-clamp: 2; }
.news ul li .newscon span { display: block; }
.news ul li:hover {border: 2px solid #e60012; transform:translate(0px,-8px);	-ms-transform:translate(0px,-8px); /* IE 9 */-webkit-transform:translate(0px,-8px); /* Safari and Chrome */ }
.news ul li:hover .newscon h4 { color: #e60012; }

@media (max-width: 991px) and (min-width: 768px) { .news ul li .newscon h4 { margin-bottom: 10px; }
  .news ul li .newscon p { margin-bottom: 15px; } }
@media screen and (max-width: 767px) { .news ul li { width: 100%; float: none; border: none; clear: both; overflow: hidden; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dashed #eee; margin-left:0px;}
  .news ul li .newsimg { width: 40%; float: left; }
  .news ul li .newscon { width: 58%; padding: 0; float: right; }
  .news ul li .newscon h4 { font-size: 14px; margin-bottom: 4px; }
  .news ul li .newscon p { margin-bottom: 4px; } }
/*新闻详情*/
.newsdetails { margin-top: 30px; }
.newsdetails .newsdetailsL .newsdetailsL_con { border: 1px solid #eee; padding: 30px 15px 60px; }
.newsdetails .newsdetailsL .newsdetailsL_con .newsdetailsL_title { text-align: center; margin-bottom: 35px; }
.newsdetails .newsdetailsL .newsdetailsL_con .newsdetailsL_title h1 { color: #333; font-size: 24px; margin-bottom: 15px; }
.newsdetails .newsdetailsL .newsdetailsL_con .newsdetailsL_title p { color: #666; font-size: 12px; }
.newsdetails .newsdetailsL .newsdetailsL_con .free_editing { color: #666; font-size: 12px; line-height: 24px; }
.newsdetails .newsdetailsL .newsdetailsL_con .free_editing img { max-width: 100%; height: auto; }
.newsdetails .newsdetailsR .newsdetailsR_con { padding: 20px 15px; border: 1px solid #eee; }
.newsdetails .newsdetailsR .newsdetailsR_con h4 { color: #333; font-size: 24px; margin-bottom: 30px; border-bottom: 1px solid #eee; }
.newsdetails .newsdetailsR .newsdetailsR_con h4:after { height: 2px; content: ''; width: 100px; display: block; margin-top: 8px; background: #e60012; }
.newsdetails .newsdetailsR .newsdetailsR_con ul li { padding-top: 15px; margin-bottom: 15px; border-top: 1px solid #eee; }
.newsdetails .newsdetailsR .newsdetailsR_con ul li:first-child { padding-top: 0; border-top: none; }
.newsdetails .newsdetailsR .newsdetailsR_con ul li .newsdetailsimg { width: 40%; float: left; }
.newsdetails .newsdetailsR .newsdetailsR_con ul li .newsdetailsimg img { width: 100%; }
.newsdetails .newsdetailsR .newsdetailsR_con ul li .newsdetailscon { width: 58%; float: right; }
.newsdetails .newsdetailsR .newsdetailsR_con ul li .newsdetailscon p { color: #333; height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 12px; line-height: 18px; margin-bottom: 5px; -webkit-line-clamp: 2; }
.newsdetails .newsdetailsR .newsdetailsR_con ul li .newsdetailscon span { color: #666; display: block; font-size: 12px; }

.newsdetails_more .share { margin-top: 30px; margin-bottom: 20px; }
.newsdetails_more .share span { float: left; color: #666; height: 24px; display: block; font-size: 12px; margin-right: 8px; line-height: 24px; }
.newsdetails_more .share span a { margin-right: 5px; display: inline-block; }
.newsdetails_more .share span a img { width: 22px; height: 22px; }
.newsdetails_more h4 a { height: 26px; color: #cc0000; display: block; font-size: 20px; line-height: 26px; margin-bottom: 20px; }
.newsdetails_more h4 a img { float: left; width: 20px; height: 20px; margin-top: 3px; margin-right: 6px; }
.newsdetails_more p a { color: #666; display: block; font-size: 14px; line-height: 26px; }
.newsdetails_more p a:hover { color: #cc0000; }

@media screen and (max-width: 767px) { .newsdetails .newsdetailsL .newsdetailsL_con .newsdetailsL_title h4 { font-size: 16px; }
  .newsdetails_more h4 a { font-size: 18px; } }
/*联系我们*/
.contactusbox { width: 100%; }
.contactusbox .contactusbg { width: 100%; background: #f6f6f6; }
.contactusbox .contactusbg .contactus { margin-top: 50px; margin-bottom: 10px; }
.contactusbox .contactusbg .contactus h3 { color: #333; font-size: 20px; text-align: center; margin-bottom: 10px; }
.contactusbox .contactusbg .contactus h4 a { color: #eb040a; display: block; font-size: 38px; text-align: center; margin-bottom: 10px; }
.contactusbox .contactusbg .contactus h5 { color: #666; font-size: 14px; text-align: center; letter-spacing: 5px; }
.contactusbox .contactusbg .contactus h6 { color: #333; font-size: 20px; text-align: center; margin-bottom: 30px; }
.contactusbox .contactusbg .contactus ul { margin-top: 20px; }
.contactusbox .contactusbg .contactus ul li { width: 33%; float: left; text-align: center; margin-bottom: 30px; }
.contactusbox .contactusbg .contactus ul li img { width: 50px; margin-bottom: 10px; }
.contactusbox .contactusbg .contactus ul li p { color: #666; font-size: 14px; line-height: 20px; }
.contactusbox .contactusbg .contactus ol li { width: 50%; float: left; padding-left: 100px; margin-bottom: 30px; }
.contactusbox .contactusbg .contactus ol li p { color: #666; font-size: 16px; margin-bottom: 10px; }
.contactusbox .contactusbg .contactus ol li span { color: #666; display: block; font-size: 12px; }
.contactusbox .contactusbg .contactus .zbdz #dituContent { height: 400px; }
.contactusbox .contactusbg .contactus .zbdz #dituContent2 { height: 400px; }

@media (max-width: 1199px) and (min-width: 768px) { .contactusbox .contactusbg .contactus ul li { width: 50%; } }
@media screen and (max-width: 767px) { .contactusbox .contactusbg .contactus { margin-top: 35px; }
  .contactusbox .contactusbg .contactus h3 { font-size: 16px; }
  .contactusbox .contactusbg .contactus h4 a { font-size: 22px; }
  .contactusbox .contactusbg .contactus ul li { margin-bottom: 10px; }
  .contactusbox .contactusbg .contactus ol li { width: 100%; float: none; padding-left: 20px; }
  .contactusbox .contactusbg .contactus .zbdz #dituContent { margin-bottom: 20px; height: 200px; } 
  .contactusbox .contactusbg .contactus .zbdz #dituContent2 { height: 200px; }
}
/*在线留言*/
.message { margin-top: 40px; }
.message .message_l p { margin-bottom: 25px; }
.message .message_l p input { color: #666; width: 100%; height: 42px; font-size: 12px; line-height: 42px; border-radius: 5px; padding-left: 10px; background: #fafafa; border: 1px solid #ededed; }
.message .message_r p { margin-bottom: 25px; }
.message .message_r p textarea { color: #666; width: 100%; height: 175px; font-size: 12px; padding-top: 5px; border-radius: 5px; padding-left: 10px; background: #fafafa; border: 1px solid #ededed; }
.message .message_r p input { color: #666; width: 50%; height: 42px; font-size: 12px; line-height: 42px; margin-right: 20px; border-radius: 5px; padding-left: 10px; background: #fafafa; border: 1px solid #ededed; }
.message .message_r p a { display: inline-block; }
.message .message_r p a img { height: 42px; width: auto; }
.message button { width: 50%; color: #fff; height: 50px; display: block; margin: 0 auto; font-size: 22px; margin-top: 10px; border-radius: 5px; text-align: center; background: #cc0000; }

@media screen and (max-width: 767px) { .message button { width: 80%; height: 40px; font-size: 18px; } }
/*服务原则*/
.principlebox { width: 100%; }
.principlebox .principlebg { width: 100%; background: #fafafa; }
.principlebox .principlebg .principle { margin-top: 60px; }
.principlebox .principlebg .principle .principle_title { text-align: center; position: relative; margin-bottom: 40px; }
.principlebox .principlebg .principle .principle_title h2 { color: #333; opacity: 0.07; font-size: 48px; filter: alpha(opacity=0.7); }
.principlebox .principlebg .principle .principle_title h3 { width: 100%; color: #333; font-size: 32px; position: absolute; top: 25px; }
.principlebox .principlebg .principle .service .serviceimg img { width: 100%; }
.principlebox .principlebg .principle .service .servicecon ul { padding-top: 10px; }
.principlebox .principlebg .principle .service .servicecon ul li { margin-bottom: 10px; }
.principlebox .principlebg .principle .service .servicecon ul li p u { float: left; width: 20px; color: #fff; height: 20px; display: block; font-size: 12px; margin-right: 5px; line-height: 20px; text-align: center; background: #d62429; border-radius: 30px; }
.principlebox .principlebg .principle .service .servicecon ul li p span { float: left; color: #666; display: block; font-size: 14px; line-height: 22px; width: calc(100% - 25px); }
.principlebox .principlebg .principle .commitment { padding: 30px; background: #fff; box-shadow: 0 0 10px #ccc; }
.principlebox .principlebg .principle .commitment ul li { margin-bottom: 10px; }
.principlebox .principlebg .principle .commitment ul li p b { float: left; width: 20px; color: #fff; height: 20px; display: block; font-size: 12px; margin-right: 5px; line-height: 20px; text-align: center; background: #d62429; border-radius: 30px; }
.principlebox .principlebg .principle .commitment ul li p span { float: left; color: #666; display: block; font-size: 14px; line-height: 22px; width: calc(100% - 25px); }
.principlebox .principlebg .principle .commitment ul li p span u { color: #d62429; }

@media (max-width: 1199px) and (min-width: 768px) { .principlebox .principlebg .principle .service .servicecon ul li p span { height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } }
@media screen and (max-width: 767px) { .principlebox .principlebg .principle { margin-top: 40px; }
  .principlebox .principlebg .principle .principle_title { margin-bottom: 30px; }
  .principlebox .principlebg .principle .principle_title h2 { font-size: 30px; }
  .principlebox .principlebg .principle .principle_title h3 { top: 15px; font-size: 20px; }
  .principlebox .principlebg .principle .service .serviceimg { margin-bottom: 10px; } }
/*行业方案*/
.programmebox { width: 100%; }
.programmebox .programmebg { width: 100%; padding-top: 50px; margin-bottom: 60px; background: #f8f8f8; padding-bottom: 50px; }
.programmebox .programmebg .programme .programmeimg a { display: block; }
.programmebox .programmebg .programme .programmeimg a img { width: 100%; border: 1px solid #eee; }
.programmebox .programmebg .programme .programmecon h4 { color: #333; height: 34px; font-size: 32px; overflow: hidden; white-space: nowrap; margin-bottom: 20px; text-overflow: ellipsis; }
.programmebox .programmebg .programme .programmecon p { color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 14px; line-height: 28px; margin-bottom: 30px; -webkit-line-clamp: 5; }
.programmebox .programmebg .programme .programmecon a { color: #d62429; font-size: 14px; padding: 10px 50px; display: inline-block; border: 1px solid #d62429; }

@media (max-width: 991px) and (min-width: 768px) { .programmebox .programmebg .programme .programmecon h4 { height: 28px; font-size: 26px; }
  .programmebox .programmebg .programme .programmecon p { line-height: 24px; -webkit-line-clamp: 3; } }
@media screen and (max-width: 767px) { .programmebox .programmebg { padding-top: 30px; margin-bottom: 50px; padding-bottom: 30px; }
  .programmebox .programmebg .programme .programmeimg2 { margin-bottom: 30px; }
  .programmebox .programmebg .programme .programmecon h4 { height: 22px; font-size: 20px; margin-bottom: 15px; line-height:22px; }
  .programmebox .programmebg .programme .programmecon p { font-size: 12px; line-height: 20px; margin-bottom: 20px; }
  .programmebox .programmebg .programme .programmecon2 { margin-bottom: 30px; } }
/*行业方案详情*/
.programmedetailsbox { width: 100%; }
.programmedetailsbox .programmedetails { margin-top: 40px; margin-bottom: 40px; }
.programmedetailsbox .programmedetails .programmedetails_img img { max-width: 100%; border: 1px solid #f1f1f1; }
.programmedetailsbox .programmedetails .programmedetails_con h1 { color: #333; font-size: 30px; margin-bottom: 15px; }
.programmedetailsbox .programmedetails .programmedetails_con h4 { color: #d62429; font-size: 18px; overflow: hidden; white-space: nowrap; margin-bottom: 20px; text-overflow: ellipsis; }
.programmedetailsbox .programmedetails .programmedetails_con .programmedetails_text { padding: 30px 15px; background: #f8f8f8; margin-bottom: 28px; }
.programmedetailsbox .programmedetails .programmedetails_con .programmedetails_text p { color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 12px; line-height: 28px; -webkit-line-clamp: 5; }
.programmedetailsbox .programmedetails .programmedetails_con .consultation a { color: #fff; font-size: 18px; padding: 2% 6%; background: #0066cc; display: inline-block; }
.programmedetailsbox .programmedetails .programmedetails_con .consultation a img { margin-right: 5px; }
.programmedetailsbox .programmedetails .programmedetails_con .consultation .consulta { margin-right: 15px; background: #d62429; }
.programmedetailsbox .technology .technology_con { padding: 50px; border: 1px solid #f1f1f1; }
.programmedetailsbox .technology .technology_con .technology_title h4 { color: #d62429; font-size: 28px; margin-bottom: 20px; border-bottom: 1px solid #f1f1f1; }
.programmedetailsbox .technology .technology_con .technology_title h4:after { width: 60px; height: 2px; content: ''; display: block; margin-top: 12px; background: #d62429; }
.programmedetailsbox .technology .technology_con .free_editing { color: #666; font-size: 12px; line-height: 24px; }
.programmedetailsbox .technology .technology_con .free_editing img { max-width: 100%; height: auto; }
.programmedetailsbox .technology .technology_con .technology_video { width: 80%; margin: 0 auto; margin-top: 40px; }
.programmedetailsbox .application { width: 100%; padding: 50px 0; margin-top: 40px; background: #fafafa; }
.programmedetailsbox .application .application_con h4 { color: #333; font-size: 32px; margin-bottom: 25px; padding-left: 2%;}
.programmedetailsbox .application .application_con ul li { width: 23%; float: left; margin-left: 2%; }
/*.programmedetailsbox .application .application_con ul li:first-child { margin-left: 0; }*/
.programmedetailsbox .application .application_con ul li .application_conimg { margin-bottom: 15px; position: relative; }
.programmedetailsbox .application .application_con ul li .application_conimg .application_img img { width: 100%; border: 1px solid #eee; }
.programmedetailsbox .application .application_con ul li .application_conimg .application_po { opacity: 0; width: 100%; height: 100%; filter: alpha(opacity=0); transition: 1s ease; text-align: center; position: absolute; top: 0; left: 0; z-index: 1; }
.programmedetailsbox .application .application_con ul li .application_conimg .application_po .application_pobg { width: 100%; height: 100%; background: #b40000; border: 1px solid #e60012; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; z-index: 2; }
.programmedetailsbox .application .application_con ul li .application_conimg .application_po .application_potext { width: 100%; position: absolute; z-index: 3; top: 50%; margin-top: -15px; opacity: 0; filter: alpha(opacity=0); }
.programmedetailsbox .application .application_con ul li .application_conimg .application_po .application_potext span { color: #fff; font-size: 12px; padding: 6px 24px; display: inline-block; border: 1px solid #fff; }
.programmedetailsbox .application .application_con ul li .application_context p { color: #333; font-size: 20px; text-align: center; }
.programmedetailsbox .application .application_con ul li:hover .application_conimg .application_po { opacity: 1; filter: alpha(opacity=100); }
.programmedetailsbox .application .application_con ul li:hover .application_conimg .application_po .application_pobg { opacity: 0.75; filter: alpha(opacity=75); }
.programmedetailsbox .application .application_con ul li:hover .application_conimg .application_po .application_potext { opacity: 1; filter: alpha(opacity=100); }

@media (max-width: 991px) and (min-width: 768px) { .programmedetailsbox .programmedetails .programmedetails_con h1 { font-size: 24px; margin-bottom: 10px; }
  .programmedetailsbox .programmedetails .programmedetails_con h4 { font-size: 16px; margin-bottom: 10px; }
  .programmedetailsbox .programmedetails .programmedetails_con .programmedetails_text { padding: 10px 15px; margin-bottom: 10px; }
  .programmedetailsbox .programmedetails .programmedetails_con .consultation a { padding: 8px 30px; }
  .programmedetailsbox .programmedetails .programmedetails_con .consultation .consulta { margin-right: 10px; } }
@media screen and (max-width: 767px) { .programmedetailsbox .programmedetails { margin-top: 30px; }
  .programmedetailsbox .programmedetails .programmedetails_con { margin-top: 20px; }
  .programmedetailsbox .programmedetails .programmedetails_con h1 { font-size: 20px; margin-bottom: 10px; }
  .programmedetailsbox .programmedetails .programmedetails_con h4 { font-size: 14px; margin-bottom: 10px; }
  .programmedetailsbox .programmedetails .programmedetails_con .programmedetails_text { padding: 15px; margin-bottom: 20px; }
  .programmedetailsbox .programmedetails .programmedetails_con .programmedetails_text p { -webkit-line-clamp: inherit; }
  .programmedetailsbox .programmedetails .programmedetails_con .consultation .consulta { margin-bottom: 10px; }
  .programmedetailsbox .programmedetails .programmedetails_con .consultation a { font-size: 14px; }
  .programmedetailsbox .technology .technology_con { padding: 20px; }
  .programmedetailsbox .technology .technology_con .technology_title h4 { font-size: 20px; }
  .programmedetailsbox .technology .technology_con .technology_video { width: 100%; }
  .programmedetailsbox .application { padding: 30px 0; margin-top: 30px; }
  .programmedetailsbox .application .application_con h4 { font-size: 20px; margin-bottom: 15px; }
  .programmedetailsbox .application .application_con ul li { width: 48%; margin-left: 2%; margin-bottom: 20px; }
  .programmedetailsbox .application .application_con ul li .application_conimg { margin-bottom: 10px; }
  .programmedetailsbox .application .application_con ul li .application_context p { font-size: 16px; } }
/*网站地图*/
.map { margin-top: 30px; }
.map h2 { color: #333; font-size: 26px; line-height: 30px; margin-bottom: 30px; }
.map .sitemap_con { margin-bottom: 30px; }
.map .sitemap_con h3 a { height: 40px; color: #484848; display: block; font-size: 20px; line-height: 30px; border-bottom: #e4e4e4 solid 1px; }
.map .sitemap_con h3 a span { width: 3px; float: left; height: 18px; margin-top: 6px; margin-right: 8px; background: #d62429; }
.map .sitemap_con ul { margin-top: 20px; }
.map .sitemap_con ul li { padding-left: 15px; margin-bottom: 10px; }
.map .sitemap_con ul li .sitemap_con_title { width: 15%; float: left; }
.map .sitemap_con ul li .sitemap_con_title a { color: #d62429; display: block; font-size: 16px; }
.map .sitemap_con ul li .sitemap_con_text { width: 80%; float: right; }
.map .sitemap_con ul li .sitemap_con_text a { color: #666; font-size: 14px; margin-right: 15px; display: inline-block; }

@media screen and (max-width: 767px) { .map { margin-top: 10px; }
  .map h2 { font-size: 20px; margin-bottom: 15px; }
  .map .sitemap_con h3 a { font-size: 18px; }
  .map .sitemap_con ul li .sitemap_con_title { width: 30%; }
  .map .sitemap_con ul li .sitemap_con_title a { font-size: 14px; }
  .map .sitemap_con ul li .sitemap_con_text { width: 68%; }
  .map .sitemap_con ul li .sitemap_con_text a { font-size: 12px; margin-bottom: 4px; } }

/*# sourceMappingURL=style.css.map */


/*应用视频*/
.video-list { margin-top:20px; margin-bottom:50px;}
.video-list ol { margin:25px 0; text-align:center;}
.video-list ol li { margin:0 8px 15px; display:inline-block; position:relative; border:1px solid #e5e5e5; padding:0 20px; height:33px; line-height:33px;}
.video-list ol li a { font-size:14px; color:#666;}
.video-list ol li a i {width: 10px;height: 10px;display: none;position: absolute;left: 50%;margin-left: -5px;background: #d4181d;transform: rotate(45deg);bottom: -5px;}
.video-list ol li:hover { background:#d4181d; border:1px solid #d4181d;}
.video-list ol li:hover a { color:#fff;}
.video-list ol li:hover a i { display:block;}
.video-list ol li.cur { background:#d4181d; border:1px solid #d4181d;}
.video-list ol li.cur a { color:#fff;}
.video-list ol li.cur a i { display:block;}
.video-list ul { width:100%; margin-bottom:30px;}
.video-list ul li { margin-bottom:20px;transition: all 0.5s ease-out;}
.video-list ul li .video-li { width:100%;}
.video-list ul li:hover{ transform:translate(0px,-8px);	-ms-transform:translate(0px,-8px); /* IE 9 */-webkit-transform:translate(0px,-8px); /* Safari and Chrome */}
.video-list ul li .video-li .video-img { width:100%; position:relative; border:1px solid #eee;}
.video-list ul li .video-li .video-img img { max-width:100%; width:100%; height:auto;}
.video-list ul li .video-li .video-img .video-hv { position:absolute; top:0px; left:0px; width:100%; height:100%;transition: all 0.5s ease-out;}
.video-list ul li .video-li .video-img .video-hv img { height:50px; width:50px; left:50%; top:50%; margin-left:-25px; margin-top:-25px; position:absolute;}
.video-list ul li:hover .video-li .video-img .video-hv{background: rgba(214, 36, 41, 0.85)!important;filter: Alpha(opacity=85);background: #d62429;}
.video-list ul li .video-li .video-text { padding:10px 15px;}
.video-list ul li .video-li .video-text h2{ font-size:18px; color:#666; font-weight:normal; line-height:23px; height:46px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin-bottom:5px; text-align: center; }
.video-list ul li .video-li .video-text p { font-size:12px; color:#666;}
.app-pro { width: 100%; background: #f6f6f6; padding-top: 20px; }
.app-pro .video-list>h2{ color: #333; font-size: 32px; margin-bottom: 30px; padding-left: 15px; }
@media screen and (max-width: 767px){
  .app-pro .video-list>h2 { font-size: 18px; margin-bottom: 15px; }
}

/*视频详情*/
.video-list .videoxq h1 { color: #333; font-size: 32px; margin-top:15px; margin-bottom: 10px; }
.video-list .videoxq>p { color: #666; font-size: 12px; margin-bottom: 15px; }
.video-list .videoxq .free_editing { color: #666; font-size: 12px; line-height: 24px; }
.video-list .videoxq .videoxqcon { margin-bottom: 15px; position: relative; }
.video-list .videoxq .videoxqcon .videoxqconr { background: #333; position: absolute; top:0; right: 15px; z-index: 100; height: 100%; overflow: hidden; padding-top:25px; padding-bottom: 25px; }
.video-list .videoxq .videoxqcon .videoxqconr .arrow-left { width: 26px; height: 26px; display: block; background: url(../images/spxq02.png) no-repeat; position: absolute; left:50%; }
.video-list .videoxq .videoxqcon .videoxqconr .arrow-right { width: 26px; height: 26px; display: block; background: url(../images/spxq03.png) no-repeat; position: absolute; bottom: 25px; left: 50%; }
.video-list .videoxq .videoxqcon .videoxqconr .swiper-container { margin:50px 0; height:70% !important; }
.video-list .videoxq .videoxqcon .videoxqconr .swiper-slide .videoxqconrtext { margin-bottom: 20px; }
.video-list .videoxq .videoxqcon .videoxqconr .swiper-slide .videoxqconrtext .videoxqconrimg { width: 40%; float: left; padding:3px; background: #b8b8b8; }
.video-list .videoxq .videoxqcon .videoxqconr .swiper-slide .videoxqconrtext .videoxqconrimg img { width: 100%; }
.video-list .videoxq .videoxqcon .videoxqconr .swiper-slide .videoxqconrtext .videoxqconrcon { width: 58%; float: right; }
.video-list .videoxq .videoxqcon .videoxqconr .swiper-slide .videoxqconrtext .videoxqconrcon h4 { color: #ccc; font-size: 14px; line-height: 20px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.video-list .videoxq .videoxqcon .videoxqconr .swiper-slide .videoxqconrtext .videoxqconrcon p { color: #ccc; font-size: 12px; }
@media screen and (max-width: 767px){
  .video-list .videoxq h1 { font-size: 18px; }
}


/*产品中心*/
.video-list ul li .video-li .video-img .prod-hv { position:absolute; top:0px; left:0px; width:100%; height:100%;transition: all 0.5s ease-out;opacity:0;}
.video-list ul li .video-li .video-img .prod-hv i { display:block; border:1px solid #fff; color:#fff; height:30px; width:90px; text-align:center;position:absolute; top:45%; left:50%; margin-top:-15px; margin-left:-45px; line-height:30px;}
.video-list ul li:hover .video-li .video-img .prod-hv{background: rgba(214, 36, 41, 0.85)!important;filter: Alpha(opacity=85);background: #d62429;opacity:1;}

.pr-top { width:100%; margin:35px 0 55px;}
.gallery-top { padding-bottom: 10px; }
.pr-top .gallery-top .swiper-wrapper .swiper-slide img { width: 100%; }
.pr-top .gallery-top .swiper-wrapper .swiper-slide p { color: #383838; font-size: 16px; margin-top: 10px; text-align: center; margin-bottom: 20px; }
.pr-top .gallery-top .swiper-pagination { bottom: 0; }
.pr-top .gallery-top .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; background: #d5d5d5; }
.pr-top .gallery-top .swiper-pagination .swiper-pagination-bullet-active { background: #ef0000; }
.pr-top .gallery-thumbs { width: 90%;margin: 0 auto; }
.pr-top .gallery-thumbs .swiper-wrapper .swiper-slide { height: 100%; opacity: 0.4; cursor: pointer; }
.pr-top .gallery-thumbs .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; }
.pr-top .gallery-thumbs .swiper-wrapper .swiper-slide { height: 100%; cursor: pointer; border: 1px solid #e8e8e8; }
.pr-top .gallery-thumbs .swiper-wrapper .swiper-slide-active { opacity: 1; border: 2px solid #ef0000; }
.pr-top .gallery-button { position: absolute; width: 95%; z-index: 0; bottom:0; height: 50px;}
.pr-top .gallery-button .swiper-button-prev { left: 0; width: 20px; height: 50px; margin-top: -25px; background-image: url(../images/product_prev.jpg); background-size: 20px 50px; }
.pr-top .gallery-button .swiper-button-next { right: 0; width: 20px; height: 50px; margin-top: -25px; background-image: url(../images/product_next.jpg); background-size: 20px 50px; }

.pr-top .details { margin-left: 400px; padding-top: 20px; }
.pr-top .details h1 { color: #ef0000; font-size: 24px; margin-bottom: 20px; }
.pr-top .details h4 { color: #000;font-size: 16px; margin-bottom: 15px; }
.pr-top .details p { color: #666; font-size: 14px; line-height: 30px; background: #f3f3f3;padding: 10px; margin-bottom:50px;}
.pr-top .details_con a.consultation { padding: 2% 6%; margin-right: 10px; background: #d62429; color:#fff; display: inline-block; }
.pr-top .details_con a.tel { padding: 2% 6%; background: #0066cc; color:#fff; display: inline-block; }

.pro_details { width: 100%; }
.pro_details .swiper-container .swiper-wrapper .swiper-slide img { max-width: 100%; }
.pro_details .swiper-container .pagination { margin:10px 0; text-align: center; }
.pro_details .swiper-container .pagination .swiper-pagination-bullet-active { background: #ff0000; }

.pr-tab { width:100%;}
.pr-tab .pr-tabl { float:left; padding:2%; width:70%;border: 1px solid #eee;}
.pr-tab .pr-tabl .tab_nav { margin-bottom: 30px; border-bottom: 1px solid #eee; }
.pr-tab .pr-tabl .tab_nav ul li { color: #333; font-size: 20px; margin-right: 30px; line-height:42px; display: inline-block; }
.pr-tab .pr-tabl .tab_nav ul li a  {color: #333;}
.pr-tab .pr-tabl .tab_nav ul li.cur { color: #075cc4; border-bottom: 2px solid #075cc4; }
.pr-tab .pr-tabl .tab_nav ul li.cur a {color: #075cc4;}
.pr-tab .pr-tabr { float:right; width:27%; padding:2%;border: 1px solid #eee;}
.pr-tab .pr-tabr h2 {border-bottom: 1px solid #eee;color: #333; font-size: 20px; padding-bottom: 12px; display: inline-block; width:100%; line-height:42px;}
.pr-tab .pr-tabr ul{}
.pr-tab .pr-tabr ul li { width:100%; margin-bottom:20px;}
.pr-tab .pr-tabr ul li img { max-width:100%; width:100%; height:auto; margin-bottom:8px;}
.pr-tab .pr-tabr ul li p { width:100%; text-align:center; line-height:25px; color:#666; font-size:14px;}
@media screen and (max-width: 767px) {
.pr-top .details { width:100%; margin-left: 0; } 
.pr-top .details h1 { font-size: 18px; }
.pr-top .details h4 { font-size: 14px; }
.pr-top .details p { font-size: 12px; }
.pr-tab .pr-tabl { width:100%; float:none; margin-bottom:25px;}
.pr-tab .pr-tabr { width:100%; float:none;}
.pr-tab .pr-tabr h2 { border-bottom: none; }
.pr-tab .pr-tabr ul li { width: 48%; float: left; margin-left: 2%; }
.pr-tab .pr-tabl .tab_nav ul li {font-size: 14px; margin-right: 8px;}
}

/*发展历史*/
.historyculture .swiper-container { position:relative;}
.historyculture .swiper-wrapper {
	margin-top: 30px;
	width: 100%;
	position: relative
}
.historyculture .swiper-wrapper .ovh {
	width: 91%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: url(../images/bg_12.png) repeat-x left center
}

.historyculture .swiper-wrapper .swiper-slide {
	width: 100%;
	position: relative;
	opacity: 1;
    margin-top: 185px;
}


.historyculture .swiper-wrapper .swiper-slide .slide-mains {
	padding: 10px 10px 15px;
	border:1px solid #e1e1e1;
	width: 100%;
	color: #777;
	border-radius:0  0 8px 8px ;
}
.historyculture .swiper-wrapper .swiper-slide.odd .slide-mains {
	border-radius:8px 8px 0  0;
	min-height:78px;
}
.historyculture .swiper-wrapper .slide-top {
	background: url(../images/bg_10.png) no-repeat center top;
	padding-top: 45px;
	height: 87px;
	line-height: 42px;
	font-family: Arial;
	font-size: 18px;
	text-align: center;
	color: #fff
}

.historyculture .swiper-wrapper .swiper-slide.odd {
	opacity: 1;
  margin-top: 0px;
}


.historyculture .swiper-wrapper .swiper-slide.odd .slide-top {
	background: url(../images/bg_11.png) no-repeat center bottom;
	padding-bottom: 45px;
	padding-top: 0;
	color: #fff
}

.historyculture .swiper-wrapper .butn {
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 50%;
	margin-top: -21px;
	cursor: pointer
}
.historyculture .swiper-wrapper .swiper-slide .slide-mains p { font-size:12px; text-align:center;}
.swiper-wrapper .butn:hover {
	background-position: center bottom
}

.historyculture .swiper-wrapper .swiper-slide:hover .slide-top {
	background: url(../images/bg_10s.png) no-repeat center top;
	color: #fff
}
.historyculture .swiper-wrapper .swiper-slide:hover .slide-mains { border:1px solid #d4181d;}
.historyculture .course-wrap.m-wrap .swiper-wrapper .swiper-slide.odd:hover .slide-top,.course-wrap.m-wrap .swiper-wrapper swiper-slide:hover .slide-top {
	background: #e8e8e8;
	color: #666
}
.historyculture .swiper-wrapper .swiper-slide:hover .slide-mains p { color:#d4181d;}
.historyculture .swiper-wrapper .swiper-slide.odd:hover .slide-top {
	background: url(../images/bg_11s.png) no-repeat center top;
	color: #fff
}

.historyculture .swiper-wrapper .swiper-slide {
	list-style: none;
	float: left
}
.historyculture .swiper-container .swiper-button-prev{ width:30px; height:30px; position:absolute; left:0px; top:50%; margin-top:-15px; background:url(../images/nv-left.PNG) no-repeat center center;}
.historyculture .swiper-container .swiper-button-next{ width:30px; height:30px; position:absolute; right:0px; top:50%; margin-top:-15px;background:url(../images/nv-right.PNG) no-repeat center center;}
@media screen and (max-width: 767px) { 
.historyculture .swiper-container .swiper-button-prev { display:none;}
.historyculture .swiper-container .swiper-button-next { display: none;}
}


/*发展历程*/
.aboutlist .development { height: 355px; margin-top: 40px; position: relative; margin-bottom: 40px; }
.aboutlist .development .arrow-left { width: 20px; height: 60px; display: block; background: url(../images/index08.jpg) no-repeat; position: absolute; left: 0; top: 50%; margin-top: -30px; }
.aboutlist .development .arrow-right { width: 20px; height: 60px; display: block; background: url(../images/index09.jpg) no-repeat; position: absolute; right: 0; top: 50%; margin-top: -30px; }
.aboutlist .development .swiper-container { width: 88%; height: 100%; margin: 0 auto; }
.aboutlist .development .swiper-container u { width: 100%; height: 1px; display: block; background: #d4181d; position: absolute; top: 68px; left: 0; }
.aboutlist .development .swiper-container .swiper-wrapper .swiper-slide .year { margin-bottom: 40px; }
.aboutlist .development .swiper-container .swiper-wrapper .swiper-slide .year p { height: 50px; color: #d4d4d4; font-size: 46px; line-height: 50px; margin-bottom: 10px; }
.aboutlist .development .swiper-container .swiper-wrapper .swiper-slide .year span { width: 15px; height: 15px; display: block; background: #fff; border-radius: 50%; border: 3px solid #d4181d; }
.aboutlist .development .swiper-container .swiper-wrapper .swiper-slide .develop p { color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 12px; line-height: 24px; -webkit-line-clamp: 10; }
.aboutlist .development .swiper-container .swiper-wrapper .swiper-slide-active .year p { color: #d4181d; }
.aboutlist .development .swiper-container .swiper-wrapper .swiper-slide-active .year span { background: #d4181d; }
.aboutlist .develop_list { margin-top: 15px; margin-bottom: 30px; }
.aboutlist .develop_list ul li { margin-bottom: 20px; }
.aboutlist .develop_list ul li h4 { color: #666; height: 40px; font-size: 18px; line-height: 40px; padding-left: 15px; background: #e8e8e8; }
.aboutlist .develop_list ul li p { color: #666; margin-top: 5px; padding: 0 15px; font-size: 12px; line-height: 24px; }