@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-size: 14px;}
img{ border:0; vertical-align: middle;}
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container{ width:1200px; margin: 0 auto;}
.w1440{ width:1440px; margin: 0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
body{overflow-x:hidden}

.forie {
  width: 100%;
  height: 100%;
  background: #eaeaea url(images/tishi.png) center no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
}



/* 导航栏 */
.header_nav{height:108px; width:100%;   position: absolute; top:0; left:0; z-index:6; border-bottom: 1px solid rgba(255,255,255,0.3); padding: 0px 3% }
.h_logo{width:332px; height:108px; float: left; display: flex; align-items: center;}
.h_logo img{width:100%; height: auto;  align-items: center; margin: 0px auto;}
.h_search{float: right; width:158px; height: 108px; line-height: 108px; background:url(../images/sousuo.png) no-repeat left center; padding-left:40px; font-size: 16px; color: #ffffff; margin-right:11.5%; cursor:pointer}
.h_search_input{width:100%; height: auto; background: rgba(0,0,0,0.4); position: absolute; top:108px; right:0; display: none;}
.search_input_all{width:auto; display: table; margin:15px auto;}
.search_input_all input[type="text"]{width:300px;  height: 40px; float: left; border: 0; background:#fff; font-size: 14px; color: #333; padding: 0px 10px;}
.h_tjijao{width:100px; height:40px; line-height: 40px; float: right; background: #0f70cb; color:#fff;  border: 0}
.h_menu{width:15%; height: 56px; border: 1px solid rgba(255,255,255,0.3); float: right; background: url(../images/nav_ll.png) no-repeat 80% center; font-size: 16px; color: #fff; line-height: 56px; padding-left: 2%; margin-top: 24px; position:relative}
.h_menu:hover{background:none; color:#000}
.h_menu:after{content: ""; width:0; height:100%; position:absolute; top:0; left:0; z-index:-1; transition:.4s all ease-in-out; background:rgba(255,255,255,0.8) url(../images/m_bjs.png) no-repeat 85% center}
.h_menu:hover:after{width:100%}



.index_nav{width:100%; height:100vh; position: fixed; top:0; left:0; z-index: 9; display: none;}
.index_nav_top{width:100%; height:13vh; background:rgba(0,0,0,0.8); line-height: 10vw; padding: 0px 3%}
.index_nav_top p{font-size: 16px; color:#fff; float: left; margin-right:1%; cursor: pointer}
.index_nav_all{ height:87vh;  background:url(../images/nav_bjs.jpg) no-repeat center; width: 100%; background-size: cover;}
.index_nav_all ul{margin: 0px auto; padding-top:5vw }
.index_nav_all ul li{width: 33.33%; min-height: 305px; float:left; margin-bottom:3%}
.index_nav_all ul li h3{font-size:24px; color: #2aa9e0; line-height: 40px; font-weight: bold; position: relative; margin-bottom: 2px}
.index_nav_bottom{width: 100%; height: auto; overflow: hidden}
.index_nav_bottom a{width: 100%; height: 35px; line-height: 35px; display: block; font-size: 16px; color:#fff; -webkit-transition: all .25s;
    -o-transition: all .25s;  -moz-transition: all .25s;  transition: all .25s; }
.comp-header-hamburger{float: right; width:100px;  height: 100%; display: flex; align-items: center;}
.comp-header-hamburger img{width:30px; height: auto; display: block; align-items: center; margin: 0px auto;}
.index_nav_all ul li h3:after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: #2aa9e0;
    position: absolute;
    top: 50%;
    right: 104%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    -moz-transition: all .25s;
    transition: all .25s;
}

.index_nav_all ul li:hover h3:after{width: 40px;}
.index_nav_bottom a:hover{padding-left: 10px;}


	



/* 首页:banner */
.banner{ width:100%; height:960px;  overflow: hidden; position: relative}

.banner .swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.banner .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; 
}
.banner .swiper-slide a{width:100%; height: 960px; display: block}
.banner .swiper-pagination-bullet{background: #fff; opacity: 1}
.banner .swiper-pagination-bullet-active{background: #358b39}
.banner .swiper-button-next,.banner .swiper-button-prev{width:50px; height:50px; margin-top:-30px;}
.banner .swiper-button-next{background:url(../images/ban_right.png) no-repeat center; right:2%}
.banner .swiper-button-prev{background:url(../images/ban_left.png) no-repeat center; left:2%;}



.ban_info{margin-top:18%}
.ban_info img{display: block}
.ban_info h4{font-size: 54px; color: #fff; text-shadow:rgba(0,0,0,0.53) 3px 4px 5px; margin-top: 20px;}
.ban_info p{font-size: 18px; color: #ffffff; margin-top: 20px; line-height: 30px; margin-top: 5%}
.ban_info span{width:270px; height: 56px; border: 1px solid rgba(255,255,255,0.4); display: block; background: url(../images/b_xjs.png) no-repeat 85% center; font-size: 16px; color: #fff; line-height: 54px; font-family: "Arial"; padding-left: 58px; margin-top:5%; position:relative; z-index:1}
.ban_info span:hover{background:none; color:#000}
.ban_info span:after{content: ""; width:0; height:100%; position:absolute; top:0; left:0; z-index:-1; transition:.4s all ease-in-out; background:rgba(255,255,255,0.8) url(../images/m_bjs.png) no-repeat 85% center}
.ban_info span:hover:after{width:100%}



.ban_jt{width:40px;height: 40px; position: absolute; bottom:72px; left:50%; margin-left: -20px; animation:mymove 5s infinite; z-index: 8}
@keyframes mymove
{
	 0% {
			transform: translate(0px, 0px);
		}
		50% {
			transform: translate(0px, -8px);
		}
		100% {
			transform: translate(0px, 0px);
		}

}


.ban_left{width:13.5%; height: calc(100% - 108px);  border-left:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(255,255,255,0.3); position: absolute; top:108px; right:25%; }




/*关于我们*/
.index_about{width:100%; height:auto; overflow: hidden;margin-top: 80px;}
.index_about_left{width:31.4%; height: auto; float: left; position: relative; overflow:hidden}
.index_about_left img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;
}
.index_about_left:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.about_left_xx{width:100%; height: auto; position: absolute; bottom:24px; left:0; text-align: center}
.about_left_xx h4{font-size: 80px; color: #ffffff; font-weight:bold; font-family: "Arial"}
.about_left_xx h5{font-size: 60px; color: #ffffff; font-weight:bold; font-family: "Arial"}
.index_about_right{width:55%; height: auto; float: right}
.index_about_right .about_right_more{width:100%; height: auto; overflow: hidden; margin-bottom: 55px; display: block; font-size: 16px; color: #333333; line-height: 34px;}
.about_right_more p{font-size: 16px; color: #333333; line-height: 34px;}
.index_video{width:100%; height:650px; background: url(../images/about_bjs.jpg) no-repeat center; background-size:cover; padding-top: 160px; margin-top: -90px;}
.index_video_left{width:40%; height: auto; float: left}
.index_video_left h4{font-size: 42px; color: #000000; font-weight: bold; margin-bottom: 8px;}
.index_video_left h5{font-size: 34px; color: #000000; }
.index_video_left p{width:75%; height: 40px; line-height: 40px; border-top:1px solid #ff7e00; font-size: 16px; color: #000000; margin-top: 30%}
.index_video_right{width:54%; height: auto; float: right}
.index_video_right video{width:100%; height: auto; display: block;}






/*荣誉资质*/
.index_honor{width:100%; height: auto; overflow: hidden; margin: 84px 0 0;}
.index_honor .swiper-container{margin-top: 64px;}
.index_honor .swiper-slide a{width:100%; height: auto; overflow: hidden}
.index_honor .swiper-slide a h4{width:100%; height: 40px; line-height: 40px; font-size: 18px; color: #000000; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 8px;}
.index_honor .swiper-slide a:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}



/*发展战略*/
.index_strategy{width:100%; height: 960px; overflow: hidden; margin-top: 94px;}
.index_strategy_left{width:35.4%; height: 100%; float: left;  background: url(../images/fzleft.jpg) no-repeat left center; padding: 103px 2% 0 8%}
.index_strategy_left h4{font-size: 42px; color: #ffffff; font-weight:bold; font-family: "Arial"}
.index_strategy_left h3{font-size: 34px; color: #fff; margin-top: 8px; margin-bottom: 180px}
.index_strategy_left p{font-size: 18px; color: #fff;}
.index_strategy_left p span{font-size: 24px; color: #fff; font-weight: bold;}
.index_strategy_left a{width:270px;height: 56px; border: 1px solid rgba(255,255,255,0.2); line-height: 56px; display: block; background: url(../images/b_xjs.png) no-repeat 80% center; font-size: 16px; color: #fff;
 padding-left:40px; margin-top: 18px; position:relative; z-index:1}
.index_strategy_right{width:64.6%; height:100%; float: right}
.strategy_right_top{width:100%; height: 480px; background: url(../images/fztop.jpg) no-repeat left center; padding-top: 106px; padding-left:9%; padding-right:22%}
.strategy_right_top h3{font-size: 44px; color: #000000; font-weight: bold; margin-bottom: 30px;}
.strategy_right_top p{width:100%; overflow: hidden; line-height: 26px; font-size: 16px; color: #333333; line-height: 34px; margin-bottom: 30px;}
.strategy_right_bottom{width:100%; height: 480px;}
.strategy_right_bottom img{width:100%; height: auto; display: none;}
.index_strategy_left a:hover{background:none; color:#000}
.index_strategy_left a:after{content: ""; width:0; height:100%; position:absolute; top:0; left:0; z-index:-1; transition:.4s all ease-in-out; background:rgba(255,255,255,0.8) url(../images/m_bjs.png) no-repeat 85% center}
.index_strategy_left a:hover:after{width:100%}




/*案例*/
.index_case{width:100%; height: auto; overflow: hidden; margin: 160px 0 140px;}
.index_case .index_case_left{width:49.7%; height: auto; float: left; margin-top: 34px; position: relative; overflow: hidden}
.index_case_left img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.case_left_hover{width:50%; height: 67px; background: rgba(5,102,221,0.8); position: absolute; bottom:0; left:0; padding-right:4%}
.case_left_hover span{font-size: 16px; color: #fff; font-family: "Arial"; line-height: 67px; float: right}
.case_left_hover p{width:80%; height: 50px; line-height: 48px; border: 1px solid rgba(255,255,255,0.2); float: left; text-align: right; font-size: 18px; color: #fff; border-left:0; padding: 0px 15px; margin-top: 8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.index_case ul{width:49.5%; float: right; margin-top:34px;}
.index_case ul li{width:49.5%; height: auto; float: left; position: relative; margin-bottom: 10px; overflow: hidden}
.index_case ul li:nth-child(2n){float: right}
.index_case ul li img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_case ul li .case_left_hover{width:95%}
.index_case ul li .case_left_hover p{width:75%; position:relative; z-index:1}
.index_case ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_case_left:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_case ul li p:after{content:""; width:0; height:100%; background:rgba(39, 42, 117, 0.8); position:absolute; top:0; left:0; transition: all .5s ease 0s; z-index:-1}
.index_case ul li:hover p{ color:#fff }	
.index_case ul li:hover p:after{width:100%}



/*施工设备*/
.index_shigong{width:100%; height: auto; overflow: hidden}
.index_shigong .swiper-container{margin-top: 40px;}
.index_shigong_pic{width:100%; height: auto; display: block; overflow: hidden}
.index_shigong_pic img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;
}
.index_shigong_lei a h4{width:100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #000000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_shigong_lei a:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_shigong_lei{width:100%; height:auto; overflow:hidden}
.index_shigong_lei a{width:24.25%; height: auto; display: block; margin-right:1%; float:left;}
.index_shigong_lei a:nth-child(4){margin-right:0}




/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; margin-top:120px;  margin-bottom: 110px;}
.index_news_title{width:100%; height: auto; overflow: hidden; margin-bottom: 30px; position: relative}
.index_news_title h4{font-size: 42px; color: #000000; font-weight: bold; margin-bottom: 8px; position:relative; text-transform: uppercase; background:#fff; display: table; z-index: 8; padding-right: 28px}
.index_news_title:after{content: ""; width:100%; height: 1px; background: #898fa7; position: absolute; top:14px; right:0}
.index_news_title h3{font-size: 34px; color: #000000;}
.index_news_top{width:100%; height: auto; overflow: hidden; margin-bottom: 74px}
.news_top_left{width:50%; height: auto; float: left; padding-top: 55px;}
.news_top_left h4{width:100%; height: 40px; line-height: 40px; font-size: 22px; color: #000000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_top_left h4 span{font-size: 22px; color: #ff7e00}
.news_top_left p{width:100%; height: auto; overflow: hidden; font-size: 16px; color: #555555; line-height: 30px; margin: 20px 0 40px;}
.news_more{width:270px; height: 56px; line-height: 56px; border: 1px solid #b8bcca; padding: 0px 30px; font-size: 16px; color: #142050; font-family: "Arial"; display: block; background: url(../images/m_bjs.png) no-repeat 80% center; position:relative; z-index:1}
.news_top_right{width:45%; height: auto; float: right; overflow: hidden}
.news_top_right img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_news ul{width:100%; height: auto; overflow: hidden; border-top:1px solid #82829f; border-bottom:1px solid #82829f; padding: 30px 0}
.index_news ul li{width:33.33%; height: 40px; line-height: 40px; float: left; margin-bottom: 10px;}
.index_news ul li a{font-size: 18px; color: #333333; display: block; text-overflow: ellipsis;overflow: hidden; white-space: nowrap; width: 90%}
.index_news ul li:hover a{color:#0566dd}
.news_top_right:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.news_more:hover{color:#fff; background:none;}
.news_more:after{content:""; width:0; height:100%; background:#0566dd url(../images/nav_ll.png) no-repeat 80% center; position:absolute; top:0; left:0; transition: all .5s ease 0s; z-index:-1}
.news_more:hover:after{width:100%;}



/*底部*/
.in_footer{width:100%; height: auto; overflow: hidden; position: relative; background:#0f70cb; padding:70px 0;}
.in_footer .w1440{position: relative}
.in_footer .w1440:after{content: ""; width: 100%; height: 1px; background: rgba(255,255,255,0.2); position: absolute; top:138px; left:0}
.in_footer_left{width:36%; height: auto; float: left}
.in_footer_left h4{font-size: 42px; color: #fff; font-weight: bold; font-family: "Arial"; text-transform: uppercase}
.in_footer_left h3{font-size: 34px; color: #fff; margin-top: 10px; }
.footer_left_xx{width:100%; height: auto; overflow: hidden; margin-top: 70px;}
.footer_left_xx h5{font-size: 24px; color: #fff; background: url(../images/lan_yuan.png) no-repeat right center; padding-right:50px; display: table; margin-bottom:35px;}
.footer_left_xx p{font-size: 16px; color: #fff; line-height:24px; height:auto; padding-left:30px; margin: 10px 0}
.f1{background: url(../images/f1.png) no-repeat left center}
.f2{background: url(../images/f2.png) no-repeat left center}
.f3{background: url(../images/f3.png) no-repeat left center}
.f4{background: url(../images/f4.png) no-repeat left center}
.in_footer_right{float: right; width: 55%; margin-top:70px;}
.in_footer_right dl{float: left; width: 16.6%}
.in_footer_right dl dt{width:100%; height: 40px; line-height: 40px; font-size: 16px; color: #fff;}
.in_footer_right dl dd{width:100%; height: auto; margin-top:60px;}
.in_footer_right dl dd a{width:100%; height: auto; display: block; line-height: 34px; font-size: 15px; color: #fff;}
.in_footer_right dl dd a:hover{font-weight: bold;}
.footer_bq{width:100%; height:74px;  overflow: hidden; background: #1b77ce}
.copy_bq{width:auto;;height:74px; line-height:74px; position: relative; color:#9eccf7; font-size: 14px; float: left }
.copy_bq a{color:#9eccf7; font-size:14px;}
.copy_bq a:hover{color:#fff!important}
.footer_zhichi{width:auto; height:100%; float: right}
.footer_zhichi p{ width: auto; float: left; margin-right: 20px;   color:#b5cce3; line-height:74px;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:24px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 28px; background: url(../images/wl.png) no-repeat; margin-top:24px; background-size:cover}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat; background-size:cover} 
.footer_zhichi span{float: left; font-size: 14px; color: #9eccf7;}
.footer_zhichi i{ float: left;}
.f_top{width:60px; height: auto; position: absolute; bottom:35px; left:50%; margin-left: -30px; text-align: center; font-size: 14px; color: #ffffff; line-height: 30px}




/*手机*/
header{height:60px; width: 100%; font-size: .14rem; position:fixed; top:0; left:0; background:#fff;   z-index: 888; text-align: center; line-height: 60px; padding: 0px 10px; display: none;}
.ny_header{height:60px; width: 100%; font-size: .14rem;  position: absolute; top:0;left: 0;  z-index: 888; text-align: center; line-height: 60px; padding: 0px 10px;}
#logo{width:43%;display: inline-block;float: left; height:100%; display: flex; align-items: center;}
#logo img{display: block; width: 100%; height:auto; align-items: center; margin: 0px auto;}
.menu{float:right; width:40px; height:100%}
.menu a{width:100%; height: 100%; display: block; display: flex; align-items: center;}
.menu a img{width:80%;height:auto;display: block; align-items: center; margin: 0px auto;}

.header_all{width:100%; height: 100%; position: fixed; top:-100%; left:0; background: rgba(0,0,0,0.85); z-index: 666;     transition: top ease 0.35s; overflow-y: auto; padding-bottom: 60px;}
.header_all ul{width:100%; height: auto; overflow: hidden; padding: 20px;}
.header_all ul li{width:100%; height: auto; float: left; margin-bottom: 20px;  text-align: center;  border-bottom: 1px solid #333; padding-bottom: 10px}
.header_all ul li h3{width:100%; height: 40px; line-height: 40px; color:#ef7e2e; font-size: 1.3rem;  font-weight: bold; }
.header_all ul li .header_sub{width:100%; height: auto; overflow: hidden}
.header_sub a{width:33.33%; float:left; height: 35px; line-height: 35px; font-size: 1.1rem; color:#aaa; display: block; }
.nav_show{top:60px;}
.header_sub span{color:#ef7e2e}
.header_all ul li:last-child{width:100%; }
.header_all ul li:last-child .header_sub a{width:33.33%; float:left;}
.sj_banner{width:100%;height:auto; display: none; margin-top:60px; }
.sj_banner img{width:100%; height: auto;}
.sj_banner .swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.sj_banner .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; 
}
.sj_banner .swiper-pagination-bullet{background: #fff; opacity: 1}
.sj_banner .swiper-pagination-bullet-active{background: #0f70cb}



.openmenu{overflow-y:scroll; position:fixed; }
#pgcontainer{margin:0px; padding:45px 0px;}
.overlay{left:0px; right:0px; bottom:0px; position: fixed; z-index:99; background-color:rgba(0, 0, 0, 0.5);}
.openmenu .overlay{top:0px;}
#hamburgermenu{background:#005ba4; left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:25px; text-indent:1em; color:#fff; padding:8px 0px; font-size:1em; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#fff;}
.menu_body{width:100%; min-width:150px; overflow:hidden; line-height:38px; display:none;}
.menu_body a{width:100%; display:block; height:28px; line-height:28px; color:#fff; text-indent:2em; border-bottom:rgba(255, 255, 255, 0.32) 1px solid;}



/*底部*/
footer{ position: fixed;  bottom: 0;left: 0;z-index: 222; height: 60px;width: 100%; font-size: .14rem;  display: none; background: #003582}
footer ul{height: 100%; display: block}
footer li{width: 25%;height: 100%;float: left; padding-top:8px; }
footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;color: #fff; }
footer span{line-height:30px; font-size: 12px; width: 100%; display: block; color: #fff}
footer li.active{background: #333}
footer .n1{background: url(../images/f_1.png) no-repeat center; background-size:100% 100%; width:20px;}
footer .n2{background: url(../images/f_2.png) no-repeat center; background-size:100% 100%; width:20px;}
footer .n3{background: url(../images/f_3.png) no-repeat center; background-size:100% 100%; width:32px;}
footer .n4{background: url(../images/f_4.png) no-repeat center; background-size:100% 100%; width:25px;}
footer .n5{background: url(../images/f_5.png) no-repeat center; background-size:100% 100%; width:26px;}
footer .n6{background: url(../images/f_h6.png) no-repeat center; background-size:100% 100%; width:20px;}
footer i{height:20px; display: block; margin: 2px auto 0; }
.sj_copy {width: 100%;  text-align: center; line-height: 28px; clear: both; font-size: 14px;  padding: 30px 0; background: #f7f7f7; display: none; }
.sj_copy p{color:#333333;line-height:28px; font-size: 1rem}
.sj_copy a{color:#333333;line-height:28px; font-size: 1rem}





/*内页banner*/
.ny_banner{width:100%; height:550px; position: relative; padding-top: 216px;}
.ny_banner img{max-width:100%}
.ny_banner h3{font-size: 40px; color: #fff; font-weight: bold; line-height: 34px; margin:20px 0}
.ny_banner h4{font-size: 18px; color: #fff; line-height: 34px;}
.ny_post{width:100%; height: 35px; line-height: 35px; font-size: 16px; color: #fff; text-align: right; margin-top: 90px;    font-weight: bold;}
.ny_post a{font-size: 16px; color: #fff;}
.ny_post span{font-size: 16px;}
.conatct_ban{ background: url(../images/contact_ban.jpg) no-repeat center;}
.service_ban{ background: url(../images/service_ban.jpg) no-repeat center;}
.product_ban{ background: url(../images/product_ban.jpg) no-repeat center;}
.case_ban{ background: url(../images/case_ban.jpg) no-repeat center;}
.about_ban{ background: url(../images/about_ban.jpg) no-repeat center;}
.news_ban{ background: url(../images/news_ban.jpg) no-repeat center;}




/*内页联系我们*/
.ny_nav{width:100%;height: auto; overflow: hidden; margin: 52px 0 0}
.ny_nav a{width:18.8%; height: 56px; float: left; margin-right:1.5%; border: 1px solid #b8bcca; background: url(../images/nav_hh.png) no-repeat 80% center; font-size: 16px; color: #333333; line-height: 54px; padding-left:1.5%; margin-bottom:17px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.ny_nav a:nth-child(5n){margin-right: 0}
.ny_nav a:hover{background: #0566dd url(../images/nav_ll.png) no-repeat 80% center; border: 1px solid #0566dd; color:#fff}
.ny_nav a.active{background: #0566dd url(../images/nav_ll.png) no-repeat 80% center; border: 1px solid #0566dd; color:#fff}

.ny_contact_xinxi{width:100%; height: auto; overflow: hidden; margin-top: 115px;}
.contact_xinxi_top{width:100%; height: auto; overflow: hidden;}
.contact_xinxi_left{width:50%; height: auto; float: left}
.contact_xinxi_left h3{font-size: 24px;color: #000000; font-weight: bold; margin-bottom: 20px;}
.contact_xinxi_left p{font-size: 16px;color: #333333; line-height: 40px;}
.contact_xinxi_right{width:24%; height:auto; float: right}
.con_img{width:45%; height: auto;}
.con_img img{width:100%; height: auto; border: 1px solid #e5e5e5;}
.contact_xinxi_right h4{width:100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #333333;}
.cont_map{width:100%; height: auto; overflow:hidden; margin-top: 50px;}
.cont_map h4{font-size: 24px; color: #000000; font-weight: bold; margin-bottom: 20px;}
.ny_contact_ly{width:100%; height: auto; overflow: hidden; margin-top: 60px;}
.contact_ly_top{width:100%; height: auto; overflow: hidden; margin-top: 50px;}
.contact_ly_top dl{width:34%; height: auto; float: left; margin-right:3%}
.contact_ly_top dl dt{width:100%; line-height: 30px; color:#000000; font-size: 16px;}
.contact_ly_top dl dd{width:100%; height:45px;}
.contact_ly_top dl dd input[type="text"]{width:100%; height: 100%; border: 0; border-bottom: 1px solid #dcdcdc; color:#aaaaaa; font-size: 16px;}
.contact_ly_xz{width:100%; height: auto; overflow: hidden; margin-top: 55px;}
.contact_ly_xz h5{font-size: 30px; color: #000000}
.icheckbox_square-green, .iradio_square-green { display: inline-block;   margin: 0;  padding: 0; width: 16px; height:16px;
 border: none; cursor: pointer; }
.iradio_square-green.checked{background: #e6001f; border: 0}
.iradio_square-green {border:1px solid #ddd; margin-right: 10px}
.contact_ly_xz ul{width:100%; height: 40px; line-height: 40px; margin-top: 20px;}
.contact_ly_xz ul li{float: left; margin-right: 4%;line-height: 40px;}
.contact_ly_xz ul li label{font-size: 18px; color: #000000; background: url(../images/bian.png) no-repeat left center; padding-left:25px;}
.contact_ly_xz ul li input{display: none}
.contact_ly_xz ul li input:checked + label{background: url(../images/bian_l.png) no-repeat left center}
.contact_ly_xx{width:100%; height: auto; overflow: hidden; margin-top: 55px; margin-bottom: 10px;}
.contact_ly_xx h6{width:100%; line-height: 30px; color:#000000; font-size: 16px; margin-bottom: 10px;}
.contact_ly_xx textarea{width:100%; height: 142px; border: 1px solid #dcdcdc; padding: 10px; font-size: 16px; color: #aaaaaa; resize: none}
.con_submit{width:135px; height: 60px; line-height: 60px; border-bottom: 1px solid #dcdcdc; background: url(../images/p_hjt.png) no-repeat right center; cursor: pointer}
.con_submit input[type="submit"]{font-size: 16px; color: #000000; border: 0; background: none;}
.con_submit:hover input[type="submit"]{color:#0f70cb}
.ny_contact_map{width:100%; height: 652px; margin-top: 30px; position: relative}
.ny_join{width:100%; height: auto; overflow: hidden; margin-bottom: 56px; margin-top: 100px;}
.ny_join ul{width:100%; height: auto; overflow: hidden; margin: 62px 0}
.ny_join ul li{width:49%; height: auto; float: left; border:12px solid #f2f2f2; padding: 50px 32px;}
.ny_join ul li:nth-child(2n){float: right}
.ny_join ul li img{float: left; margin-top:70px; transition: .3s all ease-in-out}
.ny_join_xx{float: right; width:79%; position: relative;  padding-left:6%}
.ny_join_xx h3{font-size: 24px; color: #333333; font-weight: bold; margin-bottom:28px; }
.ny_join_xx p{font-size: 16px; color: #777777; line-height: 28px;}
.ny_join_xx:before{content: ""; width: 1px; height: 170px; position: absolute; top:36px; left:0; background: #d2d2d2}
.ny_join_top{width:100%; height: auto; overflow: hidden; position: relative; margin-bottom:92px}
.ny_join_top img{width:100%; height: auto; display: block;}
.ny_join_top h3,.ny_join_top h4{position: absolute; width: 100%; height: auto; display: block; left:0; text-align: center; color: #ffffff;}
.ny_join_top h3{font-size: 40px; top:40%;}
.ny_join_top h4{font-size: 24px; top:22%;}

.ny_join ul li:hover img{margin-top:60px; transition: .3s all ease-in-out}



/*社会责任*/
.ny_service_one{width:100%; height: auto; overflow: hidden; background: url(../images/ser_img.png) no-repeat right top; margin-top: -118px; }
.ny_service_one .swiper-container{width:100%; height: auto; overflow: hidden; margin-top:128px }
.ny_service_one .swiper-slide a{width:100%; height: auto; display: block}
.ny_service_pic{width:100%; height: auto; display: block; overflow: hidden}
.ny_service_pic img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_service_one .swiper-slide a h4{width:100%; height:40px; display: block; color:#000000; font-size:16px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 10px;}
.ny_service_one .swiper-slide a:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_service_li{width:100%; height: auto; overflow: hidden; margin-top:240px;}
.ny_service_li h4{font-size: 36px; color: #0566dd; font-weight: bold;}
.ny_service_li hr{width:30px; height: 6px; background: #b5cce3; display: block; margin: 20px 0;}
.ny_service_li h5{font-size: 28px; color: #0566dd; margin-bottom: 30px;}
.ny_service_li p{width:48%; height: auto; overflow: hidden; line-height: 35px; font-size: 18px; color:#777777}
.ny_service_two{height:261px; background: url(../images/ser_img.jpg) no-repeat center; margin: 45px auto 75px; text-align: center; padding-top: 78px;} 
.ny_service_two h4{font-size: 36px; color: #ffffff; font-weight: bold; line-height: 60px;}
.ny_service_two h4 span{font-size: 48px; color: #2d95f7; font-weight: bold;}
.ny_service_three{width:100%; height: auto; overflow: hidden; background: url(../images/ser_san.jpg) no-repeat center; padding: 65px 0 120px; }
.ny_service_three ul{width:100%; height: auto; overflow: hidden; position: relative}
.ny_service_three ul li{width:25%; height: 260px; float: left; text-align: center; padding: 60px 4% 0; border-top:1px solid #d7d7d7; border-right:1px solid #d7d7d7}
.ny_service_three ul li h4{font-size: 30px; color: #000000; font-weight: bold;}
.ny_service_three ul li span{font-size: 18px; color: #000000; font-family: "Arial"; margin: 10px 0 20px; display: block;}
.ny_service_three ul li p{font-size: 18px; color: #0f70cb; line-height: 34px;}
.ny_service_three ul li:nth-child(4n){border-right:0}
.ny_service_three ul li:nth-child(1),.ny_service_three ul li:nth-child(2),.ny_service_three ul li:nth-child(3),.ny_service_three ul li:nth-child(4){border-top:0}
.service_three_all{width:100%; height: auto; overflow: hidden; position: relative;  margin-top: 110px;}
.ser_li{width:11px; height: 11px; background: #0f70cb; border-radius: 50%; position: absolute; top:255px;}
.ser1{left:24.6%}
.ser2{left:49.6%}
.ser3{left:74.6%}
.ny_service_three ul li:hover{background: rgba(195,195,195,0.2)}




/*产品列表*/
.ny_product_one{width:100%; height: auto; overflow: hidden; margin-top: 84px;}
.ny_product_one .w1440{position: relative}
.ny_product_one h3{font-size: 36px; color: #0566dd; font-weight: bold;}
.ny_product_one h3 span{color:#000000; font-size: 36px;}
.ny_product_one hr{width:30px;  height: 6px; background: #b5cce3; display: block; margin:20px 0 20px 20px;}
.ny_product_one p{font-size: 16px; color: #333333; line-height: 34px; color: #333333;  width: 100%; text-indent: 2rem}
.ny_product_one i{font-size: 166px; color: #0566dd; font-weight: bold; position: absolute; top:0; right:0; opacity: 0.2}
.ny_product_two{width:100%; height: auto; overflow: hidden; margin-top: 123px; margin-bottom:60px;}
.ny_product_two ul{width:100%; height: auto; overflow: hidden; }
.ny_product_two ul li{width:24.62%; height: auto; float: left; margin-right:0.5%; margin-bottom: 40px;}
.ny_pro_pic{width:100%; height: auto; overflow: hidden}
.ny_pro_pic img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_product_two ul li h4{width:100%; height: 40px; line-height: 40px; font-size: 16px; color: #000000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 6px;}
.ny_product_two ul li:nth-child(4n){margin-right: 0}
.ny_product_two ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_product_two ul li:hover h4{color:#0f70cb}




/*关于我们*/
.ny_about_fc{width:100%; height: auto; overflow: hidden; position: relative; margin-bottom: 96px;}
.ny_about_fc .w1440{position: relative}
.ny_about_fc .swiper-container{margin-top: 55px;}
.ny_about_fc .swiper-slide a{width:100%; height: auto; display: block}
.ny_service_pic{width:100%; height: auto; display: block}
.ny_service_pic img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_about_fc .swiper-slide a h4{width:100%; height: 25px; line-height:25px; font-size: 16px; color: #000000; text-overflow: ellipsis; overflow: hidden;white-space: nowrap; text-align: center; margin-top: 10px;}
.ny_about_fc .swiper-button-next, .ny_about_fc .swiper-button-prev,.ny_honor .swiper-button-next,.ny_honor .swiper-button-prev{width:50px; height: 50px; margin-top: 0; top:40px; left:auto;}

.ny_about_fc .swiper-slide a:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_about_fc .swiper-slide a:hover h4{color:#0f70cb}

.ny_about_fc .swiper-button-next,.ny_honor .swiper-button-next{background: url(../images/hz_right.png) no-repeat center}
.ny_about_fc .swiper-button-prev,.ny_honor .swiper-button-prev{background: url(../images/hz_left.png) no-repeat center; right:7%}
.ny_about_fc .swiper-button-next:hover,.ny_honor .swiper-button-next:hover{background: url(../images/hz_hright.png) no-repeat center}
.ny_about_fc .swiper-button-prev:hover,.ny_honor .swiper-button-prev:hover{background: url(../images/hz_hleft.png) no-repeat center}
.ny_licheng{width:100%; height: 700px; overflow: hidden; background: url(../images/licheng_bjs.jpg) no-repeat center; padding: 65px 0; margin-bottom: 88px;}
.ny_lc_title{width:100%; height: auto; overflow: hidden; margin-bottom: 30px; position: relative}
.ny_lc_title h4{font-size: 42px; color: #fff; font-weight: bold; margin-bottom: 8px; position:relative; text-transform: uppercase; display: table; z-index: 9; padding-right: 28px}
.ny_lc_title:after{content: ""; width:60%; height: 1px; background:rgba(255,255,255,0.5); position: absolute; top:14px; right:0}
.ny_lc_title h3{font-size: 34px; color: #fff;}
.ny_licheng_all{width:100%; height: auto; position: relative; padding: 0px 110px; margin-top:90px;}
.ny_licheng_all .swiper-slide>div{width:100%; height: 162px; overflow: hidden; background: url(../images/lc_top.png) no-repeat left center; padding-left: 32px;}
.ny_licheng_all .swiper-slide>div h4{font-size: 28px; color: #fff; margin-bottom: 10px; font-weight: bold;}
.ny_licheng_all .swiper-slide>div p{font-size: 16px; color: #fff; opacity: 0.6; line-height: 24px;}
.ny_licheng_all:after{content:""; width: 100%; height: 1px; background: rgba(255,255,255,0.5); position: absolute; top:155px; left:0}
.ny_licheng_all .swiper-slide:nth-child(2n)>div{background: url(../images/lc_bottom.png) no-repeat 60px center; padding-top: 40px; padding-left:90px;}
.ny_licheng_all .swiper-slide:nth-child(2n){ margin-top: -14px!important;}
.ny_licheng_all .swiper-button-next, .ny_licheng_all .swiper-button-prev{width:50px; height: 50px; margin-top: 0; top:50%; margin-top: -25px; }
.ny_licheng_all .swiper-button-next{background: url(../images/lc_right.png) no-repeat center; right:-50px}
.ny_licheng_all .swiper-button-prev{background: url(../images/lc_left.png) no-repeat center; left:-50px}
.ny_licheng_all .swiper-button-next:hover{background: url(../images/lc_hright.png) no-repeat center}
.ny_licheng_all .swiper-button-prev:hover{background: url(../images/lc_hleft.png) no-repeat center}
.ny_huoban{width:100%; height: auto; overflow: hidden; background: #f2f2f2; padding: 60px 0}
.ny_huoban .swiper-slide a{width:100%; height: auto; display: block; border: 1px solid #bfbfbf; overflow: hidden}
.ny_huoban .swiper-slide a img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;
}
.ny_huoban .swiper-slide a:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_fzgl{width:100%; height: auto; overflow: hidden}
.index_fzgl_left{width:36.3%; height:480px; float: left; background: url(../images/fz_left.jpg) no-repeat center; background-size: cover; padding-top: 99px; padding-left: 15%}
.index_fzgl_left h4{font-size: 42px; color: #fff; font-weight: bold; line-height: 60px;}
.index_fzgl_left h5{font-size: 34px; color: #fff; margin-top: 10px;}
.index_fzgl_right{width:63.7%; height:480px; float: left; background: url(../images/fz_right.jpg) no-repeat left center; background-size: cover; padding-left:6%; 
	padding-top: 105px;}
.index_fzgl_right h4{font-size:44px; color: #000000; line-height: 50px; font-weight: bold; margin-bottom: 35px;}
.index_fzgl_right p{font-size: 16px; color: #333333; line-height: 34px; width: 100%}
.fzgl_right_xx{width:78%;}
.ny_honor{width:100%; height: auto; overflow:hidden; margin-bottom: 90px; }
.ny_honor .w1440{position: relative}
.ny_honor .swiper-slide a{width:100%; height: auto; display: block}
.ny_honor .swiper-slide a h4{width:100%; height: 40px; line-height: 40px; font-size: 18px; color: #000000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; margin-top: 8px;}
.ny_honor .swiper-slide a:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}

.ny_about_one{width:100%; height: auto; overflow: hidden; display: block; margin-bottom: 106px; margin-top: 100px;}
.about_one_xx h3{font-size: 22px; color: #000000;}
.about_one_xx span{font-size: 36px; color: #0566dd; font-weight: bold; margin-right: 8px;}
.about_one_xx i{font-size: 22px; color: #0566dd; font-family: "Arial"; font-style: normal}
.about_one_xx hr{width:30px; height: 6px; background: #b5cce3; display: block; margin: 20px 0;}
.about_one_xx a{width:100%; height: auto; display: block; font-size: 16px; color: #333333; line-height: 34px;}
.about_one_xx a p{font-size: 16px; color: #333333; line-height: 34px; text-indent: 2rem}
.about_one_two{width:100%; height:570px; background: url(../images/ab11.jpg) no-repeat center; margin-top: 80px; position: relative}
.about_video{width:98px; height:98px; display: block;  position: absolute; top:50%; margin-top: -49px; left:50%; margin-left: -49px; cursor: pointer}
.about_one_three{width:100%; height: auto;  position: relative; overflow: hidden;  margin-top: -66px;}
.about_one_left{width:50%; height: 360px; background: #0566dd; padding: 42px 56px; float: left; position: relative}
.about_one_left h4{font-size: 36px; color: #fff; font-weight: bold;}
.about_one_left hr{width:30px; height: 6px; background: #b5cce3; display: block; margin: 29px 0 45px}
.about_one_left p{width:100%; height: auto; overflow: hidden; line-height: 36px; font-size: 16px; color: #ffffff}
.about_one_right{width:50%; height: auto; float: right; padding:15px 2% 0 4%; margin-top: 70px;}
.about_one_right dl{width:50%; height: auto; float: left; margin-bottom:30px;}
.about_one_right dl dt{font-size: 24px; color: #0566dd}
.about_one_right dl dt span{font-size: 60px; color: #0566dd; font-weight: bold;}
.about_one_right dl dd{font-size: 18px; color: #333333; line-height: 28px;}
.about_one_four{width:100%; height: auto; overflow: hidden; margin-top:85px;}
.about_one_four h3{font-size: 36px; color: #0566dd; font-weight: bold; margin-bottom: 28px;}
.about_one_four h4{font-size: 16px; color: #333333; line-height: 34px;}
.about_one_four ul{width:100%; height: auto; overflow: hidden; margin-top: 52px;}
.about_one_four ul li{width:33%; height: 400px; float: left; overflow: hidden; margin-right:0.5%; padding: 12px;}
.ny_about_jzg,.ny_about_qysm,.ny_about_qyyj{width:100%; height: 100%; border: 1px solid rgba(255,255,255,0.5); padding:0 12px;}
.about_one_four ul li:nth-child(3n){margin-right: 0}
.about_one_four ul li h3,.ny_about_qysm h3,.ny_about_qyyj h3{width:100%; height: 77px; border-bottom: 1px solid rgba(255,255,255,0.2); font-size: 24px; color: #ffffff; font-weight: bold; text-align: center; line-height: 77px;}
.about_one_four ul li dl{width:100%; height: auto; overflow: hidden; text-align: center; margin-top: 28px;}
.about_one_four ul li dl dt{font-size: 18px; color: #fff;}
.about_one_four ul li dl dd{font-size: 14px; color: #fff; line-height:24px; opacity: 0.5; margin-top: 5px;}
.ny_about_qysm h4,.ny_about_qyyj h4{font-size: 18px; color: #fff; line-height:34px; text-align: center; margin-top: 40px;}
.ny_about_qysm p,.ny_about_qyyj p{font-size: 14px; color: #fff; line-height:24px; text-align: center; margin-top:10px; opacity: 0.5; font-family: "Arial"}
.ny_about_qyyj h5{font-size: 18px; color: #fff; line-height:34px; margin-top: 10px;}
.ny_about_qyyj{padding:0 24px;}
.ny_about_qyyj h4{ margin-top:20px;}


/*弹出视频*/
.video_bj{width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:888; display:none}
.video_xx{width:600px; height:400px; position:fixed; top:50%; left:50%; margin-left:-300px; margin-top:-190px; z-index:999}
.close{width:100%; height:40px; text-align:right; background:rgba(0,0,0,0.5);}
.close img{width:32px; height:32px; margin-top:4px; margin-right:10px;}
.video-box{width:100%; height:339px;}
.sj_video{width:100%; height:auto; overflow:hidden; display:none;}






/*内页新闻*/
.ny_news_all{width:100%; height: auto; overflow: hidden; margin-top: 40px;}
.ny_news_all ul{width:100%; height: auto; overflow: hidden;margin-bottom: 40px;}
.ny_news_all ul li{width:100%; height: auto; overflow: hidden; padding: 15px}
.ny_news_all ul li .ny_time{width:115px;height: auto; float: left;margin-top:25px;}
.ny_news_all ul li .ny_time span{display: block; font-size: 12px; color: #999; text-align: right}
.ny_news_all ul li .ny_time p{font-size: 41px; color: #c8c8c8}
.news_xx{width:63%; height: auto; float: left; margin-left:2%; margin-top: 20px;}
.news_xx h3{widdth:100%; height: 35px; line-height: 35px; font-size: 18px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ny_news_all ul li:hover .news_xx h3{ color: #0566dd}
.news_xx p{width:100%; height:52px; line-height: 25px; font-size: 14px; color: #666;  margin: 10px 0; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; }
.news_xx span{font-size: 14px; color: #aaaaaa}
.news_pic{width:22%; height: auto; float: right; overflow:hidden}
.news_pic img{width:100%; height: auto; display:block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_news_all ul li:hover{background: #f4f4f4}
.ny_news_all ul li:hover .ny_time p,.ny_news_all ul li:hover .ny_time span,.ny_news_all ul li:hover span{color:#0566dd}
.ny_news_all ul li:hover h3{font-weight: bold; }
.ny_news_all ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.fav1{ width: 100%;overflow: hidden; padding-bottom: 40px;}
.fav1 li{ height: 42px; line-height: 42px; border-bottom: 1px dashed #dedede; float: left; width: 49.5%;}
.fav1 li:nth-child(2n){ float: right;}
.fav1 li a{ font-weight: normal;  font-size: 14px; color: #333; width:60%; height:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:left;}
.fav1 li span{ float: right; font-size: 14px; color: #999; font-weight: normal;}
.container_top{overflow:hidden}
.container_top img{max-width:100%}
.ny_news_show{width:100%; height: auto; overflow: hidden; font-size:16px; color:#666; margin: 40px 0}
.ny_news_two{margin-top: 123px;}
.ny_service_all{width:100%; height: auto; overflow: hidden; margin: 30px 0; font-size:15px; color:#666; line-height:30px;}
.ny_service_all p{ color: #666; font-size: 15px; line-height: 2;}
.ny_service_all img{max-width:100%}
.ny_news_show .keyword_light p{font-size: 16px;}


.ny_news_show h1{width: 100%; font-size: 24px; color: #555; padding: 10px 0px; text-align: center; clear: both; font-weight: bold}
.ny_news_bt{width: 100%; line-height: 30px; color: #999; height: 30px; margin-bottom: 20px;	border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;
					clear: both}






/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 999;
}

.leftlx {
    float: left;
    height: 47px;
    width: 80px;
}

.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 100%;
    padding-top:14px;
    width: 300px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 12px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 30px;
    margin: 0 auto 8px;
    text-align: center;
    width: 50px;
}
.lxfx li i.icon-tel {
     background:url(../images/dh_i.png) no-repeat center
}
.lxfx li i.icon-ly {
   background:url(../images/ly_i.png) no-repeat center
}
.lxfx li i.icon-wx {
   background:url(../images/wx_i.png) no-repeat center
}
.lxfx li i.icon-cp {
   background:url(../images/cp_i.png) no-repeat center
}
.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center; font-size:14px;
}
.lxfx li {
    background:#ce1717;
    height: 80px;
    margin-bottom:5px;
    margin-left: 0;
 
    position: relative;
    width: 80px; float:left;
}

.mtop{height:40px!important;}

.page-list{display:none;}







@media screen and (max-width:1500px){
	.w1440{width:95%}
	.strategy_right_top h3{font-size:40px;}
	.index_nav_all .w1440{width:85%}
	.index_fzgl_left{padding-left: 10%}
	.index_fzgl_right h4{font-size: 30px;}
	.fzgl_right_xx{width:91%}
	.ny_licheng_all .swiper-button-prev{left:0}
	.ny_licheng_all .swiper-button-next{right:0}
	
.banner .swiper-button-next,.banner .swiper-button-prev{ margin-top:0; top:auto; bottom:10%}
.banner .swiper-button-next{left:8%}
.banner .swiper-button-prev{left:2%;}

}

@media screen and (max-width:1440px){
	.strategy_right_top{padding-right: 4%;}
	.ny_join ul li{padding: 50px 28px;}
	.ny_join ul li{height:380px;}
}



@media screen and (max-width:1366px){
	.ny_service_three ul li h4{font-size: 24px;}
	.about_one_right dl dt span{font-size: 40px;}
	.ny_about_qysm h4, .ny_about_qyyj h4,.ny_about_qyyj h5{font-size: 16px;}
	
	.index_about_right{width:63%}
	.index_nav_bottom a{width:50%; float:left;}
	.index_nav_all ul li{min-height:200px;}
	.strategy_right_top{padding: 53px 4% 0 9%;}
	
	
}


@media screen and (max-width:1280px){
	.strategy_right_top{padding-top: 40px;}
	.strategy_right_top h3{font-size: 30px;}


}

 


@media screen and (max-width:1200px){
	.container,.nav{width:94%}
	.index_strategy_left{padding: 103px 2% 0 5%;}
}







@media screen and (max-width:1050px){
	.lxfx{display: none}
	.in_footer_left h4,.in_footer_left h3{font-size: 24px;}
	.in_footer_right{margin-top: 26px;}
	.in_footer .w1440:after{top:102px;}
	.in_footer_right{width:59%}
	.ny_service_three ul li{    padding: 25px 4% 0;}
	.ny_service_three ul li p{font-size: 16px;}
	.ny_join ul li{width:100%; float: none; height: auto; margin-bottom: 20px; overflow: hidden}
	.ny_join ul li:nth-child(2n){float:none}
	.ny_join_xx:before{top:2%}
	.about_one_right dl dd{font-size: 14px; }
	.about_one_left hr{    margin: 29px 0 30px;}
	.about_one_left{padding: 42px 30px;}
	.about_one_four ul li{height:484px;}
	.index_fzgl_left{padding-left: 4%}
	.index_fzgl_left h4{font-size: 36px;}
	.ny_lc_title:after{width:42%}
	.about_left_xx h5{font-size:40px}
	.about_left_xx h4{font-size:60px;}
	.index_video{height:550px;}
	.index_strategy_left h4{font-size:30px;}
	.copy_bq,.copy_bq a,.footer_zhichi span{font-size:12px;}
	.index_fzgl_right{padding-top:36px;}
	.news_xx{width:58%}
	.news_pic{width:26%}
	.index_strategy_left{padding: 103px 2% 0 3%;}
	
	
}




@media screen and (max-width:850px){
	body{padding-bottom: 60px;}
	.index_about_left,.in_footer,.footer_bq,.case_left_hover span{display: none}
	.index_about_right,.index_strategy_left,.index_strategy_right{width:100%; float: none;}
	.index_video{margin-top: 40px; padding:40px 0; height:auto;}
	.index_video_left{width:100%; height: auto; float: none;}
	.index_video_right{width:100%; height: auto; float:none; margin-top: 40px;}
	.index_video_left p{margin-top: 30px;}
	.index_strategy,.index_strategy_right{height: auto}
	.index_strategy_left h3{margin-bottom: 20px; }
	.index_strategy_left{height: auto; padding: 60px 2% 50px 8%;}
	.strategy_right_top{padding: 40px 3%; height: auto;}
	.index_case{margin: 40px 0 ;}
	.news_top_left{padding-top: 0}
	.sj_copy,footer{display: block}
	.h_logo{width:230px;}
	.h_menu{width:20%}
	.ny_nav a{width:32.3%; background:none; text-align:center; padding-left:0}
	.ny_nav a.active{background:#0566dd }
	.ny_nav a:nth-child(3n){margin-right:0}
	.ny_nav a:nth-child(5n){margin-right:1.5%}
	.ny_nav a:hover{background:#0566dd}
	.ny_product_one,.ny_news_two{margin-top:40px;}
	.ny_product_one h3,.ny_product_one h3 span{font-size:28px;}
	.ny_service_one{background-size: 100% auto;}
	.service_three_all{margin-top:40px;}
	.ny_service_three ul li{padding: 25px 2% 0;}
	.ny_service_three ul li p{line-height:26px;}
	.ny_service_two{margin:45px auto 30px}
	.ny_join_top h3{font-size:30px}
	.ny_join_top{margin-bottom:30px;}
	.contact_xinxi_left{width:100%; float:none;}
	.contact_xinxi_right{display:none;}
	.news_xx{width:52%}
	.ny_news_all ul li .ny_time p{font-size:30px;}
	.ny_news_all ul li .ny_time{width:84px}
	.news_pic{width:32%}
	.index_news_title h4,.index_video_left h4,.ny_lc_title h4{font-size:28px;}
	.index_news_title h3,.index_video_left h5,.ny_lc_title h3{font-size:24px;}
	.index_case ul li .case_left_hover p{width:94%}
	.case_left_hover{width:74%}
	.index_news{margin-top:80px;}


}



@media screen and (max-width:600px){
	.banner,.header_nav{display:none;}
	.sj_banner,header{display:block}
	.index_about,.ny_about_one,.ny_contact_xinxi{margin-top:40px;}
.strategy_right_bottom{background:none!important; height:auto;}
.strategy_right_bottom img{display:block}
.index_case .index_case_left,.news_top_left,.index_news ul li,.about_one_left,.about_one_right{width:100%; float:none;}
.index_news ul li a{width:100%}
.index_case ul{width:100%; float:none; margin-top:10px;}
.news_top_right{width:100%; float:none; margin-top:20px;}
.index_news_top{margin-bottom:20px;}
.index_news ul{padding:10px 0}
.index_news{margin-bottom:40px;}
.index_shigong_lei a{width:49%; margin-right:0}
.index_shigong_lei a:nth-child(2n){float:right}
.ny_banner h3{font-size:30px;}
.about_one_xx span{font-size:24px}
.about_one_xx h3{font-size:20px;}
.video_xx{width:90%; margin-left:-45%; height:auto;}
.video-box{height:auto;}
.about_one_right{margin-top:30px;}
.about_one_four{margin-top:30px;}
.about_one_four ul li{width:100%; float:none; margin-right:0; height:auto; margin-bottom:10px;}
.ny_about_jzg, .ny_about_qysm, .ny_about_qyyj{padding:0 12px 20px;}
.ny_about_one{margin-bottom:40px;}
.index_fzgl_left,.index_fzgl_right{width:100%; float:none; height:auto;}
.index_fzgl_left{padding:40px 20px}
.index_fzgl_right{padding:20px 20px;}
.fzgl_right_xx{ width:100%}
.ny_licheng_all{    padding: 0px 20px}
.ny_post{margin-top:60px;}
.ny_banner{padding-top:160px;}
.ny_contact_ly{margin-top:20px;}
.contact_ly_top dl{width:100%; margin-right:0; margin-bottom:20px;}
.contact_ly_top{margin-top:20px;}
.ny_join ul li{padding:20px}
.ny_join ul li img{float:none; margin:0px auto 20px; display:block}
.ny_join_xx{width:100%; float:none; margin-left:0; padding-left:0}
.ny_join_xx h3{text-align:center}
.ny_join_xx:before{display:none;}
.contact_ly_xz h5,.ny_service_li h5{font-size:24px;}
.contact_ly_xz,.ny_service_one .swiper-container{margin-top:30px;}
.ny_join{margin-top:50px;}
.ny_join_top h3{font-size:20px; top:55%}
.cont_map h4{font-size:20px;}
.ny_service_li p{width:100%}
.ny_service_two h4{font-size:22px; line-height:46px;}
.ny_service_two{padding-top: 50px; height: 210px;}
.ny_service_three{padding:20px 0 100px;}
.ny_service_three ul li{width:50%; border-bottom:1px solid #d7d7d7; border-top:0}
.ny_service_three ul li:nth-child(2n){border-right:0}
.ser_li{display:none;}
.ny_product_two{margin-top:50px;}
.ny_product_two ul li{width:48%;  margin-right:0}
.ny_product_two ul li:nth-child(2n){float:right}
.page-list{display:block;}
.digg{display:none;}
.fav1 li{width:100%; float:none;}
.ny_licheng{height:auto; padding: 65px 0 50px;}
.ny_about_fc .swiper-button-prev, .ny_honor .swiper-button-prev{right:14%}
.ny_about_fc .swiper-button-next, .ny_about_fc .swiper-button-prev, .ny_honor .swiper-button-next, .ny_honor .swiper-button-prev{width:40px; height:40px; background-size:100% 100%!important}
.index_video_left p{width:100%}
.index_honor{margin:40px 0 0}
.index_strategy{margin-top:40px;}
.index_honor .swiper-slide a h4,.ny_honor .swiper-slide a h4{font-size:16px;}
.about_one_left h4,.about_one_four h3,.index_fzgl_right h4{font-size:28px;}
.about_one_left{height:auto;}
.about_one_right dl dd{height:56px;}
.about_one_right dl dt span,.index_fzgl_left h5{font-size:30px;}
.index_fzgl_left h4{font-size:30px; line-height:46px;}
.ny_product_one i{font-size:150px;}
.ny_service_one{margin-top:0; background:none;}
.ny_service_li{margin-top:40px;}
.ny_post{height:auto;}
}



@media screen and (max-width:375px){
	#logo{width:58%}
	.index_strategy_left h4,.ny_service_li h4{font-size:28px;}
	.index_strategy_left h3,.strategy_right_top h3,.index_news_title h4, .index_video_left h4, .ny_lc_title h4{font-size:26px;}
	.ny_about_fc .swiper-button-prev, .ny_honor .swiper-button-prev{right:20%}
	.ny_licheng_all:after{display:none;}
	.ny_licheng_all .swiper-slide>div{background:none;padding-left:0 }
	.ny_licheng_all .swiper-slide:nth-child(2n)>div{background:none; padding-left:0}
	.ny_licheng_all{margin-top:20px;}
	.ny_licheng_all .swiper-container{padding-bottom:80px;}
	.ny_licheng_all .swiper-button-next, .ny_licheng_all .swiper-button-prev{margin-top:0; top:auto; bottom:0}
	.ny_licheng_all .swiper-slide>div{height:auto;}
	.header_sub a{width:50%}
	.ny_service_two h4{font-size:20px;}
	.ny_service_two h4 span{display:none;}
	.ny_join ul{    margin:40px 0 0;}
	.ny_banner{height:450px; padding-top: 130px;}
	.about_one_two{height:320px;}
	.about_video{width:90px; height:90px;}
	.about_video img{width:100%}
	.about_one_left hr{margin:10px 0}
	.fzgl_right_xx h4{margin-bottom:20px;}
	
}

@media screen and (max-width:360px){
	.ny_banner h3{font-size:24px;}
.strategy_right_top h3{font-size:22px;}
.strategy_right_top p{line-height:28px; font-size:14px; margin-bottom:15px;}
.case_left_hover p,.index_news ul li a,.ny_banner h4{font-size:16px;}
.news_top_left p{line-height:28px; font-size:14px; margin:20px 0 20px;}
.index_strategy_left h3, .strategy_right_top h3, .index_news_title h4, .index_video_left h4, .ny_lc_title h4,.contact_ly_xz h5, .ny_service_li h5{font-size:20px;}
.index_news_title h3, .index_video_left h5, .ny_lc_title h3{font-size:20px;}
.news_top_left h4{font-size:18px;}
.index_news ul li,.ny_product_two ul li h4{line-height:30px;  height:30px;}
.ny_post{margin-top:30px;}
.about_one_xx a p,.about_one_left p,.about_one_four h4,.index_fzgl_right p,.ny_product_one p,.ny_service_li p{line-height:28px; font-size:14px;}
.about_one_left h4, .about_one_four h3, .index_fzgl_right h4,.ny_product_one h3, .ny_product_one h3 span{font-size:20px;}

.ny_huoban{padding:40px 0}
.ny_service_three ul li h4{font-size:18px;}
.ny_banner img{max-width:84%}
.ny_join_xx p{font-size:14px;}
}



@media screen and (max-width:320px){
	.ny_join_top h4{font-size:18px;}
	.ny_join_top h3,.ny_service_li p{font-size:16px;}
	.ny_nav a{width:48%; margin-right:0}
	.ny_nav a:nth-child(2n){float:right}
	.ny_post span,.ny_post a,.ny_post{font-size:14px;}
	.ny_banner h3{font-size:26px;}
	.index_news{margin-top:30px;}
	.contact_ly_xz h5, .ny_service_li h5{font-size:20px;}
}





