/*搜索*/
.search { width:14%; height:40px;margin-top:30px;}
.search input { vertical-align:top; }
.in1 { width:calc(100% - 50px); height:30px; font-size:12px; line-height:30px; text-indent:12px; border-radius: 30px;background: #fff;border: 1px solid #ccc;margin-top: 5px;display: none;}
.in2 { width:40px; height:40px; font-size:12px; line-height:40px; color:#333; text-align:left; text-indent:32px; cursor:pointer; background:url(../images/bg_s1.png) 10px center no-repeat; }
/*banner*/
.banner { width:100%; clear:both; position:relative; z-index:1; overflow:hidden; zoom:1; }
.banner .slick { width:100%; margin-bottom:0; }
.banner .slick-dots { height:3px; bottom:36px; z-index:999999; line-height:3px; padding:0; }
.banner .slick-dots li { margin:0 5px; width:40px; height:3px; vertical-align:top; overflow:hidden; zoom:1; }
.banner .slick-dots li button { width:40px; height:3px; padding:0; text-indent:500px; overflow:hidden; zoom:1; background:#fff; }
.banner .slick-dots .slick-active button { background:#1c63b8; }
.banner .slick-prev { width:44px; height:85px; margin-top:-42px; background:url(../images/prev.png) 0 0 no-repeat; text-indent:200px; overflow:hidden; zoom:1; }
.banner .slick-next { width:44px; height:85px; margin-top:-42px; background:url(../images/next.png) 0 0 no-repeat; text-indent:200px; overflow:hidden; zoom:1; }
.banner .slick-slide img { width:100%; }
.main { width:90%; margin:0 auto; }
.column1 { width:53%; }
.column1 img{width: 100%;}

.column2 { width:45%; }
.xiaotitle{width: 80%;float:left;height: 90px;border-left:4px solid #147dce; padding-left: 20px;}
.xiaotitle font{display: block;line-height: 40px;color: #ef9b11;font-size: 28px;}
.xiaotitle span{display: block;line-height: 60px;color: #494949;font-size: 30px;letter-spacing: 2px;}

.content{font-size: 14px;color: #7f7f7f;line-height: 25px;text-align: justify;width: 88%;overflow: hidden;padding: 30px 0}

.more1{width: 115px;height: 33px;line-height: 33px;text-align: center;background: #147dce;color: #fff;}
.more1 a{color: #fff;font-size: 14px;}
.more1 font{color: #fff;font-size: 16px;}

.bg2 { background:#f9f9f9; margin-top:64px; }
.bg2title{width: 100%;overflow: hidden;}
.bg2more{position: absolute;right: 40px;bottom: 0;height: 50px;line-height: 50px;width: 120px;}

.font3 { font-size:30px; line-height:100px; color:#1c63b8; text-align:center; }
.tb2 { text-align:center; }
.list2 { width:100%; padding-bottom:96px; overflow:hidden; zoom:1;}
.piclist{width:24%;overflow: hidden;margin-left: 1%;float: left;margin-top: 70px; position: relative;}
.pic2 {margin:0 auto; width: 100%; min-height:2.97rem; position: relative; overflow:hidden; zoom:1; }
.pic2 a { display:block; }
.pic2 img { width:100%; }
.on .pic2 { background:#1c63b8; }
.font4 { text-align:left;  margin:0 auto; z-index:7;width:90%;padding: 0 5%;position: relative;background: #fff;overflow: hidden;}
.font4 p{width: 70%;float: left;overflow: hidden;padding: 10px 0;}
.font4 p a { font-size:16px; line-height:35px; color:#333;display: block; height: 35px;overflow: hidden;}
.font4 p font{font-size: 14px;line-height: 20px;color:#333;display: block;}
.font4 span {float: right;margin-top: 20px;}
.font4 span img{width: 32px;height: 32px;}
.icon1{display: none;}
.icon1{display: block;margin-top: 0;}
.font4 .icon1{margin-top: 0}
.icon1 i.iconfont{color: #fff;display: block;height: 20px;text-align: center;}
.emicon4{display: inline-block;position: absolute;right: 2px;bottom: 2px;width: 18%;display: none;z-index: 9}
.emicon4 img{height: auto;width: 100%}
.on .font4 { background:#1c63b8; }
.on .font4 a { color:#fff; }
.on .icon1{ display: block; }
.on .icon2{ display: none; }
.on .font4 p font{color: #fff}
.on .emicon4{display: inline-block;}
.bg3 { width:100%; height:100%; position:absolute; left:0; bottom:-100%; z-index:2; background:#333; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.s1 { width:40px; height:40px; position:absolute; left:50%; bottom:0; margin-left:-20px; margin-bottom:-40px; z-index:3; cursor:pointer; }


.inde_bg1{width: 100%;overflow: hidden;height: 680px;}
.bg1_lf{width: 50%;float: left;background: url(../images/maxb1.jpg) no-repeat left 0;background-size: 100% 100%;height: 100%;position: relative;}
.bg1_lf p{width: 100%;height:100%;position: absolute;left:0;top:0;text-align: center;z-index: 2;color:#fff;background:#333; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.bg1_lf a{color: #fff;font-size: 20px;line-height: 40px;padding: 300px 0;display: block;width: 100%;text-align: center;position: absolute;z-index: 8}
.bg1_lr{width: 50%;float: right;background: #147dce;height: 100%}
.bg1_lr li{width: calc(50% - 0.5px);float: left;height:340px;text-align: center;overflow: hidden;cursor: pointer;}
.bg1_lr li p{font-size: 14px;color: #fff;line-height: 30px;}
.bg1_lr li:first-child{border-bottom: 1px solid #4195d6;border-right: 1px solid #4195d6;}
.bg1_lr li:nth-child(2){border-bottom: 1px solid #4195d6}
.bg1_lr li:nth-child(3){border-right: 1px solid #4195d6}
.ltt1{width: 100%;margin-top: 90px;margin-bottom: 20px;}
.ltt1 h2{font-size: 25px;color: #fff;line-height: 40px;letter-spacing: 3px;font-weight: normal;}
.bg1_lr .on{background: #ef9b11;}
.bg1_lr .on .ltt1 h2{color: #333}
.bg1_lr .on p{color: #333}

.bg4 {background-size:auto 100%;width: 100%;overflow: hidden; }
.list5 { width:100%; margin:0.6rem auto; overflow:hidden; zoom:1;background: #fafafa }
.column5 { width:49%; margin:0 calc(0.5% - 2px) 0.3rem; float:left;  overflow:hidden; zoom:1;padding: 40px 0;cursor: pointer; }
.list5 .on { background:#1c63b8;  }
.column6 { width:60%;margin-left: 10%;height: 70px;}
.column7 { width:60%;margin-left: 10%;}
.column6 img{width: 12%}
.a61{display: block;}
.a62{display: none;}
.font9{text-align: left;line-height: 40px;font-size: 20px;font-weight: normal;color: #333;margin-bottom: 20px;margin-top: 15px;}
.font10{font-size: 14px;color: #767676;line-height: 28px;}
.on .font9{color: #fff;}
.on .font10{color: #fff;}
.on .a61{display: none;}
.on .a62{display: block;}

.bg22{background:#f9f9f9; margin-top:64px;padding-bottom: 50px;}
.listcont1{width: 100%;overflow: hidden;padding-bottom: 10px;}
.listtit{width: 100%;height: 40px;line-height: 40px;}
.listtit ul{float: right;}
.listtit li{width: 130px;text-align: center;border:1px solid #ccc;margin-left: 3px;float: left;}
.listtit li a{color: #828282;font-size: 14px;}
.listtit li{font-size: 14px;color: #828282}
.listtit .on{background: #147dce;border:1px solid #147dce;color: #fff;}
.listtit .on a{color: #fff;}
.listpic{margin-top: 45px;display: block;padding: 0 70px;}
.listpic ul li{width: 30%;float: left;overflow: hidden;background: #fff;box-shadow: 0px 1px 2px #aaa;}
.listpic ul li:nth-child(2){margin: 0 5%;}
.listpic ul .on img { transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); /* IE 9 */ -moz-transform:scale(1.2, 1.2); /* Firefox */ -webkit-transform:scale(1.2, 1.2); /* Safari and Chrome */ -o-transform:scale(1.2, 1.2); /* Opera */ }
.pic61{width: 100%; overflow:hidden; zoom:1; }
.pic61 img{width: 100%;}
.title61{width: 82%;padding: 40px 9%;overflow: hidden;height: 100px;}
.title61 h3{font-size: 16px;color: #333;line-height: 40px;font-weight: normal;}
.title61 span{font-size: 12px;line-height: 24px;color: #888;height: 1.5rem;display: block;overflow: hidden;}
.pan61{padding: 10px 9%;height: 40px;line-height: 40px;border-top: 1px solid #e1e1e1;}
.pan61 a{font-size: 12px;color: #999;float: left;}
.pan61 font{font-size: 12px;color: #999;float: right;}
.on .pan61{background: #147dce;border-top:1px solid #147dce;}
.on .pan61 a{color: #fff}
.on .pan61 font{color: #fff}

.list4 {margin: 40px 0 110px;width: 100%;height: 150px;}
/*.cuslist{border: 1px solid #ccc;overflow: hidden;margin-left: -1px;float: left;width: 14.2%;}*/
.cuslist{ overflow: hidden; height: 175px;}
.cuslist img{width: 100%;}
.cuslist .line_1:hover{border:1px solid #147dce;padding: cacl(175px - 20%) 5%;}
.list4 .slick-dots { position:inherit; }
.list4 .slick-dots li{margin: 0 2px;}
.list4 .slick-dots li button{border:2px solid #ccc;border-radius: 8.5px;background: none;}
.list4 .slick-dots li button::before{background: none;color: #fff;}
.list4 .slick-dots .slick-active button{border:2px solid #147dce;}

/*底部*/
.footer { overflow:hidden; zoom:1; background:#eff1f5; clear:both;width: 100%; padding: 20px 0 50px;}
.fot_top1{width: 100%;overflow: hidden;height: 30px;line-height: 30px;font-size: 14px;}
.fot_top1 p{color: #989898;display: inline-block;}
.fot_top1 p a{color: #989898;margin: 0 3px}
.fot_top1 span{color: #989898;}
.fot_top1 p a:hover{color: #147dce;margin: 0 3px}
.fot_top2{width: 100%;overflow: hidden;}
.fotlist{float: left;overflow: hidden;padding: 20px 0;}
.fotlist1{width: 18%;margin-top: 30px;}
.fotlist2{width: 20%}
.fotlist3{width: 23%}
.fotlist4{width: 20%;}
.fotlist5{width: 19%;float: right;text-align: right;}
.fte1{font-size:18px;color: #555;font-weight: normal; }
.fotlist p{font-size: 14px;color: #989898;line-height: 30px;}
.fotser{width: 90%;height: 40px;line-height: 40px;padding-left: 5%;background: #fff;border-radius: 3px;overflow: hidden;float: right;}
.texf1{height: 40px;line-height: 40px;background: none;float: left;width: 60%;}
.texf2{background: url(../images/bg_s2.png) no-repeat center center #147dce;width: 30%;float: right;height: 40px;cursor: pointer;}


.iconlist{display: block;overflow: hidden;padding: 10px 0;}
.iconlist span{cursor: pointer;width: 30px;height: 30px;background: none;border-radius: 30px;text-align: center;line-height: center;display: inline-block;margin-right: 10px;}
.iconlist i.iconfont{font-size: 16px;}
.iconlist span:hover{background: #5c5c5c}
.iconlist span:hover i.iconfont{color: #fff}
.ewm{display: inline-block;margin-left: 35px;line-height: 25px;font-size: 13px;color: #989898;text-align: center;width: 80px;}
.ewm img{width: 100%;}
.footer2{height: 50px;line-height: 50px;font-size: 14px;color: #989898;}
.footer2 p{display: inline-block;font-size: 14px;color: #989898; line-height: 50px;margin-right: 10px;vertical-align: middle;}
.footer2 span{display: inline-block;margin-left: 10px;border-left: 1px solid #ccc;padding-left: 10px;}
.footer2 span img{width: 50px;height: 12px;}
.fotfix{width: 100%;background: #147dce;padding: 10px 0;position: fixed;bottom: 0;z-index: 999;display: none;}
.fotfix ul li{width: 33%;text-align: center;float: left; position:relative; }
.fa1{font-size: 30px;display: block;line-height: 30px;}
.fa1 i.iconfont{color: #fff;font-size: 30px;}
.fa2{font-size: 14px;color: #fff;line-height: 25px;}
.wx1 { width:120px; position:absolute; left:50%; margin-left:-60px; bottom:68px; z-index:9; display:none; }
.wx1 img { width:100%; }
.bg13 { width:100%; height:100%; background:#333; position:fixed; left:0; top:0; z-index:8; display:none; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }

/*内页顶部导航*/
.subtop .a1{display: none;}
.subtop .a2{display: inline-block;}
.subtop .nav li a{color: #333}
.subtop .nav li a:hover{color: #147dce}
.fixed1.subtop .nav li a{line-height: 40px;}
body .mune_show .nav li a font {color: #fff; line-height:40px; display:inline-block; }
body .mune_show .nav .on a font {color: #147dce; border-bottom:1px #147dce solid; }

/*关于我们*/
.tpbaner{width: 100%;overflow: hidden;position: relative;background-size: 100% auto;}
.about{background: url(../images/ab1.jpg) no-repeat center 0;height: 4.4rem;}
.toptit{text-align: center;position: absolute;top: 50%;width: 100%;font-size: .4rem;color: #fff;font-weight: normal;}
.abcent1{width: 100%;overflow: hidden;padding:90px 0;}
.colmona{width: 50%;float: left;}
.abtit{width: 100%;overflow: hidden; text-align: left;}
.abtit span{display: block;}
.asp1{font-size: .35rem;color: #999;line-height: .4rem;font-weight: normal;}
.asp2{font-size: .35rem;color: #191919;line-height: .65rem;}
.aico1{display: block;}
.abcont{width: 90%;overflow: hidden;float: left;padding: 20px 0;}
.abp1{font-size: 14px;color: #585858;line-height: 30px;}
.absp3{display: inline-block;width: 100%;overflow: hidden;}
.absp3 img{width: 100%;}
.abcent2{width: 100%;overflow: hidden;height: 492px;position: relative;background: url(../images/ab2.jpg) no-repeat center top;background-size: 100% auto;}
.abtit1{text-align: center;position: absolute;top:15%;}
.abcent3{width: 100%;overflow: hidden;background: #147dce;}
.abcent3 ul li{width: 25%;padding: 80px 0;text-align: center;float: left;}
.abcent3 ul li span{display: block;text-align: center;}
.absp4{font-size: 22px;color: #fff;line-height: 50px;}
.absp5{width: 50%;padding: 0 25%;font-size: 14px;color: #fff;line-height: 28px;margin-top: 20px;}
.adcimg1{background: url(../images/ac1.png) no-repeat center center;height: 130px;background-size: 22% auto}
.adcimg2{background: url(../images/ac2.png) no-repeat center center;height: 130px;background-size: 22% auto}
.adcimg3{background: url(../images/ac3.png) no-repeat center center;height: 130px;background-size: 22% auto}
.adcimg4{background: url(../images/ac4.png) no-repeat center center;height: 130px;background-size: 22% auto}

.abcent3 ul li.on{background: #282d34;}
.on .absp4{color: #ef9b11;}
.on .adcimg1{background: url(../images/ac1_1.png) no-repeat center center;background-size: 22% auto}
.on .adcimg2{background: url(../images/ac2_1.png) no-repeat center center;background-size: 22% auto}
.on .adcimg3{background: url(../images/ac3_1.png) no-repeat center center;background-size: 22% auto}
.on .adcimg4{background: url(../images/ac4_1.png) no-repeat center center;background-size: 22% auto}

.abcent4{width: 100%;overflow: hidden;padding: 50px 0;}
.asp6ab{font-size: 20px;color: #474747;line-height: 50px;display: block;margin-top: 10px;}
.abtit2{text-align: center;width: 100%;}

.ablist2{width: 100%;padding: 20px 0;}	
.ablist2 ul li{width: calc(25% - 60px);margin-left: 55px;border:2px solid #fefefe;box-shadow: 0px 1px 5px #ccc;padding: 20px 0;float: left;margin-bottom: 40px}
.ablist2 ul li a{display: block;}
.asp7{width: 100%;text-align: center;overflow: hidden;}
.asp7 span{display: inline-block;width: 75px;height: 75px;border-radius: 75px;background: #f6f6f6;text-align: center;line-height: 75px;}
.asp7 span i.iconfont{font-size: 40px;color: #333}
.ah41{width: 100%;height: 50px;line-height: 50px;text-align: center;font-size:20px;color: #333;font-weight: normal;margin: 5px 0; }
.asp8{width: 100%;line-height: 30px;font-size: 14px;color: #727272;text-align: center;height: 60px;overflow: hidden;}
.asp8 p{padding: 0 10%;}
.ablist2 ul li.on {border:2px solid #147dce;}
.on .asp7 span{background: #147dce;}
.on .asp7 span i.iconfont{color: #fff;}

/*案例展示*/
.case{background: url(../images/cab1.jpg) no-repeat center 0;height: 4.4rem;}
.casent1{width: 100%;background: #f9f9f9;padding: .6rem 0 .35rem;}
.showpage { text-align:center; padding:30px 0 40px; clear:both; }
.showpage a { display:inline-block; font-size:14px; line-height:40px; color:#999; padding:0 15px; margin:0 3px; background:#fff; }
.showpage .on, .showpage a:hover { color:#fff; background:#0871c2; }
.an2 { width:80%; margin:0.35rem auto; overflow:hidden; zoom:1;padding: 0 10%; text-align: center;}
.an2 li { text-align:center;display: inline-block; }
.an2 a { min-width: 2.2rem; margin:0 auto; font-size:14px; line-height:35px; color:#0b0b0b; text-align:center; border:1px #ddd solid;display: inline-block; }
.an2 .on a, .an2 a:hover { color:#fff; background:#1c63b8; border:1px #1c63b8 solid; }



/*新闻中心*/
.news{background: url(../images/newb.jpg) no-repeat center center;height: 4.4rem;}
.listpic.newpic ul li{margin-top: 30px;margin-bottom: 30px;}
.newpic.listpic ul li:nth-child(2),.newpic.listpic ul li:nth-child(5){margin: 30px 5%;}


/*新闻详情*/
.newtext{padding-bottom: 100px;}
.context{width: 100%;overflow: hidden;padding: .6rem 0;text-align: center;border-bottom: 1px solid #e4e4e4}
.texh3{font-size: .3rem;color: #333;font-weight: normal;line-height: 60px;}
.texp{font-size: .14rem;color: #555;line-height: 40px;}
.textshow{width: 98%;padding: 40px 1% 100px;text-align: left;}

.textshow span{height: 20px;display: block;}
.fanpage{position: relative;width: 94%;overflow: hidden;border-top:1px solid #e2e2e2;background: #f1f1f1;padding: 20px 3%;text-align: left;margin-top: 100px;}
.pgetext{font-size: 14px;color: #666;line-height: 30px;display: block;}
.pgetext:hover{color: #147dce}
.xliclost{display: inline-block;position: absolute;right: 1%;top:20px;width:60px;text-align: center;font-size: 14px;line-height: 30px;color: #666;cursor: pointer;}
.xliclost i.iconfont{font-size: .3rem;display: block;line-height: 35px;}
.xliclost:hover{color: #147dce}
.xliclost:hover i.iconfont{color: #147dce}

/*联系我们*/
.lxwm{background: url(../images/lxwmb.jpg) no-repeat center 0;height: 4.4rem;background-size: 100% auto;}
.lxwm_l{width: 30%;float: left;}
.lxwm_r{width: 70%;float: left;}
.lxwmcont{width: 100%;overflow: hidden;text-align: left;}
.lxmh3{font-size: 25px;color: #474747;line-height: 60px;font-weight: normal;}
.lxmp{font-size: 16px;color: #8c8a8a;line-height: 40px;}
.lxewm{width: 100%;padding: 20px 0;overflow: hidden;text-align: left;}
.lxewm span{float: left;display: inline-block;width: 80px;text-align: center;line-height: 25px;margin-right: 20px;color: #999;font-size: 14px;}
.lxewm img{width: 100%}
.map { width:92%; height:5.5rem; margin:0.2rem auto 0; }
.map img { width:100%; }


/*网站建设*/
.temp2{background: url(../images/wa1.jpg) no-repeat center 0;height: 10rem;background-size: 100% auto;}
.temp2 .toptit{top:42%;}
.temp3{height: .5rem;line-height: .5rem;text-align: center;width: 100%;overflow: hidden;font-size: .2rem;position: absolute;top: 46%;color: #fff;}
.tempcent1{width: 100%;background: url(../images/ca2.jpg) no-repeat top center;background-size: 100% auto;padding: .4rem 0 .75rem;overflow: hidden;}
.tem1{width: 35%;overflow: hidden;text-align: left;padding: 3rem 0;}
.tp1{font-size: .4rem;color: #050505;line-height: .65rem;}
.tp2{font-size:.2rem;color: #050505;line-height: .35rem; }
.tp3{font-size: .18rem;color: #050505;line-height: .3rem;}
.tp4{margin: .3rem 0;overflow: hidden;}
.tp4 a{display: inline-block;padding: 0 .18rem;height: .35rem;line-height: .35rem;font-size: .16rem;border-radius:.35rem;color: #fff;}
.tp4 i.iconfont{color: #333;background: #fff url(../images/tb16.png) center center no-repeat; background-size:3px auto; text-indent:500px; overflow:hidden; zoom:1; vertical-align:middle; margin-top:-0.05rem; width: .2rem;height: .2rem;line-height: .2rem;border-radius: .2rem;text-align: center;display: inline-block;margin-left: .2rem;font-size: .16rem}
.bgc1{float: right;margin-right: 6%;margin-left: 50%;}
.bgc1 .tp4 a{background: #ef9b11}
.bgc2{float: left;}
.bgc2 .tp4 a{background: #147dce}


/*模板建站*/
.templ{background: url(../images/tab1.jpg) no-repeat center 0;height: 4.4rem;background-size: 100% auto;}
.templ2{width: 100%;padding: .4rem 0;overflow: hidden;}
.templ3{width: 100%;background: url(../images/tab2.jpg) no-repeat center center;height: 3.6rem;padding: .3rem 0;overflow: hidden;}
.tmp5{text-align: center;font-size: .26rem;color: #fefefe;line-height: .6rem;width: 100%;height: .6rem;margin: .3rem 0;}
.tp3list{width: 100%;overflow: hidden;padding: .3rem 0;}
.tp3list ul li{text-align: center;width: 25%;float: left;margin: .4rem 0;cursor: pointer;}
.tmp6 i.iconfont{font-size: .65rem;color: #fff;}
.sptm1{height: .45rem;line-height: .45rem;font-size: .2rem;color: #fff;display: block;margin-top: .2rem;}
.on .tmp6 i.iconfont{color: #ef9b11}
.on .sptm1{color: #ef9b11}
.templ4{width: 100%;padding: 10px 0 50px}
.pm1{width: 100%;overflow: hidden;padding: .4rem 0;}
.texwz{overflow: hidden;width: 30%;margin-top: 1rem;padding-top: .2rem;position: relative;padding-left: 13%}
.exp1{height: 1rem;text-align: left;}
.exp1 i{font-size: 1.15rem;color: #dee9f6;position: absolute;left: 15%;top:.5rem;}
.exp1 span{display: inline-block;background: url(../images/icona2.png) no-repeat left bottom;height: .65rem;line-height: .65rem;float: left;margin-top: .15rem;font-size:.25rem;}
.exp2{line-height: .35rem;text-align: left;font-size: .18rem;color: #333;margin-top: .1rem;width: 70%}
.texpic{width: 55%;}
.spic1{padding: 0 10%;overflow: hidden;text-align: center;display: inline-block;}
.spic1 img{width: 100%}
.pm2 .texwz{float: left;}
.pm2 .texpic{float: right;}
.pm3 .texwz{float: right;width: 35%}
.pm3 .texpic{float: left;width: 50%}
.pm3 .texpic .spic1{margin-left: 15%}

.templ5{width: 100%;overflow: hidden;background: #f4f6fa;padding: .5rem 0;}
.tmp8{text-align: center;line-height: .4rem;font-size: .25rem;color: #333}
.tmp5list{width: 100%;overflow: hidden;}
.tmp5list ul{padding: .2rem .1rem;overflow: hidden;}
.tmp5list ul li{height: 2.6rem;background: #fff;width:calc(30% - .9rem);  box-shadow: 1px 1px 10px #ccc;float: left;margin-left: .8rem;padding: .1rem 1% 20px;position: relative;margin-top: .4rem;margin-bottom: .2rem;}
.asp4{width: 100%;overflow: hidden;display: block;margin-top:10px;}
.asp4 img{width: 13%}
.pm5text{overflow: hidden;}
.asp5{width: 54%;float: left;font-size: .16rem;color: #333;line-height: .35rem;text-align: justify;padding-left: 5%;padding-right: 1%}
.asp6{position: absolute;right: 1.5%;bottom:.45rem;text-align: right;width: 45%}
.asp6 img{width: 90%}
.asp7{margin-top: 40px;}


/*网站优化*/
.wzyh{background: url(../images/wza1.jpg) no-repeat center 0;height: 4.4rem;background-size: 100% auto;}
.color1{color: #666;}
.wangz1{width: 100%;overflow: hidden;}
.wancent1{width: 100%;text-align: center;}
.wancent1 ul li{float: left;width: calc(50% - .5rem);border:1px solid #eee;padding: .2rem 0 0; margin-right: .45rem;margin-bottom: .4rem;cursor: pointer;}
.wans1{width: 15%;text-align: center;float: left;}
.wans1 i.iconfont{font-size: .51rem;color: #147dce}
.wancent1 ul li.on{background: #147dce}
.wancent1 ul li.on .wans1 i.iconfont{color: #fff}
.hegt1{height:1.6rem; }
.hegt1 .wans1 i.iconfont{line-height: 1.6rem;}
.hegt2{height:2.5rem; }
.hegt2 .wans1 i.iconfont{line-height: 2.5rem;}
.want1{width: 80%;text-align: left;float: left;}
.asp9{font-size: .2rem;color: #474747;line-height: .4rem;margin-bottom: .1rem;}
.asp10{font-size: .14rem;color: #202020;line-height: .3rem;}
.on .asp9{color: #fff}
.on .asp10{color: #fff}
.batf{padding-bottom: 0}
.wangz2{width: 100%;background: url(../images/yh1.jpg) no-repeat center top #FAFBFD;background-size: 100% auto;padding: .7rem 0;}
.asp11{width: 100%;text-align: center;font-size: .4rem;color: #fff;line-height: .6rem;margin-top: .8rem;}
.wancent2{width:84%;padding: .1rem 8%;margin-top: .3rem;overflow: hidden;}
.wcte1{width: 46%;text-align: left;float: left;overflow: hidden;padding: 0 2%;}
.wcte1 p{font-size: .2rem;line-height: .45rem;text-align: left;color: #fff;background: url(../images/y1.png) no-repeat left center;padding-left:.35rem;background-size: 4.5% auto}
.wcte1 .bgnoe{background: none;padding-left: 0}
.wcte2{width:46%;overflow: hidden;float: right;padding: 0 2%;}
.wcte2 p{font-size: .16rem;color: #fff;line-height: .4rem;background: url(../images/y2.png) no-repeat left center;padding-left: .45rem;background-size: 5.5% auto;}
.wcte2 span{font-size: .16rem;line-height: .3rem;display: block;color: #fff}
.wancent3{width: 100%;overflow: hidden;padding: 1rem 0;position: relative;}
.centf{width: 50%;float: left;overflow: hidden;margin-top: 1.3rem;}
.pm5{font-size: .4rem;color: #222;line-height: .5rem;}
.centf dl{float: left;width: 50%;text-align: left;margin-top: .4rem;}
.centf dl dt{font-size: 18px;color: #1d1d1d;line-height: .4rem;margin-bottom: .1rem;}
.centf dl dd{font-size: 14px;color: #333;line-height:28px;}
.centr{width: 50%;float: right;}
.centr span{position: absolute;font-size: .3rem;color: #147dce;line-height: .4rem;text-align: left;right: 18%;top:52%; font-weight:bold; }
.wangz3{width: 100%;overflow: hidden;padding: .8rem 0;}
.cep3{text-align: center;height: .4rem;line-height: .4rem;font-size: .4rem;color: #474747;}
.cetlist{width: 100%;overflow: hidden;padding:.15rem;}
.cetlist li{float: left;width: calc(50% - .3rem);box-shadow: 1px 1px .1rem #ccc;margin-left: .3rem;margin-top: .3rem;height: 220px;cursor: pointer;}
.cetlist li .cep1{width: 35%;text-align: center;line-height: 24px;float: left;}
.cetlist li .cep2{font-size: 14px;color: #333;line-height:24px;width: 57%;padding: .3rem 6% .3rem 2%;display: block;float: left;margin-top: .3rem;}
.cetlist li .cep5{margin-top: .7rem;}
.cetlist li .cep4{margin-top: 0px;}
.cetlist li .cep1 img{width: 80%}

.cetlist li.on{background: #147dce;}
.cetlist li.on .cep2{color: #fff;}


/*案例详情*/

.casp{text-align: center;font-size: 14px;display: block;color: #fff;position: absolute;top: calc(50% - 50px);line-height: 50px;width: 100%;}
.showtit{background: #f8f8f8;padding: 30px 10px;}
.swt1{padding: 30px 5%;background: #fff;box-shadow: 1px 1px 10px #ccc;overflow: hidden;position: relative;}
.swt1 .asp2{font-size:25px; line-height:65px; color:#333; }
.abcon{width: 56%;float: left;overflow: hidden;}
.asp12{font-size:14px;color: #666;line-height: 30px;}
.asp13{display: block;margin-top: 20px;overflow: hidden;}
.asp13 a{display: inline-block;height: 35px;line-height: 35px;font-size: 16px;color: #999;border:1px solid #ccc;border-radius: 30px;padding: 0 30px;}
.mgt24 { margin-top:24px; }
.asp13 a:hover{color: #147dce;border:1px solid #147dce;}
.swewm{float: right;overflow: hidden;position: absolute;right: 5%;bottom:50px;}
.swewm img{width: 95px;height: auto;;}
.swewm p{display: block;width: 95px;font-size: 16px;color: #666;text-align: center;height: 35px;line-height: 35px;}
.swt2{padding: 30px 5%;background: #fff;box-shadow: 1px 1px 10px #ccc;overflow: hidden;margin-top: 50px;text-align: center;margin-bottom: 50px;}
.swt2 img{width: 100%;}





.tb5 { position:relative; line-height:68px; }
.tb5 span { margin-left:16px; }
.wx { position:absolute; right:0; bottom:55px; z-index:999999; border:3px #fff solid; border-radius:3px; display:none; }
.up { position:fixed; right:16px; bottom:16px; cursor:pointer; z-index:999999; display:none; }
/**/
.ad1 { width:100%; overflow:hidden; zoom:1; }
.ad1 img { width:100%; }
.row2 { width:92%; margin:0.5rem auto 0; padding-bottom:0.32rem; overflow:hidden; zoom:1; }
.pic5 { width:50%; }
.pic5 img { width:100%; }
.column11 { width:47%; font-size:16px; line-height:24px; color:#292929; text-align:justify; }
.row3 { width:92%; margin:0.5rem auto; position:relative; background:url(../images/bg2.gif) center 0 no-repeat; background-size:auto 100%; min-height:4.68rem; }
.text2 { font-size:30px; line-height:80px; color:#fff; margin-left:56%; padding-top:0.8rem; }
.row4 { width:92%; margin:0.52rem auto 0; background:#f5f5f5; }
.text3 { font-size:14px; line-height:28px; color:#333; text-align:justify; padding:0.22rem 0.32rem; }
.text3 span { color:#1c63b8; }
.list4 .li1 { width:25%; float:left; margin-bottom:50px; }

/**/

/**/
.list6 { width:73%; margin:0.55rem auto 0; }
.list6 li { width:100%; }
.column12 { padding:0.6rem 0.4rem; overflow:hidden; zoom:1; border-bottom:1px #ddd solid; }
.list6 .on .column12 { background:#f8f8f8; -moz-box-shadow: 5px 5px 10px 0px #c3c3c3; -webkit-box-shadow: 5px 5px 10px 0px #c3c3c3; box-shadow: 5px 5px 10px 0px #c3c3c3; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c3c3c3')";     /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c3c3c3');
}
.pic6 { width:20%; }
.pic6 a { display:block; }
.pic6 img { width:100%; }
.column13 { width:71%; }
.font16 { width:75%; font-size:14px; line-height:28px; color:#737373; }
.more4 { width:100px; height:36px; background:#ebebeb; margin-top:50px; }
.on .more4 { background:#1c63b8; }
.on .more4 a { color:#fff; }
.more4 a { font-size:12px; line-height:36px; color:#5e5e5e; display:block; text-align:center; }
.font14 { margin-top:0.3rem; width:70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.font14 a { font-size:18px; line-height:32px; color:#333; }
.font15 { font-size:14px; line-height:20px; color:#333; }
.on .font14 a { color:#1c63b8; }
.list7 li { width:25%; float:left; margin-bottom:0.4rem; position:relative; overflow:hidden; zoom:1; }
.pic7 { width:95%; margin:0 auto; text-align:center; }
.pic7 a { display:block; text-align:center; }
.pic7 img { width:100%; }
.text4 { width:95%; padding:16px 0; position:absolute; left:2.5%; bottom:0; z-index:3; }
.font17 { width:80%; display:inline-block; }
.font17 a { font-size:20px; line-height:28px; color:#fff; }
.font18 { font-size:14px; line-height:20px; color:#fff; }
.tb6 { width:20%; text-align:center; display:block; }
.tb6 img { width:62%; max-width:50px; margin-top:5px; }
.list7 { width:92%; margin:0.4rem auto 0; overflow:hidden; zoom:1; }
.bg7 { width:95%; left:2.5%; position:absolute; bottom:-85px; z-index:2; height:85px; background:#1c63b8; }
.bg8 { background:#1c63b8; margin-top:0.45rem; padding-top:0.4rem; }
.font19 { font-size:16px; line-height:120px; color:#fff; text-align:center; }
.pic8 { text-align:center; padding-bottom:0.7rem; }
.pic8 img { width:73%; }
.list8 { width:93%; margin:0.88rem auto 0; overflow:hidden; zoom:1; }
.list8 li { width:25%; margin-bottom:12px; float:left; }
.column14 { width:95%; margin:0 auto; border:1px #f2f2f2 solid; background:#f2f2f2 url(../images/bg3.gif) 0 0 no-repeat; background-size:auto 100%; overflow:hidden; zoom:1; }
.on .column14 { background:#1c63b8 url(../images/bg4.gif) 0 0 no-repeat; background-size:auto 100%; border:1px #1c63b8 solid; }
.tb7 { width:36%; text-align:center; margin-top:0.5rem; margin-bottom:0.5rem; }
.tb7 a { display:block; }
.tb7 img { width:65%; }
.text5 { width:64%; text-align:center; margin-top:0.5rem; }
.font20 { padding-top:0.2rem; ; }
.font20 a { font-size:20px; line-height:32px; color:#333; }
.font21 { font-size:12px; line-height:16px; color:#333; }
.on .font20 a, .on .font21 { color:#fff; }
.list9 { width:93%; margin:0.6rem auto 0; overflow:hidden; zoom:1; }
.list9 li { width:25%; float:left; }
.pic9 { width:95%; margin:0 auto; position:relative; overflow:hidden; zoom:1; }
.pic9 a { display:block; }
.pic9 img { width:100%; }
.font22 { width:95%; margin:0 auto 0.35rem; text-align:center; }
.font22 a { font-size:18px; line-height:0.75rem; color:#333; }
.list9 .bg3 { width:100%; left:0; }

.row5 { width:92%; margin:0 auto; overflow:hidden; zoom:1; background:#f6fbfe; }
.left { width:35%; background:#1c63b8; }
.right { width:65%; background:#f6fbfe; }
.font23 { font-size:30px; line-height:140px; color:#fff; margin-top:10px; padding-left:12%; }
.column15 { padding-left:12%; margin-top:10px; padding-bottom:130px;}
.font24 { font-size:22px; line-height:40px; color:#fff; }
.row6 { margin-bottom:30px; }
.tb8 { margin-right:15px; vertical-align:top; }
.tb8 img { vertical-align:top; }
.font25 { display:inline-block; font-size:18px; line-height:32px; color:#fff; }
.font26 { font-size:14px; line-height:45px; color:#fff; text-align:right; margin-right:0.6rem; padding-bottom:40px; position:relative; }
.font26 span { padding-left:15px; }
.wx2 { position:absolute; right:-0.1rem; top:-110px; display:none; }
.font27 { font-size:30px; line-height:36px; color:#1c63b8; padding-left:5%; margin-top:0.65rem; }
.font28 { font-size:16px; line-height:92px; color:#333; margin-left:5%; }
.form1 { width:90%; margin:0 auto; overflow:hidden; zoom:1; }
.row7 { margin-bottom:0.3rem; overflow:hidden; zoom:1; }
.column16 { width:50%; float:left; }
.column17 { width:97%; border:1px #dff1fb solid; border-radius:3px; }
.in3 { }
.in3 input { width:94%; font-size:16px; line-height:52px; color:#cacaca; text-indent:0.2rem; border:1px #dff1fb solid; border-radius:3px; }
.in4 { padding:0.16rem; background:#fff; }
.in4 textarea { width:100%; min-height:184px; border:0; display:block; resize: none;color:#cacaca; }
.an3 { margin-top:0.3rem; }
.an3 input { width:160px; height:60px; text-align:center; font-size:14px; line-height:60px; color:#fff; background:#1c63b8; cursor:pointer; }
.iw_poi_title { color:#CC5522; font-size:14px; font-weight:bold; overflow:hidden; padding-right:13px; white-space:nowrap }
.iw_poi_content { font:12px arial, sans-serif; overflow:visible; padding-top:4px; white-space:-moz-pre-wrap; word-wrap:break-word }
.bg9 { width:95%; height:100%; position:absolute; left:2.5%; top:0; z-index:1; background:#1c63b8; }
.text6 { position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; }
.font29 { font-size:30px; line-height:55px; color:#fff; padding-left:0.65rem; margin-top:0.9rem; }
.font29 a { color:#fff; }
.font30 { font-size:20px; line-height:32px; color:#fff; padding-left:0.65rem; }


/*网站�?/