/*application*/
.erjibanner{ width:100%; height:600px; background-image:url("../images/banner22.jpg.html"); background-repeat:no-repeat;background-position:center;}
.ab_titles{ width:980px; margin-left:auto; margin-right:auto; height:240px;}
.ab_title1{ width:100%;height:100px; padding-top:180px; font-size:42px; color:#fff; text-align:center;}
.ab_title2{ width:100%;height:60px;font-size:24px; color:#fff; line-height:60px;text-align:center;}

.daohangs{ height:75px; width:100%; background-color:#f5f5f5}
.daohang{ height:75px; width:1200px; margin-left:auto; margin-right:auto;}
.daohang1{ height:75px; float:left; line-height:77px;background:url("../images/jt121.png") no-repeat;background-position: left center; padding-left:25px;color:#666666;font-size:14px; background-size:20px;}
.daohang1 a{color:#666666; font-size:14px;}
.daohang1 a:hover,.daohang1 a.select{color:#FF1717;}
.erlist{ width:800px; float:right; height:20px; padding-top:26px;}
.erlist li{ padding-right:30px; padding-left:30px; border-left:#CCC 1px solid; float:right; height:20px; line-height:20px;}
.erlist li a{ font-size:16px;}
.erlist li:last-child{ border:none}
.erlist li.hovs a{ color:#FF1717; text-decoration:none}
.erlist li:hover a{ color:#FF1717;}

.prolist{ padding-top:50px;}
.prolist li{ width:370px; height:430px; background-color:#FFF;color: #333333;font-size: 16px;margin-bottom: 50px; margin-left:45px; float:left; text-align:center;overflow:hidden;}
.prolist li:nth-child(3n+1){ margin-left:0}
.prolist li p{width:370px; height:333px; display:block; overflow:hidden}
.prolist li img{ width:370px; height:333px;transition: all 0.8s;}
.prolist li:hover img{transform: scale(1.1);}


.lrcont{}
.leftcont{ float:left; width:77%;}
.rightcont{ float:left; width:270px; min-height:200px; height:auto; margin-bottom:50px;}
.spconts_mun{ float:left; width:300px;}
.spconts_mun1{ width:230px; height:180px;}
.spconts_mun1 span{color:#000000; font-size:20px; padding-top:53px; display:block; border-bottom:#ce0a32 1px solid; height:40px;}
.spconts_mun1 p{color:#666666; font-size:14px; padding-top:16px; line-height:26px;}
.spconts_mun2{ width:230px; } 
.spconts_mun2 li{ width:100%; height:50px; line-height:50px; border-bottom:#e1e3e5 1px solid; background-image:url("../images/jt2.png"); background-repeat:no-repeat;
 background-position:215px center; cursor:pointer} 
.spconts_mun2 li a{ font-size:16px; color:#333; display:block; padding-left:10px;}
.spconts_mun2 li:hover,.spconts_mun2 li.hov{background-image:url("../images/jt3.png"); background-repeat:no-repeat;background-position:200px center; background-color:#ce0a32} 
.spconts_mun2 li:hover a,.spconts_mun2 li.hov a{ color:#fff; padding-left:42px;} 


.baiketitle{ height:120px; width:1200px; margin:0 auto; border-bottom:#e5e5e5 1px solid; text-align:center; position:relative}
.baiketitle h1{ padding-top:50px; height:42px; color:#333333; font-size:20px; font-weight:normal}

.baikecontent{ width:1200px; padding-top:30px; font-size:14px; color:#484747; padding-bottom:70px; line-height:24px; margin:0 auto; text-align:justify}
.baikecontent img{ max-width:1200px;}

.updown{ width:1200px; margin:0 auto; height:80px; background-color:#f8f8f8; margin-bottom:40px;}
.updown1{ float:left; margin-left:32px; margin-top:30px; height:20px; width:500px; overflow:hidden}
.updown1 a{ color:#333333; font-size:14px;}
.updown1 a:hover,.updown3 a:hover{ color:#912d8d;}
.updown2{ width:65px; height:20px;float:left; margin-top:30px; }
.updown2 a{ color:#ce0a32; font-size:16px;}
.updown3{ overflow:hidden; float:right; margin-right:32px; margin-top:30px; height:20px; width:500px; text-align:right}
.updown3 a{ margin-right:20px; padding-right:10px; color:#333333; font-size:14px;}
.updown3 a:hover{color:#1c7dc1;}

.wd1200{ width:1200px; margin-left:auto; margin-right:auto;}
.tjtitle{ height:30px; font-size:18px; font-weight:bold; color:#1764aa}

.xp_pro{height:375px;padding-top:30px;}
.xp_pro li{ width:280px; height:320px; float:left; line-height:40px; text-align:center; margin-left:26px;}
.xp_pro li img{ width:280px; height:260px; display:block}
.xp_pro li a{ color:#333333; font-size:14px; display:block;width:280px; height:320px;margin-bottom:26px; border:#F3F3F3 1px solid}
.xp_pro li a:hover{ color:#039}
.xp_pro li:first-child{ margin-left:0px;}
/*application*/
/*technology*/
.caselist{ width:1200px; margin:0 auto; padding-top:60px;}
.caselist li{ width:370px; margin-left:18px; margin-right:18px; height:420px; float:left; margin-bottom:40px;moz-box-shadow:5px 5px 10px #F1F0F0, -5px -5px 10px #f1f0f0;
 -webkit-box-shadow:5px 5px 10px #F1F0F0, -5px -5px 10px #f1f0f0; box-shadow:5px 5px 10px #F1F0F0, -5px -5px 10px #f1f0f0;}
.caselist li:nth-child(3n+1){ margin-left:0;}
.caselist li .cimgs{width:100%; height:255px; overflow:hidden}
.caselist li .cimgs img{transition: all 0.8s;width:100%; height:100%;}
.caselist li:hover img{transform: scale(1.1);}
.caselist li .casecont{ width:100%; height:172px; position:relative}
.caselist a.more1{ position:absolute; bottom:20px; left:50%; display:block; color:#333333; margin-left:-40px;background:url("../images/jt1.png") no-repeat;
background-position: right center; font-size:14px; padding-right:20px;}
a.casetitle{ padding-left:24px; padding-top:18px; line-height:30px; font-size:17px; color:#262831; padding-right:24px; display:block;}
.caselist li .casecont p{padding-left:24px;padding-right:24px; line-height:24px; font-size:14px; color:#999999; margin-top:5px; text-align:justify; height:70px; overflow:hidden}

.caselist li:hover a{ color:#fff;}
.caselist li:hover p{ color:#fff;}
.caselist li:hover{-moz-box-shadow:5px 5px 20px #D3E5F7, -5px -5px 20px #D3E5F7; -webkit-box-shadow:5px 5px 20px #D3E5F7, -5px -5px 20px #D3E5F7;
 box-shadow:5px 5px 20px #D3E5F7, -5px -5px 20px #D3E5F7; background-color:#ee4234} 


.caselist.c2 li{ border-radius:7px; overflow:hidden; text-align:center; height:320px;}
.caselist.c2 li:hover{ background-color:inherit; }
.caselist.c2 li:hover a{ color:#e10431;}
.caselist.c2 li:hover p{ color:#333;}
.caselist.c2 li .casecont{  height:auto}
.caselist.c2 li .casecont p{ text-align:center}
/*technology*/
/*job*/
.jobs{ width:100%; background-color:#fff; padding-bottom:60px; padding-top:30px;}
.job{ width:1200px; margin-left:auto; margin-right:auto; height:auto; min-height:700px;}


.job2{ width:100%; height:70px; line-height:70px; text-align:center; color:#333333; border-bottom:#ccc 1px solid; font-size:18px; font-weight:bold;}
.job21{ float:left; padding-left:70px; width:290px; text-align:left;}
.job22{ float:left;  width:168px;}
.job3{ width:100%; height:70px; line-height:70px; text-align:center; color:#333333; font-size:16px; background-color:#fff;}
a.jia,a.jian{ display:block; cursor:pointer; width:135px; height:37px; float:right; background-color:#ce0a32; color:#fff;
text-align:center; line-height:37px; margin-top:15px;}



.jlists{ width:100%; background-color:#fff; border-bottom:#ccc 1px solid; }
.jconts{ width:1100px; margin-left:auto; margin-right:auto; padding:40px 50px; padding-bottom:0; background-color:#f9f9f9}
.jcontss{ line-height:34px; font-size:14px; color:#333333}
.jobtd{ width:100%; height:40px; padding-top:40px;padding-bottom:40px;}

.protype{ height:30px; padding-top:50px; line-height:30px; text-align:center;}
.protype a{ color:#666666; font-size:18px; margin:0 20px; padding:10px 20px; border:#666666 1px solid}
.protype a:hover,.protype a.hov{ color:#fff; background-color:#ce0a32; border:#ce0a32 1px solid}

/*job*/
/*关于我们*/
.aboutl{ width:62%; padding-bottom:40px;}
.aboutl h2{ width:100%; padding-top:35px; line-height:80px; font-size:30px; color:#FF1717}
.aboutl p{ font-size: 16px;line-height: 32px; color: #666;}
.aboutr{ width:36%; display:block; height:auto; margin-top:60px;}

.abosev{ height:367px; background-image:url("../images/bg4.jpg"); background-repeat:no-repeat;}
.abosevs ul{ padding-top:110px;}
.abosevs ul li{ width:33.3333333%; float:left; text-align:center; color:#fff;}
.abosevs ul li h3{ font-size:80px;}
.abosevs ul li p{ font-size:16px; margin-top:10px;}

.abofws{ width:1200px; margin-left:auto; margin-right:auto}
.abofws ul{ padding-top:10px; padding-bottom:70px;}
.abofws ul li{ width:25%; text-align:center; float:left}
.abofws ul li .fwsimg{ display:block; background-image:url("../images/kf1.png"); background-repeat:no-repeat; background-position:center top; background-size:43%; width:60%; padding-top:80px; margin:0 auto}
.abofws ul li p{ font-size:20px; margin-top:16px; color:#000}
.abofws ul li p.nb{ line-height:26px;}
.abofws ul li p.nb a{ font-size:16px; color:#666}
.abofws ul li p.nb a:hover{ color:#ff0000}
.abofws ul li:hover .fwsimg{background-image:url("../images/kf2.png"); color:#ff0000}
.abofws ul li:hover .fwsimg p{color:#ff0000}
.abofws ul li:nth-child(2) .fwsimg{background-image:url("../images/kf3.png");}
.abofws ul li:nth-child(2):hover .fwsimg{background-image:url("../images/kf4.png");}
.abofws ul li:nth-child(3) .fwsimg{background-image:url("../images/kf5.png");}
.abofws ul li:nth-child(3):hover .fwsimg{background-image:url("../images/kf6.png");}
.abofws ul li:nth-child(4) .fwsimg{background-image:url("../images/kf7.png");}
.abofws ul li:nth-child(4):hover .fwsimg{background-image:url("../images/kf8.png");}

.abofws.up ul{ padding-top:50px;}
.abofws.up ul li p{ font-size:22px;}
.abofws.up ul li p.nb a{ font-size:15px;}
.abofws.up ul li{ width:23%; margin-left:2%; background-color:#F9F9F9; padding-top:50px; padding-bottom:50px;transition: all 0.5s;}

.abofws.up ul li:nth-child(1){margin-left:1%}

.abofws.up ul li:nth-child(1) .fwsimg{background-image:url("../images/ym1.png");}
.abofws.up ul li:nth-child(1):hover .fwsimg{background-image:url("../images/ym2.png");}
.abofws.up ul li:nth-child(2) .fwsimg{background-image:url("../images/ym3.png");}
.abofws.up ul li:nth-child(2):hover .fwsimg{background-image:url("../images/ym4.png");}
.abofws.up ul li:nth-child(3) .fwsimg{background-image:url("../images/ym5.png");}
.abofws.up ul li:nth-child(3):hover .fwsimg{background-image:url("../images/ym6.png");}
.abofws.up ul li:nth-child(4) .fwsimg{background-image:url("../images/ym7.png");}
.abofws.up ul li:nth-child(4):hover .fwsimg{background-image:url("../images/ym8.png");}



.abofws.jj ul li:nth-child(2) .fwsimg{background-image:url("../images/jj3.png");}
.abofws.jj ul li:nth-child(2):hover .fwsimg{background-image:url("../images/jj4.png");}
.abofws.jj ul li:nth-child(3) .fwsimg{background-image:url("../images/jj5.png");}
.abofws.jj ul li:nth-child(3):hover .fwsimg{background-image:url("../images/jj6.png");}
.abofws.jj ul li:nth-child(4) .fwsimg{background-image:url("../images/jj7.png");}
.abofws.jj ul li:nth-child(4):hover .fwsimg{background-image:url("../images/jj8.png");}

.abofws.xcx ul{ padding-top:0; padding-bottom:30px;}
.abofws.xcx ul li{ margin-top:25px;}
.abofws.xcx ul li:nth-child(5){margin-left:1%}
.abofws.xcx ul li:nth-child(1) .fwsimg{background-image:url("../images/xcx11.png");}
.abofws.xcx ul li:nth-child(1):hover .fwsimg{background-image:url("../images/xcx12.png");}
.abofws.xcx ul li:nth-child(2) .fwsimg{background-image:url("../images/xcx13.png");}
.abofws.xcx ul li:nth-child(2):hover .fwsimg{background-image:url("../images/xcx14.png");}
.abofws.xcx ul li:nth-child(3) .fwsimg{background-image:url("../images/xcx15.png");}
.abofws.xcx ul li:nth-child(3):hover .fwsimg{background-image:url("../images/xcx16.png");}
.abofws.xcx ul li:nth-child(4) .fwsimg{background-image:url("../images/xcx17.png");}
.abofws.xcx ul li:nth-child(4):hover .fwsimg{background-image:url("../images/xcx18.png");}
.abofws.xcx ul li:nth-child(5) .fwsimg{background-image:url("../images/xcx19.png");}
.abofws.xcx ul li:nth-child(5):hover .fwsimg{background-image:url("../images/xcx20.png");}
.abofws.xcx ul li:nth-child(6) .fwsimg{background-image:url("../images/xcx21.png");}
.abofws.xcx ul li:nth-child(6):hover .fwsimg{background-image:url("../images/xcx22.png");}
.abofws.xcx ul li:nth-child(7) .fwsimg{background-image:url("../images/xcx23.png");}
.abofws.xcx ul li:nth-child(7):hover .fwsimg{background-image:url("../images/xcx24.png");}
.abofws.xcx ul li:nth-child(8) .fwsimg{background-image:url("../images/xcx25.png");}
.abofws.xcx ul li:nth-child(8):hover .fwsimg{background-image:url("../images/xcx26.png");}






.abofws.yx ul{ padding-top:20px; padding-bottom:10px;}/*网络营销*/

.abofws.yx ul li:nth-child(1) .fwsimg{background-image:url("../images/yx1.png");}
.abofws.yx ul li:nth-child(1):hover .fwsimg{background-image:url("../images/yx2.png");}
.abofws.yx ul li:nth-child(2) .fwsimg{background-image:url("../images/yx3.png");}
.abofws.yx ul li:nth-child(2):hover .fwsimg{background-image:url("../images/yx4.png");}
.abofws.yx ul li:nth-child(3) .fwsimg{background-image:url("../images/yx5.png");}
.abofws.yx ul li:nth-child(3):hover .fwsimg{background-image:url("../images/yx6.png");}
.abofws.yx ul li:nth-child(4) .fwsimg{background-image:url("../images/yx7.png");}
.abofws.yx ul li:nth-child(4):hover .fwsimg{background-image:url("../images/yx8.png");}





/*优势start*/
.fuwus{ width:100%; height:750px; background-image:url("../images/bg3.jpg"); background-repeat:no-repeat; background-position:center}
.fuwu{height:730px; overflow:hidden}
.spmore p.line20{ margin-top:10px; line-height:30px;}
.fuwulist{ width: 1140px; margin:0 auto; padding-top:60px;}
.fuwulist li{ margin-left:45px; width:290px; float:left; margin-right:45px;transition: all 0.5s;}
.fuwulist li img{ display:block; width:130px; height:130px; border-radius:50%; border:#fff 2px solid; margin:0 auto;transition: all 0.8s;}
.fuwulist li:hover{transform: scale(1.1);}
.fuwulist li h2{ font-size:18px; color:#fff; text-align:center; margin-top:20px;}
.fuwulist li p{ font-size:15px; line-height:34px; color:#fff; margin-top:20px; text-align:center}
.fuwumore{ width:100%; text-align:center; padding-top:50px;}
.fuwumore a{ background-color:#ed0707; padding:13px 22px; font-size:14px; color:#fff;}

/*服务优势end*/
.team{ padding-bottom:50px;}
.team p{font-size: 16px;line-height: 30px;color: #666;}
.team li{ width:47.5%; float:left; padding-top:40px; height:140px;}
.team li:nth-child(2n+1){ margin-left:5%;}
.team li h5{font-size: 20px;line-height: 60px; color:#FF1717;}
.team li h5 span{font-size: 24px;}



/*关于我们end*/

/*网站建设start*/
.webs{ padding-bottom:50px;}
.webs li{ width:49%; float:left; background-color:#f8f7f7; margin-top:25px;}
.webs li span{ display:block; float:left; margin:40px; width:120px; height:120px; background-image:url("../images/ym7.png"); background-repeat:no-repeat; background-size:100%;}
.webs li h2{ display:block; float:left; width:60%; margin-top:30px; font-size:22px; color:#000}
.webs li p{ display:block; float:left; width:60%; font-size:14px; color:#666; margin-top:15px; line-height:25px;}
.webs li:hover p{ color:#000;}
.webs li:hover h2{ color:#ff0000;}
.webs li:hover{ background-color:#f6f3f3;}
.webs li:nth-child(2n){ margin-left:2%}
.webs li:nth-child(1) span{background-image:url("../images/js1.png");}
.webs li:nth-child(1):hover span{background-image:url("../images/js2.png");}
.webs li:nth-child(2) span{background-image:url("../images/js3.png");}
.webs li:nth-child(2):hover span{background-image:url("../images/js4.png");}
.webs li:nth-child(3) span{background-image:url("../images/js5.png");}
.webs li:nth-child(3):hover span{background-image:url("../images/js6.png");}
.webs li:nth-child(4) span{background-image:url("../images/js7.png");}
.webs li:nth-child(4):hover span{background-image:url("../images/js8.png");}
.webs li:nth-child(5) span{background-image:url("../images/js9.png");}
.webs li:nth-child(5):hover span{background-image:url("../images/js10.png");}
.webs li:nth-child(6) span{background-image:url("../images/js11.png");}
.webs li:nth-child(6):hover span{background-image:url("../images/js12.png");}

.webs.wx li:nth-child(1) span{background-image:url("../images/wx1.png");}
.webs.wx li:nth-child(1):hover span{background-image:url("../images/wx2.png");}
.webs.wx li:nth-child(2) span{background-image:url("../images/wx4.png");}
.webs.wx li:nth-child(2):hover span{background-image:url("../images/wx3.png");}
.webs.wx li:nth-child(3) span{background-image:url("../images/js5.png");}
.webs.wx li:nth-child(3):hover span{background-image:url("../images/js6.png");}
.webs.wx li:nth-child(4) span{background-image:url("../images/wx7.png");}
.webs.wx li:nth-child(4):hover span{background-image:url("../images/wx8.png");}

.webs.yx li:nth-child(1) span{background-image:url("../images/yxs1.png");}
.webs.yx li:nth-child(1):hover span{background-image:url("../images/yxs2.png");}
.webs.yx li:nth-child(2) span{background-image:url("../images/yxs3.png");}
.webs.yx li:nth-child(2):hover span{background-image:url("../images/yxs4.png");}
.webs.yx li:nth-child(3) span{background-image:url("../images/yxs5.png");}
.webs.yx li:nth-child(3):hover span{background-image:url("../images/yxs6.png");}
.webs.yx li:nth-child(4) span{background-image:url("../images/yxs7.png");}
.webs.yx li:nth-child(4):hover span{background-image:url("../images/yxs8.png");}
.webs.yx li:nth-child(5) span{background-image:url("../images/yxs9.png");}
.webs.yx li:nth-child(5):hover span{background-image:url("../images/yxs10.png");}
.webs.yx li:nth-child(6) span{background-image:url("../images/ym7.png");}
.webs.yx li:nth-child(6):hover span{background-image:url("../images/ym8.png");}

.webs.xcx li:nth-child(1) span{background-image:url("../images/xcx1.png");}
.webs.xcx li:nth-child(1):hover span{background-image:url("../images/xcx2.png");}
.webs.xcx li:nth-child(2) span{background-image:url("../images/xcx3.png");}
.webs.xcx li:nth-child(2):hover span{background-image:url("../images/xcx4.png");}
.webs.xcx li:nth-child(3) span{background-image:url("../images/xcx5.png");}
.webs.xcx li:nth-child(3):hover span{background-image:url("../images/xcx6.png");}
.webs.xcx li:nth-child(4) span{background-image:url("../images/xcx7.png");}
.webs.xcx li:nth-child(4):hover span{background-image:url("../images/xcx8.png");}

/*网站建设end*/

/*服务start*/
.service{ overflow:hidden}
.service ul{ padding-top:50px;}
.service li{ width:100%; height:460px; position:relative}
.service li .ishow{ width:50%; float:left; height:460px;}
.service li img{ width:65%; margin-top:60px; margin-left:60px;transition: all 0.8s;}
.service li:nth-child(1){background-image: url("../images/bg4.jpg"); background-repeat:no-repeat; background-size:cover;background-color: #ec3627;}
.service li .tshow{ width:50%; float:left; color:#e7e3e3; height:460px;}
.service li .tshow p{ padding-left:55px;-webkit-transition: all 0.6s; transition: all 0.6s;}
.service li .tshow .p_1{ padding-top:150px; font-size:50px;}
.service li .tshow .p_2{ padding-top:30px; font-size:50px;}
.service li .tshow .p_3{ padding-top:60px;}
.service li .tshow .p_3 a{ font-size:18px; color:#f2f0f0; margin-right:15px; display:block; float:left; margin-top:10px; }
.service li .tshow .p_3 a:hover{  color:#fff; border-bottom: 1px solid;}
.service li .num{ position:absolute; top:30px; left:50px; color:#f2f0f0; font-size:80px;-webkit-transition: all 0.6s; transition: all 0.6s;}
.service li .jt{ position:absolute; bottom:30px; right:50px; background-image:url("../images/jts1.png"); background-repeat:no-repeat; background-size:100%; width:45px; height:45px;-webkit-transition: all 0.6s; transition: all 0.6s;}

.service li:hover .tshow{ color:#fff}
.service li:hover .num{ color:#fff}
.service li:hover img{transform: scale(1.1);}
.service li:hover .tshow .p_3{transform:translateY(-10px);}
.service li:hover .jt{transform:translateY(-10px);}
.service li:hover .tshow .p_1{transform:translateY(10px);}
.service li:hover .tshow .p_2{transform:translateY(10px);}
.service li:hover .num{transform:translateY(10px);}

.service li:nth-child(2){background-color:transparent}
.service li:nth-child(2) .tshow{background-color:#4f7fff}
.service li:nth-child(2) .ishow{background-color:#c7d5fa}
.service li:nth-child(2) .num{ left:inherit; right:50px;}
.service li:nth-child(2) .jt{ right:inherit; left:50px;background-image:url("../images/jts2.png");}
.service li:nth-child(3){background-color:#000}
.service li:nth-child(4){background-color:transparent}
.service li:nth-child(4) .tshow{background-color:#c59d0c}
.service li:nth-child(4) .ishow{background-color:#f5f7d5}
.service li:nth-child(4) .num{ left:inherit; right:50px;}
.service li:nth-child(4) .jt{ right:inherit; left:50px;background-image:url("../images/jts2.png");}

.service li:nth-child(1) .tshow .p_3 a{ border-bottom:#ec3627 1px solid}
.service li:nth-child(1) .tshow .p_3 a:hover{ border-bottom:#fff 1px solid}
.service li:nth-child(2) .tshow .p_3 a{ border-bottom:#4f7fff 1px solid}
.service li:nth-child(2) .tshow .p_3 a:hover{ border-bottom:#fff 1px solid}
.service li:nth-child(3) .tshow .p_3 a{ border-bottom:#000 1px solid}
.service li:nth-child(3) .tshow .p_3 a:hover{ border-bottom:#fff 1px solid}
.service li:nth-child(4) .tshow .p_3 a{ border-bottom:#c59d0c 1px solid}
.service li:nth-child(4) .tshow .p_3 a:hover{ border-bottom:#fff 1px solid}


.liuc{height:450px; position:relative; padding-bottom:50px; margin-top:20px;}
.liucimg{ width:98%; position:absolute; background-image:url("../images/zhou.png"); background-repeat:no-repeat; height:60px;top:185px; z-index:1;left:1%}
.liucimg ul{ padding-top:13px;}
.liucimg li{ float:left; width:166px; text-align:center; color:#FFF; font-size:16px;}
.liucimg li:nth-child(3){ color:#666}

.liuclist{ width:98%; height:450px; margin-left:1%}
.liuclist ul{ padding-left:1px;}
.liuclist li{ width:155px; height:450px; float:left; cursor:pointer; margin-left:10px;}
.liuclist li .kuangs{ margin-top:1px; width:150px; height:200px; position:relative}
.liuclist li .kuangs .kimg{background-image:url("../images/sjz_1.png"); background-repeat:no-repeat; width:83px; height:114px; position:absolute; left:20%; z-index:3;top:70px;}
.liuclist li .kuangs .ktxt{ width:96%; height:120px; border:#fca5a6 2px solid; position:absolute; top:1px; z-index:2; border-radius:5px; left:2%; text-align:center}
.liuclist li .kuangs .ktxt span{ font-size:18px; margin-top:10px; display:block}
.liuclist li .kuangs .ktxt p{ margin-top:10px; font-size:14px;}
.liuclist li .kuangs:hover .ktxt{border:#e70012 2px solid; color:#e70012}

.liuclist li:nth-child(2n+1) .kuangs{ margin-top:236px;}
.liuclist li:nth-child(2n+1) .kuangs .kimg{top:0}
.liuclist li:nth-child(2n+1) .kuangs .ktxt{top:70px;}
.liuclist li:nth-child(2n+1) .kuangs .ktxt span{ margin-top:50px;}

.liuclist li:nth-child(1) .kuangs .kimg{background-image:url("../images/sjz_1.png");}
.liuclist li:nth-child(2) .kuangs .kimg{background-image:url("../images/sjz_2.png");}
.liuclist li:nth-child(3) .kuangs .kimg{background-image:url("../images/sjz_3.png");}
.liuclist li:nth-child(4) .kuangs .kimg{background-image:url("../images/sjz_4.png");}
.liuclist li:nth-child(5) .kuangs .kimg{background-image:url("../images/sjz_5.png");}
.liuclist li:nth-child(6) .kuangs .kimg{background-image:url("../images/sjz_6.png");}
.liuclist li:nth-child(7) .kuangs .kimg{background-image:url("../images/sjz_7.png");}

.liuclist li:nth-child(2) .kuangs .ktxt{ border:#fcd6b0 2px solid;}
.liuclist li:nth-child(2) .kuangs:hover .ktxt{border:#f58f27 2px solid; color:#f58f27}
.liuclist li:nth-child(3) .kuangs .ktxt{ border:#fcefb9 2px solid;}
.liuclist li:nth-child(3) .kuangs:hover .ktxt{border:#f7cf28 2px solid; color:#f7cf28}
.liuclist li:nth-child(4) .kuangs .ktxt{ border:#d0f4a9 2px solid;}
.liuclist li:nth-child(4) .kuangs:hover .ktxt{border:#93c55c 2px solid; color:#93c55c}
.liuclist li:nth-child(5) .kuangs .ktxt{ border:#afebf9 2px solid;}
.liuclist li:nth-child(5) .kuangs:hover .ktxt{border:#4fc6e1 2px solid; color:#4fc6e1}
.liuclist li:nth-child(6) .kuangs .ktxt{ border:#c5a9ee 2px solid;}
.liuclist li:nth-child(6) .kuangs:hover .ktxt{border:#7b5da8 2px solid; color:#7b5da8}
.liuclist li:nth-child(7) .kuangs .ktxt{ border:#faa7dc 2px solid;}
.liuclist li:nth-child(7) .kuangs:hover .ktxt{border:#ca509e 2px solid; color:#ca509e}

.customer{ height:900px; background-image:url("../images/hezuo.jpg"); background-repeat:no-repeat; background-position:center;background-size: cover;}
.customers{margin-top:5px;}
.customers li{ margin-top:10px; float:left;width:213px; height:213px; margin-left:43px; margin-right:43px;background-image:url("../images/lingxing.png"); background-repeat:no-repeat; cursor:pointer; text-align:center}
.customers li img{ width:145px; margin-top:72px; transition: all 0.6s;-webkit-transition: all 0.6s;}
.customers li:hover img{transform: scale(1.1);}
.customers li:nth-child(1){margin-left:224px;}
.customers li:nth-child(2){}
.customers li:nth-child(3){}
.customers li:nth-child(4){}	
.customers li:nth-child(6){background-image:url("../images/lingxing2.png");}	
.customers li:nth-child(8){ margin-left:224px;}		
.customers li:nth-child(9) img{ margin-top:25px; width:138px;}	
.customers li:nth-child(10) img{ margin-top:40px; width:138px;}	
.customers li:nth-child(10){background-image:url("../images/lingxing3.png");}	
/*服务end*/
/*联系我们*/
.contacts{ width:1200px; height:600px; padding-top:50px; margin-left:auto; margin-right:auto}
.con_left{ width:580px; height:600px; float:left;}
.con_l_t{ width:100%; line-height:45px; font-size:30px; color:hsl(0deg 96% 37%);}
.con_l_d{ width:100%; line-height:25px; font-size:14px; color:#333; margin-top:10px;}
.con_l_p{ width:100%; margin-top:20px}
.con_l_p li{ width:50%; line-height:30px; font-size:14px; color:#333;  height:80px; float:left; background-repeat:no-repeat; background-position:left center; border-top:#F4F4F4 1px solid; padding-top:10px;}
.con_l_p li:nth-child(1){ background-image:url("../images/ico2.png");}
.con_l_p li:nth-child(2){ background-image:url("../images/ico1.png");}
.con_l_p li:nth-child(3){ background-image:url("../images/ico3.png");}
.con_l_p li:nth-child(4){ background-image:url("../images/ico4.png");}
.con_l_p li:nth-child(5){ background-image:url("../images/ico5.png"); width:100%}
.con_l_p li:nth-child(6){ background-image:url("../images/ico6.png"); width:100%}
.con_l_p li span{ padding-left:65px; display:block; height:30px; padding-top:5px; font-size:16px;}
.con_l_p li p{ padding-left:65px;  height:30px;  font-size:14px;}

.con_right{ width:420px;  float:right; height:600px;}
.con_r_t{ width:100%; height:50px; padding-top:30px; font-size:20px;}
.con_r_c{width:100%; padding-top:20px;}
.con_r_c input{background-color: #f7f7f7;border-radius: 4px; border:#CCC 1px solid;padding: 10px 20px;margin-bottom: 15px; width:90%; font-size:14px;}
.con_r_c select{background-color: #f7f7f7;border-radius: 4px; border:#CCC 1px solid;padding: 10px 20px;margin-bottom: 15px; width:100%; font-size:14px; color:#666}

.con_r_c textarea{background-color: #f7f7f7;border-radius: 4px; border:#CCC 1px solid;padding: 10px 20px;margin-bottom: 15px; width:90%; font-size:14px; height:100px;}
.con_r_c a{ background-color:#e10431; padding:10px 20px; font-size:16px; color:#fff; border-radius:5px; cursor:pointer; margin-top:10px; display:block; text-align:center}
.con_r_c a:hover{ background-color:#F00}
/*联系我们*/
.share{ width:90%;height: 63px;color: #333;line-height: 63px; margin-left:9%}

.bshare-custom {padding-top: 17px;height: 18px;float: left;}

.zuixin1{width:99%; padding-top:10px; background-color:#f8f8f8; color:#006; font-size:14px; padding-left:10px; height:25px;}
.zuixin{width:100%; padding-top:10px;clear:both;}
.zuixin ul li{width:49%; line-height:28px; color:#737373; padding-left:10px; float:left}
.zuixin ul{ padding-bottom:30px; padding-top:20px}
.zuixin ul li a{color:#6c6c6c; font-size:14px;}
.zuixin ul li a:hover{color:#ff0000;}
/*内页-套餐开始*/
.bottom_bg{ height:290px; background:#eee;}
.bottom2{ width:1200px; margin:0 auto}
.bottom2 dl{ width:33%; float:left;}
.bottom2 dt{ color:#000; height:80px; line-height:80px; font-size:20px; padding-left:10px;}
.bottom2.index dt{ height:50px; line-height:50px;}

.bottom2 dd ol li{ width:333px; color:#a4a4a4; float:left; height:28px; line-height:28px;background-image: url("../images/dian4.gif.html");background-repeat: no-repeat;background-position: 4px;padding-left: 14px;}
.bottom2 dd ol li span{ color:#a0a0a0; padding-right:11px;font-size:13px}
.bottom2 dd ol li a{ font-size:14px}
.bottom2 dd ul{ padding-top:5px;}
.bottom2 dd ul li{ width:333px; line-height:25px;background-image: url("../images/dian4.gif.html");background-repeat: no-repeat;background-position: 4px;height: 25px;padding-left: 14px;}
.bottom2 dd ul li .pic{ width:94px; float:left;}
.bottom2 dd ul li .txt{  width:164px; float:left; padding-left:11px;}
.bottom2 dd ul li .txt span{ font-size:14px; color:#787878; display:block; padding-bottom:12px;}
.bottom2 dd ul li .txt p{ color:#919191}
.bottom2 dl#last{ float:right; width:30%;}
.bottom2 dl#last li{ width:100%}

/*内页-套餐结束*/
@media screen and (max-width: 1200px) {
.caselist{ width:95%}
.caselist li{ width:30%; height:auto}
.caselist li .cimgs{ height:auto}
.w12{ width:100%}
.nav ul li{ margin-left:9px; margin-right:9px;}
.nav ul li>a{ font-size:16px;}
.header-show .nav ul li>a{ font-size:16px}
	}

/* 小屏幕（平板，手机，小于等于 768px） */
@media screen and (max-width: 900px) {
.protype a{ font-size:0.7rem; margin:0 10px; padding:8px 14px;}
.protype { height:2rem;}
.yejis{ background-size:cover; height:750px;}
.rightcont{ width:92%; margin-left:4%; min-height:2rem;}
.leftcont{ width:92%; margin-left:4%}
.selectpro{ width:12.6rem; padding-left:1.7rem;background-image: url("../images/mjt2.png"); margin-top:0.2rem;
    background-size:0.8rem;background-repeat: no-repeat;
    background-position: 0.5rem center; line-height:2rem; font-size:0.58rem; background-color:#f1f0f0;position:absolute; z-index:1;}
.spconts_mun{ height:2rem; width:100%; position:relative}
.spconts_mun2{ width:14.3rem; position:absolute; z-index:99; background-color:#f1f0f0; display:none;top:2rem;} 
.spconts_mun2 li{width:14.3rem; height:1.7rem; line-height:1.7rem;}
.spconts_mun2 li a {font-size:0.58rem; padding-left:0.7rem;}
.spconts_mun2 li:hover a, .spconts_mun2 li.hov a{ padding-left:0.8rem; font-size:0.58rem;}
.spconts_mun2 li{background-position: 13rem center}
.spconts_mun2 li:hover, .spconts_mun2 li.hov{ background-position: 12rem center}

.bottom2 dd ol li a{ font-size:0.58rem}
.bottom2 dd ul li a{ font-size:0.58rem}
.bottom_bg{ height:auto}
.bottom2{ width:100%; padding-bottom:1rem;}
.bottom2 dl{ width:100%;}
.bottom2 dd ol li,.bottom2 dd ul li{ width:95%; line-height:1.2rem; height:auto}
.bottom2 dl#last{ float:left; width:94%}
.zuixin1{width:95%;}
.zuixin ul li{width:92%; overflow:hidden; padding-left:5%}
.zuixin ul{ padding-bottom:30px; padding-top:10px}
/*服务项目*/
.service li{ width:100%;}
.service li .ishow{ display:none}
.service li .tshow .p_3{ padding-top:20px;}
.service li .tshow{ width:100%}

.service li .tshow .p_1{ padding-top:5rem;}
.service li .tshow .p_2{ font-size:1.5rem;}

.liuc{ height:25rem; padding-bottom:0}
.liucimg{ display:none}
.liuclist{ height:24rem;}
.liuclist li{ height:6rem;}
.liuclist li .kuangs .kimg{ display:none}
.liuclist li:nth-child(2n+1) .kuangs{ margin-top:-2.7rem;}
.liuclist li .kuangs{ height:6rem;}
.liuclist li .kuangs .ktxt span{ margin-top:30px;}
.liuclist li:nth-child(2n+1) .kuangs .ktxt span{ margin-top:30px;}

.customer{ height:41rem;}
.customers li{ width:40%; background-size:100%; margin-left:6%; height:166px; margin-right:0}
.customers li:nth-child(1){ margin-left:6%;}
.customers li img{ width:73%; margin-top:2rem;}
.customers li:nth-child(8){margin-left:6%;}
.customers li:nth-child(9) img{ width:64%}
.customers li:nth-child(10) img{ width:64%}
/*服务项目*
/*网站建设*/
.webs li{ width:48%;  margin-bottom:0.6rem; margin-top:0; padding-bottom:1rem;}
.webs li:nth-child(2n){ margin-left:4%}
.webs li span{ margin-left:2rem; width:3rem; height:3rem;}
.webs li h2{  width:100%; margin-top:0; font-size:0.66rem; text-align:center}
.webs li p{ display:none}
/*网站建设*/
/*关于我们*/
.aboutl{ width:90%; margin-left:5%}
.aboutl h2 { font-size: 0.85rem; padding-top:0.5rem;}
.aboutr { display:none}
.abosevs ul{ padding-top:0.9rem;}
.abosevs ul li{ width:100%; padding-bottom:0.8rem;}
.abosevs ul li h3{ font-size:2rem}
.abosevs ul li p{ font-size:0.6rem;}
.abofws{ width:100%}
.abofws ul li{ width:50%; padding-bottom:1rem;}
.abofws ul{ padding-bottom:1rem;}
.abofws.up ul{ padding-top:0rem;}
.abofws.up ul li{ width:48%;}
.team li{ width:100%; height:auto;}
.team li:nth-child(2n+1){ margin-left:0}
.team li h5 {font-size:0.7rem;}
.team li h5 span{font-size:0.9rem; display:block}
.abofws ul li p{ font-size:0.66rem;}
.abofws.up ul li p{ font-size:0.66rem;}
.abofws.up ul li{ width:46%; margin-left:3%; margin-bottom:0.6rem; padding-bottom:1rem;}
.abofws.up ul li:nth-child(1){ margin-left:3%}
.abofws ul li .fwsimg{ background-size:60%; width:70%}
/*关于我们*/
/*联系我们*/
.contacts{ width:90%; height:53rem; padding-top:1rem; margin-left:5%}
.con_left{ width:100%; height:30rem;}
.con_l_p li{ width:100%}
.con_right{ width:100%;  height:20rem;}
/*联系我们*/
/*服务优势start*/
.fuwus{  height:auto; background-size:cover}
.fuwu{height:auto;}
.fuwulist{ width:100%;padding-top:0.2rem; padding-bottom:1rem}
.fuwulist li{width:14rem; float:left; margin:1rem}
.fuwulist li img{ width:6rem; height:6rem; margin-left:auto; margin-right:auto}
.fuwulist li h2{ font-size:18px;margin-top:20px;}
.fuwulist li p{ font-size:15px; line-height:24px;margin-top:20px;}
.fuwumore{  padding-top:1rem; padding-bottom:2rem}
.fuwumore a{  padding:13px 22px; font-size:14px;}

/*服务优势end*/

.mw147 {width: 14.7rem;margin: 0 auto;}
.wd1200{ width:90%;}
.erjibanner{height:8.11rem; background-size:cover; margin-top:2rem;}
.ab_titles{ width:13.8rem; height:7rem;}
.ab_title1{ width:13.8rem;height:2rem; padding-top:2rem; font-size:1.024rem;}
.ab_title2{ width:13.8rem;height:5rem;font-size:0.52rem; line-height:0.9rem;}

.daohangs{ height:2.3rem;}
.daohang{ height:2.3rem; width:94%;}
.daohang1{ height:2.3rem; float:left; line-height:2.3rem; padding-left:20px;font-size:0.512rem; margin-left:0px;}
.daohang1 a{font-size:0.512rem;}
.daohang1 a:hover,.daohang1 a.select{}

.mclass {padding-top: 0.5rem; padding-bottom: 0.5rem;text-align: right; height: 0.8rem;margin-top: 3.4rem; position: relative;}
.mclass select{height:0.8rem;-webkit-appearance:none;appearance:none;border:none;font-size:0.6rem;padding:0px 0.1rem;-webkit-box-sizing:border-box;box-sizing:border-box;
background-color:transparent;color:#333333;border-radius:4px; display:block; float:left; width:10rem;}

.mclass .jt {display: inline-block; float:left;height:0.81rem;width: 0.917rem; background-image:url("../images/mjt2.png");
 background-size: 80%; background-repeat:no-repeat; background-position: center center;}


.prolist li{ width:43%; height:7rem;font-size:0.6rem;margin-bottom:1rem; margin-left:5%;}
.prolist li:nth-child(3n+1){ margin-left:5%}
.prolist li p{width:100%; height:5rem;}
.prolist li img{ width:100%; height:5rem;}




.baiketitle{ height:3rem; width:90%; margin-left:5%; padding-bottom:0.5rem; line-height:1.1rem}
.baiketitle h1{ padding-top:1rem; height:2rem; font-size:0.8rem; }

.baikecontent{ width:90%; padding-top:0.75rem; font-size:0.512rem; padding-bottom:1.5rem; line-height:1rem;}
.baikecontent img{ max-width:97%; height:auto}


.updown{ width:90%; height:80px; margin-bottom:1.8rem; background-color:inherit; border-top:#f8f8f8 1px solid}
.updown1{ margin-left:0; margin-top:30px; height:20px; width:100%;background:none; padding-left:10px;}
.updown1 a{ border:none; margin-left:0; padding-left:10px; font-size:0.512rem;}

.updown2{ display:none}
.updown3{ float:left; margin-right:0; margin-top:30px; height:20px; width:100%;background:none; text-align:left; padding-left:10px;}
.updown3 a{ border-right:none; margin-right:0; padding-right:0; color:#333333; font-size:14px; padding-left:10px;}



.caselist{ width:100%; padding-top:1rem;}
.caselist li{ width:92%; height:auto;padding-bottom:0.7rem; margin-bottom:1rem; margin-left:4%; margin-right:1%}
.caselist li:nth-child(3n+1){ margin-left:4%;}
.caselist li .cimgs,.caselist li .cimgs img{width:100%; height:9rem;}
.caselist li .casecont{ width:100%; height:auto; position:relative}
.caselist a.more1{ display:none}
a.casetitle{ padding-left:0.5rem; padding-top:0.5rem; font-size:0.6rem; padding-right:0.3rem; height:1.2rem; overflow:hidden}
.caselist li .casecont p{padding-left:0.4rem;padding-right:0.4rem; line-height:0.7rem; font-size:0.55rem; margin-top:0; height:auto}

.caselist li:hover a{ color:#177ac0;}
.caselist.c2 li{ height:auto}


/*technology*/
.erlist{ width:100%; height:2rem; padding-top:1rem; padding-bottom:1rem;}
.erlist li{ width:30%; height:2rem; border:#fff 1px solid; float:right; padding:0; line-height:2rem; text-align:center; background-color:#f5f5f5; margin-left:0; margin-right:2%; border-radius:5px;}
.erlist li a{ font-size:0.6rem; text-align:center}
.erlist li.hovs{ background-color:#ce0a32}
.erlist li.hovs a{ color:#fff; text-decoration:none}



/*job*/
.jobs{padding-bottom:60px; padding-top:30px;}
.job{ width:90%; min-height:500px;}


.job2{ width:100%; height:70px; line-height:70px; font-size:0.6rem; display:none}
.job21{ padding-left:0.1rem; width:10rem;}
.job22{  width:3rem;}
.job22.ck{ float:right}
.job3{ width:100%; height:70px; line-height:70px;font-size:0.6rem;}
.job3.cur{ background-color:#ce0a32;border-bottom:#fff 1px solid;color:#fff;}

a.jia,a.jian{ display:block; cursor:pointer; width:135px; height:37px; float:right; background-color:#1a5e9f; color:#fff;
text-align:center; line-height:37px; margin-top:15px;}
.ph.cur span{background-image:url("../images/jian2.png");}
.ph span{ width:25px; height:25px; display:block; background-image:url("../images/jia3.png"); background-size:100%; background-repeat:no-repeat;
float:left; margin-top:22px; margin-right:17px; margin-left:17px;}


.jlists{ width:100%;  }
.jconts{ width:90%; padding:5% 5% ; padding-bottom:0; }
.jcontss{ line-height:34px; font-size:14px;}
.jobtd{ width:100%; height:40px; padding-top:40px;padding-bottom:40px;}

/*job*/
}

.kefu {
	background-color: #4F5B86;
	border: 2px solid #fff;
	position: fixed;
	width: 80px;
	top: 238px;
	right: 15px;
	text-align: center;
	display: block;
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);
	box-shadow: 0 6px 12px rgba(0,0,0,0.1);
	border-radius: 0 0 8px 8px;
	font-size: 12px;
	z-index: 99999
}
 @media(max-width:768px) {
.kefu {
	top: 108px
}
}
.kefu ul {
	margin: 0;
	padding-top: 45px
}
.kefu ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	border-top: 1px solid #4F5B86;
	overflow: hidden;
	height: auto;
	width: 100%;
	padding-top: 43px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 0
}
.kefu ul li a:hover {
	background-color: #3d53a1
}
.kefu a.kefu-lx {
	background-image: url("../img/kefu.png.html");
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	top: -40px;
	text-indent: -9999px;
	height: 80px;
	width: 80px;
	z-index: 999999;
	left: -2px;
	border-width: 0;
	overflow: hidden
}
.kefu a.kefu-lx:hover {
	background-color: rgba(255,255,255,0)
}
.kefu ul li a.kf {
	display: block;
	padding: 10px 0
}
.kefu:hover ul li a.kf {
	display: none
}
.kefu ul li a.kefu-yy {
	background-image: url("../img/kefu-tb.png.html");
	background-repeat: no-repeat;
	background-position: center -9px
}
.kefu ul li a.kefu-zx {
	background-image: url("../img/kefu-tb.png.html");
	background-repeat: no-repeat;
	background-position: center -79px
}
.kefu ul li a.kefu-di {
	background-image: url("../img/kefu-tb.png.html");
	background-repeat: no-repeat;
	background-position: center -227px;
	padding: 30px 0 10px 0;
	border-radius: 0 0 8px 8px
}
.kefu ul li a.kefu-top {
	background-image: url("../img/kefu-tb.png.html");
	background-repeat: no-repeat;
	background-position: center -154px;
	padding: 30px 0 10px 0
}
.kefu ul li a.kefu-yy, .kefu ul li a.kefu-zx, .kefu ul li a.kefu-di, .kefu ul li a.kefu-top {
	display: none
}
.kefu:hover ul li a.kefu-yy, .kefu:hover ul li a.kefu-zx, .kefu:hover ul li a.kefu-di, .kefu:hover ul li a.kefu-top {
	display: block
}
.bdshare-button-style2-16 .bds_more {
	float: none!important
}
.bdshare-button-style2-16 a, .bdshare-button-style2-16 .bds_more {
	float: none!important;
	padding-left: 0!important;
	line-height: 0!important;
	height: 18px!important;
	width: 18px!important;
	background-image: none!important;
	_background-image: none!important;
	margin: 0!important;
	text-indent: -9999;
	overflow: hidden
}