.hui_bg{ width:100%; background:#EEEEEE; min-width:1100px;}
.lv_bg{ width:100%; background:#0b9444; min-width:1100px;}

/**首页banner数字滚动部分****/
.banner_x { 
height:80px; 
  background-color:rgba(2,128,219,0.5);
  width: 100%;
  position:absolute;
  bottom:0px;
  
}



.banner_x .number_list{ width:100%;  color:#FFFFFF;opacity: 1; line-height:100%;  margin:0px; padding:10px 0px;  } 
.banner_x .number_list li{ width:33%; float:left;color:#FFFFFF; text-align:center;}
.banner_x .number_list li .number{ font-size:30px; font-weight:bold; line-height:0px; margin:0px; padding:0px;}
.banner_x .number_list li .number .danwei{ font-size:14px; font-weight:normal; line-height:0px; margin:0px; padding:0px;}
.banner_x .number_list li .title{ font-size:16px; line-height:0px; opacity:1; margin:0px; padding:0px;}

@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
  
  .hui_bg{min-width:100px;}
  .banner_x { 

  position:inherit;
    background-color:rgba(2,128,219,1);
  
}



.banner_x .number_list li .number{ font-size:18px;}
.banner_x .number_list li .number .danwei{ font-size:12px;}
.banner_x .number_list li .title{ font-size:14px; line-height:5px;}

}

/**首页明星产品****/

.hxjs_bg{ width:100%; background:#fff;padding-top:40px; }
.content_bg{ width:100%;}
.content_bg .type{ text-align:center; color:#000000; font-family:"微软雅黑"; vertical-align:middle; }
.content_bg .type span{ font-size:40px; font-weight:bold;vertical-align:middle;}
.content_bg .type h3{ font-size:20px; line-height:180%; margin-top:10px;}
.content_bg .type img{ width:260px; height:59px;}



.content_bg ul{ margin:auto; width:1400px;}
.content_bg ul li{ float:left; margin-top:30px;}
.content_bg ul li img{ width:380px; height:245px; margin:25px;}
.content_bg ul li img:hover{ transform:scale(1.2);}
.content_bg .more{ text-align:center; background:url(../images/more_bg.jpg) no-repeat no-repeat center; height:36px;  margin:20px 0px 30px 0px;}
.content_bg .more a{ color:#FFFFFF; line-height:35px;}

@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
.content_bg .type span{ font-size:26px;}
.content_bg .type h3{ font-size:14px; }
.content_bg .type img{ width:160px; height:36px;}


.content_bg ul{width:100%;}
.content_bg ul li{ float:left; width:50%;margin-top:10px; text-align:center;}
.content_bg ul li img{ width:150px; height:97px;margin:10px 0px;}
}










/**首页标杆项目****/

.bjxm_bg{ width:100%; background:#0e76bd; padding-top:40px;}
.bjxm_bg .type{ text-align:center; color:#fff; font-family:"微软雅黑"; vertical-align:middle;}
.bjxm_bg .type span{ font-size:40px; font-weight:bold;vertical-align:middle;}
.bjxm_bg .type h3{ font-size:20px; line-height:160%; margin-top:10px;}
.bjxm_bg .type img{ width:260px; height:59px;}



#myscroll {
	display: block;
	position: relative;
	width:1400px;
	height:564px;
	overflow: hidden;
	margin-top:40px;
}
#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#myscroll ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	width:700px;
}
#myscroll ul li a {
	display: block;
	float: left;
	width: 650px;
	padding: 0;
	position: relative;
	margin-left:25px;
	height: 600px;
	color: #fff;
}
#myscroll ul li img{ width:650px; height:564px;}
#myscroll a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #0e76bd;
	background: rgba(14,118,189, 0.7);
	filter: alpha(opacity=70);
	width: 650px;
	color: #fff;
	
	text-align: center;
}
#myscroll a .intro h5 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	height: 50px;
	width: 650px;
	line-height: 50px;
	
	font-weight:bold;
}
#myscroll a .intro p {
	font-size: 13px;
	line-height: 20px;
	margin: 100px 70px 80px 70px;
	height: 460px;
	overflow: hidden;
	border:3px solid #fff;
	text-align:center;
	padding-top:200px;
	padding-left:30px;
	padding-right:30px;
	font-size:26px;
	line-height:40px;
}
#myscroll a .intro {
	bottom: -600px;
}
#myscroll a:hover .intro {
	bottom: 0px;
}
#myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
  
  .bjxm_bg .type span{ font-size:26px;}
.bjxm_bg .type h3{ font-size:14px; }
.bjxm_bg .type img{ width:160px; height:36px;}
  
  #myscroll {
	width: 100%;
	height:100px;
	
}
#myscroll #myscrollbox {
width:100%;
}

#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	width:50%;
}
#myscroll ul li a {
	width: 100%;
	height:auto;
	
}
#myscroll ul li img{ width:150px; height:130px;}
#myscroll a .intro {
	width:150px;
}
#myscroll a .intro h5 {
	width: 150px;
	font-size:12px;
	line-height:20px;
}
#myscroll a .intro p {

	display:none;
}
#myscroll a .intro {
	bottom: 0px;
}

  
}


