﻿/* APP公共样式 */
.fl{float: left;}
.fr{float: right;}
.inner-contain{width: 1300px;margin: 0 auto;}
::after,
::before{margin: 0;padding: 0;-webkit-tap-highlight-color: transparent;
  /*从边框开始计算  盒子模型*/
  -webkit-box-sizing:border-box;box-sizing: border-box;}
/* APP公共样式 */
/* APP开发流程服务 */
div.container{width: 100%;height: 100%;}
h1.title{width: 100%;text-align: center;font-size: 28px;font-weight: normal;color: #666;padding-top: 49px;padding-bottom: 24px; font-weight:bold;}
p.weishi-totle{width: 100%;text-align: center;font-size: 14px;line-height: 24px;color:#999;padding-bottom: 29px;letter-spacing: 1px;}
p.weishi-btn{width: 100%;text-align: center;padding-bottom: 44px;}
p.weishi-btn>a{font-size: 16px;font-weight: normal;font-stretch: normal;color:#999;display: block;}
p.shiplt{position: absolute;top: 0;left: 0;}
p.shiplt>img{width: 100%;height: 100%;}
div.chat-box{width: 85%;height: 100%;margin: 0 auto;}
div.chat-box-lt{margin-top: 173px;width: 50%;float: left;font-size: 14px;font-weight: normal;font-stretch: normal;line-height:24px;letter-spacing: 1px;color: #ffffff;}
div.chat-box-rt{width:45%;height:480px;background-color: rgba(220,220,220,.6);float: right;margin-top: 35px;}

/* 支持全平台覆盖 */
div.jinpin{width: 100%;position: relative;}
.jinpin .imgOne{position: absolute;top: 6px;right: 836px;font-size: 276px;z-index: -1;color: #dadee8;}
.jinpin .imgTwo{right: 935px;}
div.jinpin>img{width: 40%;float: right;}
div.jinpin-lt{float: left;width: 45%;height: 100%;}
div.jinpin-lt-box{margin-left: 300px;}
div.jinpin-lt-box>h1{width: 100%;font-size: 24px;font-weight: normal;color:#2196F3;padding-top:60px;}
div.jinpin-lt-box>p{width: 100%;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 24px;letter-spacing: 1px;color: #888888;margin-top: 2%;margin-bottom: 8%;}
div.jinpin-lt-box>a{font-size: 16px;font-weight: normal;letter-spacing:1px;color:#2196F3;}
div.jinpin>img.jinpin-lt{width: 40%;float: left;}

/* main31部分 */
.m-title-box{text-align:center;margin-bottom: 30px;}
.m-title-box h1{color:#FFF;font-size:40px;font-weight:bold;line-height:42px;padding-top: 30px;}
.m-title-box span{color:#FFF;font-size:16px;line-height:42px;}

.m-title2-box{text-align:center;margin-bottom: 30px;}
.m-title2-box h1{color:#3a3939;font-size:40px;font-weight:bold;line-height:42px;padding-top: 30px;}
.m-title2-box span{color:#878787;font-size:16px;line-height:42px;}
.main31{margin-top: 50px;}
.main31-box{position: relative;}
.main31-box .main31-rudio-img{width: 350px;height: 350px;position: absolute;left: 473px;top: 26px;border-radius: 50%;transition: transform 3s;}
.main31-rudio-img:hover{transform: rotateY(360deg)}
.main31-img{width: 100%;}
.main31-EG span{display: inline-block;text-align: center;font-size:30px;line-height: 50px;border-radius: 50%; width: 50px;height: 50px;background-color:#3F51B5; color:#FFF;}
.main31-EG h1{display: inline;font-size: 24px;font-weight: bold;color: #353434;}
.main31-EG .main31-EG-Atitle{position: absolute;top: -25px;left: 135px;}
.main31-EG .EG-B{transition: transform 3s;}
.main31-EG .main31-EG-Atitle:hover .EG-B{transform: rotateZ(360deg)}
.main31-EG .main31-EG-Btitle:hover .EG-B{transform: rotateZ(360deg)}
.main31-EG .main31-EG-Ctitle:hover .EG-B{transform: rotateZ(360deg)}
.main31-EG .main31-EG-Dtitle:hover .EG-B{transform: rotateZ(360deg)}
.main31-EG .main31-EG-Btitle{position: absolute;top: -30px;right: 150px;}
.main31-EG .main31-EG-Ctitle{position: absolute;bottom: 95px;left: 20px;}
.main31-EG .main31-EG-Dtitle{position: absolute;bottom: 145px;right: 0;}
.main31-EG .main31-EGtext-style{position: absolute;font-size: 15px;color: #FFFFFF;line-height: 32px;}
.main31-EG .main31-EG-Atext{top: 70px;left: 50px;}
.main31-EG .main31-EG-Btext{top: 60px;right: 145px;color: #727272;text-align: center;}
.main31-EG .main31-EG-Ctext{ bottom: 0px;left: 105px;color: #727272;text-align: center;}
.main31-EG .main31-EG-Dtext{bottom: 25px;right: 160px;}

/* main32 部分*/
.main32-title{width:100%;border-width:0px;border-color:#333333;margin:0 auto;}
.main32{width: 100%;background:#3f51b5;margin-top: 100px;}
.main32-box{position: relative;}
.main32-box .main32-rudio-img{width: 450px;height: 450px;position: absolute;left: 77px;top: 140px;border-radius: 50%;transition: transform 3s;}
.main32-rudio-img:hover{transform: rotateY(360deg)}
.main32-img{width: 55%;}
.main32-EG .main32-EGtext-style{position: absolute; color:#fff;line-height:24px;font-size:16px;padding-left:10px;border-bottom:1px dashed #fff;padding-bottom:10px;}
.main32-EG .main32-EGtext-style h1{font-size:22px;line-height:2em;}
.main32-EG .EG-num{position: absolute;font-weight:bold;color:#fff;font-size:40px;transition: transform 1s;}
.main32-EG .main32-EG-onetitle{top:145px;left:575px;}
.main32-EG .main32-EG-onetitle:hover{transform: rotateX(360deg)}
.main32-EG .main32-EG-twotitle{top: 350px;left:635px;}
.main32-EG .main32-EG-twotitle:hover{transform: rotateX(360deg)}
.main32-EG .main32-EG-threetitle{top: 545px;left: 593px;}
.main32-EG .main32-EG-threetitle:hover{transform: rotateX(360deg)}
.main32-EG .main32-EG-onetext{top: 65px;right: 130px;}
.main32-EG .main32-EG-twotext{top: 256px;right: 130px;}
.main32-EG .main32-EG-threetext{top: 430px;right: 130px;}

/* 动画 */
@keyframes movie-EGtext{
    from{padding-left: 0px;}
    to{padding-left: 230px;}
}
@keyframes movie-yuanimg{
    from{transform: rotateY(0deg)}
    to{transform: rotateY(360deg)}
}

/* 手风琴自适应 */
.skew-box{width:100%; overflow:hidden; position:relative;}
.skew-box:before{content:''; position:absolute; background:#023894; height:100%; width:500px; right:100%; top:0; z-index:8;
    transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);}
.skew-box:after{content:''; position:absolute; background:#023894; height:100%; width:500px; left:100%; bottom:0; z-index:9;
    transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);}
.skew-box ul{display:block; list-style:none; padding:0; margin:0; overflow:hidden; position:relative; z-index:7;}
@media (min-width:992px){
    .skew-box ul li{list-style:none; padding:0; margin:0; width:40%; position:relative; z-index:1;
        transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
    .skew-box ul li:nth-child(2){position:absolute; z-index:2; left:0; top:0; transform:translateX(50%);
        -moz-transform:translateX(50%); -ms-transform:translateX(50%); -o-transform:translateX(50%); -webkit-transform:translateX(50%);}
    .skew-box ul li:nth-child(3){position:absolute; z-index:3; left:0; top:0; transform:translateX(100%);
        -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%); -webkit-transform:translateX(100%);}
    .skew-box ul li:nth-child(4){position:absolute; z-index:4; left:0; top:0; transform:translateX(150%);
        -moz-transform:translateX(150%); -ms-transform:translateX(150%); -o-transform:translateX(150%); -webkit-transform:translateX(150%);}
    .skew-box ul li:nth-child(5){position:absolute; z-index:5; left:0; top:0; transform:translateX(200%);
        -moz-transform:translateX(200%); -ms-transform:translateX(200%); -o-transform:translateX(200%); -webkit-transform:translateX(200%);}
    .skew-box ul:hover li:nth-child(2){transform:translateX(44%); -moz-transform:translateX(44%);
        -ms-transform:translateX(44%); -o-transform:translateX(44%); -webkit-transform:translateX(44%);}
    .skew-box ul:hover li:nth-child(3){transform:translateX(88%); -moz-transform:translateX(88%);
        -ms-transform:translateX(88%); -o-transform:translateX(88%); -webkit-transform:translateX(88%);}
    .skew-box ul:hover li:nth-child(4){transform:translateX(132%); -moz-transform:translateX(132%);
        -ms-transform:translateX(132%); -o-transform:translateX(132%); -webkit-transform:translateX(132%);}
    .skew-box ul:hover li:nth-child(3):hover+li{transform:translateX(156%); -moz-transform:translateX(156%);
        -ms-transform:translateX(156%); -o-transform:translateX(156%); -webkit-transform:translateX(156%);}
    .skew-box ul:hover li:nth-child(2):hover+li{transform:translateX(112%); -moz-transform:translateX(112%);
        -ms-transform:translateX(112%); -o-transform:translateX(112%); -webkit-transform:translateX(112%);}
    .skew-box ul:hover li:nth-child(2):hover+li+li{transform:translateX(156%); -moz-transform:translateX(156%);
        -o-transform:translateX(156%); -ms-transform:translateX(156%); -webkit-transform:translateX(156%);}
    .skew-box ul:hover li:nth-child(1):hover+li{transform:translateX(68%); -moz-transform:translateX(68%);
        -ms-transform:translateX(68%); -o-transform:translateX(68%); -webkit-transform:translateX(68%);}
    .skew-box ul:hover li:nth-child(1):hover+li+li{transform:translateX(112%); -moz-transform:translateX(112%);
        -ms-transform:translateX(112%); -o-transform:translateX(112%); -webkit-transform:translateX(112%);}
    .skew-box ul:hover li:nth-child(1):hover+li+li+li{transform:translateX(156%); -moz-transform:translateX(156%);
        -ms-transform:translateX(156%); -o-transform:translateX(156%); -webkit-transform:translateX(156%);}
    .skew-box ul li strong{position:absolute; left:0%; bottom:40%; width:50%; text-align:center; z-index:999; visibility:visible; opacity:1;
        transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1);
        transition:.25s; -moz-transition:.25s; -ms-transition:.25s; -o-transition:.25s; -webkit-transition:.25s;}
    .skew-box ul li:hover strong{visibility:hidden; opacity:0;
        transform:scale(.6,.6); -moz-transform:scale(.6,.6); -ms-transform:scale(.6,.6); -o-transform:scale(.6,.6); -webkit-transform:scale(.6,.6);
        transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
    .skew-box ul li strong img{max-width:150px; max-height:150px; margin:0 auto; display:block;}
    .skew-box ul li strong i{font-size:55px; color:#fff; line-height:1.2;}
    .skew-box ul li strong h2{color:#fff; margin:0; white-space:nowrap; overflow:hidden; display:block;font-size: 35px;}
    .skew-box ul li strong b{color:#fff; font-weight:normal; white-space:nowrap; overflow:hidden; display:block;}
    .skew-box ul li font{position:absolute; z-index:999; width:75%; padding:0 20%;
        left:-5%; bottom:35%; color:#fff; font-weight:normal; visibility:hidden; opacity:0;font-size: 30px;text-align: center;
        transform:scale(.6,.6); -moz-transform:scale(.6,.6); -ms-transform:scale(.6,.6); -o-transform:scale(.6,.6); -webkit-transform:scale(.6,.6);
        transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
    .skew-box ul li:hover font{visibility:visible; opacity:1;
        transform:scale(0.8,0.8); -moz-transform:scale(0.8,0.8); -ms-transform:scale(0.8,0.8); -o-transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8);
        transition:.25s .4s; -moz-transition:.25s .4s; -ms-transition:.25s .4s; -o-transition:.25s .4s; -webkit-transition:.25s .4s;}
    .skew-box ul li font h1{font-size: 30px;font-weight: normal; color:#fff; margin:0; white-space:nowrap; overflow:hidden; display:block;}
    .skew-box ul li font b{color:#fff; font-weight:normal; white-space:nowrap; overflow:hidden; display:block;}
    .skew-box ul li font p{color:#fff; margin-top:10px; overflow:hidden; max-height:140px;}
    .skew-box ul li font a{color:#023894; float:right; width:180px; height:50px; margin:15px 15px 0 0;
        line-height:50px; text-align:center; position:relative;}
    .skew-box ul li font a:before{background:#fff; left:0; top:0; right:0; bottom:0; content:''; position:absolute; z-index:-1;
        transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);
        transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
    .skew-box ul li font a:hover:before{background:#e6e6e6;}
    .skew-box ul li span{width:100%;transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg); overflow:hidden; display:block; position:relative;}
    .skew-box ul li span:before{width:100%; height:100%; background:#023894; opacity:0; position:absolute; left:0; top:0; content:''; z-index:999;
        transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
    .skew-box ul li:hover span:before{opacity:.6;}
    .skew-box ul li span img{height: 100%; transform:skewX(15deg); -moz-transform:skewX(15deg); -ms-transform:skewX(15deg); -o-transform:skewX(15deg); -webkit-transform:skewX(15deg); width:100%; margin-left:-15%; display:block;} }
@media (max-width:1599px){
    .skew-box ul li strong i{font-size:50px;}
    .skew-box ul li font{padding:0 15%; left:-4%; bottom:17%;}
    .skew-box ul li font p{max-height:130px;}
    .skew-box ul li font a{width:160px; height:45px; line-height:45px; margin:10px 10px 0 0;}}
@media (max-width:1199px){
    .skew-box ul li strong i{font-size:45px;}
    .skew-box ul li font{padding:0 13%; left:-3%; bottom:13%;}
    .skew-box ul li font p{max-height:120px;}
    .skew-box ul li font a{width:140px; height:40px; line-height:40px; margin:10px 10px 0 0;} }
@media (max-width:991px){
    .skew-box:before {
        height: 40%;
        width: 80px;
    }
    .skew-box:after{
        height: 40%;
        width: 80px;
    }
    .skew-box ul:before{height:50%;}
    .skew-box ul:after{height:50%;}
    .skew-box ul:after{display:block; clear:both; content:'';}
    .skew-box ul li{list-style:none; padding:0; margin:0; width:50%; float:left; position:relative;}
    .skew-box ul li span{width:100%; display:block; position:relative;}
    .skew-box ul li span:before{width:100%; height:100%; background:#023894; opacity:0; position:absolute; left:0; top:0; content:''; z-index:995;
        transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
    .skew-box ul li .lazyload5-blue:before{width:200%; height:100%; background:#023894; opacity:0; position:absolute; left:0; top:0; content:''; z-index:995;
        transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
    .skew-box ul li:hover span:before{opacity:.6;}
    .skew-box ul li span img{width:100%; display:block;}
    .skew-box ul li span .lazyload5{width:200%;}
    .skew-box ul li a{display:block; width:100%; height:100%;}
    .skew-box ul li strong{position:absolute; left:0; bottom:30%; width:100%; text-align:center; z-index:999;}
    .skew-box ul li strong i{font-size:45px; color:#fff; line-height:1.2;}
    .skew-box ul li strong img{max-width:140px; max-height:140px; margin:0 auto; display:block;}
    .skew-box ul li strong .icozhizuo{margin-left: 100%;}
    .skew-box ul li strong h2{color:#fff; margin:0; white-space:nowrap; overflow:hidden; display:block;font-size: 18px; margin-top: 20px;}
    .skew-box ul li strong b{color:#fff; font-weight:normal; white-space:nowrap; overflow:hidden; display:block;}
    .skew-box ul li font{display:none;} }
@media (max-width:767px){
    .skew-box ul li strong{bottom:25%; line-height:1.2;}
    .skew-box ul li strong img{max-width:50px; max-height:50px;}
    .skew-box ul li strong i{font-size:30px; line-height:1;}
    .skew-box ul li strong h2{font-size:20px;}
    .skew-box ul li strong b{font-size:12px;} }

    /* 支持全平台覆盖  APP开发 开发服务自适应 */
    @media (max-width:1200px){
    .inner-contain{width: 95%;margin: 0 auto;}

    /* main31 宽度1200 */
    .main31{width: 100%;background:url(../images/app-services-bg.jpg)}
    .main31-rudio-img{display: none;}
    .main31-img{display: none;}
    .main31-EG span{font-size: 9.375rem;width: 100px;height: 100px;color: #637987;background-color:#3F51B5;}
    .main31-EG .main31-EG-Btitle span{color: #637987}
    .main31-EG .main31-EG-Ctitle span{color: #637987}
    .main31-EG .main31-EG-Dtitle span{color: #637987}
    .main31-EG h1{color: #666;padding: 20px;font-size: 1.5rem;}
    .main31-title{border-bottom: 1px dashed #888;}
    .main31-box{position: static;}
    .main31-EG .main31-EG-Atitle{position: static;padding: 60px 0px 30px 50px;}
    .main31-EG .main31-EG-Btitle{position: static;padding: 60px 30px 0px 50px;text-align: right;}
    .main31-EG .main31-EG-Ctitle{position: static;padding: 60px 0px 30px 50px;}
    .main31-EG .main31-EG-Dtitle{position: static;padding: 60px 30px 0px 50px;text-align: right;}
    .main31-EG .main31-EGtext-style{position: static;font-size: 1.25rem;color: #8ca3aa;line-height: 32px;text-align: center;}

    /* main32 1200宽度 */
    .main32{padding-top: 17px;margin-top: 0px;}
    .main-imgnone{display: none;}
    .main32-box{position: static;}
    .main32-title{border-bottom: 1px dashed #888;}
    .main32-EG .main32-EGtext-style{position: static;font-size: 1.25rem;color: #fff;line-height: 32px;text-align: center;}
    .main32-EG .main32-EGtext-style h1{text-align: left;margin-left: 60px; color: #dadee8;font-size: 1.5rem;}
    .main32-EG .EG-num{position: static;padding: 15px 0px 8px 20px;display: block;}
    .main32-EG .main32-EGtext-style h1{animation: movie-EGtext 0s linear 0s infinite alternate}

    /* 动画 */
    @keyframes movie-EGtext{from{padding-left: 0px;}to{padding-left: 100px;}}
}
@media (max-width:991px){
    .jinpin imgOne{top: -10%;right: 43%;font-size: 8rem;}
}

/*max-width:750px*/
@media screen and (max-width:750px){
    div.news-title-box{width:95%;}
    img.hzhb-title-lt-shouji{display: block;}
    p.hzhb-title-lt{display: none;}
    ul.hzhb-title>li:nth-child(3n+2) {margin: auto;}
    .jinpin .imgOne{display: none;}
}
@media screen and (max-width:1000px){
    .slider-nav{display:block;}
    div.banner-box{display: none;}
}
@media screen and (max-width:750px){
	/*app开发开始*/
	.reality{padding:10px 0;}
	.m-title2-box h1{color:#fff;font-size:2em;line-height:1.5rem;}
	.m-title2-box span{color:#eee;font-size:0.8em;line-height:1.5rem;}

	
	.main31{padding-bottom:20px;}
	.main31-EG .EG-B{margin-left:0;display:none;}
	.main31-EG .main31-EG-Atitle,.main31-EG .main31-EG-Btitle,.main31-EG .main31-EG-Ctitle,.main31-EG .main31-EG-Dtitle{text-align:center;padding:0;margin-top:20px;}
	.main31-EG h1{color:#fff;padding:0;line-height:1.5em;font-size:1rem;}
	.main31-EG br{display:none;}
	.main31-EG .main31-EGtext-style{width:80%;margin-left:10%;line-height:1.5em;color:#ddd;font-size:0.9rem;}
	
	.main32{background:#fff;}
	.main32-title .m-title-box h1{color:#333;}
	.main32-title .m-title-box span{color:#999;}
	.main32:after{content:"";display:block;clear:both;}
	.m-title-box h1{color:#fff;font-size:2em;line-height:1.5rem;}
	.m-title-box span{color:#eee;font-size:0.8em;line-height:1.5rem;}
	.main32-EG{margin-top:20px;}	
	.main32-EG:after{content:"";display:block;clear:both;}
	.main32-EG span{display:block;float:left;width:15%;margin-bottom:-60px;}
	.main32-EG br{display:none;}
	.main32-EG div{width:100%;float:right;}
	.main32-EG .main32-EGtext-style{clear:both;padding-left:20%;color:#999;font-size:0.8em;text-align:left;line-height:1.5em;}
	.main32-EG .EG-num{padding:0;color:#333;}
	.main32-EG .main32-EGtext-style h1{margin-left:0;color:#333;font-size:2em;line-height:1.5em;}
	

	/*app开发结束*/


    div.news-title-box {margin: 0 auto;padding:1rem 0;}
    div.news-title-box>h1{font-size: 20px;}
    p.wx>i.wc-ewm{display: none;}
    p.new-title-p1{font-size: 14px;width: 95%;}
    ul.header-title{display: none;}
    span.phone{display: none;}
    span.tanchu{display:block;}
    p.wx {width:0.4rem;height:1rem;bottom: 0;}
    p.wx>i{display: none;}
    p.yous{width:0.4rem;height:1rem;}
    span.tanchu{width:0.4rem;}
    a.logo{width:20%;}
    div.header {height:60px;position: fixed;top: 0;z-index: 100000;}
    div.header-box {height:60px;line-height:60px;}
    div.contact-banner {width: 100%;height: 5rem;margin-top: 60px;}
    div.contact-banner>img.img1{display: none;}
    div.contact-banner>img.img2{display: block;height: 100%;}
    div.tanchuk{top: 60px;}
    div.tanchuk>ul>li {line-height: 20px;padding: 5px 24px;}
    div.tanchuk>ul>li>a {font-size: 14px;}
    .flex-control-nav{bottom: 0;}
    h1.title {font-size: 1.8em;padding-top:0.49rem;padding-bottom:0.24rem;}
    p.weishi-totle {font-size: 1.2em;line-height:20px;padding-bottom:0.29rem;width:94%;margin-left:3%;}
    p.weishi-btn{padding-bottom: 15px;}
    p.weishi-btn>a {font-size: 1.2em;}
    p.shiplt{width:0.4rem;height:1rem;}
    div.chat {height: auto;}
    div.chat-box-lt {margin-top: 0;width: 100%;float: none;padding-top: 0.5rem;font-size: 0.16rem;line-height: 18px;}
    div.chat-box-rt {width: 100%;height: auto;float: none;padding-bottom: 20px;}
    div.chat-box{width: 95%;}
    div.chat-box-rt>video{height: 6rem;}
    div.jinpin>img{float:none;vertical-align: top;}
    div.jinpin-lt {float:none;width:100%;padding-left:0px;margin-top:10px;}
    div.jinpin-lt-box{margin-left:5%;width:90%;}
    div.jinpin-lt-box>h1 {font-size:1.5em;padding-top:10px;}
    div.jinpin-lt-box>p {font-size: 1.2em;line-height:1.5em;margin-top: 5px;}
    div.jinpin>img.jinpin-lt{width:40%;float: none;}
    div.jinpin-lt-box>a{font-size: 1.2em;display: block;margin: 10px 0;}
    div.new-title{height: auto;padding: 0.5rem 0;}
    ul.new-title{width: 100%;}
    ul.new-title>li:nth-child(5){margin: auto;margin-top: 50px;}
    ul.new-title>li:nth-child(1){margin: auto;margin-top:0px;}
    ul.new-title>li{width:90%;border:1px solid #fff;float: none;margin: 0 auto;margin-top: 50px;height: auto;}
    p.new-title-p2{width:95%;font-size: 12px;margin-bottom: 70px;}
    p.zhujiao {height: auto;font-size: 10px;line-height: 20px;}
    div.footer-box{width: 100%;}
    ul.footer-box-title>li {width: 50%;float: left;text-align: center; margin-top:0;border: none;line-height: 30px;}
    ul.footer-box-title {float:none;width: 100%;margin-top:20px;}
    div.footer-box-title-rt { float: none; margin-top:14px;text-align: center;}
    a.logo>img{width: 100%;}
    span.tanchu{margin-top: 10px;}
    p.about-box-title-p1>span{font-size: 0.25rem;}
    div.banner {margin-top: 60px;}
    div.site {padding: 0.5rem 0;}
    p.site-box-title{padding-top: 0.3rem;margin-bottom: 0.1rem;}
    p.site-box-title>b {font-size: 0.36rem;}
    p.site-box-title>span {font-size: 0.24rem;margin-left: 5px;}
    ul.site-box-title1>li {width: 100%;float: left;margin-top:0.3rem;}
    ul.site-box-title1>li>p {font-size:0.18rem;color: #444444;}
    ul.site-box-title1{margin-bottom: 0;}
    div.banner-title{margin: 0.4rem auto;}
    div.banner-linian {display: none;}
    div.shouji-banner-linian{width: 100%;display: block;}
    div.dy-box{padding: 0.5rem 0;}
    p.dy-new-title-p1 {padding-top: 0.35rem;margin-bottom: 0.54rem;}
    p.dy-new-title-p1>b {font-size: 0.36rem;}
    p.dy-new-title-p1>span {font-size:0.24rem;}
    p.rili>span:nth-child(1) {font-size: 0.28rem;}
    p.rili>span:nth-child(2) {font-size: 0.16rem;}
    p.about-box-title-p1 {width: 95%;margin-top: 0.32rem;margin-bottom: 0.48rem;font-size: 0.18rem;line-height: 20px;}
    div.about-box-title {padding-bottom: 0.5rem;margin-top: 0.5rem;}
    div.about-box {padding: 0 0 0.5rem 0;}
    ul.hzhb-title{height:auto;}
    ul.hzhb-title>li{height:auto;width: 100%;margin-left: 0;float: none;}
    ul.site-box-title-nav>li {margin-top: 0.1rem;}
    p.hzhb-title-lt {width: 100%;height:2rem;float: none;margin-top: 0.1rem;}
    div.hzhb-title-rt {float: none;width: 100%;}
    div.hzhb-title-rt>h1 {font-size: 0.28rem;padding-top: 0.36rem;}
    div.hzhb-title-rt>p {font-size: 0.18rem;line-height: 24px;color: #444444;margin-top: 0.24rem;}
    div.tixi-box-lt {width: 100%;float: none;padding: 0.5rem 0;font-size: 0.18rem;line-height: 20px;color: #444444;}
    div.tixi-box-rt{float: none;width: 100%;}
    div.tixi-box-rt>img{width: 80%;height: auto;}
    div.jxts-box-rt{display: none;}
    ul.jxts-box-lt {width: 100%;float: none;}
    ul.jxts-box-lt>li {margin-top: 0.4rem;}
    ul.jxts-box-lt>li:first-child{margin-top: 0;}
    ul.jxts-box-lt>li>span{font-size: 0.16rem;width: 80%;}
    ul.jxts-box-lt>li>a{font-size: 0.3rem;}
    div.yftd-banner{width: 100%;}
    div.yftd-banner .swiper-slide>h1{font-size: 0.2rem;}
    div.yftd-banner .swiper-slide>p{font-size: 0.16rem;}
    div.gltx{display: none;}
    div.phone-box{display:block;}
    /*end*/
}

/*750px至1200px*/
@media screen and (min-width:750px) and (max-width:1200px) {
    div.jxts-box-rt{display: none;}
    ul.jxts-box-lt {width: 100%;float: none;}
    ul.jxts-box-lt>li {margin-top: 0.4rem;}
    ul.jxts-box-lt>li:first-child{margin-top: 0;}
    ul.jxts-box-lt>li>span{font-size: 0.16rem;}
    ul.jxts-box-lt>li>a{font-size: 0.18rem;}
    .flex-control-nav{bottom: 0;}
    .flex-control-paging li a {border: none;background-image: none;width: 11px;height: 11px;display: block;background: #666;background: rgba(0,0,0,0.5);cursor: pointer;text-indent: -9999px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
    .flex-control-paging li:nth-child(2) a{background-image: none;}
    .flex-control-paging li a.flex-active {background: #000;background: rgba(0,0,0,0.9);cursor: default;background-image: none;border: none;}
    div.chat-box{overflow: hidden;}
    a.logo{width: 15%;}
    ul.header-title{display: none;}
    span.phone{display: none;}
    span.tanchu{display:block;}
    div.header{position: fixed;top: 0;z-index: 10000000;}
    div.banner{margin-top: 80px;}
    p.wx>i{display: none;}
    p.wx {width: 65px;height: 184px;}
    p.wx>i.wc-ewm{display: none;}
    p.yous {width: 65px;height: 184px}
    p.shiplt {width: 65px;height: 184px}
    div.footer-box{width: 100%;}
    ul.footer-box-title{width:60%;}
    ul.footer-box-title>li{width: 16.6%;border: none;}
}
/* 1234数字定位 */
@media screen and (min-width:750px) and (max-width:1000px){
    .jinpin .imgOne{right: 42%;top: -19%;font-size: 10rem;}
    .jinpin .imgTwo {right: 50%;top: -17%;}
}
@media screen and (min-width:1000px) and (max-width:1200px){
    .jinpin .imgOne{right: 43%;top: -22%;font-size: 14rem;}
    .jinpin .imgTwo {right: 47%;top: -24%;}
}
@media screen and (min-width:1200px) and (max-width:1500px){
    .jinpin .imgOne{right: 42%;top: -20%;font-size: 14rem;}
    .jinpin .imgTwo {right: 50%;top: -20%;}
}
@media screen and (min-width:1500px) and (max-width:1880px){
    .jinpin .imgOne{right: 43%;top: -8%;font-size: 16rem;}
    .jinpin .imgTwo {right: 50%;top: -12%;}
}
/* ABCD英文定位 */


/*750px至1100px*/
@media screen and (min-width:750px) and (max-width:1100px) {
    div.tixi-box-lt {width: 100%;float: none;padding: 50px 0;font-size: 18px;line-height:35px;color: #444444;}
    div.tixi-box-rt{float: none;width: 100%;}
    div.tixi-box-rt>img{width:50%;height: auto;}
    div.chat{height: auto;}
    div.chat-box-lt { margin-top:0;width: 100%;float: none;padding-top: 0.5rem;}
    div.chat-box-rt {width: 100%;height: auto; float:none;}
    div.chat-box-rt>video {padding-bottom: 20px;}
    h1.title {padding-top: 10px;padding-bottom: 10px;}
    p.weishi-totle{padding-bottom: 15px;}
    p.weishi-btn {padding-bottom: 15px;}
    div.jinpin-lt-box {margin-left: 10px;}
    div.jinpin-lt-box>h1 {font-size: 16px;padding-top:0;}
    div.jinpin-lt-box>p {font-size: 14px;line-height: 20px;margin-top: 10px;margin-bottom:0;}
    div.jinpin-lt-box>a{font-size: 14px;}
    div.jinpin{margin-top: 30px;}
    div.new-title{height: auto;padding-bottom: 50px;}
    ul.new-title{width: 100%;}
    ul.new-title>li{width: 40%;margin-left:6.5%;}
    ul.new-title>li:nth-child(1), ul.new-title>li:nth-child(5){margin-left:6.5%;}
}
@media screen and (min-width:1000px) and (max-width:1500px) {
    .skew-box ul li strong h2{font-size: 20px;}
    .skew-box ul li font>img{width: 140px;height: 140px;}
    .skew-box ul li strong img {max-width:140px;max-height: 140px;margin: 0 auto;display: block;}
    .skew-box ul li font {padding: 0 15%;left: -2%;bottom: 40%;}
    div.jinpin-lt-box>h1 {padding-top:8%;}
    div.jinpin-lt-box>p {margin-top: 10px;margin-bottom: 0px;}
    div.jinpin-lt-box {margin-left: 150px;}
}
@media screen and (min-width:1100px) and (max-width:1500px) {
    ul.new-title{width:95%;}
    ul.new-title>li{width: 24%;margin-left: 1.3%;}
    p.new-title-p1{width: 95%;}
    p.new-title-p2{width: 95%;}
}
/*1000px至1500px*/
@media screen and (min-width:1000px) and (max-width:1500px) {
    div.hzhb-title-rt>p {font-size: 14px;line-height: 24px;color: #444444;margin-top:15px;}
    div.hzhb-title-rt>h1 {font-size: 22px;color: #023894;font-weight: 500;padding-top: 36px;}
}



/*Ymain10*/
.Ymain9{width:100%;height:auto;background:#fff;padding:50px 0;}
.Ymain9 p{color:#9E9E9E;font-size:1.4em;margin:5px 0;}
.Y9Title{width:100%;height:auto;text-align:center;}
.Y9Title h2{color:#666;font-size:3.5em;margin:0px 0;font-weight:bold;}
.Y9Title span{width:80%;height:auto;font-size:2em;display:block;margin:20px auto;color:#606266;}
/*Ymain11*/
.Ymain11{width:100%;height:auto;background:#eee;padding:50px 0;} 
.Y11Title{width:100%;height:auto;text-align:center;}
.Y11Title h2{color:#606266;font-size:2.5em;margin:0px 0;}
.Y11Title span{width:80%;height:auto;font-size:1.5em;display:block;margin:20px auto;color:#606266;}
.Y11biaoBox{width:100%;height:auto;position:relative;overflow:hidden;}
.Y11biaonav{width:100%;height:50px;margin:0 auto;position:relative;top:0;left:0; }
.Y11biaonav li{float:left;padding:0 20px; text-align:center;line-height:50px;font-size:1.2em;color:#000; background-color: #fff; margin-right: 20px !important;margin-bottom: 20px !important;
box-shadow: 10px 10px 8px rgb(0 0 0 / 6%);}
.Y11biaonav li:hover a{color:#F00;-webkit-transition: all 0.5s;}
/*main4结束*/
/*main15开始*/
.main15{width:100%;height:auto;padding:50px 0;background:#3f51b5;}
.mainTitle{text-align:center;}
.mainTitle h2{font-size:2rem;color:#FFF;font-weight:bold;}
.mainTitle h3{font-size:1rem;color:#FFF;margin-top:10px;}

.main15 .inner:after{content:"";display:block;clear:both;}
.main15 .inner>div.jiantou{position:absolute;top:50%;right:1vw;margin-top:-9px;-webkit-animation-name:jiantouDong;animation-name:jiantouDong;-webkit-animation-duration:3s;animation-duration:3s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
.main15 .inner>div.jiantou i{font-size:14px;color:#333;}
@keyframes jiantouDong{
	0%,100%{opacity:0;transform:translateX(-5px);}
	20%{opacity:0.75;transform:translateX(-3px);}
	75%{opacity:0;transform:translateX(2px);}
}
@-webkit-keyframes jiantouDong{
	0%,100%{opacity:0;transform:translateX(-5px);}
	50%{opacity:0.75;transform:translateX(-3px);}
	75%{opacity:0;transform:translateX(2px);}
}
.main15 ul{width:100%;position:relative;margin-top:30px;}

.main15 ul:after{content:"";display:block;clear:both;}
.main15 ul li{width:10%;float:left;margin-right:5%;border:1px solid #FFF;overflow:hidden;position:relative;padding-bottom:10%;border-radius:15%;transition:all 0.3s;}
.main15 ul li:last-of-type{margin-right:0;}
.main15 ul li a{display:block;width:100%;position:absolute;top:50%;}
.main15 ul li a div{width:200%;margin-top:-25%;transition:all 0.3s;}
.main15 ul li a div i{display:block;width:50%;float:left;text-align:center;font-size:2.5rem;color:#fff;float:left;}
.main15 ul li a div i:last-of-type{color:#fff;}
.main15 ul li a h4{font-size:1.2rem;color:#fff;text-align:center;line-height:2em;transition:all 0.3s;}
.main15 ul li:hover{border-color:#fff;transition:all 0.3s;box-shadow:0 0 15px #ccc;}
.main15 ul li:hover a div{margin-left:-100%;transition:all 0.3s;}
.main15 ul li:hover a h4{color:#fff;transition:all 0.3s;}
/*main15结束*/

/*main6结束*/
.main7{width:100%;height:auto;background:#fff;padding:50px 0;overflow:hidden;}
.M7left{width:40%;height:auto;float:left;}
.M7left>a{display:block;position:relative;width:100%;height:auto;padding-bottom:60%;width:100%;height:100%;}
.M7left>a img{position:absolute;top:0;left:0;width:100%;height:100%;}
.M7right{width:60%;height:auto;float:left;padding:0 0 0 5%;}
.M7right h3{color:#666;font-size:2.8em;margin:0px 0;margin-bottom:25px;}
.M7right p{color:#666;font-size:1.4em;margin:10px 0;}
.M7right a{display:block;width:120px;height:35px;line-height:35px;font-size:1.5em;background: #3f51b5;color:#fff;border-radius:30px;text-align:center;margin-top:35px;}
.M7right a:hover{background:#666;color:#fff;}
/*main17结束*/
.main017{width:100%;height:auto;padding:50px 0;overflow:hidden;background:#F4F4F4;}
.M017left{width:40%;height:auto;float:left;}
.M017left>a{display:block;position:relative;padding-bottom:60%;width:100%;height:100%;}
.M017left>a img{position:absolute;top:0;left:0;width:auto;height:auto;}
.M017right{width:60%;height:auto;float:left;padding:0 0 0 5%;}
.M017right h3{color:#666;font-size:2.8em;margin:0px 0;margin-bottom:25px;}
.M017right p{color:#666;font-size:1.4em;margin:10px 0;}
.M017right a{display:block;width:120px;height:35px;line-height:35px;font-size:1.5em;color:#666;border-radius:30px;background-color:#fff;text-align:center;margin-top:35px;}
.M017right a:hover{background:#666;color:#fff;}
/*main07结束background:#FF5722 url(images/bj123.jpg) no-repeat fixed 50% -30%;*/

.main8{width:100%;height:auto;padding:50px 0 0 0;overflow:hidden;background:#fff; background-position:0px -500px;} 

.M8left{width:60%;height:auto;float:left;padding:0 0 0 0;}
.M8left h3{color:#666;font-size:2.8em;margin:0px 0;margin-bottom:25px;}
.M8left p{color:#666;font-size:1.4em;margin:10px 0;width:80%}
.M8left a{display:block;width:120px;height:35px;line-height:35px;font-size:1.5em;color:#fff;border-radius:30px;background:#3f51b5;text-align:center;margin-top:35px;}
.M8left a:hover{background:#9E9E9E;color:#fff;}
.M8right{width:40%;height:auto;float:left;}
.M8right>a{display:block;position:relative;width:100%;height:auto;padding-bottom:55%;width:100%;height:100%;}
.M8right>a img{position:absolute;top:10px;left:0;width:90%;height:auto;}
.main11{width:100%;height:auto;background:#ddd;padding:50px 0;overflow:hidden;}
.M11Title{width:100%;height:auto;text-align:center;}
.M11Title h2{color:#999;font-size:2.5em;margin:0px 0; font-weight:bold;}
.M11Title span{width:70%;height:auto;font-size:1.3em;display:block;margin:20px auto;color:#999;}

.M11Left{width:59%;height:auto;float:right;background:#fff;}
.M11LeftUl{width:100%;height:auto;}
.M11LeftUl>li{width:25%;height:auto;float:left;background:#fff;padding:50px 0;cursor:pointer;-webkit-transition: all 0.3s;border:1px solid #eee;border-left:none;-webkit-transition: all 0.5s;}
.M11LeftUl>li:nth-child(even){background:#f8f8f8;}
.M11LeftUl>li:nth-child(-n+4){border-bottom:none;}
.M11LeftUl>li:nth-child(4n+1){border-left:1px solid #eee;}
.M11LeftUl>li.M11hover{box-shadow:0 0 35px #ddd;-webkit-transition: all 0.5s;}
.M11LeftUl>li:hover>a h2{color:#FF5722; font-weight:bold;font-family:"微软雅黑";}
.M11LeftUl>li>a{display:block;width:100%;height:100%;}
.M11LeftUl>li>a h2{display:block;width:100%;height:auto;font-size:3em;line-height:2em;text-align:center;margin:15px 0;color:#9E9E9E;font-weight:bold;font-family:"微软雅黑";}
.M11LeftUl>li>a h5{display:block;width:100%;height:auto;font-size:1.5em;line-height:1.5em;text-align:center;margin-top:5px;color:#999;}

.M11Right{width:40%;height:auto;float:left;}
.M11RightUl{width:100%;height:auto;position:relative;}
.M11RightLi{width:100%;height:auto;background:#fff;padding:112px 0;position:absolute;border:1px solid #565656;background:#565656;-webkit-transition: all 0.5s;}
.M11RightLi:hover{box-shadow:0 0 15px #ddd;-webkit-transition: all 0.5s;}
.M11RightLi>a{display:block;width:100%;height:100%;}
.M11RTitle{width:60%;height:auto;margin:0 auto;}
.M11RTitle h2{font-size:2.5em;color:#FFF;}
.M11RTitle h3{font-size:2em;color:#FFF;white-space:nowrap;}
.M11RTxt{width:60%;height:auto;margin:0 auto;margin-top:25px;}
.M11RTxt p{font-size:1.2em;line-height:1.6em;color:#FFF;}
/*main11结束 background-image: url(images/bj123.jpg);*/

.main112{width:100%;height:auto;background:#3f51b5;padding:50px 0;overflow:hidden;}
.M112Title{width:100%;height:auto;text-align:center;}
.M112Title h2{color:#FFF;font-size:2.5em;margin:0px 0; font-weight:bold;}
.M112Title span{width:70%;height:auto;font-size:1.3em;display:block;margin:20px auto;color:#FFF;}

.M112Box:after{content:"";display:block;clear:both;}
.M112Left{width:60%;height:auto;float:left;background:#fff;}
.M112LeftUl{width:100%;height:auto;position:relative;}
.M112LeftLi{width:100%;height:auto; min-height:355px;background:#fff;padding:30px 0;position:absolute;border:1px solid #ddd;background:#fff;-webkit-transition: all 0.5s;}
.M112LeftLi:hover{background:#f8f8f8;-webkit-transition: all 0.5s;}
.M112LeftLi>a{display:block;width:100%;height:100%;}
.M112LTitle{width:85%;height:auto;margin:0 auto;}
.M112LTitle h2{font-size:2.5em;color:#999;white-space:nowrap;}
.M112LTitle h3{font-size:2em;color:#999;white-space:nowrap;}
.M112LTxt{width:85%;height:auto;margin:0 auto;margin-top:35px;}
.M112LTxt span{font-size:1.2em;line-height:1.6em;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}

.M112Right{width:39%;height:auto;float:right;}
.M112RightUl{width:66.66%;height:auto;position:relative;}
.M112RightUl:after{content:"";display:block;clear:both;}
.M112RightUl>li{width:50%;height:auto;float:left;background:#fff;padding:20px 0;cursor:pointer;-webkit-transition: all 0.3s;border:1px solid #ddd;border-left:none;-webkit-transition: all 0.5s;}
.M112RightUl>li:nth-child(-n+2){border-bottom:none;}
.M112RightUl>li:nth-child(2n+1){border-left:0px solid #eee;}
.M112RightUl>li.M112hover{background:#656565;}
.M112RightUl>li.M112hover>a h2{color:#fff;}
.M112RightUl>li.M112hover>a span{color:#fff;}
.M112RightUl>li.M112hover>a em{color:#fff;}
.M112RightUl>li>a{display:block;width:100%;height:100%;}
.M112RightUl>li>a h2{display:block;width:100%;height:auto;font-size:3em;line-height:2em;text-align:center;margin:10px 0;color:#666;font-family:"微软雅黑","Arial";}
.M112RightUl>li>a span{display:block;width:100%;height:auto;font-size:1.4em;line-height:1.5em;text-align:center;margin-top:5px;color:#666;}
.M112RightUl>li>a em{display:block;width:100%;height:auto;font-size:1em;line-height:1em;text-align:center;margin-top:5px;color:#999;}

.M112RightUl>li:last-of-type{position:absolute;top:0;width:50%;height:100%;right:-50%;display:flex;align-items:center;}
.M112RightUl>li>a{height:auto;}
/*main112结束*/

/*main13*/
.main13{width:100%;height:auto;background:#fff;padding:50px 0;overflow:hidden;}
.main13 .inner:after{content:"";display:block;clear:both;}
.main13 .inner>div.jiantou{position:absolute;top:50%;right:1vw;margin-top:-9px;-webkit-animation-name:jiantouDong;animation-name:jiantouDong;-webkit-animation-duration:3s;animation-duration:3s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
.main13 .inner>div.jiantou i{font-size:14px;color:#333;}
.Y13Title{width:100%;height:auto;text-align:center;}
.Y13Title h2{color:#666;font-size:2.5em;margin:0px 0;}
.Y13Title span{width:80%;height:auto;font-size:1.3em;display:block;margin:20px auto;color:#666;}
.Y13Box_ul{margin-top:30px;}
.Y13Box_ul:after{content:"";display:block;clear:both;}
.Y13Box_li{width:20%;height:auto;padding:50px 50px;float:left;border:;padding-bottom:20px;}
.Y13Box_li a{display:block;text-align:center;}
.Y13Box_li:hover .Yuan{border:1px solid #ccc;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition: all 0.5s;}
.Y13Box_li:hover a span{color:#ccc;-webkit-transition: all 0.5s;}
.Y13Box_li:hover a h3{color:#ccc;-webkit-transition: all 0.5s;}
.Y13LiImg{width:100%;height:auto;position:relative;padding-bottom:100%;}
.Yuan{width:80%;height:80%;position:absolute;top:0;left:13%;background:none;border-radius:50%;border:1px solid #fff;-webkit-transition: all 0.5s;}
.Y13LiImg img{width:80%;height:auto;position:absolute;top:0;left:13%;}
.Y13Box_li a h3{display:block;font-size:1.5em;margin-top:0px;color:#666;-webkit-transition: all 0.5s;}
.Y13Box_li a span{display:block;font-size:1.1em;margin-top:15px;color:#999;-webkit-transition: all 0.5s;}
/*main13结束*/

/*网站建设开始*/
.AjzTitle{width:100%;height:auto;text-align:center;}
.AjzTitle h3{font-size:1.8em;color:#FFF;font-weight: bold;}
.AjzTitle h4{font-size:1.2em;color:rgba(255,255,255,0.8);margin-top:5px;}

.AjzzbMain{width:100%;height:auto;background:#4587e8;padding:50px 0;position:relative;}
.AjzzbMain .inner{overflow:hidden;}
.AjzzbMain:before{content:"";display:block;position:absolute;top:0;left:50%;margin-left:-16px;border-width:16px 16px 0px 16px;border-style:solid;border-color:#fff transparent transparent transparent;}
.AjzzbMain-ul{width:100%;height:auto;margin-top:30px;}
.AjzzbMain-ul:after{content:"";display:block;clear:both;}
.AjzzbMain-ul li{width:31%;height:auto;float:left;margin-right:3.5%;}
.AjzzbMain-ul li:last-of-type{margin-right:0;}
.AjzzbMain-ul li img{width:100%;height:auto;}
.AjzzbMain-ul li h3{font-size:1.5em;border-left:2px solid rgba(255,255,255,1);padding-left:10px;color:rgba(255,255,255,1);margin:10px 0;transition-duration:0.3s;}
.AjzzbMain-ul li span{display:block;font-size:1.1em;line-height:18px;height:54px;overflow:hidden;color:rgba(255,255,255,0.8);}
.AjzzbMain-ul li:hover h3{padding-left:15px;}

.AjzzbMain .inner:after{content:"";display:block;clear:both;}
.AjzzbMain .inner>div.jiantou{position:absolute;top:50%;right:1vw;margin-top:-9px;-webkit-animation-name:jiantouDong;animation-name:jiantouDong;-webkit-animation-duration:3s;animation-duration:3s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
.A1jzzbMain .inner>div.jiantou i{font-size:14px;color:#333;}

/*建站准备*/
.AzzjzMain{width:100%;height:auto;position:relative;padding:50px 0;}
.AzzjzMain .inner{overflow:hidden;}
.AzzjzMain .AjzTitle h3{color:#666;font-weight: bold;}
.AzzjzMain .AjzTitle h4{color:rgba(0,0,0,0.7);}
.AzzjzMain:before{content:"";display:block;position:absolute;top:0;left:50%;margin-left:-16px;border-width:16px 16px 0px 16px;border-style:solid;border-color:#4587e8 transparent transparent transparent;}
.AzzjzMain-ul{width:100%;height:auto;margin-top:30px;}
.AzzjzMain-ul:after{content:"";display:block;clear:both;}
.AzzjzMain-ul li{width:20%;height:auto;float:left;text-align:center;padding:0 15px;}
.AzzjzMain-ul li i{font-size:5.5em;color:#0099e6;transition-duration:0.3s;}
.AzzjzMain-ul li h3{font-size:1.5em;color:#333;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0 5px 0;}
.AzzjzMain-ul li span{display:block;font-size:1.1em;line-height:18px;height:36px;overflow:hidden;color:#999;}
.AzzjzMain-ul li:hover i{color:#333;}

.AzzjzMain .inner:after{content:"";display:block;clear:both;}
.AzzjzMain .inner>div.jiantou{position:absolute;top:50%;right:1vw;margin-top:-9px;-webkit-animation-name:jiantouDong;animation-name:jiantouDong;-webkit-animation-duration:3s;animation-duration:3s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
.AzzjzMain .inner>div.jiantou i{font-size:14px;color:#333;}
/*正在建站*/
.wzsxMain{width:100%;height:auto;background:#4587e8;padding:50px 0;position:relative;}
.wzsxMain .inner{overflow:hidden;}
.wzsxMain:before{content:"";display:block;position:absolute;top:0;left:50%;margin-left:-16px;border-width:16px 16px 0px 16px;border-style:solid;border-color:#fff transparent transparent transparent;}
.wzsxMain-ul{width:100%;height:auto;margin-top:30px;}
.wzsxMain-ul:after{content:"";display:block;clear:both;}
.wzsxMain-ul li{width:28%;height:auto;float:left;margin-right:8%;}
.wzsxMain-ul li:last-of-type{margin-right:0;}
.wzsxMain-ul li img{width:100%;height:auto;}
.wzsxMain-ul li h3{font-size:1.5em;border-left:2px solid rgba(255,255,255,1);padding-left:10px;color:rgba(255,255,255,1);margin:20px 0 10px 0;transition-duration:0.3s;}
.wzsxMain-ul li span{display:block;font-size:1.1em;color:rgba(255,255,255,0.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;}
.wzsxMain-ul li:hover h3{padding-left:15px;}

.wzsxMain .inner:after{content:"";display:block;clear:both;}
.wzsxMain .inner>div.jiantou{position:absolute;top:50%;right:1vw;margin-top:-9px;-webkit-animation-name:jiantouDong;animation-name:jiantouDong;-webkit-animation-duration:3s;animation-duration:3s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
.wzsxMain .inner>div.jiantou i{font-size:14px;color:#333;}
/*网站上线*/


/*搜索页结束*/

@media screen and (max-width:800px){
	.inner{width:95%;height:auto;margin:0 auto;}
	a,a:hover,a:active,a:visited,a:link,a:focus{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	outline:none;
	background: none;
	text-decoration: none;
	}
	
	/*小程序banner结束*/

	.main7{padding:10px 0;}
	.M7left{width:100%;height:auto;float:none;}
	.M7right{width:100%;height:auto;float:none;}
	.M7right h3{font-size:1.3rem;}
	.M7right p{font-size:1.2em;}
	.M7right a{font-size:1rem;width:100px;height:28px;line-height:28px;margin-top:20px;}
	.M8left a{font-size:1rem;width:100px;height:28px;line-height:28px;}
	.M7right a{font-size:1rem;width:100px;height:28px;line-height:28px;}
	/*main7结束*/
	.main7{padding:25px 0;}
	.M7left{width:100%;height:auto;float:none;}
	.M7right{width:100%;height:auto;float:none;}
	.M7right h3{font-size:1.8em;}
	.M7right p{font-size:1.2em;}
	/*main07结束*/
	
	.M017right a{font-size:1rem;width:100px;height:28px;line-height:28px;}
	.main017{padding:25px 0;}
	.M017left>a img{position:absolute;top:0;left:0;width:100%;height:100%;}
	.M017left{width:100%;height:auto;float:none;}
	.M017right{width:100%;height:auto;float:none;}
	.M017right h3{font-size:1.8em;}
	.M017right p{font-size:1.2em;}	
	.main8{padding:25px 0 0 0;}
	.M8left{width:100%;height:auto;float:none;padding:0 0 0 5%;}
	.M8left h3{color:#fff;font-size:1.8em;margin:0px 0;margin-bottom:25px;}
	.M8left p{color:#fff;font-size:1.2em;margin:10px 0;width:80%}
	.M8right{width:100%;height:auto;float:none;}
	.M8right>a{display:block;position:relative;width:100%;height:auto;padding-bottom:60%;width:100%;height:100%;}
	.M8right>a img{position:absolute;right:0;width:100%;height:100%;}
	/*Ymain9开始*/
	.Ymain9{padding:10px 0;}
	.Y9Title h2{font-size:1.4em;}
	.Y9Title span{width:100%;height:auto;font-size:1.2em;margin:8px 0 0 0;}
	/*Ymain10结束*/
	/*Ymain11开始*/
	.Ymain11{padding:10px 0;}
	.Y11Title h2{font-size:1.4em;}
	.Y11Title span{font-size:1.1em;margin:8px auto;}
	/*Ymain11结束*/
	.main11{width:100%;height:auto;background:#fff;padding:10px 0;}
	.M11Title{width:100%;height:auto;text-align:center;margin-bottom:20px;}
	.M11Title h2{color:#333;font-size:1.4em;margin:0px 0;}
	.M11Title span{width:90%;height:auto;font-size:1em;display:block;margin:10px auto;color:#666;}

	.M11Left{width:100%;height:auto;float:right;background:#fff;}
	.M11LeftUl{width:100%;height:auto;}
	.M11LeftUl>li{width:25%;height:auto;float:left;background:#fff;padding:0px 0 10px 0;cursor:pointer;-webkit-transition: all 0.3s;border:1px solid #eee;border-left:none;-webkit-transition: all 0.5s;}
	.M11LeftUl>li>a h2{margin:0px 0;font-size:2em;line-height:1.5em;}
	.M11LeftUl>li>a h5{font-size:1.3em;}
	.M11Right{width:100%;height:auto;float:left;}
	.M11Right>ul>li{position:relative;}
	.M11RightUl{width:100%;height:auto;position:relative;}
	.M11RightLi{padding:30px 0;}
	.M11RTitle{width:80%;height:auto;margin:0 auto;}
	.M11RTitle h2{font-size:1.5em;}
	.M11RTitle h3{font-size:1.2em;}
	.M11RTxt{width:80%;height:auto;margin:0 auto;margin-top:25px;}
	/*main11结束*/

	.main112{width:100%;height:auto;background:#fff;padding:10px 0;}
	.M112Title{}
	.M112Title h2{color:#666;font-size:1.4em;margin:0px 0;}
	.M112Title span{margin:8px auto;font-size:0.9rem;color:#bbb;}

	.M112Left{width:100%;}
	.M112Left>ul>li{position:relative;}
	.M112LeftUl{width:100%;height:auto;position:relative;}
	.M112LeftLi{width:100%;height:auto;background:#fff;padding:20px 0;min-height:0;position:absolute;border:1px solid #eee;background:#fff;-webkit-transition: all 0.5s;}
	.M112LeftLi:hover{background:#f8f8f8;-webkit-transition: all 0.5s;}
	.M112LeftLi>a{display:block;width:100%;height:100%;}
	.M112LTitle{width:85%;height:auto;margin:0 auto;}
	.M112LTitle h2{font-size:1.2rem;color:#333;white-space:nowrap;}
	.M112LTitle h3{font-size:0.9rem;color:#333;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;}
	.M112LTxt{width:85%;height:auto;margin:0 auto;margin-top:5px;}
	.M112LTxt span{font-size:0.9rem;line-height:20px;height:100px;color:#666;overflow:hidden;display:block;}

	.M112Right{width:100%;}

	.M112RightUl{width:100%;height:auto;}
	.M112RightUl>li{width:100%;height:auto;float:left;background:#fff;padding:5px 0;cursor:pointer;-webkit-transition: all 0.3s;border:1px solid #eee;}
	.M112RightUl>li:nth-child(-n+2){border-bottom:none;}
	.M112RightUl>li:nth-child(2n+1){border-left:1px solid #eee;}
	.M112RightUl>li.M112hover{background:#666;}
	.M112RightUl>li.M112hover>a h2{color:#fff;}
	.M112RightUl>li.M112hover>a span{color:#fff;}
	.M112RightUl>li.M112hover>a em{color:#fff;}
	.M112RightUl>li>a{display:block;width:100%;height:100%;}
	.M112RightUl>li>a h2{display:block;width:15%;height:auto;font-size:1.3rem;text-align:center;margin:2px 0;color:#666;font-family:"微软雅黑","Arial";font-style:italic;float:left;}
	.M112RightUl>li>a span{display:block;width:85%;height:auto;font-size:1rem;text-align:center;color:#666;margin:0;}
    .M112RightUl>li>a em{display:block;width:85%;height:auto;font-size:0.8rem;text-align:center;color:#999;}
    .M112RightUl>li:last-of-type {position: relative;top: 0;width: 100%;right: 0%;}
	/*main112结束*/
	/*main13开始*/
	.main13{padding:10px 0;}
	.main13 .inner{position:relative;overflow:hidden;}
    /*main13结束*/
    /* main15开始 */
    .main15 ul li a {top: 50%;left: 50%;height: 100%;transform: translate(-50%,-30%);}
    .main15 ul li a div {margin-top: 0%;}
    .main15 ul li a div i {font-size: 2rem;}
    .main15{padding:5px 0;border-bottom:1px solid #eee;overflow:hidden;}
	.main15 .mainTitle h2{font-size:1.3rem;}
	.main15 .mainTitle h3{font-size:0.9rem;margin-top:5px;}
	.main15 .mainTitle h3:after{content:"";display:block;height:1px;width:150%;background:#eee;margin-left:-25%;margin-top:10px;}
	.main15 ul{margin-top:5px;}
	.main15 ul li{margin-right:0;padding-bottom:10%;border:none;}

	.main15 ul li a div i{font-size:1.8rem;}
	.main15 ul li a h4{font-size:1rem;line-height:1em;}
	.main15 ul li:hover{box-shadow:none;}
    /* main15结束 */

	/*Ymain13开始*/
	.Y13Title h2{font-size:1.4em;}
	.Y13Title span{font-size:1.1em;margin:8px auto;}
	.Y13Box_ul{margin-top:15px;position:relative;left:0;}
	.Y13Box_li{padding:8px 8px;}
	.Y13Box_li a h3{font-size:1.3em;}
	.Y13Box_li a span{margin-top:8px;font-size:1em;}
	.Y13LiImg img{width:100%;left:0;}
	.Yuan{width:100%;height:100%;left:0;}
	/*Ymain13结束*/
	/*网站建设开始*/
	.AjzzbMain{padding:15px 0;}
	.AjzzbMain:before{border-width:8px 8px 0px 8px;margin-left:-8px;}
	.AjzTitle h3{font-size:1.4em;}
	.AjzTitle h4{font-size:1em;}
	.AjzzbMain-ul{position:relative;}
	.AjzzbMain-ul li{width:auto;margin:0;padding:0 10px;}
	.AjzzbMain-ul li h3{font-size:1.3em;}
	.AjzzbMain-ul li span{font-size:1em;}
	/*建站准备*/
	.AzzjzMain{padding:15px 0;}
	.AzzjzMain:before{border-width:8px 8px 0px 8px;margin-left:-8px;}
	.AzzjzMain-ul{position:relative;margin-top:15px;}
	.AzzjzMain-ul li{width:50%;margin:0;padding:0 10px;}
	.AzzjzMain-ul li i{font-size:3em;}
	.AzzjzMain-ul li h3{font-size:1.3em;}
	.AzzjzMain-ul li span{font-size:1em;}
	/*正在建站*/
	.wzsxMain{padding:15px 0;}
	.wzsxMain:before{border-width:8px 8px 0px 8px;margin-left:-8px;}
	.wzsxMain-ul{position:relative;margin-top:15px;}
	.wzsxMain-ul li{width:auto;margin:0;padding:0 10px;}
	.wzsxMain-ul li h3{font-size:1.3em;}
	.wzsxMain-ul li span{font-size:1em;}
    /*网站建设结束*/
    
}