﻿@charset "utf-8";
/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, p, th, td{margin: 0;padding: 0;}
body, td, th{color: #444;font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif; font-size: 14px;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
li, dt, dd{list-style: none;}
a{color:inherit;text-decoration:none;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
a:hover{color:inherit;/*color:#2c88d8;*/text-decoration:none;}
img{border:0;vertical-align:middle;}
.clear{clear:both;}
.hide{display:none;}
.f-fl,.fl{float: left !important}
.f-fr,.fr{float: right !important}
.c_mp{padding: 0 !important;margin: 0 !important;}
/*body*/
body{background:#ffffff;}



.wul105{width: 105%;}
.plat-product-list ul li{float: left;width:285px;margin:0px 20px 20px 0px;background:#fff;}
.hui{ background:#f8f8f8  !important}
.hui .share{border-top:1px solid #f1f0ee !important;}
.plat-product-list ul li .h-img{position:relative;overflow:hidden;}
.plat-product-list ul li .h-img .dask{width:100%;height:100%;position: absolute;top: 0px;left: 0px;background:rgba(0,0,0,.7);opacity:0;filter:alpha(opacity=0);z-index: 9}
.plat-product-list ul li .h-img .dask a{position: absolute;top:45%;display: block;width:95px;height:35px;line-height:35px;text-align:center;background:#ffc000;color:#fff;font-size: 14px;border-radius:5px;z-index: 99}
.plat-product-list ul li .h-img .dask a.details{left:-50px;}
.plat-product-list ul li .h-img .dask a.yulan{right:-50px;background:#0f91dd;}
.plat-product-list ul li .title{padding:20px;}
.plat-product-list ul li .share{padding: 13px 20px;}
.plat-product-list ul li .title h5 a{font-size:16px;color:#333}
.plat-product-list ul li .title p{height:25px;line-height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.plat-product-list ul li .share{height:23px;line-height:23px;border-top:1px solid #f5f5f5;}
.plat-product-list ul li .share em.uz-chakan{font-size:19px;}
.plat-product-list ul li .share .collection{margin-left:10px;cursor:pointer;position:relative;}
.plat-product-list ul li .share .collection em{vertical-align: middle;font-size:14px}
.plat-product-list ul li .share .collection b{font-weight:normal;}
.plat-product-list ul li .share .collection #add-num{display:none;}
.plat-product-list ul li .share .collection #add-num.add-animation{color: #EB4F38;position:absolute;top:-15px;left: 10px;font-size: 15px;opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;animation: mypraise 0.5s ;-moz-animation: mypraise 0.5s ;-webkit-animation: mypraise 0.5s ;-o-animation: mypraise 0.5s ;font-style:normal;}
@keyframes mypraise{0%{top:-15px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}
25%{top:-20px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
50%{top:-25px;opacity: 1;filter: alpha(opacity=100);-moz-opacity:1;}
75%{top:-30px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
100%{top:-35px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}}
@-moz-keyframes mypraise{0%{top:-15px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}
25%{top:-20px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
50%{top:-25px;opacity: 1;filter: alpha(opacity=100);-moz-opacity:1;}
75%{top:-30px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
100%{top:-35px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}}
.plat-product-list ul li .share .num-view{font-weight:normal;}
.plat-product-list ul li .share em{font-weight:normal; width:22px; height:20px; float:left}
.plat-product-list ul li .share em.chakan{background:url(../images/view.png) no-repeat 0 0;}
.plat-product-list ul li .share em.aixin{background:url(../images/aixin.png) no-repeat center;}
.plat-product-list ul li .share span{font-size:14px;color:#bbb8b8}
.plat-product-list ul li .share .xing{display:block;width:90px;height:13px;margin-top:5px;background:url(../images/xing.png) no-repeat 0 0;}
.plat-product-list ul li .share .xing.xing-2{background-position:0 -21px;}
.plat-product-list ul li .share .xing.xing-3{background-position:0 -43px;}
.plat-product-list ul li .share .xing.xing-4{background-position:0 -64px;}
.plat-product-list ul li .share .xing.xing-5{background-position:0 -87px;}
.plat-product-list ul li:hover{box-shadow: 0 0 30px rgba(33,37,44,.5);}
.plat-product-list ul li:hover .h-img .dask{opacity:1;filter:alpha(opacity=100);}
.plat-product-list ul li:hover .h-img .dask a.details{left:12%;}
.plat-product-list ul li:hover .h-img .dask a.yulan{right:12%;}
.case_more{width:240px;height:46px;margin:60px auto 0 auto;text-align:center;display:block;line-height:46px;font-size:16px;color:#2c88d8;z-index:1000;background:url(../images/case_more.png) -240px 0 no-repeat;}
.case_more:hover{background:url(../images/case_more.png) 0 0 no-repeat;color:#ffffff;}
.shortcut-register {background: url(../images/home_bg2.jpg) no-repeat 50% 50%;height: 240px;}
.shortcut-register .home_container{position:relative}
.shortcut-register .home_container .text-wrap { position:absolute; top: 94px; left: 222px; color: #fff;  text-align: center;}
.shortcut-register .home_container .btn {position:absolute; top: 100px; right: 200px; width: 190px; height: 50px; background:#fff; border-radius: 50px; color:#666; font-size:18px; text-align:center; line-height:50px}
.shortcut-register .home_container .text-wrap .title { font-size: 26px;}
.shortcut-register .home_container .text-wrap .desc { margin-top: 15px; font-size: 20px;}

.news_panel{background:url(../images/news_bg.png) center bottom no-repeat;background-attachment: fixed;height:700px;width:100%;min-width:1200px;overflow:hidden;}
.news_panel .news_nav{text-align:center;overflow:hidden;}
.news_panel .news_nav a{width:160px;height:40px;line-height:40px;background:#666;color:#fff;font-size:16px;display:inline-block;margin-left:1px;}
.news_panel .news_nav a:hover{background:#eeeeee;color:#666666;}
.news_panel .news_nav a.hover{background:#207dc7;color:#ffffff;}
.news_panel .news_nav a.hover:hover{background:#2c88d8;color:#ffffff;}
.news_panel .news_container{margin-top: 30px;overflow: hidden;width: 1200px;height: 380px;}
.news_panel .news_container .news_left{float: left;overflow: hidden;}
.news_panel .news_container .news_left .news-text{padding: 10px;width: 280px;height: 360px;background-color: rgba(255,255,255,0.9);float: left;margin-right: 10px;}
.news_panel .news_container .news_left .news-text .g-img{width: 100%;height: 180px;overflow: hidden;text-align:center}
.news_panel .news_container .news_left .news-text .g-img img{max-width: 100%;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
.news_panel .news_container .news_left .news-text .g-img img:hover{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
.news_panel .news_container .news_left .news-text .m-text{padding: 25px 15px 15px;font-size: 14px;}
.news_panel .news_container .news_left .news-text .m-text .g-tt{font-size: 16px;color: #333333;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_panel .news_container .news_left .news-text .m-text .g-tt a{color: #333333;}
.news_panel .news_container .news_left .news-text .m-text .g-text{color: #888888;margin: 15px 0;width: 100%;height: 60px;line-height: 20px;overflow:hidden;}
.news_panel .news_container .news_left .news-text .m-text .g-more{color: #666666;text-decoration: underline;}
.news_panel .news_container .news_right{float: right;overflow: hidden;background-color: rgba(255,255,255,0.9);padding: 20px 30px;width: 520px;height: 340px;}
.news_panel .news_container .news_right .news_text{border-bottom: 1px solid #E7E7E7;padding: 15px 0;overflow: hidden;}
.news_panel .news_container .news_right .news_text .time{width: 80px;float: left;text-align: center;color: #999999;margin-right: 20px;font-size: 14px;}
.news_panel .news_container .news_right .news_text .time .g-d{font-size: 60px;line-height: 50px;margin-bottom: 8px;}
.news_panel .news_container .news_right .news_text .m-text{float: left;width: 420px;}
.news_panel .news_container .news_right .news_text .m-text .g-tt{font-size: 16px;margin-bottom: 10px;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_panel .news_container .news_right .news_text .m-text .g-tt a{color: #333333;}
.news_panel .news_container .news_right .news_text .m-text .g-text{color: #888888;height: 40px;font-size: 14px;line-height: 20px;overflow: hidden;}
.news_panel .news_container .news_right .news_list{padding-top: 20px;padding-left: 10px;}
.news_panel .news_container .news_right .news_list li{background: url(../images/h_ico1.png) center left no-repeat;font-size: 14px;width: 100%;overflow: hidden;height: 28px;line-height: 28px;text-indent: 1em;}
.news_panel .news_container .news_right .news_list li a{color: #666666;}
.news_panel .news_container .news_right .news_list li span{color: #999999;}
.clients_panel{height: 570px;width: 100%;background: url(../images/h_clients_bj.jpg) no-repeat center;overflow: hidden;position: relative;}
.clients_panel .home_container .h_h1,.clients_panel .home_container .h_h2{color: #000;}
.clients_panel .home_container .h_h1 span{opacity: 0.6;color: #000;}
.clients_panel .clients_container{height: 160px;width: 100%;overflow: hidden;margin-top: 80px;}
.clients_panel .clients_left{float: left;overflow: hidden;height: 160px;}
.clients_panel .clients_left .m-text{height: 160px;float: left;overflow: hidden;padding: 0 38px;text-align: center;color: #000;font-size: 16px;}
.clients_panel .clients_left .m-text .number{width: 100%;height: 120px;line-height: 120px;position: relative;}
.clients_panel .clients_left .m-text .number .num_ico{font-size: 16px;font-weight: bold;color: #000;position: absolute;top: 0;right: -15px;height: 50px;width: 20px;line-height: 35px;}
.clients_panel .clients_left .m-text .number .num1,.clients_panel .clients_left .m-text .number .num2,.clients_panel .clients_left .m-text .number .num3{background:url(../images/num.png) top center repeat-y;width:52px;height:90px;margin-right:5px;margin-top: 10px;display: inline-block;}
.clients_panel .clients_right{height: 160px;width: 348px;float: right;position: relative;}
.clients_panel .clients_right .swiper-clients{width: 100%;height: 100%;overflow: hidden;}
.clients_panel .clients_right .swiper-slide{background:url(../images/h_clients_txtbj.png) no-repeat center bottom;position: relative;}
.clients_panel .clients_right .swiper-slide .g-img{position: absolute;border-radius: 50%;width: 50px;height: 50px;top: 0;left: 20px;border: 3px solid #ffffff;overflow: hidden;}
.clients_panel .clients_right .swiper-slide .g-text{padding: 30px 30px 0 20px;height: 130px;color: #000;line-height: 24px;text-align: left;font-size: 14px;}
.clients_panel .clients_right .swiper-slide .g-text .tt{font-size: 16px;text-indent: 70px;margin-bottom: 15px;}
.clients_panel .clients_right .swiper-slide .g-text .text{height: 48px;overflow: hidden;}
/*内页共用样式*/.m_mn{width: 1200px;margin: 0 auto;}
.m_xn{width: 1000px;margin: 0 auto;}
/*.m_ads{height:460px;width:100%;min-width:1200px;overflow:hidden;z-index:-1;position: fixed;top:0;left:0;}*/
.m_ads{height:325px;width:100%;min-width:1200px;overflow:hidden;z-index:-1;position: fixed;top:0;left:0;}
.m_ads.h_280{height: 280px;}
.m_ads.h_280 .text{padding-top: 127px;}
.m_ads.h_300{height: 300px;}
.m_ads.h_300 .text{padding-top: 147px;}
.m_ads.h_580{height: 580px;}
.m_ads.h_580 .text{padding-top: 140px;}
.m_ads .text{text-align: center;padding-top: 170px;}
.m_ads .text span{font-size: 40px;color: #ffffff;margin: 0 10px;text-transform: uppercase;-webkit-text-shadow:0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow:0px 0px 10px rgba(0,0,0,0.5);text-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.m_ads .text .xt{height: 1px;width: 145px;margin: 15px auto 0;border-bottom: 1px solid rgba(255,255,255,0.5);}
.m_main{width:100%;min-width:1200px;background:#f5f5f5;margin:330px auto 0 auto;}
.m_main1{width:100%;min-width:1200px; margin:325px auto 0 auto; padding:20px 0 30px 0; background: #fff}
.m_main2{width:100%;min-width:1200px;height: 520px;margin:250px auto 0 auto;background: url(../images/case_top_bj.png) repeat-x left center;}
.m_main3{width:100%;min-width:1200px;background:#fff;overflow: hidden;position: relative;}
.m_main4{width:100%;min-width:1200px;background:#f5f5f5;margin:280px auto 0 auto;position: relative;}
.m_main5{width:100%;min-width:1200px;background:#ffffff;margin:0;}
.m_main6,.m_main7{width:100%;min-width:1200px;color:#ffffff;margin:0;}
.m_main8{width:100%;min-width:1200px; margin:325px auto 0 auto; padding:0 0 30px 0; background: #f4f7f9}
.m_main9{width:100%;min-width:1200px; margin:325px auto 0 auto; padding:0 0 0 0; background: #f4f7f9}
.m_subtopic{height: 70px;width: 100%;border-bottom: 1px solid #E7E7E7;background-color: #ffffff;}
.m_subtopic .subtopic_list{font-size: 0;color: #666666;overflow: hidden;height: 70px;text-align: center;}
.m_subtopic .subtopic_list li{display: inline-block;height: 70px;line-height: 70px;padding: 0 20px;background: url(../images/side_bjx.png) no-repeat right center;font-size: 18px;}
.m_subtopic .subtopic_list li:last-child{background: none;}
.m_subtopic .subtopic_list li a{display: block;padding: 0 20px;height: 70px;border-bottom: 2px solid #ffffff;}
.m_subtopic .subtopic_list li a.on::before{width: 100%;}
.m_subtopic .subtopic_list li a:hover,.m_subtopic .subtopic_list li a.on{color: #3784D2;}
.m_subtopic .subtopic_list li a.hvr-underline-from-left:before{height: 2px;background: #3784D2;-webkit-transition-duration: .5s;transition-duration: .5s;}
.m_subtopic1{height: 60px;width: 100%;border-bottom: 1px solid #E7E7E7;background-color: #ffffff;}
.m_subtopic1 .subtopic_list{font-size: 16px;color: #333333;}
.m_subtopic1 .subtopic_list li{float: left;margin-right: 40px;height: 60px;line-height: 60px;}
.m_subtopic1 .subtopic_list li dl{max-height: 60px;overflow: hidden;position: relative;z-index: 111;transition:max-height 0.5s ease-in-out;-webkit-transition:max-height 0.5s ease-in-out;}
.m_subtopic1 .subtopic_list li dl:hover{max-height: 300px;background-color: #ffffff;color: #333333;}
.m_subtopic1 .subtopic_list li dl dt{background: url(../images/blog_ico1.png) no-repeat 50px center;padding-right: 20px;cursor: pointer;}
.m_subtopic1 .subtopic_list li dl dd{height: 40px;line-height: 40px;padding: 0 10px;background-color: #ffffff;}
.m_crm{height: 50px;line-height: 50px;color: #888888;background: url(../images/news_ico2.png) no-repeat left 17px;text-indent: 25px;}
.m_crm1{height: 50px;border-bottom: 1px solid #E7E7E7;line-height: 50px;color: #888888;}
.m_crm1.on{background-color: #ffffff;}
.m_crm1 .m_xn,.m_crm1 .m_mn{background: url(../images/news_ico2.png) no-repeat left 17px;text-indent: 25px;}
.m_crm a.on,.m_crm a:hover,.m_crm1 a.on,.m_crm1 a:hover{color: #666666;}
.share span{line-height: 20px !important;float: left;margin-right: 10px;}
.n_mn .m_text .article_tt{color: #333333;font-size: 24px;font-weight: bold;margin-bottom: 18px;margin-top: -5px;}
.n_mn .m_text .g_attr span{display: inline-block;margin-right: 25px;color: #888888;}
.n_mn .m_text .g_attr span.on a{display: inline-block;border: 1px solid #cccccc;margin-right: 5px;border-radius: 5px;font-size: 12px;width: 18px;height: 18px;line-height: 18px;text-align: center;}
.n_mn .m_text .g_attr span.on a:hover{background-color: #2c88d8;color: #ffffff;border: 1px solid #2c88d8;}
.n_mn .m_text .g_attr span a:hover{color: #2c88d8;}
.n_mn .m_text .text{padding: 30px 0 ;font-size: 14px;color: #666666;line-height: 28px;overflow: hidden;}
.n_mn .m_text .text img{max-width: 100%;}
.n_mn .m_aside{padding: 25px 0 30px;line-height: 26px;overflow: hidden;border-top: 1px dotted #C7C7C7;color: #888888;}

 
 
/*新闻样式*/
.n_blog{overflow: hidden;position: relative;padding: 40px 0;}
.n_blog .g_content{width: 840px;overflow: hidden;}
.n_blog .g_top{height: 314px;width: 100%;}
.n_blog .g_top a{color: #ffffff;}
.n_blog .g_top .r_img{position: relative;width: 560px;overflow: hidden;}
.n_blog .g_top .r_img .txt{font-size: 20px;line-height: 32px;padding: 0 20px 15px;position: absolute;bottom: 0;width:100%;background:rgba(0,0,0,0.2);text-shadow:1px 1px 1px #333}
.n_blog .g_top .l_img{width: 270px;overflow: hidden;}
.n_blog .g_top .l_img .text{width: 270px;height: 152px;overflow: hidden;position: relative;}
.n_blog .g_top .l_img .text img{max-width:270px;max-height:152px}
.n_blog .g_top .l_img .text .txt{font-size: 16px;line-height: 24px;padding: 0 15px 10px;position: absolute;bottom: 0;width:100%;background:rgba(0,0,0,0.2);text-shadow:1px 1px 1px #333}
.n_blog .g_top .l_img .nth{margin-top: 10px;}
.n_blog .g_list{padding: 20px 0;}
.n_blog .g_list .g_box{width: 100%;padding: 20px 0; border-bottom: 1px dashed #E3E3E3;overflow: hidden;}
.n_blog .g_list .g_box .g_img{width: 270px;height: 152px;line-height: 152px;overflow: hidden;}
.n_blog .g_list .g_box .g_img img{max-width: 100%;}
.n_blog .g_list .g_box .g_text{width: 550px; overflow: hidden;}
.n_blog .g_list .g_box .g_text .tt{color: #333333;font-size: 18px;font-weight: bold;width: 100%;height: 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.n_blog .g_list .g_box .g_text .g_aside{font-size: 14px;color: #999999;line-height: 24px;padding: 11px 0; overflow: hidden;}
.n_blog .g_list .g_box .g_text .g_mark{width: 100%;overflow: hidden;color: #999999;font-family:Arial;}
.n_blog .g_list .g_box .g_text .g_mark span{margin-right: 40px;}
.n_blog .g_list .g_box .g_text .g_mark span:last-child{margin-right: 0;}
.n_blog .g_list .g_box .g_text .g_mark span.time{padding-left: 20px;background: url(../images/blog_ico.png) no-repeat left -117px;}
.n_blog .g_list .g_box .g_text .g_mark span.mark{padding-left: 20px;background: url(../images/blog_ico.png) no-repeat left -70px;}
.n_blog .load_data{width: 100%;height: 50px;line-height: 50px;background-color: #f6f6f6;text-align: center;cursor: pointer;font-size: 18px;color: #999999;}
.n_blog .load_data .ico{display: inline-block;width: 120px;height: 50px;background: url(../images/blog_ico.png) no-repeat left -145px;}
.n_blog .n_mn .m_text{width: 1300px;overflow: hidden;background:#fff;box-sizing:border-box;padding:30px 50px;}
.n_blog .m_related{overflow: hidden;}
.n_blog .m_related .g_tt{margin-top: 25px;height: 60px;line-height: 60px;text-indent: 1em;border-bottom: 1px dashed #E3E3E3;border-top: 2px solid #3784D2;font-size: 16px;color: #333333;}
.n_blog .m_related .g_tt strong{font-size: 18px;color: #333333;margin-right: 20px;}
.n_blog .m_related .g_tt span,.n_blog .m_related .g_tt a{margin-right: 20px;}
.n_blog .m_related .g_list{width: 100%;padding: 20px 0 0;overflow: hidden;text-indent: 20px;line-height: 24px;}
.n_blog .m_related .g_list li{margin-bottom: 10px;float: left;width: 420px;}
.n_blog .m_related .g_list .tt{color: #333333;width: 100%;height: 24px;background: url(../images/blog_ico.png) no-repeat -3px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.n_blog .g_side{width: 320px;overflow: hidden;background:#fff;}
.n_blog .g_side .g_tt{margin-top: 40px;height: 60px;line-height: 60px;text-align: center;border-bottom: 1px dashed #E3E3E3;border-top: 2px solid #3784D2;font-weight: bold;font-size: 18px;color: #333333;}
.n_blog .g_side .g_list{width: 100%;padding: 20px 0 15px;overflow: hidden;text-indent: 20px;line-height: 24px;}
.n_blog .g_side .g_list li{margin-bottom: 15px;}
.n_blog .g_side .g_list li:last-child{margin-bottom: 0;}
.n_blog .g_side .g_list .tt{color: #333333;width: 100%;height: 24px;background: url(../images/blog_ico.png) no-repeat -3px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.n_blog .g_side .g_list .time{color: #999999;}
.n_blog .g_side .g_hot{padding: 15px 10px;}
.n_blog .g_side .g_hot a{float: left;padding: 3px 15px;margin: 5px 5px;color: #666666;border: 1px solid #dedede;border-radius: 20px;}
