/*h5兼容*/
html {
	font-size: 16px;
}
@media only screen and (min-width: 320px) {
	html {
		font-size: 15.147px !important;
	}
}

@media only screen and (min-width: 375px) {
	html {
		font-size:16px !important;
	}
}

@media only screen and (min-width: 400px) {
	html {
		font-size: 17.06666px !important;
	}
}
@media only screen and (min-width: 414px) {
	html {
		font-size: 17.664px !important;
	}
}
@media only screen and (min-width: 480px) {
	html {
		font-size: 20.48px !important;
	}
}
*{font-family: "苹方","DINPro-Bold";-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin:0; padding:0; border: none; outline: none;list-style: none; text-decoration: none; vertical-align: middle;}
input[type=button], input[type=submit], input[type=file], button {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; -webkit-appearance: none; outline: none; } 
input{ -webkit-appearance: none;}
textarea{-webkit-appearance: none;appearance: none;}
select{appearance:none; -moz-appearance:none;-webkit-appearance:none;}
img{height:auto;display:inline-block;}
a{display:block;height:auto;cursor:pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html{ width:100%; height:100%;}
body{ width:100%; height:100%; margin:auto; background-color:#fff;}
.dx-app{display: block;}
.dx-pc{display: none;}
.dxbox{width: 100%;}
/*小程序开发*/
.dx-yctxt{ color: #333333;font-size: 1.375rem;text-align: center; width: 100%; margin-top: 35px;}
.dx-ycix{float: left;width: 100%;  padding: 20px 0 30px 0; }
.dx-ycix li{float: left; width: 50%;text-align: center; height: auto; margin: 0 0px 30px 0px;}
.dx-ycix li img{ margin: auto; display: block; width:100px;}
.dx-ycix li div{ color: #333333;font-size: 1.25rem;}
.dx-ycix li p{font-size: 1rem; color: #666666;width: 100%; margin-top: 20px; padding: 0 5%;box-sizing: border-box;line-height: 32px;}
.dx-ximg{float: left; width: 100%;text-align: center; margin-top: 20px;}
.dx-ximg img{height: 100%; width: 100%; margin: 0 0px 20px 0;}
.listdx-ximg{ margin: 0 auto;  width: 100%; padding-top: 40px; padding-bottom: 6.5rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.listdx-ximg img{ width:90%; margin: 0 5%;}
.dx-autoimg{float: left; width: 100%;}
.dx-autoimg img{margin: auto;display: block; width: 100%; margin-top: 50px;}
/*网站建设*/
.dx-wzjs{float: left; width:100%; padding:34px 0; }
.dx-wzjss{float: left; width: 100%;  margin: auto;display: table;  text-align: -webkit-center;}
.dx-wzjss li{width:30.333%; text-align: center;  margin: 10px 1.5%;box-sizing: border-box; float:left; height:340px; position:relative; }
.dx-wzjss li{background-color:#fff;    border: 1px solid #eee; }
.dx-wzjss li:hover{  box-shadow: 0 5px 14px rgba(35, 111, 251, 0.4); transform: scale(1.01);}
.dx-wzjss li a{display: inline-block; color: #000;}
.dx-wzjss li .p0{width:74px; margin:0 auto; margin-top:28px;}
.dx-wzjss li .p0 img{width: 62px;}
.dx-wzjss li .p1{margin:0 auto; margin-top:25px; text-align:center; font-size:18px; margin-top:18px;}
.dx-wzjss li .p2{padding:0 5px; margin:0 auto; text-align:center; font-size:14px; color:#666; margin-top:10px;line-height:1.45rem;}
.functio-innerwzjs{float: left;width: 100%; margin-top: 50px}
.functio-innerwzjs ul{
	 margin: auto;
	width: 100%;
	    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.functio-innerwzjs li{
	float: left;
	width: 50%;
	margin: 8px 0px 35px 0px;
	text-align: center;
	overflow: hidden;
}

.functio-innerwzjs li p{
	color: #515151;
	margin: 15px 0 5px 0;
	font-size: 16px;
	line-height: 20px;
}
.functio-innerwzjs li p.pc3{font-size: 13px;color: #999;}
/*商城系统*/
.dx-scxtkf{float: left;width: 100%;}
.block-top-mess .tm-content {
  margin-top: 0;
  border-top: 0;
  font-size: 16px;
}

.new-lr-content-one {
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
}

.new-lr-content-one div {
  box-sizing: border-box;
}

.new-lr-item {
  overflow: hidden;
  transition: all 200ms;
  float: left;
  width: 100%;
  height: 430px;
  border: 1px solid #eee;
  margin-right: 0;
  margin-bottom: 0px;
  padding: 10px 0 0 0;
}

.new-lr-item .new-image {
  width: 100%;
  margin-bottom: 25px;
}

.new-lr-item .new-image img {
  display: block;
  margin: 0 auto;
  width: 65px;
  height: 65px;
  border-radius: 50%;
}

.new-lr-item .new-title h3 {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  text-align: center;
}

.new-lr-item .new-content {
  color: #666;
  font-size: 16px;
   padding: 0 5%;
   box-sizing: border-box;
  line-height: 30px;
  margin-top: 25px;
  height: 155px;
}

.new-lr-item .new-botton {
  width: 100%;
}

.new-lr-item .new-botton a {
  display: block;
  width: 120px;
  height: 30px;
  margin: 0 auto;
  border: 1px solid #e6e6e6;
  text-align: center;
  line-height: 30px;
  color: #a9a9a9;
  font-size: 14px;
}

.new-lr-item:hover a {
  border-color: #fa465a;
  color: #e56165;
}

.new-lr-item:hover {
  transform: scale(1.01);
  background: #fff;
      box-shadow: 0 5px 14px rgba(35, 111, 251, 0.4);
}

.new-lr-item:nth-child(3n+3) {
  margin-right: 0;
}

.new-lr-content-two div {
  box-sizing: border-box;
}

.new-lr-content-two {
  width: 1200px;
  margin: 0 auto;
  padding: 50px 0 0 0;
}

.new-lr-content-two .two-cont {
  width: 100%;
  height: 320px;
  padding: 30px;
  background: #f7f7f7;
}

.new-lr-content-two .two-cont img {
  display: block;
  width: 100%;
  height: 100%;
}

.block-top-mess {
  width: 640px !important;
}

.block-top-mess .tm-content {
  line-height: 30px !important;
}

.case-block {
  margin: 46px auto 0;
  height: 320px;
  width: 1200px;
}

.mcmore-wrapper .homepage .home-block4 {
  height: auto;
}

.case-block .case-item {
  width: 240px;
  height: 320px;
  position: relative;
  overflow: hidden;
}

.case-block .case-item img {
  width: 100%;
  height: auto;
}

.case-block .case-item:hover .case-shadow {
  background-color: rgba(47, 57, 81, 0.6);
}

.case-block .case-item:hover .case-shadow .shadow-inner {
  height: 189px;
}

.case-block .case-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: #fff;
  text-align: center;
}

.case-block .case-shadow .shadow-inner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 129px;
  overflow: hidden;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: all .3s ease;
}

.case-block div,
.case-block h3 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.case-block .case-shadow .case-title {
  width: 100%;
  line-height: 60px;
  height: auto;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.case-block .case-shadow .case-icon {
  width: 100%;
  height: 45px;
}

/*功能*/
.functio-inner{float: left;width: 100%; margin-top: 50px}
.functio-wrap{
	padding: 46px 0px 52px;
}

.functio-inner ul{
	 margin: auto;
	width: 100%;
	    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.functio-inner li{
	float: left;
	width: 47%;
	margin: 0px 1.5% 25px 1.5%;
	text-align: center;
	overflow: hidden;
}

.functio-inner li p{
	color: #515151;
	font-size: 16px;
	line-height: 20px;
}
/*微信公众号开发*/
.dx-gzhkfimg{float: left;width: 100%; margin: 60px 0 30px 0;}
.dx-gzhkfimg img{ margin: auto;display: block; width: 100%; }
  .container_con_dz{
            width: 100%;

          
            float: left;
        }
  .container_con_dz li img{ margin: auto;display: block;width: 129px;}
        .container_con_dz li {
            float: left;
            width: 45%;
             height: 300px;
           margin: 20px 2.5% 30px 2.5%;
            text-align: center;
        }

        .container_con_dz li h2 {
            font-size: 20px;
            line-height: 30px;
            color: #000;
        }

        .container_con_dz li p {
        	width: 100%;
        	 padding: 0 10%;
        	 box-sizing: border-box;
            font-size: 14px;
            color: #8f8e8e;
            line-height: 25px;
        }

        .btn_box_con {
            margin: 0 auto;
            width: 100%;
            text-align: center;
        }

        .btn_box_con a {
            width: 180px;
            height: 37px;
            line-height: 35px;
            color: #ff4242;
            border: 1px #ff4242 solid;
            display: inline-block;
            font-size: 18px;
            border-radius: 20px;
        }

        .container_con_zq {
            width: 100%;
            color: #fff;
            text-align: center;
            padding-top: 40px;
            height: 520px;
        }

/*app开发*/
.clearfix {
  width: 100%;
  margin-left: 0;
 float: left;
  margin-top: 35px;
}
.clearfix ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.clearfix ul li {
  width: 90%;
  margin: 0 5%;
  height: 325px;
  background: #fafbff;
  box-shadow: 0px 6px 16px 0px rgba(215, 215, 215, 0.57);
  border-radius: 10px;
  margin-bottom: 40px;
}
.clearfix ul li:nth-of-type(1) .top_nav {
  background: url("../images/customized1.png") no-repeat;
  background-size: contain;
}
.clearfix ul li:nth-of-type(2) .top_nav {
  background: url("../images/customized2.png") no-repeat;
  background-size: contain;
}
.clearfix ul li:nth-of-type(3) .top_nav {
  background: url("../images/customized3.png") no-repeat;
  background-size: contain;
}
.clearfix ul li:nth-of-type(4) .top_nav {
  background: url("../images/customized4.png") no-repeat;
  background-size: contain;
}
.clearfix ul li:nth-of-type(5) .top_nav {
  background: url("../images/customized5.png") no-repeat;
  background-size: contain;
}
.clearfix ul li:nth-of-type(6) .top_nav {
  background: url("../images/customized6.png") no-repeat;
  background-size: contain;
}
.clearfix ul li:nth-of-type(7) .top_nav {
  background: url("../images/customized7.png") no-repeat;
  background-size: contain;
}
.clearfix ul li:nth-of-type(8) .top_nav {
  background: url("../images/customized8.png") no-repeat;
  background-size: contain;
}
.clearfix ul li:nth-of-type(9) .top_nav {
  background: url("../images/customized9.png") no-repeat;
  background-size: contain;
}
.clearfix ul li .top_nav {
  padding: 28px 32px;
}
.clearfix ul li .top_nav h3 {
  font-size: 20px;
  font-family: 'Noto Sans SC';
  font-weight: 500;
  color: #fafbff;
}
.clearfix ul li .top_nav span {
  display: block;
  margin: 10px 0;
  width: 28px;
  height: 1px;
  background: #fafbff;
}
.clearfix ul li .top_nav p {
  font-size: 14px;
  font-family: 'Noto Sans SC';
  font-weight: 400;
  color: #fafbff;
}
.clearfix ul li .item {
	float: left;
	width: 100%;
	box-sizing: border-box;
  padding: 20px 30px;
}
.clearfix ul li .item p {
  font-size: 14px;
  font-family: 'Noto Sans SC';
  font-weight: 400;
  color: #999999;
  line-height: 22px;
}
.clearfix ul li .item a {
  text-align: center;
  width: 87px;
  height: 30px;
  border: 1px solid #DFDFDF;
  border-radius: 2px;
  font-size: 16px;
  font-family: 'Noto Sans SC';
  font-weight: 400;
  color: #cacaca;
  line-height: 30px;
  margin-top: 32px;
}
.clearfix ul li .item a:hover {
  border: 1px solid #3179ff;
  color: #3179ff;
}
.content .model_nzsm > a {
  margin: 0 auto;
  margin-top: 32px;
  width: 322px;
  height: 62px;
  line-height: 62px;
  background: #f39939;
  border-radius: 10px;
  font-size: 20px;
  font-family: 'Noto Sans SC';
  font-weight: 400;
  color: #fefefe;
  text-align: center;
}

.index_2 {
	float: left;
		width: 100%;
		margin-left: 0px;
		 margin-top: 30px;
		background-color: #f6f8fb;
		box-sizing: border-box;
		padding: 10px 25px;

	}

	.index_2 .index2_title {
		margin: 0 auto;
	}

	.index_2 .index2_title img {
		display: block;
		margin: 0 auto;
	}

	.index2_content {
		width: 100%;
		padding: 30px 0;
		display:  block;
		justify-content: space-between;
	}

	.index_2 .left {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.index_2 .center {
		flex: 1;

	}

	.index_2 .center img {
		display: block;
		margin: 0 auto;
	}

	.index_2 .right {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.index_2 .item {
		width: 100%;
		display: flex;
		margin-bottom: 40px;
	}

	.index_2 .item_content {
		flex: 1;
		margin-left: 20px
	}

	.index_2 .item_content:hover{
		color:#3179ff;
	}

	.index_2 .item_title_text {
		margin-bottom: 30px;
	}
	.item_content_text{
		height:50px;
	}
/*head*/
.headapp{float: left; width: 100%;display: block;position: relative;z-index: 10;background-color: #fff;}
.headapp .headapp-le{float: left; padding: 2px 0 2px 10px;}
.headapp .headapp-le img{ height: 44px;}
.headapp .headapp-ri{float: right;}
.headapp .headapp-ri img{width: 55px;}
/*轮播图*/
.floor-box-bottom-banner{overflow: hidden;position: relative; width: 100%;}
.floor-box-bottom-banner .flexslider { position: relative; width: 100%; height:9.375rem; overflow: hidden;  z-index:1}
.floor-box-bottom-banner .slides { position: relative; z-index: 1;}
.floor-box-bottom-banner .slides li { height:9.375rem;width: 100%;overflow: hidden; position: relative;text-align: center;}
.floor-box-bottom-banner .slides li a{ width:100%; height:9.375rem; display:block;}
.floor-box-bottom-banner .flex-control-nav { position: absolute; bottom: 12px; z-index: 2; width: 100%; text-align: center;}
.floor-box-bottom-banner .flex-control-nav li { display: inline-block; width: 40px; height: 4px; margin: 0 4px; *display: inline; zoom: 1;}
.floor-box-bottom-banner .flex-control-nav a { display: inline-block; width: 40px; height: 4px;  overflow: hidden;line-height:20px; cursor: pointer; background-color:rgba(255, 255, 255, 0.40); }
.floor-box-bottom-banner .flex-control-nav .flex-active { background-color:#fff;}
.floor-box-bottom-banner .flex-direction-nav{ position: absolute; z-index:5; width: 100%;top:58%;}
.floor-box-bottom-banner .flex-direction-nav a{ display: block; position: absolute; font-size: 0; height: 12px;}
.floor-box-bottom-banner .flex-direction-nav .flex-prev { width: 23px; height: 49px; background:none; left: 0; top: 50%; margin: -50px 0 0 0px;  opacity: 50!important; filter:alpha(opacity=50);}
.floor-box-bottom-banner .flex-direction-nav .flex-next { width: 23px; height: 49px; background:none; right: 0; top: 50%; margin: -50px 0px 0 0;  opacity: 50!important; filter:alpha(opacity=50);}
.floor-box-bottom-banner .flexslider:hover .flex-prev {  opacity: 100!important; filter:alpha(opacity=100);}
.floor-box-bottom-banner .flexslider:hover .flex-next {  opacity: 100!important; filter:alpha(opacity=100);}
.floor-box-bottom-banner .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {}
.floor-box-bottom-banner .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/*轮播图效果*/
img.appimg-banner{ height: 9.375rem;}
.banner-txt{float:left; margin: 25px 0 0 18px; z-index: 1;}
.banner-txt img{ width: auto; height: 60px;position:relative;left:-300px;}
.banner-txt img{
	animation:mymove;/*动画名称*/
	animation-duration:0.8s;/*2S内完成*/
	animation-fill-mode:forwards;/*停留*/
	
	-webkit-animation:mymove;/*动画名称*/
	-webkit-animation-duration:0.8s;/*2S内完成*/
	-webkit-animation-fill-mode:forwards;/*停留*/
	
	-moz-animation:mymove;/*动画名称*/
	-moz-animation-duration:0.8s;/*2S内完成*/
	-moz-animation-fill-mode:forwards;/*停留*/
	
	-o-animation:mymove;/*动画名称*/
	-o-animation-duration:0.8s;/*2S内完成*/
	-o-animation-fill-mode:forwards;/*停留*/
	}
@keyframes mymove
{
	from {left:-300px; opacity:0;}
	to {left:0px;opacity:1;}
}

@-webkit-keyframes mymove /* Safari 和 Chrome */
{
	from {left:-300px; opacity:0;}
	to {left:0px;opacity:1;}
}

@-moz-keyframes mymove /* Safari 和 Chrome */
{
	from {left:-300px; opacity:0;}
	to {left:0px;opacity:1;}
}

@-o-keyframes mymove /* Safari 和 Chrome */
{
	from {left:-300px; opacity:0;}
	to {left:0px;opacity:1;}
}

.banner-img{float: right; z-index: 2; margin: 30px 20px 0 0;}
.banner-img img{ width: auto; height: 100px;position:relative;right:-300px;}
.banner-img img{
	animation:mymolk;/*动画名称*/
	animation-duration:0.8s;/*2S内完成*/
	animation-fill-mode:forwards;/*停留*/
	
	-webkit-animation:mymolk;/*动画名称*/
	-webkit-animation-duration:0.8s;/*2S内完成*/
	-webkit-animation-fill-mode:forwards;/*停留*/
	}
	@keyframes mymolk
	{
		from {right:-300px; opacity:0;}
		to {right:0px;opacity:1;}
	}
	
	@-webkit-keyframes mymolk /* Safari 和 Chrome */
	{
		from {right:-300px; opacity:0;}
		to {right:0px;opacity:1;}
	}
	
	@-moz-keyframes mymolk /* Safari 和 Chrome */
	{
		from {right:-300px; opacity:0;}
		to {right:0px;opacity:1;}
	}
	
	@-o-keyframes mymolk /* Safari 和 Chrome */
	{
		from {right:-300px; opacity:0;}
		to {right:0px;opacity:1;}
	}
	.banner-img{
		   transform:translate(0,-10px);
    -webkit-transform:translate(0,-10px);
    -moz-transform:translate(0,-10px);
    -o-transform:translate(0,-10px);
    -ms-transform:translate(0,-10px);
		position: relative;
		animation:mymosaf 2s infinite;
		animation-timing-function:linear;
	
		/* Safari and Chrome */
		-webkit-animation:mymosaf 2s infinite;
		-webkit-animation-timing-function:linear;
		}
	@keyframes mymosaf
	{
		0% { 
			transform:translate(0,0);
		    -webkit-transform:translate(0,0);
		    -moz-transform:translate(0,0);
		    -o-transform:translate(0,0);
		    -ms-transform:translate(0,0);
	    }
			
		50% { 
			transform:translate(0,-10px);
		    -webkit-transform:translate(0,-10px);
		    -moz-transform:translate(0,-10px);
		    -o-transform:translate(0,-10px);
		    -ms-transform:translate(0,-10px);
	    }
	    
	    100% {
		    transform:translate(0,0);
		    -webkit-transform:translate(0,0);
		    -moz-transform:translate(0,0);
		    -o-transform:translate(0,0);
		    -ms-transform:translate(0,0);
	     }
	}
	
	@-webkit-keyframes mymosaf /* Safari 和 Chrome */
	{
		0% { 
			transform:translate(0,0);
		    -webkit-transform:translate(0,0);
		    -moz-transform:translate(0,0);
		    -o-transform:translate(0,0);
		    -ms-transform:translate(0,0);
	    }
			
		50% { 
			transform:translate(0,-10px);
		    -webkit-transform:translate(0,-10px);
		    -moz-transform:translate(0,-10px);
		    -o-transform:translate(0,-10px);
		    -ms-transform:translate(0,-10px);
	    }
	    
	    100% {
		    transform:translate(0,0);
		    -webkit-transform:translate(0,0);
		    -moz-transform:translate(0,0);
		    -o-transform:translate(0,0);
		    -ms-transform:translate(0,0);
	     }
	}

/*dx-kafa*/
.dx-kafa{float: left; width:100%;background-color: #f6f8fb; padding: 20px 0 10px 0;}
.dx-kafatit{float: left; width: 100%;text-align: center;}
.dx-kafatith{ position:relative; width: 100%;}
.dx-kafatith h3{color: #191c3d;font-size: 26px;display: inline-block;}
.dx-kafatith img{display: inline-block; width: 3rem; height: 1px; margin: 0 22.5px;}
.dx-kafatit p{color: #a0b0ca;font-size: 14px; margin-top: 8px}
.dx-kafali{float: left; width: 100%; margin-top: 20px;}
.dx-kafali ul{  width: 100%; }
.dx-kafali li{ float: left;cursor: pointer; width: 46%; margin: 0 2% 12px 2%; height: 280px;background-color: #fff;border-radius: 5px;text-align: center; 
	 transition:All 0.3s linear;  
    -webkit-transition:All 0.3s linear;
    -moz-transition:All 0.3s linear;
    -o-transition:All 0.3s linear; }
.dx-kafali li:nth-child(1), .dx-kafali li:nth-child(2), .dx-kafali li:nth-child(3){ margin: 0 2% 12px 2%;}
.dx-kafali li img{ margin: auto; display: block; margin-top: 20px; margin-bottom: 10px; width: 100px; height: 100px;border-radius: 100rem;box-sizing: border-box;}
.dx-kafatxt h4{ color: #191c3d;font-size: 16px; margin-bottom: 18px;}
.dx-kafatxt p{color: #6d6f80;font-size: 12px;line-height: 26px; padding: 0 10px;box-sizing: border-box;}
.dx-kafali li:hover{box-shadow: 0 5px 14px rgba(35, 111, 251, 0.4);
	transform:translate(0,-10px);
    -webkit-transform:translate(0,-10px);
    -moz-transform:translate(0,-10px);
    -o-transform:translate(0,-10px);
    -ms-transform:translate(0,-10px);
     transition:All 0.2s linear;  
    -webkit-transition:All 0.2s linear;
    -moz-transition:All 0.2s linear;
    -o-transition:All 0.2s linear; 
  }
.dx-kafali li:hover .dx-kafatxt h4{color: #236ffb;
	transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
    -o-transition:All 0.3s ease-in-out;}
.dx-kafali li:hover img{ box-shadow: 0 4px 12px rgba(35, 111, 251, 0.3);	
	transition:All 0.6s ease-in-out;
    -webkit-transition:All 0.6s ease-in-out;
    -moz-transition:All 0.6s ease-in-out;
    -o-transition:All 0.6s ease-in-out; }
.dx-kafali li:hover .dx-kafatxt p{color:#55576a;}
/*案例*/
.dx-anli{float: left;width: 100%;background-color: #fff; padding: 52px 0 50px 0;}
.dx-anlitab{float: left;width: 100%;}
.tab-dxul{float: left;text-align: center; width: 100%; margin: 45px 0 45px 0;}
.tab-dxul li{display: inline-block; height: 40px;line-height: 40px; font-size: 16px;color: #505267; padding: 0 16px; margin: 0 10px;cursor: pointer;}
.tab-dxul li:hover{background-color:#236efb;color: #fff;}
.tab-dxul li.active{background-color: #236efb;color: #fff;}
.tab-dxli{float: left;width: 100%;}
.tab-dxli li.thisclass{display: list-item;}
.tab-dxli li{display: none;}
.dxanli{float: left;width: 96%; margin: 0 2% 18px 2%;}
.dxanli:nth-child(3), .dxanli:nth-child(6), .dxanli:nth-child(9), .dxanli:nth-child(12), .dxanli:nth-child(15), .dxanli:nth-child(18){margin: 0 2% 12px 2%;}
.dxanlis{	float: left; height: 108px;width: 48.8%;position: relative;border-top-left-radius: 10px;border-top-right-radius: 10px; display: flex;align-items: baseline;justify-content: center;overflow: hidden;}
.dxanlis img{ width: 100%;min-height: 108px;}
.dxanlis:hover .dxanlibox{	
	transform:translate(0,-100%);
    -webkit-transform:translate(0,-100%);
    -moz-transform:translate(0,-100%);
    -o-transform:translate(0,-100%);
    -ms-transform:translate(0,-100);
     transition:All 0.2s linear;  
    -webkit-transition:All 0.2s linear;
    -moz-transition:All 0.2s linear;
    -o-transition:All 0.2s linear; }
.dxanlibox{transform:translate(0,0%);
    -webkit-transform:translate(0,0%);
    -moz-transform:translate(0,0%);
    -o-transform:translate(0,0%);
    -ms-transform:translate(0,0%);
     transition:All 0.1s linear;  
    -webkit-transition:All 0.1s linear;
    -moz-transition:All 0.1s linear;
    -o-transition:All 0.1s linear;
	position: absolute;bottom: -100%;cursor: pointer; background-color: rgba(0, 0, 0, 0.7);color: #fff;text-align: center; width: 100%; height: 108px;z-index: 2;}
.dxanlibox div{font-size: 16px; padding: 20px 5% 20px 5%;box-sizing: border-box;}
.dxanlibox p{font-size: 12px;padding: 0px 8% 0px 8%;box-sizing: border-box;display: -webkit-box !important;overflow:hidden;text-overflow:ellipsis;word-break: break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;   }
.dxanlibot{float: left;width: 50%;border: 1px solid #e5e4e4;box-sizing: border-box; padding: 15px 12px 0 12px; height: 108px; border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.dxanliboth{color: #191c3d;font-size: 16px; margin-bottom: 2px;}
.dxanlibot span{color:#666666;font-size: 14px; margin-right: 12px; }
.dxanlir{float: left; width: 100%;text-align: center;margin-top: 20px;}
.dxanlir a{ margin: auto; display:inline-block;background-color:#236efb;  padding: 0 40px;  height: 40px;line-height: 40px;color: #fff;font-size: 14px;}
.dxanlir a:hover{background-color: #0050e6;}
/*成功案例*/
.dx-anlis{float: left; width: 100%;text-align: center; height: 140px;overflow: hidden;}
.dx-anlis img{ height: 140px; margin-left: -20%;}
.anli{float: left;text-align: center; width: 100%;border-bottom: 1px solid #ebebeb;}
.anli li{display: inline-block;position: relative; margin: 0 25px; height: 60px;line-height: 60px;}
.anli li a{color: #666666;font-size: 16px;}
.anli li.active a{color: #236efb;}
.anli li:before {opacity: 1; content: " ";width: 0;position: absolute; left: 50%; margin-left: -30px; height: 2px;bottom: 0px;background-color:#3179ff; 
   transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;}
.anli li.active:before {opacity: 1; content: " ";width: 60px;position: absolute; left: 50%; margin-left: -30px; height: 2px;bottom: 0px;background-color:#3179ff; 
   transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;}
.anli li:hover a{color: #236efb;}
.anli li:hover:before{opacity: 1;content: " ";  width: 60px; bottom: 0px;}
.dxanliitem{float: left; width: 100%; padding-bottom: 100px;}
/*案例详情*/
.anlixq{float: left; width: 100%;background-color: #f6f8fb;}
.anlixqbox{ margin: auto;background-color: #fff;display: flow-root;display: table; width: 100%; margin-top: 26px; margin-bottom: 35px; padding:20px 20px 110px 20px;box-sizing: border-box;}
.anlihead{float: left; width: 100%;}
.anlih-le{float: left; width: 100%;position: relative; color: #444444;font-size: 30px; height: 60px; margin-bottom: 34px}
.anlih-le:before {content: " ";width: 50px;position: absolute; left: 0;opacity: 0; height: 4px;bottom: 0rem;background-color: #444444;}
.anlih-le a{display: inline-block;position: relative;top:-2px; margin-left: 27px;  width: 125px;font-size: 14px; height: 30px;line-height: 30px;color: #fff;text-align: left;border-radius:5px;background-color: #5e7eff;}
.anlih-le a:hover{background-color: #476cff;}
.anlih-le a img{ width:26px; height: 26px;  margin: 0 2px 0 18px;}
.anli-lit{color: #888888;font-size: 16px;float: left; width: 100%; margin-bottom: 10px;}
.anli-litxt{color: #888888;font-size: 16px;float: left; width: 100%;line-height: 26px;}
.anli-imgs{float: left; width: 100%;border-top:1px solid #e4e4e4;  padding-top: 24px; margin-top: 20px}
.anli-imgs img{ width: 100%;}
/*新闻中心*/
.dxnewsbox{margin: auto;background-color: #fff;display: flow-root;display: table; width: 100%; margin-top: 26px; margin-bottom: 35px; padding: 35px 20px 0px 20px;box-sizing: border-box;}
.dxnews-left{float: left; width: 100%;}
.dxnews-leh{float: left; width: 100%; margin-top: 28px;}
.dxnews-leh h3{float:left; width: 100%; color: #111111;font-size: 24px;text-align: center;}
.dxnews-lehj{float: left; width: 100%;text-align: center;border-bottom: 1px solid #eee; padding: 16px 0 38px 0;}
.dxnews-lehj span{display: inline-block;color: #999999;font-size: 12px; margin: 0 8px;}
.dxnews-img{float: left; width: 100%;color:#666666;font-size: 14px;line-height: 30px; padding: 16px 0;}
.dxnews-img p{ margin: 22px 0;}
.dxnews-img img{max-width: 100%;min-width: 50%; margin:auto;display: block;}
.dxnews-alt{float: left; width: 100%;border-top:1px solid #e4e4e4;}
.dxnews-alt a{ height: 68px;line-height: 68px;color: #333333; width: 48%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.dxnews-alt a:hover{color: #236efb;text-decoration: underline;}
.dxnews-alt a.left{float: left;font-size: 14px;text-align: left;}
.dxnews-alt a.right{float: right;font-size: 14px;text-align: right;}
.dxnews-right{float: right; width: 100%;box-sizing: border-box;}
.dxnews-rigli{float:left; width: 100%; border: 1px solid #eee; padding: 0 0 52px 20px;box-sizing: border-box; margin-bottom: 19px;}
.dxnews-riglia{float:left; width: 100%; border: 1px solid #eee; padding: 0 0 20px 20px;box-sizing: border-box; margin-bottom: 19px;}
.dxnews-riglis{float: left; width: 100%; height: 83px;line-height: 83px;color: #333333;font-size: 16px;text-align: left;}
.dxnews-appli{float: left; width: 100%;}
.dxnews-appli li{float: left; height: 29px;text-align: center;line-height: 29px; width: 135px; margin: 0 6px 6px 0;}
.dxnews-appli li:nth-child(1){background-color:#3bb786;} 
.dxnews-appli li:nth-child(2){background-color:#5d97e4;} 
.dxnews-appli li:nth-child(3){background-color:#dda734;} 
.dxnews-appli li:nth-child(4){background-color:#f28f8f;} 
.dxnews-appli li:nth-child(5){background-color:#3bb786;} 
.dxnews-appli li:nth-child(6){background-color:#dda734;} 
.dxnews-appli li:nth-child(7){background-color:#5d97e4;} 
.dxnews-appli li:nth-child(8){background-color:#f28f8f;} 
.dxnews-appli li a{color: #fff;font-size: 14px;}
.dxnews-appli li:hover{ 	-webkit-filter: brightness(1.08);  filter: brightness(1.08);}
.dxnews-apptxt{float: left; width: 100%;}
.dxnews-apptxt li{float: left; width:88%;color: #999999;font-size: 12px;text-align: left;border-bottom: 1px solid #eee; padding-bottom: 12px; margin-bottom: 20px;}
.dxnews-apptxt li a{color: #333;}
.dxnews-apptxt li p{color: #333333;font-size: 14px; margin-bottom: 12px;}
.dxnews-apptxt li:hover p{color: #236efb;opacity: 1;}
.dxnews-apptxt li:hover a{color: #999;opacity: 1;}
.dxnewsimg{float: left; width: 100%; margin-bottom: 30px; padding-bottom: 80px;}
.dxnewsimg img{ width: 100%;}
.dxnews-bas{float: left; width: 100%;border-top: 2px solid #f1f1f1;}
.dxnews-bas li{float: left;width: 100%;border-bottom: 1px solid #eee; padding: 28px 0;}
.dxnews-bas li:hover h3{color: #236efb;}
.dxnews-basi{float: left; width: 100%; height: 170px;display: flex;align-items: center;justify-content: center;overflow: hidden; margin-right: 18px; margin-bottom: 20px;}
.dxnews-basi img{width: 100%;min-height: 170px;}
.dxnews-bast h3{color: #111111;font-size: 24px;position: relative;top: -5px;}
.dxnews-bast p{font-size: 14px;color: #666666;line-height: 24px; margin: 5px 0 0 0; height: 50px;display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.dxnews-bast span{display: inline-block;color: #999999;font-size: 12px; margin-right: 12px;}
/*关于我们*/
.dx-about{float: left; width: 100%;text-align: center;overflow: hidden;}
.dx-about img{ height: 9.375rem; /* margin-left: -40%; */}
.about{float: left; width: 100%;background-color: #fff;}
.aboutbox{margin: auto;background-color: #fff;display: flow-root;display: table; width: 100%; padding: 40px 4% 0px 4%;box-sizing: border-box;}
.about-le{float: left; width: 100%; height: auto;background: url(../images/about1.png) right center no-repeat;background-size:auto 307px;}
.about-le img{  width: 100%;height: auto; }
.about-ri{float: right;width: 100%; margin-left: 0;}
.about-rih{float: left; width: 100%;text-align: left; margin-top: 15px; border-bottom: 2px solid #236efb; padding-bottom: 15px;}
.about-rih h3{font-family: "微软雅黑";font-weight: normal; color: #000000;font-size: 26px; width: 100%;}
.about-rih p{color: #999999;font-size: 16px; margin-top: 2px}
.about-txt{float: left; width: 100%; margin-top: 20px;text-indent: 2em; padding-bottom: 140px;}
.about-txt p{color: #666666;font-size: 16px;line-height: 34px; margin-bottom: 22px;}
.dx-aboutbot{float: left; width: 84%; margin: 0 8%;box-sizing: border-box;display: flex; display: -webkit-flex;border-top: 1px solid #eeeeee; margin-top: 60px;}
.dx-aboutbot .dx-ancita{margin: auto; display: flex;  align-items: center; height: 150px;}
/*荣誉资质*/
.about-ryzz{float: left; width: 100%; padding-bottom: 140px;}
.about-ryzz li{float: left; margin: 0 10% 50px 10%;box-sizing:border-box; width: 80%; padding: 20px; border: 1px solid #ddd;}
.about-ryzz li img{width: 100%;}
/*团队风采*/
.about-ttfc{float: left; width:100%; padding: 0  0px 0px 0px;box-sizing: border-box;}
.about-ttfc li{ margin: 0 5% 0px 5%;float:left; width:90%;}
.about-ttfc li img{ width: 100%; height: auto;}
.about-ttfc li p{ height: 70px;line-height: 54px;color: #222222;font-size: 16px}
/*联系我们*/
.about-rira{float:left;width:100%; margin-right: 0px;}
.about-add{float: left; width: 100%; margin-top: 25px}
.about-add li{float: left; width: 100%; height: auto;line-height: 36px;}
.about-add li p{color: #666666;font-size: 14px;font-family: "微软雅黑";}
.about-add li a p{color: #236efb;}
.lxwmadd{float: left;  width: 110px;display: flex;align-items: center;justify-content: flex-start;color: #333;font-size: 14px;}
.lxwmadd img{ margin-right: 5px; width: 26px; height: 26px;}
.lxwm-riadd{float: left; width: 100%; height: 355px; padding-bottom: 140px;}
/*手机右侧滑出样式*/
a#cd-logo {display: block;float: left; height:100%;}
a#cd-logo img { display: block; width:4.5rem;}
header img.left{ float:left; overflow:hidden; height: auto; margin:0px 0px 0px 0.625rem;}
header img.right{ float:right;width:2.625rem; height: auto; margin:0.2rem 0.2rem 0px 0px;}
header{ height:3.437rem; width:100%; background:url(../images/z6.png) center center no-repeat;background-size: auto 100%; line-height:3.437rem; position: fixed;top: 0; left: 0;z-index:3;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
header .lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}
.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  height: 100%;
  background-color:#fff;
  z-index: 2;
  padding-top:3.4375rem;
    padding-bottom:4.5rem;
    height: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}
header .is-fixed { position: fixed;}
#cd-top-nav { position: absolute; top: 0; right: 120px; height: 100%;display: none;}
#cd-top-nav ul {height: 100%;padding-top: 18px;}
#cd-top-nav li {display: inline-block;margin-right: 1em;}
#cd-top-nav a {display: inline-block; padding: .5em;color: #FFF;text-transform: uppercase;font-weight: 600;}
#cd-top-nav a.current {background-color: #242e30;}
.no-touch #cd-top-nav a:hover { color: rgba(255, 255, 255, 0.7);}
@media only screen and (min-width: 768px) {#cd-top-nav { display: block;}}
a#cd-menu-trigger { position: absolute;right: 0;top: 0; height: 100%; width: 50px;}
a#cd-menu-trigger .cd-menu-text {height: 100%; text-transform: uppercase; color: #FFF;font-weight: 600; display: none;}
a#cd-menu-trigger .cd-menu-icon {
  opacity:0;
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left:40%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width:40px;
  height:40px;
  background-color: #FFF;
  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
  content: '';
  opacity:0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
#cd-menu-trigger .cd-menu-icon::before { bottom: 5px; display:none;}
#cd-menu-trigger .cd-menu-icon::after {top: 0px;}
#cd-menu-trigger.is-clicked .cd-menu-icon { background-color: rgba(255, 255, 255, 0);}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {background-color: white;}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {#cd-menu-trigger {width: 110px; padding-left: 1.25em;}
  #cd-menu-trigger .cd-menu-text {display: inline-block;line-height: 70px;}
  #cd-menu-trigger .cd-menu-icon { left: auto;right: 1.25em;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
#cd-lateral-nav {z-index:555; position: fixed;height:100%;
  right:-40%;
  top: 0;
  /* the secondary navigation is covered by the main element */
  width:40%;
      box-shadow: 0px 0px 5px #adadad;
  background-color:#ffffff;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
#cd-lateral-nav .cd-navigation { margin:0px;}
#cd-lateral-nav .sub-menu { display:none;padding:10px 10px 10px 10px;box-sizing: border-box;width: 100%; display: none;position: absolute;background: #f1efe1; z-index: 999;}
#cd-lateral-nav .sub-menu li{height: 32px;line-height: 32px;overflow: hidden;}
li.item-has-children{ height:50px; line-height:50px; }
li.item-has-childrens{ height:50px; line-height:50px; }
#cd-lateral-nav a {border-bottom:1px solid #f1f1f1;display: block;font-size:0.75rem; color:#000;text-align:center;}
#cd-lateral-nav a.current { background-color: #3a4a4d; color: #FFF;}
.no-touch #cd-lateral-nav a:hover {color: #FFF;}
@media only screen and (min-width: 768px) { #cd-lateral-nav .cd-navigation { margin: 20px 0;}}
#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}
/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {position: relative;text-transform: uppercase;/* this is the right arrow to show that the item has a submenu  */}
#cd-lateral-nav .item-has-children > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
 /* background: url("../img/cd-arrow.svg") no-repeat center center;
  background-size: 8px 11px;*/
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
#cd-lateral-nav .socials { padding: 0 32px;}
#cd-lateral-nav .socials:after { content: "";display: table; clear: both;}
#cd-lateral-nav .socials a {
  height: 32px;
  width: 32px;
  float: left;
  padding: 0;
  background-image: url("../img/cd-socials.svg");
  background-repeat: no-repeat;
  background-size: 128px 64px;
  background-color: #FFF;
  margin-right: .5em;
  border-radius: 0.25em;
}
#cd-lateral-nav .socials a.cd-twitter {background-position: 0 0;}
#cd-lateral-nav .socials a.cd-github {background-position: -32px 0;}
#cd-lateral-nav .socials a.cd-facebook {background-position: -64px 0;}
#cd-lateral-nav .socials a.cd-google { background-position: -96px 0;}
.no-touch #cd-lateral-nav .socials a:hover { background-color: #4e6361;}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter { background-position: 0 -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-github { background-position: -32px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {background-position: -64px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-google { background-position: -96px -32px;}
/*手机右侧滑出样式*/
/*新闻中心*/
.dx-news{float: left; width: 100%;background-color:#fff;padding:50px 0 150px 0;border-top: 0.625rem solid #f6f8fb;}
.dxnews{float: left;background-color: #fff;  width: 92%; margin: 0 4%;box-shadow: 5px 5px 12px rgba(0, 59, 228, 0.15); margin-bottom: 25px;}
.dxnews-le{float: left;width: 286px;display: none;}
.dxnews-le img{width: 100%;display: none;}
.dxnews-ri{float: left; width: 100%;}
.dxnews-li{float: left; width: 100%; margin: 0; border-bottom: 1px solid #e8e8e8; padding: 15px 4% 14px 4%;box-sizing: border-box; cursor: pointer;}
.dxnews-li:hover .dxnews-w{color: #236efb;text-decoration: underline;}
.dxnews-li:hover .dxnews-q, .dxnews-li:hover .dxnews-e{opacity: 0.7;}
.dxnews-li:nth-child(7), .dxnews-li:nth-child(8){border-bottom: 1px solid #e8e8e8;}
.dxnews-q{float: left; width: 100%;color: #999999;font-size: 16px;}
.dxnews-w{float: left; width: 100%;color: #333333;font-size: 16px; margin: 12px 0 9px 0;}
.dxnews-e{float: left; width: 100%;color: #999999;font-size: 14px;}
/*立即咨询*/
.dx-zhixun{position: fixed;bottom: 0;z-index: 10; width: 100%; height:120px;text-align: center; background-color: #387efd;}
.dx-zhixunbox{ margin: auto;display: block; width: 100%;}
.dx-zhixun h3{color: #fefefe;font-size: 24px;display: inline-block;font-weight: normal; text-shadow: 0px 5px 5px #1c3b96; margin: 5px 0 8px 0;letter-spacing: 1px;}
.dx-zhixun p{color: #e6effe;font-size: 14px; margin-bottom: 5px;}
.dx-zhixun a{color: #0071ff;font-size:16px;display: inline-block;width: 140px; margin: 0 5px; height: 40px; line-height: 40px; border-radius: 10px; background-color: #fff;box-shadow: 0px 5px 3px rgba(42, 0, 255, 0.3);}
/* .dx-zhixun div{color: #00b136;font-size:16px;display: inline-block;width: 140px; margin: 0 5px; height: 36px; padding-top: 4px; line-height: 18px; border-radius: 10px; background-color: #fff;box-shadow: 0px 5px 3px rgba(42, 0, 255, 0.3);}
 */.dx-zhixun small{}
.dx-zhixun p small{display: inline-block;color: #333;font-size: 0.625rem;}
.dx-zhixun span{top: -2px;}
.dx-zhixun span{  
	position:relative;
	animation:width 2s linear;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	

	/* Safari and Chrome */
	-webkit-animation:width 2s linear;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite; /*Safari and Chrome*/
}
@keyframes width
{
	0% {color:#0071ff;line-height: 48px;}
	10% { color: #e80000;line-height: 47px;}
	20% { color: #e80000;line-height: 46px;}
	30% { color: #e80000;line-height: 45px;}
	40% { color: #e80000;line-height: 44px;}
	50% { color: #e80000;line-height: 48px;}
	60% { color: #e80000;line-height: 49px;}
	70% { color: #e80000;line-height: 50px;}
	80% { color: #e80000;line-height: 51px;}
	90% { color: #e80000;line-height: 52px;}
	100%{ color: #0071ff;line-height: 48px;}

}
@-webkit-keyframes width /* Safari and Chrome */
{
0% {color:#0071ff;line-height: 48px;}
	0% {color:#0071ff;line-height: 48px;}
	10% { color: #e80000;line-height: 47px;}
	20% { color: #e80000;line-height: 46px;}
	30% { color: #e80000;line-height: 45px;}
	40% { color: #e80000;line-height: 44px;}
	50% { color: #e80000;line-height: 48px;}
	60% { color: #e80000;line-height: 49px;}
	70% { color: #e80000;line-height: 50px;}
	80% { color: #e80000;line-height: 51px;}
	90% { color: #e80000;line-height: 52px;}
	100%{ color: #0071ff;line-height: 48px;}
}

/*兼容*/
@media screen and (min-device-width:500px){ html, body{ width:500px; margin:auto;}}

@media screen and (min-width: 400px) and (max-device-width:420px){
	.dx-anlix{ float: left;width: 100%; height: 520px; background: url(../images/br4.jpg) center center no-repeat;background-size: 1920px 570px;overflow: hidden;}
}
@media screen and (min-width: 350px) and (max-device-width:365px){
	.banner-txt img{ height: 55px;}
}
@media screen and (min-width: 310px) and (max-device-width:330px){
	.banner-txt img{ height: 40px;}
}