/* APP公共样式 */
.fl{float: left;}
.fr{float: right;}
.inner-contain{width: 1200px;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: 50%;float: right;}
div.jinpin-lt{float: left;width: 45%;height: 100%;}
div.jinpin-lt-box{margin-left: 200px;}
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{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: 423px;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: #ff6a37; 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:url(../images/app-services-bg.jpg);margin-top: 100px;}
.main32-box{position: relative;}
.main32-box .main32-rudio-img{width: 450px;height: 450px;position: absolute;left: 57px;top: 110px;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: 130px;left: 530px;}
.main32-EG .main32-EG-onetitle:hover{transform: rotateX(360deg)}
.main32-EG .main32-EG-twotitle{top: 320px;left: 585px;}
.main32-EG .main32-EG-twotitle:hover{transform: rotateX(360deg)}
.main32-EG .main32-EG-threetitle{top: 500px;left: 545px;}
.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: #dadee8;}
    .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{width: 100%;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{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;}
}