@media only screen and (max-width: 420px) {
	.layout__nav--item {
		display: inline-block;
		height: 70px;
		line-height: 70px;
		font-size: 12px;
		font-family: "微软雅黑";
		color: #f2f2f2;
		position: relative;
		cursor: pointer;
		margin-right: 5px
	}
	.layout__nav--logo {
		display: inline-block;
		height: 70px;
		line-height: 60px;
		font-size: 32px;
		font-style: oblique;
		color: #f2f2f2;
		position: relative;
		cursor: pointer;
		margin-right: -100px;
		margin-left: -158px;
	}
	.layout__nav {
		width: 150px;
		height: 50px;
		margin: 0 auto;
		position: relative;
		padding-left: 120px;
		/*background-image: url(../images/newlogo2.png)/*tpa=http://www.dingtian.com.cn/imgs/top_logo.png*/
		;
		*/ background-repeat: no-repeat;
		background-position: right
	}
	.home__products {
		width: 100%;
		height: 700px;
		min-width: 300px;
		max-width: 375px;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto;
		background-color: #fff
	}
	.home__products--title {
		padding-top: 50px;
		text-align: center;
		color: #333;
		font-size: 25px;
		font-family: "微软雅黑"
	}
	.home__products--text {
		padding-top: 10px;
		line-height: 30px;
		font-size: 12px;
		color: #999;
		font-family: "微软雅黑";
		text-align: center
	}
	.App {
		width: 375px;
		margin: 50px auto;
	}
	.img,
	.text {
		width: 364px;
		height: 150px;
		list-style: none;
		border: 1px solid #cccccc;
	}
	.img>li,
	.text>li {
		float: left;
		width: 90px;
		height: 152px;
		border-right: 1px solid #cccccc;
	}
	ul>li:last-child {
		border-right: none;
	}
	.text,
	.text>li {
		height: 195px;
	}
	.text {
		border-top: none !important;
		border: 1px solid #eeeeee;
	}
	.text li {
		border-right: 1px solid #eeeeee;
		text-align: center;
	}
	.div_img1 {
		width: 50px;
		height: 50px;
		background-image: url(../images/1.png);
		margin: 8px auto;
		line-height: 100px;
	}
	.div_img2 {
		width: 50px;
		height: 50px;
		background-image: url(../images/2.png);
		margin: 8px auto;
		line-height: 100px;
	}
	.div_img3 {
		width: 50px;
		height: 50px;
		background-image: url(../images/3.png);
		margin: 8px auto;
		line-height: 100px;
	}
	.div_img4 {
		width: 50px;
		height: 50px;
		background-image: url(../images/4.png);
		margin: 8px auto;
		line-height: 100px;
	}
	.img>li>p {
		text-align: center;
	}
	span {
		display: block;
		width: 0px;
		height: 0px;
		/*border-radius: 50%;*/
		/*background: black;*/
		float: left;
		margin: 0px 0px 0 0;
	}
	.home__glory {
		width: 100%;
		height: 550px;
		min-width: 300px;
		max-width: 400px;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto;
		background-color: #fff
	}
	.home__glory--img {
		background-image: url(../imgs/part3new.png);
	}
	.home__glory--title {
		padding-top: 0px;
		text-align: center;
		color: #333;
		font-size: 22px;
		font-family: "微软雅黑"
	}
	.home__glory--text {
		padding-top: 50px;
		line-height: 30px;
		font-size: 14px;
		color: #999;
		font-family: "微软雅黑";
		text-align: center
	}
	.home__catchphrase {
		width: 100%;
		height: 160px;
		min-width: 370px;
		max-width: 420px;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto;
		background-image: url(../imgs/bar_bgnew.png)/*tpa=http://www.dingtian.com.cn/imgs/bar_bg.png*/
		;
		background-repeat: no-repeat;
		background-position: center
	}
	.layout__footer {
		width: 100%;
		min-width: 300px;
		max-width: 375px;
		height: 120px;
		background-color: #2e383e;
		background-image: url(../images/)/*tpa=http://www.dingtian.com.cn/imgs/bottom_logo.png*/
		;
		background-repeat: no-repeat;
		background-position: center 124px;
		margin: 0 auto
	}
	.layout__footer--text {
		padding-top: 40px;
		text-align: center;
		color: rgba(255, 255, 255, .5);
		font-size: 7px;
		font-family: "微软雅黑";
		line-height: 20px
	}
	.home__about {
		width: 100%;
		height: 484px;
		min-width: 300px;
		max-width: 375px;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto;
		background-image: url(../imgs/part5_bg.jpg)/*tpa=http://www.dingtian.com.cn/imgs/part5_bg.jpg*/
		;
		background-repeat: no-repeat;
		background-position: center
	}
	.home__about--title {
		padding-top: 50px;
		text-align: center;
		color: #fff;
		font-size: 25px;
		font-family: "微软雅黑"
	}
	.home__about--text {
		padding-top: 50px;
		line-height: 40px;
		font-size: 8px;
		color: #fff;
		font-family: "微软雅黑";
		text-align: center
	}
	.App2 {
		width: 370px;
		margin: 50px auto;
	}
	.text2 {
		width: 370px;
		height: 100px;
		list-style: none;
		border: 1px solid #cccccc;
	}
	.text2>li {
		float: left;
		width: 91px;
		height: 100px;
		border-right: 1px solid #cccccc;
	}
	ul>li:last-child {
		border-right: none;
	}
	.text2,
	.text2>li {
		height: 70px;
	}
	.text2 {
		border-top: none !important;
		border: 1px solid #eeeeee;
	}
	.text2 li {
		border-right: 1px solid #eeeeee;
		text-align: center;
	}
	li>p {
		text-align: center;
	}
	span_1 {
		display: block;
		width: 0px;
		height: 0px;
		border-radius: 50%;
		background: black;
		float: left;
		margin: 0px 50px 0 0;
	}
	.div_text2 {
		margin: 10px 8px;
	}
	.home__client {
		width: 100%;
		height: 450px;
		min-width: 300px;
		max-width: 375px;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto;
		background-color: #fff
	}
	.home__client.active .home__client--img {
		opacity: 1;
		top: 0
	}
	.home__client--title {
		padding-top: 30px;
		text-align: center;
		color: #333;
		font-size: 22px;
		font-family: "微软雅黑"
	}
	.home__client--text {
		padding-top: 10px;
		line-height: 30px;
		font-size: 14px;
		color: #999;
		font-family: "微软雅黑";
		text-align: center
	}
	.train_banner .banner_index li {
		transition: all 0.3s;
		margin-right: 15px;
		float: left;
		width: 30px;
		height: 5px;
		border-radius: 20%;
		background: #FFFFFF;
	}
	.train_banner .banner_index li.current {
		transition: all 0.3s;
		background-color: #1998da;
		width: 20px;
		border-radius: 5px;
	}
	body {
		font-size: 10px;
		font-family: '微软雅黑', "宋体", "Arial Narrow", Helvetica, sans-serif;
		color: #000;
		line-height: 2;
		text-align: left;
	}
	.technique__banner {
		width: 100%;
		height: 200px;
		min-width: 300px;
		max-width: 400px;
		background-image: url(../imgs/pexels-photo-109371new.jpg)/*tpa=http://www.dingtian.com.cn/imgs/banner3.jpg*/
		;
		background-repeat: no-repeat;
		background-position: center;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto
	}
	.technique__administer--title {
		padding-top: 50px;
		text-align: center;
		color: #333;
		font-size: 25px;
		font-family: "微软雅黑"
	}
	.technique__handling--title {
		padding-top: 50px;
		text-align: center;
		color: #333;
		font-size: 25px;
		font-family: "微软雅黑"
	}
	.technique__administer--img.acquiring {
		background-image: url(../imgs/Te_pt5new.png)/*tpa=http://www.dingtian.com.cn/imgs/Te_pt5.png*/
	}
	.technique__administer {
		width: 100%;
		min-width: 300px;
		max-width: 400px;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto;
		background-color: #f5f5f6
	}
	.technique__administer--img {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 80px;
		background-image: url(../imgs/Te_pt3new.png)/*tpa=http://www.dingtian.com.cn/imgs/Te_pt3.png*/
		;
		background-repeat: no-repeat;
		background-position: center 250px;
		-webkit-transition: all 1s;
		transition: all 1s;
		opacity: 0
	}
	.technique__handling {
		width: 100%;
		height: 580px;
		min-width: 300px;
		max-width: 400px;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto;
		background-color: #fff
	}
	.technique__handling--title {
		padding-top: 50px;
		text-align: center;
		color: #333;
		font-size: 25px;
		font-family: "微软雅黑"
	}
	.technique__handling--img {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 80px;
		background-image: url(../imgs/Te_pt4new.png)/*tpa=http://www.dingtian.com.cn/imgs/Te_pt4.png*/
		;
		background-repeat: no-repeat;
		background-position: center 232px;
		-webkit-transition: all 1s;
		transition: all 1s;
		opacity: 0
	}
	.products__banner {
		width: 100%;
		height: 200px;
		min-width: 300px;
		max-width: 400px;
		background-image: url(../imgs/pexels-photo-951228new.jpg)/*tpa=http://www.dingtian.com.cn/imgs/banner4.jpg*/
		;
		background-repeat: no-repeat;
		background-position: center;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto
	}
	.products__info {
		width: 100%;
		height: 590px;
		min-width: 300px;
		max-width: 400px;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto;
		background-color: #f5f5f6
	}
	.products__info--title {
		padding-top: 50px;
		text-align: center;
		color: #333;
		font-size: 22px;
		font-family: "微软雅黑"
	}
	.scheme__item {
		width: 100%;
		height: 500px;
		min-width: 300px;
		max-width: 400px;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto;
		background-color: #fff;
		font-size: 0
	}
	.scheme__item.max {
		height: 500px
	}
	.scheme__item--logo {
		width: 100%;
		height: 40%;
		background-repeat: no-repeat;
		background-position: center center;
		display: inline-block
	}
	.scheme__item_1--logo {
		width: 100%;
		height: 40%;
		background-repeat: no-repeat;
		background-position: center center;
		display: inline-block
	}
	.scheme__item--logo.pr1 {
		background-image: url(../imgs/Re_pr1new.jpg)/*tpa=http://www.dingtian.com.cn/imgs/Re_pr1.jpg*/
	}
	.scheme__item--content {
		display: inline-block;
		width: 100%;
		height: 315px;
		font-family: "微软雅黑";
		vertical-align: top;
		-webkit-transition: all 1s;
		transition: all 1s;
		opacity: 0
	}
	.scheme__item--content h1 {
		width: 100%;
		font-size: 20px;
		color: #333;
		margin: 8px 10px 0 5px;
		text-align: -webkit-center;
	}
	.scheme__item--content h2 {
		width: 100%;
		font-size: 17px;
		color: #999;
		margin: 10px 10px 0 5px;
		text-align: -webkit-center;
	}
	.scheme__item--content p {
		width: 100%;
		font-size: 14px;
		color: #999;
		margin: 20px 30px 0 0px;
		line-height: 20px;
		text-align: -webkit-center;
	}
	.scheme__item_1--logo.pr2 {
		background-image: url(../imgs/Re_pr2new.jpg)/*tpa=http://www.dingtian.com.cn/imgs/Re_pr2.png*/
	}
	.scheme__item--logo.pr3 {
		background-image: url(../imgs/Re_pr3new.jpg)/*tpa=http://www.dingtian.com.cn/imgs/Re_pr3.jpg*/
	}
	.scheme__item_1--logo.pr4 {
		background-image: url(../imgs/Re_pr4new.jpg)/*tpa=http://www.dingtian.com.cn/imgs/Re_pr4.png*/
	}
	.products__info--text {
		padding-top: 10px;
		line-height: 30px;
		font-size: 14px;
		color: #999;
		font-family: "微软雅黑";
		text-align: center
	}
	.services__banner {
		width: 100%;
		height: 200px;
		min-width: 300px;
		max-width: 400px;
		background-image: url(../imgs/sackcloth-sackcloth-textured-laptop-ipad-163143new.jpg)/*tpa=http://www.dingtian.com.cn/imgs/banner6.jpg*/
		;
		background-repeat: no-repeat;
		background-position: center;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto
	}
	.services__philosophy {
		width: 100%;
		height: 400px;
		min-width: 300px;
		max-width: 400px;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto;
		background-color: #fff
	}
	.services__philosophy--title {
		padding-top: 95px;
		text-align: center;
		color: #333;
		font-size: 22px;
		font-family: "微软雅黑"
	}
	.services__philosophy--img {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 50px;
		background-image: url(../imgs/SF_pt1new.png)/*tpa=http://www.dingtian.com.cn/imgs/SF_pt1.png*/
		;
		background-repeat: no-repeat;
		background-position: center 232px;
		-webkit-transition: all 1s;
		transition: all 1s;
		opacity: 0
	}
	.services__tip {
		width: 100%;
		height: 130px;
		min-width: 300px;
		max-width: 400px;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto;
		background-image: url(../imgs/SF_tipnew.png)/*tpa=http://www.dingtian.com.cn/imgs/SF_tip.png*/
		;
		background-repeat: no-repeat;
		background-position: center
	}
	.services__item {
		width: 100%;
		height: 500px;
		min-width: 300px;
		max-width: 400px;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto;
		background-color: #fff;
		font-size: 0
	}
	.services__item--logo.pt1 {
		background-image: url(../imgs/SF_pt2_anew.jpg)/*tpa=http://www.dingtian.com.cn/imgs/SF_pt2_a.jpg*/
	}
	.services__item_1--logo.pt2 {
		background-image: url(../imgs/SF_pt2_bnew.jpg)/*tpa=http://www.dingtian.com.cn/imgs/SF_pt2_b.jpg*/
	}
	.services__item--logo.pt3 {
		background-image: url(../imgs/SF_pt2_cnew.jpg)/*tpa=http://www.dingtian.com.cn/imgs/SF_pt2_c.jpg*/
	}
	.services__item_1--logo.pt4 {
		background-image: url(../imgs/SF_pt2_dnew.jpg)/*tpa=http://www.dingtian.com.cn/imgs/SF_pt2_d.jpg*/
	}
	.services__item--content h1 {
		width: 100%;
		font-size: 22px;
		height: 60px;
		color: #333;
		margin: 60px 0 0 10px;
		position: relative;
		text-align: -webkit-center;
	}
	.services__item--content h2 {
		width: 100%;
		font-size: 24px;
		color: #999;
		margin: 20px auto 0;
		text-align: -webkit-center;
	}
	.services__item--content p {
		width: 100%;
		font-size: 10px;
		color: #999;
		margin: 30px 20px 0 0px;
		line-height: 35px;
		text-align: -webkit-center;
	}
	.services__item--logo {
		width: 100%;
		height: 25%;
		background-repeat: no-repeat;
		background-position: center;
		display: inline-block
	}
	.services__item_1--logo {
		width: 100%;
		height: 25%;
		background-repeat: no-repeat;
		background-position: center;
		display: inline-block
	}
	.services__item--content {
		display: inline-block;
		width: 100%;
		height: 500px;
		font-family: "微软雅黑";
		vertical-align: top;
		-webkit-transition: all 1s;
		transition: all 1s;
		opacity: 0
	}
	.services__item--line {
		width: 100%;
		height: 6px;
		position: absolute;
		bottom: 0;
		left: 5px;
		background-color: #00bedc;
		text-align: -webkit-center;
	}
	.about__banner {
		width: 100%;
		height: 200px;
		min-width: 300px;
		max-width: 400px;
		background-image: url(../imgs/pexels-photo-1011329new.jpg)/*tpa=http://www.dingtian.com.cn/imgs/banner7.jpg*/
		;
		background-repeat: no-repeat;
		background-position: center;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto
	}
	.about__us {
		width: 100%;
		height: 500px;
		min-width: 300px;
		max-width: 400px;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto;
		background-color: #fff;
		background-image: url(../imgs/As_pt1.png)/*tpa=http://www.dingtian.com.cn/imgs/As_pt1.png*/
		;
		background-repeat: no-repeat;
		background-position: center 518px;
		-webkit-transition: height 1s;
		transition: height 1s
	}
	.about__us--title {
		padding-top: 50px;
		text-align: center;
		color: #333;
		font-size: 25px;
		height: 40px;
		font-family: "微软雅黑";
		background-image: url(../imgs/text_bg.png)/*tpa=http://www.dingtian.com.cn/imgs/text_bg.png*/
		;
		background-repeat: no-repeat;
		background-position: center 49px
	}
	.about__us--text {
		width: 375px;
		margin: 0 auto;
		padding: 40px 10px 0 10px;
		line-height: 40px;
		font-size: 10px;
		color: #999;
		text-align: center;
        box-sizing: border-box;
	}
	.about__hot {
		width: 100%;
		height: 500px;
		min-width: 300px;
		max-width: 400px;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto;
		background-color: #f9f9f9
	}
	.about__hot--title {
		padding-top: 50px;
		text-align: center;
		color: #333;
		font-size: 22px;
		font-family: "微软雅黑"
	}
	.about__hot--text {
		padding-top: 10px;
		line-height: 30px;
		font-size: 14px;
		color: #999;
		font-family: "微软雅黑";
		text-align: center
	}
	.about__hot--img {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 50px;
		background-image: url(../imgs/As_pt2new.png)/*tpa=http://www.dingtian.com.cn/imgs/As_pt2.png*/
		;
		background-repeat: no-repeat;
		background-position: center 290px;
		-webkit-transition: all 1s;
		transition: all 1s;
		opacity: 0
	}
	.about__business {
		width: 100%;
		height: 500px;
		min-width: 300px;
		max-width: 400px;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto;
		background-color: #363a56;
		background-image: url(../imgs/As_pt3new.png)/*tpa=http://www.dingtian.com.cn/imgs/As_pt3.png*/
		;
		background-repeat: no-repeat;
		background-position: center 208px
	}
	.about__business--title {
		padding-top: 50px;
		text-align: center;
		color: #fff;
		font-size: 22px;
		font-family: "微软雅黑"
	}
	.about__qualification {
		width: 100%;
		height: 600px;
		min-width: 300px;
		max-width: 400px;
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin: 0 auto;
		background-color: #fff;
		background-image: url(../imgs/part3.png)/*tpa=http://www.dingtian.com.cn/imgs/part3.png*/
		;
		background-repeat: no-repeat;
		background-position: center 911px
	}
	.about__qualification--title {
		padding-top: 50px;
		text-align: center;
		color: #333;
		font-size: 22px;
		font-family: "微软雅黑"
	}
	.about__qualification--text {
		padding-top: 10px;
		line-height: 30px;
		font-size: 14px;
		color: #999;
		font-family: "微软雅黑";
		text-align: center;
		height: 800px
	}
	.about__qualification--img {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 10px;
		background-image: url(../imgs/index_bgbnew.jpg)/*tpa=http://www.dingtian.com.cn/imgs/As_pt4.png*/
		;
		background-repeat: no-repeat;
		background-position: center 300px;
		-webkit-transition: all 1s;
		transition: all 1s;
		opacity: 0
	}
	.navbar .nav-toggle {
		display: none;
	}
	.navbar label {
		display: block;
		z-index: 4;
	}
	.navbar .nav-list {
		display: none;
		margin-left: 0px;
	}
	.navbar .nav-list li {
		margin-left: 0px;
		padding-top: 15px;
	}
	.navbar .menu-icon {
		display: block;
		float: right;
		width: 65px;
		height: 33px;
		line-height: 0;
		padding-top: 32px;
		padding-right: 0px;
		text-align: center;
	}
	.navbar .menu-icon>svg path {
		fill: white;
	}
	.navbar label[for="nav-toggler"] {
		display: block;
		float: left;
		width: 36px;
		height: 36px;
		z-index: 2;
		cursor: pointer;
	}
	.layout__header {
		min-width: 100%;
		height: 70px;
		border: 0px solid rgba(255, 255, 255, .2);
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0
	}
	span_3 {
		width: 200px;
	}

    .tech-content-area{
        width:100%;
        margin:auto;
    }


    .tech-item{
        width:100% !important;
        height:300px;
        float: left;
        padding:10px;
        box-sizing: border-box;
    }

    .tech-item-content{
        width:100%;
        height:100%;
        background: #fff;
        box-shadow: 0 0 5px #eee;
        box-sizing: border-box;
    }

    .item .content{
        padding:20px 10px;
        width: 100%;
        float:left;
        text-align: left;
        box-sizing: border-box;
        height:100%;

    }
    .p-item .item{
        width:100%;
        margin:auto;
    }

    .item .content img{
        width:100%;
    }

    .company-info{
        width:100%;

    }

    .company-info-left{
        height:auto;
        float:left;
        width:100%;
        padding:0 10px;
        box-sizing: border-box;

    }
}