/* CSS Document */
* { margin: 0; padding: 0; }
body { font-family: '微软雅黑',Helvetica,'HelveticaNeue'; /*line-height: 150%;*/ font-size: 14px; }
b, strong, ins { font-style: normal; text-decoration: none; font-weight: 500; }
img { padding: 0; margin: 0; border: 0; vertical-align: middle; }
ul, li, ol { list-style: none; }
a { text-decoration: none; color: #333; cursor: pointer; }
p { padding: 0px; }
em, i { font-style: normal; }
a:visited, a:hover, a:active { text-decoration: none; }
input, button { outline: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.fix { zoom: 1 }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.pr { position: relative; }
.pa { position: absolute; }
.wrap,.w1200{max-width:1200px; margin:0 auto; position:relative;}
/*首页*/
.header{ height:80px; width:100%; z-index:10; box-sizing:border-box; background:#fff; border-bottom:1px solid #eee;}
.header1{ background:url(../images/black.3.png) repeat; border-bottom:none;}
.hfixed,.headfix{ position:fixed; top:0; left:0; width:100%;z-index: 80;}
.header .wrap{ height:80px;}
.logo{ padding:17px 0 0;}
.logo a{margin-right: 26px;}
.logo span{font-size: 12px;color: #333;position: relative;padding-top: 4px;}
.logo span:after{content: '';display: block;border-left: 1px solid rgba(229,229,229,1);position: absolute;left: -13px;top: 0;height: 34px;top: 9px;}
.logo span img{vertical-align: middle;margin-right: 6px;}
.logo span b{font-weight: normal;opacity: 0.5;-moz-opacity: 0.5;filter: alpha(opacity=50);}
.logo span em{display: block;font-size: 16px;opacity: 0.7;-moz-opacity: 0.7;filter: alpha(opacity=70);}
.phone{font-size: 14px;line-height: 80px;color: #333;}
.phone span{font-size: 20px;}
.nav{ /*width:55%;*/width:50%;}
.nav li{ float:left; text-align:center;height: 80px;position: relative;/*width: 14.6%;*/width: 20%;}
.nav li a{ display:block; font-size:16px; color:#000; line-height:77px;position: relative;}
.nav li span{ display:inline-block;padding: 0 10px;}
.nav li em{ font-size:12px; color:#f00; position:absolute; top:-10px;}
.nav li.current span{ border-bottom:3px solid #38adff; color:#38adff;}
.nav li a:hover{ color:#38adff;}
.ernav{background:url(../images/black.97.png) repeat;position: absolute;top: 80px;right: 50%;margin-right: -975px;width: 1920px;padding: 36px 0;display: none;border-top: 1px solid rgba(255,255,255,0.1);z-index: 50;}
.ernav .wrap{height: auto;}
.erleft{width: 83%;padding-top: 30px;}
.erleft li{float: left;display: inline;width: 295px;text-align: left;margin-bottom: 50px;}
.erleft li a{display: block;line-height: 1;}
.erleft .posire{position: relative;padding-left: 55px;width: 240px;}
.erleft li img{display: block;position: absolute;left: 0;top: 0;}
.erleft li p,.erleft li p a{font-size: 16px;color: #fff;}
.erleft li span{display: block;font-size: 12px;opacity: 0.5;-moz-opacity: 0.5;filter: alpha(opacity=50);padding: 0;margin-top: 12px;color: #fff;}
.erleft li p.er_a a{display: inline-block;font-size: 12px;opacity: 0.5;-moz-opacity: 0.5;filter: alpha(opacity=50);padding: 0;margin-top: 12px;color: #fff;margin-right: 5px;}
.erleft li p.er_a a:hover{opacity: 0.8;-moz-opacity: 0.8;filter: alpha(opacity=80);}
.nav li.current .erleft li span{border: none;color: #fff;}
.erright{width: 203px;}
.erright li{width: 100%;text-align: left;height: 22px;margin: 12px 0;}
.erright li img{vertical-align: top;margin-right: 20px}
.erright li a{font-size: 14px;color: #fff;display: block;line-height: 22px;}
.header1 .nav li a{ color:#fff;}
.header1 .nav li.current span{ border-bottom:3px solid #fff; color:#fff;}
.header1 .nav li a:hover{ color:#fff;}
.header .logo1{display: none;}
.header1 .logo1{display: block;}
.header1 .logo2{display: none;}
.header1 .logo span{color: #fff;}
.header1 .logo span:after{border-left: 1px solid rgba(229,229,229,0.24)}
.header1 .phone{color: #fff;}
.banner{ width:100%; height:702px;}
.banner-pic { width: 100%; position: relative; overflow: hidden; z-index: 1; background: #fff; }
.banner-pic .slideBox { width: 100%; height: 702px; position: relative; min-width: 1200px; }
.banner-pic .slideBox .hd { height: 12px; overflow: hidden; width: 34px; position: absolute; left: 50%; bottom: 20px; margin-left: -17px; z-index:999;display: none; }
.banner-pic .slideBox .hd ul { width: 44px; }
.banner-pic .slideBox .hd ul li { float: left; margin-right: 10px; width: 8px; height: 8px;border-radius: 100%;border: 2px solid #fff; text-align: center; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; }
.banner-pic .slideBox .hd ul li.on {filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
.banner-pic .slideBox .bd { position: absolute; width: 1920px; left: 50%; margin-left: -960px; top: 0; }
.banner-pic .slideBox .bd li { zoom: 1; vertical-align: middle; }
.banner-pic .slideBox .bd .banimg { display: block; width: 1920px; height: 702px; }
.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;}
.banner li.li_k{ width:100%; height:702px; background:url(../images/banner_bj1.jpg) center top no-repeat; position:relative; overflow:hidden;}
.banner li.li_k .wrap{height: 100%;}
.banner li div.li_left{ width:54%; position:absolute; left:6%; top:32%;}
.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;}
.banner li div.li_left a.ljty:hover{color: #fff;background: #faa513;}
.banner li div.li_right{ position:absolute; top: 19.2%; right: 3%;width: 38.5%;}
.banner li div.li_right em{ position:absolute;top:0; right:0;display: block;}
.banner li div.li_right img{display: block;width: 100%;}
.shili{padding: 78px 0 55px;}
.shili ul{padding-left: 5%;}
.shili li{float: left;display: inline;position: relative;cursor: pointer;width: 25%;box-sizing: border-box;padding-right: 2%;padding-left: 80px;}
.shili li i{display: block;position: absolute;top: 50%;margin-top: -26px;left: 0;width: 64px;height: 52px;}
.shili li.shili0 i{background: url(../images/shili_pic1.png) no-repeat 0 0;}
.shili li.shili0:hover i{background-image: url(../images/shili_pic1_h.png);}
.shili li.shili1 i{background: url(../images/shili_pic2.png) no-repeat 0 0;}
.shili li.shili1:hover i{background-image: url(../images/shili_pic2_h.png);}
.shili li.shili2 i{background: url(../images/shili_pic3.png) no-repeat 0 0;}
.shili li.shili2:hover i{background-image: url(../images/shili_pic3_h.png);}
.shili li.shili3 i{background: url(../images/shili_pic4.png) no-repeat 0 0;}
.shili li.shili3:hover i{background-image: url(../images/shili_pic4_h.png);}
.shili li h3{font-size: 16px;color: #333;font-weight: normal;}
.shili li p{font-size: 12px;color: #666;line-height: 18px;width: 90%;}
.sbf_wk{background: #f8f8f8;padding: 120px 0 98px;}
.sbf{ max-width:1200px; margin:0 auto; overflow:hidden;}
.sbf em{ width:48%;}
.sbf em img{margin-left: 5%;display: block;}
.sbf h4{ width:550px; margin-bottom:25px; font-size:40px; color:#333;font-weight: normal;}
.sbf span{ font-size:16px; line-height:26px; display:block; color:#525151;}
.sbf p{font-size: 16px;color: #f08200;margin-top: 30px;}
.sbf a.alink,.sbf a.alink1,.sbf a.alink2{ color:#f08200; font-size:16px;display: inline-block;margin-top: 40px;}
.sbf a.alink1,.sbf a.alink2{display: none;}
.sbf ul{ width:550px; margin-top:20px;}
.sbf ul li{ float:left; width:55px; text-align:center;margin-right: 18px;}
.sbf ul li span{ font-size:16px;color:#666; width:100%; display:block;}
.sbf_wk_dan{ background:#fff}
.xiao{ width:45.8%;}
.sbf_wk1{padding: 90px 0 87px;}
.sbf_wk1 .xiao,.sbf_wk2 .xiao{margin-top: 75px;}
.sbf_wk2{padding: 98px 0;}
.sbf_wk3{padding: 108px 0 90px;}
.sbf_wk3 .xiao,.sbf_wk4 .xiao{margin-top: 85px;}
.sbf_wk4{padding: 102px 0 90px;}
.fuwu{margin: 65px auto 0;}
.title{text-align: center;}
.title h3{font-size: 48px;color: #333;font-weight: normal;}
.title p{font-size: 18px;color: #474646;margin-top: 10px;}
.fuwu ul{border-left: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;margin: 45px auto 0;}
.fuwu li{float: left;display: inline;width: 25%;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;position: relative;z-index: 1;box-sizing: border-box;}
.fuwu li:hover{box-shadow: 0 0 8px rgba(0,0,0,0.3);z-index: 5;}
.fuwua{display: block;font-size: 18px;color: #333;text-align: center;padding:50px 0 55px;overflow: hidden;z-index: 2;}
.fuwua img{display: block;margin: 0 auto 10px;background: #0194d2;width: 70px;height: 70px;border-radius: 100%;}
.logodiv{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #fff;z-index: 3;display: none;overflow: hidden;padding: 0 15px;}
.logodiv h3{font-size: 18px;color: #333;text-align: center;line-height: 60px;border-bottom: 1px solid #f1f1f1;margin-bottom: 10px;}
.logodiv p{display: table;width: 50%;height: 64px;float: left;position: relative;}
/*.logodiv p:first-child::before,.logodiv p:nth-child(3)::before{content: '';display: block;width: 1px;height: 104px;background: #e5e5e5;position: absolute;top: 0;right: 0;z-index: 2;}*/
.logodiv a{display: table-cell;vertical-align: middle;}
.logodiv a img{display: block;max-height: 64px;max-width: 90%;margin: 0 auto;}
.fuwu li:hover .logodiv{display: block;}
.case{ width:100%;position:relative; overflow:hidden;margin-top: 110px;}
.case_top{ width:1104px; position:absolute; left:50%; margin-left:-552px; top:181px; overflow:hidden; height:94px; z-index:9;}
.case_top ul{ height:94px;}
.case_top ul li{ width:174px; float:left; margin:0 5px; background:#fff;}
.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;}
.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:212px;}
.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: 35px;overflow: hidden;}
.case_nr ul{ height:700px;}
.case_nr li{ width:100%; height:700px; position:relative; float:left;overflow: hidden;}
.case_nr li div{ width:1104px; margin:0 auto; overflow:hidden; height:470px; padding-top:40px; position:absolute; top:164px; 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.wenzi{ width:360px; position:absolute; right:0; 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:15px;}
.case_nr li strong.wenzi p{ font-size:14px; color:#333; line-height:150%;}
.case_nr li strong.wenzi a{ width:145px; height:44px; line-height:44px; display:block; color:#fff; background:#2183c4; border-radius:5px; text-align:center; margin-top:15px;transition:all 0.3s;}
.case_nr li strong.wenzi a:hover{ background:#fff; color:#2183c4; 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;padding: 30px 0;background: #f2f6fc;}
.casewapc{background-position: center;background-size: cover;background-repeat: no-repeat;margin-top: 20px;padding: 25px 12px 35px;box-sizing: border-box;}
.casewapc .tupian{ width:80%;display:block;position: relative;margin: 0 auto;z-index: 5;}
.casewapc .pc_img{ width:100%;position: relative;display: block;}
.casewapc .pc_img img,.casewapc .wap_img img{width: 100%;display: block;}
.case_pc_img{display: block; position:absolute; top:5%; left:4%;right: 4%;bottom:26.6%;overflow: hidden;background: #fff;}
.casewapc .wap_img{ width:20%; height:55%; position:absolute; right:-5%; bottom:0;}
.case_wap_img{ position:absolute; top:11.3%; left:7.5%;right: 6.6%;bottom: 15.7%;overflow: hidden;display: block;background: #fff;}
.casewapc .wenzi{margin-top: 25px;display: block;position: relative;z-index: 5;}
.casewapc .wenzi{opacity:1; filter:alpha(opacity=100); transition:all 1s 1.5s;font-weight: normal;padding: 0 7%;}
.casewapc .wenzi h4{ font-size: 19px; font-weight:600; margin-bottom:15px;color: #fff;text-align: center;}
.casewapc .wenzi p{ font-size:16px; color:#fff; line-height:24px;min-height: 120px;}
.wapbg{display: block;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));position: absolute;bottom: 0;left: 0;right: 0;height: 50%;z-index: 2;}
/*.casewapc:nth-child(3) .wenzi h4,.casewapc:nth-child(4) .wenzi h4,.casewapc:nth-child(3) .wenzi p,.casewapc:nth-child(4) .wenzi p,.casewapc:nth-child(5) .wenzi p,.casewapc:nth-child(5) .wenzi h4{color: #fff;}*/
.idx_more{ width:40%; height:40px; line-height:40px; display:block; color:#333; border-radius:5px; text-align:center; margin:20px auto 0;border: 1px solid #333;}
.fwbz{background: #fafafa;padding: 60px 0 68px;}
.fwbzc{overflow: hidden;margin-top: 35px;}
.fwbzc ul{width: 1221px;}
.fwbz li{float: left;display: inline;width: 384px;border: 1px solid #e5e5e5;border-top: 2px solid #0194d2;background: #fff;margin-right: 21px;text-align: center;height: 456px;overflow: hidden;position: relative;}
.fwbz li span{font-size: 14px;color: #0194d2;margin-top: 38px;display: block;}
.fwbz li h3{font-size: 30px;color: #0194d2;font-weight: normal;margin-bottom: 10px;}
.fwbz li p{font-size: 16px;color: #333;}
.fwbz li img{display: block;position: absolute;bottom: 0;left: 0;width: 384px;height: 266px;}
.fuwu_map{ width:100%; height:485px; background:url(../images/fuwu.jpg) bottom center no-repeat; position:relative;overflow: hidden;}
.xg_ones{margin: 180px auto 0;max-width: 1200px;}
.xg_ones li{ float: left; text-align: center; width:25%; }
.xg_one_01 p{ color: #ff8b01; font-size:90px; position:relative}
.xg_one_01 p em{ font-size:40px; position:absolute; top:5px;}
.xg_one_01b{ font-size: 24px; margin: 20px 0 35px;}
.xg_one_01b i{ font-size:90px;margin-right: 10px; font-weight:bold;font-family:Arial, Helvetica, sans-serif;font-style: normal;}
.xg_one_01 .xg_one_01c{ color: #fff; font-size: 18px; font-family:'微软雅黑'； font-weight:100;}
.xg_one_01d{ font-size: 16px;}
.fuwu_xia{ max-width:1200px; margin:40px 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;}
.foot{ background:#303036;}
.foot-t{ max-width:1200px; margin:0 auto; padding:60px 0 0; box-sizing:border-box;}
.foot-t h3{ font-size:16px; color:#fff; font-weight:normal;margin-bottom: 15px;}
.foot-tl{ float:left; width:39%; font-size:14px; color:#828282;padding-top: 20px;}
.foot-tl div.fl{width: 130px;}
.foot-tl a{color: #919198;font-size: 12px;display: inline-block;width: 125px;line-height: 30px;}
.foot-tl a:hover{color: #fff;}
.foot-tc{ float:left; width:31%; color:#6a6a6e; font-size:14px;padding-top: 37px;}
.foot-tc span{ display:block; font-size:24px;}
.foot-tc p.p1{ background:url(../images/ico11_1.png) no-repeat left center; padding-left:60px; margin-top:18px; margin-bottom:18px;}
.foot-tc p.p1 a{display: block;}
.foot-tc p.p2{ background:url(../images/ico12.png) no-repeat left center; padding-left:60px;}
.foot-tr{ float:right; width:30%;}
.foot-tr h3{color: #ff8929;height: auto;font-size: 26px;}
.foot-tr p{ font-size:14px; color:#919198; line-height:20px; margin:15px 0;}
.foot-tr .input{ width:67%; height:40px; font-size:14px; text-align:left; border:none; background:#fff; padding:0 24px; box-sizing:border-box; border-radius:40px;}
.foot-tr .button{ width:30%; height:40px; color:#fff; font-size:14px; background:#ff8929;/* margin-left:3%;*/ border-radius:40px; border:none; cursor:pointer;-webkit-appearance: none;}
.ft-login{ text-align:left; font-size:14px; color:#919198; line-height:36px; margin:20px 0 0;}
.ft-login a{ display:inline-block; width:36px; height:36px; background:url(../images/ico13.png) no-repeat; vertical-align:middle;position: relative;}
.ft-login a.ft-qq{ background-position:0 0; margin:0 12px;}
.ft-login a.ft-weixin{ background-position:0 -36px;}
.ft-login a.ft-qq:hover{ background-position:0 -72px;}
.ft-login a.ft-weixin:hover{ background-position:0 bottom;}
.foot-b{ max-width:1200px; margin:45px auto 0; border-top:1px solid #3c3c41; text-align:center; font-size:12px; color:#696970; padding:25px 0; box-sizing:border-box;}
.foot-b a{ color:#696970; margin:0 10px;}
.foot-b p{ line-height:23px;}
.foot-b p a{ margin:0;}
.foot-b img{ margin:15px 0 0;}
.foot-b p img{ margin:0 0 0 5px; position:relative; top:-2px; vertical-align:middle;}
.foot-b a:hover{ color:#fff;}
.ft-login a span{display: block;position: absolute;bottom: 100%;left: 0;display: none;width: 120px;padding-bottom: 7px;z-index: 20;}
.ft-login a span img{display: block;width: 120px;height: 120px;}
.ft-login a span em{display: block;width: 10px;height: 9px;background: url(../images/sanjiao1.png) no-repeat center;position: absolute;bottom: 0;left: 50%;margin-left: -5px;}
.ft-login a:hover span{display: block;}
.ft-login a span{left: 50%;margin-left: -60px;}
.foot-bwap{text-align: center;font-size: 12px;color: #919198;display: none;border-top: 1px solid #3c3c41;padding: 20px 0;line-height: 20px;margin-top: 20px;}
.foot-bwap a{color: #919198;}
.footWap{font-size: 14px;color: #ccc;text-align: center;display: none;}
.footWap a{display: block;width: 60%;margin: 0 auto 5px;height:40px;line-height: 40px; color:#fff; font-size:16px; background:#ff8929; border-radius:40px;}

/*关于我们*/
.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; }
.nianfei { width: 1200px; height: 50px; padding: 50px 0; overflow: auto; }
.nianfei ul { height: 50px; }
.nianfei li { float: left; width: 136px; height: 48px; border: 1px solid #dcdcdc; border-radius: 50px; line-height: 48px; text-align: center; color: #0684ce; background: #fff; transition: all 0.3s; font-size: 24px; margin: 0 5px; cursor: pointer; }
.nianfei li.active { background: #0684ce; color: #fff; transition: all 0.3s; border-color: #0684ce }
#ascrail2000-hr, #ascrail2001 { background: #e2e2e2; border-radius: 2px; }
.tab_lc { width: 1200px; margin: 20px auto 0; height: 312px; overflow: auto; display: none; }
.tab_lc li { height: 52px; cursor: pointer; }
.tab_lc li strong { width: 90px; height: 52px; line-height: 52px; font-size: 20px; color: #4e4e4e; background: url(../images/shutiao.png) right center no-repeat; display: block; float: left; }
.tab_lc li span { margin-left: 15px; padding-left: 20px; height: 52px; width: 930px; display: table; float: left }
.tab_lc li span em { display: table-cell; vertical-align: middle; font-size: 14px; color: #8b8b8b; height: 21px; }
.tab_lc li:hover span { background: url(../images/_hover_bj.png) left top no-repeat; }
.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 }
/*合作与客户*/
/*.hz_ban { width: 100%; height: 580px; background: url(../images/hz_ban.jpg) center top no-repeat; display: table; position:relative;}
.hz_ban div { color: #fff; text-align: center; display: table-cell; vertical-align: middle; line-height: 100%; }
.hz_ban div span { font-size: 22px; line-height: 100%; }
.hz_ban div h2 { font-size: 38px; line-height: 100%; margin: 55px auto 85px; }
.hz_ban div a { font-size: 18px; color: #fff; width: 180px; height: 42px; line-height: 42px; border: 2px solid #fff; display: block; text-align: center; margin: 0 auto; border-radius: 5px; }
.hz_nav { width: 100%; height: 70px; line-height: 70px; border-bottom: 1px solid #eee; text-align: center; }
.hz_nav li { float: left; margin: 0 30px; }
.hz_nav ul { margin: 0 auto; height: 70px; }
.hz_nav li a { color: #666; font-size: 15px; }
.hz_nav li a.active, .hz_nav li a:hover { color: #02649f; }
.anli { height: 680px; padding-top: 70px; width: 100%; background: #f6f6f6; }
.swiper-container { width: 100%; height: 340px; margin: 20px auto; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; height: 340px; transition:all 0.3s }
.swiper-slide em { display: block; margin: 0 auto; }
.swiper-slide img { width: 168px; height: 88px; display: block; margin: 0 auto; }
.swiper-slide h4 { font-size: 32px; line-height: 150%; color: #187ec2; margin: 10px auto 30px }
.swiper-slide span { font-size: 14px; color: #6b6b6b; width: 90%; text-align: left; margin: 0 auto; display: block; }
.swiper-slide-active { padding: 30px 0; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5); top:-30px; transition:all 0.3s}*/
.anli h4,.huoban h4{ font-size: 16px; color: #777; margin: 0 auto; text-align: center; }
.anli h4 span,.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}

/*新新闻列表*/
.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:#02649f; border-bottom:2px #02649f 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;}
/*分页*/
.paginator { text-align: center; padding:30px 0 0; }
.paginator.w1099{ border:none;}
.paginator img{ vertical-align:text-top;}
.paginator a, .paginator span { display: inline-block; text-align:center; height: 27px; line-height: 27px; color: #4a4b4e; font-size:13px; border:1px #d2d2d2 solid; padding:0 9px; margin:0 3px; border-radius:3px;}
.paginator a:hover{ background:#5b5a5a; border-color:#5b5a5a; color:#fff;}
.paginator span.current { color: #fff; background:#434343; border-color:#434343;}
/*分页------------------------------*/
/*新新闻详情页*/
.u-news .det_tit{ margin:0;}
.u-news .det_tit h1{ font-weight:bold; font-size:30px;}
.det_con{ padding:5px 0 30px; font-size:17px !important; line-height:200%;}
.det_con img{ margin:20px auto;max-width: 100% !important;height: auto !important;}
.det_con p{/* text-indent:2em;*/ font-size:17px !important; line-height:1.5 !important; margin:20px 0;}
.det_con strong{font-weight: bold;}
.det_con span{font-size:17px !important;}
.u-news .fy{ padding:25px 15px 0; margin:0;}
.u-news .fy span{ display:block; height:24px; line-height:24px;}
.news-top{ width:100%; position:relative; height:250px; overflow:hidden;}
.news-top img{ position:absolute; left:50%; top:0; margin-left:-960px;}
.det_tit{ text-align:center;}
.det_tit h1{ line-height:120%;}
.det_tit span{ line-height:200%;}


/*网商学院*/
.w1145 { max-width: 1145px; margin: 0 auto; }

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.fr {
    float: right;
}

.fl {
    float: left;
}

ul, li {
    list-style: outside none none;
    margin: 0;
}
*, dl, dt {
    margin: 0;
    padding: 0;
}
img {
    border: medium none;
}
a {
    color: #666;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
}
/*网商学院*/
.sxybanner{ width:100%; height:258px; overflow:hidden; position:relative;margin-top: 80px;}
.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 #02649f 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:#02649f;}
.ititle ul li.current a{ border-bottom:2px #02649f 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:#02649f;}
.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 #02649f 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 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}
/*品牌营销*/
#ppyx_ban{ height:560px;width: 100%;overflow: hidden;}
.ppyx_one{ max-width:1200px; margin:0 auto; padding-top:80px; overflow:hidden; padding-bottom:100px;}
.ppyx_one h4{ text-align:center; font-size:36px; color:#333; line-height:110%; margin-bottom:20px;}
.ppyx_one em{ max-width:560px; display:block; margin:0 auto 60px; text-align:center; font-size:18px; color:#666; line-height:150%;}
.ppyx_one ul{ width:325px; float:left; margin-top:75px;}
.ppyx_one img{ float:left;}
.ppyx_one ul li{ height:105px; font-size:16px; color:#363636;line-height:150%; width:310px;}
.ppyx_one_left li{ text-align:right; float:left; }
.ppyx_one_left li span{display: none;}
.ppyx_one li strong{ font-weight:600;}
.ppyx_one_right li{ float:right;}
.sidazd{ width:100%; height:679px; background:url(../images/sidazd.jpg) center top no-repeat;}
.sidazd h3{ height:170px; line-height:170px; text-align:center; color:#fff; font-size:36px;}
.sidazd ul{ width:1304px; margin:0 auto;}
.sidazd ul li{ width:170px;padding:0 78px; float:left; background:url(../images/jiantou.png) left 74px no-repeat;}
.sidazd ul li:first-child{ background:none;}
.sidazd ul li em{ width:170px; height:170px; background:#fff; display:block; border-radius:100%;}
.sidazd ul li em img{ margin:49.5px;}
.sidazd ul li h4{ height:90px; line-height:110px; font-size:24px; color:#fff; font-weight:600;}
.sidazd ul li span{ display:block; width:170px; white-space:nowrap; font-size:16px; line-height:160%; color:#fff;}
.wudadian{ width:100%; height:745px; background:url(../images/wudatd.jpg) center top no-repeat; position:relative;}
.wudadian ul{ position:relative; width:734px; margin:0 auto; height:270px;}
.wudadian ul li{ width:100px; height:70px; display:block; position:absolute; text-align:center; color:#fff; border-radius:100%; padding-top:30px;}
.wudadian ul li em{ display:block; text-align:center;}
.wudadian ul li.active0{ left:0; bottom:0; background:#00b7ee;}
.wudadian ul li.active1{ left:158px; bottom:62px; background:#13b5b1}
.wudadian ul li.active2{ left:316px; bottom:82px; background:#8fc31f}
.wudadian ul li.active3{ right:158px; bottom:62px; background:#f39800}
.wudadian ul li.active4{ right:0px; bottom:0px; background:#eb6100}
.wudadian h4{ width:500px; height:35px; text-align:center; font-size:36px; color:#333; line-height:40px; position:absolute; left:50%; margin-left:-250px; top:260px;}
.wudadian img{ display:block; margin:90px auto 0;}
.liuda{ width:1050px; height:670px; background:url(../images/liudian.png) center bottom no-repeat; margin:0 auto;}
.liuda h4{ height:175px; line-height:175px; text-align:center; font-size:36px; color:#333;}
.liuda ul{ width:245px; margin-top:50px;}
.liuda ul li{ height:70px; margin-bottom:60px; font-size:30px; color:#333; line-height:130%;}
.liuda ul li span{display: none;}
.liuda ul li em{ display:block; color:#999; font-size:18px; line-height:120%;}
.liuda ul.liu_left{ float:left; margin-left:75px;}
.liuda ul.liu_left li{ padding-left:10px;}
.liuda ul.liu_right{ float:right; margin-right:75px; text-align:right;}
.liuda ul.liu_right li{ padding-right:10px;}
.hezuo{ width:100%; height:450px; background:#f0f0f0; margin-top:75px;}
.hezuo h4{ text-align:center; height:120px; line-height:150px; font-size:40px;}
.hezuo a.more{ width:140px; height:35px; line-height:35px; margin:0 auto 50px; display:block; border:1px solid #a0a0a0; text-align:center; border-radius:37px;}
.hezuo_div{ width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.hezuo_div a{ width:35px; height:68px; position:absolute;}
.hezuo_div a.hezuo_prev{ background:url(../images/hezuo_prev.png) center no-repeat; left:0; top:50%; margin-top:-34px;}
.hezuo_div a.hezuo_next{ background:url(../images/hezuo_next.png) center no-repeat; right:0; top:50%; margin-top:-34px;}
.hezuo_zhuti{ width:1074px; margin:0 auto; height:190px; overflow:hidden; position:relative}
.hezuo_zhuti li{ float:left; width:338px; margin:0 10px; height:430px;}
.hezuo_zhuti li img{ display:block; width:338px;}
/*营销型*/
.yxwh{ width:580px; padding-right:200px; background:url(../images/wenhao.jpg) right center no-repeat; height:300px; margin:50px auto; display:table;}
.yxwh div{ display:table-cell; vertical-align:middle}
.yxwh span{ font-size:24px;color:#666; line-height:120%; display:block;}
.yxwh strong{ font-weight:600; font-size:36px; color:#333; line-height:150%;display:block;}
.yxwh strong em{ color:#f60}
.yxwh h4{ background:#187ec2; height:60px; line-height:60px; color:#fff; text-align:center; font-size:30px; font-weight:600; border-radius:60px;}
.yxbz{ width:100%; overflow:hidden; background:#eee; padding:90px 0 60px;}
.yxbz h4{ text-align:center; font-size:36px; font-weight:600; line-height:110%;}
.yxbz strong{ height:60px; line-height:60px; font-size:24px; color:#333;text-align:center; display:block;}
.yxbz strong em{ color:#f60;}
.yxbz h3{ text-align:center; width:420px; margin:0 auto; height:45px; line-height:45px; color:#fff; background:#f60; border-radius:45px; font-size:18px;}
.yxbz ul{ width:1251px; margin:60px auto 0;}
.yxbz ul li{ width:367px; float:left; margin:30px 25px; display:table;}
.yxbz ul li em{ width:90px; height:105px; display:table-cell; vertical-align:middle; background:#f60;}
.yxbz ul li em img{ display:block; width:45px; margin:30px auto;}
.yxbz ul li div{ padding-left:20px; display:table-cell; vertical-align:middle;}
.yxbz ul li h5{ font-size:24px; color:#f60; line-height:120%;}
.yxbz ul li span{ color:#333; font-size:16px; line-height:150%;}
.ddfei{ width:100%; text-align:center; padding:80px 0 90px; overflow:hidden;}
.ddfei h3{ font-size:36px; font-weight:600; line-height:120%}
.ddfei strong{ font-size:24px; color:#f60; line-height:80px; height:80px;}
.ddfei ul{ width:1200px; margin:0 auto; height:227px; padding-top:190px; background:url(../images/ddfei_ul.jpg) center top no-repeat}
.ddfei li{ width:400px; color:#fff; float:left; border-radius:100%;}
.ddfei li h4{ font-size:30px; font-weight:600; height:60px;}
.ddfei li span{ display:block; width:250px; margin:0 auto;}
.youshi{ width:100%; height:830px; padding:80px 0 100px; background:url(../images/youshi_bj.jpg) center top no-repeat; color:#fff}
.youshi h4{ display:block; text-align:center;  font-size:36px; font-weight:600; height:65px;}
.youshi strong{ display:block; text-align:center; font-size:24px; line-height:120%;}
#yyx{ margin-top:0;}
.youshi ul{ width:1200px; margin:0 auto;}
.youshi ul li{ display:table; width:1200px; margin-top:70px;}
.youshi li:first-child em{ width:580px;}
.youshi li em{ display:table-cell; vertical-align:middle;}
.youshi li div{ display:table-cell; vertical-align:middle;}
.youshi li div h5{font-size:30px; color:#e44d24; line-height:120%;}
.youshi li div span{ font-size:18px; height:60px; line-height:60px;}
.youshi li div p{ color:#4a5b7a;}
.youshi li div a{ width:315px; text-align:center; height:40px; line-height:40px; border-radius:40px; background:#0068b7; color:#fff; display:block; font-size:24px; float:left; margin-top:30px;}
.laixi{ width:100%; text-align:center;}
.g_yong{ margin-top:40px; font-size:36px; line-height:120%; text-align:center;}
.g_yong strong{ font-size:24px; color:#666; line-height:120%; margin-top:20px; display:block;}
.g_yong strong em{ color:#f86201; font-size:36px; font-weight:600;}
.laixi span{ width:100%; background:#ecf1f9; overflow:hidden; display:block; margin-top:40px; padding:80px 0 50px;}
.laixi span img{ display:block; margin:0 auto 30px;}
.laixi span p{ font-size:16px; color:#333; line-height:200%;}
.why{ width:100%; overflow:hidden; border-bottom:1px solid #dcdcdc; margin-bottom:20px;}
.why_div{ width:1200px; margin:50px auto; display:table}
.why_div em{ display:table-cell; vertical-align:middle;}
.why_div ul{ display:table-cell; vertical-align:middle;}
.why_div ul li{ width:460px; padding:10px 0 10px 72px; background:url(../images/hongcha.jpg) left center no-repeat; height:46px;}
.why_div ul li span{ line-height:46px;}
.hao_zn{ width:100%; height:1620px; overflow:hidden; background:url(../images/hao_bj.jpg) center 650px no-repeat;}
.hao_zn ul{ margin-top:90px;}
.hao_zn li{ width:1200px; margin:0 auto; display:table;}
.hao_zn li em{ display:table-cell; vertical-align: middle;}
.hao_zn li div{ display:table-cell; vertical-align: middle;}
.hao_zn li.active0{ height:430px;}
.hao_zn li.active1{ height:530px;}
.hao_zn li.active2{ height:420px; padding-top:20px;}
.hao_zn li h4{ font-size:34px; color:#e45a00; line-height:120%; margin-bottom:20px;}
.hao_zn li span{ font-size:14px; color:#525151;}
.blw{ width:100%; height:710px; padding-top:140px; background:url(../images/blw.png) center top no-repeat;}
.blw h4{ text-align:center; font-size:36px; line-height:120%; color:#fff;}
.blw_div{ width:1200px; margin:105px auto 0;}
.blw_div ul{ width:220px;}
.blw_div ul.ul_left{ float:left;}
.blw_div ul.ul_right{ float:right;}
.blw_div ul li{ width:220px; display:table; height:48px; padding:22px 0;}
.blw_div ul li em{ display:table-cell; vertical-align:middle; width:48px; height:48px; background:#0084bc; border-radius:100%;}
.blw_div ul li div{ display:table-cell; vertical-align:middle; padding-left:10px;}
.blw_div ul li div h5{ font-size:20px; color:#fff;}
.blw_div ul li div span{ font-size:16px; color:rgba(255,255,255,0.6); line-height:170%;}
#ydd{ height:740px;}
#ydd li{ width:200px; height:354px; padding:57px 11px 57px 13px; background:url(../images/shouji_bj.png) center no-repeat; margin:0 21px;}
#ydd li a{ display:block;width:198px; border:1px solid #dcdcdc; height:352px; background:#fff;overflow:hidden; position:relative;}
#ydd li a img{ width:100%; display:block;}
#ydd .hezuo_zhuti{ width:1064px; height:470px;}
#ydd li span{ position:absolute; top:100%; left:0; width:200px; height:354px; display:block; background:url(../images/tmbj.png) left top repeat;}
#ydd li span img{ width:154px; height:154px; display:block; margin:50px auto 0;}
#ydd li span h3{ width:180px; margin:20px auto; text-align:center; color:#fff; font-size:18px;}
#ydd li span em{ width:160px; height:40px; color:#fff; font-size:14px; line-height:40px; text-align:center; display:block; text-align:center; margin:0 auto; background:#1ea0d6}
/*--电商--*/
.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;}



.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;}
.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;}/*-------------------------------------------------------------------------------------------------------------*/
/*合作客户详情*/
.cro-banner{ background:url(../images/kh_bg1.jpg) center top no-repeat; padding:80px 0 0;margin-top: 80px;}
.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-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{ max-width:100%; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.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;}

.li_divone{ width:1200px; color:#fff; position:absolute; top:0; left:50%; margin-left:-600px; z-index:9; height:580px;}
.li_divone h2{ font-size:36px; line-height:110%; padding-top:210px;}
.li_divone em{ font-size:18px; line-height:40px; display:block; margin:20px 0 30px;}
.li_divone div{ float:left; width:400px;}
.li_divone div a{ display:block; width:65px; float:left; padding-right:35px; text-align:center; color:#fff;}
.li_divone div a img{ margin:0 auto; display:block;}
.li_divone div a span{ display:block; font-size:15px; line-height:40px;}
.li_divone img.yuan_one{ position:absolute; display:block; right:0; top:0;/* animation:t_scale 1.5s linear;*/}
.li_divone img.yuan_two{ position:absolute; display:block; right:80px; top:80px;/* animation:t_scale 1.5s linear;*/}
.li_divone img.yuan_three{ position:absolute; display:block; right:145px; top:145px; /*animation:t_scale 1.5s linear;*/}
.li_divone img.iphone{ position:absolute; display:block; right:65px; bottom:79px;}

.fll{ float:left; display:inline;}
.flr{ float:right; display:inline;}
/*发展历程*/
.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;}

/*解决方案
.screen{ position:relative;}
.s_banner{ background:url(../images/s_ban_bg.jpg) center no-repeat; height:620px; text-align:center; color:#fff; position:relative; overflow:hidden; width:100%;}
.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; line-height:150%;}
.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:1420px;}
.s-idx2_img{ left:50%; margin-left:-597px;}
.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:110px; padding:35px 25px 0; background:#fff; border-style:solid; border-width:10px; font-size:30px; border-radius:145px; top:-82px; left:50px; line-height:40px;}
.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;}
#jjfa_box{ text-align:left;}
#jjfa_box .hd{ border-bottom:1px #ababab solid;}
#jjfa_box .hd ul{ padding-bottom:16px; width:1266px; height:72px; margin:0 auto;}
#jjfa_box .hd ul li{ float:left; width:145px; margin-right:66px; cursor:pointer; text-align:center; font-size:16px; color:#262626; position:relative;}
#jjfa_box .hd ul li div{ height:50px;}
#jjfa_box .hd ul li div i{ display:block; margin:0 auto;}
#jjfa_box .hd ul li div.s-idx2_ico1 i{ background:url(../images/s_ico4.png) no-repeat; width:44px; height:35px;}
#jjfa_box .hd ul li div.s-idx2_ico2 i{ background:url(../images/s_ico5.png) no-repeat; width:38px; height:38px;}
#jjfa_box .hd ul li div.s-idx2_ico3 i{ background:url(../images/s_ico6.png) no-repeat; width:51px; height:37px;}
#jjfa_box .hd ul li div.s-idx2_ico4 i{ background:url(../images/s_ico7.png) no-repeat; width:34px; height:38px;}
#jjfa_box .hd ul li div.s-idx2_ico5 i{ background:url(../images/s_ico8.png) no-repeat; width:33px; height:32px;}
#jjfa_box .hd ul li div.s-idx2_ico6 i{ background:url(../images/s_ico9.png) no-repeat; width:29px; height:33px;}
#jjfa_box .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;}
#jjfa_box .hd ul li.on{ color:#2f91e3;}
#jjfa_box .hd ul li.on div i{ background-position:0 bottom;}
#jjfa_box .bd{ width:1200px; margin:50px auto 0;}
.s-idx2_bdcon-tit{ font-size:22px; color:#1a1a1a; text-transform:uppercase; background:url(../images/s_word.png) left center no-repeat; padding-left:27px; margin-bottom:10px; margin-left:15px;}
.s-idx2_bdcon-tit span{ font-size:14px; color:#686868; margin-left:25px;}
.s-idx2_bdcon-tit span i{ margin-left:20px;}
#jjfa_box .bd p{ color: #1a1a1a; font-size: 14px; line-height: 26px;}
#jjfa_box .bd li{ margin-bottom:30px;}
#jjfa_box .bd li em{ color:#0194d2; font-size:14px;}
#jjfa_box .bd li a:hover .s-idx2_bdcon-tit{ color:#0194d2;}
#jjfa_box .bd li a:hover em{ text-decoration:underline;}
#jjfa_hd{ width:1200px; margin:-105px auto 0;}
.s-idx2_btn{ text-align:center; width:100%; margin-top:50px;}
.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:750px; padding-top:200px; border-bottom:1px solid #e5e5e5;}
.slideGroup{ text-align:left;}
.slideGroup .parHd ul{ width:1093px; margin:0 auto; overflow:hidden;}
.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; 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;}
.s_banner h1{ position:absolute; top:120px; width:100%; transition: all .3s; opacity:0;}
.s_banner p{ position:absolute; top:180px; width:100%; transition: all .3s; opacity:0;}
.s_banner1{ position:absolute; top:627px; left:50%; margin-left:-284px; z-index:5; transition: all .3s; opacity:0;}
.s_banner2{ position:absolute; top:628px; left:50%; margin-left:44px; z-index:4; transition: all .3s; opacity:0;}
.s_banner3{ position:absolute; top:627px; left:50%; margin-left:-448px; z-index:3; transition: all .3s; opacity:0;}
.s_banner4{ position:absolute; top:627px; left:50%; margin-left:268px; z-index:2; transition: all .3s; opacity:0;}
.s_banner5{ position:absolute; top:627px; left:50%; margin-left:-503px; z-index:1; transition: all .3s; opacity:0;}
.s-idx1{ height:610px;}
.s-idx1 .s_title,.s-idx2 .s_title{ position:absolute; top:15px; left:0; transition: all .3s; opacity:0;}
.s-idx1_con{ width:1200px; position:absolute; top:244px; left:50%; margin-left:-600px; transition: all .3s;}
.s-idx1_con li div{ position:absolute; top:57px; left:50%; margin-left:-57px; width:88px; height:88px; transition: all .3s; opacity:0; transition-timing-function:ease-out;}
.s-idx2_img{ position:absolute; top:324px; transition: all .6s; opacity:0;}
.s-idx2_con{ position:absolute; top:847px; width:100%; left:0; transition: all .3s;}
.s-idx3 .s_title{ position:absolute; top:25px; left:0; transition: all .3s; opacity:0;}
.s-idx3_con{ width:1200px; position:absolute; top:346px; left:50%; margin-left:-600px;}
.s-idx3_con li{ transition: all .3s; opacity:0;}
.s-idx3_con li.s-idx3_ico1{ top:40px;}
.s-idx3_con li.s-idx3_ico2{ top:40px;}
.s-idx3_con li.s-idx3_ico3{ top:40px;}
.s-idx3_con li.s-idx3_ico4{ top:40px;}
.s-idx4 .s_title{ position:absolute; top:40px; left:0; transition: all .3s; opacity:1;}*/

/*品牌企业官网*/
.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/bg1_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;}
.mod18{width:1200px;position:relative;}
.mod18 .btn{position:absolute; top:37px; width:22px;height:41px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold; background:url(../images/N_arrow.png) no-repeat;}
.mod18 .prev{left:0; background-position:0 0;}
.mod18 .prev:hover{ background-position:0 -41px;}
.mod18 .next{right:0; background-position:-22px 0;}
.mod18 .next:hover{ background-position:-22px -41px;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff; width:1096px; padding:0 60px 0 44px;}
.mod18 .picBox{height:410px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:410px;position:absolute;}
.mod18 .picBox li{ background:url(../images/N_vs.png) center 113px no-repeat;}
.mod18 .picBox li p{ font-size:18px; color:#333;}
.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;}
.mod18 .listBox{width:1103px;height:108px;margin:0 auto 83px;position:relative;overflow:hidden;}
.mod18 .listBox ul{height:108px;position:absolute;}
.mod18 .listBox li{ height:108px;cursor:pointer;position:relative; padding:0; width:171px; padding:0 7px; display:table;}
.mod18 .listBox li a{display:block; width:169px; height:106px; border:1px #efefef solid; display:table-cell; vertical-align:middle;}
.mod18 .listBox li img{ max-width:169px; max-height:106px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; display:block; margin:0 auto;}
.mod18 .listBox li a:hover img{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}
.mod18 .listBox a:hover,.mod18 .listBox .on a{ border-color:#ccc;}
.mod18 .listBox .on img{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}
.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;}

/*产业互联网*/
.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{ 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;}


/*增值服务*/
#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-text1 h3{ position:absolute; top:0; opacity: 0; transition: all 1s; left:100px;}
.fu-text1 p{ opacity: 0; transition: all 1s; position:absolute; left:100px; top:70px;}
.fu-text1 .fu-text_a{ opacity: 0; transition: all 1s; position:absolute; top:160px; left:100px;}
.fu-text2 h3{ position:absolute; top:70px; opacity: 0; transition: all 1s;}
.fu-text2 p{ opacity: 0; transition: all 1s; position:absolute; top:160px;}
.fu-text2 .fu-text_a{ opacity: 0; transition: all 1s; position:absolute; top:260px;}
.animation .fu-text1 h3{ opacity:1; left:0;}
.animation .fu-text1 p{ opacity:1; left:0; transition-delay:.5s;}
.animation .fu-text1 .fu-text_a{ opacity:1; left:0; transition-delay:.7s;}
.animation .fu-text2 h3{ opacity:1; top:0;}
.animation .fu-text2 p{ opacity:1; top:70px; transition-delay:.5s;}
.animation .fu-text2 .fu-text_a{ opacity:1; top:160px; transition-delay:.7s;}*/
.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;}
/*.fu-text{ min-height:300px;}*/
.bgececec .fu-text{ float:left;}
.fu-text1{ float:right;}



/*首页-调适配*/
.navico{ position:absolute; top:50%; margin-top:-14px; right:0; width:27px; height:27px; padding:7px 0 0; border-radius:100%; /*border:1px solid #999;*/ box-sizing:border-box; cursor:pointer; display:none;}
.navico em{ display:block; width:18px; height:2px; background:#666; margin:0 auto 4px;}
.ceng{ position:fixed; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.6; filter: alpha(opacity=60); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60)); z-index:99; display:none;}
.navright{ position:fixed; top:0; right:-240px; bottom:0; background:#fff; width:240px; box-sizing:border-box; z-index:100;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.navright li a{ display:block; font-size:14px; color:#333; padding:12px 0 12px 12px;position: relative;border-bottom:1px solid #eee;}
.navright li a:hover{ color:#38adff;}
.navright li em{ font-size:12px; color:#f00; position:absolute; top:5px;}
.navright h3{ background:#f1f1f1; padding:20px 12px; font-size:18px; color:#333; font-weight:normal; position:relative;}
.navright li .nav_er{padding: 12px 0;border-bottom:1px solid #eee;background: #f5f5f5;}
.navright li .nav_er a{border: none;padding: 8px 0 8px 20px;color: #999;}
.navright li .nav_er .nav_san{padding: 0;border: none;background: #e5e5e5;}
.navright li .nav_er .nav_san a{padding: 4px 0 4px 30px;}
.navclose{ font-size:18px; color:#999; display:block; position:absolute; right:12px; top:50%; margin-top:-13px; width:26px; height:26px; text-align:center; line-height:24px; border:1px solid #999; border-radius:100%;}
.minnav{display: none;}
.form-validator-error {padding: 6px 12px;display: block;line-height: 180%;background: none repeat scroll 0% 0% #FFE5ED;border-radius: 4px;color: #8B0000;margin: 10px;}


/*培训网站建设*/
.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;}
.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; }
/*在线网校平台*/
.wxban{background: url(../images/wxbanbg.jpg) no-repeat top center;height: 560px;width: 100%;padding-bottom: 94px;overflow: hidden;position: relative;}
.wx_title{position: absolute;top: 135px;left: 0;width: 100%;text-align: center;font-size: 30px;color: #fff;}
.wxban_img{width: 931px;position: absolute;bottom: 0;left: 50%;margin-left: -465px;}
.wxban_img img{display: block;width: 100%;}
.wxban_img .img1{position: absolute;bottom: 0;left: 0;z-index: 4;}
.wxban_img .img2{position: absolute;bottom: 0;left: 0;z-index: 3;}
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {overflow: hidden;position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;}
.waveWrapperInner {position: absolute;width: 100%;overflow: hidden;height: 100%;bottom: 94px;}
.bgMiddle {z-index: 2;}
.bgBottom {z-index: 1;}
.wave { position: absolute;left: 0;width: 200%;height: 100%;background-repeat: repeat no-repeat;background-position: 0 bottom;transform-origin: center bottom;}
.waveMiddle {background-size: 50% 200px;}
.waveAnimation .waveMiddle {animation: move_wave 6s linear infinite;}
.waveBottom {background-size: 50% 200px;}
.waveAnimation .waveBottom {animation: move_wave 10s linear infinite;}
.wxcon1{padding: 65px 0 88px;background: #fff;}
.wxcon1 .sbf{padding: 0 81px 0 108px;}
.wxcon1 .sbf h4{font-size: 44px;width: auto;line-height: 60px;margin-bottom: 30px;}
.wxcon1 p{font-size: 16px;color: #666;line-height: 40px;margin: 0;background: url(../images/bg2.png) no-repeat;padding-left: 14px;background-position: left 18px;}
.wxcon1 p span{display: inline-block;color: #0194d2;}
.wxcon1 .sbf em{width: 53.7%;}
.wxcon1 .sbf em img{margin: 0;width: 100%;}
.wxcon1 .xiao{width: 41.6%;padding-top: 120px;}
.wxcon2{padding: 72px 0 65px 0;background: #edf4fa;}
.wxcon2 .sbf{padding: 0 42px 0 22px;}
.wxcon2 .sbf em{width: 54.7%;}
.wxcon2 .xiao{width: 40%;padding-top: 90px;}
.wxcon3{padding: 63px 0 80px;}
.wxcon3 .xiao{padding-top: 100px;}
.wxcon4{padding: 78px 0 27px;}
.wxcon4 .xiao{padding-top: 105px;width: 42%;}
/*招生管理系统*/
.zsban{height: 540px;}
.zsban li.li_k{background-image: url(../images/zsbanbg.jpg);height: 540px;}
.zsban li div.li_left{left: 3%;top: 40%;}
.zsban li div.li_right{width: 65%;top: 23%;right: -4%;}
.zscon1{height: 400px;overflow: hidden;}
.zscon1 h3{font-size: 52px;color: #444;margin-bottom: 15px;}
.zscon1 p{font-size: 18px;color: #999;}
.zscon2{background: #edf4fa;}
.zscon1 img{display: block;width: 100%;}
.zscon1 .zspic{margin-left: 6.75%;margin-top: 72px;width: 40%;}
.zscon2 .zspic{margin: 0;margin-right: 14.5%;margin-top: 43px;width: 38.8%;}
.zscon3 .zspic{margin-left: 9.5%;margin-top: 48px;width: 39.3%;}
.zscon4 .zspic{margin: 0;margin-right: 14.5%;margin-top: 48px;width: 41%;}
.zscon5 .zspic{margin-left: 4.3%;margin-top: 68px;width: 40%;}
.zstext{padding-top: 145px;}
.zstext.fl{width: 33%;padding-left: 11%;}
.zstext.fr{width: 42.5%;}
.shida{background: url(../images/zsbg1.jpg) no-repeat;background-position: center;height: 550px;width: 100%;overflow: hidden;}
.shitit{font-size: 38px;color: #fff;text-align: center;margin: 70px 0 80px;}
.shicon{font-size: 14px;color: #fff;padding: 0 75px;}
.shicon img{display: block;;margin: 0 auto 18px;}
.shicon li{margin-bottom: 65px;float: left;width: 20%;text-align: center;position: relative;}
.shicon li:after{content: '';display: block;height: 1px;border-top: 1px dotted #696665;width: 50%;left: 75%;top: 35px;position: absolute;}
.shicon li:nth-child(5n):after{display: none;}
.zsbox4{ padding:55px 0 65px;}
.zsbox4 .title h3{font-size: 38px;}
.idx4con{ margin:20px 0 0;overflow: hidden;}
.idx4con .swiper-slide img{ display:block; width:100%; transition: all .5s ease;}
.idx4con .swiper-slide:hover{ box-shadow:0 0 15px rgba(186,204,207,.7)}
.idx4con .swiper-slide:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1)}
.idx4con .swiper-slide .text{ background:#fff; box-sizing:border-box; border:1px solid #eee; padding:16px 20px 0;}
.idx4con .swiper-slide h3{ font-weight:normal; font-size:20px; color:#333; margin: 10px 0 15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.idx4con .swiper-slide span{ display:block; font-size:14px;color: #333;}
.idx4con .swiper-slide span em{margin: 0 5px;color: #e6e6e6;font-size: 12px;}
.idx4con .swiper-slide p{ font-size:14px; color:#999; line-height:20px; height:40px; overflow:hidden;}
.idx4con .swiper-slide .textb{border-top:1px solid #e5e4e4;font-size:14px; color:#999; line-height:20px;padding: 16px 0;margin-top: 15px;}
.idx4con .swiper-slide .textb i{margin-right: 17px;}
.idx4con .swiper-container{overflow:inherit; position:relative;padding: 15px 0;}
.idx4con .swiper-slide{width: 30.33%;margin: 0 1.5%;box-sizing: border-box;}
.idx4con .swiper-button-prev,.idx4con .swiper-button-next{ display:block;  width:23px; height:48px;position: absolute;top: 50%; margin-top:-42px;  overflow:hidden; cursor:pointer; background:url(../images/zsarrow.png) no-repeat;}
.idx4con .swiper-button-prev{left: 1.5%;}
.idx4con .swiper-button-next{right: 1.5%;background-position: -23px 0;}
.img-area{ overflow:hidden;height: 190px;}
.idx4con1{ margin:40px 0 0;}
.idx4con1 li{ float:left; display:table; width:16.6%; box-sizing:border-box; text-align:center; height:60px;}
.idx4con1 li div{ display:table-cell; vertical-align:middle;}
.idx4con1 li img{ display:block; margin:0 auto; max-width:100%;max-height: 60px;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%); filter: gray;}

/*招生营销神器*/
.yxban{height:600px;}
.banner1{ background-image:url(../images/bannerbg.jpg); background-repeat:no-repeat; background-position:center; height: 600px;}
/*banner图*/
.banner-pic { width: 100%; position: relative; z-index: 1; overflow:hidden; box-sizing:border-box; }

.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;}
.banbtn span{display: block;position: absolute;bottom: 100%;left: 50%;margin-left: -60px;display: none;width: 120px;padding-bottom: 7px;z-index: 20;}
.banbtn span img{display: block;width: 120px;height: 120px;}
.banbtn span em{display: block;width: 10px;height: 9px;background: url(../images/images/sanjiao1.png) no-repeat center;position: absolute;bottom: 0;left: 50%;margin-left: -5px;}
.banbtn:hover span{display: block;}
.banner-bb { font-size: 13px; color: #fff; margin: 45px 0 0; line-height:1.5;}
.banner-bb span { font-family:Arial; font-size: 36px; color: #fff; margin-right:10px; }
.banimg{ margin:15% 0 0; width:32%; margin-right:2%;}
.banimg img{ display:block; width:100%;}
.banimg1{ width:34%;}

.pro{ overflow:hidden; background:#fbfbfb;}
.pro1{ background:#fff;}
.pro .wrap{ max-width:1090px;}
.pro .text{ width:40%; margin:10% 0 0;}
.pro .text h3{ font-size:32px; color:#333; font-weight:normal; line-height:30px; margin-bottom:15px;}
.pro .text h3 span{ font-size:16px; color:#666; display:block; margin:20px 0 0;}
.pro .text p{ font-size:14px; color:#666; line-height:27px; background:url(../images/bg2.png) left 12px no-repeat; padding-left:14px;}
.pro .pic{ width:55.5%;}
.pro .pic img{ display:block; max-width:100%; margin:0 auto;}
.pro2 .text{ width:36.5%;}
.pro2 .pic{ width:52.5%;}
/*app移动端开发*/
.appban{height: 560px;background-image: url(../images/abanbg.jpg);background-repeat: no-repeat;background-position: center;}
.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 .banimg{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;}
/*联系我们*/
.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;}
/*友情链接*/
.link{background: #3a3a41;padding: 20px 0;color: #fff;}
.link a{color: #fff;margin-right: 10px;word-break: break-all;}

/*百度id*/
.banner li.du-li_k{ width:100%; height:640px; background:url(../images/dubanbg.jpg) center top no-repeat;}
.banner li.du-li_k div.li_right{width: 60%;right: -15%;top: 35%;}
.banner li.du-li_k div.li_left{top: 40%;width: 100%;}
.banner li.du-li_k p{font-size: 26px;}
.banner li.du-li_k div.li_left a.ljty{display: inline-block;}
.banner-pic li.du-li_k span{display: inline-block;font-size: 24px;color: #faa513;margin: 0;margin-left: 28px;}
.duid li{margin-top: 65px;}
.duid li p{font-size: 20px;color: #646464;line-height: 32px;margin-top: 15px;}
.tujie{margin-top: 80px;background: #f2f6fc;padding: 75px 0 90px;}
.dutu{margin: 50px 0 65px;}
.dutu img{display: block;margin: 0 auto;}
.du-suoqu{display: block;margin: 0 auto;width: 218px;height: 49px;border: 1px solid #00a0e9;border-radius: 49px;font-size: 18px;color: #0194d2;text-align: center;line-height: 49px;}
.du-suoqu:hover{background: #00a0e9;color: #fff;}
.du-xian{margin-top: 0;background: #fff;}
.du-xian .du-suoqu{width: 189px;margin-top: 50px;}
.du-wanfa{background: #f2f6fc;}






/*品牌网络营销*/
.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;}

/*弹窗*/
.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;}


/*新闻详情*/
.new_detail{padding: 0 40px;}
.det_tit{ margin-top:40px; text-align:center; border-bottom:1px #e7e7e7 solid; padding-bottom:15px;}
.det_tit h1{ font-size:18px; text-align:center; color:#343434;}
.det_tit span{ display:block; margin:15px 0 0; font-size:12px; color:#7d7c7c;}
.bdsharebuttonbox{ margin:0 auto; width:115px;}
.det_con{ padding:15px 0;}
.det_con img{ display:block; margin:10px auto; max-width:100%;}
.det_con p{ font-size:14px; color:#353535; line-height:26px;}
.fy { border-top: 1px #e7e7e7 solid; margin-top: 20px; padding-top: 25px; }
.fy span { float: left; width: 240px; margin-right: 30px; color: #434343; line-height: 31px; 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;}




/*右侧浮动*/
/* side */
.side{position:fixed;width:43px;height:275px;right:0;bottom:150px;z-index:1000;}
.side ul li{width:43px;height:45px;float:left;position:relative; margin-bottom:1px;}
.side ul li .sidebox{position:absolute;width:43px;height:45px;top:0;right:0;transition:all 0.3s;background:#333;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/45px "微软雅黑";overflow:hidden;}
.side ul li.sidetop{ height:50px;/* display:none;*/}
.side ul li.sidetop a{width:43px;height:50px;line-height:55px;display:inline-block;background:url(../sxyimage/back_top_bg.png) left top no-repeat;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s; text-transform:uppercase; text-align:center; color:#1c1c1c;}
.side ul li.sidetop a:hover{background:url(../sxyimage/back_top_bg.png) left bottom no-repeat;opacity:1;filter:Alpha(opacity=100); color:#fff;}
.side ul li img{float:left;}
.side ul li .sideewm{ display:inline-block;background:#333;width:43px;height:45px;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sideewm:hover{background:#ffaa2a;opacity:1;filter:Alpha(opacity=100);}

/* floatPanel */
#floatPanel .sideewm{height:45px;display:block;}
#floatPanel .popPanel{width:130px;height:160px;position:fixed;right:43px;bottom:165px;z-index:10000;overflow:hidden;display:none;_position:absolute; /* for IE6 */_top:expression(documentElement.scrollTop + 300); }
#floatPanel .popPanel .popPanel-inner{width:130px;height:160px;position:relative;overflow:hidden;}
#floatPanel .popPanel .popPanel-inner .arrowPanel{width:10px;height:258px;position:absolute;right:1px;top:102px;}
#floatPanel .popPanel .popPanel-inner .arrowPanel .arrow01{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #ddd;position:absolute;bottom:0;position:absolute;left:2px;top:0;}
#floatPanel .popPanel .popPanel-inner .arrowPanel .arrow02{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #fff;position:absolute;bottom:0;position:absolute;left:0;top:0;}
#floatPanel .popPanel .popPanel-inner .qrcodePanel{width:120px;height:158px;text-align:center;background:#fff;border:solid 1px #ddd;position:absolute;left:0;top:0;overflow:hidden;}
#floatPanel .popPanel .popPanel-inner .qrcodePanel img{width:100px;height:100px;border:none;padding:10px 10px 5px 10px;}
#floatPanel .popPanel .popPanel-inner .qrcodePanel span{font-size:12px;color:#666;line-height:18px;letter-spacing:1px;}
/*右侧浮动---------------*/
/* floatPanel1 */
.sideli1{ position:relative;}
.qqclose{ position:absolute; top:6px; right:18px; display:block; width:10px; height:10px; z-index:5;}
#floatPanel2 .sideewm{height:45px;display:block;}
#floatPanel2 .popPanel2{width:0;height:338px;position:absolute;right:40px;top:50%; margin-top:-137px;z-index:80;overflow:hidden;/*display:none;*/_position:absolute; /* for IE6 */_top:expression(documentElement.scrollTop + 300);}
#floatPanel2 .popPanel2 .popPanel-inner2{width:142px;height:338px;position:relative;overflow:hidden;}
#floatPanel2 .popPanel2 .popPanel-inner2 .qrcodePanel2{width:130px;height:295px;text-align:center; background:url(../images/r_bg.png) no-repeat;position:absolute;left:0;top:0;overflow:hidden; padding-top:43px; padding-left:12px;}
#floatPanel2 .popPanel2 .popPanel-inner2 .qrcodePanel2 div{ padding:17px 0 11px; border-bottom:1px #c5c5c5 dashed; width:105px;}
#floatPanel2 .popPanel2 .popPanel-inner2 .qrcodePanel2 a{ display:block; text-align:left; background:url(../images/r_qq1.png) 2px center no-repeat; padding-left:30px; color:#303030; margin-bottom:6px; line-height:19px; font-size:12px;}
#floatPanel2 .popPanel2 .popPanel-inner2 .qrcodePanel2 a.tcqqzx{ background-image:url(../images/r_qq2.png); background-position:3px center;}
#floatPanel2 .popPanel2 .popPanel-inner2 .qrcodePanel2 a:hover{ color:#ff9205;}




/*案例详情*/
.cre-dett-wap{display: none;}