.jcj-tit{font-size:1.0vw; font-weight:bold; color:#333; padding-bottom:10px; border-bottom:1px solid #dadada;}
.jcj-tit a{float:right; color:#666; line-height:24px; font-weight:normal; font-size:0.7vw;}
.jcj-tit a:hover{color:#6C6;}
.jcj-con{padding:0 0 0 0; overflow:hidden; margin:auto; width:1400px; margin-top:0%;}
.jcj-con ul.case{overflow:hidden; zoom:1; width:100%; margin-top:50px;}
.jcj-con ul.case li{width:48%; float:left; margin:1%; text-align:center;}
.jcj-con ul.case li .picylbtn{ text-align:center;}
.jcj-con ul.case li .picylbtn img{width:100%; height:auto;}


.jcj-con  .case li{position: relative;}
.jcj-con  .case li .hidenbox{position: absolute; overflow: hidden; text-align: center; opacity: 0; transition: .3s all; top:0; left: 0; width:100%; height: 100%; background-color: rgba(14, 118, 189,0.7);}
.jcj-con  .case li .hidenbox h3{ font-size:1.3vw; font-weight:bold; color:#FFFFFF; margin-top:30px;}
.jcj-con  .case li .hidenbox p{padding:20px 10%; font-size: 1.2vw; width: 100%; color: #fff; vertical-align: middle; display: inline-block;text-align: left;text-indent:20px; }
.jcj-con  .case li .hidenbox a{padding:8px 25px; border: 1px solid #0e76bd; color: #fff;background-color: #0e76bd; }

.jcj-con  .case li:hover .hidenbox{opacity: 1; transition: .3s all;}

.jcj-con  .case .tit{ text-align:center; color:#FFFFFF; margin:auto; line-height:60px; font-size:16px; }


.jcj-con .more{ text-align:center; background:url(../images/syal_more_bg.png) no-repeat no-repeat center; height:41px; margin:20px 0px 30px 0px;}
.jcj-con .more a{ color:#FFFFFF; line-height:41px;}

@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
  .jcj-con{ width:100%;}

  
}


/**首页优选之由****/

.yxzy_bg{ width:100%; background:#f9f9f9; padding-top:40px;}
.yxzy_bg .type{ text-align:center; color:#666; font-family:"微软雅黑"; vertical-align:middle;}
.yxzy_bg .type span{ font-size:40px; font-weight:bold;vertical-align:middle;}
.yxzy_bg .type h3{ font-size:20px; line-height:180%; margin-top:10px;}
.yxzy_bg .type img{ width:260px; height:59px;}


.yun-main-bd {
	padding-top: 40px;
	text-align: center;
	width:1400px;
	margin:auto;
}



.yun-solution-slider-content {
	position: relative
}

.yun-solution-slider-content .yun-solution-wrap {
	position: relative;
	height: 310px;
	height: 320px\0;
	margin-top:20px;
	
}

.yun-solution-slider-content .yun-solution-item {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 310px;
	color: #000;
	background-size: cover!important;
	-webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
	transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

.yun-solution-slider-content .yun-solution-item.current {
	z-index: 2;
	opacity: 1;
	filter: alpha(opacity=100)
}

.yun-solution-slider-content .yun-solution-item-content {
	margin: 0 auto;
	
	width: 91.66666666666667%;
	max-width: 1100px
}




.w {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}


.yun-solution-slider-content .yun-solution-des {
	margin-top: 15px;
	padding-top:80px;
	text-align:left;
	padding-left:180px;
	line-height: 30px;
	overflow: hidden;
	font-size: 22px;
	width:550px;
	float:left;
}
.yun-solution-slider-content .yun-solution-img{

width:500px; float:left;}

.yun-solution-slider-content .yun-solution-logo-wrap {
	float: left;
	margin-left: 40px;
	width: 420px;
	max-height: 230px;
	overflow: hidden;
	font-size: 0
}

.yun-solution-slider-content .yun-solution-logo-wrap:after {
	content: "";
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle
}

.yun-solution-slider-content .yun-solution-logo-list {
	display: inline-block
}

.yun-solution-slider-content .yun-solution-logo-list li {
	display: inline-block;
	margin-top: 0px;
	width: 33%;
	vertical-align: middle;
	text-align: left
}

.yun-solution-list-wrap {
	position: relative;
	height: 200px;
	overflow: hidden;
	padding-top:30px;
}




.yun-solution-list {
	padding-top: 0px;
	text-align: center;
	font-size: 0;
	margin:auto;
	width:1200px;
	margin-left:0px;
	
	}

.yun-solution-list .yun-solution-list-item {
	display: inline-block;
	vertical-align: top;
	width: 12.5%;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	margin-left:30px;
	text-align:center;
	
	
}

.yun-solution-list .img-wrap {
	margin: 0 auto;
	width: 97px;
	height: 96px;
	overflow: hidden;
	background-size: 97px;
	transition: transform 0.5s ease-in-out;
}

.yun-solution-list .img-wrap:hover {
transform: scale(1.2);
}


.yun-solution-list .img-wrapw {
	margin: 0 auto;
	width: 110px;
	height: 110px;
	overflow: hidden;
	background-size: 110px;
	border:0px;
}

.yun-solution-list .img-wrapw:hover {
background:url(../images/quan.png) center no-repeat;
}


.yun-solution-list .yun-solution-text {
	margin-top: 5px;
	line-height: 40px;
	color: #000;
	text-align:center;
	width:100%;
	font-weight:bold;

}

.yun-solution-list-item{
transition: transform 0.5s ease-in-out;
}
.yun-solution-list-item:hover{
transform: scale(1.2);
}

.yun-arrow-wrap {
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 0;
	display: table;
	width: 100%;
	height: 18px;
	overflow: hidden
}

.yun-arrow-wrap .yun-arrow-item {
	display: table-cell;
	position: relative;
	width: auto;
	background-color: #fff
}

.yun-arrow-wrap .yun-arrow-triangle {
	width: 1200px;
	height: 17px;
	background-color: transparent
}

.yun-arrow-wrap .yun-arrow-triangle:after,
.yun-arrow-wrap .yun-arrow-triangle:before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 50%;
	box-sizing: border-box
}

.yun-arrow-wrap .yun-arrow-triangle:before {
	right: 50%;
	border-bottom: 18px solid #fff;
	border-right: 22px solid transparent
}

.yun-arrow-wrap .yun-arrow-triangle:after {
	left: 50%;
	border-bottom: 18px solid #fff;
	border-left: 22px solid transparent
}

.yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:before {
	right: 94%
}

.yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:after {
	left: 6%;
	width: 94%
}

.yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:before {
	right: 81%
}

.yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:after {
	left: 19%;
	width: 81%
}

.yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:before {
	right: 69%
}

.yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:after {
	left: 31%;
	width: 69%
}

.yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:before {
	right: 56%
}

.yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:after {
	left: 44%;
	width: 56%
}

.yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:before {
	right: 44%;
	width: 56%
}

.yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:after {
	left: 56%
}

.yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:before {
	right: 31%;
	width: 69%
}

.yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:after {
	left: 69%
}

.yun-arrow-wrap.yun-arrow-current7 .yun-arrow-triangle:before {
	right: 19%;
	width: 81%
}

.yun-arrow-wrap.yun-arrow-current7 .yun-arrow-triangle:after {
	left: 81%
}

.yun-arrow-wrap.yun-arrow-current8 .yun-arrow-triangle:before {
	right: 6%;
	width: 94%
}

.yun-arrow-wrap.yun-arrow-current8 .yun-arrow-triangle:after {
	left: 94%
}



/*********优选之由手机端样式************/

.meal-box{padding:0px 0 0 0; background:#f6f7fb; display:none;}
.meal-title{text-align:center;}

.meal-title p{color:#888;}
.meal-cut{width:1280px; margin:0 auto; text-align:center; max-width:100%;}
.meal-cut ul{padding:40px 0 60px 0;}
.meal-cut ul:after{display:block; content:''; clear:both;}
.meal-cut ul li{width:25%; float:left; padding:7.5px;}
.meal-cut ul li span{background:#fff; border:1px solid #e9e9e9; display:block;}
.meal-cut ul li i{width:80px; height:80px;  margin:10px auto; }
.meal-cut ul li h3{display:block; font-size:20px;}
.meal-cut ul li p{display:block; color:#888; max-width:70%; margin:20px auto;}




.meal-cut ul li i img{ width:70px;}

@media(max-width:600px){

.yxzy_bg .type span{ font-size:26px;}
.yxzy_bg .type h3{ font-size:14px; }
.yxzy_bg .type img{ width:160px; height:36px;}


.yun-main-bd {
display:none;
}
.meal-box{display:block;}
.meal-title{padding:0 30px;}

.meal-cut ul{padding:20px 5px 30px 5px;}
.meal-cut ul li{width:50%; float:left; padding:5px;}
.meal-cut ul li h3{font-size:14px; font-weight:bold;}
.meal-cut ul li p{display:block; color:#888; max-width:100%; margin:10px auto; padding:0 10px; height:110px; overflow:hidden; font-size:14px;}
}



/**首页新闻资讯****/

.xwzx_bg{ width:100%; background:#FFFFFF url(../images/xwzx_bg.jpg)  center top no-repeat;  overflow:hidden;}
.xwzx_bg .type{ text-align:center; color:#666; font-family:"微软雅黑"; padding-top:40px;vertical-align:middle;}
.xwzx_bg .type span{ font-size:40px; font-weight:bold;vertical-align:middle;}
.xwzx_bg .type h3{ font-size:20px; line-height:180%; margin-top:10px;}
.xwzx_bg .type img{ width:260px; height:59px;}

.news-fra{ padding: 0 0 0 0; position:relative; overflow:hidden;  margin:auto; width:1400px; }
.inewsleft{ float:left; width:670px; text-align:center;}
.inewsleft p{ background:#0e76bc; width:600px; margin:auto;}
.inewsleft p a{ color:#fff; line-height:40px;}
.inewimg{ width:600px;}
.newsmain{ float:right;width:700px; }
.newsmain li{ float:left;width:700px; display:inline; margin:0 0 30px 0;height:88px; border-bottom:4px solid #0e76bc;}
.newsmain li:hover .newsli_r{ background:#EAEAEA;}
.newsmain .time{ float:right;width:88px;height:88px; background:#0e76bc;  color:#fff;font-family:Arial, Helvetica, sans-serif; text-align:center;}
.newsmain .time font{ float:left;width:88px;font:30px/26px 'Microsoft Yahei'; color:#fff; padding:15px 0 0 0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newsmain .time span{ font:14px/38px 'Microsoft Yahei'; float:left; width:100%; color:#fff;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newsmain .newsli_r{float:left; line-height:1.5; height:88px;color:#8b8b8b;width:612px; background:#f2f2f2; border-bottom:4px solid #0e76bd;}
.newsmain .newsli_rt{float:left; padding:10px 0 0 30px;width:480px;font:16px/1.5 'Microsoft Yahei' ;color:#242424;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newsmain p.newscontent{ font-size:14px; float:left; width:480px; text-indent:20px; line-height:180%; height:50px; overflow:hidden; padding:5px 0 0 30px;}

.xwzx_bg .more{ text-align:center; background:url(../images/xwzx_more_bg.png) no-repeat no-repeat center; height:41px; margin:20px 0px 30px 0px;}
.xwzx_bg .more a{ color:#000; line-height:41px;}


@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
  
  
    
.xwzx_bg .type span{ font-size:26px;}
.xwzx_bg .type h3{ font-size:14px; }
.xwzx_bg .type img{ width:160px; height:36px;}
  
  .news-fra{ width:100%;}
.inewsleft{ width:95%;}
.inewsleft p{  width:95%;}
.inewimg{ width:95%;}
.newsmain{ float:left;width:95%; margin-top:20px; margin-left:2%;}
.newsmain li{width:96%; margin:0 0 20px 0;}
.newsmain .time{ width:20%;}
.newsmain .newsli_r{width:80%;}
.newsmain .newsli_rt{width:100%;}
.newsmain p.newscontent{ width:100%; }


  }








/**首页客户见证****/

.khjz_bg{ width:100%; background:#FFFFFF url(../images/khjz_bg.png)  center top no-repeat; padding-bottom:50px; }
.khjz_bg .type{ text-align:center; color:#666; font-family:"微软雅黑"; padding-top:40px;vertical-align:middle;}
.khjz_bg .type span{ font-size:40px; font-weight:bold;vertical-align:middle;}
.khjz_bg .type h3{ font-size:20px; line-height:180%; margin-top:10px;}
.khjz_bg .type img{ width:260px; height:59px;}
.khjz_con{ margin:auto; width:1400px; margin-top:30px;}

 
 .photo{
                width: 180px;
                height: 60px;
                overflow: hidden;
                position: relative;
				float:left;
				margin:10px 10px;
				border:1px solid #CCCCCC;
				background:#FFFFFF;
				 text-align:center;
				 padding-top:5px;
            }
			
			
			 .photo_n{
                width: 150px;
                height: 47px;
                overflow: hidden;
                position: relative;
				float:left; margin:10px 10px;
				border:1px solid #CCCCCC;
				background:#FFFFFF;
				 text-align:center;
				 
            }
			 .photo_n img{
			 width:145px;
			 }
			
          


@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
  
  .khjz_bg .type span{ font-size:26px;}
.khjz_bg .type h3{ font-size:14px; }
.khjz_bg .type img{ width:160px; height:36px;}
  
  .khjz_con{ width:100%}
  
   .photo{
                width: 43%;
                height:auto;
				            }
.photo img{ width:80%;}

			
			
			
			
  }




/*footer*/
.index_footer{
    background: #0e76bd;
    width: 100%;
    height: 300px;
    padding-top: 20px;
}
.index_footer_box{
width:80%;
margin-left:10%;
}


.index_footer_s div{
    margin-top: 30px;
}
.index_footer_s ul{

	padding-left:50px;
	
	}
.index_footer_s ul li{
    float: left;
    color: #fff;
    margin-left: 30px;
}
.index_footer_s ul li a{
    color:#fff;
	font-size:16px;
}
.index_footer_x{
width:85%;
margin-left:10px;
margin-top:30px;
}
.index_footer_l{
    float: left;
    margin-top: 30px;
}
.index_footer_l .wap{
display:none;}
.index_footer_c{
padding-left:80px;
width:500px;
float:left;
color:#fff;
text-align:left;
line-height:50px;
font-size:14px;
margin-top: 15px;
}
.index_footer_c span{
font-size:18px; font-weight:bold; margin-left:10px;}
.index_footer_r{
width:150px;
    float: right;
	color:#fff;
	text-align:center; line-height:50px;
}

.index_footer_copy{
width:100%; border-top:1px solid #9eb7c8; text-align:center; color:#FFFFFF; line-height:40px; font-size:12px;}




@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
  
  .index_footer{
    height:auto;
}
.index_footer_box{
width:95%;
margin-left:2%;
}

.index_footer_s div{
    margin-top: 30px;
}
.index_footer_s ul{

	padding-left:10px;
	
	}
.index_footer_s ul li{
    margin-left: 10px;
}
.index_footer_s ul li a{
	font-size:14px;
}
.index_footer_x{
width:95%;
margin-left:10px;
margin-top:30px;
}
.index_footer_l{
width:30%;
    float: left;
    margin-top: 10px;
	
}
.index_footer_l .pc{
width:120%;
display:none;}
.index_footer_l .wap{
width:90%;
display:block;}

.index_footer_c{
padding-left:2%;
width:65%;
line-height:30px;
margin-top: 0px;
}
.index_footer_r{
display:none;
}

.index_footer_copy{
line-height:25px;}




  }


/*单页面*/

.page_content{ width:1200px; margin:auto; padding:40px 0px; font-size:14px;}
.about_con{ width:1200px; margin:auto; padding:40px 0px; font-size:14px;}
.page_content .about_jianshu{ display:none;}

@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
  
.page_content{ width:90%; padding:0px; }
.about_con{ display:none;}
.page_content .about_jianshu{ display:block;}
  }


/*新闻列表页面*/




.scd{ width:1200px; margin:0px auto; text-align:left;}

.scd .scd_l{ width:240px;border-right:1px solid #ddd; float:left;}
.scd_l .title{ width:240px; height:50px;text-align:left; position:relative; padding:0px; line-height:220%; font-size:22px;color:#fff; background:#0f75bd url(../images/bg_worlds.jpg) no-repeat center; margin-bottom:40px; text-align:center; margin-top:40px;}


.scd_l .s_nav{ width:100%;}
.scd_l .s_nav li{ width:240px; height:40px; line-height:45px; margin-bottom:10px; position:relative;}
.scd_l .s_nav li a{ font-size:16px; color:#666;}
.scd_l .s_nav li a:hover{ color:#0e76bd;}
.scd_l .s_nav li i{ display:block; width:15px; height:15px; background:url(../images/icon12.png) no-repeat; position:absolute; right:-7px; top:15px;}
.scd_l .s_nav li:hover i{ display:block; width:43px; height:28px; background:url(../images/icon13.png) no-repeat; position:absolute; right:-7px; top:10px;}
.scd_l .s_nav .active i{display:block; width:43px; height:28px; background:url(../images/icon13.png) no-repeat; position:absolute; right:-7px; top:10px;}
.scd .scd_r{ width:960px;  float:right; margin-top:30px; }
.scd_r .head{height:40px; border-bottom:1px solid #ddd; font-size:18px; line-height:40px; color:#333333; padding-left:20px; font-weight:bold;}
.scd_r .head em{ font-size:16px; margin-left:10px; margin-top:15px;}
.scd_r .s_ctn{ width:100%; padding:50px 0; line-height:175%;}
.scd_r .s_ctn .pro_da{ width:100%; margin-bottom:60px;}
.scd_r .crumbs { float:right;  color:#666; font-size:12px; padding-top:20px;}
.scd_r .crumbs a{ color:#666;}

.scd_r .nei_dh{ display:none;}

.solution{ width:95%; margin-left:4%;}
.solution dl{ border-bottom:1px dashed #ddd; margin-bottom:50px; padding-bottom:50px;}
.solution dl dt{ width:210px; height:140px; overflow:hidden; float:left;  }
.solution dl dt img{ width:210px; }
.solution dl dt img:hover{ transform: scale(1.2);}
.solution dl dd{ width:calc(100% - 250px); float:right; margin-right:10px; text-align:left;}
.solution dl dd h5{  font-size:14px; color:#004587; height:40px; line-height:200%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal;}
.solution dl dd h5 a{ font-size:14px; color:#004587;}
.solution dl dd h5 a:hover{ font-size:16px; color:#0e76bd;}
.solution dl dd .des{ width:100%; height:80px; font-size:14px; color:#656565; line-height:185%; overflow:hidden;}



.solution_cpwt{ width:95%; margin-left:4%;}
.solution_cpwt dl{ border-bottom:1px dashed #ddd;}

.solution_cpwt dl dd{ width:100%;  text-align:left;}
.solution_cpwt dl dd h5{  font-size:14px; color:#333; height:30px; font-weight:normal;}
.solution_cpwt dl dd h5 a{ font-size:14px; color:#333; line-height:180%;}
.solution_cpwt dl dd h5 a:hover{ font-size:16px; color:#0e76bd;}
.solution_cpwt hr{}



@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
  .scd{ width:100%;}
  .scd .scd_l{ display:none;}
  .scd .scd_r{ width:100%; margin-top:0px;}
  .scd_r .crumbs { display:none;}
  .scd_r .nei_dh{ display:block;}
  .solution dl dt{ display:none;}
  .solution dl dd{ width:95%; }
  .solution dl{  margin-bottom:20px; padding-bottom:20px;}
  .solution_cpwt dl dd h5{ height:auto; }
  }




/*show详情页*/
.scd_r .s_title { text-align:center;}
.scd_r .s_title h1{ font-size:16px;  text-align:center; line-height:35px; font-weight:bold;}
.scd_r .s_title h4{ font-size:14px; text-align:center; color:#999999; }
.scd_r .s_con{ padding:20px 40px;  height:auto; font-size:14px;}
.scd_r .s_con p{ padding:3px; font-size:14px;}

.scd_r .con_s{ font-size:14px; margin-left:40px;}
.scd_r .con_x{ font-size:14px; margin-left:40px;}




/*案例列表页*/

.nei_banner{ height:auto; text-align:center; margin:auto; }
.nei_banner img{ width:100%;}

  
/*内页banner下导航**/
.nei_dh{ width:100%; margin:20px 0px;width:100%; height:40px; padding-left:20px; border-bottom:2px solid #0e76bd;}
.nei_dh li{ float:left; min-width:150px; height:40px; line-height:40px; text-align:center;}
.nei_dh li a{ color:#000; font-size:14px; padding:0px 10px;}
.nei_dh li:hover{ background:#0e76bd;}
.nei_dh li:hover a,.nei_dh .active a{ color:#FFFFFF;}
.nei_dh .active{background:#0e76bd;}


@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
  .nei_banner{ width:100%; overflow:hidden; }
.nei_banner img{ width:200%; margin-top:30px; left:-50%; position:relative;}

.nei_dh{ margin:0px 0px 20px 0px;width:100%; height:40px; padding-left:0px; border:0px; padding-bottom:20px;  }
.nei_dh li{ float:left; min-width:80px; height:40px; line-height:40px; text-align:center; border:1px solid #0e76bd; margin:3px;}
.nei_dh li a{ color:#000; font-size:14px; padding:0px 10px;}
.nei_dh li:hover{ background:#0e76bd;}
.nei_dh li:hover a,.nei_dh .active a{ color:#FFFFFF;}
.nei_dh .active{background:#0e76bd;}
  }


.case-con{padding:0 0 0 0; overflow:hidden; width:960px;}
.case-con ul.case{overflow:hidden; zoom:1; margin-left:20px;  margin-top:20px; width:940px;}
.case-con ul.case li{width:313px; height:265px; float:left; text-align:center;}
.case-con ul.case li:hover{ background:#0e76bc;}
.case-con ul.case li:hover a{ color:#FFFFFF;}
.case-con ul.case li .picylbtn img{width:260px; height:196px; margin-top:20px;}



.case-con  .case li{position: relative;}

.case-con  .case li  h3{ text-align:center; font-size:14px; color:#666666; line-height:200%;}
.case-con  .case li  h3 a{ font-size:14px; color:#666666;  line-height:120%; width:260px; padding:0px 10px;}
.case-con  .case li  h3 a:hover{ text-decoration:underline;}


@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
  .case-con{width:100%; }
  .case-con ul.case{width:100%; margin-bottom:20px; }
  .case-con ul.case li{width:45%; height:170px; text-align:center; line-height:80%;  }
.case-con ul.case li .picylbtn img{width:150px; height:113px; }
.case-con  .case li  h3{ line-height:20px; }
.case-con  .case li  h3 a{padding:0px; border:1px solid  #000000; }
  }







/***产品详情页**/


.page_pro_con{overflow:hidden; width:1200px; margin:auto;}
.page_pro_con .title{ font-size:20px; line-height:60px;text-align:center; color:#666;letter-spacing:3px; font-weight:bold;} 
.page_pro_con .p1{}
.page_pro_con .P1_left{ float:left; width:50%; border-right:1px solid #ccc; text-align:center;}
.page_pro_con .P1_left img{ width:530px; height:395px;}
.page_pro_con .P1_right{width:50%; float:right; margin: 0 auto; }
.page_pro_con .P1_right>div{font-size:14px;}
.page_pro_con h2{ font-size:18px;}


  


.pro_case-con{padding:0 0 0 0; overflow:hidden;}
.pro_case-con ul.case{overflow:hidden; zoom:1; width:100%; margin-top:20px;}
.pro_case-con ul.case li{width:340px; height:313px; float:left; margin:1%;}
.pro_case-con ul.case li .picylbtn img{width:360px; height:313px;}


.pro_case-con  .case li{position: relative;}
.pro_case-con  .case li .hidenbox{position: absolute; overflow: hidden; text-align: center; opacity: 0; transition: .3s all; top:0; left: 0; width:100%; height: 100%; background-color: rgba(14, 118, 189,0.7);}
.pro_case-con  .case li .hidenbox h3{ font-size:1.1vw; font-weight:bold; color:#FFFFFF; margin-top:30px;}
.pro_case-con  .case li .hidenbox p{padding:20px 10%; font-size: 1.0vw; width: 100%; color: #fff; vertical-align: middle; display: inline-block;text-align: left;text-indent:20px; }
.pro_case-con  .case li .hidenbox a{padding:8px 25px; border: 1px solid #0e76bd; color: #fff;background-color: #0e76bd; }

.pro_case-con  .case li:hover .hidenbox{opacity: 1; transition: .3s all;}



@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
  .page_pro_con{width:100%;}
  .page_pro_con .P1_left{ width:100%;}
  .page_pro_con .P1_right{ width:100%}
  .page_pro_con .P1_left img{ width:300px; height:auto;}
  }
  





/**分页**/
.pages-c{ width:100%; text-align:center;}
.pages-c a{ margin:0px 5px;}




/**内刊列表**/

.proCenter .list{width:100%;margin-top:38px;}
.proCenter .list li{float:left;width:260px;height: 400px;margin-top:30px;margin-right:30px;background:#f6f6f6;transition:all .5s;}
 .proCenter .list li a{display:block;padding:25px 20px 0 20px;}
.proCenter .list li img{width:220px;height: 295px;}
.proCenter .list li .tit{height:56px;font-size:14px;text-align:center; width:220px;}
.proCenter .list li:first-child{margin-left:0px;}
.proCenter .list li .title{margin-top:12px;}
.proCenter .list li .tit{color:#333;}
.proCenter .list li em{width:100px;height:26px;background:url("../images/em.png") no-repeat;transition:all .5s;}
.proCenter .list li:hover{background:#1048a0;}
.proCenter .list li:hover .tit{color:#fff;}
 .proCenter .list li:hover em{width: 100px;height:26px;background:url("../images/em1.png") no-repeat;transition:all .5s;}
.proCenter .list li:hover img{-webkit-filter:brightness(105%);filter:brightness(105%);}



#btn {
    width:300px;
    height:40px;
    margin:20px auto;
	line-height:40px;
    position:relative;
    overflow:hidden;
	
}
#btn li{
text-align:center;
}
#conten {

    height:880px;
	
    overflow:hidden;
}



@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
  .proCenter .list{ padding-left:2%;}
.proCenter .list li{width:46%;height: 266px;margin-right:2%; text-align:center;}
 .proCenter .list li a{display:block;padding:25px 0px 0 0px;}
.proCenter .list li img{width:135px;height: 181px; margin:auto;}
.proCenter .list li .tit{height:56px;font-size:14px;text-align:center; width:150px;}
.proCenter .list li:first-child{margin-left:0px;}
#conten {

    height:1200px;
	
}
  }


.fzlc_jianshu{ display:none;  width:100%; background:#0a629e url("../images/fzlc_bg.png") no-repeat  top center ;}
/**发展历史时间轴**/
.page_fzlc{ width:100%; background:#0a629e url("../images/fzlc_bg.png") no-repeat  top center ; display:block;}

.wrapper {
    font-family: roboto;
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
    margin: 0 auto;
}

.box-area {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
}

.box-date {
    display: flex;
    /* 原来是用渐变做的直线 */
    background: #ddd;
    order: 2;
    text-align: center;
    font-size: 28px;
	width:2px;
    color: #fff;
}

.box-date>span {
    font-size: 20px;
    padding: 5px;
    margin: auto;
	background:#fff;
	border-radius:5px;
	margin-left:-4px;
	margin-top:25px;
}

.box-text {
    text-align: left;
    padding: 20px;
	color: #fff;
    order: 3;
  width:50%;
    padding-left: 20px;
	
	font-size:14px;}

.box-text h2 {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
}



    .custom {
       width:50%;
	   margin-left:0px;
	   
		
    }
    .box-right .box-text {
        order: 1;
		padding-left:20px;
		padding-right:0px;
		
    }
    .box-right .custom {
        order: 3;
		
		margin-right:0px;
    }


@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
	.fzlc_jianshu{ display:block;}
/**发展历史时间轴**/
.page_fzlc{ display:none;}
  }
  
  
button {
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
}


/* .section SECTION
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.section {
  padding: 50px 0;
}

.section .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.section h1 {
  font-size: 2.5rem;
}

.section h2 {
  font-size: 1.3rem;
}

/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline {
  white-space: nowrap;
  overflow-x: hidden;
  width:80%;
  margin-left:10%;
	padding:80px 0px;
	
}

.timeline ol {
  font-size: 0;
  width: 100vw;
  margin-left:50px;
  padding: 250px 0;
  transition: all 1s;
 }

.timeline ol li {
  position: relative;
  display: inline-block;
  list-style-type: none;
  width: 350px;
  height: 3px;
  background:#fff;
}
.timeline ol li:first-child {
 margin-left:-320px;
}

.timeline ol li:last-child {
  width: 280px;
}

.timeline ol li:not(:first-child) {
  margin-left:16px;
}

.timeline ol li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 0px);
  bottom: 0;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #ffffff;
}

.timeline ol li div {
  position: absolute;
  left: calc(100% + 7px);
  width: 700px;
  padding: 15px;
  font-size: 14px;
  white-space: normal;
  color: white;
  border-left:2px solid #FFFFFF;
  
}

.timeline ol li div::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ol li:nth-child(odd) div {
  top: -0px;
  transform: translateY(-100%);
}

.timeline ol li:nth-child(odd) div::before {
  top: 100%;
  
  
}

.timeline ol li:nth-child(even) div {
  top: calc(100% + 3px);
}

.timeline ol li:nth-child(even) div::before {
  top: -5px;
  
  
}

.timeline time {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  color:#fff;
}

/* TIMELINE ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline .arrows {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  margin-top:220px;
  z-index: 9999;
  border:0px;
}

.timeline .arrows .arrow__prev {
  float:left;
  border:0px;
}
.timeline .arrows .arrow__next{
border:0px;
}

.timeline .disabled {
  opacity: 0.5;
}

.timeline .arrows img {
  width: 45px;
  height: 45px;
}


/*****手机发展历程******/


.cx-time-main{
	padding: 20px 0;
}
.cx-time-main{
	width: 100%;
	height: auto;
}
.cx-time-box{
	position: relative;
	width: 100%;
	height: auto;
}
.cx-time-main ul li{
	position: relative;
	padding: 10px 0;
	height: auto;
}
.cx-time-main ul li:nth-child(2n){
	padding-left: 54%;
	text-align: left;
}
.cx-time-main ul li:nth-child(2n+1){
	padding-right: 54%;
	text-align: right;
}
.cx-main-box::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin: -8px 0 0 -8px;
    border-radius: 50%;
    z-index: 2;
    border: 2px solid #fff;
}
.cx-main-box::after {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% + 6px);
    width: calc(4% - 6px);
    height: 2px;
    background: #fff;
}
.cx-time-main ul li:nth-child(2n+1) .cx-main-box::after{
	left: auto;
	right: calc(50% + 6px);
}
.active::before {
	background: #fff;
	border: 2px solid #fff;
}
.cx-time-main ul li::before,.cx-time-main ul li::after{
	content: '';
	position: absolute;
	top: 0;
	width: 2px;
	height: calc(50% - 8px);
	left: 50%;
	background: #fff;
	margin-left: -2px;
}
.cx-time-main ul li::after {
	top: auto;
	bottom: 0;
}
.cx-main-box{
	display: inline-block;
	min-width: 40%;
	min-height: 40px;
	background: #fff;
	border-radius: 4px;
	padding: 10px 20px;
	cursor: pointer;
	
}



/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/***售后服务**/

.bg-jzln{ background:#fff;height:320px;}

.platform-item {width:1200px; margin:auto;}
.platform-item .sys-left { width:60%; padding:30px 0 0 0; margin-top:30px; float:left;}
.platform-item .sys-left h3 { font-size:16px;  font-weight:400;}
.platform-item .sys-left h3 b { color:#333; font-weight:400;}
.platform-item .sys-left h3 span { display:block; margin-top:8px; color:#333; font-weight:normal;}
.platform-item .sys-left .line { width:65px; height:5px; border-bottom:2px solid #0e76bd;}
.platform-item .sys-left p {color:#333; line-height:150%; font-size:14px; padding-top:20px; width:90%; text-indent:2em;}
.platform-item .sys-right { height:200px; width:40%; float:right; text-align:center; margin-top:50px;}

.platform-advantage {  width:1200px; margin-top:30px; height:280px; margin:auto;}
.platform-advantage .subject-title { text-align:center;  padding:80px 0 40px;}
.platform-advantage .subject-title h3 { font-size:18px;  font-weight:400;}
.platform-advantage .subject-title h3 span { color:#ff7852;}
.platform-advantage .subject-title p { display:block;  margin-top:8px;  color:#888888;  font-weight:normal;  text-indent:2em;}
.platform-advantage .platform-subject-item {  padding-bottom:20px; width:33.333%; float:left; height:auto;}
.platform-advantage .platform-subject-item:hover { background:#fff; box-shadow:0px 1px 12px 5px rgba(0,0,0,0.15); -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all;}
.platform-advantage .platform-subject-item .item-left { width:100%; height:90px; float:left; text-align:center; margin-top:20px;}
.platform-advantage .platform-subject-item .item-left img{ height:100%;}
/**.platform-advantage .platform-subject-item:hover img{ height:100%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }**/
.platform-advantage .platform-subject-item .item-right { width:100%;  float:left;  margin-top:30px;}
.platform-advantage .platform-subject-item .item-right h3 { font-size:16px; text-align:center;}
.platform-advantage .platform-subject-item .item-right h3 span { display:block; font-size:16px;  margin-top:8px; color:#2b2b2b;   font-weight:normal;}
.platform-advantage .platform-subject-item .item-right .line { width:65px; height:5px;  border-bottom:2px solid #0e76bd; margin:0 auto;}
.platform-advantage .platform-subject-item .item-right p { font-size:14px;  line-height:30px; padding:20px 20px;  text-indent:2em;}

.platform-advantage .platform-subject-item .item-right_l { width:100%;  float:left;  margin-top:30px;}
.platform-advantage .platform-subject-item .item-right_l h3 { font-size:16px; text-align:center;}
.platform-advantage .platform-subject-item .item-right_l h3 span { display:block; font-size:14px;  margin-top:8px; color:#fff;   font-weight:normal;}
.platform-advantage .platform-subject-item .item-right_l .line { width:65px; height:5px;  border-bottom:2px solid #0e76bd; margin:0 auto;}
.platform-advantage .platform-subject-item .item-right_l p { font-size:14px;  line-height:150%; padding:20px 20px;  text-indent:2em;}

.item2{ height:500px;  border-right:1px solid #dddddd;}
.item2:nth-child(5),.item2:nth-child(6),.item2:nth-child(7){border-bottom:none;}
.item2:nth-child(4),.item2:nth-child(7){border-right:none;}

@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
  .platform-item {width:95%;}
  .platform-item .sys-right { display:none;}
  .type-img{ display:none;}
  .platform-item .sys-left { width:100%; }
  .platform-item .sys-left p { width:100%;}
  .bg-jzln{height:240px;}
  .platform-advantage {  width:100%;}
  
  .platform-advantage .platform-subject-item .item-left {height:40px; margin-top:10px;}
.platform-advantage .platform-subject-item .item-left img{ height:100%;}
.platform-advantage .platform-subject-item .item-right {margin-top:10px;}
.platform-advantage .platform-subject-item .item-right p {line-height:150%; padding:10px 10px;  text-indent:2em;}
.platform-advantage .platform-subject-item .item-right_l {margin-top:10px;}
.platform-advantage .platform-subject-item .item-right_l p {line-height:150%; padding:10px 10px;  text-indent:2em;}
  }
  
  
  
  /***沃管家服务**/

.bgb-cpfwtx{ background:#fff;height:400px; color:#333; }
.bgl-cpfwtx{ background:#0b9444;height:400px; color:#FFFFFF;}

.wgj-item {width:1200px; margin:auto; height:450px; padding:50px 20px;}
.wgj-item  h3 { font-size:16px;  font-weight:400;}

.wgj-item  h2 { font-size:20px;  font-weight:bold;}
.wgj-item  h2 span{font-size:24px; font-weight:bold; background:#ffffff; color:#0b9444;  margin-right:10px; padding:8px;}
.wgj-item  .line { width:150px; height:5px; border-bottom:2px solid #027b2a;}
.wgj-item  .xline { width:100px; height:5px; border-bottom:2px dashed #fff; margin-left:40px; margin-top:0px;}

.wgj-item  .h2l { font-size:20px;  font-weight:bold;}
.wgj-item  .h2l span{font-size:24px; font-weight:bold; background:#0b9444; color:#ffffff;  margin-right:10px; padding:8px;}

.wgj-item  .xlinel { width:100px; height:5px; border-bottom:2px dashed #0b9444; margin-left:40px; margin-top:0px;}

.wgj-item .sys-left { width:50%;  margin-top:30px; float:left; padding:50px;}

.wgj-item .sys-left p { line-height:150%; font-size:14px; padding-top:40px; width:90%; text-indent:2em;}
.wgj-item .sys-right { height:200px; width:50%; float:right; text-align:center; margin-top:50px;}

.wgj-item .sys-rightl { width:50%; padding:80px 0 0 0; margin-top:30px; float:right;}

.wgj-item .sys-rightl p {line-height:150%; font-size:14px; padding-top:20px; width:90%; text-indent:2em;}
.wgj-item .sys-leftl { height:200px; width:50%; float:left; text-align:center; margin-top:50px;}




@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
  
.bgb-cpfwtx{ background:#fff; color:#333; min-height: 400px; float:left; height:auto}
.bgl-cpfwtx{ background:#0b9444;height:auto; color:#FFFFFF; float:left;  min-height: 400px;}

.wgj-item {width:95%; margin:auto; height:auto; padding:50px 20px;}
.wgj-item  h3 { font-size:16px;  font-weight:400;}



.wgj-item  h2 { font-size:20px;  font-weight:bold;}
.wgj-item  h2 span{font-size:24px; font-weight:bold; background:#ffffff; color:#0b9444; width:40px; margin-right:10px; height:40px;}
.wgj-item  .line { width:150px; height:5px; border-bottom:2px solid #027b2a;}
.wgj-item  .xline { width:100px; height:5px; border-bottom:2px dashed #fff; margin-left:30px; margin-top:-6px;}

.wgj-item  .h2l { font-size:20px;  font-weight:bold;}
.wgj-item  .h2l span{font-size:24px; font-weight:bold; background:#0b9444; color:#ffffff; width:40px; margin-right:10px; height:40px;}

.wgj-item  .xlinel { width:100px; height:5px; border-bottom:2px dashed #0b9444; margin-left:30px; margin-top:-6px;}

.wgj-item .sys-left { width:100%; padding:10px 0 0 0; margin-top:0px; float:none; margin-bottom:50px;}

.wgj-item .sys-left p { line-height:150%; font-size:14px; padding-top:40px; width:90%; text-indent:2em;}
.wgj-item .sys-right { height:200px; width:100%; float:none; text-align:center; margin-top:0px;}

.wgj-item .sys-rightl { width:100%; padding:30px 0 0 0; float:right; margin-bottom:50px;}
.wgj-item .sys-rightl h3 { font-size:16px;  font-weight:400;}
.wgj-item .sys-rightl h3 b { color:#333; font-weight:400;}
.wgj-item .sys-rightl h3 span { display:block; margin-top:8px; color:#333; font-weight:normal;}
.wgj-item .sys-rightl .line { width:65px; height:5px; border-bottom:2px solid #0e76bd;}
.wgj-item .sys-rightl p {line-height:150%; font-size:14px; padding-top:20px; width:90%; text-indent:2em;}
.wgj-item .sys-leftl { height:200px; width:100%; float:left; text-align:center; margin-top:50px;}

  }




/***人才招聘***/
.i_name{ width:1200px; margin:0px auto; text-align:center; padding:40px 0 20px; margin-bottom:80px;}
.i_name .kuang{ width:383px; height:51px; margin:0px auto; border:1px solid #0e76bd; position:relative;}
.i_name .kuang .n_m{ width:273px; height:42px; background:#FFF; position:absolute; left:55px; bottom:-21px; z-index:9; font-size:16px; color:#333333; text-align:center;}
.i_name .kuang .n_m p{ width:100%; height:21px; line-height:21px; text-align:center; font-size:14px;}
.i_name .kuang .bg{ background:#eee;}

.i_m{ width:1200px; margin:50px auto;}
.i_ma li{ width:25%; float:left; text-align:center;}
.i_ma li .tu{ width:164px; height:186px; margin:0px auto; background:url(../images/bg_a.png) no-repeat; position:relative;transition: 0.7s;-moz-transition:  0.7s;-webkit-transition:  0.7s;-o-transition:  0.7s;}
.i_ma li .tu img{ width:90px; height:90px; vertical-align:top; margin-top:45px;}
.i_ma li .tu .hei{position:absolute; left:37px; top:0; z-index:10;}
.i_ma li .tu .bai{ position:absolute; left:37px; top:0; z-index:9; opacity:0;transition: 0.7s;-moz-transition:  0.7s;-webkit-transition:  0.7s;-o-transition:  0.7s;}
.i_ma li a:hover .tu{ background:url(../images/bg_b.png) no-repeat;}
.i_ma li a:hover .tu .hei{ z-index:7;}
.i_ma li a:hover .tu .bai{ opacity:1;}
.i_ma li .title{ width:100%; height:50px; line-height:35px;  font-size:16px; color:#0072B8;}
.i_ma li .des{ width:220px; height:80px; margin:10px auto; font-size:14px; color:#666666; line-height:150%; overflow:hidden;}


.i_mc li{ width:550px; height:650px; float:left; margin:20px; border:1px solid #ddd; position:relative; padding:20px; background:#FBFBFB; font-size:14px;}
.i_mc li .name{ width:100%; height:35px; line-height:35px;  color:#0e76bd; font-weight:bold; font-size:16px; text-align:left;}


@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
.i_name{ width:100%; margin-bottom:20px;}
.i_name .kuang{ width:80%;}
.i_name .kuang .n_m{ width:190px; }
.i_m{ width:100%;}
.i_ma li .tu{ width:140px; height:159px; background:url(../images/bg_a1.png) no-repeat; }
.i_ma li{ width:46%; }
.i_ma li .tu .hei{left:27px;}
.i_mc li{ width:90%;}
.i_ma li .des{ width:95%;}
  }






.scroll {
  display: flex;
  width: 1200px;
  overflow: hidden;
  
  
}



.scroll > div {
  white-space: nowrap;
  animation: animate var(--t) linear infinite;
  animation-delay: calc(var(--t) * -1);
  text-align: center;
  
}
.scroll>div>ul {
    width: 1200px;
	
    background-color: cy;
}
@media screen and (min-width: 1599px) {





}




@keyframes animate {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(-100%);
  }
}

.scroll > div:nth-child(2) {
  animation: animate2 var(--t) linear infinite;
  animation-delay: calc(var(--t) / -2);

}
.scroll > div:nth-child(2) div {
  /* background-color: red; */
  
}
@keyframes animate2 {
  0% {
    transform: translate(-100%,100%);
  }

  100% {
    transform: translate(-100%,-100%);
  }
}

.scroll:hover > div {
  animation-play-state: paused;
}




@media (max-width:992px){





}
@media (max-width:836px){



}

@media (max-width:767px){



}

@media (max-width:640px){




}
@media (max-width:460px){	



}

@media (max-width:414px){



}
@media (max-width:360px){

	
}