/* CSS Document */
.index-top{height: 608px;position: relative;}
.index-top .header{background: none;transition: background .3s ease;position: absolute;top: 0;left: 0;right: 0;z-index: 10;}
.logo-img{width: 126px;height: 50px;background-image: url(../images/wap_logo.png);background-position: center;background-repeat: no-repeat;background-size: contain;}
.index-top .logo-img{background-image: url(../images/new_index_logo.png);}
.index-top .logo a img{height: 35px;}
.index-top .logo span b{color: #fff;opacity: .6;}
.index-top .logo span em{color: #fff;}
.index-top .hdlogin{color: #fff;}
.index-top .hdregister{background: #006EFE;}
.index-top .nav > ul > li > a{color: #fff;}
.index-top .pro_navico{background-image: url(../images/new_idx_navico.png);}
.header-fixeds,.index-top .header-fixeds{position: fixed;left: 0;right: 0;top: 0;background: rgba(255,255,255,.95);box-shadow: 0 0 8px rgba(0,0,0,.1);z-index: 50;}
.header-fixed,.index-top .header-fixed{position: fixed;left: 0;right: 0;top: 0;background: #fff;box-shadow: 0 0 8px rgba(0,0,0,.1);z-index: 50;}
.index-top .header-fixed .logo span b,.index-top .header-fixeds .logo span b{color: #666;opacity: 1;}
.index-top .header-fixed .logo span em,.index-top .header-fixeds .logo span em{color: #666;}
.index-top .header-fixed .nav > ul > li > a,.index-top .header-fixeds .nav > ul > li > a{color: #333;}
.index-top .header-fixed .pro_navico,.index-top .header-fixeds .pro_navico{background-image: url(../images/new_navico.png);}
.index-top .header-fixed .hdlogin,.index-top .header-fixeds .hdlogin{color: #333;}
.index-top .header-fixed .logo-img,.index-top .header-fixeds .logo-img{background-image: url(../images/wap_logo.png);}
.new-ban_nav{background: rgba(0,0,0,.8);height: 50px;border-radius: 12px;margin-top: -67px;position: relative;z-index: 3;}
.new-ban_nav li{float: left;line-height: 50px;text-align: center;width: 16.66%;position: relative;}
.new-ban_nav li:after{content: '';display: block;width: 1px;height: 26px;background: rgba(255,255,255,.1);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.new-ban_nav li:first-child:after{display: none;}
.new-ban_nav li a{display: block;font-size: 14px;color: #fff;}
.new-ban_nav li a:hover{text-decoration: underline;}
.new-banner .swiper-container{width: 100%;height: 608px;z-index: 1;}
.new-banner .swiper-slide{padding-top: 145px;box-sizing: border-box;}
.new-banner-slider1{background: url(../images/new_ban_bg.jpg) no-repeat right center;}
.new-banner-slider2{background: url(../images/new_ban_bg2.jpg) no-repeat right center;}
.new-banner .swiper-pagination{bottom: 100px;}
.new-banner .swiper-pagination-bullet{width: 20px;height: 5px;border-radius: 2px;background: rgba(255,255,255,.5);}
.new-banner .swiper-pagination-bullet-active{background: #fff;}
.new-banner_t{font-size: 18px;color: #fff;margin-bottom: 50px;}
.new-banner_t span{display: inline-block;padding: 0 5px;height: 18px;background: #0BD5BD;border-radius: 4px;font-size: 12px;color: #fff;line-break: 18px;margin-left: 10px;}
.new-banner_l{position: relative;}
.new-banner_l h3{font-size: 40px;color: #fff;font-weight: bold;}
.new-ban_s{display: block;font-size: 14px;color: rgba(255,255,255,.8);margin-top: 15px;}
.new-banner_l a{display: block;width: 178px;height: 42px;background: #006EFE;border-radius: 8px;font-size: 14px;color: #fff;text-align: center;line-height: 42px;margin-top: 45px;}
.ban-xcx{position: absolute;left: 0;bottom: 59px;width: 178px;background: #fff;border-radius: 8px;z-index: 10;font-size: 14px;color: #333;text-align: center;padding: 23px 0 17px;display: none;}
.ban-xcx:after{content: '';display: block;width: 0;height: 0;border: 7px solid transparent;border-bottom: none;border-top-color: #fff;position: absolute;bottom: -7px;left: 33px;}
.ban-xcx img{width: 117px;display: block;margin: 0 auto 12px;}
.new-banner_img{width: 36%;margin-right: 28%;}
.new-banner_r{width: 184px;height: 340px;border-radius: 12px;background: rgba(0,0,0,.8);padding: 5px 15px;margin-left: 6.5%;overflow: hidden;position: absolute;top: 145px;right: 18.75%;z-index: 3;}
.new-banner_r_nav{border-bottom: 1px solid rgba(233,233,233,.1);}
.new-banner_r_nav:last-child{border-bottom: none;}
.new-banner_r_nav-t{padding: 15px 0;position: relative;}
.new-banner_r_nav-t:after{content: '';display: block;width: 11px;height: 6px;background: url(../images/new_ban_ico.png) no-repeat right center;transform: rotate(180deg);position: absolute;right: 0;top: 50%;margin-top: -3px;}
.new-banner_r_nav.hover .new-banner_r_nav-t:after{transform: rotate(0);}
.new-banner_r_nav-t a{display: block;font-size: 14px;color: #fff;line-height: 40px;}
.new-banner_r_nav-t img{margin-right: 15px;}
.new-banner_r_nav-s{display: none;padding-bottom: 15px;}
.new-banner_r_nav-s a{font-size: 13px;color: rgba(255,255,255,.5);float: left;width: 50%;line-height: 21px;box-sizing: border-box;}
.banner{ width:100%; height:620px;}
.banner p{font-size: 28px;color: #fff;}
.banner h3{font-size: 42px;color: #fff;font-weight: normal;margin: 15px 0 30px;font-weight: bold;}
.banner span{font-size: 16px;color: #fff;display: block;line-height: 30px;}
.banner span em{font-size: 36px;color: #fea61c;}
.banner .li_k{ background: url(../images/new_banbg.jpg) center top no-repeat;}
.banner .li_k2{background: url(../images/new_banbg2.jpg) center top no-repeat;}
.banner .li_k2 p,.banner .li_k2 h3,.banner .li_k2 span{color: #333;}
.banner .li_k2 span{background: url(../images/new_banico.png) no-repeat left center;padding-left: 25px;}
.ban-ipt{margin-top: 45px;}
.ban-ipts{width: 178px;height: 48px;border-radius: 48px;line-height: 48px;color: #0071e6;font-size: 18px;border: 1px solid #0071E6;padding: 0 20px;margin-right: 10px;}
.ban-ipts::-webkit-input-placeholder{color: #0071E6;}
.ban-ipts::-moz-placeholder{color: #0071E6;}
.ban-ipts:-moz-placeholder{color: #0071E6;}
.ban-ipts:-ms-input-placeholder{color: #0071E6;}
.ban-btn{width: 147px;height: 50px;background: #0071e6;font-size: 18px;color: #fff;border-radius: 50px;border: none;cursor: pointer;}
.banner .li_k3{background: url(../images/new_banbg3.jpg) center top no-repeat;}
.ban-a{width:238px; height:48px;border-radius: 48px;line-height:48px; display:block; text-align:center; border:1px solid #fff; color:#fff; font-size:18px;margin-top: 55px;}
.ban-a:hover{background: #fff;color: #0071E6;}
.banner .li_k4{background: url(../images/new_banbg4.jpg) center top no-repeat;}
.banner .li_k4 .li_left{width: 100%;text-align: center;}
.banner .li_k4 h3{margin-bottom: 40px;}
.banner .li_k4 h3.wap_bantext{display: none;}
.banner .li_k4 .ban-a{margin: 75px auto 0;width: 198px;}
.banner .wrap{height: 100%;position: relative;}
.banner div.li_left{ width:63%; position:absolute; left:0; top:20%;}
.banimg{display: block;width: 1920px;height: 620px;position: absolute;top: 0;left: 50%;margin-left: -960px;}
.ban-zxbox{margin-top: 80px;}
.ban-zxboxc{background: url(../images/new_zxbg.png) no-repeat;width: 210px;height: 50px;}
.ban-zx{display: block;width: 160px;height: 50px;background: #fff;border-radius: 50%;font-size: 18px;color: #0071e6;text-align: center;line-height: 50px;}
.ban-ewm{width: 50px;height: 50px;position: relative;cursor: pointer;}
.ban-ewm:hover span{display: block;}
.ban-ewm span{display: none;position: absolute;top: 50%;margin-top: -80px;left: 65px;}
.ban-ewm span:before{content: '';display: block;width: 0;height: 0;border: 6px solid transparent;border-left: none;border-right-color: #fff;position: absolute;top: 50%;margin-top: -6px;left: -6px;}
.ban-ewm img{display: block;width: 140px;height: 140px;background: #fff;padding: 10px;border-radius: 5px;}
.ban-zxbox i{display: block;font-size: 14px;color: #fff;opacity: 0.6;margin-top: 18px;}
.banner .swiper-container{width: 100%;}
.banner .swiper-slide{height: 620px;position: relative;}
.banner .swiper-slide-active{z-index: 2;}
.banner .swiper-container-horizontal>.swiper-pagination{bottom: 20px;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;border: 2px solid #069dff;opacity: 1;background: none;display: inline-block !important;transition: all .5s ease;vertical-align: middle;}
.banner .swiper-pagination-bullet-active{width: 10px;height: 10px;}
.title{text-align: center;}
.title h3{font-size: 48px;color: #333;font-weight: normal;}
.title p{font-size: 18px;color: #474646;margin-top: 5px;}
.new_cpfw{background: #F1F6F9;padding: 70px 0;}
.new_cpfws{margin-top: 80px;}
.new_cpfws>ul>li{float: left;width: 23.5%;margin-right: 2%;background: #fff;border-radius: 4px;height: 573px;overflow: hidden;position: relative;}
.new_cpfws>ul>li:last-child{margin-right: 0;}
.new_cpfw-ico{height: 160px;text-align: center;overflow: hidden;}
.new_cpfws li.li1 .new_cpfw-ico{background: -webkit-linear-gradient(#ffb77f,#fe882d);background: -o-linear-gradient(#ffb77f,#fe882d);background: -moz-linear-gradient(#ffb77f,#fe882d);background: -ms-linear-gradient(#ffb77f,#fe882d);background: linear-gradient(#ffb77f,#fe882d);}
.new_cpfws li.li2 .new_cpfw-ico{background: -webkit-linear-gradient(#4cf0ff,#0096ff);background: -o-linear-gradient(#4cf0ff,#0096ff);background: -moz-linear-gradient(#4cf0ff,#0096ff);background: -ms-linear-gradient(#4cf0ff,#0096ff);background: linear-gradient(#4cf0ff,#0096ff);}
/*.new_cpfws li.li3 .new_cpfw-ico{background: -webkit-linear-gradient(#ffd685,#ffac0a);background: -o-linear-gradient(#ffd685,#ffac0a);background: -moz-linear-gradient(#ffd685,#ffac0a);background: -ms-linear-gradient(#ffd685,#ffac0a);background: linear-gradient(#ffd685,#ffac0a);}*/
.new_cpfws li.li3 .new_cpfw-ico{background: -webkit-linear-gradient(#72d85d,#06b252);background: -o-linear-gradient(#72d85d,#06b252);background: -moz-linear-gradient(#72d85d,#06b252);background: -ms-linear-gradient(#72d85d,#06b252);background: linear-gradient(#72d85d,#06b252);}
.new_cpfws li.li4 .new_cpfw-ico{background: -webkit-linear-gradient(#a4a8ff,#5256ff);background: -o-linear-gradient(#a4a8ff,#5256ff);background: -moz-linear-gradient(#a4a8ff,#5256ff);background: -ms-linear-gradient(#a4a8ff,#5256ff);background: linear-gradient(#a4a8ff,#5256ff);}
.new_cpfw-ico img{display: block;background: #fff;border-radius: 50%;margin: 25px auto 10px;}
.new_cpfw-ico span{display: block;font-size: 24px;color: #fff;}
.new_cpfwss{padding-left: 25px;margin-top: 25px;}
.new_cpfwss li{padding: 15px 0;line-height: 23px;}
.new_cpfwss li a{display: block;font-size: 17px;color: #666;}
.new_cpfwss li img{display: inline-block;vertical-align: top;margin-right: 12px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: .8;}
.new_cpfwss li:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);opacity: 1}
.new_cpfw-a{display: block;width: 180px;height: 44px;background: #f0f3f4;font-size: 16px;color: #666;text-align: center;line-height: 44px;border-radius: 44px;position: absolute;bottom: 35px;left: 50%;margin-left: -90px;}
.new_cpfws>ul>li:hover .new_cpfw-a{background: #069dff;color: #fff;}
.case{ width:100%;position:relative; overflow:hidden;margin-top: 70px;}
.case_top{ width:1104px; position:absolute; left:50%; margin-left:-552px; top:226px; overflow:hidden; height:94px; z-index:9;}
.case_top ul{ height:94px;}
.case_top ul li{ width:174px;height: 94px; float:left; margin:0 5px; background:#fff;cursor: pointer;display: table;}
.case_top ul li span{display: table-cell;vertical-align: middle;}
.case_top ul li img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%); filter: gray;max-width: 100%;max-height: 94px;display: block;margin: 0 auto;}
.case_top ul li.active img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%); filter: gray;}
.qhan{ width:1200px; position:absolute; height:94px; left:50%; margin-left:-600px; top:257px;}
.qhan a{ width:22px; height:42px; position:absolute; top:-7px; display:block; z-index:1}
.qhan a.case_prev{ background:url(../images/case_prev1.png) center no-repeat; left:0;}
.qhan a.case_next{ background:url(../images/case_next1.png) center no-repeat; right:0;}
.case_nr{ width:100%; height:690px;margin-top: 80px;overflow: hidden;}
.case_nr ul{ height:690px;}
.case_nr li{ width:100%; height:690px; position:relative; float:left;overflow: hidden;transition: background 1s ease;}
.case_nr li div{ width:1104px; margin:0 auto; /*overflow:hidden;*/ height:470px; padding-top:40px; position:absolute; top:180px; left:50%; margin-left:-552px;}
.case_nr li strong.tupian{ width:667px; height:470px; position:absolute; left:-670px;top:40px; display:block; opacity:0; filter:alpha(opacity=0); transition:all 1s;}
.case_nr li.active strong.tupian{ opacity:1; filter:alpha(opacity=100); left:0%; transition:all 1s 0.3s;}
.case_nr li strong.tupian span.pc_img{ width:603px; height:466px; background:url(../images/case_pc_bj.png) center no-repeat; position:absolute; left:0; top:0;}
.case_nr li strong.tupian span.pc_img span{display: block;width:557px;height: 318px; position:absolute; bottom:124px; left:23px;overflow: hidden;}
.case_nr li strong.tupian span.pc_img img{ width:100%;display: block;}
.case_nr li strong.tupian span.wap_img{ width:120px; height:255px; background:url(../images/case_wap_bj.png) center no-repeat; position:absolute; right:0; bottom:0;}
.case_nr li strong.tupian span.wap_img span{display: block;width:103px;height: 186px; position:absolute; bottom:40px; left:9px;overflow: hidden;}
.case_nr li strong.tupian span.wap_img img{ width:100%;display: block;}
.case_nr li strong.tupian span.wap_img1{ width:260px; height:525px; background:url(../images/case_wap_bj1.png) center no-repeat; position:absolute; left:150px; top: auto;bottom: 0;z-index: 2;}
.case_nr li strong.tupian span.wap_img1 .wap_imgs{display: block;width:228px;height: 500px; position:absolute; top:13px; left:14px;overflow: hidden;border-radius: 25px;}
.case_nr li strong.tupian span.wap_img1 .wap_imgs:after{content: '';display: block;background: url(../images/liuhai.png) no-repeat;width: 155px;height: 24px;position: absolute;top: -7px;left: 50%;margin-left: -78px;}
.case_nr li strong.tupian span.wap_img1 .wap_wm{display: none;width:228px;height: 500px;position:absolute;top:13px; left:14px;overflow: hidden;border-radius: 20px;background: rgba(0,0,0,.5);}
.wap_wm img{display: block;width: 120px;height: 120px;position: absolute;top: 50%;left: 50%;margin: -60px 0 0 -60px;}
.case_nr li strong.tupian span.wap_img1:hover .wap_wm{display: block;}
.case_nr li strong.tupian span.wap_img1 .wap_imgs img{ width:100%;display: block;}
.case_nr li strong.tupian span.wap_img2{ width:228px; height:460px; background:url(../images/case_wap_bj2.png) center no-repeat; position:absolute; left:370px; top: auto;bottom: 25px;z-index: 1;}
.case_nr li strong.tupian span.wap_img2 span{display: block;width:201px;height: 437px; position:absolute; top:11px; left:11px;overflow: hidden;border-radius: 20px;}
.case_nr li strong.tupian span.wap_img2 span:after{content: '';display: block;background: url(../images/liuhai.png) no-repeat;width: 155px;height: 24px;position: absolute;top: -7px;left: 50%;margin-left: -78px;}
.case_nr li strong.tupian span.wap_img2 img{ width:100%;display: block;}
.case_nr li strong.wenzi{ width:360px; position:absolute; right:0; top:125px; opacity:0; filter:alpha(opacity=0); transition:all 1s 1.5s}
.case_nr li strong.wenzi1{ width:360px; position:absolute; right:130px; top:125px; opacity:0; filter:alpha(opacity=0); transition:all 1s 1.5s}
.case_nr li.active strong.wenzi{opacity:1; filter:alpha(opacity=100); transition:all 1s 1.5s;font-weight: normal;}
.case_nr li strong.wenzi h4{ font-size:24px; font-weight:600; margin-bottom:25px;}
.case_nr li strong.wenzi p{ font-size:14px; line-height:1.6;}
.case_nr li strong.wenzi a{ width:145px; height:44px; line-height:44px; display:block; color:#069dff; border: 1px solid #069dff; border-radius:5px; text-align:center; margin-top:25px;transition:all 0.3s;}
.case_nr li strong.wenzi a:hover{ background:#069dff;border-color: #069dff !important; color:#fff; transition:all 0.3s;}
/*#li_3 strong.wenzi,#li_3 strong.wenzi p,#li_6 strong.wenzi,#li_6 strong.wenzi p{ color:#fff;}*/
.casewap{display: none;}
.new_data{padding: 70px 0 0;border-bottom: 1px solid #F2F2F2;}
.new_datas{margin-top: 80px;}
.new_datas li{padding-bottom: 65px;}
.new_datas li.fl{width: 30%;}
.new_datas li.fr{width: 10%;}
.new_datas li span{display: block;font-size: 60px;color: #333;}
.new_datas li span sup{font-size: 30px;margin-left: 5px;}
.new_datas li em{display: block;width: 58px;height: 3px;background: #2C9DFB;margin: 20px 0;}
.new_datas li p{font-size: 14px;color: #646464;}
.fuwu_xia{ max-width:1200px; padding:40px 0;margin: 0 auto;overflow:hidden;}
.fuwu_xia li{ width:16.6%; text-align:center; float:left;}
.fuwu_xia li img{ display:block; margin:0 auto 10px;}
.fuwu_xia li span{ display:block; font-size:14px; color:#666;line-height: 20px;}
/*----------------------------------*/
/*品牌企业官网*/
.zt_banner{ position:relative; width:100%; overflow:hidden; z-index:1; text-align:center; color:#fff;}
.zt_banner img{ display:block; position:absolute; top:0; left:50%; margin-left:-960px; z-index:0;}
.zt_banner_N{ padding-top:135px; height:627px;}
.banner-text{ position:relative; z-index:2;}
.banner-text h1{ font-size:36px; margin-bottom:10px;}
.banner-text p{ font-size:18px;}
.message{ background:#f2f2f2; width:100%; padding:31px 0 21px;}
.message img{ display:block; margin:0 auto;}
.slideTxtBox3{ width:372px; margin:210px auto 0;}
.slideTxtBox3 .hd ul{ width:388px; padding-left:10px;}
.slideTxtBox3 .hd ul li{ float:left; cursor:pointer; font-size:15px; margin-right:40px;}
.slideTxtBox3 .hd ul li i{ display:block; width:55px; height:55px; border:1px #fff solid; border-radius:55px; margin-bottom:8px;}
.slideTxtBox3 .hd ul li i.banner_N-ico1{ background:url(../images/N_ban_pic1.png) center no-repeat;}
.slideTxtBox3 .hd ul li.on i.banner_N-ico1{ background-image:url(../images/N_ban_pic1h.png);}
.slideTxtBox3 .hd ul li i.banner_N-ico2{ background:url(../images/N_ban_pic2.png) center no-repeat;}
.slideTxtBox3 .hd ul li.on i.banner_N-ico2{ background-image:url(../images/N_ban_pic2h.png);}
.slideTxtBox3 .hd ul li i.banner_N-ico3{ background:url(../images/N_ban_pic3.png) center no-repeat;}
.slideTxtBox3 .hd ul li.on i.banner_N-ico3{ background-image:url(../images/N_ban_pic3h.png);}
.slideTxtBox3 .hd ul li i.banner_N-ico4{ background:url(../images/N_ban_pic4.png) center no-repeat;}
.slideTxtBox3 .hd ul li.on i.banner_N-ico4{ background-image:url(../images/N_ban_pic4h.png);}
.slideTxtBox3 .hd ul li.on i{ background-color:#fff;}
.slideTxtBox3 .bd{ height:65px; font-size:14px; color:#fefefe; text-align:center; line-height:52px; margin-bottom:18px;}
.slideTxtBox3 .bd .bdcon1{ background:url(../images/N_ban_pic_bg.png) no-repeat; height:65px;}
.slideTxtBox3 .bd .bdcon2{ background:url(../images/N_ban_pic_bg2.png) no-repeat; height:65px;}
.slideTxtBox3 .bd .bdcon3{ background:url(../images/N_ban_pic_bg3.png) no-repeat; height:65px;}
.slideTxtBox3 .bd .bdcon4{ background:url(../images/N_ban_pic_bg4.png) no-repeat; height:65px;}
/*优势*/
.N-adv{ background:url(../images/N_advbg.jpg) center no-repeat; height:963px; width:100%;}
.N_title{ text-align:center; width:100%;}
.N_title h2{ color:#1c1c1c; font-size:36px; margin-bottom:15px;}
.N_title h2 span{ background:url(../images/Nbg1.jpg) left center no-repeat; padding-left:58px;}
.N_title h2 span i{ background:url(../images/Nbg1.jpg) right center no-repeat; padding-right:58px;}
.N_title p{ font-size:18px; color:#414141;}
.N_tit1 h2{ color:#fff;}
.N_tit1 h2 span,.N_tit1 h2 span i{ background-image:url(../images/Nbg1_1.jpg);}
.N_tit1 p{ color:#fff;}
.N-adv_con{ text-align:center; color:#fff; background:url(../images/zt_advimg.png) center no-repeat; position:relative; height:670px;}
.N-adv_con li{ position:absolute; left:50%;}
.N-adv_con li.N-adv_con-1{ width:297px; top:0; margin-left:-148px;}
.N-adv_con li.N-adv_con-2{ width:255px; top:150px; margin-left:267px;}
.N-adv_con li.N-adv_con-3{ width:285px; top:405px; margin-left:245px;}
.N-adv_con li.N-adv_con-4{ width:265px; top:552px; margin-left:-132px;}
.N-adv_con li.N-adv_con-5{ width:285px; top:405px; margin-left:-545px;}
.N-adv_con li.N-adv_con-6{ width:240px; top:150px; margin-left:-486px;}
.N-adv_con li h3{ font-size:22px; margin-bottom:10px;}
.N-adv_con li p{ font-size:15px; line-height:26px;}
/*核心优势*/
.N-idx2{ background:url(../images/N_bg1.jpg) center no-repeat; height:765px;}
.N-idx2_con .picScroll-left{ width:1200px; position:relative;}
.N-idx2_con .picScroll-left .hd .prev,.N-idx2_con .picScroll-left .hd .next{ display:block;  width:59px; height:112px; position:absolute; top:120px; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url(../images/N_arrow2.png) no-repeat;}
.N-idx2_con .picScroll-left .hd .prev{ left:-64px;}
.N-idx2_con .picScroll-left .hd .prev:hover{ background-position:0 -112px;}
.N-idx2_con .picScroll-left .hd .next{ right:-64px; background-position:-59px 0;}
.N-idx2_con .picScroll-left .hd .next:hover{ background-position:-59px -112px}
.N-idx2_con .picScroll-left .bd{ width:1200px;}
.N-idx2_con .picScroll-left .bd ul{ zoom:1; }
.N-idx2_con .picScroll-left .bd ul li{ float:left; width:300px; padding:0 50px; text-align:center; position:relative; padding-top:235px;}
.N-idx2_con .picScroll-left .bd ul li div{ background:url(../images/N_bg2.png) no-repeat; width:235px; height:235px; margin:0 auto;}
.N-idx2_con .picScroll-left .bd ul li div i{ display:block; width:235px; height:235px;}
.N-idx2_con .picScroll-left .bd ul li div i.N-idx2_ico1{ background:url(../images/N_ico1.png) center no-repeat;}
.N-idx2_con .picScroll-left .bd ul li div i.N-idx2_ico2{ background:url(../images/N_ico2.png) center no-repeat;}
.N-idx2_con .picScroll-left .bd ul li div i.N-idx2_ico3{ background:url(../images/N_ico3.png) center no-repeat;}
.N-idx2_con .picScroll-left .bd ul li div i.N-idx2_ico4{ background:url(../images/N_ico4.png) center no-repeat;}
.N-idx2_con .picScroll-left .bd ul li div i.N-idx2_ico5{ background:url(../images/N_ico5.png) center no-repeat;}
.N-idx2_con .picScroll-left .bd ul li div i.N-idx2_ico6{ background:url(../images/N_ico6.png) center no-repeat;}
.N-idx2_con .picScroll-left .bd ul li h3{ font-size:28px; color:#242424; margin:45px 0 15px;}
.N-idx2_con .picScroll-left .bd ul li p{ font-size:16px; color:#242424;}
/*我们的成功案例*/
.N-idx3 .w1200{position: initial;width: auto;max-width: initial;}
.idx-con-3 { position: relative; margin: 30px auto 0;clear: both;overflow: hidden;padding: 30px 0; }
.idx-con-3 .swiper-container { width: 100%; margin: 0 auto; overflow: visible; }
.idx-con-3 .swiper-slide { text-align: center; font-size: 18px; transform: scale(.8);background: #fff;border-radius: 8px; }
.idx-con-3 .swiper-slide div { background: #fff url(../images/bg1.png) no-repeat center top/100%; padding-top: 7.7%; box-sizing: border-box; overflow: hidden;border-radius: 8px 8px 0 0;border-bottom: 1px solid #eee;height: 305px; }
.idx-con-3 .swiper-slide-active { transform: scale(1); box-shadow: 0 2px 20px rgba(1,148,210,0.3); }
.idx-con-3 .swiper-slide img { display: block; width: 100%; }
.idx-con-3 .swiper-button-prev, .idx-con-3 .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 48px; margin-top: -24px; z-index: 5; cursor: pointer; background: #7d7d7d url(../images/arrow.png) no-repeat; width: 27px; height: 48px; }
.idx-con-3 .swiper-button-prev { left: 10px; background-position: 0 0; }
.idx-con-3 .swiper-button-next { right: 10px; background-position: -27px 0; }
.idx-con-3 .swiper-slide p { font-size: 18px; color: #656565;padding: 15px 0; }
.N-idx3_cl{ float:left; width:467px; text-align:center;}
.N-idx3_cr{ float:right; width:467px; position:relative; text-align:center;}
.N-idx3_crb{ background:url(../images/N_vs_bg.png) no-repeat; width:431px; height:337px; padding:21px 18px 0; margin-bottom:23px; position:relative;}
.N-idx3_crb div{ width:431px; height:243px; overflow:hidden;}
.N-idx3_crb i{ display:block; background:url(../images/N_vs_bg1.png) no-repeat; width:234px; height:281px; position:absolute; top:0; right:0;}
.N-idx3_crs{ background:url(../images/N_vs_bg_1.png) no-repeat; width:164px; height:230px; padding:28px 0 0; position:absolute; top:108px; right:-75px;}
.N-idx3_crs div{ width:103px; height:183px; overflow:hidden; margin:0 auto;}
.N-idx3_crs i{ display:block; background:url(../images/N_vs_bg2.png) no-repeat; width:112px; height:240px; position:absolute; top:4px; right:26px;}
.N-case_more{ font-size:15px; width:220px; height:45px; text-align:center; line-height:45px; margin:45px auto 0; border:1px #129bd5 solid; border-radius:45px; transform:}
.N-case_more a{ display:block; color:#0880b3; border-radius:45px; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s }
.N-case_more a:hover{ background:#0880b3; color:#fff;}
/*N+智网站图片效果*/
.DB_tab25 {width:100%;height:650px;position:relative;overflow:hidden; color:#fff;}
.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:650px;display:none}
.DB_tab25 .DB_imgSet{position:absolute;width:1200px;left:50%;margin-left:-600px;}
.DB_tab25 .DB_imgSet li h3{ font-size:36px;}
.DB_tab25 .DB_imgSet li h4{ font-size:24px; margin:15px 0;}
.DB_tab25 .DB_imgSet li p{ font-size:16px;}
.DB_tab25 .DB_imgSet li a{ display:block; width:220px; height:45px; text-align:center; line-height:45px; border-radius:45px; border:1px #fff solid; font-size:18px; color:#fff; margin-top:55px; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s}
.DB_tab25 .DB_imgSet li a:hover{ background-color:#fff; color:#0194d2;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:-7px;top:0;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:191px;top:214px}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:700px;top:148px; width:580px;}
.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:962px;top:0;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:418px;top:280px}
.DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:76px;top:145px; width:575px;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:189px;top:141px}
.DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left:700px;top:130px; width:445px;}
.DB_tab25 .DB_imgSet .DB_4_2{position:absolute;left:31px;top:93px;}
.DB_tab25 .DB_imgSet .DB_4_3{position:absolute;left:483px;top:240px; width:575px;}
.DB_tab25 .DB_menuWrap{position:absolute;width:1200px;left:50%;margin-left:-600px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:260px;text-align:center;font-size:0}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.DB_tab25 .DB_prev{position:absolute;left:-85px;top:320px;cursor:pointer; display:block; width:50px; height:94px; background:url(../images/N_arrow1.png) 0 0 no-repeat;}
.DB_tab25 .DB_next{position:absolute;right:-85px;top:320px;cursor:pointer; display:block; width:50px; height:94px; background:url(../images/N_arrow1.png) -50px 0 no-repeat;}
/*售后支持*/
.N-idx5{ background:#f6f6f6;}
.N-idx5_con{ overflow:hidden;}
.N-idx5_con ul{ width:1230px;}
.N-idx5_con li{ float:left; width:330px; margin:0 80px 50px 0; position:relative;}
.N-sh_r{ width:230px; font-size:14px; color:#646464; line-height:20px;}
.N-sh_r h3{ font-size:18px; color:#333; margin:10px 0;}
/*-----------------------------------------------------*/
/*网站定制开发--wangzhandingzhikaifa*/
.banner-pic { width: 100%; position: relative; overflow: hidden; z-index: 1; background: #fff; }
.dz-banner li.li_k{ width:100%; height:702px; background:url(../images/banner_bj1.jpg) center top no-repeat; position:relative; overflow:hidden;}
.dz-banner li.li_k .wrap{height: 100%;position: relative;}
.dz-banner li div.li_left{ width:54%; position:absolute; left:6%; top:32%;}
.dz-banner li div.li_left a.ljty{ width:148px; height:46px; line-height:46px; display:block; text-align:center; border:1px solid #faa513; color:#faa513; font-size:16px; border-radius:5px;}
.dz-banner li div.li_left a.ljty:hover{color: #fff;background: #faa513;}
.dz-banner li div.li_right{ position:absolute; top: 19.2%; right: 3%;width: 38.5%;}
.dz-banner li div.li_right em{ position:absolute;top:0; right:0;display: block;}
.dz-banner li div.li_right img{display: block;width: 100%;}
.banner-pic h3{/*font-size: 46px;*/font-size: 42px;color: #fff;font-weight: normal;}
.banner-pic p{font-size: 18px;color: #fff;margin: 20px 0 35px;}
.banner-pic span{font-size: 13px;color: #fff;display: block;margin-top: 75px;}
.banner-pic span em{font-size: 26px;}
.pxban{position: relative;height: 640px;overflow: hidden;}
.pxban li.li_k{background: url(../images/pxbanbg.jpg) no-repeat bottom center;height: 640px;}
.pxban .banner-pic h3{font-size: 60px;}
.pxban li.li_k .wrap{height: 539px;}
.dz-banner li div.li_right{top: 27%;width: 44.5%;}
.ban-contain{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,0.3);z-index: 20;height: 100px;}
.ban-contain li{float: left;width: 25%;box-sizing: border-box;color: #fff;position: relative;height: 100px;padding: 20px 3% 15px 6%;border-left: 1px solid #38547a;cursor: pointer;}
.ban-contain li:first-child{border: none;}
.ban-contain li img{display: block;width: 32px;height: 32px;position: absolute;left: 8%;top: 50%;margin-top: -16px;}
.ban-contain li h3{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.ban-contain li p{font-size: 12px;line-height: 16px;}
.ban-contain li:hover{background: #3a557b;}
.jian{margin-top: 75px;}
.jian .title h3,.idx-3 .title h3,.idx-4 .title h3{font-size: 42px;}
.jian .title p,.idx-3 .title p,.idx-4 .title p{font-size: 16px;color: #999;}
.jian li{float: left;width: 33.33%;text-align: center;margin-top: 40px;cursor: pointer;}
.jian li img{border-radius: 50%;display: block;margin: 0 auto;width: 100%;height: 100%;position: relative;z-index: 1;}
.imgbox{width: 74px;height: 74px;background: #fff;box-shadow: 0 4px 10px rgba(73,119,187,0.13);border-radius: 50%;position: relative;margin: 0 auto;}
.jian li img.jianimg_h{display: none;}
.jian li h3{font-size: 20px;color: #555;font-weight: bold;margin: 25px 0 10px;}
.jian li p{font-size: 14px;color: #bbb;line-height: 22px;}
.jian li p span{display: block;}
.jian li:hover .imgbox{box-shadow: 0 3px 7px rgba(1,148,210,0.3);}
.jian li:hover h3{color: #0194d2;}
.jian li:hover img.jianimg{display: none;}
.jian li:hover img.jianimg_h{display: block;}
.jian li .imgbox:after{content: '';position: absolute;width: 100%;height: 100%;border-radius: 50%;top: 0;left: 0;z-index: 0;background: -webkit-linear-gradient(#2485fb , #04d0fc);background: -o-linear-gradient(#2485fb , #04d0fc);background: -moz-linear-gradient(#2485fb , #04d0fc);background: linear-gradient(#2485fb , #04d0fc);-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);opacity: 0;}
.jian li:hover .imgbox:after {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.idx-3 { background: #f2f6fc; padding: 55px 2% 50px;overflow: hidden;margin-top: 55px;}
.idx-con-3 { position: relative; margin: 30px auto 0;clear: both;overflow: hidden;padding: 30px 0; }
.idx-con-3 .swiper-container { width: 100%; margin: 0 auto; overflow: visible; }
.idx-con-3 .swiper-slide { text-align: center; font-size: 18px; transform: scale(.8);background: #fff;border-radius: 8px; }
.idx-con-3 .swiper-slide div { background: #fff url(../images/bg1.png) no-repeat center top/100%; padding-top: 7.7%; box-sizing: border-box; overflow: hidden;border-radius: 8px 8px 0 0;border-bottom: 1px solid #eee;height: 305px; }
.idx-con-3 .swiper-slide-active { transform: scale(1); box-shadow: 0 2px 20px rgba(1,148,210,0.3); }
.idx-con-3 .swiper-slide img { display: block; width: 100%; }
.idx-con-3 .swiper-button-prev, .idx-con-3 .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 48px; margin-top: -24px; z-index: 5; cursor: pointer; background: #7d7d7d url(../images/arrow.png) no-repeat; width: 27px; height: 48px; }
.idx-con-3 .swiper-button-prev { left: 10px; background-position: 0 0; }
.idx-con-3 .swiper-button-next { right: 10px; background-position: -27px 0; }
.idx-con-3 .swiper-slide p { font-size: 18px; color: #656565;padding: 15px 0; }
.idx-more { display: block; margin: 20px auto 0; width: 150px; background: #faa513; text-align: center; height: 48px; border-radius: 48px; line-height: 48px; font-size: 15px; color: #fff; }
.idx-more:hover { background: #ed9d13; }
.idx-4 { padding: 53px 2% 55px; }
.idx-con-4 { max-width: 1200px; margin: 45px auto 0; }
.idx-con-4c { float: left; width: 31%; margin-right: 3.5%; }
.idx-con-4c.last { margin-right: 0; }
.idx-con-4t { margin-bottom: 20px; }
.idx-con-4t a { display: block; position: relative; overflow: hidden; }
.idx-con-4t img { display: block; width: 100%;transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; }
.idx-con-4t p { position: absolute; top: 50%; left: 0; width: 100%; box-sizing: border-box; color: #fff;   text-align: center;font-size: 30px;font-weight: bold;height: 50px;line-height: 50px;margin-top: -25px;}
.idx-con-4t a:hover p { bottom: 0; }
.idx-con-4c li { line-height: 30px; }
.idx-con-4c li a { display: block; font-size: 14px; background: url(../images/bg2.png) no-repeat left center; padding-left: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.idx-con-4c li a:hover { color: #0194d2; }
.pxmap{height: 450px;overflow: hidden;background-image: url(../images/pxbg1.jpg);}
.pxmap .title{margin-top: 45px;}
.pxmap .title h3{font-size: 42px;color: #fff;}
.pxmap .title p{font-size: 16px;color: #999;}
.pxmap .xg_ones{margin-top: 60px;position: relative;z-index: 2;}
.pxmap .xg_one_01 p{color: #faa513;}
.pxmap .xg_one_01b{margin-bottom: 10px;margin-top: 0;}
.pxmap .xg_one_01b i{font-size: 86px;}
.pxmap .xg_one_01 p em{font-size: 30px;top: 25px;}
.pxmap .xg_one_01 .xg_one_01c{color: #fff;font-size: 16px;}
.pxline{position: absolute;bottom: 0;left: 0;width: 100%;height: 215px;z-index: 1;}
.pxline img{display: block;position: absolute;left: 50%;margin-left: -960px;top: 0;}
.yuan{position: absolute;left: 50%;margin-left: -349px;bottom: 61px;}
.yuan em{display: block;width: 22px;height: 22px;border: 1px dotted rgba(255,255,255,0.3);border-radius: 50%;animation: yuan 1.5s ease infinite;-webkit-animation: yuan 1.5s ease infinite;-moz-animation: yuan 1.5s ease infinite;-o-animation: yuan 1.5s ease infinite;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.yuan:after,.yuan:before{content: '';display: block;border-radius: 50%;position: absolute;top: 50%;left: 50%;}
.yuan:after{background: rgba(255,255,255,0.5);width: 12px;height: 12px;margin-left: -6px;margin-top: -6px;}
.yuan:before{background: rgba(255,255,255,0.2);width: 22px;height: 22px;margin-left: -11px;margin-top: -11px;animation: yuan1 1.5s ease infinite;-webkit-animation: yuan1 1.5s ease infinite;-moz-animation: yuan1 1.5s ease infinite;-o-animation: yuan1 1.5s ease infinite;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
@keyframes yuan{
	50%{opacity: 1;}
	100%{transform: scale(2);opacity: 0;}
}
@-webkit-keyframes yuan{
	50%{opacity: 1;}
	100%{transform: scale(2);opacity: 0;}
}
@-moz-keyframes yuan{
	50%{opacity: 1;}
	100%{transform: scale(2);opacity: 0;}
}
@-o-keyframes yuan{
	50%{opacity: 1;}
	100%{transform: scale(2);opacity: 0;}
}

@keyframes yuan1{
	50%{opacity: 1;}
	100%{transform: scale(1.2);opacity: 0;}
}
@-webkit-keyframes yuan1{
	50%{opacity: 1;}
	100%{transform: scale(1.2);opacity: 0;}
}
@-moz-keyframes yuan1{
	50%{opacity: 1;}
	100%{transform: scale(1.2);opacity: 0;}
}
@-o-keyframes yuan1{
	50%{opacity: 1;}
	100%{transform: scale(1.2);opacity: 0;}
}
.yuan1{margin-left: 279px;bottom: 40px;}

/*案例移动端*/
.idx-con-33{margin: 30px 0;display: none;}
.idx-con-33 .swiper-container { width: 100%; margin: 0 auto; overflow: visible; }
.idx-con-33 .swiper-slide { text-align: center; font-size: 18px;background: #fff;border-radius: 8px;box-shadow: 0 0 5px rgba(1,148,210,0.3); }
.idx-con-33 .swiper-slide div { background: #fff url(../images/bg1.png) no-repeat center top/100%; padding-top: 7.7%; box-sizing: border-box; overflow: hidden;border-radius: 8px 8px 0 0;border-bottom: 1px solid #eee;height: 190px; }
.idx-con-33 .swiper-slide img { display: block; width: 100%; }
.idx-con-33 .swiper-slide p { font-size: 18px; color: #656565;padding: 15px 0; }
/*--------------------------------------*/
/*产业互联网*/
.s_banner{ background:url(../images/s_ban_bg.jpg) center no-repeat; height:620px; text-align:center; color:#fff; position:relative; overflow:hidden;}
.s_banner h1{ font-size:40px; font-weight:bold; margin-bottom:15px;}
.s_banner p{ font-size:18px;}
.s_banner img{ display:block;}
.s_title{ text-align:center; color:#333; width:100%;}
.s_title h2{ font-size:36px; margin-bottom:20px;}
.s_title p{ font-size:18px;}
.s-idx1_con{ overflow:hidden;}
.s-idx1_con ul{ width:1335px;}
.s-idx1_con li{ float:left; width:310px; text-align:center; margin-right:135px; position:relative; padding-top:202px;}
.s-idx1_con li div{ width:176px; height:176px; border-width:13px; border-style:solid; border-radius:176px; margin:0 auto;}
.s-idx1_con li div.s-idx_ico1{ background:#2a8cc5 url(../images/s_ico1.png) center no-repeat; border-color:#caeffa;}
.s-idx1_con li div.s-idx_ico2{ background:#3bb566 url(../images/s_ico2.png) center no-repeat; border-color:#b4f1c9;}
.s-idx1_con li div.s-idx_ico3{ background:#f89b00 url(../images/s_ico3.png) center no-repeat; border-color:#fbe9ca;}
.s-idx1_con li h3{ font-size:24px; color:#1d1d1d; margin:30px 0 25px;}
.s-idx1_con li p{ font-size:16px; line-height:30px;}
.s-idx2{ background:#ececec; height:1280px;}
.s-idx2_img img{ display:block; margin:0 auto;}
.s-idx3{ background:url(../images/s_bg1.jpg) center no-repeat; height:692px;}
.s_title1{ color:#fff;}
.s-idx3_con ul{ position:relative;}
.s-idx3_con li{ width:218px; height:140px; border-radius:15px; padding:110px 23px 0; position:relative; text-align:center; position:absolute; top:0;}
.s-idx3_con li p{ color:#fff; line-height:36px; font-size:18px;}
.s-idx3_con li h3{ position:absolute; width:95px; height:115px; padding:30px 25px 0; background:#fff; border-style:solid; border-width:10px; font-size:30px; border-radius:145px; top:-82px; left:50px;}
.s-idx3_con li.s-idx3_ico1{ color:#0397d2; background:#0397d2; left:0;}
.s-idx3_con li.s-idx3_ico1 h3{ border-color:#0397d2;}
.s-idx3_con li.s-idx3_ico2{ color:#e3a01f; background:#e3a01f; left:309px;}
.s-idx3_con li.s-idx3_ico2 h3{ border-color:#e3a01f;}
.s-idx3_con li.s-idx3_ico3{ color:#4bb689; background:#4bb689; left:616px;}
.s-idx3_con li.s-idx3_ico3 h3{ border-color:#4bb689;}
.s-idx3_con li.s-idx3_ico4{ color:#ce5b83; background:#ce5b83; left:925px;}
.s-idx3_con li.s-idx3_ico4 h3{ border-color:#ce5b83;}
.slideTxtBox{ text-align:left;}
.slideTxtBox .hd{ border-bottom:1px #ababab solid;}
.slideTxtBox .hd ul{ padding-bottom:16px; width:1266px;}
.slideTxtBox .hd ul li{ float:left; width:145px; margin-right:66px; cursor:pointer; text-align:center; font-size:16px; color:#262626; position:relative;}
.slideTxtBox .hd ul li div{ height:50px;}
.slideTxtBox .hd ul li div i{ display:block; margin:0 auto;}
.slideTxtBox .hd ul li div.s-idx2_ico1 i{ background:url(../images/s_ico4.png) no-repeat; width:44px; height:35px;}
.slideTxtBox .hd ul li div.s-idx2_ico2 i{ background:url(../images/s_ico5.png) no-repeat; width:38px; height:38px;}
.slideTxtBox .hd ul li div.s-idx2_ico3 i{ background:url(../images/s_ico6.png) no-repeat; width:51px; height:37px;}
.slideTxtBox .hd ul li div.s-idx2_ico4 i{ background:url(../images/s_ico7.png) no-repeat; width:34px; height:38px;}
.slideTxtBox .hd ul li div.s-idx2_ico5 i{ background:url(../images/s_ico8.png) no-repeat; width:33px; height:32px;}
.slideTxtBox .hd ul li div.s-idx2_ico6 i{ background:url(../images/s_ico9.png) no-repeat; width:29px; height:33px;}
.slideTxtBox .hd ul li.on em{ display:block; background:url(../images/s_iconed.png) no-repeat; width:18px; height:18px; position:absolute; left:50%; margin-left:-9px; bottom:-26px;}
.slideTxtBox .hd ul li.on{ color:#2f91e3;}
.slideTxtBox .hd ul li.on div i{ background-position:0 bottom;}
.slideTxtBox .bd{ max-width:1200px; margin:50px auto 0;}
.s-idx2_bdcon-tit{ font-size:22px; color:#1a1a1a; text-transform:uppercase; margin-bottom:10px;}
.s-idx2_bdcon-tit span{ font-size:14px; color:#686868; margin-left:25px;}
.s-idx2_bdcon-tit span i{ margin-left:20px;}
.slideTxtBox .bd p{ color: #1a1a1a; font-size: 14px; line-height: 26px;}
.slideTxtBox .bd li{ margin-bottom:30px;}
.slideTxtBox .bd li em{ color:#0194d2; font-size:14px;}
.slideTxtBox .bd li a:hover .s-idx2_bdcon-tit{ color:#0194d2;}
.slideTxtBox .bd li a:hover em{ text-decoration:underline;}
.s-idx2_btn{ text-align:center; width:100%; margin-top:60px;}
.s-idx2_btn a{ display:inline-block; height:47px; line-height:47px; border-radius:47px; border:1px #e54c0f solid; padding:0 50px; font-size:18px; color:#db4306; margin:0 10px; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s}
.s-idx2_btn a.s_sqfa{ background-color:#e54c0f; color:#fff;}
.s-idx2_btn a.s_sqfa:hover{ background-color:#0194d2; border-color:#0194d2;}
.s-idx2_btn a:hover{ background-color:#0194d2; border-color:#0194d2; color:#fff;}
.s-idx4{ height:530px; padding-top:228px;}
.s-idx4 .w1200{position: initial;width: auto;max-width: initial;}
.slideGroup{ text-align:left; margin-top:60px;}
.slideGroup .parHd ul{ width:1093px; margin:0 auto;}
.slideGroup .parHd ul li{ float:left; width:169px; height:109px; border:1px #efefef solid; position:relative; margin-right:10px; display:table;}
.slideGroup .parHd ul li a{ display:table-cell; vertical-align:middle; text-align:center;}
.slideGroup .parHd ul li img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; display:block; max-width:169px; max-height:106px; margin:0 auto;}
.slideGroup .parHd ul li a:hover img,.slideGroup .parHd ul li.on img{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}
.slideGroup .slideBox{ zoom:1; position:relative;   }
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; top:151px; display:block; width:50px; height:94px; background:url(../images/s_arrow.png) no-repeat; }
.slideGroup .sPrev{ background-position:0 0; left:-78px;}
.slideGroup .sNext{ background-position:-50px 0; right:-78px;}
.slideGroup .sPrev:hover{ background-position:0 -94px;}
.slideGroup .sNext:hover{ background-position:-50px -94px;}
.slideGroup .parBd{ width:1011px; margin:63px auto 0;}
.slideGroup .parBd ul{ zoom:1;   }
.slideGroup .parBd ul li{ border:5px #cdcdcd solid; border-radius:10px; float:left; _display:inline; overflow:hidden; text-align:center; margin-right:33px; position:relative; width:305px; height:432px;}
.slideGroup .parBd ul li a{ display:block; color:#fff; width:305px; height:432px;}
.slideGroup .parBd ul li img{ display:block;}
.s-idx4_con{ display:none; position:absolute; top:0; left:0; background:url(../images/s_bgpng.png) repeat; width:265px; height:323px; border-radius:5px; padding:109px 20px 0;}
.s-idx4_con img{ margin:0 auto;}
.s-idx4_con h3{ font-size:16px; margin:25px 0 15px;}
.s-idx4_con p{ font-size:13px; line-height:22px;}
.s-idx4_con span{ text-decoration:underline; display:inline-block; margin-top:15px;}
.slideGroup .parBd ul li a:hover .s-idx4_con{ display:block;}
.s-idx5{ background:url(../images/s_bg2.jpg) center no-repeat; height:300px; overflow:hidden; text-align:center;}
.s-idx5_con{ width:453px; height:121px; border:1px #fff solid; margin:75px auto; color:#fff; position:relative;}
.s-idx5_con h3{ font-size:30px; line-height:95px;}
.s-idx5_con a{ display:block; width:248px; height:46px; font-size:19px; color:#242a49; background:#fff; border-radius:5px; line-height:46px; position:absolute; left:103px; bottom:-23px; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s}
.s-idx5_con a:hover{ background:#0194d2; color:#fff;}
/*解决方案动画效果-------------------------------*/
.animation1 h1{ top:160px; opacity:1;}
.animation1 p{ top:220px; opacity:1;}
.animation1 .s_banner1{ top:321px; opacity:1;}
.animation1 .s_banner2{ top:346px; opacity:1; transition-delay:.1s;}
.animation1 .s_banner3{ top:346px; opacity:1; transition-delay:.2s;}
.animation1 .s_banner4{ top:392px; opacity:1; transition-delay:.3s;}
.animation1 .s_banner5{ top:392px; opacity:1; transition-delay:.4s;}
.s-idx1.animation .s_title,.s-idx2.animation .s_title{ top:55px; opacity:1;}
.animation .s-idx1_con{ top:204px;}
.animation .s-idx1_con li div{ width:176px; height:176px; margin-left:-101px; top:0; opacity:1; transition-delay:.3s;}
.animation .s-idx1_con li div.s-idx_ico2{ transition-delay:.6s;}
.animation .s-idx1_con li div.s-idx_ico3{ transition-delay:.9s;}
.animation .s-idx1_con li:hover div{ -webkit-transform: rotateY(180deg); /* flip horizontally 180deg*/ -moz-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}
.animation .s-idx2_img{ top:230px; opacity:1;}
.animation.s-idx2_con{ top:807px; opacity:1;}
.animation.s-idx3 .s_title{ top:65px; opacity:1;}
.animation li.s-idx3_ico1{ top:0; opacity:1;}
.animation li.s-idx3_ico2{ top:0; opacity:1; transition-delay:.2s;}
.animation li.s-idx3_ico3{ top:0; opacity:1; transition-delay:.4s;}
.animation li.s-idx3_ico4{ top:0; opacity:1; transition-delay:.6s;}
.animation.s-idx4 .s_title{ top:80px; opacity:1;}
.xiahua_k{width:1170px; padding-bottom:35px; margin:0 auto; height:400px; border:1px solid #dcdcdc;}
.xiahua{width:1100px; padding:0 35px; height:400px;overflow:auto}
.xiahua h3{ font-size:20px; color:#292929; margin:40px 0 15px;}
/*----------------------------------*/
/*弹窗*/
.sytk{ display:none; width:497px; height:423px; position:fixed; top:50%; left:50%; margin-top:-251px; margin-left:-291px; background:url(../images/tc_bg.png) no-repeat; z-index:100; overflow:hidden; padding:80px 0 0 85px;}
.sytk_yy{ display:none; position:fixed; width:100%; height:100%; background:url(../images/tcyy.png) repeat; z-index:99; left:0px; top:0px;}
.sytk label{ font-size:16px; color:#000; margin:0 10px;}
.sytk ul{ width:292px;}
.sytk li{ margin-bottom:16px;}
.sytk .tc_qr{ text-align:center;}
.sytk .tc_qr  button{ width:206px; height:56px; border:none; background:url(../images/tc_btn.png) no-repeat; border:none; color:#FFF; cursor:pointer; margin-top:20px; display:block; margin:48px 0 0 103px;}
.sytk li input{ height:31px; padding:5px; width:279px; border:none; line-height:31px; background:none; color:#000;}
.sytk .tc_gsmc input{ width:350px;}
.tc_hy select{ height:38px; padding:5px; width:360px;}
.tc_sm textarea{ width:333px; height:73px; padding:5px; border:none; background:none; color:#000;}
.tc_sm label{ display:block; float:left;}
.sytk i{ width:46px; height:46px; right:10px; top:10px; display:block; position:absolute;background:url(../images/close.png) no-repeat; cursor:pointer;}
.sytk p{ font-size:15px; color:#353535; text-align:center; width:420px;}
/*-----------------------------*/
/*品牌网络营销*/
.zgj_banner { width:100%; height:683px; text-align:center; overflow:hidden; position:relative;}
.zgj_banner img { width:1920px; height:683px; position:absolute; left:50%; margin-left:-960px;}
.zgj_title { text-align:center; color:#333; width:100%;}
.zgj_title h2{ font-size:36px; margin-bottom:20px;}
.zgj_title p { font-size:18px; color:#5a5a5a; margin-bottom:30px;}
.zgj-idx1_img{ overflow:hidden; position:relative; z-index:1; display:block;}
.zgj-idx2 { background:#ededed; height:700px; position:relative;}
/*.zgj-idx2_con { overflow:hidden;}*/
.zgj-idx2_con ul { width:1190px; margin:0 auto;}
.zgj-idx2_con li { float:left; width:170px; text-align:center;}
.zgj-idx2_con li img { width:122px; height:122px; overflow:hidden;}
.zgj-idx2_con li h2 { font-size:16px; color:#3a3a3a; font-weight:bold; padding:20px 0 15px;}
.zgj-idx2_con li p { line-height:24px; text-align:center;}
.zgj-idx2_con li p a { font-size:14px; color:#3a3a3a;}
.zgj-idx2_con li p a:hover { color:#0194d2;}
.zgj-idx3 { width:100%; height:700px; overflow:hidden; background:url(../images/zgj_bg2.png) no-repeat top center; position:relative;}
.zgj-idx3 .zgj_title h2 { color:#fff;}
.zgj-idx3_con { width:776px; margin:65px auto 0; overflow:hidden;}
.zgj-idx3_conl { width:168px; height:444px; border-radius:444px; background:url(../images/zgj_bg1png.png) repeat; padding:0 175px 0 101px;}
.zgj-idx3_conl h2 { font-size:30px; color:#fff; text-align:center; margin-top:70px;}
.zgj-idx3_conl span { width:50px; height:3px; display:block; background:#fff; margin:15px auto 30px; position:relative; left:3px;}
.zgj-idx3_conl p { font-size:24px; color:#fff; line-height:36px; text-align:center;}
.zgj-idx3_conr { width:289px; height:444px; border-radius:444px; background:url(../images/zgj_bg2png.png) repeat; float:left; margin-left:-112px; padding:0 75px 0 80px;}
.zgj-idx3_conr h2 { font-size:30px; color:#fff; text-align:center; margin-top:70px;}
.zgj-idx3_conr span { width:50px; height:3px; display:block; background:#fff; margin:15px auto 30px;}
.zgj-idx3_conr p { font-size:24px; color:#fff; line-height:36px; text-align:center;}
.zgj-idx4_con { width:1196px; height:340px; overflow:hidden; background:url(../images/zgj_bg3.png) no-repeat;}
.zgj-idx4_con li { width:325px; margin-left:10px; margin-top:70px; height:80px; overflow:hidden; float:left; margin-right:510px;}
.zgj-idx4_con li:nth-child(2n) { margin-right:0;}
.zgj-idx4_con li a { display:block;padding-left:95px; width:230px; height:80px; font-size:14px; color:#4f4f4f; line-height:22px;}
.zgj-idx4_con li span { display:block; color:#020202; font-size:19px; padding-top:4px; margin-bottom:6px;}
.zgj_con1 a { background:url(../images/zgj_icn5.png) no-repeat left center;}
.zgj_con1 a:hover{ background-image:url(../images/zgj_icn5_h.png);}
.zgj_con2 a { background:url(../images/zgj_icn2.png) no-repeat left center;}
.zgj_con2 a:hover{ background-image:url(../images/zgj_icn2_h.png);}
.zgj_con3 a { background:url(../images/zgj_icn3.png) no-repeat left center;}
.zgj_con3 a:hover{ background-image:url(../images/zgj_icn3_h.png);}
.zgj_con4 a { background:url(../images/zgj_icn4.png) no-repeat left center;}
.zgj_con4 a:hover{ background-image:url(../images/zgj_icn4_h.png);}
.zgj-idx5 { background:#f0f0f0; height:872px; position:relative;}
.zgj-idx5_con ul { width:1122px; padding:0 39px;}
.zgj-idx5_con ul li { width:330px; float:left; text-align:center; margin-right:66px; position:relative; padding-top:263px;}
.zgj-idx5_con ul li:last-child { margin-right:0;}
.zgj-idx5_con ul li h2 { font-size:24px; color:#161616; padding-bottom:25px;} 
.zgj-idx5_con ul li p { font-size:18px; color:#484848;}
.zgj_alink { height:50px; background:#e54c0f; display:block; border-radius:50px; width:260px; margin:0 auto; line-height:50px; text-align:center; font-size:18px; color:#fff; position:relative; z-index:2; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s}
.zgj_alink1 { height:50px; background:#e54c0f; display:block; border-radius:50px; width:190px; margin:0 auto; line-height:50px; text-align:center; font-size:18px; color:#fff; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s}
.zgj_alink2 {height:70px; background:#e54c0f; display:block; border-radius:70px; width:480px; margin:0 auto; line-height:70px; text-align:center; font-size:26px; color:#fff; margin-top:100px; margin-bottom:100px; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s}
.zgj_alink:hover,.zgj_alink1:hover,.zgj_alink2:hover{ color:#fff; background:#0194d2;}
/*----------------------------*/
/*案例*/
.kehu_ban{ width:100%; height:560px; overflow:hidden; position:relative;}
.kehu_ban img{ position:absolute; top:0; left:50%; margin-left:-960px;display: block;}
.kehu_ban img.wapbanner{display: none;}
.p-cro{/* width:1200px;*/ margin:0 auto; padding:0px 1% 80px; overflow:hidden;}
/*.p-cro ul{ width:1212px;}*/
.p-cro li{ float:left; width:23%; margin:0 0 25px 0; position:relative; overflow:hidden;/* height:292px;*/padding: 0 1%;}
.p-cro li img{ display:block;}
.p-cro li a{ display:block; background:#ebebeb;padding: 20px 0;position: relative;}
.p-cro li div.wst{ background:url(../images/black.9.png) repeat; color:#fff; position:absolute; bottom:0; left:0;right: 0; height:0; text-align:center; font-size:14px; transform:all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; padding:0 25px;}
.p-cro li div h3{ font-size:26px; margin-bottom:8px; line-height:150%;}
.p-cro li:hover .wst{ height:92.7%; padding-top:7.3%; z-index:4;}
.sitename{font-size: 18px;color: #333;height: 50px;line-height: 48px;padding-left: 15px;background: #fff;position: relative;z-index: 5;}
.sitename em{display: block;width: 0;height: 2px;background: #0194d2;position: absolute;left: 0;bottom: 0;transform:all .3s ease;-moz-transition: all .3s ease;	-webkit-transition: all .3s ease;-o-transition: all .3s ease;}
.p-cro li:hover .sitename em{width: 100%;}
.cro-more{ text-align:center; margin-top:60px;}
.hzkh_ewm{ width:120px; height:120px; margin:15px auto;}
.p-cro li{ position:relative;}
.p-cro li .hzkh_dnsj{ width:90%;margin: 0 auto;position: relative;/* height:292px; position: absolute; padding:0px; left:0; top:0px;*/}
.case_pc,.case_wap,.case_wap1{display: block;width: 100%;margin: 0 auto;}
.p-cro li .hzkh_dnp{  /*width:376px; height:270px; background:url(../images/bj_dnp.png) no-repeat scroll 0% 0%;*/ padding:0px; position:absolute; top:0; left:0;height: 100%;}
.p-cro li .hzkh_xsjp{width:29.4%;/*  padding:0px;background:url(../images/sjbj_one.png) no-repeat scroll 0% 0%/115px auto;*/ position:absolute;  right: 0; bottom:0; }
.p-cro li .hzkh_xsjp p{position: absolute;}
.p-cro li .bjt_gy{ position:absolute; right:0; top:0; width:33%; height:154px; padding:0px;background:url(../images/sjbj_yy.png) no-repeat scroll 0% 0%/100% auto;}
.p-cro li .hzkh_dnp p{ width:82.4%; height:62%;margin-left: 8.5%;margin-top: 6%; overflow:hidden;}
.p-cro li .hzkh_xsjp p{width:61%; height:68%;left: 20%;top:15%; overflow:hidden;position: absolute;}
.p-cro li .hzkh_zsj{width:100%;/* height:292px; background:url(../images/bj_bjt.png) no-repeat scroll 50% 0%; padding:0px;*/ position:absolute; bottom:-20px; left:0px;}
.p-cro li .hzkh_zsj p{width:46.2%; height:81.5%;left:26.8%;bottom:0; overflow:hidden;position: absolute;}
/*.hzkh_dnp .bjt_gy{ position:absolute; right:0; top:0; width:50%; height:173px; padding:0px;background:url(../images/dntmbj.png) no-repeat scroll 0% 0%/170px auto;}*/
/*.hzkh_dnp1 .bjt_gy{ position:absolute; right:42px; top:5px; width:170px; height:173px; padding:0px;background:url(../images/dntmbj.png) no-repeat scroll 0% 0%/170px auto;}*/
.p-cro li .hzkh_xsjp .bjt_gy{ position:absolute; right:3%; top:0; width:50%; height:154px; padding:0px;background:url(../images/sjbj_yy.png) no-repeat scroll 0% 0%/100% auto;}
.kehu_ban_wz{ width:610px; height:245px; position:absolute; top:158px; left:50%; margin-left:-305px; color:#fff;}
.kehu_ban_wz h3{ height:125px; line-height:125px; font-size:48px; font-weight:600; text-align:center;}
.kehu_ban_wz span{ width:568px; height:68px; border:1px solid #4d99e2; display:block; margin:0 auto; line-height:68px; font-size:24px; text-align:center;}
.kh_nav{ max-width:1045px; margin:60px auto; overflow:hidden;}
.h4_gy{ text-align:center; font-family:Arial; font-size:18px; color:#999; text-transform:uppercase;}
.h4_gy em{ display:block; font-size:36px; color:#333; font-weight:600; font-family:'微软雅黑'; line-height:150%;}
.kh_nav .h4_gy{ font-family:'微软雅黑'; margin-bottom:30px;}
.kh_nav ul li{ width:197px; float:left; margin:0 6px;}
/*.kh_nav ul li:first-child{ width:153px;}
.kh_nav ul li:first-child a{ width:151px;}*/
.kh_nav ul li a{ width:195px; border:1px solid #ccc; display:table; height:50px; line-height:50px; font-size:20px; text-align:center;border-radius:50px;}
.kh_nav ul li a span{ display:table-cell; vertical-align:middle; text-align:left; padding-left:5px;}
.kh_nav ul li a em{ display:table-cell; vertical-align:middle; text-align:right;}
.kh_nav ul li a img{ display:block; float:right;}
.kh_nav ul li a.active,.kh_nav ul li a:hover{ border:1px solid #f27c0c; color:#f27c0c;}
.kh_nav ul li a em b,.kh_nav ul li a.active em i,.kh_nav ul li a:hover em i{ display:none;}
.kh_nav ul li a.active em b,.kh_nav ul li a:hover em b{ display:block;}
.kehu_list{ width:1212px; margin:0 auto 60px; overflow:hidden;}
.kehu_list li{ float:left; margin:0 6px; width:392px; height:292px; background:#ebebeb;}
.huoban h4{ font-size: 16px; color: #777; margin: 0 auto; text-align: center; }
.huoban h4 span{ font-size: 30px; color: #333; display: block; margin-bottom: 30px; }
.huoban{ max-width:1200px; margin:0 auto; overflow:hidden; padding:0 0 70px;}
.huoban ul{ margin-top:50px;}
.huoban ul li{ width:23%; margin:20px 1%; float:left;}
.huoban ul li img{ width:100%; border:1px solid #e5e5e5}
/*-----------------------------------------------*/
/*合作客户详情*/
.cro-banner{ background:url(../images/kh_bg1.jpg) center top no-repeat; padding:80px 0 0;}
.cro-ban-top{ width:970px; margin:0 auto; overflow:hidden;}
.cro-logo{ float:left; border-right:1px #9c9c9c solid; height:80px; padding-right:2%; display:table;width: 20%;}
.cro-logo a{ display:table-cell; vertical-align:middle;}
.cro-logo a img{ max-height:80px;max-width: 100%;display: block;margin: 0 auto;}
.cro-info{float:right;width: 76%;}
.cro-info p{ font-size:16px; color:#2a2a2a; line-height:26px; margin-bottom:5px;}
.cro-info a{ font-size:14px; color:#727272; text-decoration:underline;}
.cro-info a:hover{ color:#0194d2;}
.cro-bot{ width:876px; margin:60px auto 0; position:relative;}
.cro-pc{ background:url(../images/pc_bg.png) no-repeat; width:787px; height:594px; padding:38px 0 0 38px; position:relative;}
.pcimg{width:759px; height:426px;overflow: hidden;}
.pcimg img{display: block;width: 100%;}
.cro-waps{ background:url(../images/sjbj_one.png) no-repeat; width:402px; height:682px; padding:38px 0 0 38px; position:relative;margin-left: 250px;}
.cro-bot .cro-waps i{ display:block; background:url(../images/sjbj_yy.png) no-repeat; width:265px; height:682px; position:absolute; top:-6px; right:36px;}
.cro-waps img{ position:absolute;width:265px;}
.cro-waps em{ width:265px; height:473px; display:block; overflow:hidden; position:absolute; left:68px; top:90px;}
.cro-waps .cro-waps-ewm img{ top:150px; width:120px; left:50%; margin-left:-60px;}
.cro-waps a div{ position:absolute; top:0; left:0; width:184px; height:215px; padding-top:105px; background:url(../images/wap_bgpng.png) repeat; text-align:center; transform:all .2s ease;-moz-transition: all .2s ease;	/* Firefox 4 */-webkit-transition: all .2s ease;	/* Safari 和 Chrome */-o-transition: all .2s ease; opacity:0;}
.cro-waps-ewm{ opacity:0; width:265px; height:473px; margin-top:52px; margin-left:30px; position:relative;background: transparent url(../images/wap_bgpng.png) repeat scroll 0% 0%;}
.cro-waps-ewm:hover{ opacity:1;}
.cro-pc i{ display:block; background:url(../images/kh_bg2.png) no-repeat; width:411px; height:496px; position:absolute; top:0; right:0;}
.cro-wap{ background:url(../images/gaigai_1.png) no-repeat; width:220px; height:385px; padding:48px 0 0 8px; position:absolute; right:-60px; top:201px;}
.cro-wap i{ display:block;width:183px; height:319px; position:absolute; top:0px; right:0;}
.cro-wap a{ display:block; width:183px; height:319px; position:relative; overflow:hidden; margin-left:10px;}
.cro-wap a div.wap-ewm{ position:absolute; top:0; left:0; width:184px; height:215px; padding-top:105px; background:url(../images/wap_bgpng.png) repeat; text-align:center; transform:all .2s ease;-moz-transition: all .2s ease;	/* Firefox 4 */-webkit-transition: all .2s ease;	/* Safari 和 Chrome */-o-transition: all .2s ease; opacity:0;}
.cro-wap a div.wap-img img{ width:100%;}
.cro-wap a:hover div{ opacity:1;}
.cro-row{ height:85px; background:#e1e1e1; margin:100px 0 70px;}
.cro-row .w1200{ max-width:1200px; margin:0 auto;}
.cro-row a{ display:inline-block; font-size:18px; color:#404040; padding:32px 15px 28px;}
.cro-row a.pcsite{ background:url(../images/pc_ico.png) 15px 36px no-repeat; padding-left:50px; margin-right:60px;}
.cro-row a:hover,.cro-row a.current{ color:#0565a2; border-bottom:3px #0565a2 solid; padding-bottom:29px;}
.cro-row a.pcsite:hover,.cro-row a.pcsite.current{ background-image:url(../images/pc_ico_h.png);}
.cro-row a.wapsite{ background:url(../images/wap_ico_h.png) 15px 36px no-repeat; padding-left:38px;}
.cro-row a.wapsite:hover,.cro-row a.wapsite.current{ background-image:url(../images/wap_ico.png);}
.cro_tit{ color:#222; font-size:24px; margin-bottom:40px;}
.cre-dett-c{height: 675px;overflow: hidden;}
.cre-det{ background:url(../images/pc_bg1.png) center top no-repeat; width:100%; height:619px; margin:0 auto; padding-top:56px;}
.site-pc{ width:945px; height:580px; margin:0 auto; border-radius:0 0 12px 12px; overflow:hidden;}
.cre-det1{ background:url(../images/wap_bg1.png) center top no-repeat; width:100%; height:707px; margin:0 auto; padding-top:83px;}
.site-wap{ width:315px; height:563px; margin:0 auto; overflow:hidden;}
.slideTxtBox1{ width:945px; margin:0 auto; text-align:left; position:relative;}
.slideTxtBox1 .hd ul{  position:absolute; right:-129px; top:-177px; z-index:55;   }
.slideTxtBox1 .hd ul li{ float:left; font-size:14px; color:#404040; padding:0 30px; cursor:pointer;}
.slideTxtBox1 .hd ul li.on{ color:#0565a2;}
.slideTxtBox1 .bd img{ max-width:100%; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox1 .arrow a{ display:block;  width:67px; height:119px; overflow:hidden; cursor:pointer; background:url(../images/kh_arrow.png) 0 0 no-repeat; position:absolute; top:205px; z-index:55;}
.slideTxtBox1 .arrow .prev{ left:-127px;}
.slideTxtBox1 .arrow .prev:hover{ background-position:0 -119px;}
.slideTxtBox1 .arrow .next{ right:-127px; background-position:-67px 0;  }
.slideTxtBox1 .arrow .next:hover{ background-position:-67px -119px;}
.slideTxtBox1 .arrow .prevStop{ background-position:-60px 0; }
.slideTxtBox1 .arrow .nextStop{ background-position:-60px -50px; }
.slideTxtBox2{ width:945px; margin:0 auto; text-align:left; position:relative;}
.slideTxtBox2 .hd ul{  position:absolute; right:-444px; top:-204px; z-index:55;   }
.slideTxtBox2 .hd ul li{ float:left; font-size:14px; color:#404040; padding:0 30px; cursor:pointer;}
.slideTxtBox2 .hd ul li.on{ color:#0565a2;}
.slideTxtBox2 .bd img{ width:100%;display: block; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox2 .arrow a{ display:block;  width:67px; height:119px; overflow:hidden; cursor:pointer; background:url(../images/kh_arrow.png) 0 0 no-repeat; position:absolute; top:205px; z-index:55;}
.slideTxtBox2 .arrow .prev{ left:-444px;}
.slideTxtBox2 .arrow .prev:hover{ background-position:0 -119px;}
.slideTxtBox2 .arrow .next{ right:-444px; background-position:-67px 0;  }
.slideTxtBox2 .arrow .next:hover{ background-position:-67px -119px;}
.slideTxtBox2 .arrow .prevStop{ background-position:-60px 0; }
.slideTxtBox2 .arrow .nextStop{ background-position:-60px -50px; }
.cro-zan{ text-align:center; padding:30px 0 50px;}
.cro-zan a.cro-aa{ display:inline-block; height:45px; border:1px #cbcbcb solid; padding:0 35px; font-size:18px; color:#919191; line-height:45px; border-radius:45px; vertical-align:middle; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s;}
.zan{ display:inline-block; background:url(../images/zan.png) no-repeat; width:44px; height:19px; color:#fff; font-size:12px; vertical-align:middle; padding-top:25px; margin:0 13px;}
.cro-zan a.cro-aa:hover{ background:#00b2df; color:#fff; border-color:#00b2df;}
/*案例详情*/
.cre-dett-wap{display: none;}
/*--------------------------------------*/
/*关于我们*/
.ny_ban { width: 100%; height: 400px; background: url(../images/gywm_ban.jpg) center top no-repeat; display: table; }
.ny_ban h2 { display: table-cell; vertical-align: middle; text-align: center; font-size: 20px; color: #fff; }
.ny_ban h2 span { display: block; font-size: 42px; line-height: 180%; }
.gsjj { padding: 85px 0 55px; overflow: hidden; max-width: 1200px; margin: 0 auto; }
.gsjjc{width: 48.3%;float: left;display: inline;}
.gsjjc h4 { font-size: 30px; color: #187ec2;margin-bottom: 15px; }
.gsjjc span { font-size: 14px; color: #666; line-height: 24px; }
.gsjj img { float: right; max-width: 46.7%; }
.gsjjc h4 img{ float:none; width:auto; height:auto; margin-bottom:10px; display:block;}
.jiazhiguan { width: 100%; padding: 65px 0; background: #f8f8f8; }
.jiazhiguan h4 { font-size: 16px; color: #777; text-align: center; }
.jiazhiguan h4 span { display: block; font-size: 30px; color: #282828; margin-bottom: 30px; line-height: 100%; }
.jiazhiguan ul { margin: 60px auto 0; clear: both;overflow: hidden;max-width: 1200px; }
.jiazhiguan ul li { width: 31.33%; margin: 0 1%; float: left; cursor: pointer; position: relative; }
.jiazhiguan ul li .span { background: url(../images/span_bj.png) left top no-repeat; display: block; width: 100%; bottom: 0; position: absolute; left: 0; top: 0; color: #fff; text-align: center; font-size: 16px; opacity: 0; filter: alpha(opacity=0); transition: all .03s;border-radius: 10px;}
.jiazhiguan ul li .span div{display: table;width: 100%;height: 100%;}
.jiazhiguan ul li .span div span{display: table-cell;vertical-align: middle;text-align: center;}
.jiazhiguan ul li img{display: block;width: 100%;}
.jiazhiguan ul li span em { display: block; font-size: 30px; line-height: 200%; }
.jiazhiguan ul li:hover .span { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s; }
.licheng { max-width: 1200px; margin: 0 auto;/* overflow: hidden;*/ padding: 70px 0 0; }
.licheng h2 { font-size: 16px; color: #777; text-align: center; }
.licheng h2 span { font-size: 30px; display: block; color: #333; margin-bottom: 30px; }
.history{ max-width:1200px; margin:30px auto 0; height:600px; position:relative;}
.history ul{ border-left:1px solid #bfbfbf; padding:0 1% 35px 4%; position:absolute; bottom:0; width:20%;}
.history ul.his1{ left:0;}
.history ul.his2{ left:25%;}
.history ul.his3{ left:50%;}
.history ul.his4{ left:75%;}
.history li{ margin-bottom:25px;}
.history ul:after{ content:''; display:block; width:13px; height:13px; position:absolute; left:-8px; top:0; background:#fff; border-radius:100%; border:1px solid #c1c1c1;}
.history li span{ font-size:14px; color:#999; display:block; margin-bottom:10px;}
.history li p{ font-size:14px; color:#666; line-height:24px;}
.history li h3{ font-family:Arial; font-size:36px; color:#187ec2;}
.ryzz { width: 100%; height: 620px; padding-top: 75px; text-align: center; background: url(../images/ryzz_bj.jpg) center top no-repeat; }
.ryzz h4 { color: #fff; font-size: 16px; }
.ryzz h4 span { font-size: 30px; display: block; margin-bottom: 30px; }
.ryzz .picScroll-left { width: 100%; overflow: hidden; position: relative; padding-top: 90px; }
.ryzz .picScroll-left .hd { height: 50px; width:100%; max-width:1500px; position: absolute; z-index: 9; left: 50%; transform:translateX(-50%);}
.ryzz .picScroll-left .hd .prev, .ryzz .picScroll-left .hd .next { display: block; width:40px; height:40px; float: right; position: absolute; top: 145px; cursor: pointer; }
.ryzz .picScroll-left .hd .next { background: url(../images/next_.png) left top no-repeat; background-size:100%; right: 10px; }
.ryzz .picScroll-left .hd .prev { background: url(../images/prev_.png) left top no-repeat; background-size:100%; left: 10px; }
.ryzz .tempWrap { margin: 0 auto; }
.ryzz .picScroll-left .bd { width: 1248px; overflow: hidden; margin: 0 auto; }
.ryzz .picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.ryzz .picScroll-left .bd ul li { float: left; _display: inline; overflow: hidden; text-align: center; width: 272px; height: 350px; margin: 0 20px; background: url(../images/ryzz_libj.png) left top repeat; }
.ryzz .picScroll-left .bd ul li .pic { text-align: center; position: relative; display: table; width: 272px; height: 350px; }
.ryzz .picScroll-left .bd ul li .pic a { display: table-cell; vertical-align: middle; }
.ryzz .picScroll-left .bd ul li .pic img { display: block; margin: 0 auto; max-width: 94%; }
.yugong { max-width: 1200px; margin: 0 auto; text-align: center; padding: 65px 0; overflow: hidden; }
.yugong h4 { font-size: 16px; color: #333; }
.yugong h4 span { font-size: 30px; margin-bottom: 30px; display: block; }
.yugong ul { padding-top: 20px; }
.yugong ul li { width: 31.33%; float: left; margin: 34px 1% 0; position: relative;/* height: 233px;*/ }
.yugong ul li a { display: block;width: 100%;height: 100%;position: relative; }
.yugong ul li img{display: block;width: 100%;}
.yugong ul li .span1 { background: url(../images/ygfc_spanbj.png) left top repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 24px; color: #fff; text-align: center; z-index: 1; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s }
.yugong ul li .span1 div{display: table;width: 100%;height: 100%;text-align: center;}
.yugong ul li .span1 div span{display: table-cell;vertical-align: middle;}
.yugong ul li span img { display: block; margin: 20px auto 0;width: auto; }
.yugong ul li a:after, .yugong ul li a:before { box-sizing: border-box; content: ""; display: block; width: 90%; height: 90%; position: absolute; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; }
.yugong ul li a:after { border-top: 1px solid rgba(255,255,255,0.52); border-bottom: 1px solid rgba(255,255,255,0.5); position: absolute; top: 5%; left: 5%; transition: all 0.3s linear; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); }
.yugong ul li a:before { border-left: 1px solid rgba(255,255,255,0.5); border-right: 1px solid rgba(255,255,255,0.5); position: absolute; top: 5%; left: 5%; transition: all 0.3s linear; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); }
.yugong ul li a:hover::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }
.yugong ul li a:hover::before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); }
.yugong ul li a:hover .span1 { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s }
/*----------------------------------------------*/
/*联系我们*/
.content{ padding-bottom:100px;}
.contact{ padding-top:37px;}
.contact-t h2{ font-size:20px; color:#262626; margin-bottom:25px;}
.contact-t img{display: block;width: 100%;}
.cont-l{ float:left; margin-top:50px;}
.cont-l p{font-size:14px; color:#252525;padding: 10px 0 10px 58px;}
.cont-l p.p1{background:url(../images/lxwm_bg1.jpg) 20px center no-repeat;}
.cont-l p.p2{background:url(../images/lxwm_bg2.jpg) 20px center no-repeat;}
.cont-l p.p3{background:url(../images/lxwm_bg3.jpg) 20px center no-repeat;}
.cont-l p.p4{background:url(../images/lxwm_bg4.jpg) 20px center no-repeat;}
.cont-l p a{ color:#252525;}
.cont-l p a:hover{ color:#c92a32;}
.cont-r{ float:right; padding-top:40px;}
.cont-r span{ float:left; width:129px; margin-right:60px; text-align:center; font-size:14px; color:#252525;}
.cont-r span img{ border:1px #d6d6d6 solid; display:block; margin-bottom:12px;width: 127px;height: 127px;margin: 0 auto 10px;}
.cont-tb{ margin-top:40px; padding-left:21px;}
.cont-tb div{ float:left; width:33.33%;}
.cont-tb div p{ line-height:30px; color:#252525; font-size:14px;}
.cont-tb div h3{ color:#252525; font-size:14px; font-weight:bold; margin-bottom:10px;}
/*--------------------------------------*/
/*增值服务*/
#zengzhi{ height:auto;}
#zengzhi img{display: block;position: inherit;width: 100%;height: 100%;margin: 0;left: 0;top: 0;}
/*增值服务体系*/
.fu_banner{ width:100%; height:628px; overflow:hidden; position:relative;}
.fu_banner img{ position:absolute; top:0; left:50%; margin-left:-960px;}
.fu-idx{ padding:70px 0 60px; overflow:hidden; position:relative;}
.bgececec{ background:#ececec;}
.fu-text{ width:42.5%; position:relative;}
.fu-text h3{ width:100%; font-size:36px; color:#333; margin-bottom:20px;}
.fu-text p{ width:100%; font-size:18px; color:#5a5a5a; line-height:34px;}
.fu-text a{ width:100%; display:block; margin-top:40px; width:167px; height:44px; line-height:44px; color:#fff; font-size:18px; text-align:center; background:#e54c0f; border-radius:22px; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s}
.fu-text a span{ margin-left:20px;}
.fu-text a:hover{ background:#0194d2;}
.fu-idx5{ background:url(../images/fu_bg1.jpg) center no-repeat; height:210px; text-align:center; color:#fff; padding-top:90px;}
.fu-idx5 h3{ font-size:32px;}
.fu-idx5 h3 span{ font-size:38px; color:#4cb8ff;}
.fu-idx5 a{ display:block; width:240px; height:58px; background:#e54c0f; color:#fff; border-radius:6px; margin:29px auto 0; font-size:24px; line-height:58px; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s}
.fu-idx5 a:hover{ background:#fff; color:#e54c0f;}
.fu-idx_1{ position:relative;}
.fu-idx_1 .fu-text{ margin-top:65px;}
.fu-idx_2{ padding:0 0 0 0; position:relative;}
.fu-idx_2 .fu-text{ margin-top:30px;}
.fu-idx_3{ padding:0 35px 0 0; position:relative;}
.fu-idx_3 .fu-text{ margin-top:60px;}
.fu-idx_4{ padding:0 105px 0 56px; position:relative;}
.fu-idx_4 .fu-text{ margin-top:55px;}
.fu-idx_5{/* padding:0 105px 0 97px;*/ position:relative;}
.fu-idx_5 .fu-text{ margin-top:60px;}
.fu-idx_6{ padding:0 83px 0 55px; position:relative;}
.fu-idx_6 .fu-text{ margin-top:65px;}
.fu-idx_7{/* padding:0 98px 0 100px;*/ position:relative;}
.fu-idx_7 .fu-text{ margin-top:85px;}
.fu-idx_8{ padding:0 35px 0 53px; position:relative;}
.fu-idx_8 .fu-text{ margin-top:85px;}
.fu-idx_9{ padding:0 85px 0 87px; position:relative;}
.fu-idx_9 .fu-text{ margin-top:85px;}
.fu-idx .clearfix{ max-width:1200px; margin:0 auto; position:relative; overflow:hidden;}
.fu-idx .gy_em{ width:41.6%; float:left;}
.fu-idx .gy_em img{ float:right;max-width: 100%;}
.bgececec .gy_em{ float:right;}
.bgececec .fu-text{ float:left;}
.fu-text1{ float:right;}
/*----------------------------------------*/
/*网商学院*/
.w1145 { max-width: 1145px; margin: 0 auto; }
.sxybanner{ width:100%; height:258px; overflow:hidden; position:relative;}
.sxybanner img{ position:absolute; top:0; left:50%; margin-left:-960px;}
.content{ padding-bottom:100px;}
.idx1{ padding:25px 0 50px; width:1173px;}
.idx1 dl{ float:left; border-right:1px #dedede solid; margin-right:40px; padding-bottom:10px;}
.idx1 dl dt{ margin-bottom:15px; padding-bottom:5px;}
.idx1 dl dt a:hover{ color:#f08200;}
.idx1 dl.dl_1{ width:307px;}
.idx1 dl.dl_1 dt{ background:url(../sxyimage/t_ico.png) left -154px no-repeat; padding-left:52px;}
.idx1 dl.dl_2{ width:266px;}
.idx1 dl.dl_2 dt{ background:url(../sxyimage/t_ico.png) left -208px no-repeat; padding-left:37px;}
.idx1 dl.dl_3{ width:187px;}
.idx1 dl.dl_3 dt{ background:url(../sxyimage/t_ico.png) left -253px no-repeat; padding-left:38px;}
.idx1 dl.dl_4{ width:250px; border:none;}
.idx1 dl.dl_4 dt{ background:url(../sxyimage/t_ico.png) left -302px no-repeat; padding-left:40px;}
.idx1 dl dt a{ font-size:17px; color:#101010;}
.idx1 dl dd{ float:left; margin-right:35px; line-height:28px;}
.idx1 dl dd a{ font-size:14px; color:#4b4b4b;}
.idx1 dl dd a.color1{ color:#f08200;}
.idx1 dl dd a.color2{ color:#165cb3;}
.idx1 dl dd a:hover{ color:#f08200;}
.ititle{ background:url(../sxyimage/bg1.png) bottom repeat-x; margin-bottom:30px;}
.ititle h2{ float:left; display:inline; font-size:20px; color:#1a1a1a; border-bottom:2px #069dff solid; margin-right:125px; padding-right:5px; padding-bottom:10px; line-height:1;}
.ititle ul{ float:left; display:inline;}
.ititle ul li{ float:left; margin-right:5px;}
.ititle ul li a{ display:block; padding:0 10px; font-size:13px; color:#1a1a1a; padding-bottom:8px; line-height:22px;}
.ititle ul li a:hover{ color:#069dff;}
.ititle ul li.current a{ border-bottom:2px #069dff solid; background:url(../sxyimage/ico.png) center bottom no-repeat; color:#2783d1;}
.ititle a.imore{ float:right; font-size:13px; color:#464646; background:url(../sxyimage/more.png) right 6px no-repeat; padding-right:18px; line-height:24px;}
.ititle a.imore:hover{ background-position:right -17px; color:#f08200;}

.tab,.tab_1,.tab_2,.tab_3{ position:relative;}
.tab-m,.tab-m_1,.tab-m_2,.tab-m_3{ position:absolute; top:-62px; left:210px;}
.tab-m li,.tab-m_1 li,.tab-m_2 li,.tab-m_3 li{ float:left; margin-right:5px;}
.tab-m li a,.tab-m_1 li a,.tab-m_2 li a,.tab-m_3 li a{ display:block; padding:0 10px; font-size:13px; color:#1a1a1a; padding-bottom:8px; line-height:22px;}
.tab-m li a:hover,.tab-m_1 li a:hover,.tab-m_2 li a:hover,.tab-m_3 li a:hover{ color:#069dff;}
.tab-m li.cur a,.tab-m_1 li.cur a,.tab-m_2 li.cur a,.tab-m_3 li.cur a{ border-bottom:2px #069dff solid; background:url(../sxyimage/ico.png) center bottom no-repeat; color:#2783d1;}
.tab-box .slideBox{ width:690px; height:312px; overflow:hidden; position:relative; float:left;}
.tab-box .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:55px; bottom:17px; z-index:1; }
.tab-box .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.tab-box .slideBox .hd ul li{ float:left; margin:0 5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#949494; cursor:pointer; border-radius:15px;}
.tab-box .slideBox .hd ul li.on{ background:#fff; }
.tab-box .slideBox .bd img{ width:476px; height:312px; display:block;  }
.bdtext{ width:184px; height:282px; background:#666; color:#fff; padding:15px}
.bdtext h3{ font-size:16px; line-height:30px; margin-bottom:10px;}
.bdtext p{ font-size:13px; line-height:26px;}
.idx2-r{ float:right; width:433px; padding-top:10px;}
.idx2-r li{ margin-bottom:20px;}
.idx2-r li p{ height:48px; overflow:hidden;}
.idx2-r h3{ color:#232323; font-size:16px; margin-bottom:8px;}
.idx2-r a{ color:#565656; font-size:13px; line-height:24px;}
.idx2-r a:hover{ color:#f08200;}
.idx3{ margin-top:50px; overflow:hidden;}
.wltg-con{ width:1200px;}
.wltg{ float:left; margin-right:55px; width:545px; margin-bottom:30px;}
.ilist{ width:350px;}
.ilist li{ background:url(../sxyimage/bg1.jpg) left center no-repeat; font-size:13px; color:#706f6f; padding-left:16px; line-height:28px; overflow:hidden;}
.ilist li span{ float:right;}
.ilist li a{ color:#292929; float:left; width:215px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ilist li a:hover{ color:#f08200;}
.idx4{ margin-top:30px;}
.pptg-l{ float:left; width:440px; margin-right:50px;}
.pptg-c{ float:left; width:365px; margin-right:50px;}
.pptg-r{ float:right; width:234px;}
.iul_1 li{ overflow:hidden; clear:both; margin-bottom:15px;}
.iul_1 h3{ font-size:15px; margin-bottom:15px; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.iul_1 a{ clear:both; overflow:hidden; font-size:13px; color:#313131;}
.iul_1 p{ width:300px; line-height:26px; max-height:78px; overflow:hidden;} 
.iul_1 a:hover{ color:#f08200;}
.pptg-c .iul_1 p{ width:222px;}
.pptg-c .iul_1 li{ margin-bottom:26px;}
.pptg-r .ilist{ margin-top:15px;}
.idx5{ margin-top:40px;}
.picScroll-left-school{ overflow:hidden; position:relative; margin-bottom:30px;}
.picScroll-left-school .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left-school .bd ul li{ float:left; _display:inline; overflow:hidden; margin-right:17px;}
.picScroll-left-school .bd ul li img{ display:block;}
.picScroll-left-school .bd ul li a{ display:block; position:relative;}
.picScroll-left-school .bd ul li p{ position:absolute; left:0; bottom:0; width:205px; padding-left:10px; background:url(../sxyimage/bgpng.png) repeat; height:28px; line-height:28px; font-size:13px; color:#fff;}
.mr45{ margin-right:45px;}

.list-left {
    float: left;
    width: 835px;
}
.ititle {
    background: rgba(0, 0, 0, 0) url("../images/201611/bg2.png") repeat-x scroll center bottom;
    margin-bottom: 30px;
}
.list-left .ititle ul {
    float: right;
}
.list-right {
    float: right;
    width: 270px;
}
.list-form{margin-bottom: 25px;}
.list-form img{display: block;width: 100%;}
.list-formc{border: 1px solid #eee;border-top: none;text-align: center;padding: 15px 15px 20px;}
.list-formc p{font-size: 16px;color: #333;}
.list-formc span{display: block;font-size: 20px;color: #F17C30;}
.list-ipt{background: #f5f7fa;width: 200px;padding: 0 20px;height: 40px;line-height: 40px;border-radius: 10px;font-size: 14px;color: #333;border: none;margin: 20px 0 10px;}
.list-btn{display: block;background: #ff8929;width: 100%;height: 40px;line-height: 40px;border-radius: 10px;color: #fff;cursor: pointer;border: none;}
.ilist-img{display: none;}
.ilist-r span{display: none;}
.wsbot{display: none;}
.list li {
    border-bottom: 1px dashed #c6c6c6;
    margin-bottom: 24px;
    padding-bottom: 24px;
}
.list a {
    color: #565656;
    display: block;
    font-size: 14px;
    overflow: hidden;
}
.list-r {
    width: 602px;
}
.list-r h3 {
    color: #232323;
    font-size: 17px;
    line-height: 25px;
    margin: 5px 0;
}
.list-r h3 span {
    color: #7f7f7f;
    float: right;
    font-size: 13px;
}

.list-r p {
    height: 78px;
    line-height: 26px;
    overflow: hidden;
}
.list-r i {
    color: #0880c1;
    display: block;
    font-family: Arial;
    font-size: 12px;
    margin-top: 5px;
    text-align: right;
}
.jb_left{ width:300px; display:block; position:absolute; left:0; top:0; height:100%; background:url(../images/jianbian_left.png) left top repeat}
.jb_right{ width:300px; display:block; position:absolute;right:0; top:0; height:100%; background:url(../images/jianbian_right.png) left top repeat}
/*---------------------------------------------*/
/*新新闻列表*/
.u-news{ padding:47px 0 50px; background:#f0f0f0;}
.u-news .wrap{ background:#fff; padding:27px 0 35px; border:1px solid #e3e3e3; max-width:1198px; margin:0 auto;}
.about-nav{ height:61px; border-bottom:1px #e0e0e0 solid;max-width:1200px; background-color:#fff; z-index:100;}
.about-nav ul{ margin:0 auto;}
.about-nav a{line-height:61px; padding:0 10px;font-size:14px; color:#373737; margin:0 15px; display:block; float:left;}
.about-nav a:hover,.about-nav a.current{ color:#069dff; border-bottom:2px #069dff solid; height:60px;}
.news-list li{ clear:both; overflow:hidden; position:relative;}
.xny_news_list_box_tup {position: absolute;left: 139px;top: 71px;width: 10px;height: 10px;z-index: 5;background: url(../images/ico11.png) no-repeat center;}
.news-time{ width: 135px; font-size:28px; height: 92px; float: left; padding-left: 8px; border-right: 2px solid #ececec; text-align: center; color:#4e4e4e; padding-top: 56px;background: #fff;position: relative;z-index: 2;}
.news-time span{ display:block;font-size: 12px;color: #c2c2c3;padding-left: 18px;background: url(../images/xny_news_list_box_time_4.png) no-repeat left center; height: 27px; line-height: 27px;width: 32px;margin: 0 auto;}
.xny_news_list_box_li {padding: 17px 16px 17px 162px;height: 106px;margin-top: 8px;position: relative;}
.xny_news_list_box_li a.fl img{ display:block; width:158px; height:106px; float:left;}
.news-list-r{padding-left: 178px;}
.news-list-r1{padding-left: 0;}
.news-list-r h3{ height:25px; line-height:25px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news-list-r h3 a{ color:#575757; font-size:16px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news-list-r h3 a:hover{ color:#0194d2;}
.news-list-r h3 span{ float:right; font-family:Arial; font-size:26px; color:#999; line-height:30px;}
.news-list-r p{ width: 100%;height: 48px;margin-top: 7px;line-height: 24px;font-size: 13px;color: #959595;margin-bottom: 5px;word-break: break-all;overflow: hidden;}
.news-more {color: #585656;padding-right: 11px;background: url(../images/xny_news_list_box_li_more.png) no-repeat right center;}
.news-more:hover{ color:#0194d2;background: url(../images/xny_news_list_box_li_moreh.png) no-repeat right center;}
.news-list li:hover .xny_news_list_box_tup{background: url(../images/ico11h.png) no-repeat center;}
.xny_news_list_box_li:hover{ background:#f0f0f0;}
.xny_news_list_box_li:hover:before{content: "";position: absolute;left: -10px;top:61px;width: 10px;height: 14px;background: url(../images/xny_news_list_box_li.png) no-repeat center;}

/*网商详情*/
.news-top{ width:100%; position:relative; height:250px; overflow:hidden;}
.news-top img{ position:absolute; left:50%; top:0; margin-left:-960px;}
.new_detail{padding: 0 40px;}
.det_tit{ text-align:center; border-bottom:1px #e7e7e7 solid; padding:5px 0 30px;font-size:17px !important; line-height:2;}
.det_tit h1{ font-size:30px;font-weight:bold; text-align:center; color:#343434;line-height:1.5;}
.det_tit span{ display:block; margin:15px 0 0; font-size:12px; color:#7d7c7c;line-height:2;}
.bdsharebuttonbox{ margin:0 auto; width:115px;}
.det_con{ padding:15px 0;}
.lxpic{margin-bottom: 20px;}
.det_con img{ display:block; margin:20px auto;max-width: 100% !important;height: auto !important;}
.det_con img.pclx{display: block;width: 100%;cursor: pointer;}
.det_con img.waplx{display: none;width: 100%;cursor: pointer;}
.det_con > *{margin: 10px 0;}
.det_con p{ font-size:17px !important; line-height:1.8 !important; /*margin:20px 0;*/}
.det_con strong,.det_con b{font-weight: bold;}
.det_con span{font-size:17px !important;}
.mianze{background: #f9f9f9;border-radius: 8px;font-size: 12px;color: #888;padding: 10px;margin-top: 20px;}
.fy { border-top: 1px #e7e7e7 solid; padding:25px 15px 0; }
.fy span { float: left; width: 240px; margin-right: 30px; color: #434343; height:24px; line-height:24px; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.fy span a { color: #393939;}
.fy span a:hover { color: #0880c1; }
.fy-back a { float: right; width: 86px; height: 24px; line-height: 24px; text-align:center; color: #4f4f4f; border:1px #d9d9d9 solid;}
.fy-back a:hover{ color:#0880c1; border-color:#0880c1;}

/*-----------------------------------------------------*/
/*app移动端开发*/
.appban{height: 560px;background-image: url(../images/abanbg.jpg);background-repeat: no-repeat;background-position: center;}
.banimg2{ margin:15% 0 0; width:32%; margin-right:2%;}
.banimg2 img{ display:block; width:100%;}
.banner-con { width:62%; z-index: 3; margin:19% 0 0;padding-left: 76px;box-sizing: border-box; }
.banner-con h3 { font-size: 48px; color: #fff;font-weight: normal; }
.banner-con p { font-size: 18px; color: #fff; margin: 15px 0 35px; }
.banner-con p span{font-size: 24px;}
.banbtn{ display:block; font-size:16px; color:#fba614; border:1px solid #fba614; border-radius:4px; width:148px; height:46px; text-align:center; line-height:46px;position: relative;}
.banbtn:hover{ background:#fba614; border-color:#fba614; color:#fff;}
.appban .banner-con{top: 15%;}
.appban .banner-con p{font-size: 36px;}
.appban .banner-con span{border: 1px solid #fff;display: inline-block;font-size: 24px;color: #fff;width: 150px;height: 40px;line-height: 40px;text-align: center;border-radius: 40px;margin-right: 10px;}
.appban .banbtn{color: #fff;border-color: #fff;margin-top: 35px;}
.appban .banimg2{margin: 0;position: absolute;right: 7.25%;top: 16%;}
.appban .banimg1{width: 24.6%;}
.jishu{ max-width:1200px; margin:0 auto;padding: 90px 0 100px;}
.h4_gy{ text-align:center; font-family:Arial; font-size:18px; color:#999; text-transform:uppercase;}
.h4_gy em{ display:block; font-size:36px; color:#333; font-weight:600; font-family:'微软雅黑'; line-height:150%;}
.jishu ul{ max-width:1200px; margin:85px auto 0;}
.jishu ul li{ width:33.33%; float:left; text-align:center;}
.jishu ul li div{ border-left:1px dashed #ddd; padding:0 3% 20px;}
.jishu ul li:first-child div{border: none;}
.jishu ul li.li_first{ padding-left:0; border:none;}
.jishu ul li.li_last{ padding-right:0;}
.jishu ul li img{ display:block; margin:0 auto;}
.jishu ul li h5{ font-size:24px; color: #333; line-height:180%;}
.jishu ul li span{ display:block; margin:0 auto; color:#999;font-size: 14px; overflow:hidden;}
.fuwulc{width:100%; height:660px; padding-top:60px; background:url(../images/fuwu_lcbj.png) center top no-repeat; margin:0 auto; text-align:center;}
.fuwulc span{ margin-top:30px; display:block; font-size:16px; color:#333; margin-bottom:35px;}
.fuwulc a{ width:150px; height:40px; line-height:40px; color:#000; background:#fff; margin:50px auto 0; display:block; border-radius:10px;}
.fuwulc img{display: block;margin: 0 auto;width: 100%;max-width: 1200px;}
.app_case{ width:100%; padding-top:44px; height:640px; position:relative; background:url(../images/app_case_bj.png) center top no-repeat;overflow: hidden;}
.app_case .h4_gy,.app_case .h4_gy em{ color:#fff;}
.a_case{ max-width:1200px; margin:36px auto 0; height:530px; position:relative;}
.a_case li em{ width:295px; height:530px; display:block; background:url(../images/li_bj.png) left top no-repeat; float:left; position:relative; z-index:2;}
.a_case li em img{ width:258px; display:block; height:445px; margin:0 auto; padding-top:85px;}
.a_case .swiper-button-prev,.a_case .swiper-button-next{ width:28px; height:50px; position:absolute;}
.a_case .swiper-button-prev{ background:url(../images/app_prev.png) center no-repeat; left: 0; top:50%; margin-top:-25px;}
.a_case .swiper-button-next{ background:url(../images/app_next.png) center no-repeat; right: 0; top:50%; margin-top:-25px;}
.appmore{ width:170px; height:45px; line-height:45px; text-align:center; display:block; border-radius:45px; background:#fff; color:#666; font-size:18px; bottom:100px; left:50%;position: absolute;z-index: 20;}
.a_case_cen li{position:relative;padding: 0 10%;width: 80%;}
.a_case_cen li div.case_right{width:59%; float:right; color:#fff;}
.a_case_cen li div.case_right h5{ height:110px; line-height:110px; font-size:30px; font-weight:600;}
.a_case_cen li div.case_right span{ display:block; text-indent:2em; float:left; margin:5px 0;}
.a_case .swiper-pagination{display: none;}
.a_case .swiper-pagination-bullet{background: #000;}
.a_case .swiper-pagination-bullet-active{background: #38adff;}
.imgbg{display: none;}
/*-----------------------------------------------*/
/*--电商--*/
.app_ban{position: relative;height: 559px;overflow: hidden;width: 100%;}
.app_ban img{display: block;width: 1920px;height: 559px;position: absolute;left: 50%;margin-left: -960px;top: 0;}
.ds_img{ width:1200px; margin:0 auto;}
.ds_img img{ display:block; margin:0 auto;}
.ds_liucheng{ width:100%; overflow:hidden; padding:85px 0; background:#efefef;}
.ds_liucheng h3{ font-size:36px; color:#333; text-align:center; line-height:150%; margin-bottom:65px;}
.ds_liucheng img{ display:block; margin:0 auto;}
.ds_pcwap{ width:100%; background:#f8f8f8; overflow:hidden; padding-top:100px; height:735px;}
.ds_pcwap h3,.ds_houtai h3{ width:1200px; margin:0 auto; text-align:center; color:#999; line-height:150%; font-size:18px; margin-bottom:75px;}
.ds_pcwap h3 span,.ds_houtai h3 span{display:block; font-size:36px; color:#333; line-height:150%}
.ds_pcwap ul{ width:500px; padding-right:700px; margin:0 auto; padding-top:65px; background:url(../images/ds_pcwap.png) right top no-repeat; height:500px;}
.ds_pcwap ul li{ width:380px; float:left; height:95px; position:relative; padding-left:36px; margin-left:14px; border-left:1px solid #eb6100; color:#1d1d1d; font-size:18px; line-height:150%;}
.ds_pcwap ul li:last-child{ border:none;}
.ds_pcwap ul li span{ width:28px; height:28px; display:block; line-height:28px; text-align:center; color:#fff; background:#eb6100; font-size:18px; position:absolute; left:-14px; top:0; border-radius:100%;}
.ds_houtai{ margin-top:85px;}
.ds_houtai img{ display:block; margin:0 auto;}
.ds_wyjz{ width:100%; height:163px; padding:150px 0 125px; background:url(../images/ds_wyjz.jpg) center top no-repeat;text-align:center;}
.ds_wyjz h3{ width:1200px; font-size:36px; color:#fff; height:65px;  margin:0 auto;}
.ds_wyjz span{ width:1200px; margin:0 auto; font-size:30px; height:55px; color:#f1880d; display:block;}
.ds_wyjz a{ width:178px; height:38px; line-height:38px; font-size:16px; display:block; border:1px solid #fff; color:#fff; margin:0 auto;}
.kehu_ban{ width:100%; height:560px; overflow:hidden; position:relative;}
.kehu_ban img{ position:absolute; top:0; left:50%; margin-left:-960px;display: block;}
.kehu_ban img.wapbanner{display: none;}
/*--------------------------------------------*/




/*APP开发*/
.app-ban{height: 620px;background: url(../images/app_banbg.jpg) no-repeat center;}
.app-ban .wrap{position: relative;height: 100%;}
.app-ban h3{font-size: 48px;color: #fff;}
.app-ban p{font-size: 16px;color: #fff;margin: 20px 0 30px;}
.app-ban_text{position: absolute;left: 0;top: 29%;}
.app-ban_tag span{display: inline-block;vertical-align: middle;font-size: 16px;color: #fff;margin: 0 15px;}
.app-ban_tag img{display: inline-block;vertical-align: middle;}
.app-ban_text a{display: block;font-size: 18px;color: #fff;width: 128px;height: 38px;border: 1px solid #fff;border-radius: 4px;text-align: center;line-height: 38px;margin-top: 60px;}
.app-ban_text a:hover{background: #fff;color: #079cff;}
.app-ban_img{display: block;width: 52.5%;position: absolute;bottom: 0;right: 0;}
.app-hxys_c{position: relative;height: 440px;margin-top: 75px;}
.app-hxys{padding: 75px 0 100px;}
.app-hxys_c li{width: 227px;height: 149px;border-radius: 10px;box-shadow: 10px 10px 15px rgba(13,4,8,.07);padding: 35px 65px 0 50px;background: #fff;position: absolute;z-index: 2;}
.app-hxys_c li:before{content: '';display: block;width: 74px;height: 1px;position: absolute;top: 50%;margin-top: -1px;right: -74px;}
.app-hxys_c li:after{content: '';display: block;width: 15px;height: 15px;border-radius: 50%;position: absolute;top: 50%;margin-top: -7px;right: -89px;}
.app-hxys_c li.li1{left: 0;top: 0;}
.app-hxys_c li.li1:before,.app-hxys_c li.li1:after{background: #F5A731;}
.app-hxys_c li.li2{right: 0;top: 0;}
.app-hxys_c li.li2:before,.app-hxys_c li.li2:after{background: #6bd05d;}
.app-hxys_c li.li3{left: 0;bottom: 0;}
.app-hxys_c li.li3:before,.app-hxys_c li.li3:after{background: #d860ff;}
.app-hxys_c li.li2:before,.app-hxys_c li.li4:before{right: auto;left: -74px;}
.app-hxys_c li.li2:after,.app-hxys_c li.li4:after{right: auto;left: -89px;}
.app-hxys_c li.li4{right: 0;bottom: 0;}
.app-hxys_c li.li4:before,.app-hxys_c li.li4:after{background: #ff5f5f;}
.app-hxys_c li h3{font-size: 18px;color: #353535;font-weight: bold;margin-bottom: 15px;}
.app-hxys_c li h3:before{content: '';display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin-right: 10px;vertical-align: middle;}
.app-hxys_c li.li1 h3:before{background: #F5A731;}
.app-hxys_c li.li2 h3:before{background: #6bd05d;}
.app-hxys_c li.li3 h3:before{background: #d860ff;}
.app-hxys_c li.li4 h3:before{background: #ff5f5f;}
.app-hxys_c li p{font-size: 14px;color: #777;line-height: 24px;}
.app-hxys_img{display: block;position: absolute;top: 50%;margin-top: -220px;left: 50%;margin-left: -220px;z-index: 1;}
.app-fwlc{padding: 75px 0 100px;background: #F5F5F5;}
.app-fwlc_c{margin-top: 75px;}
.app-fwlc_c img{display: block;width: 100%;}
.zt-case{padding: 75px 0 100px;}
.zt-case_nav{text-align: center;border-bottom: 1px solid #E4E4E4;padding-bottom: 10px;margin: 80px 0 60px;}
.zt-case_nav a{font-size: 18px;color: #353535;margin: 0 50px;}
.zt-case_nav a:hover{color: #079cff;}
.zt-case_nav a.active{color: #079cff;border-bottom: 1px solid #079cff;font-weight: bold;padding-bottom: 12px;}
.zt-case_c{height:526px; overflow:hidden; position:relative;display: none;width: 100%;z-index: 2;}
.zt-case_top{overflow:hidden; position:absolute; left:50px; bottom:42px; z-index:5;width: 645px;}
.zt-case_top ul{ height:90px;}
.zt-case_top ul li{float:left;margin-right:45px;width:90px;height:90px;background:#000;border-radius: 50%; cursor:pointer;overflow: hidden;}
.zt-case_top ul li img{display: block;width: 100%;height: 100%;opacity: .6;border-radius: 50%;}
.zt-case_top ul li.active img{opacity: 1;}
.zt-case_prev,.zt-case_next{position:absolute; bottom:65px; display:block; width:22px; height:42px; background:url(../images/app_arrow.png) no-repeat;z-index: 5;}
.zt-case_prev{left: 0;}
.zt-case_next{ left:725px; background-position: -22px 0; }
/*.zt-case_cc li{display: none;transition: all 1s ease;}*/
/*.zt-case_cc li.active{display: block;}*/
.zt-case_cc li{ width:100%; height:526px; position:relative; float:left;overflow: hidden;}
.zt-case_l{width: 45%;position: absolute;top: 0;left: -100%;}
.zt-case_cc li.active .zt-case_l{left: 0; transition:all .3s ease;}
.zt-case_l h3{font-size: 36px;color: #353535;font-weight: bold;margin: 15px 0 20px;}
.zt-case_l p{font-size: 16px;color: #777;line-height: 32px;height: 64px;overflow: hidden;}
.zt-case_ewm{width: 140px;text-align: center;margin-top: 25px;}
.zt-case_ewm img{display: block;width: 120px;height: 120px;margin: 0 auto;}
.zt-case_ewm span{display: block;font-size: 12px;color: #000;margin-top: 5px;}
.zt-case_r{position: absolute;top: 0;right: 0;}
.zt-bottom{background: #F5F5F5;}
.zt-bottom .new-data{border-bottom: 1px solid #eee;}
.zt-dingzhi{background: url(../images/app_lybg.jpg) no-repeat center;height: 180px;}
.zt-dingzhi h2{font-size: 36px;color: #fff;margin-left: 20px;line-height: 180px;}
.zt-dingzhi_r{margin-top: 65px;}
.zt-ipt{width: 260px;height: 50px;background: #fff;border-radius: 50px;font-size: 18px;color: #999;padding: 0 20px;margin-right: 20px;border: none;}
.zt-btn{width: 160px;height: 50px;border-radius: 50px;background: #079cff;font-size: 16px;color: #fff;border: none;cursor: pointer;}


/*微信小程序*/
.wx-ban{height: 620px;background: url(../images/wx_banbg.jpg) no-repeat center;overflow: hidden;}
.wx-ban .wrap{position: relative;height: 100%;}
.wx-ban p{font-size: 24px;color: #fff;line-height: 24px;}
.wx-ban p img{display: inline-block;margin-right: 8px;vertical-align: top;}
.wx-ban h3{font-size: 48px;color: #fff;margin: 15px 0 30px;}
.wx-ban span{display: block;font-size: 16px;color: #fff;line-height: 35px;}
.wx-ban_text{position: absolute;left: 0;top: 27%;}
.wx-ban_text a{display: block;font-size: 18px;color: #fff;width: 128px;height: 38px;border: 1px solid #fff;border-radius: 4px;text-align: center;line-height: 38px;margin-top: 40px;}
.wx-ban_text a:hover{background: #fff;color: #079cff;}
.wx-ban_img{display: block;width: 24%;position: absolute;bottom: 0;right: 4.5%;}
.wx-yycj{padding: 75px 0 100px;}
.wx-yycj_c{margin-top: 75px;}
.wx-yycj_c li{float: left;width: 25%;text-align: center;cursor: pointer;}
.wx-yycj_c li img{border-radius: 50%;display: block;margin: 0 auto;width: 100%;height: 100%;position: relative;z-index: 1;}
.wx-yycj_img{width: 120px;height: 120px;background: #fff;box-shadow: 0 10px 15px rgba(13,4,8,0.07);border-radius: 50%;position: relative;margin: 0 auto;}
.wx-yycj_c li img.wx-yycj_img1h{display: none;}
.wx-yycj_c li:hover .wx-yycj_img{box-shadow: 0 3px 7px rgba(1,148,210,0.3);}
.wx-yycj_c li:hover h3{color: #079cff;}
.wx-yycj_c li:hover img.wx-yycj_img1{display: none;}
.wx-yycj_c li:hover img.wx-yycj_img1h{display: block;}
.wx-yycj_c li .wx-yycj_img:after{content: '';position: absolute;width: 100%;height: 100%;border-radius: 50%;top: 0;left: 0;z-index: 0;background: -webkit-linear-gradient(#fa9c74 , #ff4b00);background: -o-linear-gradient(#fa9c74 , #ff4b00);background: -moz-linear-gradient(#fa9c74 , #ff4b00);background: linear-gradient(#fa9c74 , #ff4b00);-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);opacity: 0;}
.wx-yycj_c li:hover .wx-yycj_img:after {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.wx-yycj_c li h3{font-size: 18px;color: #353535;font-weight: bold;margin: 25px 0 5px;}
.wx-yycj_c li p{font-size: 14px;color: #777;line-height: 28px;}
.wx-dzcx{background: #F5F5F5;padding: 75px 0 100px;}
.wx-dzcx_c{margin-top: 75px;}
.wx-dzcx_c ul{border-top: 1px solid #EDEDED;border-left: 1px solid #EDEDED;}
.wx-dzcx_c li{float: left;width: 25%;background: #fff;text-align: center;height: 209px;box-sizing: border-box;}
.wx-dzcx_c li a{display: block;height: 208px;overflow: hidden;border-bottom: 1px solid #EDEDED;border-right: 1px solid #EDEDED;}
.wx-dzcx_c li img{display: block;width: 76px;height: 76px;border: 2px solid #079cff;border-radius: 50%;margin: 50px auto 5px;transition: all .3s ease;}
.wx-dzcx_c li p{font-size: 18px;color: #353535;}
.wx-dzcx_c li span{display: none;width: 100px;height: 32px;border-radius: 32px;background: #fff;font-size: 14px;color: #079cff;line-height: 32px;margin: 15px auto 0;}
.wx-dzcx_c li:hover{background: #2C9CFB;}
.wx-dzcx_c li:hover img{background: #fff;border-color: #fff;margin-top: 28px;}
.wx-dzcx_c li:hover p{color: #fff;}
.wx-dzcx_c li:hover span{display: block;}
.wx-case{padding: 75px 0 100px;}
.wx-case_c{height: 650px;position: relative;overflow: hidden;margin-top: 75px;}
.wx-case_top{position: absolute;top: 0;left: 420px;width: 800px;z-index: 2;}
.wx-case_top li{float: left;width: 180px;height: 140px;background: #f5f5f5;margin: 0 20px 20px 0;text-align: center;cursor: pointer;}
.wx-case_logo{height: 100px;display: table;width: 100%}
.wx-case_logo span{display: table-cell;vertical-align: middle;}
.wx-case_logo img{display: block;margin: 0 auto;max-width: 90%;max-height: 90%;}
.wx-case_top li p{font-size: 14px;color: #353535;}
.wx-case_con{position: absolute;top: 0;left: 0;width: 1200px;z-index: 1;display: none;}
.wx-case_img{display: block;width: 320px;height: 647px;}
.wx-case_text{position: absolute;bottom: 0;right: 0;width: 780px;}
.wx-case_text h3{font-size: 30px;color: #353535;font-weight: bold;margin-bottom: 10px;}
.wx-case_text p{font-size: 16px;color: #777;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;}
.wx-case_text a{font-size: 18px;color: #079cff;position: absolute;right: 0;bottom: 58px;}
/*百度智能小程序*/
.bd-ban{background-image: url(../images/bd_banbg.jpg);}
.bd-ban .app-ban_img{right: -14.5%;}
.bd-yycj .wx-yycj_c li .wx-yycj_img:after{background: -webkit-linear-gradient(#59e2ff , #0093f0);background: -o-linear-gradient(#59e2ff , #0093f0);background: -moz-linear-gradient(#59e2ff , #0093f0);background: linear-gradient(#59e2ff , #0093f0);}
.bd-llrk{background: #F5F5F5;padding: 75px 0 100px;}
.bd-llrk_nav{text-align: center;border-bottom: 1px solid #E4E4E4;padding-bottom: 10px;margin: 75px 0 55px;}
.bd-llrk_nav a{font-size: 18px;color: #353535;margin: 0 140px;}
.bd-llrk_nav a:hover{color: #079cff;}
.bd-llrk_nav a.active{color: #079cff;border-bottom: 1px solid #079cff;font-weight: bold;padding-bottom: 12px;}
.bd-llrk_c{display: none;}
.bd-llrk_c ul{/*width: 1240px;*/text-align: center;}
.bd-llrk_c li{/*float: left;margin-right: 50px;*/width: 260px;margin: 0 18px;text-align: center;display: inline-block;}
.bd-llrk_c li img{display: block;width: 100%;height: 422px;}
.bd-llrk_c li h3{font-size: 18px;color: #353535;font-weight: bold;margin: 20px 0 10px;}
.bd-llrk_c li p{font-size: 14px;color: #777;line-height: 28px;padding: 0 15px;}
.bd-zhlj{padding: 75px 0 100px;}
.bd-zhlj_c{margin-top: 75px;}
.bd-zhlj_c li{float: left;width: 155px;text-align: center;padding-right: 145px;background: url(../images/bd_bg1.png) no-repeat right 52px;margin-right: 40px}
.bd-zhlj_c li:last-child{background: none;margin-right: 0;padding-right: 0;}
.bd-zhlj_c li h3{font-size: 30px;color: #fff;line-height: 35px;text-align: center;width: 120px;height: 95px;border-radius: 50%;background: -webkit-linear-gradient(#fa9c74 , #ff4b00);background: -o-linear-gradient(#fa9c74 , #ff4b00);background: -moz-linear-gradient(#fa9c74 , #ff4b00);background: linear-gradient(#fa9c74 , #ff4b00);padding-top: 25px;margin: 0 auto 20px;}
.bd-zhlj_c li p{font-size: 14px;color: #353535;line-height: 28px;}
.bd-zsjg{background: #F5F5F5;padding: 75px 0 100px;}
.bd-zsjg_c{margin-top: 75px;text-align: center;}
.bd-zsjg_c li{display: inline-block;width: 372px;}
.bd-zsjg_c li img{display: block;width: 100%;height: 526px;}
/*帮助中心列表*/
.help-title{font-size: 16px;color: #333;border-bottom: 1px solid #e5e5e5;padding: 35px 0 15px;}
.help-list li{margin: 20px 0 0;}
.help-list li h3{font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 5px;}
.help-list li h3 a{color: #333;}
.help-list li h3 span{color: #666;margin-right: 5px;}
.help-list li p{font-size: 14px;color: #999;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-left: 8px;}
.help-list li a:hover,.help-list li a:hover span{color: #069dff;}
/*帮助中心-搜索页*/
.help-searcht{ font-size:14px; color:#333;}

/*二维码弹窗*/
.ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 29;display: none;}
.tcewm{background: #fff;position: fixed;width: 270px;height: 320px;top: 50%;margin-top: -180px;left: 50%;margin-left: -150px;text-align: center;z-index: 30;border-radius: 5px;display: none;padding: 40px 15px 0;}
.tcewm img{display: block;width: 200px;height: 200px;margin: 10px auto;}
.tcewm p{color: #333;margin-bottom: 5px;}
.tcewm p span{color: #f00;}
.tcclose{display: block;background: url(../images/new_close.png) no-repeat center;width: 25px;height: 25px;background-size: 15px auto;position: absolute;top: 10px;right: 10px;}

.pop{background: #fff;position: fixed;width: 350px;top: 50%;transform: translateY(-50%);left: 50%;margin-left: -190px;text-align: center;z-index: 30;border-radius: 5px;display: none;padding: 60px 15px;}
.pop p{color: #333;margin-bottom: 5px;font-size: 16px;}

/*专题页资讯*/
.idx5{ padding:55px 0 60px;}
.idx5con{ margin:50px 0 30px;}
.idx5con li{ float:left; display:inline; width:31.66%; margin-right:2.5%; box-sizing:border-box; overflow:hidden; position:relative;}
.idx5con li:last-child{ margin-right:0;}
.idx5con li a{ display:block; position:relative;}
.idx5con li img{ display:block; width:100%; transition: all .5s ease;}
.idx5con li:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1)}
.idx5con li p{ font-size:16px; color:#fff; position:absolute; bottom:20px; left:0; right:0; text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.idx5con li a.newstit{ position:absolute; top:10px; left:0; background:rgba(0,0,0,0.5); font-size:14px; color:#fff; border-radius:0 30px 30px 0; padding:3px 10px 3px 8px;}
.idx5con1 ul{ width:31.66%;}
.idx5con1 ul.fl{ margin-right:2.5%;}
.idx5con1 li{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.idx5con1 li a{ line-height:30px; font-size:14px; color:#666; background-image:url(../images/new_bg1.jpg); background-position:left center; background-repeat:no-repeat; padding-left:10px;}
.idx5con1 li a:hover{ color:#069dff;}

/*首页新闻*/
.inewscon{ margin:50px 0 30px;}
.inewscon li{ float:left; display:inline; width:31.66%; margin-right:2.5%; box-sizing:border-box; overflow:hidden; position:relative;}
.inewscon li:last-child{ margin-right:0;}
.inewscon li a{ display:block; position:relative;}
.inewscon li img{ display:block; width:100%; transition: all .5s ease;height: 225px;}
.idx5inewsconcon li:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1)}
.inewscon li p{ font-size:16px; color:#333; text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 10px 0 0;}
.inewnav{border-bottom: 1px solid #e5e5e5;margin-bottom: 25px;text-align: center;}
.inewnav a{display: inline-block;font-size: 18px;color: #333;padding: 10px 0;margin-right: 50px;}
.inewnav a:hover,.inewnav a.active{color: #069dff;}
.inewnav a.active{font-weight: bold;}
.inewsc{display: none;}
.inewsc li{float: left;width: 31.66%;margin-right: 2.5%;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.inewsc li:nth-child(3n){ margin-right:0;}
.inewsc li a{ line-height:30px; font-size:14px; color:#666; background-image:url(../images/new_bg1.jpg); background-position:left center; background-repeat:no-repeat; padding-left:10px;}
.inewsc li a:hover{ color:#069dff;}


/*地域干货分享*/
.ganhuo{padding: 75px 0 60px;border-top: 1px solid #F1F6F9;border-bottom: 1px solid #F1F6F9;margin-top: -1px;}
.ghcon{ margin:50px 0 30px;}
.ghcon li{ float:left; display:inline; width:31.66%; margin-right:2.5%; box-sizing:border-box; overflow:hidden; position:relative;}
.ghcon li:last-child{ margin-right:0;}
.ghcon li a{ display:block; position:relative;}
.ghimg{height: 210px;overflow: hidden;}
.ghcon li img{ display:block; width:100%;min-height: 100%; transition: all .5s ease;}
/*.ghcon li:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1)}*/
.ghcon li h3{ font-size:16px; color:#333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 15px 0 10px;}
.ghcon li p{ font-size:14px; color:#666;line-height: 24px;}
.ghcon li:hover h3{color: #069dff;}
.ghcon1 ul{ width:31.66%;}
.ghcon1 ul.fl{ margin-right:2.5%;}
.ghcon1 li{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ghcon1 li a{ line-height:30px; font-size:14px; color:#666; background-image:url(../images/new_bg1.jpg); background-position:left center; background-repeat:no-repeat; padding-left:10px;}
.ghcon1 li a:hover{ color:#069dff;}
.ghtit{font-size: 18px;color: #333;font-weight: bold;margin: 35px 0 15px;}
.ghlabel a{float: left;font-size: 12px;color: #666;background: #F1F6F9;height: 36px;line-height: 36px;padding: 0 15px;margin: 0 10px 10px 0;}
.ghlabel a:hover{background: #2C9DFB;color: #fff;}


/*百科列表*/
.crumbs{background: #F2F6F9;height: 60px;line-height: 60px;font-size: 14px;color: #666;}
.crumbs a{color: #666;}
.crumbs a:hover{color: #069dff;}
.baike{padding: 30px 0 60px;}
.filter li{float: left;width: 30px;height: 30px;background: #F1F6F9;text-align: center;line-height: 30px;margin-right: 15px;}
.filter li:last-child{margin-right: 0;}
.filter li a{display: block;font-size: 16px;color: #666;font-weight: bold;}
.filter li a:hover,.filter li.active a{background: #069dff;color: #fff;}
.bklist{margin: 30px 0 0;}
.bklist li{float: left;width: 9%;padding-right: 2.11%;}
.bklist li:nth-child(9n){padding-right: 0;}
.bklist li a{font-size: 14px;color: #069dff;display: block;height: 34px;line-height: 34px;padding: 0 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.bklist li a:hover{background: #F1F6F9;}
/*百科详情*/
.bk-left{width: 75%;}
.bk_tit{ border-bottom:1px #e7e7e7 dashed; padding:30px 0;}
.bk_tit h1{ font-size:24px;font-weight:bold; color:#333;line-height:1.5;}
.bk_tit p{ display:block; margin:10px 0 0; font-size:14px; color:#666;}
.bk_tit span{font-size: 12px;color: #E4E4E4;margin: 0 10px;}
.bkzong{text-align: center;font-size: 16px;color: #333;margin: 25px 0 0;padding-bottom: 25px;border-bottom: 1px solid #EEEEEE;}
.bkzong b{font-size: 30px;color: #069dff;font-weight: bold;margin: 0 10px;}
.bkzong a{font-size: 16px;color: #ff8929;background: url(../images/fxico.png) no-repeat left center;padding-left: 30px;margin-left: 40px;}
.lxpic1 img{ display:block; margin:40px auto 30px;max-width: 100% !important;height: auto !important;}
.lxpic1 img.pclx{display: block;width: 100%;cursor: pointer;}
.lxpic1 img.waplx{display: none;width: 100%;cursor: pointer;}
.bktit{font-size: 18px;color: #333;font-weight: bold;}
.bktit span{color: #069dff;}
.bktj{margin: 5px 0 0;}
.bktj li{border-bottom: 1px solid #EEEEEE;}
.bktj li a{display: block;overflow: hidden;padding: 25px 0;}
.bktj li h3{font-size: 16px;color: #333;font-weight: bold;}
.bktj li h3 span{color: #999;}
.bktj li p{font-size: 14px;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 5px 0 0;}
.bktj li img{float: left;width: 160px;height: 100px;}
.bktjr{padding-left: 180px;}
.bktj li .bktjr p{line-height: 24px;max-height: 72px;white-space: inherit;}
.bktj li:hover h3{color: #069dff;}
.bkcon .list-right{padding-top: 32px;}
.xgzx{border: 1px solid #eee;margin: 20px 0 0;}
.xgtit{font-size: 18px;color: #333;font-weight: bold;height: 49px;line-height: 49px;padding: 0 20px;border-bottom: 1px solid #eee;}
.xglist{padding: 0 20px;}
.xglist li{border-bottom: 1px solid #eee;height: 39px;line-height: 39px;border-bottom: 1px solid #eee;}
.xglist li a{display: block;font-size: 12px;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-left: 12px;background: url(../images/bkbg.png) no-repeat left center;}
.xglist li:last-child{border-bottom: none;}
.xglist li a:hover{background-image: url(../images/bkbg_h.png);color: #069dff;}
.xggjc{padding: 19px 0 9px 18px;}
.xggjc li{float: left;height: 36px;line-height: 36px;background: #F1F6F9;margin: 0 10px 10px 0;}
.xggjc li a{display: block;padding: 0 20px;font-size: 12px;color: #666;}
.xggjc li:hover a{background: #2C9DFB;color: #fff;}


/*在线学习平台*/
.zxxx-ban{height: 620px;background: url(../images/zxxxbg.jpg) no-repeat center;overflow: hidden;}
.zxxx-ban .wrap{position: relative;height: 100%;}
.zxxx-ban p{font-size: 24px;color: #fff;line-height: 24px;}
.zxxx-ban_text img{display: block;margin: 15px 0 30px;}
.zxxx-ban span{display: block;font-size: 16px;color: #fff;line-height: 35px;}
.zxxx-ban_text{position: absolute;left: 0;top: 27%;}
.zxxx-ban_text a{display: block;font-size: 18px;color: #fff;width: 128px;height: 38px;border: 1px solid #fff;border-radius: 4px;text-align: center;line-height: 38px;margin-top: 40px;}
.zxxx-ban_text a:hover{background: #fff;color: #079cff;}
.zxxx-ban_img{display: block;width: 52.5%;position: absolute;bottom: 0;right: -25px;}
.zxxx-yycj{background: #F5F5F5;padding: 75px 0 120px;}
.zxxx-yycj_c{margin-top: 75px;}
.zxxx-yycj_c ul{border-top: 1px solid #EEEEEE;border-left: 1px solid #EEEEEE;}
.zxxx-yycj_c li{float: left;width: 25%;background: #fff;text-align: center;height: 250px;box-sizing: border-box;}
.zxxx-yycj_c li a{display: block;height: 249px;overflow: hidden;border-bottom: 1px solid #EEEEEE;border-right: 1px solid #EEEEEE;}
.zxxx-yycj_c li img{display: block;width: 104px;height: 104px;border: 3px solid #069dff;border-radius: 50%;margin: 49px auto 12px;transition: all .3s ease;}
.zxxx-yycj_c li p{font-size: 18px;color: #333;}
.zxxx-yycj_c li:hover{background: #2C9CFB;}
.zxxx-yycj_c li:hover img{background: #fff;border: 5px solid #069dff;margin-top: 28px;}
.zxxx-yycj_c li:hover p{color: #fff;}
.zxxx-jytz{padding: 75px 0 125px;}
.zxxx-jytz_c{position: relative;margin-top: 75px;height: 440px;}
.zxxx-jytz_c img{display: block;position: absolute;top: -30px;left: 50%;margin-left: -222px;z-index: 1;}
.zxxx-jytz_c li{background: #fff;width: 302px;padding: 20px;height: 144px;box-shadow: 5px 5px 20px rgba(13,4,8,.07);border-radius: 10px;position: absolute;z-index: 2;}
.zxxx-jytz_c li:before{content: '';display: block;width: 74px;height: 1px;position: absolute;top: 89px;}
.zxxx-jytz_c li:after{content: '';display: block;width: 15px;height: 15px;position: absolute;top: 82px;border-radius: 50%;}
.zxxx-jytz_c li.li1:before,.zxxx-jytz_c li.li3:before{right: -74px;}
.zxxx-jytz_c li.li2:before,.zxxx-jytz_c li.li4:before{left: -74px;}
.zxxx-jytz_c li.li1:after,.zxxx-jytz_c li.li3:after{right: -89px;}
.zxxx-jytz_c li.li2:after,.zxxx-jytz_c li.li4:after{left: -89px;}
.zxxx-jytz_c li.li1:before,.zxxx-jytz_c li.li1:after,.zxxx-jytz_c li.li1 h3:before{background: #F5A731;}
.zxxx-jytz_c li.li2:before,.zxxx-jytz_c li.li2:after,.zxxx-jytz_c li.li2 h3:before{background: #6ACF5D;}
.zxxx-jytz_c li.li3:before,.zxxx-jytz_c li.li3:after,.zxxx-jytz_c li.li3 h3:before{background: #D860FE;}
.zxxx-jytz_c li.li4:before,.zxxx-jytz_c li.li4:after,.zxxx-jytz_c li.li4 h3:before{background: #EE5B5D;}
.zxxx-jytz_c li h3{font-size: 18px;color: #353535;font-weight: bold;margin-bottom: 15px;}
.zxxx-jytz_c li h3:before{content: '';display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin-right: 11px;}
.zxxx-jytz_c li.li1,.zxxx-jytz_c li.li3{left: 0;}
.zxxx-jytz_c li.li1,.zxxx-jytz_c li.li2{top: 0;}
.zxxx-jytz_c li.li2,.zxxx-jytz_c li.li4{right: 0;}
.zxxx-jytz_c li.li3,.zxxx-jytz_c li.li4{bottom: 0;}
.zxxx-jytz_c li p{font-size: 14px;color: #777;line-height: 24px;}
.zxxx-bj{padding: 75px 0 120px;background: #f5f5f5;}
.zxxx-bj_c{margin: 75px 0 0;}
.zxxx-bj_c li{float: left;width: 23.5%;margin-right: 2%;text-align: center;height: 360px;cursor: pointer;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.zxxx-bj_c li:after{content: '';display: block;background-color: rgba(0,0,0,.75);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.zxxx-bj_c li div{position: relative;z-index: 2;}
.zxxx-bj_c li.li1{background-image: url(../images/zxxx_img4_1.jpg);}
.zxxx-bj_c li.li2{background-image: url(../images/zxxx_img4_2.jpg);}
.zxxx-bj_c li.li3{background-image: url(../images/zxxx_img4_3.jpg);}
.zxxx-bj_c li.li4{background-image: url(../images/zxxx_img4_4.jpg);margin-right: 0;}
.zxxx-bj_c li img{display: block;width: 146px;height: 146px;border: 2px solid #fff;border-radius: 50%;margin: 65px auto 0;}
.zxxx-bj_c li h3{font-size: 16px;color: #fff;font-weight: bold;margin: 25px 0 5px;}
.zxxx-bj_c li p{font-size: 14px;color: #fff;}
.zxxx-bj_c li:hover:after{background-color: rgba(6,157,255,.85);}

/*底部悬浮引导打开小程序*/
.wx-wechat{position: fixed;left: 0;right: 0;bottom: 0;background: #fff;height: 80px;z-index: 90;display: none;}
.wx-wechat a{display: flex;display: -webkit-flex;align-items: center;padding: 0 15px;height: 80px;}
.wx-wechat img{display: block;width: 50px;height: 50px;border-radius: 50%;margin-right: 12px;}
.wx-info{flex: 1;-webkit-flex: 1;}
.wx-info p{font-size: 16px;color: #333;font-weight: bold;}
.wx-info span{display: block;font-size: 14px;color: #666;}
.wx-open{display: block;background: #157aff;height: 40px;border-radius: 20px;width: 100px;text-align: center;font-size: 14px;color: #fff;text-align: center;line-height: 40px;}