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;}
img{border:0;vertical-align:middle;}
.clear{clear:both;}
ul,li{ list-style:none;}
.hide{display:none;}
.f-fl,.fl{float: left !important}
.f-fr,.fr{float: right !important}
.c_mp{padding: 0 !important;margin: 0 !important;}
.pgjggogio{display:none}
/*内页共用样式*/
.m_mn{width: 1200px;margin: 0 auto;}
.m_xn{width: 1000px;margin: 0 auto;}
.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/website/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:#fff;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/website/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/website/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/website/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/website/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;}
/*hover区*/
.n_blog .load_data:hover,.n_blog .g_list .g_box .g_text .tt:hover,.n_mn .m_aside a:hover,.n_case .n_snav .list a:hover,.m_subtopic1 .subtopic_list li dl a:hover,
.n_blog .g_side .g_hot a:hover,.n_blog .g_side .g_list .tt:hover,.m_subtopic1 .subtopic_list li:hover,.n_blog .m_related .g_list .tt:hover,.h-link .link_text .g-text a:hover,
.news_panel .news_container .news_right .news_text .m-text .g-tt a:hover,.news_panel .news_container .news_right .news_list a:hover,.news_panel .news_container .news_left .news-text .m-text .g-tt a:hover,
.news_panel .news_container .news_left .news-text .m-text .g-more:hover,.n_blog .m_related .g_tt a:hover{color:#2c88d8;}
.n_news .g_list .n_box:hover .tt,.n_news .g_list .n_box:hover .time,.n_news .g_list .n_box:hover .info{color: #ffffff;}
.n_blog .g_top img,.n_blog .g_list .g_box .g_img img,.m_case .g_latest img{-webkit-transition: transform 0.5s ease-out ;-ms-transform:transform 0.5s ease-out;-moz-transform:transform 0.5s ease-out;transition: transform 0.5s ease-out ;}
.n_blog .g_top img:hover,.n_blog .g_list .g_box .g_img img:hover,.m_case .g_latest img:hover{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
/*方案*/
.fang_top{width:100%;height:555px;background: url(../images/website/cbg.jpg) no-repeat center;overflow:hidden;padding-top:140px;}
.fang_top .text{text-align: center;}
.fang_top .text span{font-size: 36px;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);}
.fang_top .text .xt{height: 1px;width: 190px;margin: 15px auto 0;border-bottom: 2px solid rgba(255,255,255,0.5);}
.fang_list{width:100%;height:auto;margin-top:80px;}
.fang_list li{width:140px;height:auto;float:left;margin-right:125px;margin-bottom:30px;text-align:center;}	
.fang_list li:nth-child(5n){margin-right:0;}
.fang_list1 li{width:140px;height:auto;float:left;margin-right:212px;margin-bottom:30px;text-align:center;}	
.fang_list1 li:nth-child(4n){margin-right:0;}
.fang_list li a{display:block;width:100%;height:100%;}
.fang_pic{width:130px;height:130px;border-radius:50%; background: #e0dfdf; border: #c0c0c2 solid 10px; box-shadow: 0 0 30px #9d9d9f;}
.fang_pic .pic-box{width:130px; height: 114px;display:table-cell;vertical-align:middle;text-align:center;}
.fang_pic img{display:none;margin:0 auto;}
.fang_pic img.on{display:block;}
.fang_list li p{font-size:16px;color:#fff;text-align:center;margin-top:20px;display:inline-block;position: relative; padding:0 10px;}
.fang_list li p:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: #fff;transition: all 0.2s ease-out;}
/*图片动的效果*/
.fang_list li:hover .fang_pic img{animation: swing 1s 0s linear normal;-webkit-animation: swing 1s 0s linear normal;}
.fang_list li:hover p:after{width: 100%;}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}
/*浮动*/.case_float{position:fixed;left:25px;top:50%;margin-top:-192px;background:url(../images/website/nav_ico_bj.png) repeat-y left top;z-index:10;}
.case_float li{width: 100%;text-align: left;}
.case_float li a{font-size:14px;color:#333;height: 30px;line-height:30px;display:block;padding-left:25px;position:relative;}
.float_bg{width:9px;height:9px;position:absolute;border-radius:50%;background:#666;left:-4.5px;top:50%;margin-top:-4.5px;}
.case_float li a.current .float_bg{background:#3197f0;}
.case_float li a.current{color:#3197f0;}
.f_title{text-align:center;font-size:30px;font-weight:bold;-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: #c82126;display:inline-block;}
.f_p{text-align:center;text-transform:uppercase;font-size:16px;color:#999999;font-family:Arial;}
.f_title1{width:100%;height:auto;background:url(../images/website/icon70.png) no-repeat left 2px;padding-left:70px;min-height:52px;text-align:left;}
.f_title1 h3{font-weight:bold;font-size:30px;color:#fff;}
.f_title1 p{background:url(../images/website/xian.png) no-repeat left center;padding-left:15px;font-size:16px;color:#fff;font-family:Arial;margin-top:2px;letter-spacing:1px;text-transform:uppercase;}
.f_title2{background:url(../images/website/icon71.png) no-repeat right 2px;font-size:30px;font-weight:bold;text-align:right;padding-right:65px;min-height:52px;}
.f_title2 h3{background: linear-gradient(to right, #03d6b0, #13b3d7);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;font-weight:bold;}
.f_title2 p{background:url(../images/website/xian1.png) no-repeat right center;padding-right:10px;font-size:16px;color:#999999;font-family:Arial;margin-top:2px;letter-spacing:1px;text-transform:uppercase;font-weight:normal;}
.f_title3{background:url(../images/website/icon72.png) no-repeat left 2px;}
.f_title4{background:url(../images/website/icon73.png) no-repeat right 2px;}
.f_title4 h3{background: linear-gradient(to right, #33b1e7, #32d9d9);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.f_title5{background:url(../images/website/icon74.png) no-repeat left 2px;}
.f_title6{background:url(../images/website/icon75.png) no-repeat right 2px;}
.f_title6 h3{background: linear-gradient(to right, #29acff, #8654ff);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.f_title7{background:url(../images/website/icon76.png) no-repeat left 2px;}
.f_title8{background:url(../images/website/icon77.png) no-repeat right 2px;}
.f_title8 h3{background: linear-gradient(to right, #fe9816, #f63b25);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.f_title9{background:url(../images/website/icon78.png) no-repeat left 2px;}
.f_title10{background:url(../images/website/icon79.png) no-repeat right 2px;}
.f_title10 h3{background:linear-gradient(to right, #a63fcc, #f1566c);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.wm{padding-bottom: 100px;}
.wm-title{border-bottom: 1px solid #eeeeee;padding-bottom: 14px;height: 31px;margin-top: 23px;}
.wm-title span{font-size: 16px;color: #333;display: block;line-height: 16px;font-weight: bold;position: relative;float: left;}
.wm-title span:after{content: '';width: 32px;height: 2px;background: #005baa;position: absolute;bottom: -15px;left: 50%;margin-left: -16px;}
.wm-list{overflow: hidden;width: 101%;padding: 30px 0 0;}
.wm-list li, .wm-list dl{float: left;width: 186px;line-height: 16px;margin-bottom: 25px;}
.wm-list a, .wm-list dt{font-size: 16px;color: #3c3c3c;transition: all 0.3s ease-in-out;font-weight: 500;text-transform: none;}
.wm-list dt{margin-bottom: 24px;}
.wm-list dd a{font-size: 14px;color: #999;line-height: 32px;}
.wm-list a:hover{color: #005baa;}
/*商城*/.cont{width:1200px;height:auto;margin:0 auto;}
.shop_banner{width:100%;height:680px;min-width:1200px;margin:0 auto;overflow:hidden;background:url(../images/website/banner.jpg) no-repeat;background-position:center;}
.shop_user{width:100%;height:auto;margin-top:80px;}
.shop_title{width:100%;height:auto;text-align:center;}
.shop_title h3{font-weight:normal;font-size:32px;color:#333333;}
.shop_title img{margin-top:10px;}
.shop_title p{font-size:16px;color:#666666;margin-top:5px;}
.user_list{width:100%;height:auto;margin-top:54px;}
.user_list li{width:592px;height:200px;float:left;margin-right:16px;margin-bottom:16px;}
.user_list li:nth-child(2n){margin-right:0;}
.user_list li a{display:block;width:100%;height:100%;background:url(../images/website/pic1.jpg) no-repeat;cursor:pointer;}
.user_list li:nth-child(2) a{background:url(../images/website/pic2.jpg) no-repeat;}
.user_list li:nth-child(3) a{background:url(../images/website/pic3.jpg) no-repeat;}
.user_list li:nth-child(4) a{background:url(../images/website/pic4.jpg) no-repeat;}
.user_list li h3{font-size:24px;color:#fafafa;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:45px 215px 0 43px;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;-ms-transition: all .4s;}
.user_list li p{font-size:14px;color:#fafafa;line-height:24px;overflow:hidden;text-overflow:ellipsis;padding:10px 215px 0 43px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:48px;}
.user_list li span{-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;-ms-transition: all .4s;width:86px;height:30px;line-height:30px;border:1px solid #fff;font-size:14px;color:#fafafa;margin-left:43px;margin-top:15px;display:inline-block;text-align:center;opacity:0;}
.user_list li span.shop_shan{margin-left:20px;}
.user_list li a:hover h3{padding:35px 215px 0 43px;}
.user_list li a:hover span{opacity:1;}
/*.m_mnn{ width:1400px;}*/
/*.m_mnn .fang_list li{ margin-right:175px;}*/
/*.m_mnn .fang_list li:nth-child(5n){ margin-right:0;}*/
.m_main5_mp_bg{ background:#f3f4f6;}

@media (max-width:767px){
  	.m_main5{
  		min-width: 0;
  	}
  	.fang_top {
    width: 100%;
    height: 400px;
    background: url(../images/website/cbg.jpg) no-repeat top center;
    overflow: hidden;
    padding-top: 240px;
}
  	.m_mn{width: 100%;}
  	.fang_list{display: none;}
  	
  	.zl_img img{width: 100%;}
  	.m_main5 .screen4 .m_text .zr_text,.m_main5 .screen5 .m_text .zr_text,.m_main5 .screen2 .m_text .zr_text{width: 95%;margin: 0 10px;}
  	.m_main5 .screen2{padding-bottom: 0;}
  	.m_main5 .screen3 .m_text li {
	    width: 100%;
	    height: auto;
	    margin-bottom: 20px;
	    
	}

}