@charset "utf-8";  
/*banner*/
.banner .item{ position:relative;background-size:cover;height:750px;  background-position:center; background-repeat:no-repeat;}
.banner .item .img{ max-width:1200px; margin:0 auto;height:750px;  position:relative}
.banner .slick-dots{ position:absolute; z-index:1;right:0;left:0;bottom:20px; text-align:center}
.banner .slick-dots li{ display:inline-block; vertical-align:middle; margin:0 5px;}
.banner .slick-dots li button{font-size: 0;line-height: 0;display: block; width:12px; height:12px;  background-color:#ccc; border-radius:50%; cursor:pointer; border:none}
.banner .slick-dots li.slick-active button{ background-color:#ef3333} 
.banner .png img{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner .slick-active .png img{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.banner .png{ position:absolute; z-index:1; left:0; right:0; text-align:center;top:15%; opacity:0;} 
.banner .slick-active .png{ opacity:1}
.banner .png img{ display:inline-block; width:auto; max-width:90%}
.banner .imgs img{ position:absolute; z-index:2;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner .b201{top: 270px;display: block;left:130px;}
.banner .b202{top:49px; display: block; left: 232px; }
.banner .b203{display: block; left: 300px; top: 47px;animation: shake2 10s linear infinite; opacity:0;transition: all 2s}
.banner .b204{display: block; left: 332px; top: 80px;animation: shake2 10s linear infinite; opacity:0;transition: all 2s}
.banner .b205{top: 100px; display: block; left: 640px;}
.banner .b206{top: 180px; display: block; left: 640px;}
.banner .b207{top: 350px; display: block; left: 640px;}
.banner .b208{top:-40px; display: block; left: 100px;}
.banner .b209{top: -160px; display: block; left: 640px;}
.banner .b210{top: 140px; display: block; left: 4s00px;}
.banner .b301{left: 0px; display: block; top: 140px;}
.banner .b302{top: 220px; display: block; left: 0px;}
.banner .b303{top: 260px; display: block; left: 0px;}
.banner .b304{left: 620px; display: block; top: 30px;}
.banner .b305{display: block; left: 840px; top: 180px;}
.banner .b401{top: 90px; display: block; left: 100px;}
.banner .b402{top: 20px; display: block; left: 690px;}
.banner .b403{top:60px; display: block; left: 430px;}
.banner .b404{top: 150px; display: block; left: 430px;}
.banner .b405{top: 220px; display: block; left: 360px;}
.banner .b406{top:260px; display: block; left: 430px;}
.banner .b407{top:320px; display: block; left: 400px;}

.banner .slick-active .b201{ animation-name:fadeInUp;animation-delay:1s;}
.banner .slick-active .b202{ animation-name:fadeInUp;animation-delay:1.2s;}	
.banner .slick-active .b203{ opacity:1;animation-delay:2s;}	
.banner .slick-active .b204{ opacity:1;animation-delay:2s;}	
.banner .slick-active .b205{ animation-name:fadeInUp;animation-delay:1.5s;}
.banner .slick-active .b206{ animation-name:fadeInUp;animation-delay:1.7s;}	
.banner .slick-active .b207{ animation-name:fadeInUp;animation-delay:1.9s;}

.banner .slick-active .b301{ animation-name:fadeInLeft;animation-delay:1s;}
.banner .slick-active .b302{ animation-name:fadeInUp;animation-delay:1.2s;}
.banner .slick-active .b303{ animation-name:fadeInUp;animation-delay:1.3s;}	
.banner .slick-active .b304{ animation-name:fadeInRightBig;animation-delay:1.3s;}
.banner .slick-active .b305{ animation-name:fadeIn;animation-delay:2.5s;}

.banner .slick-active .b401{animation-name:fadeInUp;animation-delay:1s;}	
.banner .slick-active .b402{animation-name:fadeIn;animation-delay:1s;}	
.banner .slick-active .b403{animation-name:fadeInUp;animation-delay:1.2s;}	
.banner .slick-active .b404{animation-name:fadeInUp;animation-delay:1.3s;}	
.banner .slick-active .b405{animation-name:fadeInUp;animation-delay:1.4s;}	
.banner .slick-active .b406{animation-name:fadeInUp;animation-delay:1.6s;}	
.banner .slick-active .b407{animation-name:fadeInUp;animation-delay:1.9s;}	

.mbanner{ display:none !important}														
/*首页*/
.indexnum{ text-align:center; padding:48px 0} 
.indexnum li{ float:left; width:25%;vertical-align:top}
.indexnum li .num{ color:#e14388; font-size:24px; font-weight:bold;}
.indexnum li .num i{ font-size:72px; font-family:Impact; margin-right:10px}
.indexnum li span{ display:inline-block; text-align:left; line-height:1.1}
.indexnum li h3{ font-weight:normal; font-size:16px}

.plo{ text-align:center; line-height:normal; margin-bottom:30px;}
.plo h3{ font-size:30px; color:#000; margin-bottom:5px}
.plo h3 a{ font-size:30px; color:#000; margin-bottom:5px}
.plo .p{ font-size:16px;}
.plo .p a{ color:#333; text-decoration:none; font-size:16px;}
.plo .p a:hover{ color:#e14388; text-decoration:none}
.indexservice{ background-color:#f5f6f7; padding:45px 0}
.indexservice .bd{ margin-left:-1%; margin-right:-1%}
.indexservice .item{ padding-top:45px; float:left; width:23%; margin:0 1%; text-align:center; background-color:#fff; min-height:436px;}
.indexservice .item .ico{ height:95px; margin-bottom:30px}
.indexservice .item .ico img{ height:100%; display:inline-block}
.indexservice .item .title{ margin-bottom:20px;}
.indexservice .item h3{ font-size:24px; font-weight:normal}
.indexservice .item .en{ font-size:14px; color:#999}
.indexservice .item ul{ display:inline-block; overflow:hidden; text-align:left}
.indexservice .item ul li{ margin-bottom:5px;}
.indexservice .item ul.w2 { width:60%}
.indexservice .item ul.w2 li{ float:left; width:50%}

.indexcase{ padding:60px 0; }
.indexcase .bd li{ float:left; width:31.33%; margin:0 1%; margin-bottom:30px}
.indexcase .bd ul{ margin-left:-1%; margin-right:-1%}
.indexcase .bd .img{ position:relative; overflow:hidden; margin-bottom:10px}
.indexcase .bd img{ width:100%}
.indexcase .bd .pngtxt{transition: all 0.5s; color:#faeaea; position:absolute; z-index:2; left:0; right:0; height:100%; bottom:-100%; background:rgba(197,1,4,.8); color:#fff; padding:5%}
.indexcase .bd a:hover .pngtxt{ bottom:0;}
.indexcase .bd .pngtxt .p1,.indexcase .bd .pngtxt .p2,.indexcase .bd .pngtxt .p3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indexcase .bd .pngtxt .p4{ margin-top:10px; color:#fbaaac; height:75px; overflow:hidden; margin-bottom:5px}
.indexcase .bd .pngtxt .morea .a{ display:inline-block; height:8px; width:60px; background:url(../images/ico-morea.png) no-repeat right; background-size:auto 100%}
.indexcase .bd .txt{ overflow:hidden; line-height:36px;}
.indexcase .bd h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float:left; font-size:20px; font-weight:bold; width:40%}
.indexcase .bd .tags{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float:right; width:60%; text-align:right; }
.indexcase .bd .tags:before{ content:""; display:inline-block; width:18px; height:20px;background:url(../images/ico-tag.png) no-repeat center left; background-size:18px; vertical-align:middle;}
.indexcase .bd .tags em{ margin-left:5px; color:#666}
.indexcase .more{ text-align:center}
.indexcase .more a{ display:inline-block; width:135px; height:35px; line-height:35px; border:1px solid #999; position:relative}
.indexcase .more a:hover{ border:1px solid #e14388}
.indexcase .more a:before{ transition: all 0.3s;content:""; display:block; position:absolute; z-index:1; left:-30px; height:1px;top:50%; right:75%; background-color:#999}
.indexcase .more a:after{transition: all 0.3s; content:""; display:block; position:absolute; z-index:1; right:-30px; height:1px;top:50%; left:75%; background-color:#999}
.indexcase .more a:hover:after{background-color:#e14388;  left:0;}
.indexcase .more a:hover:before{ background-color:#e14388; right:0}

.indexyw{ position:relative; padding-top:40px; padding-bottom:70px; background-color:#333}
.indexyw .plo{ margin-bottom:50px}
.indexyw .plo h3{ color:#fff; }
.indexyw .weap{ position:relative; z-index:2}
.indexyw .bg span{ display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background-repeat:no-repeat; background-size:cover; background-position:center}
.indexyw .hd{ float:left; width:160px;}
.indexyw .hd li{ margin-bottom:1px;}
.indexyw .hd li.on a{ background:#e14388}
.indexyw .hd li a{ display:block; height:100px; background:rgba(255,255,255,.5); padding-top:15px; padding-left:15px; color:#fff}
.indexyw .hd li i{width: 17px;height: 17px;background: url(../images/ico-01.png) no-repeat;display: block;transition: all 0.2s;}
.indexyw .hd li h2{ font-size:18px; font-weight:normal}
.indexyw .hd li p{ font-size:12px}
.indexyw .bd{ padding-left:220px;}
.indexyw .bd img{ width:100%}

.indexplan{ background-color:#f6f6f6; padding:45px 0}
.indexplan .plo{ margin-bottom:45px;} 
.indexplan ul{ margin-left:-1%; margin-right:-1%}
.indexplan li{ float:left; width:18%; margin:0 1%; text-align:center; margin-bottom:20px;}
.indexplan li .ico{ margin-bottom:40px; height:64px;}
.indexplan li a:hover .ico{-webkit-animation: toRightFromLeft 0.5s forwards;
	-moz-animation: toRightFromLeft 0.5s forwards;
	animation: toRightFromLeft 0.5s forwards;}
.indexplan li .ico img{ height:100%}
.indexplan li h3{ font-size:18px; font-weight:normal}
.indexplan li a:hover h3{-webkit-animation: toLeftFromRight 0.5s forwards;
	-moz-animation: toLeftFromRight 0.5s forwards;
	animation: toLeftFromRight 0.5s forwards;}
.indexplan li a{ display:block; background-color:#516ff5; color:#fff; padding:43px 0; overflow:hidden}
.indexplan li:nth-child(2) a{ background-color:#2fdb25}
.indexplan li:nth-child(3) a{ background-color:#f9ad01}
.indexplan li:nth-child(4) a{ background-color:#4972f1}
.indexplan li:nth-child(5) a{ background-color:#a2a2ba}
.indexplan li:nth-child(6) a{ background-color:#f54748}
.indexplan li:nth-child(7) a{ background-color:#e97a29}
.indexplan li:nth-child(8) a{ background-color:#f39801}
.indexplan li:nth-child(9) a{ background-color:#93cc41}
.indexplan li:nth-child(10) a{ background-color:#249cfd}

.indexadvantage{ position:relative;}
.indexadvantage .hd{ position:absolute; z-index:1; text-align:center; left:0; right:0;top:0; border-bottom:1px solid rgba(255,255,255,.7); height:90px;}
.indexadvantage .hd li{ display:inline-block; vertical-align:middle; cursor:pointer; padding-top:10px; position:relative; height:90px}
.indexadvantage .hd li:after{ content:""; display:block; width:10px; height:10px; border:2px solid #fff; border-radius:50%; position:absolute; z-index:1; left:50%; margin-left:-5px; bottom:-5px; background-color:#b34285}
.indexadvantage .hd li.on:after{ background-color:#fff}
.indexadvantage .hd li span{ display:block; width:70px; height:70px; line-height:70px; color:rgba(255,255,255,.7); font-size:16px; font-weight:bold;}
.indexadvantage .hd li.on span{ background:url(../images/ico-02.png) no-repeat center; background-size:100%}
.indexadvantage .bd li{ background-repeat:no-repeat; background-size:cover; background-position:center top; padding-top:65px; text-align:center}
.indexadvantage .bd li img{ max-width:100%}

.indexclient{ padding:50px 0} 
.indexclient .bd{margin-left:-1%; margin-right:-1%}
.indexclient .bd ul{float:left; width:14.66%;margin:0 1%; }
.indexclient .bd li{   margin-bottom:20px;}
.indexclient .bd a{ display:block; overflow:hidden; border:1px solid #e3e3e3}
.indexclient .bd img{ width:100%;transition: all 0.3s;}
.indexclient .bd a:hover img{transform:scale(1.23);}

.indexown{ background-color:#f6f6f6; padding:45px 0}
.indexown .plo{ margin-bottom:45px;} 
.indexown .bd ul{ margin-left:-1%; margin-right:-1%}
.indexown .bd li{ float:left; width:31.33%; text-align:center; margin:0 1%}
.indexown .bd li a{ display:block; padding-bottom:30px;border-bottom: 4px solid #f6f6f6;}
.indexown .bd li a:hover{ border-bottom:4px solid #e14388;transition:all 0.5s;}
.indexown .bd li .img{ overflow:hidden; border:1px solid #e3e3e3; margin-bottom:10px}
.indexown .bd li .img img{ display:block; width:100%;transition: all 0.3s;}
.indexown .bd li a:hover .img img{transform:scale(1.23);}
.indexown .bd li h3{ font-size:16px; font-weight:normal; margin-bottom:10px;}
.indexown .bd li .ms{ font-size:12px; color:#999;}

.indexnews{ padding:50px 0}
.indexnews .hd{ text-align:center; margin-bottom:40px}
.indexnews .hd li{ display:inline-block; position:relative; height:32px; line-height:32px; font-size:16px; border:1px solid #e3e3e3; border-radius:32px; padding:0 20px; margin:0 2%; cursor:pointer}
.indexnews .hd li.on{ background-color:#e14388; color:#fff; border:1px solid #e14388}
.indexnews .hd li:after{ content:"/"; color:#e3e3e3; display:block; position:absolute; z-index:1; right:-30px;top:50%; margin-top:-16px;}
.indexnews .hd li:last-child:after{ display:none;}
.indexnews .imgnews{ margin-left:-1%; margin-right:-1%; margin-bottom:25px}
.indexnews .imgnews dl{ float:left; width:31.33%; margin:0 1%; overflow:hidden}
.indexnews .imgnews dt{ float:left; width:29%; overflow:hidden}
.indexnews .imgnews dt img{ width:100%}
.indexnews .imgnews dd{ float:right; width:68%}
.indexnews .imgnews dd h3{ font-weight:normal; position:relative;top:-2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indexnews .imgnews dd .time{ font-size:12px; color:#999}
.indexnews .imgnews dd .ms{ font-size:12px; color:#999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indexnews .bd {margin-left:-1%; margin-right:-1%;}
.indexnews .bd  li{ float:left;width:31.33%; margin:0 1%; position:relative; line-height:36px; background:url(../images/li.png) no-repeat center left; background-size:13px; padding-left:20px}
.indexnews .bd  li a{ display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#777; padding-right:80px;}
.indexnews .bd  li a:hover{ color:#e14388}
.indexnews .bd  li span{ display:block; position:absolute; z-index:1; right:0;top:0; color:#999; font-size:12px}

.indexform{ padding:45px 0; border-top:1px solid #e3e3e3; background-color:#fff}
.indexform .plo h3{ color:#e14388}
.indexform .plo h3 a{ color:#e14388; font-size:30px;}
.indexform .plo h3 a:hover{ color:#e14388;}
.indexform .bd li{ float:left; width:20%; padding-right:10px;}
.indexform .bd li:last-child{ padding-right:0; width:10%}
.indexform .bd li input{ height:46px; width:100%; padding:0 10px; border:1px solid #e3e3e3}
.indexform .bd li .m-what{ height:46px; width:100%; padding:0 10px; border:1px solid #e3e3e3;    resize: none; line-height:44px}
.indexform .bd li:nth-child(2){ width:30%}
.indexform .bd li:nth-child(3){ width:40%}
.indexform .bd .m-sumbtn{ width:100%;display: block;  background: #e14388;border: none;outline: none;color: #fff;font: 14px/40px "微软雅黑";cursor: pointer;height: 46px;line-height: 46px;}
.indexzx a{ display:block;  text-align:center; background:url(../images/zxbg.jpg) repeat-x; background-size:auto 100%}
.indexzx img{ max-width:100%}	
/*案例*/
.nbanner .item .img{ height:400px;  position:relative}
.nbanner .item .img a{ display:block;height:100%;background-size:cover; background-position:center; background-repeat:no-repeat;}
.nbanner .slick-dots{ position:absolute; z-index:1;right:0;left:0;bottom:20px; text-align:center}
.nbanner .slick-dots li{ display:inline-block; vertical-align:middle; margin:0 5px;}
.nbanner .slick-dots li button{font-size: 0;line-height: 0;display: block; width:12px; height:12px;  background-color:#ccc; border-radius:50%; cursor:pointer; border:none}
.nbanner .slick-dots li.slick-active button{ background-color:#ef3333}
.nbanner .slick-arrow{width: 54px; display:none !important; height: 35px; background: url(../images/arrow.png) no-repeat; z-index:99; cursor:pointer; position: absolute;top:50%; margin-top:-17px; border:none; overflow:hidden; text-indent:-999px}
.nbanner:hover .slick-arrow{ display:block !important}	
.nbanner .slick-prev{background-position: -7px 0; left:30px;}
.nbanner .slick-prev:hover{background-position:-79px 0;}
.nbanner .slick-next{ right:30px;    background-position: -79px -35px;}
.nbanner .slick-next:hover{background-position:-7px -35px;}

.lanmunav{ text-align:center; border-bottom:1px solid #e3e3e3}
.lanmunav li{ display:inline-block; margin:0 1px}
.lanmunav li a{ display:block; padding:16px 20px;border-bottom:3px solid #fff}
.lanmunav li.on a,.lanmunav li a:hover{ border-bottom:3px solid #e14388}

.caselist{ background-color:#f6f6f6; padding:30px 0}
.caselist .bd li{ float:left; width:31.33%; margin:0 1%; margin-bottom:20px;}
.caselist .bd li .img{ overflow:hidden}
.caselist .bd li .img img{ width:100%;transition: all 0.3s;}
.caselist .bd li .img img:hover{transform: scale(1.23);}
.caselist .bd li .txt{ padding:20px 10px; background-color:#fff}
.caselist .bd li .txt .line{ width:46px; height:2px; background:#e14388; margin-bottom:5px;}
.caselist .bd li .txt h3 a{ font-size:16px; font-weight:normal; display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.caselist .bd li .txt .p{ font-size:12px; color:#999}
.caselist .bd li .txt .p a{font-size:12px;color:#777}

.loadmore{ text-align:center; margin-bottom:20px;}
.loadmore .button{padding: 14px 74px; border-radius: 5px; background: #e14388; color: #fff; font-size: 16px; border: 0; margin-top: 25px; cursor: pointer;}
/*案例详情*/
.casepage .imgbox{ margin-bottom:20px;}
.casepage .imgbox img{ display:block; width:100%}
.casepage .case_intro{ max-width:1180px;margin:0 auto; padding-bottom:20px; border-bottom:1px solid #e3e3e3}
.casepage .case_intro li{ width:29%; float:left; margin-right:1%}
.casepage .case_intro li .ms,.casepage .case_intro li .ms a{ font-size:12px;}
.casepage .conn{ overflow:hidden; max-width:1180px; margin:0 auto; padding-bottom:20px}
.casepage .conn img{ width:100%}
/*新闻*/
.newslist .bd li{ border-bottom:1px solid #e3e3e3}
.newslist .bd li a{ display:block; overflow:hidden; padding:40px 0}
.newslist .bd li .img{ float:left; width:250px; overflow:hidden}
.newslist .bd li .img img{ width:100%;transition: all 0.5s;}
.newslist .bd li a:hover img{transform: scale(1.1);}
.newslist .bd li .txt{ padding-left:270px;}
.newslist .bd li .txt h3{ font-size:20px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:10px}
.newslist .bd li .txt .ms{ color:#999}
/*新闻详情*/
.path{ margin-bottom:10px}
.newspage{ padding:20px 0; background:#f6f6f6}
.detail-con{ padding:40px; background-color:#fff; border:1px solid #e3e3e3}
.detail-tl{ text-align:center; padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #e3e3e3}
.detail-tl .title{ font-size:32px; font-weight:normal; text-align:center; margin-bottom:20px; line-height:1.3}
.detail-tl .time{ color:#999}
.detail-box{ margin-bottom:40px; overflow:hidden}
.detail-box img{ width:auto; max-width:100%; height:auto !important}
.detail-bottom{ padding-top:20px; border-top:1px solid #e3e3e3}
.detail-bottom li{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*网站建设*/
.web01{ height:780px; background:url(../images/web01bg.jpg) no-repeat center; background-size:auto 100%; position:relative; color:#fff}
.web01 .title{ position:absolute; z-index:1; text-align:center;top:210px; width:590px; left:50%; margin-left:-295px;}
.web01 .title h3{ font-size:45px; font-weight:normal;}
.web01 .title .en{letter-spacing: 11px;}
.web01 .title .ms{ font-size:15px; font-weight:bold; padding-top:30px}
.web01 ul{ width:1060px; margin:0 auto; position:relative; left:-10px}
.web01 ul li{ position:absolute; z-index:2; width:200px; font-size:16px; }
.web01 ul li .ms{padding:0 10px}
.web01 ul li:nth-child(odd){ text-align:right}
.web01 ul li:nth-child(1){top:45px; left:116px;}
.web01 ul li:nth-child(2){top:35px; right:80px; width:253px;}
.web01 ul li:nth-child(3){top:230px; left:0; }
.web01 ul li:nth-child(4){top:220px; right:0; width:235px }
.web01 ul li:nth-child(5){top:570px; left:100px; width:220px }
.web01 ul li:nth-child(6){top:570px; right:70px; width:270px }
.web01 ul li:nth-child(6) .ms{ padding:0;}
.web01 ul li:nth-child(7){ text-align:center;top:650px; left:426px; width:190px}
.web01 .mimg{ display:none; text-align:center}
.web01 .mimg img{ max-width:100%}

.web02{ background-color:#f6f6f6; padding-top:70px; padding-bottom:80px;}
.web02 .hd h3{ font-size:42px; text-align:center; font-weight:normal; line-height:102px; background:url(../images/web0201.jpg) no-repeat center; background-size:auto 100%; margin-bottom:48px;}
.web02 .hd h3 span{    color: #f42f2f;}
.web02 .bd li{ float:left; width:25%; background-color:#fff; padding:20px; border:1px solid #e3e3e3; height:430px; margin-left:-1px; margin-right:-1px}
.web02 .bd li .ico{ text-align:center; margin-bottom:25px}
.web02 .bd li .ico img{ max-width:100%}
.web02 .bd li h3{ height:42px; line-height:42px; text-align:center; color:#fff; font-size:24px; border-radius:42px; font-weight:normal; margin-bottom:20px}
.web02 .bd li:nth-child(1) h3{ background: linear-gradient(to right, #3175e7 0%,#7627e7 100%); /* 标准的语法 */}
.web02 .bd li:nth-child(2) h3{ background: linear-gradient(to right, #df0462 0%,#f97059 100%); /* 标准的语法 */}
.web02 .bd li:nth-child(3) h3{ background: linear-gradient(to right, #0082b3 0%,#1ababd 100%); /* 标准的语法 */}
.web02 .bd li:nth-child(4) h3{ background: linear-gradient(to right, #a11082 0%,#de0363 100%); /* 标准的语法 */}
.web02 .bd li .ms{ font-size:15px; color:#777}

.web00 .weap{height:720px; display:table; width:1200px;}
.web00 .weap .img{ display: block; width:58.3%; overflow:hidden; float:left;}
.web00 .weap .img img{ width:100%}
.web00 .weap .td{ display:table-cell; vertical-align:middle}
.web03{ background-color:#7a9cff}
.web00 .weap .txt{  color:#fff; width:41%; font-size:18px; float:right; position:relative;top:70px}
.web00 .weap .txt .title{ font-size:48px; position:relative; line-height:1.2; padding:20px 0; padding-left:30px; margin-bottom:28px;}
.web00 .weap .txt .title:after{  content:""; display:block; position:absolute; z-index:1; width:95px; left:0;top:0; bottom:0; border:3px solid #fff}
.web00 .weap .txt .title .tbg{ background-color:#7a9cff; position:relative; z-index:2}
.web00 .weap .txt .ms{ line-height:1.5; margin-bottom:50px}
.web00 .weap .more a{width: 174px;border: 3px solid #fff;color: #fff;height: 54px;font-size: 18px;position: relative;display: block;text-align: center;line-height: 48px;opacity: 0.9;}
.web00 .weap .more a:after{ content:""; display:block; width:36px; height:36px; position:absolute; z-index:1;top:50%; margin-top:-18px; right:-18px; background:#fff url(../images/ico-03.png) no-repeat center; background-size:25px;    transition: all 0.2s;}	
.web00 .weap .more a:hover:after{ right:-36px;}
.web04 .weap .txt{ float:left; color:#333}
.web04 .weap .img{ float:right}
.web04 .weap .txt .title:after{ border:3px solid #eaa603}
.web04 .weap .txt .title .tbg{ background-color:#fff}
.web04 .weap .txt .title strong{ color:#eaa603}
.web04 .weap .more a{ color:#333; border:3px solid #333}
.web04 .weap .more a:after{background: #333 url(../images/ico-04.png) no-repeat center; background-size:25px;}

.web05{ background-color:#ef3e3e}
.web05 .weap .txt .title .tbg{ background-color:#ef3e3e}
.web05 .weap .more a:after{background: #fff url(../images/ico-05.png) no-repeat center; background-size:25px;}

.web06 .weap .txt{ float:left; color:#333}
.web06 .weap .img{ float:right}
.web06 .weap .txt .title:after{ border:3px solid #7068e0}
.web06 .weap .txt .title .tbg{ background-color:#fff}
.web06 .weap .txt .title strong{ color:#7068e0}
.web06 .weap .more a{ color:#333; border:3px solid #333}
.web06 .weap .more a:after{background: #333 url(../images/ico-04.png) no-repeat center; background-size:25px;}

.web07{ background-color:#7068e1}
.web07 .weap .txt .title .tbg{ background-color:#7068e1}
.web07 .weap .more a:after{background: #fff url(../images/ico-06.png) no-repeat center; background-size:25px;}

.web08{ background-color:#f1f1f1}
.web08 .weap .txt{ float:left; color:#333}
.web08 .weap .img{ float:right; width:45%}
.web08 .weap .txt .title:after{ border:3px solid #19c57e}
.web08 .weap .txt .title .tbg{ background-color:#f1f1f1}
.web08 .weap .txt .title strong{ color:#19c57e}
.web08 .weap .more a{ color:#333; border:3px solid #333}
.web08 .weap .more a:after{background: #333 url(../images/ico-04.png) no-repeat center; background-size:25px;}

.case-referral{ padding-top:70px; padding-bottom:40px}
.case-referral .hd{ margin-bottom:20px;}
.case-referral .hd h3{ text-align:center; font-size:42px; font-weight:normal}
.case-referral .bd{ margin-left:-10px; margin-right:-10px;}
.case-referral .bd .item{ padding:0 10px;}
.case-referral .bd .item .img{ overflow:hidden}
.case-referral .bd .item img{ width:100%; display:block;}
.case-referral .bd .txt{ padding:10px;}
.case-referral .bd .item .line{ height:2px; background-color:#dc2330; margin-bottom:10px; width:45px;}
.case-referral .bd .item h3 a{ font-size:16px; font-weight:normal}
.case-referral .bd .item .p,.case-referral .bd .item .p a{ font-size:12px;}

.case-referral .slick-dots{   text-align:center; margin-top:20px;}
.case-referral .slick-dots li{ display:inline-block; vertical-align:middle; margin:0 5px;}
.case-referral .slick-dots li button{font-size: 0;line-height: 0;display: block; width:12px; height:12px;  background-color:#ccc; border-radius:50%; cursor:pointer; border:none}
.case-referral .slick-dots li.slick-active button{ background-color:#ef3333}
.case-referral .slick-arrow{width: 54px; height: 35px; background: url(../images/arrow02.png) no-repeat; z-index:99; cursor:pointer; position: absolute;top:50%; margin-top:-57px; border:none; overflow:hidden; text-indent:-999px} 
.case-referral .slick-prev{background-position: -7px 0; left:-60px;}
.case-referral .slick-prev:hover{background-position:-79px 0;}
.case-referral .slick-next{ right:-60px;    background-position: -79px -35px;}
.case-referral .slick-next:hover{background-position:-7px -35px;}

.webnews{ padding-bottom:50px}
.webnews .hd{ text-align:center; margin-bottom:40px;}
.webnews .hd h3{ display:inline-block;font-size: 16px; padding:0 35px; background-color:#e14388; color:#fff;height: 32px; line-height: 32px; font-weight:normal; border-radius:32px; }
.webnews .imgnews{ margin-left:-1%; margin-right:-1%; margin-bottom:25px}
.webnews .imgnews dl{ float:left; width:31.33%; margin:0 1%; overflow:hidden}
.webnews .imgnews dt{ float:left; width:29%; overflow:hidden}
.webnews .imgnews dt img{ width:100%}
.webnews .imgnews dd{ float:right; width:68%}
.webnews .imgnews dd h3{ font-weight:normal; position:relative;top:-2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.webnews .imgnews dd .time{ font-size:12px; color:#999}
.webnews .imgnews dd .ms{ font-size:12px; color:#999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.webnews .bd {margin-left:-1%; margin-right:-1%;}
.webnews .bd  li{ float:left;width:31.33%; margin:0 1%; position:relative; line-height:36px; background:url(../images/li.png) no-repeat center left; background-size:13px; padding-left:20px}
.webnews .bd  li a{ display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#777; padding-right:80px;}
.webnews .bd  li a:hover{ color:#e14388}
.webnews .bd  li span{ display:block; position:absolute; z-index:1; right:0;top:0; color:#999; font-size:12px}
/*APP开发*/
.app01{ padding-top:70px; height:790px; background:url(../images/app0101.jpg) no-repeat center bottom; background-size:auto 100%; text-align:center; color:#fff}
.app01 .title h3{ font-size:60px; font-weight:normal; margin-bottom:20px}
.app01 .title .ms{ font-size:18px; max-width:924px; margin:0 auto}
.app02{ padding-top:65px; padding-bottom:130px}
.app02 .title{ text-align:center; margin-bottom:130px}
.app02 .title h3{ text-align:center; font-size:36px; font-weight:normal; margin-bottom:20px}
.app02 .title .ms{ height:48px; font-size:24px; display:inline-block; line-height:48px; border-radius:48px;background: linear-gradient(to right, #5e67fc 0%,#45c8fa 100%); padding:0 20px; color:#fff}
.app02 .bd{ max-width:1080px; margin:0 auto; background:url(../images/app0201.png) no-repeat center top; background-size:auto 100%; position:relative; height:339px;}
.app02 .bd li{ position:absolute; z-index:1; width:330px;}
.app02 .bd li .ms{ color:#777; font-size:15px; line-height:1.5}
.app02 .bd li:nth-child(1){ width:410px; margin:0 auto; left:50%; margin-left:-185px;top:-80px}
.app02 .bd li:nth-child(1) h3{ color:#3747e8}
.app02 .bd h3{ font-size:30px; text-align:center; font-weight:normal;}
.app02 .bd li:nth-child(2){ left:0; top:230px;}
.app02 .bd li:nth-child(2) h3{ color:#6f4dfa}
.app02 .bd li:nth-child(3){ right:0;top:230px;}
.app02 .bd li:nth-child(3) h3{ color:#43d1fa}

.app03{ background-color:#7857fd; padding:50px 0; color:#fff; text-align:center}
.app03 .title{ margin-bottom:60px;}
.app03 .title h3{ font-size:36px; font-weight:normal; margin-bottom:10px}
.app03 .title .line{ height:1px; width:220px; margin:0 auto; background-color:#5e4fe1; position:relative}
.app03 .title .line:after{ content:""; display:block; position:absolute; z-index:1; height:1px; background-color:#fff; left:25%; right:25%;}
.app03 .bd{ height:530px; background:url(../images/app0301.png) no-repeat center; background-size:100%; position:relative}
.app03 .bd li{ width:200px; position:absolute; z-index:1;}
.app03 .bd li h3{ font-size:24px; margin-bottom:10px; font-weight:normal;}
.app03 .bd li .ms{ text-align:left;}
.app03 .bd li:nth-child(1){ left:120px;top:330px;}
.app03 .bd li:nth-child(2){ left:320px;top:0px;}
.app03 .bd li:nth-child(3){ left:510px;top:330px;}
.app03 .bd li:nth-child(4){ left:700px;top:0px;}
.app03 .bd li:nth-child(5){ left:880px;top:330px;}

.app04{   padding:50px 0; }
.app04 .title{ margin-bottom:60px; text-align:center}
.app04 .title h3{ font-size:36px; font-weight:normal; margin-bottom:10px}
.app04 .title .line{ height:1px; width:220px; margin:0 auto; background-color:#ddd; position:relative}
.app04 .title .line:after{ content:""; display:block; position:absolute; z-index:1; height:1px; background-color:#333; left:25%; right:25%;}
.app04 .bd{ background:url(../images/app0401.png) no-repeat center; background-size:auto 100%; height:522px;}
.app04 .bd ul{ width:30%;}
.app04 .bd ul li{ margin-bottom:30px;}
.app04 .bd ul.left li{ padding-right:90px; position:relative}
.app04 .bd ul.left li:after{ content:""; display:inline-block; width:80px; height:80px; vertical-align:middle; position:absolute; z-index:1; right:0;top:50%; margin-top:-40px;background: url(../images/ap-ico.png) no-repeat;}
.app04 .bd ul.left li:nth-child(1):after{ background-position:0 0}
.app04 .bd ul.left li:nth-child(2):after{ background-position:0 -80px}
.app04 .bd ul.left li:nth-child(3):after{ background-position:0 -160px}
.app04 .bd ul.left li:nth-child(4):after{ background-position:0 -240px}
.app04 .bd ul h3{ font-size:24px; font-weight:normal;}
.app04 .bd ul .ms{ font-size:18px; color:#777}
.app04 .bd ul.left{ float:left; text-align:right}
.app04 .bd ul.right{ float:right}
.app04 .bd ul.right li{ padding-left:90px; position:relative}
.app04 .bd ul.right li:after{ content:""; display:inline-block; width:80px; height:80px; vertical-align:middle; position:absolute; z-index:1;left:0;top:50%; margin-top:-40px;background: url(../images/ap-ico.png) no-repeat;}
.app04 .bd ul.right li:nth-child(1):after{ background-position:-80px 0}
.app04 .bd ul.right li:nth-child(2):after{ background-position:-80px -80px}
.app04 .bd ul.right li:nth-child(3):after{ background-position:-80px -160px}
.app04 .bd ul.right li:nth-child(4):after{ background-position:-80px -240px}

.app05{ height:780px; padding-top:56px;color:#fff ;background:url(../images/app0501.jpg) no-repeat center; background-size:cover;}
.app05 .title{ margin-bottom:60px; text-align:center; }
.app05 .title h3{ font-size:36px; font-weight:normal; margin-bottom:10px}
.app05 .title .line{ height:1px; width:220px; margin:0 auto; background-color:#5e4fe1; position:relative}
.app05 .title .line:after{ content:""; display:block; position:absolute; z-index:1; height:1px; background-color:#fff; left:25%; right:25%;}
.app05 .mbd{ display:none}
.app05 .bd{ max-width:1180px; height:340px; position:relative; background:url(../images/app0502.png) no-repeat center; background-size:100%}
.app05 .bd li{ text-align:center; position:absolute; z-index:1; font-size:18px;}
.app05 .bd li p{ font-size:14px; line-height:1.5}
.app05 .bd li:nth-child(1){ left:10px;top:175px}
.app05 .bd li:nth-child(2){top: 205px; left: 94px;}
.app05 .bd li:nth-child(3){top: 130px; left: 237px;}
.app05 .bd li:nth-child(4){top: 198px; left: 364px;}
.app05 .bd li:nth-child(5){top: 115px; left: 457px;}
.app05 .bd li:nth-child(6){top: 140px; left: 540px;}
.app05 .bd li:nth-child(7){top: 8px; left: 648px;}
.app05 .bd li:nth-child(8){top: 175px; left: 760px;}
.app05 .bd li:nth-child(9){top: 145px; left: 850px;}
.app05 .bd li:nth-child(10){top: 230px; left: 945px;}
.app05 .bd li:nth-child(11){top: 142px; left: 1090px;}		
/*营销推广*/
.marketing01{ height:720px; background:url(../images/marketing01.jpg) no-repeat center; background-size:auto 100%}	
.marketing01 .weap{ height:100%; position:relative; color:#fff}
.marketing01 .title{ position:absolute; z-index:1; left:0; right:0; font-size:60px; text-align:center; font-weight:normal;top:12%}
.marketing01 .en{letter-spacing: 3px; position:absolute; z-index:1; left:0; right:0; text-align:center;top:31%}
.marketing01 .t01{ position:absolute; z-index:1; left:50%; font-size:30px; margin-left:-220px;top:46.5%; text-align:center}
.marketing01 .t02{ position:absolute; z-index:1; left:50%; font-size:30px; margin-left:200px;top:38.5%; text-align:center; line-height:1}

.marketing02{ padding:30px 0; background-color:#f6f6f6}
.marketing02 .img{ float:left; width:40.1%;}
.marketing02 .img img{ max-width:100%}
.marketing02 .txtbox{ float:right; width:55%;}
.marketing02 .txtbox h3{ font-size:36px; color:#3d4aaa; margin-bottom:20px}
.marketing02 .txtbox li{ overflow:hidden; line-height:52px; margin-bottom:40px;}
.marketing02 .txtbox li .num{ font-size:36px; float:left; overflow:hidden; font-weight:bold; margin-right:20px}
.marketing02 .txtbox li .ms{ overflow:hidden; font-size:24px; color:#fff; border-radius:52px; padding:0 25px; } 
.marketing02 .txtbox li:nth-child(1) .num{ color:#0ac1e9}
.marketing02 .txtbox li:nth-child(1) .ms{ background-color:#0ac1e9}
.marketing02 .txtbox li:nth-child(2) .num{ color:#5499f4}
.marketing02 .txtbox li:nth-child(2) .ms{ background-color:#5499f4}
.marketing02 .txtbox li:nth-child(3) .num{ color:#7579e7}
.marketing02 .txtbox li:nth-child(3) .ms{ background-color:#7579e7}
.marketing02 .txtbox li:nth-child(4) .num{ color:#57449e}
.marketing02 .txtbox li:nth-child(4) .ms{ background-color:#57449e}

.marketing03{ background-color:#f6f6f6; padding:70px 0}
.marketing03 .weap{ max-width:1110px;}
.marketing03 .img{ float:right; width:46.5%; text-align:center}
.marketing03 .img img{ max-width:100%}
.marketing03 .txt{ float:left; width:51%; padding-top:50px}
.marketing03 .iconum{ margin-bottom:10px;}
.marketing03 .iconum img{ height:40px}
.marketing03 h3{ font-size:24px; margin-bottom:20px }
.marketing03 .ms{ font-size:18px}
.marketing03 .st01{ background:url(../images/marketing03bg01.png) no-repeat center bottom; background-size:100%; padding-bottom:220px}
.marketing03 .st02{ background:url(../images/marketing03bg02.png) no-repeat center bottom; background-size:100%; padding-bottom:220px}
.marketing03 .st03{ background:url(../images/marketing03bg01.png) no-repeat center bottom; background-size:100%; padding-bottom:220px}
.marketing03 .st02 .txt{ float:right;} 
.marketing03 .st02 .img{ float:left;}
.marketing03 .st04 .txt{ float:right;} 
.marketing03 .st04 .img{ float:left;} 

.marketing04{ background:#4f82f4; padding:55px 0; color:#fff; font-size:15px;}
.marketing04 .hd h3{ display:inline-block; font-size:36px; font-weight:normal; border-bottom:4px solid #fff; padding-bottom:10px}
.marketing04 .img{ float:right; width:45.8%;}
.marketing04 .img img{ width:100%}
.marketing04 ul{ float:left; width:50% }
.marketing04 ul li{ margin-top:70px; padding-left:30px; position:relative}
.marketing04 ul li .t{ font-size:24px; margin-bottom:10px; line-height:1}
.marketing04 ul li:before{ content:"1"; display:block; width:26px; height:26px; line-height:26px; text-align:center; border:1px solid #fff; position:absolute; z-index:1; left:0;top:0; font-size:24px}
.marketing04 ul li:nth-child(2):before{ content:"2"}
.marketing04 ul li:nth-child(3):before{ content:"3"}
.marketing04 ul li i{ font-size:60px; font-style:italic; vertical-align:bottom; line-height:.4; margin-right:5px}

.marketing05{ padding:70px 0;}
.marketing05 .hd{ text-align:center; position:relative; margin-bottom:50px}
.marketing05 .hd:before{ content:""; display:block; height:1px; background-color:#eee;top:50%; left:0; right:0; position:absolute}
.marketing05 .hd li{ display:inline-block; vertical-align:middle; position:relative; margin:0 50px}
.marketing05 .hd li:nth-child(1) { width:172px; height:204px; font-size:24px ; text-align:center; font-weight:bold; background:url(../images/marketing0501.png) no-repeat center; background-size:auto 100%; color:#fff; line-height:160px;}
.marketing05 .hd li:nth-child(2) { width:221px; height:221px; font-size:24px ; text-align:center; font-weight:bold; background:url(../images/marketing0502.png) no-repeat center; background-size:auto 100%; color:#fff; line-height:221px;}
.marketing05 .hd li:nth-child(3) { width:172px; height:204px; font-size:24px ; text-align:center; font-weight:bold; background:url(../images/marketing0503.png) no-repeat center; background-size:auto 100%; color:#fff; line-height:160px;}
.marketing05 .bdleft{ width:46%;padding:30px 0; float:left; color:#fff; background-color:#0ac1e9; font-size:16px;}
.marketing05 .bdleft ul{width:50%;float:left;  }
.marketing05 .bdleft ul li{ padding:0 20px; font-size:18px; margin:7px 0}
.marketing05 .bdright{ width:46%;padding:30px 0; float:right; color:#fff; background-color:#196fd1; font-size:16px;}
.marketing05 .bdright ul{width:50%;float:left;  }
.marketing05 .bdright ul li{ padding:0 20px; font-size:18px; margin:7px 0}
.marketing06{ padding:70px 0; position:relative}
.marketing06 .img{  width:27%; position:absolute; z-index:1; left:50%; margin-left:-13.5%;top:20%}
.marketing06 .img img{ width:100%}
.marketing06 .txt01{ float:left; width:31.5%}
.marketing06 .txt01 li{ background:url(../images/marketing06bg01.png) no-repeat center top; background-size:100%; min-height:297px; padding-left:20px; padding-right:50px}
.marketing06 .txt02{ float:right; width:31.5%}
.marketing06 li h3{ font-size:28px}
.marketing06 .txt02 li{ background:url(../images/marketing06bg02.png) no-repeat center top; background-size:100%; min-height:159px; padding-right:20px; padding-left:60px}
.marketing06 .txt02 li:nth-child(even){background:url(../images/marketing06bg03.png) no-repeat center top; background-size:100%;min-height:133px;}

.marketing07{ padding:70px 0; background-color:#f4f4f4}
.marketing07 .hd{ text-align:center}
.marketing07 .hd h3{ display:inline-block; font-size:40px; color:#6780ff; border:1px solid #6780ff; padding:0 50px; margin-bottom:60px}
.marketing07 ul li{ width:18.66%; float:left; margin:0 -1%}
.marketing07 ul li img{ width:100%}

/*价格表*/
.pricebanner{ padding:90px 0; text-align:center; background:url(../images/pricebanner.jpg) no-repeat center; background-size:cover}
.pricebanner .txt{ display:inline-block}
.pricebanner h3{ font-size:48px; color:#fff; font-weight:normal}
.pricebanner .line{ display:inline-block;   border:1px solid rgba(255,255,255,.5); width:400px; height:30px}

.pricebox{ padding:20px 0; background-color:#f6f6f6}
.pricebox ul{ margin-left:-1%; margin-right:-1%}
.pricebox li{ float:left; width:23%; margin:0 1%; margin-bottom:20px; border:1px solid #faa731; }
.pricebox li .head{ text-align:center; color:#fff; padding:20px 0; background-color:#faa731}
.pricebox li .head h3{ font-size:24px; font-weight:normal; margin-bottom:5px}
.pricebox li .head .sgin span{ display:inline-block; padding:0 15px; border:1px solid #fff; border-radius:30px; margin-bottom:5px;}
.pricebox li .head .price b{ font-size:42px;}
.pricebox li .head .price{ margin-top:-10px}
.pricebox li .msbox{ padding:20px 10px;}
.pricebox li .extra-top{ margin-bottom:5px;}
.pricebox li .extra-top .right{ border-left:1px solid #999; padding-left:10px}
.pricebox li .extra-top>div{ width:50%; float:left}
.pricebox li .extra-top p{ color:#999}
.pricebox li i{ font-size:20px; color:#f38e16}
.pricebox li .pb{ margin-bottom:10px}
.pricebox li .pb span{ display:inline-block; margin-right:10px;}
.pricebox li .p{ margin-bottom:2px}
.pricebox li .p span{ display:inline-block; padding:1px 6px; border-radius:30px; background-color:#f38c11; color:#fff; margin-right:5px; }
.pricebox li .p span.red{ background-color:#fa3d29 !important}
.pricebox li .mtop{ margin-top:24px}

.pricebox li:nth-child(2){ border:1px solid #59d32e}
.pricebox li:nth-child(2) .head{ background-color:#59d32e}
.pricebox li:nth-child(2) i{color:#59d32e}
.pricebox li:nth-child(2) .p span{background-color:#59d32e}

.pricebox li:nth-child(3){ border:1px solid #15cee4}
.pricebox li:nth-child(3) .head{ background-color:#15cee4}
.pricebox li:nth-child(3) i{color:#15cee4}
.pricebox li:nth-child(3) .p span{background-color:#15cee4}

.pricebox li:nth-child(4){ border:1px solid #5070fa}
.pricebox li:nth-child(4) .head{ background-color:#5070fa}
.pricebox li:nth-child(4) i{color:#5070fa}
.pricebox li:nth-child(4) .p span{background-color:#5070fa}

.pricebox li:nth-child(5){ border:1px solid #784bec}
.pricebox li:nth-child(5) .head{ background-color:#784bec}
.pricebox li:nth-child(5) i{color:#784bec}
.pricebox li:nth-child(5) .p span{background-color:#784bec}

.pricebox li:nth-child(6){ border:1px solid #f64747}
.pricebox li:nth-child(6) .head{ background-color:#f64747}
.pricebox li:nth-child(6) i{color:#f64747}
.pricebox li:nth-child(6) .p span{background-color:#f64747}

/*品牌营销*/
.brand01{  background:url(../images/brand0101.png) no-repeat center top; background-size:1920px;}
.brand01 .weap{height:832px; position:relative; color:#fff;}
.brand01 .img{ width:65.8%; position:absolute; z-index:1; left:0;top:25.2%}
.brand01 .img img{ width:100%}
.brand01 .txt{ width:45%; float:right; position:relative;top:8%; z-index:2;}
.brand01 .txt h3{ font-size:48px; margin-bottom:5%}
.brand01 .txt .ms{ font-size:20px; margin-bottom:20%}
.brand01 .txt .more{ text-align:right}
.brand01 .txt  .more a{ display:inline-block; width:260px; height:48px; line-height:48px; background-color:#fff; border-radius:48px; text-align:center; color:#114989; box-shadow:0 2px 10px #114989; font-size:16px} 
.brand02{  background:url(../images/brand0201.png) no-repeat center top; background-size:1920px;}
.brand02 .weap{height:836px; position:relative;  }
.brand02 .txt{ text-align:center; margin-bottom:130px}
.brand02 .txt h3{  font-size:48px; color:#3278fc}
.brand02 .txt .ms{  font-size:20px; color:#999}
.brand02 .img{ max-width:672px; margin:0 auto; position:relative}
.brand02 .img img{ width:100%}
.brand02 ul li{ display:block; position:absolute; z-index:1; width:12.2%}
.brand02 ul li:nth-child(1){top:42%; left:-12%}
.brand02 ul li:nth-child(2){top:14%; left:-1%}
.brand02 ul li:nth-child(3){top:-6%; left:19%}
.brand02 ul li:nth-child(4){top:-14%; left:50%}
.brand02 ul li:nth-child(5){top:-6%; left:80%}
.brand02 ul li:nth-child(6){top:18%; left:100%}

.brand03{  background:url(../images/brand0301.png) no-repeat center top; background-size:1920px;}
.brand03 .weap{height:857px; position:relative; color:#fff}
.brand03 .img{ width:33.1%; float:right; position:relative;top:10%}
.brand03 .img img{ width:100%}
.brand03 .txt{ width:45%; float:left; position:relative;top:30%}
.brand03 .txt h3{ font-size:48px; font-weight:bold; margin-bottom:5%}
.brand03 .txt .ms{ font-size:20px; margin-bottom:30%} 
.brand03 .more a{ display:inline-block; width:260px; height:48px; line-height:48px; background-color:#fff; border-radius:48px; text-align:center; color:#114989; box-shadow:0 2px 10px #114989; font-size:16px} 

.brand04{  background:url(../images/brand0401.png) no-repeat center top; background-size:1920px;}
.brand04 .weap{height:817px; position:relative; }
.brand04 .txt{ max-width:440px; position:absolute; z-index:2;top:20%; right:10%}
.brand04 .txt h3{ font-size:48px; color:#3278fc; margin-bottom:10%}
.brand04 .txt .ms{ font-size:20px; margin-bottom:20%}
.brand04 .more a{ display:inline-block; width:260px; height:48px; line-height:48px; background-color:#3278fc; border-radius:48px; text-align:center; color:#114989; box-shadow:0 2px 10px #114989; color:#fff; font-size:16px}
.brand04 .imgs img{ position:absolute; z-index:1;}
.brand04 .imgs .im1{ width:35.1%; bottom:0; left:0}
.brand04 .imgs .im2{ width:25.6%; bottom:28.1%; left:5%}
.brand04 .imgs .im3{ width:18.8%; bottom:34.6%; right:0;}

/*微信开发*/
.wechat01{ height:720px; background:url(../images/wechat0101.jpg) no-repeat center; background-size:1920px}
.wechat01 .txt{ float:left; width:45.5%; color:#fff; font-size:18px; background:url(../images/wechat0103.png) no-repeat center top; background-size:100%; padding-top:5%; padding-left:2.5%; padding-right:5.5%; text-align:justify; position:relative;top:145px}
.wechat01 .txt h3{ font-size:54px;}
.wechat01 .img{ float:right; width:48.6%; position:relative;top:90px}
.wechat01 .img img{ max-width:100%}

.wechat02{ padding-top:60px; padding-bottom:80px}
.wechat02 .hd{ margin-bottom:60px;}
.wechat02 .hd .num{ font-size:50px; float:left; height:67px; font-weight:bold; line-height:67px; border:2px solid #6374fc; color:#6374fc; padding:0 15px;}
.wechat02 .hd .title{ float:left; margin-left:78px; line-height:60px; height:67px; font-size:32px; border-bottom:1px solid #ddd}
.wechat02 .bd dl{ float:left; color:#fff; width:29%; border-right:1px solid #fff }
.wechat02 .bd dl.dl1{ width:11%; border-right:none}
.wechat02 .bd dl.dl1 span{ display:block; position:absolute; z-index:1; left:0; right:0; padding:0 24px; background: linear-gradient(to right, #6374fc 20%,#5eabfe 100%);   }
.wechat02 .bd dl.dl1 dt span{ height:60px; line-height:60px;top:50%; margin-top:-30px; border-radius:60px 0 0 60px}
.wechat02 .bd dl.dl1 dd span{ height:38px; line-height:38px;top:50%; margin-top:-19px;border-radius:60px 0 0 60px;}
.wechat02 .bd .dl2{ background-color:#6374fc}
.wechat02 .bd .dl3{ background-color:#6188fd}
.wechat02 .bd .dl4{ background-color:#5eabfe}
.wechat02 .bd dl dt{ position:relative; height:120px; line-height:120px; padding:0 24px; font-size:30px; border-bottom:1px solid rgba(255,255,255,.3)}
.wechat02 .bd dl dd{ position:relative;height:60px; line-height:60px;padding:0 24px; font-size:18px;border-bottom:1px solid rgba(255,255,255,.3)}
.wechat02 .bd dl .ico{ width:72px; height:72px; position:absolute; z-index:1; right:24px;top:50%; margin-top:-36px; background-repeat:no-repeat; background-size:100%}
.wechat02 .bd dl .ico-e01{ background-image:url(../images/ico-e01.png)}
.wechat02 .bd dl .ico-e02{ background-image:url(../images/ico-e02.png)}
.wechat02 .bd dl .ico-e03{ background-image:url(../images/ico-e03.png)}

.wechat03{ padding:60px 0; background-color:#f6f6f6}
.wechat03 .hd{ margin-bottom:60px;}
.wechat03 .hd .num{ font-size:50px; float:left; height:67px; font-weight:bold; line-height:67px; border:2px solid #fa490c; color:#fa490c; padding:0 15px;}
.wechat03 .bd{ height:520px; position:relative; background:url(../images/wechat0301.png) no-repeat center top; background-size:100%}
.wechat03 .bd li{ width:29.4%; position:absolute; z-index:1;}
.wechat03 .bd li:nth-child(1){ left:0;top:13%}
.wechat03 .bd li:nth-child(1) h3{ color:#dd2424}
.wechat03 .bd li:nth-child(2){ top:2%; right:0px;}
.wechat03 .bd li:nth-child(2) h3{ color:#1acc90}
.wechat03 .bd li:nth-child(3){ top:33%; right:0px;}
.wechat03 .bd li:nth-child(3) h3{ color:#36acea}
.wechat03 .bd li:nth-child(4){ top:53%; left:0;}
.wechat03 .bd li:nth-child(4) h3{ color:#2aa7e9}
.wechat03 .bd li:nth-child(5){ top:71%; left:33%;}
.wechat03 .bd li:nth-child(5) h3{ color:#dc3142}
.wechat03 .bd li h3{ font-size:24px;}
.wechat03 .bd li .ms{ color:#777}

.wechat04{ padding:60px 0; background-color:#5566f2; color:#fff}
.wechat04 .hd{ margin-bottom:60px;}
.wechat04 .hd .num{ font-size:50px; float:left; height:67px; font-weight:bold; line-height:67px; border:2px solid #fff; color:#fff; padding:0 15px;}
.wechat04 .bd li{ width:12.5%; text-align:center; font-size:20px; float:left; margin-bottom:35px;}
.wechat04 .bd .ico{ margin-bottom:5px;}
.wechat04 .bd .ico img{ max-width:100%}

.wechat05{ padding:60px 0; background-color:#f6f6f6}
.wechat05 .hd{ margin-bottom:60px;}
.wechat05 .hd .num{ font-size:50px; float:left; height:67px; font-weight:bold; line-height:65px; border:2px solid #5466f1; color:#5466f1; padding:0 15px;}
.wechat05 .bd{ position:relative;}
.wechat05 .bd img{ width:100%}
.wechat05 .bd li{ position:absolute; z-index:1; text-align:center;}
.wechat05 .bd li h3{ font-size:24px;}
.wechat05 .bd li .ms{ font-size:18px; color:#777}
.wechat05 .bd li:nth-child(1){ left:0;top:2%;}
.wechat05 .bd li:nth-child(2){ left:28%; bottom:0;}
.wechat05 .bd li:nth-child(3){ left:46%;top:0;}
.wechat05 .bd li:nth-child(4){ right:0;bottom:0;}

.wechat06{ padding:60px 0; background-color:#5566f2; color:#fff; }
.wechat06 .hd{ margin-bottom:60px;}
.wechat06 .hd .num{ font-size:50px; float:left; height:67px; font-weight:bold; line-height:67px; border:2px solid #fff; color:#fff; padding:0 15px;}
.wechat06 .bd{ text-align:center}
.wechat06 .bd img{ max-width:100%}

/*关于梦启*/
.about01{ height:400px;  }
.about01 .img{ height:500px; background-repeat:no-repeat; background-position:center; background-size:cover; position:fixed; z-index:-1; left:0; right:0;top:0;}
.about02{ background-color:#f6f6f6; padding:60px 0}
.about02 .title{ text-align:center; font-size:30px; margin-bottom:30px;}
.about02 .txt{ float:left; width:49.1%; text-align:justify}
.about02 .txt .t{ font-size:18px; margin-bottom:20px}
.about02 .txt .t i{ color:#e14388}
.about02 .txt .ms{ color:#777; line-height:2}
.about02 .img{ float:right; width:45%}
.about02 .img img{ display:block; width:100%}

.about03{ height:680px;  background-repeat:no-repeat; background-position:center; background-size:cover}

.about04{ padding:40px 0;color:#fff; background-size:cover}
.about04 .hd{ margin-bottom:30px}
.about04 .hd h3{ text-align:center; font-size:30px;}
.about04 .bd{ margin-left:-10px; margin-right:-10px; padding-bottom:45px; position:relative}
.about04 .bd .item{ padding:0 10px;}
.about04 .bd .item h3{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.about04 .bd .item .img{ overflow:hidden; margin-bottom:10px; border:1px solid #eee}
.about04 .bd .item .img img{ width:100%}
.about04 .bd .slick-arrow{ display:block; position:absolute; z-index:1; bottom:0; width:34px; height:21px; border:none; left:50%; background-image:url(../images/arrow2.png); background-repeat:no-repeat; overflow:hidden; text-indent:-99em; background-color:transparent; cursor:pointer}
.about04 .bd .slick-prev{ margin-left:-37px; background-position:0 0}
.about04 .bd .slick-prev:hover{   background-position:-34px 0}
.about04 .bd .slick-next{ margin-left:3px;    background-position: -34px -21px;}
.about04 .bd .slick-next:hover{    background-position:0 -21px;}

.about05{ background-color:#f6f6f6; padding-top:60px; padding-bottom:80px;}
.about05 .hd{ text-align:center; margin-bottom:30px}
.about05 .hd h3{ font-size:30px;}
.about05 .hd p{ font-size:12px; color:#777}
.about05 .bd li{ width:33.33%; float:left; margin-bottom:40px; cursor:pointer}
.about05 .bd li .ico{ width:87px;}
.about05 .bd li .ico img{transition:all 1s; width:100%}
.about05 .bd li:hover .ico img{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
.about05 .bd li .ico,.about05 .bd li h3{ display:inline-block; vertical-align:middle;}
.about05 .bd li h3{ font-size:18px; font-weight:normal; margin-left:10px}
.msflex{ position:fixed; z-index:99; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,.6); display:none;}
.msflex .mstable{ display:table; width:100%; height:100%}
.msflex .mstable .mstd{ display:table-cell; vertical-align:middle}
.msflex .mstable .ms{ background-color:#fff; width:1000px;   margin:0 auto; height:560px; overflow-y:auto; padding:30px; position:relative; cursor:auto}
.msflex .mstable .msclose{ width:50px; height:50px; position:absolute; z-index:1; right:0;top:0; background:#e14388 url(../images/ico-close.png) no-repeat center; background-size:50%; cursor:pointer}
.block .msflex{ display:block}


.about014{ padding:40px 0;color:#fff; background:url(../images/lt_about_bj.jpg) no-repeat center; background-size:cover}
.about014 .hd{ margin-bottom:30px}
.about014 .hd h3{ text-align:center; font-size:30px;}
.about014 .bd{ margin-left:-10px; margin-right:-10px; padding-bottom:45px; position:relative}
.about014 .bd .item{ padding:0 10px;}
.about014 .bd .item h3{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.about014 .bd .item .img{ overflow:hidden; margin-bottom:10px; border:1px solid #eee}
.about014 .bd .item .img img{ width:100%}
.about014 .bd .slick-arrow{ display:block; position:absolute; z-index:1; bottom:0; width:34px; height:21px; border:none; left:50%; background-image:url(../images/arrow2.png); background-repeat:no-repeat; overflow:hidden; text-indent:-99em; background-color:transparent; cursor:pointer}
.about014 .bd .slick-prev{ margin-left:-37px; background-position:0 0}
.about014 .bd .slick-prev:hover{   background-position:-34px 0}
.about014 .bd .slick-next{ margin-left:3px;    background-position: -34px -21px;}
.about014 .bd .slick-next:hover{    background-position:0 -21px;}
/*底部漂浮*/
.toolbar{ display:none}

/*联系我们20190409*/
.contactusbanner{ padding-top:80px; padding-bottom:60px; background:url(../images/contactusbanner.jpg) no-repeat center; background-size:cover; text-align:center; color:#fff}
.contactusbanner h3{ font-size:40px; font-weight:normal}
.contactusbanner .p{ font-size:20px}
.xpath{ height:60px; line-height:60px; background-color:#ededed; font-size:16px;}
.xpath a{ font-size:16px;}
.xpath a.home{ display:inline-block; vertical-align:middle; padding-left:36px; background:url(../images/xpath.png) no-repeat left center;}
.xpath i{ margin:0 20px; font-family:"宋体"}
.xpath a:last-child{ color:#e14388}

.contactus01{ padding-top:70px; padding-bottom:35px; border-bottom:1px solid #eaeaea}
.contactus01 .hd{ text-align:center; margin-bottom:40px; font-size:36px;}
.contactus01 .bd li{ float:left; width:50%; text-align:center;}
.contactus01 .bd li img{ width:100%; max-width:279px;}
.contactus01 .bd .ico{ margin-bottom:30px;}
.contactus01 .bd .ms .t{ font-size:18px; }
.contactus01 .bd .ms .p{ font-size:14px;}

.contactus02{ padding-top:80px; padding-bottom:70px;}
.contactus02 li{ float:left; width:25%; text-align:center;}
.contactus02 li .ico{ margin-bottom:30px;}
.contactus02 li .ico img{ max-width:100%}
.contactus02 li h3{ font-size:16px;}
.contactus02 li .ms{ font-size:16px;}
.contactus02 li .ms a{ font-size:16px;}
.contactus02 li .ms .line{ display:inline-block; text-align:left;}
.contactus02 li .ms .line span{ display:inline-block; width:96px; text-align:right;}

.contactus03{ padding:70px 0; background-color:#f5f5f5}
.contactus03 .contactus03left{ color:#e14388; float:left; width:520px; padding-left:95px; background:url(../images/contactus0301.png) no-repeat left top; line-height:normal}
.contactus03 .contactus03left .p1{ font-size:24px; font-weight:bold;}
.contactus03 .contactus03left .p2{ font-size:48px; text-transform:uppercase}
.contactus03 .contactus03left .p3{ font-size:16px; color:#333}
.contactus03 .contactus03right{ margin-left:520px; border-left:1px solid #d9d9d9; padding-left:65px; font-size:16px;}
.contactus03 .contactus03right .ms{ margin-bottom:30px}

.contactus04{ height:640px;}
.contactus04 #map{ height:100%}
.contactus04 .fz18{ font-size:18px;}
.contactus04 .fz16{ font-size:16px;}

.contactus05{ padding:80px 0}
.contactus05 .hd{ margin-bottom:40px; text-align:center; font-size:36px;}
.contactus05 .contactus05left{ float:left; width:49%;}
.contactus05 .contactus05left li{ border-bottom:1px solid #ccc; margin-bottom:30px; position:relative}
.contactus05 .contactus05left li img{ display:block; position:absolute; z-index:1; right:0; bottom:5px;height:43px; cursor:pointer}
.contactus05 .contactus05left input{ width:100%; height:55px; background:none; border:none; font-size:16px;}
.contactus05 .contactus05right{ float:right; width:49%}
.contactus05 .contactus05right .t{ height:55px; line-height:55px; font-size:16px;}
.contactus05 .contactus05right textarea{ width:100%; background:none; border:1px solid #ccc; padding:10px;outline: none; height:346px; font-size:16px; resize: none;}
.contactus05 .bdbtn{ text-align:center;}
.contactus05 .bdbtn .btn{ display:inline-block; vertical-align:middle; width:190px; text-align:center; height:60px; line-height:60px; cursor:pointer; font-size:16px; color:#fff; border:none; margin:0 20px;}
.contactus05 .bdbtn .sub{ background:#db2035;}
.contactus05 .bdbtn .sub:hover{ background:#ba0f23;}
.contactus05 .bdbtn .reset{ background:#ccc;}
.contactus05 .bdbtn .reset:hover{ background-color:#999}

.contactus06{ padding:50px 0; background:#f2f2f2}
.contactus06 .hd{ text-align:center; font-size:30px; margin-bottom:35px;}
.contactus06 .bd{ overflow:hidden}
.contactus06 .bd ul{ margin-left:-13px; margin-right:-13px;}
.contactus06 .bd li{ float:left; width:25%; margin-bottom:26px;}
.contactus06 .bd li a{ display:block; margin:0 13px; border:1px solid #d2d2d2; padding:20px 30px 19px;}
.contactus06 .bd li a:hover{ border:1px solid #e14388}
.contactus06 .bd li h2{ font-size:16px; height:48px; font-weight:normal; height:48px; margin-bottom:5px; overflow:hidden}
.contactus06 .bd li .date{ font-size:16px; color:#999}

.contactus07{ padding-top:55px; padding-bottom:50px; background-color:#e6e6e6}
.contactus07 .contactus07left{ width:236px; float:left}
.contactus07 .contactus07left .motto{ height:190px; padding-top:20px; color:#fff; text-align:center; background-color:#303030; font-size:48px; line-height:normal}
.contactus07 .contactus07left .motto span{ display:block; font-size:65px;}
.contactus07 .contactus07right{ padding-left:260px; text-align:center}
.contactus07 .contactus07right h3{ font-size:50px; font-weight:bold; color:#e14388; margin-top:-10px}
.contactus07 .contactus07right .p{ font-size:30px; margin-top:-5px}
.contactus07 .contactus07right .p1{ font-size:16px;}
.contactus07 .contactus07right .p2{ font-size:18px;}
.contactus07 .contactus07right .p2 a{ font-weight:bold;font-size:18px;} 
.contactus07 .contactus07right .p3{ margin-top:20px;}
.contactus07 .contactus07right .p3 a{ display:inline-block; vertical-align:middle; height:46px; line-height:46px; text-align:center; font-size:16px; color:#fff; border-radius:46px; background-color:#363636; padding-left:55px; padding-right:25px; margin:0 10px; background-repeat:no-repeat; background-position:23px center}
.contactus07 .contactus07right .p3 .oline{ background-image:url(../images/contactus0701.png)}
.contactus07 .contactus07right .p3 .edit{ background-image:url(../images/contactus0702.png); background-color:#e14388}
@media(max-width:1200px) {
.banner{ display:none !important}
.mbanner{ display:block !important}
.mbanner .item{ height:25vh; background-repeat:no-repeat; background-position:center; background-size:cover}
.mbanner .slick-dots{ position:absolute; z-index:1;right:0;left:0;bottom:20px; text-align:center}
.mbanner .slick-dots li{ display:inline-block; vertical-align:middle; margin:0 5px;}
.mbanner .slick-dots li button{font-size: 0;line-height: 0;display: block; width:10px; height:10px;  background-color:#ccc; border-radius:50%; cursor:pointer; border:none}
.mbanner .slick-dots li.slick-active button{ background-color:#ef3333} 

.indexservice .item ul.w2{ width:80%}
.indexcase .bd .pngtxt .p4{ height:50px}
/*案例详情*/
.casepage .case_intro{ margin-left:-10px; margin-right:-10px; padding:0 10px}
.casepage .conn{ margin-left:-10px; margin-right:-10px}
/*网站建设*/
.web00 .weap{ width:100%}

.web01{ height:580px;}
.web01 .title h3{ font-size:30px;}
.web01 .title{top:160px;}
.web01 ul{ width:790px;}
.web01 ul li{ font-size:12px;}
.web01 .title .ms{ width:120px; width:80%; margin:0 auto; padding-top:15px; font-size:12px}
.web01 ul li:nth-child(1){top:35px; left:70px; width:180px}
.web01 ul li:nth-child(2){ width:195px;top:27px; right:50px;}
.web01 ul li:nth-child(3){ width:160px; width:155px;top:172px}
.web01 ul li:nth-child(4){ width:170px;top:165px;}
.web01 ul li:nth-child(5){ width:165px;top:425px; left:80px;}
.web01 ul li:nth-child(6){ width:200px; right:52px;top:425px}
.web01 ul li:nth-child(7){ width:140px;top:482px; left:320px}
/*营销推广*/
.marketing06 .img{ position:static; width:auto; margin-left:0;text-align:center; margin-bottom:30px}
.marketing06 .img img{ width:auto; max-width:100%; }
.marketing06 .txt01{ float:none; width:auto;}
.marketing06 .txt02{ float:none; width:auto}

.marketing06 .txt01 li{ background:#d4e4f6; padding:10px; width:48%; float:left; border-radius:10px; margin:0 1%; margin-bottom:20px; min-height:250px}
.marketing06 .txt02 li{ background:#d4e4f6; padding:10px; width:48%; float:left; border-radius:10px; margin:0 1%; margin-bottom:20px; min-height:133px}
.marketing06 .txt02 li:nth-child(even){ background:#d4e4f6;}
/*微信开发*/
.wechat01 .txt h3{ font-size:40px}
.wechat02 .hd{ text-align:center}
.wechat02 .hd .num{ display:inline-block; float:none}
.wechat02 .hd .title{ float:none; margin-left:0}
.wechat02 .bd dl dd{ font-size:16px}
.wechat02 .bd dl dt{ font-size:26px;} 

.wechat03 .hd{ text-align:center}
.wechat03 .hd .num{ display:inline-block; float:none}
/*底部漂浮*/
.toolbar{ display:block; background:#e14388; height:42px; line-height:42px; position:fixed; z-index:98; left:0; right:0; bottom:0;}
.toolbar ul{ display:flex;}
.toolbar ul li{ width:25%; text-align:center; border-right:1px solid rgba(255,255,255,.2)}
.toolbar ul li a{ display:block; color:#fff}
}

@media(max-width:1100px) {
.app03 .bd{ background:none}
.app03 .bd li{ position:static; width:auto; text-align:left; margin-bottom:20px; padding-left:76px; position:relative; left:auto !important; right:auto !important;top:auto !important}
.app03 .bd li:before{ content:"" ; display:block; width:66px; height:66px; position:absolute; z-index:1; left:0;top:0; background-repeat:no-repeat; background-position:center; background-size:100%;}
.app03 .bd li:nth-child(1):before{ background-image:url(../images/pb9.png)}
.app03 .bd li:nth-child(2):before{ background-image:url(../images/pb10.png)}
.app03 .bd li:nth-child(3):before{ background-image:url(../images/pb11.png)}
.app03 .bd li:nth-child(4):before{ background-image:url(../images/pb12.png)}
.app03 .bd li:nth-child(5):before{ background-image:url(../images/pb8.png)}
.app03 .bd li h3{ display:inline-block; border:1px solid #fff; border-radius:50px; font-size:18px; padding:0 10px}
.app05{ height:auto}
.app05 .bd{ display:none}
.app05 .mbd{ display:block; text-align:center}
.app05 .mbd img{ max-width:100%}
/*价格*/
.pricebox li{ width:48%; margin:0 1%;margin-bottom:10px; }

/*微信开发*/
.wechat03 .bd li h3{ font-size:22px;}

/*公司简介*/
.msflex .mstable .ms{ width:95%; height:70vh; padding:10px; padding-right:40px; line-height:1.6}
.msflex .mstable .msclose{ width:36px; height:36px;}

/*联系我们20190409*/
.contactusbanner{ padding-top:40px; padding-bottom:30px}
.contactusbanner h3{ font-size:30px}
.contactusbanner .p{ font-size:16px}
.xpath{ height:42px ; line-height:42px; font-size:14px}
.xpath a{ font-size:14px}
.xpath a.home{ background-size:15px; padding-left:25px}
.contactus01{ padding-top:35px; padding-bottom:15px;}
.contactus01 .hd{ font-size:25px; margin-bottom:25px;}
.contactus01 .bd li img{    max-width: 190px;}
.contactus01 .bd .ico{ margin-bottom:10px}
.contactus02{ padding-top:40px; padding-bottom:30px}
.contactus02 li{ width:50%; margin-bottom:20px;}
.contactus02 li .ico{ margin-bottom:10px}
.contactus03 .contactus03left{ float:none; width:auto; margin-bottom:20px; background-size:65px;}
.contactus03 .contactus03left .p1{ font-size:18px;}
.contactus03 .contactus03left .p2{ font-size:32px}
.contactus03 .contactus03right{ margin-left:0; border-left:none; padding-left:0;}

.contactus04{ height:440px;}

.contactus05{ padding:40px 0}
.contactus05 .hd{ font-size:25px; margin-bottom:15px}
.contactus06 .bd li{ width:50%}
.contactus07 .contactus07left{ display:none}
.contactus07 .contactus07right{ padding-left:0}
.contactus07 .contactus07right h3{ font-size:35px}
.contactus07 .contactus07right .p{ font-size:21px}
.contactus07 .contactus07right .p1{ font-size:14px}
.contactus07 .contactus07right .p2{ font-size:16px}
.contactus07 .contactus07right .p2 a{ font-size:16px;}
}
@media(max-width:980px) {
/*banner*/
.banner .png{top:50%;transform:translateY(-50%);}
/*首页*/
.plo { margin-bottom:21px}
.plo h3{ font-size:24px;}
.plo h3 a{ font-size:24px;}
.plo .p{ font-size:13px}
.indexnum{ display:none} 
.indexadvantage{ display:none}
.indexform{ display:none}
.indexyw{ display:none}

.indexservice{ padding:30px 0}
.indexservice .item{ margin:0 10px}
.indexservice .item ul.w2{ width:70%}
.indexservice .slick-arrow{ display:block; position:absolute; z-index:2; width:30px; height:50px; background-color:#949597; border:none; overflow:hidden; text-indent:-99px;top:50%; margin-top:-25px; background-position:center; background-repeat:no-repeat; background-size:100%}
.indexservice .slick-prev{ left:10px; background-image:url(../images/ico-prev.png)}
.indexservice .slick-next{ right:10px; background-image:url(../images/ico-next.png)}
.indexservice .slick-dots{ text-align:center; margin-top:10px;}
.indexservice .slick-dots li{ display:inline-block; width:10px; height:10px; background-color:#666; border-radius:50%; margin:0 5px}
.indexservice .slick-dots li button{ display:none}
.indexservice .slick-dots li.slick-active{ background-color:#a72517}

.indexcase .bd h3{ font-size:16px}
.indexcase{ padding:30px 0}
.indexcase .bd .pngtxt .p4{ margin-top:0; height:25px;}
.indexcase .bd .pngtxt .morea{ display:none}

.indexplan{ padding:30px 0}
.indexclient{ padding:30px 0}
.indexown{ padding:30px 0}
.indexown .plo{ margin-bottom:25px}
/*品牌营销*/
.brand01{ background-size:1344px}
.brand01 .weap{ height:582px;}

.brand02{ background-size:1344px; overflow:hidden}
.brand02 .weap{ height:585px}
.brand02 .img{ max-width:40%}

.brand03{ background-size:1344px;  }
.brand03 .weap{ height:599px}

.brand04{ background-size:1344px;  }
.brand04 .weap{ height:571px}
/*微信开发*/
.wechat02 .bd dl dt{ font-size:22px;}
.wechat02 .bd dl dd{ font-size:14px}
}

@media(max-width:920px) {
.indexplan li{ width:48%}
.indexplan li a{ padding:20px 0}
.indexplan li .ico{ height:45px; margin-bottom:10px}

.imgnews .slick-dots{ text-align:center; margin-top:10px }
.imgnews .slick-dots li{ display:inline-block; width:10px; height:10px; background-color:#666; border-radius:50%; margin:0 5px; float:none}
.imgnews .slick-dots li button{ display:none}
.imgnews .slick-dots li.slick-active{ background-color:#a72517}
.indexnews .hd li{ margin:0 1%; margin-bottom:5px}
.indexnews .hd li:after{ display:none}

/*案例*/
.nbanner .slick-dots{ bottom:10px;}
.nbanner .item .img{ height:280px;}
/*网站建设*/
.web01{ background:url(../images/mweb01bg.jpg) no-repeat center; background-size:cover; height:auto; padding:20px 10px;}
.web01 .title{ position:static; text-align:center; margin-left:0; width:auto; margin-bottom:20px}
.web01 .title h3{ font-size:24px;}
.web01 .title .en{letter-spacing: 5px;}
.web01 .title .ms{ width:auto}
.web01 ul{ position:static; width:auto; overflow:hidden}
.web01 ul li{ position:static; width:48% !important; float:left; margin-bottom:10px;}
.web01 ul li:nth-child(even){ float:right}
.web01 ul li .ms{ height:68px; padding:5px !important}
.web01 ul li:nth-child(1) .ms{ background-color:#3d68ce}
.web01 ul li:nth-child(2) .ms{ background-color:#628ae2}
.web01 ul li:nth-child(3) .ms{ background-color:#2f48bf}
.web01 ul li:nth-child(4) .ms{ background-color:#7284e6}
.web01 ul li:nth-child(5) .ms{ background-color:#af62fc}
.web01 ul li:nth-child(6) .ms{ background-color:#c06ccc}
.web01 ul li:nth-child(7){ float:none ; margin:0 auto; clear:both}
.web01 ul li:nth-child(7) .ms{ background-color:#a97cfb}

.web02{ padding-top:30px; padding-bottom:20px}
.web02 .hd h3{ font-size:24px; line-height:52px; margin-bottom:18px;}
.web02 .bd li{ width:50%; padding:10px; height:350px; margin-top:-1px}
.web02 .bd li h3{ font-size:15px; height:32px; line-height:32px; margin-bottom:5px}
.web02 .bd li .ms{ font-size:14px}
.web02 .bd li .ico{ margin-bottom:15px;}

.web00 .weap{ height:auto; padding:30px 10px}
.web00 .weap .td{ display:block; position:relative; padding-bottom:35px}
.web00 .weap .txt{ float:none !important; width:auto; text-align:center}
.web00 .weap .img{ float:none !important; width:auto; text-align:center}
.web00 .weap .txt{top:0; position:static}
.web00 .weap .txt .title:after{ left:50%; width:40px; margin-left:-20px;}
.web00 .weap .txt .title{ font-size:24px; padding-left:0; margin-bottom:15px}
.web00 .weap .txt .ms{ font-size:14px; margin-bottom:25px}
.web00 .weap .more{ position:absolute; z-index:1; bottom:0; left:50%; margin-left:-60px}
.web00 .weap .more a{ height:30px; line-height:28px; border:1px solid #fff; font-size:12px; width:120px;}
.web00 .weap .more a:after{ width:20px; height:20px; margin-top:-10px; right:-10px; background-size:70%}
.web04 .weap .more a,.web06 .weap .more a,.web08 .weap .more a{ border:1px solid #333}
.webnews{ display:none}

.case-referral{ padding:30px 0}
.case-referral .hd h3{ font-size:24px;}
.case-referral .slick-dots{ margin-top:10px;}
.case-referral .slick-dots li button{ width:10px; height:10px;}
.case-referral .bd{ margin:0}
/*APP开发*/
.app01{ height:400px; padding-top:30px;}
.app01 .title h3{ font-size:24px; margin-bottom:10px}
.app01 .title .ms{ font-size:14px;}

.app02{ padding:20px 0}
.app02 .title h3{ font-size:24px; margin-bottom:5px;}
.app02 .title .ms{ font-size:14px; height:auto; line-height:1.5; padding:5px 10px}
.app02 .title{ margin-bottom:100px}
.app02 .bd h3{ font-size:2.5vw;}
.app02 .bd li .ms{ font-size:1.5vw;}
.app02 .bd{ background-size:80%; height:48vw}
.app02 .bd li:nth-child(1){ width:44vw; margin-left:-20vw;}
.app02 .bd li{ width:25vw}
.app02 .bd li:nth-child(2){top:25vw}
.app02 .bd li:nth-child(3){top:25vw}

.app03{ padding:30px 0}
.app03 .title{ margin-bottom:20px}
.app03 .title h3{ font-size:24px;}
.app03 .bd{ height:auto;}
.app03 .bd li{ padding-left:60px; margin-bottom:10px}
.app03 .bd li:before{ width:50px; height:50px}
.app03 .bd li h3{ font-size:14px;}
.app03 .bd li .ms{ font-size:13px}

.app04{ padding:20px 0}
.app04 .title{ margin-bottom:20px}
.app04 .bd ul.left li{ margin-bottom:10px}
.app04 .title h3{ font-size:24px}
.app04 .bd ul.left{ float:none; width:70%}
.app04 .bd ul.right{ float:none; width:70%}
.app04 .bd{ height:auto;background-size:auto 360px; background-position:center right -80px; margin-right:-10px}
.app04 .bd ul.left li:after{ width:40px; height:40px; background-size:80px;top:0; margin-top:0; left:0; right:auto}
.app04 .bd ul h3{ font-size:16px}
.app04 .bd ul .ms{ font-size:14px}
.app04 .bd ul.left li{ padding-left:50px; line-height:1.4; text-align:left; padding-right:0}
.app04 .bd ul.right li{  line-height:1.4; margin-bottom:10px; padding-left:50px}
.app04 .bd ul.right li:after{ width:40px; height:40px;  top:0; margin-top:0; background-size:80px auto}
.app04 .bd ul.left li:nth-child(2):after{background-position: 0 -40px;}
.app04 .bd ul.left li:nth-child(3):after{background-position: 0 -80px;}
.app04 .bd ul.left li:nth-child(4):after{background-position: 0 -120px;}
.app04 .bd ul.right li:nth-child(1):after{ background-position:-40px 0}
.app04 .bd ul.right li:nth-child(2):after{ background-position:-40px -40px}
.app04 .bd ul.right li:nth-child(3):after{ background-position:-40px -80px}
.app04 .bd ul.right li:nth-child(4):after{ background-position:-40px -120px}

.app05{ padding:20px 0}
.app05 .title h3{ font-size:24px;}
.app05 .title{ margin-bottom:20px}
/*营销推广*/
.marketing01{ height:520px}
.marketing01 .title{ font-size:24px;top:20%}
.marketing01 .en{ font-size:12px;letter-spacing:1px;}
.marketing01 .t01{ font-size:20px; margin-left:-155px}
.marketing01 .t02{ font-size:20px; margin-left:145px;}

.marketing02 .txtbox h3{ font-size:24px; margin-bottom:10px}
.marketing02 .txtbox{ float:none; width:auto}
.marketing02 .txtbox li{line-height:36px; margin-bottom:15px;}
.marketing02 .txtbox li .ms{ font-size:14px; padding:0 8px}
.marketing02 .txtbox li .num{ font-size:26px; margin-right:10px}
.marketing02 .img{ float:none; width:auto; text-align:center}
.marketing02 .img img{ width:80%}
.marketing03{ padding:30px 0}
.marketing03 .txt{ float:none; width:auto}
.marketing03 .img{ float:none; width:auto}
.marketing03 .iconum img{ height:30px;}
.marketing03 h3{ font-size:20px; margin-bottom:10px}
.marketing03 .ms{ font-size:15px}
.marketing03 .txt{ padding-top:0}
.marketing03 .st01{ padding-bottom:10px; background:none}
.marketing03 .st02{ padding-bottom:10px; background:none}
.marketing03 .st03{ padding-bottom:10px; background:none}
.marketing03 .st02 .img{ float:none}
.marketing03 .st04 .img{ float:none}

.marketing04{ padding:30px 0}
.marketing04 .hd{ text-align:center}
.marketing04 .hd h3{ font-size:24px}
.marketing04 .img{ float:none; width:auto; text-align:center}
.marketing04 .img img{ max-width:50%}
.marketing04 ul{ float:none; width:auto;}
.marketing04 ul li .t{ font-size:18px; line-height:1.2}
.marketing04 ul li{ margin-top:20px;}
.marketing04 ul li:before{ width:22px; height:22px; line-height:22px; font-size:20px}
.marketing04 ul li i{ font-size:40px; position:relative;top:-10px}

.marketing05{ padding:30px 0}
.marketing05 .hd li{ margin:0 -2vw;}
.marketing05 .hd li:nth-child(1){ width:100px; height:100px; line-height:100px; background-size:110px;background-position:center top -5px; font-size:16px; border-radius:50%;}
.marketing05 .hd li:nth-child(2){ width:120px; height:120px; line-height:120px;   font-size:16px;}
.marketing05 .hd li:nth-child(3){ width:100px; height:100px; line-height:100px; font-size:16px;background-size:110px;background-position:center top -5px;border-radius:50%; }
.marketing05 .bdleft ul{ float:none; width:auto;  color:#0ac1e9;font-size:14px}
.marketing05 .bdleft{ width:50%;background:none; padding:0 }
.marketing05 .bdleft ul li{ font-size:14px; padding:0;}

.marketing05 .bdright ul{ float:none; width:auto;  color:#196fd1;font-size:14px}
.marketing05 .bdright{  width:50%;background:none; padding:0 }
.marketing05 .bdright ul li{ font-size:14px; padding:0;}
.marketing05 .hd{ margin-bottom:25px}

.marketing06{ padding:30px 0; background-color:#d4e4f6}
.marketing06 .txt01 li{ margin-bottom:10px}
.marketing06 .txt02 li{ margin-bottom:10px}
.marketing06 li h3{ font-size:24px;}

.marketing07{ padding:30px 0}
.marketing07 .hd h3{ font-size:24px;}
/*价格*/
.pricebanner h3{ font-size:24px;}
.pricebanner .line{ width:210px; height:20px}
.pricebanner{ padding:30px 0;}
.pricebox li .head{ padding:5px}
/*品牌营销*/
.brand01 .txt h3{ font-size:24px}
.brand01 .txt .ms{ font-size:16px}
.brand01 .txt .more a{ font-size:14px; height:38px; line-height:38px; width:140px}

.brand02 .txt h3{ font-size:24px}
.brand02 .txt .ms{ font-size:16px}

.brand03 .txt h3{ font-size:24px}
.brand03 .txt .ms{ font-size:16px}
.brand03 .txt .more a{ font-size:14px; height:38px; line-height:38px; width:140px}

.brand04 .txt h3{ font-size:24px}
.brand04 .txt .ms{ font-size:16px}
.brand04 .txt .more a{ font-size:14px; height:38px; line-height:38px; width:140px}

.wechat01{ height:auto; padding:30px 0; overflow:hidden; background-size:cover}
.wechat01 .txt{ float:none;top:0; margin:0 auto; width:55%; margin-bottom:30px}
.wechat01 .img{ float:none; text-align:center;top:0; text-align:center; width:auto}
.wechat01 .img img{ max-width:50%}

/*微信开发*/
.wechat02{ padding:30px 0; }
.wechat02 .hd{ margin-bottom:30px}
.wechat02 .hd .num{ font-size:24px;height:40px; line-height:38px}
.wechat02 .hd .title{ font-size:18px; height:40px; line-height:40px; margin-top:10px}
.wechat02 .bd dl.dl1{ display:none}
.wechat02 .bd dl{ width:33.33%}
.wechat02 .bd dl dt{ padding:0 10px}
.wechat02 .bd dl dd{ padding:0 10px}

.wechat03{ padding:30px 0; height:auto}
.wechat03 .hd{ margin-bottom:30px; text-align:center}
.wechat03 .hd .num{ font-size:24px;height:40px; line-height:38px}
.wechat03 .bd{ background:none; height:auto}
.wechat03 .bd li{ position:static; width:100%; margin-bottom:10px; padding-left:70px; background-size:60px; background-repeat:no-repeat; background-position:left top;}
.wechat03 .bd li:nth-child(1){ background-image:url(../images/ico-f01.png)}
.wechat03 .bd li:nth-child(2){ background-image:url(../images/ico-f02.png)}
.wechat03 .bd li:nth-child(3){ background-image:url(../images/ico-f03.png)}
.wechat03 .bd li:nth-child(4){ background-image:url(../images/ico-f04.png)}
.wechat03 .bd li:nth-child(5){ background-image:url(../images/ico-f05.png)}
.wechat03 .bd li h3{ font-size:18px;}

.wechat04{ padding:30px 0; height:auto}
.wechat04 .hd{ margin-bottom:30px; text-align:center}
.wechat04 .hd .num{ font-size:24px;height:40px; line-height:38px; display:inline-block; float:none}
.wechat04 .bd li{ width:16.66%}

.wechat04 .bd li{ font-size:16px; margin-bottom:10px}


.wechat05{ padding:30px 0; height:auto}
.wechat05 .hd{ margin-bottom:30px; text-align:center}
.wechat05 .hd .num{ font-size:24px;height:40px; line-height:38px; display:inline-block; float:none}
.wechat05 .bd img{ display:none}
.wechat05 .bd li{ position:static; margin-bottom:10px; padding-top:70px; background-position:center top; background-repeat:no-repeat; background-size:auto 60px; }
.wechat05 .bd li:nth-child(1){ background-image:url(../images/ico-g01.png)}
.wechat05 .bd li:nth-child(2){ background-image:url(../images/ico-g02.png)}
.wechat05 .bd li:nth-child(3){ background-image:url(../images/ico-g03.png)}
.wechat05 .bd li:nth-child(4){ background-image:url(../images/ico-g04.png)}
.wechat05 .bd li h3{ font-size:20px;}
.wechat05 .bd li .ms{ font-size:14px}

.wechat06{ padding:30px 0; height:auto; margin-bottom:0}
.wechat06 .hd{ margin-bottom:30px; text-align:center}
.wechat06 .hd .num{ font-size:24px;height:40px; line-height:38px; display:inline-block; float:none}

/*公司简介*/ 
.about01{ height:200px;}
.about01 .img{ height:260px;}
.about02{ padding:30px 0}
.about02 .title{ font-size:24px; margin-bottom:10px}
.about03{ height:380px;}
.about04{ padding:30px 0}
.about04 .hd h3{ font-size:24px;}
.about04 .hd{ margin-bottom:10px}
.about04 .bd .item .ms{ font-size:12px;}
.about04 .bd{ margin:0}
.about04 .bd .item{ padding:0 5px;}

.about05 { padding:30px 0}
.about05 .hd h3{ font-size:24px}
.about05 .hd{ margin-bottom:10px}
.about05 .bd li{ width:50%; text-align:center; margin-bottom:10px}
.about05 .bd li .ms{ text-align:left}
.about05 .bd li .ico{ margin-bottom:5px}
.about05 .bd li .ico img{ width:50px;}
.about05 .bd li h3{ font-size:16px}
.about04 .bd .item h3{ font-size:14px;}

.about014{ padding:30px 0}
.about014 .hd h3{ font-size:24px;}
.about014 .hd{ margin-bottom:10px}
.about014 .bd .item .ms{ font-size:12px;}
.about014 .bd{ margin:0}
.about014 .bd .item{ padding:0 5px;}
.about014 .bd .item h3{ font-size:14px;}
}
@media(max-width:768px) {
.web01 .mimg{ display:block}
.web01 .mimg img{ max-width:90%}
.web01 ul{ display:none}
/*微信开发*/
.wechat01 .txt h3{ font-size:28px;}
.wechat01 .txt{ width:65%; padding-top:7%; font-size:16px; padding-right:7%}
.wechat02 .bd dl{ padding:10px 0; float:none; width:100%; margin-bottom:1px; overflow:hidden; padding-left:80px; position:relative}
 
.wechat02 .bd dl dt{ width:80px; height:80px; position:absolute; z-index:1; left:0;top:50%; text-align:center; margin-top:-40px; line-height:normal; text-align:center; border-bottom:none}
.wechat02 .bd dl dd{ height:26px; line-height:26px;border-bottom:none}
.wechat02 .bd dl .ico{ position:static; display:inline-block; width:40px; height:40px; margin-top:0}
.wechat02 .bd dl h3{ line-height:normal; font-size:16px}
.wechat02 .hd .title{ font-size:14px; height:auto; line-height:1.5; padding-bottom:10px}

.wechat05 .bd li h3{ font-size:18px}

/*公司简介*/ 
.about02 .txt{ float:none; width:auto; margin-bottom:10px}
.about02 .txt .t{ margin-bottom:10px; font-size:16px}
.about02 .img{ float:none; width:auto; text-align:center}
.about02 .img img{ max-width:100%; width:auto; display:inline-block}
.about03{ height:280px;}
.about02 .txt .ms{ line-height:1.6}
}
@media(max-width:730px) {
.indexnews .bd li{ width:48%}
/*营销推广*/
.marketing06 li h3{ font-size:20px;}
.marketing06 li .ms{ font-size:14px;}
.marketing06 .img img{ max-width:250px}

/*微信推广*/
.wechat04 .bd li{ width:25%}
.wechat04 .bd .ico img{ width:55px}

/*联系我们20190409*/
.contactusbanner{ padding:20px 10px;}
.contactusbanner h3{ font-size:20px;}
.xpath i{ margin:0 10px;}
.contactus01 .bd li img{ max-width:98px;}
.contactusbanner .p{ font-size:14px}
.contactus01 .hd{ font-size:22px;}
.contactus02 li{ float:none; width:100%}
.contactus02 li .ico img{ max-width:100px;}
.contactus02 li .ms{ font-size:14px;}
.contactus02 li .ms a{ font-size:14px}

.contactus03{ padding:30px 0}
.contactus03 .contactus03left{ background-size:50px; padding-left:60px}
.contactus03 .contactus03left .p1{ font-size:16px}
.contactus03 .contactus03left .p2{ font-size:24px;}
.contactus03 .contactus03left .p3{ font-size:14px;}
.contactus03 .contactus03right{ font-size:14px;}
.contactus03 .contactus03right .ms{ margin-bottom:10px}

.contactus04{ height:340px;}

.contactus05 .hd{ font-size:22px; line-height:1.5}
.contactus05 .contactus05left{ float:none; width:auto}
.contactus05 .contactus05right{ float:none; width:auto}
.contactus05 .contactus05left input{ height:42px; font-size:14px}
.contactus05 .contactus05left li{ margin-bottom:10px}
.contactus05 .contactus05left li img{ height:40px; bottom:0}
.contactus05 .contactus05right textarea{ height:120px}
.contactus05 .bdbtn{ overflow:hidden}
.contactus05 .bdbtn .btn{ width:48%; display:block; margin:0; height:42px; line-height:42px; font-size:14px;}
.contactus05 .bdbtn .sub{ float:left;}
.contactus05 .bdbtn .reset{ float:right;}

.contactus06{ padding:25px 0}
.contactus06 .bd ul{ margin-left:-5px; margin-right:-5px;}
.contactus06 .hd{ font-size:21px; margin-bottom:10px}
.contactus06 .bd li { margin-bottom:10px}
.contactus06 .bd li a{ padding:10px; margin:0 5px;}
.contactus06 .bd li h2{ font-size:14px;}
.contactus06 .bd li .date{ font-size:12px;}
.contactus07{ padding:25px 0}
.contactus07 .contactus07right h3{ font-size:24px}
.contactus07 .contactus07right .p{ font-size:18px}
.contactus07 .contactus07right .p3 a{ height:42px; line-height:42px; font-size:14px}
}
@media(max-width:640px) {
.indexservice .item{ padding-top:20px; min-height:336px; box-shadow:0 0 10px rgba(0,0,0,.2); margin:10px 10px}
.indexservice .item .ico{ height:65px; margin-bottom:21px}
.indexservice .item h3{ font-size:20px;}
.indexservice .item .en{ font-size:12px;}
.indexcase .bd li{ width:48%; margin-bottom:10px}
.indexcase .bd li:last-child{ display:none}
.indexcase .bd .txt{ display:none}
.indexcase .bd .pngtxt{ display:block; position:static; background:none; padding:0}
.indexcase .bd .pngtxt .p2,.indexcase .bd .pngtxt .p3{ display:none}
.indexcase .bd .pngtxt .p1{ color:#333}
.indexcase .bd .pngtxt .p1 span{ display:none}
.indexcase .bd .pngtxt .p4{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#999; margin-bottom:0; font-size:13px}
.indexcase .bd .img{ margin-bottom:0}
.indexcase .more{ margin-top:20px}	

.indexplan .plo{ margin-bottom:20px}
.indexplan li a{ padding:10px 0}
.indexplan li{ margin-bottom:10px}
.indexplan li .ico{ display:inline-block; vertical-align:middle; height:40px; margin-bottom:0; margin-right:5px}
.indexplan li h3{ display:inline-block; width:70px; vertical-align:middle; font-size:16px}
.indexclient .bd li{ margin-bottom:10px;}
.indexclient .bd ul{ margin:0; padding:0 5px;}
.indexclient .bd ul.slick-dots{ text-align:center; margin-top:0px; float:none; width:auto; padding:0;}
.indexclient .slick-dots li{ display:inline-block; width:10px; height:10px; background-color:#666; border-radius:50%; margin:0 5px}
.indexclient .slick-dots li button{ display:none}
.indexclient .slick-dots li.slick-active{ background-color:#a72517}

.indexown .slick-dots{ text-align:center; margin-top:10px }
.indexown .slick-dots li{ display:inline-block; width:10px; height:10px; background-color:#666; border-radius:50%; margin:0 5px; float:none}
.indexown .slick-dots li button{ display:none}
.indexown .slick-dots li.slick-active{ background-color:#a72517}
.indexown .bd li a{ padding-bottom:0; border-bottom:none}

.indexnews{ padding:25px 0}
.indexnews .hd{ margin-bottom:15px;}
.indexnews .imgnews{ margin-bottom:10px}
.indexnews .imgnews dt{ width:31%}
.indexnews .imgnews dd{ width:65%}
.indexnews .hd li{ font-size:13px; padding:0 10px}
.indexnews .hd li:nth-child(4),.indexnews .hd li:nth-child(5){ display:none}
.indexnews .hd li{ border-radius:0; margin:0; background-color:#999; color:#fff; margin:0 -1px; height:38px; line-height:38px}
.imgnews .slick-dots{ margin-top:0}
.indexnews .imgnews{ margin-bottom:0}
.indexnews .hd li.on{ border:1px solid #fff}
.indexnews .bd li{ width:98%; display:none}
.indexnews .bd li:nth-child(1),.indexnews .bd li:nth-child(2),.indexnews .bd li:nth-child(3),.indexnews .bd li:nth-child(4),.indexnews .bd li:nth-child(5),.indexnews .bd li:nth-child(6),.indexnews .bd li:nth-child(7),.indexnews .bd li:nth-child(8),.indexnews .bd li:nth-child(9){ display:block;}
/*案例*/
.nbanner:hover .slick-arrow{ display:none !important}
.nbanner .slick-dots{ bottom:5px;}
.nbanner .item .img{ height:160px;}
.nbanner .slick-dots li button{ width:10px; height:10px}
.caselist .bd li{ width:48%; margin-bottom:10px}
.lanmunav li a{ padding:15px 7px;}
.loadmore .button{ padding:12px 35px;}
/*案例详情*/
.casepage .case_intro{ padding-bottom:10px}
.casepage .case_intro li{ width:48%; margin-bottom:10px}
.casepage .case_intro li:last-child{ float:none; width:auto;}
/*新闻*/
.newslist .bd li a{ padding:15px 0}
.newslist .bd li .img{ width:120px;}
.newslist .bd li .txt{ padding-left:130px;}
.newslist .bd li .txt h3{ font-size:16px; margin-bottom:5px}
.newslist .bd li .txt .ms{ font-size:13px; height:46px; overflow:hidden}
/*新闻内容*/
.detail-con{ padding:20px 10px;}
.detail-tl .title{ font-size:20px; margin-bottom:10px}
.detail-tl{ padding-bottom:10px; margin-bottom:15px;}
/*APP开发*/
.app01{ height:350px; padding-top:20px; background-color:#4469dc; background-size:auto 70%}
.app01 .title .ms{ font-size:12px}
.app02 .title{ margin-bottom:16vw;}
.app02 .bd{ background-size:70%; height:}
.app02 .bd li{ width:40vw}
.app02 .bd li:nth-child(1){ width:80vw; margin-left:-40vw;top:-14vw}

/*营销推广*/
.marketing01{ height:350px}
.marketing01 .title{ top:15%}
.marketing01 .en{ font-size:12px;top:30%}
.marketing01 .t01{ font-size:20px; margin-left:-113px;top:44.5%}
.marketing01 .t02{ font-size:16px; margin-left:90px;}

.marketing06 .img img{ max-width:160px}
.marketing06{ padding-bottom:0}
.marketing06 .txt01 li{ padding:0; min-height:10vw}
.marketing06 .txt02 li{ min-height:1vw}
.marketing06 .txt02 li{ padding:0;}
.marketing06 li h3{ font-size:4vw}
.marketing06 li .ms{ font-size:2.5vw}
.marketing07 ul li{ width:36.33%; margin:-2%}
.marketing07 .hd h3{ margin-bottom:30px}
/*价格*/
.pricebox li{ width:auto; float:none; height:auto; min-height:10px }

/*品牌营销*/
.brand01{ background-size:940px}
.brand01 .weap{ height:407px;}
.brand01 .txt{ float:none; width:auto; text-align:center}
.brand01 .txt .more{ text-align:center}
.brand01 .txt .ms{ font-size:14px; margin-bottom:10%}
.brand01 .img{ bottom:10%;top:auto}

.brand02{ background-size:940px}
.brand02 .weap{ height:409px;}
.brand02 .txt{ position:relative;top:5%}
.brand02 .txt .ms{ font-size:14px}
.brand02 .img{ max-width:50%}

.brand03{ background-size:940px}
.brand03 .weap{ height:419px;}
.brand03 .txt{ width:auto; float:none;top:5%; text-align:center}
.brand03 .txt .ms{ font-size:14px; margin-bottom:10%}
.brand03 .more{ text-align:left}
.brand03 .img{ position:absolute; z-index:1; right:0; bottom:10%;top:auto; width:38%}

.brand04{ background-size:940px}
.brand04 .imgs .im1{ width:38%}
.brand04 .weap{ height:399px;}
.brand04 .txt{ max-width:none; width:90%; left:50%; margin-left:-45%; text-align:center; right:auto;top:5%;  }
.brand04 .txt h3{ margin-bottom:5%}
.brand04 .txt .ms{ font-size:14px}
}

@media(max-width:540px) {
.banner .item .img{ height:300px} 
.banner .slick-dots{ bottom:5px;}
.banner .slick-dots li button{ width:10px; height:10px;}
/*微信开发*/
.wechat01 .txt{ font-size:14px; line-height:1.4; width:80%; padding-top:10%; margin-bottom:20px}
.wechat01 .txt h3{ font-size:24px; margin-bottom:10px}
}
@media(max-width:450px) {
.brand04 .imgs .im2{ bottom:20%}
}
@media(max-width:400px) {
.marketing02 .txtbox li .ms{ font-size:12px;}

}
@-webkit-keyframes toRightFromLeft{49%{-webkit-transform: translate(100%);}50%{opacity: 0;-webkit-transform: translate(-100%);}51%{opacity: 1;}}
@-moz-keyframes toRightFromLeft{49%{-moz-transform: translate(100%);}50%{opacity: 0;-moz-transform: translate(-100%);}51%{opacity: 1;}}
@keyframes toRightFromLeft{49%{transform: translate(100%);}50%{opacity: 0;transform: translate(-100%);}51%{opacity: 1;}}
@-webkit-keyframes toLeftFromRight{49%{-webkit-transform: translate(-100%);}50%{opacity: 0;-webkit-transform: translate(100%);}51%{opacity: 1;}}
@-moz-keyframes toLeftFromRight{49%{-moz-transform: translate(-100%);}50%{opacity: 0;-moz-transform: translate(100%);}51%{opacity: 1;}}
@keyframes toLeftFromRight{49%{transform: translate(-100%);}50%{opacity: 0;transform: translate(100%);}51%{opacity: 1;}}
 
@-webkit-keyframes shake2 {
0% {
   	-webkit-transform: rotate(0);-ms-transform:rotate(0); transform: rotate(0);
 }
 100% {
   	transform:rotate(360deg);
 }
}

@-ms-keyframes shake2 {
0% {
   	-webkit-transform: rotate(0);-ms-transform:rotate(0); transform: rotate(0);
 }
 100% {
   	transform:rotate(360deg);
 }
}
@keyframes shake2 {
0% {
   	-webkit-transform: rotate(0);-ms-transform:rotate(0); transform: rotate(0);
 }
 100% {
   	transform:rotate(360deg);
 }
}