@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-size: 14px; font-family: "Arial"}
img{ border:0;}
a{ text-decoration:none; color:#333;  }
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; }
.w1200{ width:1280px; margin: 0 auto; }
.w1400{ width:1400px; margin: 0 auto; }
.ny_info{padding: 0 14% 0 27%}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
body{overflow-x:hidden}

*:focus{   
	border:none;
}


#menu a{color:#fff; font-size:16px;}


.header_all{width:22.5%; height: 100vh; background: rgba(0,0,0,0.3);position:fixed; top:0; left:0; z-index: 9}
.header_top{width:100%; height: 68%; overflow: hidden; padding: 4vh 3% 0 9%;}
.h_logo{width:100%; height: auto; display: block}
.h_logo img{max-width:100%; height: auto; display: block}
.header_top ul{width:100%; height: auto; overflow: hidden; margin-top: 6vh}
.header_top ul li{width:100%; height: 5vh; line-height: 5vh; margin-bottom:2.2vh; position: relative}
.header_top ul li p{color:#ffffff; font-size: 16px; float: left; margin-right: 22px}
.header_top ul li span{color:#ffffff; font-size: 12px; float: left; opacity: 0.5; height: 5vh; line-height: 5vh;}
.header_top ul li:hover p{color:#01a9ea; font-weight: bold;}
.header_top ul li.active p{color:#01a9ea; font-weight: bold;}
.header_top ul li a{display: table; position: relative;}
.header_top ul li a:after{content: ""; width:0; height: 1px; background: rgba(255,255,255,0.2); position: absolute; top: 2.2vh; right:-80px; transition: all 0.4s ease-in-out;}
.header_top ul li:hover  a:after{width:60px; transition: all 0.4s ease-in-out;}
.header_top ul li.active  a:after{width:60px; transition: all 0.4s ease-in-out;}
.header_bottom{width:100%; height: 32%; overflow: hidden; background: #1d191a url(../images/hh.png) no-repeat 10% 10%; padding:24% 15% 6% 0;}
.header_bottom p{color:#fff; font-size: 16px; text-align: right; line-height:25px; font-family: "宋体"}
.header_bottom h5{color:#fff; font-size: 18px; text-align: right; line-height: 30px; font-family: "宋体"; font-weight: bold; margin-bottom: 2vh}
.h_img{width:62px; height: auto; float: right; margin-left: 5%}
.h_img img{width:100%; height: auto; display: block}
.h_bottom_left{float: right}
.h_bottom_left dl{width:100%; height: 31px;}
.h_bottom_left dl dt{width:31px; height: 31px; position: relative; float: right; background: url(../images/h_wx.png) no-repeat center;  margin-left: 22px;}
.h_bottom_left dl dd{width:31px; height: 31px; position: relative; float: right;background: url(../images/h_sj.png) no-repeat center; }
.h_bottom_left dl img{width:100px; height: auto; display: none; position: absolute; top:-100px; left:0}
.h_bottom_left h4{color:#fff; opacity: 0.6; font-size: 18px; font-weight: bold; font-family: "宋体";  margin-top:10px;}
.h_bottom_left dl dt:hover img{display: block}
.h_bottom_left dl dd:hover img{display: block}
.ny_header{background:rgba(0,0,0,0.3) url(../images/left_bjs.jpg) no-repeat center}







/* 导航栏 */
.header_nav{height:auto; width:100%; z-index:999; position: absolute; top:0; left:0 }
.header_nav:after{content: ""; height: 90px; border-bottom: 1px solid rgba(255,255,255,0.2); width: 100%; position: absolute; top:0; left:0}
.nav{ height:100%; float: right; width:50%; position: relative; z-index: 9}
.nav .nLi{position:relative;float:left;display:inline;height:90px; width:12.5%;}
.nav .nLi h3{ font-weight: normal; width:100%; height: 90px; }
.nav .nLi h3 p{height:32px; color:#fff; font-size:16px;  width:auto; position: relative; text-align: center;  display: table; margin: 0px auto;  line-height: 88px}
.nav .nLi h3 a{display:block;width:100%;height:100%;color:#fff;  }
.nav .sub{position:absolute;top:90px;left:50%; z-index:999;display:none;padding:0;width:140px; background:#fff;line-height:26px; margin-left: -70px} 
.nav .sub li{height:auto;border-bottom:1px solid #eee;text-align:center;line-height:30px;zoom:1; overflow: hidden;}
.nav .sub li p{float:left;margin:0;width:100%; font-size:14px}
.nav .sub li span{float:right}
.nav .sub a{display:block;padding:0 10px;height:100%;color:#333;}
.nav .nLi.active h3 p,.nav .nLi:hover h3 p{border-bottom: 3px solid #fff}
.nav .nLi:last-child{margin-right: 0}
.sub li:hover a{color:#0e34af;}
.f_top{background: rgba(0,0,0,0.8); position: fixed; top:0; left:0; padding-left:4%}
.f_top .h_language,.f_top .h_search{background:rgba(14,52,175,0.8) }
.f_top .h_search{background:rgba(14,52,175,0.8) url(../images/search_icon.png) no-repeat center }
.logo2{display: none; margin-top: 8px}
.f_top .logo1{display: none}
.f_top .logo2{display: block}



/*banner*/
.banner{ position: relative;}
.banner .top{ height: 110px; background: url(../picture/top.jpg) no-repeat center top; top: 0; position: absolute; width: 100%; z-index: 99999}
.banner-index{position: relative;overflow: hidden;}
.banner-index .list .video-js{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: none;}
.banner-index .list,
.banner-index .list > li{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner-index .list > li.active{z-index: 1;}
.banner-index .list > li a{display: block;width: 100%;overflow: hidden;}
.banner-index .list > li img.ban_pic{display: block;width: 100%;opacity: 0;-webkit-transition: all 1s;transition: all 1s;-webkit-transform: scale(1.2);transform: scale(1.2);}
.banner-index .list > li.noscale img.ban_pic,
.banner-index .list > li.active img.ban_pic{opacity: 1;-webkit-transform: none;transform: none;}
.banner-index .list.ground,
.banner-index .list.ground li{position: relative;width: auto;height: auto;}
.banner-index .btn{right: 50%;
    margin-right: -40px;
    bottom: 20px;
    z-index: 1;
    overflow: hidden;
    position: absolute;}
.banner-index .btn a{display: block;width: 16px;height: 16px;margin: 10px 5px;border: 1px solid transparent;border-radius: 50%; float: left;}
.banner-index .btn a i{display: block;width: 8px;height: 8px;margin: 3px auto;background: #fff;border-radius: 50%;}
.banner-index .btn a.active{border-color: #00a9ea;}
.banner-index .btn a.active i{background: #00a9ea;}
.banner-index-mobile{display: none;}
.banner-index video{height:auto!important; width: 100%;}



/*关于我们*/
.index_about{width:100%; height: auto; overflow: hidden; padding-left:27%; margin-top: 54px; }
.index_about_left{width:45.5%; height: auto; float: left}
.in_ab_title{width:100%; height: auto; overflow: hidden}
.in_ab_title h4{color:#333333; font-size: 48px; font-weight: bold; font-family: "Arial"; opacity: 0.1; text-transform: uppercase}
.in_ab_title h3{color:#1d191a; font-size: 36px; font-weight: bold; margin-top: -38px; }
.in_ab_title hr{width:39px; height: 3px; background: #01a9ea; display: block; margin-top: 10px;}
.in_ab_xx{width:100%; height: auto; display: block; font-size: 16px; color: #333333;  line-height:30px; margin: 48px 0 60px }
.index_about_left dl{float: left;  text-align: center; position: relative; position: relative; padding-right: 72px; margin-right:8%}
.index_about_left dl dt{color:#333333; font-size: 16px;}
.index_about_left dl dt span{color:#1d191a; font-weight:bold; font-size: 48px;}
.index_about_left dl dd{color:#333333; font-size: 16px;}
.index_about_left dl:hover span{color:#01a9ea}
.index_about_left dl:after{content: ""; width: 1px; height: 37px; background: #eeeeee; position: absolute; top:24px; right:0}
.index_about_left dl:last-child{margin-right: 0; padding-right: 0}
.index_about_left dl:last-child:after{display: none}
.index_about_right{width:50.2%; height: auto; float: right}
.index_about_right .swiper-slide a{width:100%; height: auto; display: block}
.index_about_right .swiper-slide a img{width:100%; height: auto;display: block}
.index_about_right .swiper-pagination-bullet{width:10px; height: 10px;  background: #fff; opacity: 1}
.index_about_right .swiper-pagination-bullet-active{background: #01a9ea}
.index_about_right .swiper-pagination{width:auto; left:40px; bottom:30px;}



/*产品*/
.index_product{width:100%; height: auto; overflow: hidden; background: url(../images/product_bjs.jpg) no-repeat center; margin-top: 71px;  padding: 78px 14% 124px 27%}
.in_pro_title{width:100%; height: auto; overflow: hidden}
.in_pro_title h4{color:#fff; font-size: 48px; font-weight: bold; font-family: "Arial"; opacity: 0.1; text-transform: uppercase}
.in_pro_title h3{color:#fff; font-size: 36px; font-weight: bold; margin-top: -38px; }
.in_pro_title hr{width:39px; height: 3px; background: #01a9ea; display: block; margin-top: 10px;}
.index_product .swiper-container{width:100%; height: auto; overflow: hidden; margin-top: 90px;}
.index_product .swiper-slide a{width:100%; height: auto; display: block; padding-bottom: 40px}
.in_pro_pic{width:100%; height: auto; overflow: hidden}
.in_pro_pic img{width:65%; height: auto; display: block; margin: 0px auto;}
.in_pro_xx{width:100%; height:213px; background: rgba(255,255,255,0.9);  position: absolute; bottom:24px; left:0; padding: 22px 48px;}
.in_pro_xx h3{width:100%; height: 46px; line-height: 46px; border-bottom: 1px solid #000; font-size: 18px; color:#333333; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.in_pro_xx p{width:100%; height:90px; line-height: 30px; color:#333333; font-size: 16px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden; margin-top:10px;}
.index_product .swiper-slide a i{width:48px; height: 48px; background: url(../images/p_hjts.png) no-repeat center; display: block; position: absolute; bottom:0; right:84px;}
.index_product .swiper-slide a:hover .in_pro_xx{background: rgba(1,169,234,0.7)}
.index_product .swiper-slide a:hover h3,.index_product .swiper-slide a:hover p{color:#fff}
.index_product .swiper-slide a:hover h3{border-bottom: 1px solid #fff}
.index_product .swiper-slide a:hover i{background: url(../images/p_jts.png) no-repeat center}



/*案例*/
.index_case{width:100%; height: auto; overflow: hidden; padding-left: 27%; }
.index_case_title{width:100%; height:432px; background: url(../images/case_t.jpg) no-repeat right center;  padding-top: 70px;}
.index_case_title h4{color:#333333; font-size: 48px; font-weight: bold; font-family: "Arial"; opacity: 0.1; text-transform: uppercase}
.index_case_title h3{color:#1d191a; font-size: 36px; font-weight: bold; margin-top: -38px; }
.index_case_title hr{width:39px; height: 3px; background: #01a9ea; display: block; margin-top: 10px;}
.in_case_xx{width:50%; height: auto; overflow: hidden; color:#333333; font-size: 16px; line-height: 30px; margin: 43px 0 68px; display: block}
.c_more{color:#333333; font-size: 12px; background: url(../images/hh_jts.png) no-repeat right center; padding-right:75px; text-transform: uppercase}
.index_case_bottom{width:100%; height: auto; overflow: hidden; padding-right: 14%}
.index_case_bottom .swiper-slide a{width:100%; height: auto; display: block; overflow: hidden}
.index_case_bottom .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;}

.index_case_bottom .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_news{width:100%; height:1134px; background: url(../images/news_bjs.jpg) no-repeat center right ; margin-top: 48px; padding-left: 27%; padding-right: 14%; 
	padding-top: 102px;}
.index_news_top{width:100%; height: auto; overflow: hidden}
.in_news_title{width:auto; float: left}
.in_news_title h4{color:#fff; font-size: 48px; font-weight: bold; font-family: "Arial"; opacity: 0.3; text-transform: uppercase}
.in_news_title h3{color:#fff; font-size: 36px; font-weight: bold; margin-top: -38px; }
.in_news_title hr{width:39px; height: 3px; background: #fff; display: block; margin-top: 10px;}
.index_news_top a{color:#fff; font-size: 12px; background:url(../images/bb_jts.png) no-repeat right center; padding-right:70px; text-transform: uppercase; float: right;  margin-top: 30px;}
.index_news_top a:hover{font-weight:bold;}
.index_news_bottom{width:51%; height: auto; overflow: hidden; float: right;  margin-top:220px}
.txtScroll-top{ overflow:hidden; position:relative; }
.txtScroll-top .hd{  }
.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:39px; height:39px; float:right; margin-left:20px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; }
.txtScroll-top .hd .next{background: url(../images/n_right.png) no-repeat center}
.txtScroll-top .hd .prev{background: url(../images/n_left.png) no-repeat center}
.txtScroll-top .hd .next:hover{background: url(../images/nh_right.png) no-repeat center}
.txtScroll-top .hd .prev:hover{background: url(../images/nh_left.png) no-repeat center}


.txtScroll-top .bd{width:100%; height: auto; overflow: hidden}
.infoList li{width:100%; height: auto; overflow: hidden; margin-bottom: 40px;}
.in_news_time{width:84px; height: auto; float: left; text-align: center}
.in_news_time p{color:#fff; font-size: 36px; font-weight: bold;}
.in_news_time span{color:#fff; font-size: 16px; display: block}
.in_news_xx{margin-left: 110px;}
.in_news_xx h3{width:100%; height: 30px; line-height: 30px; color: #ffffff; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 
	font-weight: bold;}
.in_news_xx p{width:100%; height: 60px; line-height: 30px; color: #ffffff; font-size: 16px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; opacity: 0.7}
.infoList li:hover h3,.infoList li:hover p{color:#01a9ea}





/*客户*/
.index_kehu{width:100%; height: auto; overflow: hidden; padding-left: 27%; margin-top: 68px;}
.index_kehu_title{width:100%; height: auto; overflow: hidden}
.index_kehu_title h4{color:#333333; font-size: 48px; font-weight: bold; font-family: "Arial"; opacity: 0.1; text-transform: uppercase}
.index_kehu_title h3{color:#1d191a; font-size: 36px; font-weight: bold; margin-top: -38px; }
.index_kehu_title hr{width:39px; height: 3px; background: #01a9ea; display: block; margin-top: 10px;}
.index_kehu_all{width:100%; height: auto; overflow: hidden; margin-top: 35px; padding-right: 14%}
.index_kehu_all .swiper-slide a{width:100%; height: auto; display: block}
.index_kehu_all .swiper-slide a img{width:100%; height: auto; display: block;  -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5}
.index_kehu_all .swiper-slide a:hover img{opacity: 1;  -webkit-filter: grayscale(0); filter: grayscale(0); }



/*产品中心*/
.ny_all{width:100%; height: auto; overflow: hidden; padding:0 14% 0 27%; margin-top: 90px; margin-bottom:40px;}
.ny_post{width:100%; height: auto; overflow: hidden; margin-bottom: 72px;}
.ny_post_left{width:auto; float: left; background: url(../images/home.png) no-repeat left center; padding-left: 30px; font-size: 14px; color: #999999; 
	margin-top:78px;}
.ny_post_left a{font-size: 14px; color: #999999}
.ny_post_right{width:auto; float: right; text-align: right}
.ny_post_right h3{color:#333333; font-size: 30px; font-weight: bold;}
.ny_post_right h4{color:#333333; font-size: 60px; font-weight: bold; font-family: "Arial";opacity: 0.2; text-transform: uppercase}
.ny_post_right hr{width:104px; height: 3px; background: #01a9ea; display: block; float: right; border: 0; margin-top: 5px;}
.ny_nav{width:100%; height: auto; overflow: hidden}
.ny_nav a{width:16%; height: 40px;  margin-right: 5%; border-bottom: 1px solid #e5e5e5; color:#333333; float: left; font-size: 16px; margin-bottom: 40px;}
.ny_nav a:nth-child(5n){margin-right: 0}
.ny_nav a:hover,.ny_nav a.active{color:#01a9ea; border-bottom: 1px solid #01a9ea; font-weight: bold;}
.ny_product{width:100%; height: auto; overflow: hidden; margin-top:80px;}
.ny_product ul{width:100%; height: auto; overflow: hidden}
.ny_product ul li{width:46%; height: auto; float: left; position: relative; margin-bottom:110px;}
.ny_product ul li a{width:100%; height: auto; display: block; position: relative}
.ny_product ul li:nth-child(2n){float: right}
.ny_pro_pic{width:100%; height: auto; overflow: hidden}
.ny_pro_pic img{width:65%; height: auto; display: block; margin: 0px auto; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_pro_xx{width:100%; height:213px; background: rgba(29,25,26,0.7);  position: absolute; bottom:0; left:0; padding: 22px 48px;}
.ny_pro_xx h3{width:100%; height: 46px; line-height: 46px; border-bottom: 1px solid #fff; font-size: 18px; color:#fff; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_pro_xx p{width:100%; height:90px; line-height: 30px; color:#fff; font-size: 16px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden; margin-top:10px;}
.ny_product ul li i{width:86px; height: 86px; background: url(../images/np_hjts.png) no-repeat center; display: block; position: absolute; bottom:-42px; right:84px;}
.ny_product ul li:hover .ny_pro_xx{background: rgba(1,169,234,0.7)}
.ny_product ul li:hover h3,.ny_product ul li:hover p{color:#fff}
.ny_product ul li:hover h3{border-bottom: 1px solid #fff}
.ny_product ul li:hover i{background: url(../images/np_jts.png) no-repeat center}
.ny_product 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_xqjs{width:100%; height: 80px; background: #1d191a; padding: 0 26px; margin-top: 60px;}
.ny_product_xqjs h3{color:#ffffff; font-size: 24px; font-weight: bold; background: url(../images/yuan.png) no-repeat left center; line-height: 80px; 
	padding-left:20px;}
.product_xqjs_show{width:100%; height: auto; overflow: hidden; margin: 20px 0 50px; color:#666; line-height: 28px; font-size: 16px;}
.product_xqjs_show img{max-width: 100%}
.ny_pro_tright{ margin-left: 450px; padding-top: 34px;}
.n_pro_mc{width:100%; height: auto; border-bottom: 1px solid #01a9ea; color:#333333; font-size: 24px; font-weight: bold; padding-bottom:20px;}
.ny_pro_tright h1{color:#333333; font-size: 24px; margin-top: 20px;}
.ny_pro_24{width:100%; height: 95px; background: #eeeeee; margin-top: 42px; padding-left: 40px; padding-top: 30px;}
.ny_pro_24 p{color:#333333; font-size: 16px; font-weight: bold; background: url(../images/pro_dhs.png) no-repeat left center; padding-left: 40px; height: 40px; line-height: 40px; }
.ny_pro_24 span{color:#01a9ea; font-size: 24px; font-weight: bold; font-family: "宋体"}
.ny_product_top{width:100%; height:auto; overflow:hidden}
.ny_pro_tleft{width:400px; height:auto; float:left;}
.ny_news_show{font-size:16px; color:#666; line-height:30px;}
.ny_news_show p{font-size:16px; color:#666; line-height:30px;}


/*案例*/
.ny_case{width:100%; height: auto; overflow: hidden; margin-top: 56px; margin-bottom: 50px;}
.ny_case ul{width:100%; height: auto; overflow: hidden}
.ny_case ul li{width:32.3%; height: auto; float: left; margin-bottom: 30px; margin-right:1.5%}
.ny_case_pic{width:100%; height: auto; overflow: hidden; position: relative}
.ny_case_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_case_hover{width:100%; height: 100%; background: rgba(1,169,234,0.6); position: absolute; top:100%; left:0; transition: all 0.4s ease-in-out;}
.ny_case_hover i{width:40px; height: 40px; background: #ffffff; border-radius: 50%; text-align: center;line-height: 40px; color:#0399f8; font-size: 16px; 
	display: block; box-shadow: 0 0 6px rgba(0,0,0,0.2); position: absolute; top:50%; left:50%; margin-top: -20px;  margin-left: -20px;}
.ny_case ul li h3{width:100%; height: 50px; line-height: 50px; text-align: center; color:#333333; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_case ul li:nth-child(3n){margin-right: 0}
.ny_case ul li:hover .ny_case_hover{top:0; transition: all 0.4s ease-in-out;}
.ny_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;}



/*新闻资讯*/
.ny_news{width:100%; height: auto; display: block; margin-top:40px; margin-bottom: 40px;}
.ny_news ul{width:100%; height: auto; display: block; margin-bottom: 40px;}
.ny_news ul li{width:100%; height: auto; display: block; overflow: hidden; margin-bottom: 60px;}
.ny_news_pic{width:265px; height: auto; float: left; overflow:hidden}
.ny_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_xx{margin-left: 300px;}
.ny_news_xx h3{width:100%; height: 40px; line-height: 40px; color: #333333; font-size: 16px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; 
	white-space: nowrap; margin-bottom: 8px;}
.ny_news_xx p{width:100%; height: 60px; line-height: 30px; overflow: hidden; color:#333333; font-size: 16px; opacity: 0.7;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.ny_news_xx span{width:100%; height: 48px; line-height: 48px; background: url(../images/n_jts.png) no-repeat left center; padding-left:70px; color:#333333; 
	font-size: 16px; display: block; margin-top: 20px; }
.ny_news 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_news ul li:hover h3{color:#01a9ea}


/*联系我们*/
.ny_contact_xx{width:100%; height: auto; overflow: hidden; background: #eeeeee; margin-top: 54px; padding:2% 5%}
.ny_contact_xx h3{color:#333333; font-size: 24px;}
.ny_contact_xx hr{width:43px; height: 1px; background: #01a9ea; display: block; margin:16px 0 25px }
.ny_contact_xx p{color:#333333; font-size: 16px; float: left; width: 50%; line-height: 32px;}
.ny_map{width:100%; height: 335px; margin-top: 10px;}

.section-content{width:100%; height: auto; overflow: hidden; padding-left:22.5%; margin-top: 62px;}
.ny_liuyan_all{width:100%; height:610px; background: url(../images/ly_bjs.jpg) no-repeat center; padding: 54px 14% 0 8% }
.ny_title_2{width:100%; height: auto; overflow: hidden}
.ny_title_2 h2{color:#fff; font-size: 24px;}
.ny_title_2 hr{width:43px; height: 1px; background: #01a9ea; display: block; margin:16px 0 25px }
.ny_title_2 p{color:#ffffff; font-size: 16px;}
.ly_text{width:100%; height:66px; margin-top: 58px }
.ly_text p{width:32.6%; height:100%; float: left; position: relative; border: 1px solid #fff; margin-right: 1%}
.ly_text p input[type="text"]{width:100%; height: 100%; border: 0; background:none; font-size: 16px; color: #fff; padding: 0 10px;}
.ly_text p:last-child{margin-right: 0}

::-webkit-input-placeholder {
    color:#fff;  
}  
:-moz-placeholder {
   color:#fff;  
   opacity:  1;  
}  
::-moz-placeholder {
   color:#fff;  
   opacity:  1;  
}  
:-ms-input-placeholder {
   color:#fff;  
}  

.ny_liuyan_all textarea{width:100%; height:152px; overflow: hidden; resize: none; margin-top:20px; border: 1px solid #fff; padding: 10px;  font-size: 16px; 
	color: #fff; background: none;}
.ly_submit{width:468px; height: 66px; display: block; margin: 0px auto; border: 0; background: #c40c24; text-align: center; line-height: 66px; color:#fff; 
	font-size: 16px; margin-top: 28px; cursor:pointer  }
	
.ly_submit:hover{background:#fff; color:#c40c24}	
.ny_linian{width:100%; height: auto; overflow: hidden; padding-left:22.5%; }
.ny_linian_all{width:100%; height: auto; background: url(../images/rlzy_bjs.jpg) no-repeat top center;   padding: 86px 14% 0 6% }
.ny_linian_title{width:100%; height: auto; overflow: hidden}
.ny_linian_title h3{color:#333333; font-size: 24px;}
.ny_linian_title hr{width:43px; height: 1px; background: #01a9ea; display: block; margin:20px 0 25px }
.ny_linian ul{width:100%; height: auto; overflow: hidden; margin-bottom:30px; }
.ny_linian ul li{width:31.3%; height: 312px; float: left; background: #eeeeee; padding:36px; margin-right: 2%}
.ny_linian ul li h4{width:100%; height: 40px; line-height: 40px; color:#333333; font-size: 16px;}
.ny_linian ul li h4 span{color:#333333; font-size: 18px; font-weight: bold;}
.ny_linian ul li p{width:100%; height: auto; overflow: hidden; color:#333333; font-size: 16px; line-height: 30px; margin-top: 15px;}
.ny_zhaopin{width:100%; height: auto; overflow: hidden; margin-top: 98px; padding-left:22.5%;}
.ny_zhaopin_all{padding:0 14% 0 8%;}
.ny_zhaopin ul{width:100%; height: auto; overflow: hidden; margin-top:50px; margin-bottom: 40px;}
.ny_zhaopin ul li{width:100%; height: auto; overflow: hidden; padding: 30px 4%; border: 1px solid #dcdcdc; margin-bottom: 20px;}
.ny_zhaopin ul li h3{width:100%; height: auto; overflow: hidden; color:#333333; font-size: 18px; font-weight: bold;}
.ny_zhaopin ul li .ny_zp_xx{width:100%; height: auto; overflow: hidden; color:#333333; font-size: 18px; line-height: 30px; margin-top: 10px;}
.ny_linian_pic,.ny_linian_pic img{width:100%;}




/*关于我们*/
.about_one_xx{width:100%; height: auto; overflow: hidden; color:#333333; font-size: 14px; line-height: 30px;}
.about_one_xx p{margin-bottom: 20px; color:#333333; font-size: 14px; line-height: 30px;}
.ny_about_one{padding-left: 27%}
.ny_about_one img{margin-left: 40px;}
.ny_about_qywh{margin-left: 22.5%; height: 423px; background: url(../images/qywh_bjs.jpg) no-repeat center; padding-left:6%; padding-top: 26px; padding-right: 18%; margin-top: 40px; }
.ny_about_qywh h3{text-align: center; color:#fff; font-size: 36px; font-family: "宋体"; font-weight: bold; display: table; margin:80px auto 0;}
.ny_about_qywh h3 span{color:#01a9ea; font-size: 36px;  font-family: "宋体"}
.ny_about_qywh h3 i{width:6px; height: 6px; background: #fff; border-radius: 50%;  display:inline-block; vertical-align: middle; margin: 0 20px}
.ny_about_qywh p{color:#fff; line-height: 28px; font-size:14px; margin: 28px auto; text-align: center; padding: 0 45px}
.ny_about_honor{width:100%; height: auto; overflow: hidden;  margin-top: 75px;}
.ny_honor{width:100%; height: auto; position: relative}
.ny_honor .swiper-slide a{width:100%; height: auto; display: block}
.ny_honor .swiper-slide a img{width:100%; height: auto; display: block}
.ny_honor .swiper-button-next,.ny_honor .swiper-button-prev{width:39px; height: 39px;}
.ny_honor .swiper-button-next{background: url(../images/h_right.png) no-repeat center; right:-50px;}
.ny_honor .swiper-button-prev{background: url(../images/h_left.png) no-repeat center; left:-50px;}
.ny_changmao{width:100%; height: auto; overflow: hidden; margin-top: 92px}
.ny_changmao .slideGroup{ width:100%; }
.ny_changmao .slideGroup .parHd{width:100%; height: auto; overflow: hidden}
.ny_changmao .slideGroup .parHd ul{width:100%; height: auto; overflow: hidden}
.ny_changmao .slideGroup .parHd ul li{ float:left; width:46%; height: 50px; border-bottom: 1px solid #eeeeee; font-size:24px; color:#333333}
.ny_changmao .slideGroup .parHd ul li:nth-child(2n){float: right}
.ny_changmao .slideGroup .parHd ul li.on{border-bottom: 1px solid #01a9ea}
.ny_changmao .slideGroup .sPrev,.slideGroup .sNext{ position:absolute;  bottom:10px; display:block; width:42px; height:42px; z-index: 9 }
.ny_changmao .slideGroup .sNext{background: rgba(0,0,0,0.3) url(../images/cm_right.png) no-repeat center; right:10px}
.ny_changmao .slideGroup .sPrev{background: rgba(0,0,0,0.3) url(../images/cm_left.png) no-repeat center; right:58px}
.ny_changmao .slideGroup .sPrev:hover{background:#01a9ea url(../images/cm_left.png) no-repeat center}
.ny_changmao .slideGroup .sNext:hover{background:#01a9ea url(../images/cm_right.png) no-repeat center}
.parBd{width:100%; height: auto; overflow: hidden; margin-top:58px; }
.parBd_li{width:100%; height: auto; overflow: hidden}
.ny_changmao .slideGroup .slideBox{width:49.6%; height: auto; float: left; position: relative}
.ny_changmao .slideGroup .parBd ul{overflow:hidden; zoom:1;   }
.ny_changmao .slideGroup .parBd ul li{width:100%; height: auto; overflow: hidden}
.ny_changmao .slideGroup .parBd ul li img{width:100%; height: auto; display: block}
.parBd_pic{width:49.4%; height: auto; float: right}
.parBd_pic a{width:49%; height: auto; float: left; margin-bottom: 10px;}
.parBd_pic a:nth-child(2n){float: right}
.parBd_pic a img{width:100%; height: auto; display: block}
.ny_fzlc{height:504px; margin-left: 22.5%; background: url(../images/lc_bjs.jpg) no-repeat left center; padding:45px 12% 0 5%; margin-top: 50px; }
.ny_fzlc .ny_title_2 hr{background: #fff}
.fzlc_dian{width:100%; height: auto; overflow: hidden; margin:15px 0 20px; padding-left: 30px;}
.fzlc_xx{width:100%; height: 90px; overflow: hidden; color:#ffffff; font-size: 16px; line-height: 30px;}
.fzlc_nian{width:100%; height: auto; overflow: hidden; color:#fff; font-size: 16px; padding-left: 30px; }
.fzlc_nian span{color:#fff; font-weight: bold; font-size: 30px;}
.fzlc_li{width:100%; height: auto; overflow: hidden; position: relative; z-index: 9}
.ny_fzlc_all{width:100%; height: auto; position: relative; margin-top: 40px; padding-left:29px;}
.ny_fzlc_all:after{content: ""; width: 100%; height:7px; background: url(../images/lc_xs.png) no-repeat center; position: absolute; top:132px; left:0; 
	background-size: 100% 100%; z-index:0}
.ny_fzlc_all .swiper-slide:nth-child(odd){}
.ny_fzlc_all .swiper-slide:nth-child(even){padding-top:86px;}
.ny_fzlc_all .swiper-button-next,.ny_fzlc_all .swiper-button-prev{width:42px; height: 42px; top: -96px; margin-top: 0; right:0;}
.ny_fzlc_all .swiper-button-next{background: rgba(0,0,0,0.3) url(../images/cm_right.png) no-repeat center}
.ny_fzlc_all .swiper-button-prev{background: rgba(0,0,0,0.3) url(../images/cm_left.png) no-repeat center; left:auto; right:50px}




/*友情链接*/
.index_link{width:100%; height: auto; overflow: hidden;  padding-left: 27%; padding-right: 14%;  margin: 70px 0 40px}
.index_link i{width:102px; height:38px; float: left; background: url(../images/links.jpg) no-repeat center;}
.index_link_xx{margin-left:120px; height: auto; }
.index_link_xx a{color:#999999; font-size: 16px; line-height: 38px; margin: 0 10px; float: left}
.index_link_xx a:hover{color:#01a9ea}



/*底部*/
.footer{width:100%; height:auto; overflow: hidden; background:#1d191a; padding: 52px 14% 35px 27% }
.footer_left{width:48%; height: auto; float: left}
.f_logo{width:100%; height: auto; overflow: hidden; margin-bottom: 10px; display: block}
.f_logo img{width:62px; height: auto; float: left}
.f_logo dl{margin-left:70px;}
.f_logo dl dt{width:100%; height: 40px; line-height: 40px; color: #fff; font-size: 30px;}
.f_logo dl dd{width:100%; height: 30px; line-height: 30px; color: #fff; font-size:12px;}
.footer_xx{width:100%; height: auto; overflow: hidden}
.footer_xx p{color:#fff; font-size: 16px; line-height: 30px;}
.footer_right{float: right}
.footer_right h4{color:#fff; font-size: 14px; margin-bottom: 10px;}
.footer_right dl{width:110px; height: auto; float: left; margin-right: 26px;}
.footer_right dl dt{width:100%; height: auto; overflow: hidden}
.footer_right dl dt img{width:100%; height: auto;}
.footer_right dl dd{width:100%; height: 40px; line-height: 40px; text-align: center; color:#fff; font-size: 14px; text-align: center}
.footer_right dl:last-child{margin-right: 0}
.footer_bottom{width:100%; height:auto; background: #1d191a; border-top:1px solid #5c5c5c;  overflow: hidden; padding: 10px 0 10px 27%}
.copy_bq{width:auto; height:40px; line-height:40px; position: relative; color:#fff; font-size:14px; float: left}
.copy_bq a{color:#fff; font-size:14px; margin-right: 10px;}
.copy_bq a:hover{color:#fc0001!important}
.footer_zhichi{width:auto; height:100%; overflow: hidden; float: left;  margin-left: 2%}
.footer_zhichi p{ width: auto; float: left; margin-right: 20px;   color:#fff; line-height:40px;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:10px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:10px; }
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat}
.footer_zhichi span{float: left; font-size:14px; color: #fff;}
.footer_zhichi i{ float: left;}
.footer_links{width:100%; height: auto; overflow: hidden; margin: 10px 0}
.footer_links p{color:#777777; font-size:16px; float: left; line-height: 30px; }
.f_links{float: left; margin-left:20px;}
.f_links a{color:#777777; font-size: 16px; margin-right: 20px; line-height: 30px;}
.f_links a:hover{color:#0b86c9}



/*弹出视频*/
.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:360px;}
.sj_video{width:100%; height:auto; overflow:hidden; display:none;}



/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:250px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.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: 8px;
    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: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#01a9ea;
    height: 62px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}



@media screen and (max-width:1680px){

	.ny_liuyan_all{padding:54px 5% 0 8%}
	.ny_linian_all{padding:86px 5% 0 6%}
	.ny_zhaopin_all{padding:0 5% 0 8%}
	.footer_left{width:59%}
	.ny_all{    padding: 0 5% 0 27%;}

}
@media screen and (max-width:1560px){
	
	.fzlc_nian span{font-size:26px;}
	.ny_fzlc_all .swiper-slide:nth-child(even){padding-top:58px}
	.fzlc_nian{height:62px;}
	.h_bottom_left h4{font-size:16px;}
	
}


@media screen and (max-width:1440px){
	.header_bottom{padding: 24% 6% 6% 0;}
	.index_news_bottom{width:62%}
	.footer_zhichi span,.copy_bq a{font-size: 12px;}
	.footer_zhichi p{margin-right: 0}
	.ny_linian ul li{height:370px;}
}



@media screen and (max-width:1390px){
	.header_bottom{padding: 15% 6% 6% 0;}
	.index_about_left dl{margin-right: 9%}
	.in_ab_title h4{font-size: 40px;}
	.ny_info {padding: 0 5% 0 27%;}
	.ny_fzlc{padding:45px 5% 0 5%}
	.ny_all{padding:0 5% 0 27%}
	.ny_post_right h4{font-size:40px;}
	.ny_post_left{margin-top:50px;}


}

@media screen and (max-width:1280px){
	
	.index_about_left dl{padding-right: 60px}
	.h_img{width:45px}
	
	
}