@charset "utf-8";
/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea,a { margin: 0; padding: 0; color: #333;font-size: 14px;}
body {  font-family: "微软雅黑", "Arial"; color: #333;}
li, ol { list-style: none; }
ins { text-decoration: none; }
i, em { font-style: normal; }
a { text-decoration: none;  }
a:hover { cursor: pointer; text-decoration: none; }
:focus { outline: 0; }
.clear { clear: both; line-height: 0px; overflow: hidden; zoom: 1; font-size: 0px; content: '.'; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
img { padding: 0; margin: 0; }
a img { border: none; }
input, textarea {outline:none; border: none; font-size: 14px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 14px; }



body{background: #fff}
.dk_container{width: 80%;margin: 0 auto;}


.hureie img{width: 60%!important;float: inherit!important}
.taaa{border: 1px solid #ccc!important; }
.taaa td{border: 1px solid #ccc!important;padding: 10px 7px!important}
.taaa tr{border: 1px solid #ccc!important;line-height: 35px!important;padding: 15px 0!important}
table {
    border-spacing: 0;
	border-collapse: collapse;

}

.dsewqq p img{display: block;height: auto;float: left;width: 33.333%}
.ansl{overflow: hidden;margin-bottom: 90px}
.ansl ul{overflow: hidden}
.ansl li{float: left;width: calc((100% - 60px)/4);margin-right: 20px;}
.ansl li:nth-child(4){margin-right: 0}
.ansl li img{display: block;width: 100%;height: auto;}

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:55px;overflow:hidden;background:#272727;position:fixed;z-index:10000;width:100%;display: none;top: 0}
.sp_logo{padding:10px;float:left;height:35px}
.sp_logo img{margin:auto;max-height:35px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:55px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/


.about{ width:100%;background:url(../images/about_bg.jpg) top center; padding:150px 0;overflow: hidden;background-attachment: fixed}

.about .a_nr{ width:100%; float:left;color:#156bd2; font-size:20px;}
.about .a_nr a{color:#156bd2;}
.about .nr{ width:270px; height:170px; float:left; background:#fff; text-align:center; padding-top:65px; margin-bottom:10px; margin-right:10px;}
.about .nr:hover{background:#156bd2; color:#fff;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.about .nr span{ font-size:45px; font-weight:bold;color: #333}

.about .nr:hover span{color: #fff}
.about .nr:hover div{color: #fff}

.about .nr div{ padding-top:15px;font-size: 14px;color: #666}
.about .nr2{width:268px; height:185px; float:left; /*border:1px solid #999;*/ text-align:center; padding-top:50px; margin-bottom:10px;transition: all 0.3s;background: #fff}
.about .nr2 div{ font-size:14px; padding-top:15px;color: #333}
.about .nr2:hover{background:#156bd2; -webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.about .nr2:hover div{ color:#fff;}
.about .nr3{ width:290px; height:190px; float:left; background:#156bd2; text-align:center; padding-top:45px; margin-bottom:20px; margin-right:10px;transition: all 0.3s}
.about .nr3:hover{background:#156bd2;color:#156bd2;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.about .nr3 h1{font-size:22px;padding-top:15px;color: #fff}
.about .nr3 p{ font-size:16px; padding-top:10px;color: #fff}

.about .nr4{width:220px; height:200px; float:left; background:#156bd2; text-align:left; padding-top:35px; margin-bottom:20px; margin-right:10px; padding-left:25px; padding-right:25px; color:#fff;transition: all 0.3s}
.about .nr4:hover{ background:#fff;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}

.about .nr4 h1{font-size:20px;padding-top:15px;color: #fff}
.about .nr4 p{ font-size:14px; padding-top:10px;color: #fff}
.about .nr4:hover h1{color: #333}
.about .nr4:hover p{color: #333}

.about .nr4 .fr{width: 57px;height: 65px;float: right;margin-top: 15px}
.about .left{float: left;width: 50%;overflow: hidden}
.about .right{ float:right; text-align:right;width: 50%;transition: all 0.3s}
.about .right h1{ font-size:25px; padding-bottom:20px;color: #eee;margin-top: 30px}
.about .right p{ font-size:15px; color:#d5d4d4; line-height:32px;
/*display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;*/
overflow: hidden;
}


.right_float{position: fixed;bottom: 35px;right: 3px;z-index: 1000000;display: none}
.right_float a{display: block;margin-top:4px;overflow: hidden}
.right_float a img{width: 50px;height: 50px}


.apple-banner {
	width: 100%;
	height: 850px;
	overflow: hidden;
	margin-top: 90px
}
.apple-banner .swiper-container {
	margin-top: -40px;
	width: 100%;
	height: 930px;
}
.swiper-button-prev,.swiper-button-next{
	width: 15%;
	height: 100%;
	top:0;
	background:none;
	}
.swiper-button-prev{
	left:0;}	
.swiper-button-next{
	right:0;}	
.swiper-button-prev span,.swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(180,180,180,0.25) url(../images/arrows.png) no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.swiper-button-next span{
	background: rgba(180,180,180,0.25) url(../images/arrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
	}
.swiper-button-prev:hover span,.swiper-button-next:hover span{
	opacity: .6;
}
/*分页器*/
.apple-banner .swiper-pagination{
	top:auto;
	bottom:50px;
	background:none;
}
.apple-banner  .swiper-pagination-bullet {
	display: inline-block;
	width: 50px;
	height: 30px;
	margin: 0 3px;
	cursor: pointer;
	background: none;
	border-radius:0;
	opacity: 1;
}
.apple-banner  .swiper-pagination-bullet span {
	width: 50px;
	height: 2px;
	display: block;
	background: rgba(128,128,128,0.2);
}
.apple-banner .swiper-pagination-bullet-active span{
    background:gray;
}
.apple-banner .autoplay .swiper-pagination-bullet-active span{
    background: rgba(128,128,128,0.2);
}
.apple-banner  .swiper-pagination-bullet i{
	background: gray;
	height: 2px;
	transform:scaleX(0);
	transform-origin: 0;
	display: block;
}
.apple-banner .autoplay .firsrCurrent i{
	transition:transform 2.9s linear;
	transform:scaleX(1);
}
.apple-banner .autoplay .current i{
	transition:transform 4s linear;
	transform:scaleX(1);
}
.apple-banner  .autoplay .replace span{
  background:gray;
}
/*内容样式*/

.slide1 {
	background:#333 url(../images/index_banner1.jpg) no-repeat center 100%;
	background-size:auto 100%;
}

.slide2 {
	background:#333 url(../images/index_banner2.jpg) no-repeat center 100%;
	background-size:auto 100%;
}

.slide5 {
	background:#333 url(../images/index_banner5.jpg) no-repeat center 100%;
	background-size:auto 100%;
}


.slide3 {
	background:#333 url(../images/index_banner3.jpg) no-repeat center 100%;
	background-size: auto 100%;
}


.slide4 {
	background:#333 url(../images/index_banner4.jpg) no-repeat center 100%;
	background-size: auto 100%;
}


.index_1{width: 100%;overflow: hidden;background: #fff;box-shadow: 0 20px 20px -20px rgba(71,71,71,.2);position: fixed;top: 0;z-index: 222}
.logo{float: left;width: auto;height: 50px;padding: 20px 0}
.logo img{display: block;width: auto;height: 50px;}
.nav_cen{float: right;overflow: hidden;display: flex;}

.nav {
  display: inline-flex;
  position: relative;
  overflow: hidden;
	width: 670px;

}

.nav-item {
  /*color: #8b8b8b;*/
  padding: 34px 0px;
  text-decoration: none;
  transition: .3s;
  margin: 0 22px;
  z-index: 1;
  font-weight: 350;
  position: relative;
	font-size: 16px;
	line-height: 22px;
}
.nav-item:before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
 /* width: 100%;*/
  height: 3px;
  background-color: #333;
  opacity: 0;
  transition: .3s;
}

.nav-item:not(.is-active):hover:before {
  opacity: 1;
  bottom: 0;
}

.nav-item:not(.is-active):hover {
  color: #333;
}

.nav-indicator {
  position: absolute;
  left: 0;
  bottom: 0;
  transition: .4s;
  height: 3px;
  z-index: 1;
}


.top_common {overflow: hidden}
.inp {
    width: 200px;
	overflow: hidden;
	position: relative;
	margin-top: 25px
	
}
.inp>input {
    display: block;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #666;
    border-radius: 100px;
    height: 38px;
    padding-left: 15%;
    width:84%;
    font-size: 16px;
    line-height: 38px;
    transition: .5s;
	position: absolute;
	top: 0;
	left: 0px
}
.inp>i {
    display: block;
    position: absolute;
    top: 11.5px;
    left: 5%;
    width: .2rem;
    cursor: pointer;
}
.inp>i>img {
    width: 15px;height: 20px;display: block;
}



.t1 {
  position: relative;
	overflow: hidden;padding: 75px 0 0;margin-bottom: 75px;
	text-align: center
}
.t1 p:nth-child(1) {
  color: #ddd;
  font-size: 55px;
  font-family: "arial";
  text-transform: uppercase;
	font-weight: bold
}
.t1 p:nth-child(2) {
  color: #333333;
  font-size: 25px;
 font-weight: bold;
  position: absolute;
  left: 0;
  bottom: 0px;
	text-align: center;
	width: 100%
}



.index_2{background: #fff ;height:auto;}
.index_2 dl{overflow: hidden;}
.index_2 dl dt{width: 100%;line-height: 37px;float: left;}
.index_2 dl dd{float: right;width: 35%;}
.index_2 dl dd img{display: block;width: 100%;height: auto}
.loading_more{display: block;border: 1px solid #666;width: 200px;line-height: 37px;position: relative;height: 37px;border-radius: 3px;margin-top: 90px;position: absolute;bottom: 110px;left: 25%}
.loading_more .more2{font-size: 12px;position: absolute;top: 0;display: block;width: 200px;line-height: 37px;text-align: center;height: 37px;transition: all 0.5s;color: #333}
.loading_more .more1{position: absolute;top: 0;display: block;width: 0px;line-height: 37px;background: rgba(0,0,0,0);transition: all 0.5s;height: 37px}
.loading_more:hover .more1{width: 200px;background: rgba(0,0,0,1)}
.loading_more:hover .more2{color: #fff}

.about_ys{display: flex;justify-content: space-between;overflow: hidden;align-items:stretch;background: #dcdcde;flex-wrap: wrap}
.about_ys dt{width: 30%;padding-left: 10%;padding-top: 110px;position: relative;/*background: url(../images/about_img2.png) no-repeat bottom center;*/transition: all 0.4s;}
.about_ys dd{width: 50%;overflow: hidden;transition: all 0.4s;}
.about_ys dd img{display: block;width: 100%;height: auto;transition: all 0.4s;}

.about_ys dt h1{font-size: 25px;color: #333;transition: all 0.4s;font-weight: bold}
.about_ys dt h2{display: block;color: #666;font-size: 14.5px;margin-top: 30px;line-height: 30px;transition: all 0.4s;}




.about_cen{width: 100%;overflow: hidden;display: flex;flex-wrap: wrap;padding: 90px 0 110px;justify-content: space-between}
.about_cen li{width: 16%;padding: 50px 4%;display: flex;align-items: center;background: #dcdcde;position: relative;overflow: hidden;height: 120px;}
.about_cen .li1{text-align: center;flex-wrap:wrap}
.about_cen .li1 h1{width: 100%;font-size: 39px;font-weight: bold;transition: all 0.5s}
.about_cen .li1 h1 span{transition: all 0.5s}
.about_cen .li1 h2{width: 100%;font-size: 20px;transition: all 0.5s}
.about_cen li h3{margin: 0 auto;line-height: 38px;font-size: 20px;transition: all 0.5s;text-align: center;margin-top: 8px}
.about_float{width: 37%;float: right;margin-bottom: 80px}
.about_float img{display: block;width: 100%;height: auto}

.mnb{position: absolute;left: 0;top: 0;width: 0;height: 100%; background: rgba(0,0,0,0);transition: all 0.5s}
.mnv{position: absolute;left: 0;top: 60px;width: 100%;transition: all 0.5s;z-index: 99}
.about_cen li:hover .mnb{width: 100%;background: #3f3f43}
.about_cen li:hover h1{color: #fff;}
.about_cen li:hover h1 span{color: #fff;}
.about_cen li:hover h2{color: #fff;}
.about_cen li:hover h3{color: #fff;}





.index_4{
	padding: 50px 0 90px;
    background-color: #fff;
}
.index_4 ul{overflow: hidden;display: flex;flex-wrap:wrap;justify-content:space-between;margin-top:90px}
.index_4 ul li{overflow: hidden;width: 24%;}
.news_title{transition: all 0.5s;}
.news_ms{transition: all 0.5s;}
.news_title a{color: #353840;font-size: 16px;display: block;margin: 28px 0 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.5s;}
.news_ms a{color: #999;line-height: 25px;font-size: 14px;-webkit-line-clamp: 3;display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;transition: all 0.3s;height: 69px}

.news_date{color: #646871;margin: 25px 0;font-size: 12px;transition: all 0.7s;}
.news_more{float: right;padding-right: 8%}
.news_ms a:hover{color: #353840}
.news_title a:hover{color: #1f222b;font-weight: 500}
.news_img a{display: block;width: 100%;height: auto;height: 210px;overflow: hidden;position: relative}
.news_img a img{transition: all 0.7s;display: block;width: 100%;height: auto;}
.news_img:hover img{transform: scale(1.1)}
.news_img span{display: block;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0);width: 100%;height: 100%;transition: all 0.7s;}
.news_img:hover span{background:rgba(0,0,0,0) }



.index_5{background: #fff;overflow: hidden}





.index_gzcase {width: 100%;margin: 0px auto 0 auto;overflow: hidden;background: #fff;padding-bottom: 110px;}
.mr_frbox {overflow: hidden; margin: 0 auto;position: relative}
.mr_frBtnL {cursor: pointer;display: block;position: absolute;top: 30%;left: 20px;z-index: 99}
.mr_frUl {height: auto;overflow: hidden;padding-left: 20px}
.mr_frBtnR {cursor: pointer;position: absolute;top: 30%;right: 20px;z-index: 99}
.mr_frUl ul{overflow: hidden;border-bottom: 1px solid #ddd;}
.mr_frUl ul li {
  float: left;
  width: calc( 25% - 20px);;
  overflow: hidden;
  margin-right: 20px;
	position: relative;
	transition: all 0.3s;

}


.mr_frUl ul li dt{width: 100%;overflow: hidden;background: #fff}
.mr_frUl ul li dt img { width: 100%;transition: all 0.5s;height: auto;display: block}
.mr_frUl ul li:hover img{transform: scale(1.2)}

.mr_frUl ul li dd{overflow: hidden;display: flex;justify-content: space-between;padding: 30px}
.mr_frUl ul li dd span{border-radius: 2px;padding: 10px 15px;transition: all 0.6s;}
.pro_span2{background: #999;color: #fff;border: 1px solid #999;}

.pro_span1{background: #fff;color: #999;border: 1px solid #999}


.mr_frUl ul li b{display: block;position: absolute;background: rgba(0,0,0,1);transition: all 0.9s;width: 0;height: 1px}
.mr_frUl ul li b.b1{top: 0;left: 0;}
.mr_frUl ul li b.b2{bottom: 0;left: 0;}

.mr_frUl ul li:hover dd .pro_span2{background: #333}
.mr_frUl ul li:hover dd .pro_span1{border: 1px solid #333;color: #333}
.mr_frUl ul li:hover b{width: 100%}



/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:270px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#0084ff url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#0084ff url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#0084ff url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#0084ff url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


.common_bottom{background: #000;}
.common_bottom_copy{color: #666;text-align: center;padding: 30px 0;border-top: 1px solid rgba(255,255,255,20%)}
.common_bottom_copy a{color: #666}
.common_bottom_copy a:hover{color: #eee}


.common_bottom_nav_left{float: left;}
.bottom_logo{overflow: hidden;padding: 10px 0}
.bottom_logo a{display: block;display: flex;}
.bottom_logo dl{padding-top: 17px}
.bottom_logo a dt{font-size: 24px;color: #ddd;font-weight: bold}
.bottom_logo a dd{font-size: 14px;color: #ddd;margin-top: 5px}
.bottom_logo img{width: 80px;height: 80px;margin-right: 10px}
.bottom_logo:hover dt{color: #eee}
.bottom_logo:hover dd{color: #eee}

.common_bottom_nav{overflow: hidden;padding: 50px 0 75px}


.bottom_nav{overflow: hidden;margin-top: 35px}
.bottom_nav li{float: left;margin-right: 45px;}
.bottom_nav li a{color: #ddd;font-size: 14px}
.bottom_nav li a:hover{color: #eee;}
.common_bottom_nav_right{float: right;overflow: hidden;padding-top: 20px;margin-right: 50px}
.common_bottom_nav_right li{overflow: hidden;margin-bottom: 15px}
.common_bottom_nav_right span{color: #ddd;float: left;display: block;line-height: 30px;margin-left: 18px;font-size: 14px;letter-spacing: 1.2px}
.common_bottom_nav_right img{display: block;float: left;width: 30px;height: 30px;}
.float_top{position: fixed;bottom: 30px;right: 3%;}



.index_kehubg{background: #333 url(../images/ys_bg.jpg) no-repeat top center;padding: 50px 0 120px;overflow: hidden;background-attachment: fixed;background-size: 100%;}
	
.index_kehu_cen{ padding-top: 30px;display: flex;justify-content: space-between;flex-wrap: wrap}
.index_kehu_cen li{float: left;width: 15.5%;margin-bottom: 0.5%;padding: 10px 2%;background: #fff;overflow: hidden}

.index_kehu_cen li img{display: block;width: 100%;height: auto;transition: all 0.3s;cursor: pointer;filter: grayscale(100%);}
.index_kehu_cen li:hover img{transform: scale(1.2);filter: grayscale(0%);}





.about .right p::-webkit-scrollbar
{
 width: 5px;
 height: 16px;
 background-color: #F5F5F5;
}
/*定义滚动条轨道内阴影+圆⾓*/
.about .right p::-webkit-scrollbar-track
{
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 background-color: #333;
}
/*定义滑块内阴影+圆⾓*/
.about .right p::-webkit-scrollbar-thumb
{
 border-radius: 5px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color:#666
}



.ny_banner_about{width: 100%;background: #f6f6f6 url(../images/about_banner.jpg) no-repeat top center;background-size: auto 750px;height: 750px;background-attachment: fixed;transition: all 0.3s}
.ny_banner_con{width: 100%;background: #070707 url(../images/about_banner5.jpg) no-repeat top center;background-size: auto 750px;height: 750px;background-attachment: fixed;}
.ny_banner_pro{width: 100%;background: #070707 url(../images/about_banner1.jpg) no-repeat top center;background-size: auto 750px;height: 750px;background-attachment: fixed;position: relative}
.ny_banner_news{width: 100%;background: #111 url(../images/about_banner4.jpg) no-repeat top center;background-size: auto 750px;height: 750px;background-attachment: fixed;position: relative}
.ny_banner_case{width: 100%;background: #284055 url(../images/about_banner3.jpg) no-repeat top center;background-size: auto 750px;height: 750px;background-attachment: fixed;transition: all 0.3s;overflow: hidden}



.about_1{overflow: hidden;padding: 70px 0}
.about_1 dt{font-size: 34px;overflow: hidden;font-weight: bold}
.about_1 dd{color: #999;margin-top: 12px;}


.about_2{overflow: hidden;padding-bottom: 100px}
.time_left{float: left;width: 68%;font-size: 14px;line-height: 28px;color: #666;padding-top: 30px}
.time_left p{font-size: 15px;}
.time_right{float:right;}
.wrapper { width: 100%; display:none;}

.counter h2{font-size: 40px;color: #156bd2;font-family: "arial";text-align: center;font-weight: bold}
.timex{font-size: 14px;text-align: center;color: #999}
.wrapper1{overflow: hidden;margin-bottom: 60px}



.about_5{width: 100%;height: auto;background: url(../images/zizhi_img.jpg) no-repeat center center #f7f7f7;position: relative;padding: 10px 0 90px}
.ertye{padding-top: 90px}

.xz_zizhi_2{width: 100%;padding-top: 160px;overflow: hidden}
.xz_zizhi_2 ul{display: flex;justify-content: space-between;}
.xz_zizhi_2 li{width: 24%!important;}
.xz_zizhi_2 li img{display: block;width: 100%;height: auto;}
.xz_zizhi_2 li:hover img{transform: scale(1)!important}


.index_tit dt{font-size: 25px;font-weight: bold;text-align: center;margin-top: -48px;letter-spacing: 1px}
.index_tit dd{width: 40px;height: 3px;background: #156bd2;margin: 0 auto;margin-top: 14px}

.index_tit{overflow: hidden;padding: 70px 0;font-size: 60px;color: #f2f2f2;font-weight: bold;font-family: "ARIAL";text-align: center}
.fangancen {
    width: 100%;
    overflow: hidden;
    background: #f7f7f7 url(../images/ys.4618dd2b.png) no-repeat center center;background-size: 100% 100%
}
.fangancen11 {
    width: 100%;
    overflow: hidden;
    background: #f7f7f7 url(../images/case_bg.jpg) no-repeat center center;background-size: 100%
}
.ny_contact {
    
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 0 0px;
	
	background: #fff
}

.ny_contact ul {width: 100%;overflow: hidden;display: flex;padding: 60px 0 40px;flex-wrap: wrap}
.ny_contact ul li {
            overflow: hidden;
            margin-bottom: 28px;
            padding-bottom: 28px;
			float: left;
			width: 20%;
        }
.ny_contact ul li.con2{padding-left: 3.8%;border-right: 1px solid #ddd;}
.ny_contact ul li.con1{border-right: 1px solid #ddd;padding-left: 3.8%;padding-right: 3%}
.ny_contact ul li.con3{padding-left: 3.8%;}

.ny_contact ul li dt { overflow: hidden;}
.ny_contact ul li dt img {display: block;float: left;}
.ny_contact ul li dt span {
                    display: block;
                    float: left;
                    font-size: 15px;
                    margin-left: 10px;
                    line-height: 22px;
					 color: #999;
                }

.ny_contact ul li dd {
                font-size: 16px;
                margin-top: 6px;                
            	}


.feedbackcen{overflow: hidden;margin: 0 auto;background: #fff;padding: 5% 3%;margin-bottom: 90px;}
.feedbackcen_left{float: left;width: 40%}
.feedbackcen_right{float: right;width: 56%}
.feedbackcen_left img{display: block;width: 100%;height: auto}




 .feedbackcen_right li {
        float: left;
        width: 50%;
        margin-bottom: 20px
    }

.feedbackcen_right span {
        display: block;
        float: left;
        line-height: 45px;
        width: 55px;
        font-size: 14px
    }

.feedbackcen_right input {
        display: block;
        float: left;
        border: 1px solid #ddd;
        line-height: 45px;
        width: calc( 100% - 85px);
        padding-left: 14px;
        color: #666;

    }

.feedbackcen_right textarea {
        display: block;
        float: left;
        border: 1px solid #ddd;
        width: calc( 100% - 85px);
        padding-left: 15px;
        color: #999;
        height: 85px;
        line-height: 26px;
    }

.lyycen { width: calc( 100% - 0px) !important}
.lyybtn {
    line-height: 50px !important;
    color: #fff;
    margin-left: 55px;
}

 .lyybtn input {
        color: #fff;
        background: #156bd2;
        width: 260px !important;
        line-height: 50px !important;
        font-size: 14px;
    }



.pro_nav{position: absolute;bottom: 0;width: 100%;overflow: hidden}
.pro_nav ul{background: #fff;overflow: hidden;}
.pro_nav ul li{float: left;width: 16.666666%}
.pro_nav ul li a{display: block;text-align: center;padding: 40px 0;transition: all 0.5s;border-bottom: 1px solid #ddd}
.pro_nav ul li a span{border-right: 1px solid #ccc;display: block;font-size: 15px;transition: all 0.5s}
.pro_nav ul li.on a{border-bottom: 1px solid #156bd2;background: #156bd2}
.pro_nav ul li.on span{color: #fff;border-right: 1px solid #156bd2;}

.pro_nav ul li:hover a{border-bottom: 1px solid #156bd2;background: #156bd2}
.pro_nav ul li:hover span{color: #fff;border-right: 1px solid #156bd2;}
.prolist{padding-left: 0!important}
.prolist ul{padding: 70px 0 20px;border: 0!important;}
.prolist li{width: 23.875%!important;margin-right: 1.5%!important;float: left;}
.prolist li h1{text-align: left;font-size: 17px;padding: 15px 0 10px 0;color: #333;}
.prolist li:nth-child(4n+4){margin-right: 0!important}

.prolist li .jiew{text-align: left;font-size: 14px;margin-bottom: 30px;color: #999;
	

dtext-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;}

.ptoview{overflow: hidden;padding: 40px 0 60px}
.ptoview_left{float: left;width:100%}


.ptoview_1{width:calc(100% - 2px);overflow: hidden;border: 1px solid #ddd;}
.ptoview_1 dt{float: left;width: 50%;overflow: hidden;}
.ptoview_1 dt img{display: block;width: 100%;height: auto}
.ptoview_1 dd{float: right;width: 45%;overflow: hidden;padding-top: 40px}
.ptoview_1 dd h1{height: 80px}
.ptoview_1 dd h2{font-size: 15px;line-height: 28px;margin-bottom: 50px;padding-right: 5%}
.ptoview_1 dd h2 p{font-size: 15px;line-height: 28px;}
.ptoview_1 dd h1 span{font-size: 25px;border-bottom: 3px solid #156bd2;padding-bottom: 10px;}
.ptoview_1 dd h3 a{display: block;line-height: 30px;font-size: 15px;color: #fff;background:#156bd2 url(../images/tel.png) no-repeat 15px center;padding-left: 50px;width: 220px;border-radius: 4px;line-height: 55px;}
.ptoview_right{float: right;width: 100%;}
.ptoview_right ul li img{display: block;width: 100%;height: auto}
.ptoview_right ul{width: 100%;height: auto;}
.ptoview_right ul li {float: left;width: 23.875%;margin-right: 1.5%}
.ptoview_right ul li:nth-child(4n+4){margin-right: 0}

.view_nav{overflow: hidden;padding-top: 40px;font-size: 14px;color: #666;}
.view_nav a{font-size: 14px;}


.ptoview_2{overflow: hidden;margin-top: 40px}
.ptoview_2 h1{background: #eee;line-height: 60px;}
.ptoview_2 h1 span{font-size: 19px;border-bottom: 3px solid #156bd2;padding-bottom: 17px;margin-left: 20px}

.jies{overflow: hidden;padding: 30px 0;min-height: 400px;font-size: 14px;line-height: 28px;}
.jies p{font-size: 15px;line-height: 28px}

.jies img{display: block;height: auto;float: left;width: 31.3333%;max-width: 100%;margin-right: 2%;margin-bottom: 2%}

.ptoview_right h1{background: #eee;line-height: 60px;margin-bottom: 40px}
.ptoview_right h1 span{font-size: 19px;border-bottom: 3px solid #156bd2;padding-bottom: 17px;margin-left: 20px}

.ptoview_right ul dd{text-align: center;font-size: 14px;margin-top: 15px}

.bgf{padding-bottom: 140px}


.ny_news{background: #fff;padding: 0px 0 50px;}
.ny_news ul{margin-top: 0}

.ny_news ul li{margin-bottom: 35px}


.pageDiv {
	width: auto;
	display: inline-block !important;
	display: inline;
	margin-bottom: 50px;margin-top: 30px
}

	.pageDiv a, .pageDiv span {
		margin: 0;
		padding: 0;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		border: 1px solid #ccc;
		text-align: center;
		line-height: 30px;
		display: block;
		float: left;
		font-size: 14px;
	}

.awh {
	width: 40px;
	height: 30px;
}

.pnwh {
	width: 70px;
	height: 30px;
}

.disabled {
	color: #333 !important;
	cursor: not-allowed !important;
}

.onPage {
	background-color: #3d80e2;
	color: #fff;
	border: 1px solid #3d80e2 !important;
}

.ny_news_view{overflow: hidden}
.news_view{overflow: hidden;padding-top: 50px}
.news_view_left{float: left;width: 68%;overflow: hidden}
.news_view_left h1{font-weight: normal;color: #333333;font-size: 25px;}
.news_view_left h2{font-weight: normal;color: #999;margin: 22px 0;border-bottom: 1px solid #E5E5E5;padding-bottom: 20px}

.news_view_left .view_cen{color: #666;line-height: 30px;overflow: hidden;}
.news_view_left .view_cen p{line-height: 30px}
.news_view_right{float: right;width: 25%;overflow: hidden}
.views_nav{padding: 30px 0;overflow: hidden}
.views_nav span{margin: 0 10px;/*display:inline-block!important;*/color: #3d80e2}
.views_nav a{margin: 0 6px;display:inline-block!important}
.views_nav a:nth-child(1){margin: 0 10px 0 0}

.news_view_right h1{font-weight: normal;color: #333333;font-size: 25px;}
.news_view_right ul{overflow: hidden;margin-top: 50px}
.news_view_right ul li{border-bottom: 1px solid #e5e5e5;padding-bottom: 18px;margin-bottom: 18px;overflow: hidden}
.news_view_right ul li a{font-size: 15px;}
.news_view_right ul li a:hover{color: #3d80e2}

.view_more{overflow: hidden;padding: 50px 0}
.view_more a{color: #999;display: inline-block}
.view_more a:nth-child(1){margin-right: 100px;}
.view_more a:hover{color: #3d80e2}


.zhizhi{}
.mr_frUl ul li.bfkd{width: calc(20% - 20px)}
.bfkd img{display: block;width: 100%;height: auto}
.bfkd:hover img{transform: scale(1)!important}

.a_l{bottom: 0;left: 45%;top:inherit}
.a_r{bottom: 0;right: 45%;top:inherit}

.ewq_11{padding-bottom: 80px}
.zhizhi{border: 0px!important}



@media (max-width:1750px){
	.xz_zizhi_1{width: 26%;}
}


@media (max-width:1700px){



}
@media (max-width:1650px){
	.apple-banner {height: 800px;}
	.apple-banner .swiper-container {height: 880px;}
}



@media (max-width:1630px){
	.about_ys dt{padding-top: 90px;width: 33%}
	.ny_banner_about,.ny_banner_case,.ny_banner_news,.ny_banner_pro,.ny_banner_con{background-size: auto 720px;height: 720px}	
	.ptoview_1 dd h2{margin-bottom: 30px}
}

@media (max-width:1580px){

.ny_banner_about,.ny_banner_case,.ny_banner_news,.ny_banner_pro,.ny_banner_con{background-size: auto 700px;height: 700px}
}


@media (max-width:1540px){
	.xz_zizhi_1{width: 23%;}
	
	.loading_more{bottom: 65px}
	.dk_container{width: 90%;}
	.about_ys dt{padding-left: 5%;width: 40%;}
	.loading_more{left: 13%}
	
}
@media (max-width:1500px){

.xz_zizhi_1 h3{font-size: 14px;line-height: 22px}
	.xz_zizhi_1{width: 20%;}
}
@media (max-width:1450px){
	
	
	.apple-banner {height: 700px;}
	.apple-banner .swiper-container {height: 780px;}
	
	
	.a_l{bottom: 0;left: 44%;}
.a_r{bottom: 0;right: 44%;}
	
	.time_left p{font-size: 14px;}
	.ny_banner_about,.ny_banner_case,.ny_banner_news,.ny_banner_pro,.ny_banner_con{background-size: auto 650px;height: 650px}
	
	.about_ys dt{padding-top:70px}
	
	.about .nr{width: 240px;height: 150px}
	.about .nr2{width: 238px}
	.about .nr4{width: 190px;height: 195px;padding-top: 25px}
	
	
	.nav-item{font-size: 15px;}
	.about .right p,.about .nr div,.about .nr2 div,.about .nr4 p{font-size: 13.5px;}
	
	
	/*.about_ys dt h2,.mr_frUl ul li dd span,.news_ms a,.time_left,.timex,.pro_nav ul li a span,.prolist li .jiew,.pageDiv a, .pageDiv span,.common_bottom_nav_right span,.bottom_nav li a,.common_bottom_copy a,.common_bottom_copy,.bottom_logo a dd,.ptoview_1 dd h2,.ptoview_1 dd h3 a,.jies,.jies p,.ptoview_right ul dd,.ny_contact ul li dt span,.feedbackcen_right span,.feedbackcen_right input,.news_view_right ul li a,.news_view_right ul li a{font-size: 13px;}*/
	
	.about .nr4 h1{font-size: 18px}
	.about .right h1,.t1 p:nth-child(2),.about_ys dt h1,.ptoview_1 dd h1 span{font-size: 25px}
	.t1 p:nth-child(1){font-size: 50px}
	.t1{padding: 60px 0 0;margin-bottom: 60px}
	.counter h2{font-size: 36px}
	.pro_nav ul li a{padding: 32px 0}
	.prolist li h1,.ny_contact ul li dd{font-size: 16px}
	.bottom_logo a dt{font-size: 22px}
	.ptoview_2 h1 span,.ptoview_right h1 span{font-size: 17px;}
	.about .nr span{font-size: 38px}
	.news_view_left h1,.news_view_right h1{font-size: 24px}
	
	.news_img a{height: 190px}
	
}


@media (max-width:1400px){
	
	.ptoview_1 dd h2 p{line-height: 24px;font-size: 14px}
	.ptoview_1 dd h1{height: 70px}
	.nav-item{font-size: 14.5px}
	.xz_zizhi_1 h2{margin: 5px 0 15px;}
	.xz_zizhi_1 h1{font-size: 30px}

	.xz_zizhi_1 {
    width: 40%;
    padding: 50px 0 50px 5%;top: 90px}
	.xz_zizhi_2{top: 100px}
	
	
	.about_ys dt{padding-top: 70px}
	.about .right p{}	
	.nav-item{margin: 0 20px;}
	.common_bottom_nav_right{margin-right: 0}

	
}

@media (max-width:1300px){
	.ptoview_1 dd h2{margin-bottom: 30px;line-height: 29px}
	
}

@media (max-width:1366px){
	
	.apple-banner {height: 660px;}
	.apple-banner .swiper-container {height: 740px;}
	
	.news_img a{height: 170px}
	.ny_banner_about,.ny_banner_case,.ny_banner_news,.ny_banner_pro,.ny_banner_con{background-size: auto 620px;height: 620px}
	
	
	.xz_zizhi_1 {width: 45%;}
	
}

@media (max-width:1210px){
	
	.apple-banner {height: 540px;}
	.apple-banner .swiper-container {height: 620px;}
	
	
	.news_img a{height: 140px}
	.about_ys dt h2{line-height: 26px;font-size: 14px}
	.ny_banner_about,.ny_banner_case,.ny_banner_news,.ny_banner_pro,.ny_banner_con{background-size: auto 580px;height: 580px}
	.xz_zizhi_1 {width: 90%;}
	
	.dk_container{width: 94%}
	.about_ys dt{padding-left: 3%;width: 42%;}
	.loading_more{left: 10%}
	
	.about .right{width: 45%}
	.about .nr{width: 220px}
	.about .nr2{width: 218px}
	.about .nr4{width: 170px}
	.about .nr4 p{font-size: 14px}
	.about .nr2 div{font-size: 14px}
	.about .nr div{font-size: 14px}
	
	.nav-item{margin: 0 15px;}
	.nav{width: 566px}
	.inp{width: 156px}
	.inp>input{width: 82%}
	
	.bottom_nav li{margin-right: 30px}
	.common_bottom_nav_right span{margin-left: 8px}
	
	.ptoview_1 dd h2{margin-bottom: 20px;line-height: 25px;font-size: 15px;}
	.ptoview_1 dd h1{height: 70px}
	.ptoview_1 dd{padding-top: 28px}
	
	.a_l{bottom: 0;left: 43%;}
.a_r{bottom: 0;right: 43%;}
	
	
}

@media (max-width:1085px){
	
	.ny_banner_about,.ny_banner_case,.ny_banner_news,.ny_banner_pro,.ny_banner_con{background-size: auto 540px;height: 540px}
	
	.nav-item{margin: 0 10px;}
	.nav{width: 500px}
}

@media (max-width:1024px){
	.mr_frUl ul li.bfkd{width: calc(25% - 20px)}
	.a_l{bottom: 47%;left: 0%;}
.a_r{bottom: 47%;right: 0%;}
	
	
	.ny_banner_about,.ny_banner_case,.ny_banner_news,.ny_banner_pro,.ny_banner_con{background-size: auto 500px;height: 500px}
	
	.loading_more{bottom: 40px;}
	.about_ys dt{padding-top: 50px}
	
	.apple-banner{height: 530px;}
	.apple-banner .swiper-container {height: 610px;}
	
	.about_ys{background: #eee}
	
	.index_tit{padding: 50px 0}
	.prolist li h2{font-size: 14px}
	.about_5{height: 360px}
	.xz_zizhi_2{padding-top: 60px}
	.prolist ul{padding: 40px 0 0px;}
	
}


@media (max-width:1023px){
	
	.index_kehubg {
    background: #333 url(../images/ys_bg.jpg) no-repeat top left;
    padding: 50px 0 120px;
    overflow: hidden;
    background-attachment: fixed;
    background-size: 200%;
	}
	.about .left{width: 100%}
	.about .nr{width:49.5%;margin-right: 1%}
	.about .nr7{margin-right: 0}
	.news_view{padding-top: 0}
	.inp{display: none}
	.about .right{width: 100%;text-align: left;margin-bottom: 20px}
	.about .nr4{width: calc(49.5% - 50px);margin-right: 1%}
	.about .nr8{margin-right: 0}
	.about .nr5{width: calc(49.5% - 50px);margin-right: 0}
	.about_ys dt h2{margin-top: 18px}
	.news_view_left,.news_view_right{width: 100%;}
	.news_view_right{padding-top: 25px}
	.news_view_right ul{margin-top: 25px}
	.view_more a{margin-right: 0!important;display: block;width: 100%;margin-bottom: 8px}
	.about .nr4 h1{font-size: 21px}
	.ewq_11{padding-bottom: 40px}
	
}

@media (max-width:990px){
	.ertye{padding-top: 50px}
	.mr_frBtnR{width: 50px;height: 60px}
	.mr_frBtnL{width: 50px;height: 60px}
	
	.feedbackcen_left{width: 100%}
	.feedbackcen_right{width: 100%;margin-top: 30px}
	.ny_contact ul li{width: 90%;border-right: 0!important;border-bottom: 1px solid #ddd;}
	.index_tit{font-size: 60px}
	.ptoview_1 dt{width: 100%;overflow: hidden}
	.ptoview_1 dd{width: 90%;padding: 30px 5% 5% 5%}
	.ny_banner_about,.ny_banner_case,.ny_banner_news,.ny_banner_pro,.ny_banner_con{background-size: auto 390px;height: 390px}
	.common_bottom_nav_left{width: 100%;}
	.bottom_nav li{width: 16.6666%;margin-right: 0}
	.common_bottom_nav_right{width: 100%;padding-top:35px }
	.swiper-button-prev,.swiper-button-next{display: none}
	.apple-banner{height: 400px;}
	.apple-banner .swiper-container {height: 480px;}
	.apple-banner .swiper-pagination-bullet{width: 23px;height: 15px}
	.apple-banner .swiper-pagination-bullet span{width: 23px}
	.about_ys dt h1{text-align: center}
	.about_ys dt{width: 94%}
	.about_ys dd{width: 100%}
	.loading_more{bottom: 40px;}
	.about_ys dt{padding-bottom: 110px}
	.loading_more{left: 25%;width: 50%}
	.loading_more .more2{width: 100%;margin: 0 auto}
	.loading_more:hover .more1{width: 100%}
	.about{padding: 50px 0}
	.t1 p:nth-child(1){font-size: 45px}
	.t1 p:nth-child(2){font-size: 25px}
	.t1{padding: 35px 0 0;margin-bottom: 35px;}
	.index_kehu_cen li{width: 28.5%;margin-bottom: 0.8%}
	.index_kehu_cen li:last-child{display: none}
	.index_kehu_cen{padding-top: 0}
	.index_kehubg{padding: 20px 0 50px}
	.index_4 ul li{width: 49%;margin-bottom: 15px}
	.news_title a{margin: 15px 0}
	.news_ms a{line-height: 23px;font-size: 13px}
	.news_date{margin: 15px 0}
	
	
	.nav-item {margin: 0 9px;}
	.nav{width: 495px}
	.pro_nav ul li a{padding: 30px 0}
	
	.mr_frUl ul li{width: calc(50% - 20px)}
}


@media (max-width:750px){

.hureie img{width: 100%!important;float: inherit!important}
	.bgf{padding-bottom: 40px}
	.ansl{margin-bottom: 40px}
	.mr_frUl ul li.bfkd{width: calc(50% - 5px);margin-right: 5px}
	.ansl li{margin-right: 0;margin-left: 5px;width: calc((100% - 5px)/2);margin-bottom: 5px}
	.ansl li:nth-child(2n+1){margin-left: 0}
	.ptoview_right ul li:nth-child(2n+2){margin-right: 0!important}
	.ptoview_1 dd h2 p,.time_left p{line-height: 27px}
	.view_nav{padding-top: 25px}
	.xz_zizhi_2 li{width: 49.5%}
	.banner-box{width: 100%!important}
	.prolist li:nth-child(2n+2){margin-right: 0!important}
	.news_img a{height: 120px}
	.right_float{display: block}
	.mr_frUl{padding-left: 0}
	.index_gzcase{padding-bottom: 50px}
	.mr_frUl ul li{width: 100%;margin-right: 0}
	.index_4{padding: 0 0 30px}
	.index_4 ul{margin-top: 0}
	.feedbackcen{margin-bottom: 40px}
	.feedbackcen_right li{width: 100%}
	.ny_contact ul li dt span{font-size: 15px}
	.ny_contact ul li dd{font-size: 15px}
	.ny_contact ul li{margin-bottom: 18px;padding-bottom: 18px;}
	.ny_contact ul{padding: 20px 0 10px;}
	.index_tit {padding: 30px 0;}
	.index_tit dt{font-size: 25px}
	.about_5{height: auto;padding-bottom: 40px}
	.counter h2{font-size: 35px}
	.timex{font-size: 14px;}
	.about_2{padding-bottom: 40px}
	.time_left{width: 100%;line-height: 25px;padding-top: 0;font-size: 14px;}
	.time_right{width: 100%;margin-top: 30px}
	.time_right .wrapper{width: 100%;display: flex!important;justify-content: space-between;}
	.wrapper1{width: 33.333%;margin-bottom: 0px}
	.ptoview{padding:30px 0 20px;}
	.ptoview_right ul li{width: 49%;margin-bottom: 15px}
	.jies{min-height: auto}
	.prolist ul li{width: 49%!important}
	.prolist ul{padding: 40px 0}
	
	.pro_nav ul li {width: 33.333%}
	.pro_nav ul li a{padding: 15px 0}
	.pro_nav ul li a span{font-size: 14px}
	.pro_nav ul li:nth-child(3) span{border-right: 0}
	.pro_nav ul li:nth-child(6) span{border-right: 0}
	.yb_conct{display: none}
	
	.slide1 {
	background:#333 url(../images/tel_banner1.jpg) no-repeat center 100%;
	background-size:auto 100%;
}

.slide2 {
	background:#333 url(../images/tel_banner2.jpg) no-repeat center 100%;
	background-size:auto 100%;
}

.slide5 {
	background:#333 url(../images/tel_banner5.jpg) no-repeat center 100%;
	background-size:auto 100%;
}


.slide3 {
	background:#333 url(../images/tel_banner3.jpg) no-repeat center 100%;
	background-size: auto 100%;
}


.slide4 {
	background:#333 url(../images/tel_banner4.jpg) no-repeat center 100%;
	background-size: auto 100%;
}

	.apple-banner{height: 450px;}
	.apple-banner .swiper-container {height: 530px;}
	
	
	.sp_header{display: block;}
	.index_1{display: none}
	.apple-banner{margin-top: 55px;}
	.about .right{width: 100%;}
	.about .nr{margin-bottom: 1%}
	.about .nr span{font-size: 33px}
	.about .nr4 p{font-size: 13px;}
	.about .nr5 p{font-size: 13px;}
	.about .nr4 p{font-size: 13px;line-height: 22px}
	.about .right h1{font-size: 25px;padding-bottom: 12px}
	.about .right p{line-height: 26px}
	.about .nr div{padding-top: 0}
	.about .nr4 h1{font-size: 17px;padding-top: 5px}
	.about .nr4 .fr img{width: 55px;height: 55px;margin-bottom: 10px}
	

	.sp_con a{display: block;background: #156bd2 url(../images/24gf-phoneBook.png) no-repeat 20px center;background-size: 20px;padding: 10px 0 10px 45px;color: #fff;margin-top: 20px;font-size: 16px;}
	.sp_sea{overflow: hidden}
	.inp_1 {
    
	overflow: hidden;
	margin: 25px 20px 0 20px;
		position: relative
	
}
.inp_1>input {
    display: block;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #666;
    border-radius: 100px;
    height: 42px;
    padding-left: 15%;
    width:84%;
    font-size: 16px;
    line-height: 42px;
    transition: .5s;
}
.inp_1>i {
    display: block;
    
    width: .2rem;
    cursor: pointer;
	position: absolute;
    top: 12px;
    left: 20px;
}
.inp_1>i>img {
    width: 15px;height: 20px;display: block;
}

	.bottom_logo a dt{font-size: 19.5px;}
	.bottom_logo a dd{font-size: 11px}
	
	.bottom_nav li{width: 33.333%;margin-bottom: 10px;text-align: center}
	.common_bottom_nav_right span{width: calc(100% - 40px)}
	.common_bottom_nav{padding: 50px 0 40px;}
	.common_bottom_copy{padding: 25px 3%}
}
@media (max-width:550px){
	.jies img{float: left;width: 100%!important;margin-right: 0}
	.jies p{font-size: 14px;}
.ptoview_1 dd h2{font-size: 14px;}
	
	.dsewqq img{display: block;height: auto;float: left;width: 100%}
	
	.index_kehu_cen li {
    width: 45.5%;
    margin-bottom: 1%;
}
	.index_kehu_cen li:last-child{display: block}
	.news_view_right ul li{padding-bottom: 11px;margin-bottom: 11px;}
	.ny_banner_about,.ny_banner_case,.ny_banner_con{background-size: auto 200px;height: 200px;background-attachment:inherit;margin-top: 30px}
	.ny_banner_pro{background-size: auto 190px;height:190px;background-attachment:inherit;margin-top: 30px;padding-bottom: 50px}
	.ny_banner_news{background-size: auto 190px;height: 190px;background-attachment:inherit;margin-top: 30px}
}