@charset "utf-8";
@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-size: 14px;}
img{ border:0;}
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;}
.w1440{ width:1440px; margin: 0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.container{width:1440px; margin: 0 auto}

*:focus {
  border: none;
  outline: none;
}

.h_logo{max-width:240px; width: 10%;  height:100px; float: left; display: flex; align-items: center; }
.h_logo img{max-width:100%; height: auto; align-items: center; margin: 0px auto;}
.h_yuyan{float: right; position: relative; text-align: center; z-index: 2; height:100px; background:url(../images/yy_icon.png) no-repeat  center; width:34px}
.h_yuyan a{font-size: 16px; color: #333333}
.h_yuyan_p{width:auto; height: auto; overflow: hidden; background: #fff; padding:5px 20px; position: absolute; top:70px; left:-30px; z-index: 9; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: none}
.h_yuyan_p a{color:#333; display: block; font-size: 16px; line-height:30px; margin-bottom:5px; }
.h_yuyan_p a:hover{color:#0141a5}
.h_yuyan:hover .h_yuyan_p{display: block}




/*导航*/
.header_nav{width:100%; height:100px; position:fixed; top:0; left:0; z-index:999;  display: flex; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between; padding: 0 5%}
#menu{width:38%; height:100px; position: relative; z-index:9; }
#menu .nav{ position:relative; z-index:1;   width:100%; height:100px; display: flex; align-items: center; justify-content: center;}
#menu .nav .nLi{ float:left;  position:relative; display:inline;height:100px; line-height:100px; width:20%;}
#menu .nav .nLi p{font-weight: normal; width:auto; text-align:center;  z-index: 2; position: relative;  display: table; margin: 0px auto;}
#menu .nav .nLi p a{color:#fff;font-size:18px; height:100%; overflow: hidden; position: relative; display: block; font-weight: bold; }
#menu .nav .sub{ display:none; width:140px; left:50%; margin-left: -70px; top:80px;  position:absolute;  line-height:30px; z-index: 99999; background: #eee}
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height:auto; font-size: 15px;  color:#333; margin:6px 0}
#menu .nav .sub a:hover{ color:#2c69fa;  }

.f_top{background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.1)}
.logo2{display:none}
.f_top .logo1{display:none}
.f_top .logo2{display:block}
.f_top #menu .nav .nLi p a{color:#000}
.f_top .h_yuyan{background:url(../images/yy_hicon.png) no-repeat center}
#menu .nav .active p a,#menu .nav .nLi:hover p a{color:#0141a5!important}


/* 首页:banner */
.banner{ width:100%; position: relative; overflow: hidden; }
.banner .swiper-container{width:100%; }
.banner .swiper-slide{overflow: hidden}
.banner .slide-inner{width:100%; height: auto; overflow: hidden}
.banner .slide-inner img{width:100%; display: block; height:auto;  }
.banner .swiper-pagination{bottom:5%; color:#fff; font-size: 16px;}
.banner .swiper-pagination-bullet{width:14px; height: 14px; background: #fff; }
.banner .swiper-pagination-bullet-active{opacity: 1; background: #0141a5}
.ban_info{width:auto; height: auto; overflow: hidden; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-align: center}
.ban_info h4{color:#fff; font-size: 60px; font-weight: bold; margin-bottom: 10px;}
.ban_info h5{color:#fff; font-size: 36px; }
.ban_info_link{width:auto; display: table; margin:50px auto 0;}
.ban_info_link a{width:270px; height: 60px; background: #0141a5; border-radius: 30px; text-align: center; line-height: 60px; font-size: 20px; float: left; color:#fff; margin: 0px 10px;}
.ban_info_link a:nth-child(2){background: #d07232}



/*主营业务*/
.index_yewu{width:100%; height: auto; overflow: hidden; margin: 100px 0 0}
.index_yspl_title{width:100%; height: auto; overflow: hidden; text-align: center}
.index_yspl_title h5{color:#f2f2f2; font-size: 62px; font-weight: bold; line-height: 70px; text-transform: uppercase}
.index_yspl_title h4{color:#212529; font-size: 48px; font-weight: bold; margin-top: -40px}
.index_yewu_left{width:37%; height: auto; float: left; margin-top:60px;}
.index_yewu_left dl{width:100%; height: auto; overflow: hidden; margin-bottom: 42px;}
.index_yewu_left dl dt{width:80px; height: auto; float: left; text-align: center}
.index_yewu_left dl dt img{max-width:100%}
.index_yewu_left dl dd{width:306px; height: auto; float: left; margin-left: 50px; transition: all 0.4s ease-in-out;}
.index_yewu_left dl dd h4{color:#fff; font-size: 24px;}
.index_yewu_left dl dd hr{width:100%; height:1px; background: #fff; display: block; border: 0; margin:20px 0 10px}
.index_yewu_left dl dd h5{color:#333333; font-size: 16px; line-height: 30px;}
.index_yewu_right{width:584px; height: auto; float: right; position: relative; margin-top:60px; text-align: center}
.index_yewu_right img.yewu_right_img{max-width:100%;}
.xian{width:584px; position: absolute; top:57px; right:0; -webkit-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
    -webkit-animation: circle2 8s infinite linear;
    animation: circle2 8s infinite linear;     -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
.xian2{width:489px; position: absolute; top:-14px; right:47px;  }
.index_yewu_right a{width:110px; height:110px; background: #0141a5; border-radius: 50%; text-align: center; position: absolute; top:0; right:80px; 
	padding-top:35px;}
.index_yewu_right a p{color:#fff; font-size: 18px; margin-bottom:10px;}
.index_yewu_left dl:hover dd{margin-left: 40px}


.index_yewu_right ul{width:500px; height:500px; overflow:hidden; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.index_yewu_right ul li{width:31px; height:41px; position:absolute; }
.index_yewu_right ul li img{width:100%; display:block}
.yw1{top:86px; left:96px; animation:mymove 3s infinite;}
.yw2{top:32px; left:295px; animation:mymove 3s infinite;}
.yw3{top:88px; left:202px; animation:mymove 2s infinite;}
.yw4{top:157px; right:104px; animation:mymove 2s infinite;}
.yw5{top:250px; right:68px; animation:mymove 3s infinite;}


@keyframes mymove
{
	 0% {
			transform: translate(0px, 0px);
		}
		50% {
			transform: translate(0px, -8px);
		}
		100% {
			transform: translate(0px, 0px);
		}

}

 @-webkit-keyframes mymove
{
	 0% {
			transform: translate(0px, 0px);
		}
		50% {
			transform: translate(0px, -8px);
		}
		100% {
			transform: translate(0px, 0px);
		}

}


.index_yewu_all{width:100%; height:690px; overflow:hidden; background:url(../images/zyyw_bjs1.jpg) no-repeat center; padding:60px 0; margin-top:40px; background-size:cover;}







/*优势*/
.index_khys{width:100%; height: 730px; background: url(../images/youshi_bjs.jpg) no-repeat center; background-attachment: fixed; background-size: cover;
	padding: 96px 0 99px}
.index_about_tt{width:100%; height: auto; overflow: hidden; text-align: center}
.index_about_tt h5{color:#fff; font-size: 62px; font-weight: bold; line-height: 70px; opacity: 0.2; text-transform: uppercase}
.index_about_tt h4{color:#fff; font-size: 48px; font-weight: bold; margin-top: -40px}
.index_khys ul{width:100%; height: auto; overflow: hidden; margin-top: 56px;}
.index_khys ul li{width:18.8%; height:390px; float: left; background: rgba(0,68,118,0.6); float: left; margin-right:1.5%; padding-top:80px; text-align: center; margin-bottom:25px;}
.index_khys ul li:nth-child(5){margin-right: 0}
.index_khys_icon{width:100%; height:70px; display: flex; align-items: center; margin-bottom: 20px;}
.index_khys_icon img{max-width: 100%; max-height: 100%; align-items: center; margin: 0px auto; -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;}
.index_khys ul li h4{color:#fff; font-size: 22px;}
.index_khys ul li p{color:#fff; font-size: 16px; line-height: 30px; margin-top:26px;}
.index_khys ul li:hover{background: #0141a5}
.index_khys ul li:hover .index_khys_icon img{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg);}



/*产品*/
.index_products{width:100%; height: auto; overflow: hidden; margin: 100px 0}
.index_products_fbt{width:100%; height: auto; overflow:hidden; color: #212529; font-size: 20px; margin:26px 0; text-align: center}
.index_products_title{width:auto; height: auto; text-align: center; display: table; margin: 0px auto}
.index_products_title a{width:180px; height: 42px; background: #f5f5f5; text-align: center; line-height: 42px; font-size:16px; color: #212529; float: left; margin:0 10px;}
.index_products_title a:hover{background: #0141a5; color:#fff}
.index_products_all{width:100%; height: auto; overflow: hidden; margin-top: 30px; }
.index_products_all ul{padding:20px 10px; width:100%; height:auto; overflow:hidden}
.index_products_all ul li{width:32%; height:auto; float:left; margin-right:2%; margin-bottom:20px;}
.index_products_all ul li:nth-child(3n){margin-right:0}
.in_pro_li{width:100%; height: auto; overflow: hidden; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 10px;}
.index_pro_pic{width:100%; height: auto; overflow: hidden}
.index_pro_pic img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_pro_xx{width:100%; height: auto; overflow: hidden; margin: 15px 0 25px}
.index_pro_xx h4{color:#212529; font-size: 22px; width: 100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_pro_xx p{color:#777777; font-size: 16px; width: 100%; height:30px; line-height:30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_pro_nav{width:100%; height: auto; overflow: hidden}
.index_pro_nav a{width:49%; height:44px; line-height: 44px; text-align: center; font-size: 16px; color: #fff; float: left; text-overflow: ellipsis; 
	overflow: hidden; white-space: nowrap; background: #0141a5}
.index_pro_nav a:nth-child(2){background: #d07232; float: right}
.in_pro_li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.in_pro_li:hover h4{color:#0141a5}




/*关于我们*/
.index_about{width:100%; height:auto; overflow: hidden; background: url(../images/about_bjs.jpg) no-repeat; background-attachment: fixed; background-size: cover; padding-top: 100px;}
.index_about_xx{width:80%; height: auto; overflow: hidden; display: block; margin:30px auto; text-align: center; font-size: 18px; color: #fff; 
	line-height: 34px; }
.index_about_xx p{font-size: 18px; color: #fff; line-height: 34px;}
.index_about_num{width:80%; height: auto; margin:0px auto; display: flex; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;}
.index_about_num dl{width:auto; text-align: center}
.index_about_num dl dt span{color:#fff; font-size: 80px; font-weight: bold;}
.index_about_num dl dt{font-size: 16px; color: #fff}
.index_about_num dl dd{color:#fff; font-size:18px;}
.index_about_li{width:100%; height: auto; overflow: hidden; margin-top: 62px}
.index_about_li li{width:33.33%; height: auto; float: left; position: relative; overflow: hidden; }
.index_about_li li:after{content:""; width:100%; height:100%; background:rgba(0,68,118,0.8); position:absolute; top:0; left:0}
.about_li_img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.about_li_hover{width:100%; height: auto; overflow: hidden; position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); text-align: center; 
transition: all 0.4s ease-in-out; z-index:2}
.about_li_hover h4{color:#fff; font-size: 22px;}
.about_li_hover h5{color:#fff; font-size: 16px; margin:28px auto;}
.index_about_li li:hover .about_li_img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.index_about_li li:hover .about_li_hover{margin-top:-10px;}
.index_about_li li:hover:after{background:rgba(0,150,229,0.9)}






/*服务保障*/
.index_service{width:100%; height: auto; overflow:hidden; margin: 70px 0}
.index_service ul{width:auto; height: auto; overflow: hidden; margin: 44px auto 0; display: table}
.index_service ul li{width:auto; height: auto; float: left; text-align: center; margin: 0 60px}
.index_service_icon{width:200px; height: 200px; margin: 0px auto; position: relative; padding:14px;}
.index_service_icon:after{content: ""; width: 100%; height: 100%; background: url(../images/yuan_dian.png) no-repeat center; position: absolute; top:0; left:0;  }
.index_service ul li:hover .index_service_icon:after{animation:circleRoate 5s infinite linear ;}
@keyframes circleRoate{  
	 from{transform: rotate(0deg);}  
	to{transform: rotate(360deg);}  
 } 
.service_icon_img{width:100%; height: 100%; background: #ebf3ff; display: flex; align-items: center; border-radius: 50%}
.service_icon_img img{align-items: center; margin: 0px auto; max-width: 100%}
.index_service ul li h4{color:#212529; font-size:22px; margin:25px 0 15px}
.index_service ul li p{color:#777777; font-size: 16px;}
.index_service ul li:hover .service_icon_img{background: #0141a5}
.index_service ul li:hover .service_icon_img img{filter: brightness(0) invert(1); -webkit-filter:  brightness(0) invert(1);
            -moz-filter:  brightness(0) invert(1);
            -ms-filter: brightness(0) invert(1);
            -o-filter:  brightness(0) invert(1);}



/*应用领域*/
.index_case{width:100%; height: auto; overflow: hidden; padding: 68px 0; background: #f4f5f7}
.index_news_title{width:100%; height: auto; overflow: hidden; text-align: center}
.index_news_title h5{color:#fff; font-size: 62px; font-weight: bold; line-height: 70px; text-transform: uppercase}
.index_news_title h4{color:#212529; font-size: 48px; font-weight: bold; margin-top: -40px}
.index_case .swiper-container{width:100%; height: auto; overflow: hidden; margin-top: 40px;}
.index_case .swiper-slide a{width:100%; display: block}
.index_case_pic{width:100%; height: auto; overflow: hidden; position: relative}
.index_case_pic img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_case_pic:after{content: ""; width: 100%; height: 100%; background: rgba(8,150,229,0.8) url(../images/case_jts.png) no-repeat center; position: absolute; top:0; left:0; opacity: 0}
.index_case .swiper-slide a:hover .index_case_pic:after{opacity: 1}
.index_case .swiper-slide a h4{width:100%; height: 40px;  line-height: 40px; color: #ffffff; font-size: 16px; text-overflow: ellipsis; overflow: hidden; 
	white-space: nowrap; text-align: center}
.index_case .swiper-slide a:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.index_case .swiper-slide a h4{color:#212529; font-size: 22px; text-align: center; width: 100%; height:40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top:10px;}
.index_news_btn{width:710px; position: relative; margin:30px auto 0;}
.in_nmore,.in_nzixun{width:215px; height: 44px;  float: left; color: #fff; font-size:16px; text-align: center; line-height: 44px;}
.in_nmore{background: #0141a5; margin-left:135px}
.in_nzixun{background: #d07232; margin-left: 10px;}
.index_news_btn .swiper-button-next,.index_news_btn .swiper-button-prev{width:123px; height: 44px; margin: 0; top:0; z-index:1}
.index_news_btn .swiper-button-next{background:#cee0f7 url(../images/nh_right.png) no-repeat center; right:0}
.index_news_btn .swiper-button-prev{background:#cee0f7 url(../images/nh_left.png) no-repeat center; left:0}
.index_news_btn .swiper-button-next:hover{background:#cee0f7 url(../images/n_right.png) no-repeat center; right:0}
.index_news_btn .swiper-button-prev:hover{background:#cee0f7 url(../images/n_left.png) no-repeat center; left:0}


/*运输品*/
.index_yspl{width:100%; height: auto; overflow: hidden; margin: 105px 0 70px}
.index_yspl ul{width:100%; height: auto; overflow: hidden; padding:20px 10px; margin-top: 10px}
.index_yspl ul li{width:18.8%; height:140px; float: left; margin-right: 1.5%;  background: #fff; box-shadow: 0 0 12px rgba(0,0,0,0.15); margin-bottom: 20px; padding-top: 20px; position: relative}
.index_yspl ul li a{position:relative; z-index: 2}
.index_yspl ul li:nth-child(5n){margin-right: 0}
.index_yspl ul li h3{color:#212529; font-size: 22px; text-align: center}
.index_yspl_pic{width:100%; height: auto; text-align: center; display: flex; align-items: center; margin:12px auto}
.index_yspl_pic img{align-items: center; margin: 0px auto;}
.index_yspl ul li:hover h3{color:#fff}
.index_yspl ul li:hover .index_yspl_pic img{filter: brightness(0) invert(1); -webkit-filter:  brightness(0) invert(1);
            -moz-filter:  brightness(0) invert(1);
            -ms-filter: brightness(0) invert(1);
            -o-filter:  brightness(0) invert(1);}

.index_yspl ul li:after{content: ""; width: 100%; height:0; background: #0141a5; position: absolute; bottom:0; left:0; transition: all 0.4s ease-in-out;}
.index_yspl ul li:hover:after{height: 100%}


/*合作伙伴*/
.index_hezuo{width: 100%; height: auto; overflow: hidden; background:#e8eaef; padding: 70px 0}
.index_hezuo .swiper-slide a{width:100%; display: block; overflow: hidden}
.index_hezuo .swiper-slide a img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_hezuo .swiper-slide a:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}


/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden;  background: #f4f5f7; padding: 100px 0}
.index_news_top{width:100%; height: auto; overflow: hidden; margin-top: 60px;}
.index_news_top .swiper-container{margin-bottom: 40px}
.index_news_top .swiper-slide a{width:100%; height: auto; display: block; overflow: hidden}
.index_news_pic{width:100%; height: auto; overflow:hidden }
.index_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;}
.index_news_xx{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.index_news_xx h4{width:100%; height:40px; line-height:40px; overflow: hidden; color: #212529; font-size:22px; text-overflow: ellipsis; overflow: hidden;
	white-space: nowrap }
.index_news_xx p{width:100%; height:48px; overflow: hidden; color:#777777; font-size:14px; line-height:24px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.index_news_xx span{color:#777777; font-size: 16px; margin:20px auto 15px; display: block}
.index_news_top .swiper-slide a:hover .index_news_pic img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.index_news_top .swiper-slide a:hover h4{color:#0141a5}




/*内页banenr*/
.ny_banner{width:100%; height:380px; overflow: hidden; position: relative; background-size:cover!important }
.ny_banner .in_header{position:absolute; top:0; left:0}
.about_ban{background: url(../images/about_ban.jpg) no-repeat center;  }
.news_ban{background: url(../images/news_ban.jpg) no-repeat center; }
.conatct_ban{background: url(../images/contact_ban.jpg) no-repeat center; }
.service_ban{background: url(../images/service_ban.jpg) no-repeat center; }
.case_ban{background: url(../images/case_ban.jpg) no-repeat center; }
.product_ban{background: url(../images/product_ban.jpg) no-repeat center; }
.jssb_ban{background: url(../images/jssb_ban.jpg) no-repeat center; }

.ny_banner_post{width:1440px; position: absolute; bottom:85px; left:50%; transform: translate(-50%,0); display: flex; align-items: center; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;}

.ny_banner_post h4{color:#fff; font-size:34px; font-weight: bold; text-transform:uppercase}
.ny_banner_post hr{width:45%; height:1px; background:rgba(255,255,255,0.2); float: left; margin:0 15px;}
.ny_banner_post span{color:#fff; float: right; background: url(../images/hh_jts.png) no-repeat right center; font-size: 22px; line-height:30px;
	padding-right: 30px;}
.ny_nav{width:100%; height: auto; overflow: hidden; margin-top:30px; margin-bottom:40px;}
.ny_nav .container{ border-bottom: 1px solid rgba(42,153,222,0.15); overflow: hidden;  display: -webkit-flex;
    display: flex; -webkit-flex-wrap: wrap;  flex-wrap: wrap; padding-bottom:10px;}
.ny_nav a{color:#999999; font-size: 18px; float: left;position: relative; padding-right:24px; margin-right:24px; display:block; margin-bottom:10px;}
.ny_nav a:after{content: "/"; position: absolute; top:0; right:0; color:#999999; font-size: 18px;}
.ny_nav a span{color:#999999; font-size: 16px; display: block; position: relative; padding-bottom: 16px;}
.ny_nav a.active span{color:#0141a5; font-size: 18px;}
.ny_nav a.active:after{color:#0141a5}
.ny_nav a.active{font-weight: bold; color:#0141a5;}
.ny_title{width:100%; height: auto; overflow: hidden}
.ny_title_top{width:100%; height: auto; overflow: hidden}
.ny_title_top h5{color:#ecf0f4; font-size: 70px; font-weight: bold; font-style: italic; text-transform: uppercase}
.ny_title_top h4{color:#333333; font-size:36px; font-weight: bold; margin-top: -42px;}
.ny_title h6{color:#222222; font-size: 36px; font-weight: bold; margin-top:50px}
.ny_title hr{width:60px; height:3px; background: #0141a5; margin-top: 30px; display: block}



/*关于我们*/
.ny_about{width:100%; height: auto; overflow: hidden; margin-top:30px; margin-bottom:116px;}
.ny_about1{width:100%; height: auto; overflow: hidden; margin-top:30px; margin-bottom:116px;}
.ny_about p{color:#666666; font-size: 16px; line-height: 30px;}
.ny_about img{max-width: 100%}
.pro_text{color:#666666; font-size: 16px; line-height: 30px;margin-top: 30px;}



/*荣誉资质*/
.ny_honor1{width:100%; height: auto; overflow: hidden; margin-top: 40px; margin-bottom: 90px;}
.ny_honor1 ul{width:100%; height: auto; overflow: hidden; margin-bottom:25px;  display: -webkit-flex;
    display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.ny_honor1 li{width:24.1%; height: auto; float: left; margin-bottom: 25px; margin-right: 1.2%; background: #f5f8fa}
.ny_honor1 li:nth-child(4n){margin-right: 0}
.ny_honor1_pic{width:100%; height: auto; overflow: hidden}
.ny_honor1_pic img{width:100%; display: block;   
transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_honor1 li h4{width:100%; height:68px; line-height:24px; text-align: center; font-size:15px; color: #333333; overflow:hidden; padding:10px 8px; 
display: flex; align-items: center; justify-content: center; }
.ny_honor1 li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.ny_honor1 li:hover h4{color:#fff; background:#0141a5}
.ny_proshow_bottom .hd ul{height: 54px; line-height: 54px; background: #f7f7f7; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.ny_proshow_bottom .hd ul li{ height: 54px; line-height: 54px; width: 220px;  text-indent: 36px; font-weight: bold; color: #333; font-size: 20px; position: relative;}
.ny_proshow_bottom .hd ul li::before{ height: 6px; width: 6px; background: #0053bb; position: absolute; left: 20px; top:24px; display: block; content: "";}


/*其他列表*/
.ny_honor{width:100%; height: auto; overflow: hidden; margin-top: 40px; margin-bottom: 90px;}
.ny_honor ul{width:100%; height: auto; overflow: hidden; margin-bottom: 80px;  display: -webkit-flex;
    display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.ny_honor li{width:32.5%; height: auto; float: left; margin-bottom: 25px; margin-right: 1.2%; background: #f5f8fa}
.ny_honor li:nth-child(3n){margin-right: 0}
.ny_honor_pic{width:100%; height: auto; overflow: hidden}
.ny_honor_pic img{width:100%; display: block;   
transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_honor li h4{width:100%; height:68px; line-height:24px; text-align: center; font-size:15px; color: #333333; overflow:hidden; padding:10px 8px; 
display: flex; align-items: center; justify-content: center; text-transform:Capitalize}
.ny_honor li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.ny_honor li:hover h4{color:#fff; background:#0141a5}
.ny_proshow_bottom .hd ul{height: 54px; line-height: 54px; background: #f7f7f7; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.ny_proshow_bottom .hd ul li{ height: 54px; line-height: 54px; width: 220px;  text-indent: 36px; font-weight: bold; color: #333; font-size: 20px; position: relative;}
.ny_proshow_bottom .hd ul li::before{ height: 6px; width: 6px; background: #0053bb; position: absolute; left: 20px; top:24px; display: block; content: "";}


/*产品*/
.ny_product_show{margin-bottom:50px;}
.ny_proshow_top{width:100%; height:auto; overflow:hidden; margin-bottom:30px; margin-top:20px;}
.ny_proshow_bottom{width:100%; height:auto; overflow:hidden}
.proshow_xxk{color: #fff; font-size: 20px;font-weight: bold; border-left: 3px solid #287db9;width:100%; display:block; background: #323136;padding-left:20px; height:40px; line-height:40px;}
.proshow_xx{font-size:16px; color:#666; line-height:30px; margin-top:10px;}
.proshow_xx p{font-size:16px; color:#666; line-height:30px; margin-top:10px;}
.proshow_xx img{max-width:100%;}
.go_black{width: 90px;height: 30px;background: #4cbcac; color: #fff; text-align: center; line-height: 30px; border-radius: 5px; position: relative; float:right}
.proshow_xx table{border-collapse: collapse;}
.ny_proshow_xx em{font-size:16px; color:#666; margin:20px 0 0; display:block}




/*新闻内页*/
.ny_news{width:100%; height: auto; overflow: hidden; margin-top: 70px;}
.ny_news ul{width:100%; height: auto; overflow: hidden; margin-bottom:50px; padding: 10px 0}
.ny_news ul li{width:100%; height: auto; overflow: hidden; position: relative; padding: 30px 0; margin-bottom: 40px}
.ny_news ul li:after{content: ""; width: 80%; height:97%; background: #f6f9fb; box-shadow:0 0 10px rgba(0,39,56,0.1); border-radius: 10px; 
	position: absolute; top:5px; right:5px; opacity: 0}
.ny_news ul li a{width:100%; height: auto; display: block; position: relative; z-index: 9}
.ny_news_time{width:100px; height: auto; float: left; margin-top: 98px;}
.ny_news_time p{color:#222222; font-size: 28px; font-weight: bold;}
.ny_news_time span{color:#222222; font-size:16px; }
.ny_news_pic{width:32%; height: auto; float: left; overflow: hidden; border-radius:8px;}
.ny_news_pic img{width:100%; border-radius: 8px;   transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_news_xx{width:50%; height: auto; float: left; margin-left: 6%; margin-top: 35px}
.ny_news_xx h3{width:100%; height: 30px; line-height: 30px; color: #222222; font-size: 18px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-transform: Capitalize;}
.ny_news_xx p{width:100%; height:56px; line-height:28px; color: #999999; font-size: 14px;  display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; margin: 15px 0 35px}
.ny_news_xx span{color:#999999; font-size: 14px;}
.ny_news ul li:hover:after{opacity: 1}
.ny_news ul li:hover .ny_news_pic img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.ny_news ul li:hover span{color:#0141a5}
.ny_news_all{width:100%; height: auto; overflow: hidden; margin-top: 110px; margin-bottom: 98px}
.ny_news_infoleft{width:73%; height: auto; float: left}
.news_infoleft_title{width:100%; height: auto; overflow: hidden; text-align: center}
.news_infoleft_title h3{width:100%; height: auto; overflow: hidden; font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.info_time{width:100%; height: auto; overflow: hidden; color:#999999; font-size: 14px; margin-top: 20px; font-size: 14px; color: #999999}
.info_time span{color:#999999; font-size: 14px; margin: 0 20px}
.news_infoleft_xx{width:100%; height: auto; overflow: hidden; background: #fafcfd; padding: 65px; box-shadow: 0 0 8px rgba(0,39,56,0.2); border-radius: 8px; margin-top: 30px;}
.news_infoleft_info{width:100%; height: auto; overflow: hidden; color:#666666; font-size: 16px; line-height: 30px;}
.news_infoleft_info p{ color:#666666; font-size: 16px; line-height: 30px;}
.news_infoleft_info img{max-width: 100%}
.news_infoleft_btn{width:100%; height: auto; overflow: hidden; border-top:1px solid rgba(36,166,225,0.8); padding-top:50px; margin-top: 150px}
.news_infoleft_btn div{line-height: 55px; font-size: 14px; color:#999999; border-radius: 35px; width:48%; height: 55px; }
.news_infoleft_prev{float: left; text-align:left }
.news_infoleft_next{ float: right; text-align:right }
.news_infoleft_btn div a{font-size: 14px; color:#999999; width:100%; height:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap }
.news_infoleft_btn a:hover{ color:#0141a5}
.ny_news_liebiao{width:100%; height: auto; overflow: hidden; text-align: center; margin-top: 72px; background: url(../images/hh_xs.png) no-repeat center}
.ny_news_liebiao a{color:#333333; font-size: 18px; background: url(../images/fan.png) no-repeat left center; padding-left: 40px;}
.ny_news_inforight{width:23%; height: auto; float: right}
.ny_news_hot{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid #dfdfdf; padding-bottom: 32px; margin-bottom: 65px}
.ny_news_hot h4{color:#000000; font-size: 26px; font-weight: bold; margin-bottom: 8px;}
.ny_news_hot h5{color:#999999; font-size: 14px; text-transform: uppercase}
.ny_news_inforight ul{width:100%; height: auto; overflow: hidden}
.ny_news_inforight ul li{width:100%; height: auto; overflow: hidden; margin-bottom: 45px;}
.ny_news_inforight ul li h4{width:100%; height:56px; line-height: 28px; color:#333333; font-size: 16px; font-weight: bold;  display:-webkit-box; -webkit-line-clamp:2;  -webkit-box-orient:vertical; overflow:hidden;}
.ny_news_inforight ul li h5{color:#999999; font-size: 16px; margin: 15px 0}
.ny_news_inforight ul li h5 span{color:#333333; font-size: 16px;}
.ny_news_inforight ul li hr{width:41px; height: 1px; background: #dfdfdf; display: block; margin-top: 48px}
.ny_news_liebiao a:hover{background: url(../images/fan_h.png) no-repeat left center; color:#0141a5}
.ny_news_inforight ul li:hover h4{color:#0141a5}








/*发展历程*/
.timer_shaft_left{float: left;font-size:30px;width: 175px;text-align: center;position: relative; line-height: 42px; margin-top:15px; }
.timer_shaft_left::after{content:"";position: absolute;right: 3px;top:12px;width: 11px;height: 11px;border:1px solid #0141a5;border-radius:50%;background: #fff;z-index: 2;}
.timer_shaft_right{line-height: 35px;padding-left: 30px; padding-top:10px;color: #666; margin-left:172px; }
.timer_shaft_right > img{ display: block; width: 300px; height: auto; }
.timer_shaft_box{position: relative; width:100%; margin-top:30px;}
.timer_shaft_box::after{content: '';position: absolute;left: 165px;height: 100%;width: 1px;background: #0141a5;z-index: 1;top: 0;}
.timer_shaft_line .timer_shaft_left{padding: 0 15px;}
.clear_new{clear:both;overflow:hidden;}
.clear_new2:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.exhibition_text{background: #eeeeee;padding: 30px;line-height: 30px;}
.exhibition_text h2{font-size: 24px;font-weight: bold;margin-bottom: 6px;}
.ny_event_tt{color:#0141a5; font-size:36px; margin-bottom:60px;}
.timer_shaft_left span{background:#0141a5; color:#fff; font-size:30px; padding:0 15px;}





/*联系我们*/
.ny_contact_nav{width:100%; height: auto; overflow: hidden}
.contact_list{display: table; margin:60px auto 0;}
.ny_contact_nav a{width:314px; height:50px; line-height: 40px; border-bottom: 1px solid #e5e5e5; font-size:20px; color: #999999; font-weight: bold; float: left; margin-right:60px; text-align:center}
.ny_contact_nav a:last-child{margin-right: 0}
.ny_contact_nav a:hover{border-bottom: 1px solid #fe0616; color:#222222}
.ny_contact_nav a.active{border-bottom: 1px solid #fe0616; color:#222222}
.ny_contact_xx{width:100%; height: auto; overflow: hidden; margin-top:20px;}
.ny_contact_xx .container{border-bottom:1px solid #333333; padding: 35px 0; overflow: hidden;}
.contact_xx_left{width:50%; float: left}
.contact_xx_left h3{font-size: 40px; color: #222222; font-weight: bold; margin-bottom: 20px;}
.contact_xx_info{width:100%; height: auto; overflow: hidden; line-height: 28px; margin-top: 30px;}
.contact_xx_info p{font-size: 16px; color: #333333; line-height: 32px;}
.contact_xx_right{width:auto; height:auto; float: right; margin-top:50px;}
.contact_xx_right dl{width:140px; height:auto; float:left; margin-left:40px;}
.contact_xx_right dl dt{width:100%; height:auto; overflow:hidden; border:1px solid #eee; padding:0px}
.contact_xx_right dl dt img{width:100%; display:block}
.contact_xx_right dl dd{width:100%; color:#333; text-align:center; margin-top:10px;}
.ny_contact_ly{width:100%; height:511px; background: url(../images/contact_bjs.jpg) no-repeat center; padding: 60px 0; margin-top: 74px; background-size:cover;}
.ny_contact_ly h3{font-size: 30px; color: #fff; font-weight: bold; text-align: center; margin-bottom: 78px;}
.contact_ly_info{width:100%; height: auto; overflow: hidden; margin: 20px auto 0}
.contact_ly_info dl{width:100%; height: 52px;}
.contact_ly_info dl input[type="text"]{width:100%; height: 100%; padding: 0px 10px; font-size: 14px; color: #fff; background: none; border: 0}
.contact_ly_info dl dt{width:49%; float: left; height: 100%; position: relative; border: 1px solid #4a4a4a}
.contact_ly_info dl dd{width:49%; float: right; height: 100%; position: relative; border: 1px solid #4a4a4a}
.contact_ly_info textarea{width:100%; height: 112px; border: 1px solid #4a4a4a; padding: 10px; font-size: 14px; color: #fff; background: none; margin-top:18px; resize:none }
.con_submit{width:340px; height: 52px; background: #fff; text-align: center; line-height: 52px; border: 0; display: block; margin:20px auto; font-size:16px;}
.ny_contact_zhaopin{width:100%; height: auto; overflow: hidden;  margin-bottom: 98px;}
.ny_contact_zhaopin .container{border-top:1px solid #333333; padding-top: 35px;}
.contact_zhaopin_right{margin-left:280px; }
.contact_zhaopin_right ul{width:100%; height: auto; overflow: hidden; margin-top: 8px;}
.contact_zhaopin_right ul li{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid #e5e5e5; padding-bottom: 56px; margin-bottom: 35px;}
.contact_zhaopin_right ul li h4{width:100%; height: 30px; line-height: 30px; font-size: 18px; color: #333333; font-weight: bold; margin-bottom: 10px;}
.contact_zp{width:100%; height: auto; overflow: hidden; margin-top:20px; line-height: 28px; font-size: 16px; color: #333333}
.contact_ly_info input::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #fff;  
}  
.contact_ly_info input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #fff;  
   opacity:  1;  
}  
.contact_ly_info input::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #fff;  
   opacity:  1;  
}  
.contact_ly_info input:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #fff;  
}  


.contact_ly_info textarea::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #fff;  
}  
.contact_ly_info textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #fff;  
   opacity:  1;  
}  
.contact_ly_info textarea::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #fff;  
   opacity:  1;  
}  
.contact_ly_info textarea:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #fff;  
}  

.policy_links{margin-top:10px; color:#fff}
.ysxy{font-size:14px; color:#666}
.ysxy a{color:#ff0101}
.ysxy span{color:#fff}



/*底部*/
.footer{width:100%; height:auto; overflow: hidden;  position: relative; background:url(../images/footer_bjs.jpg) no-repeat; background-size: cover; 
	padding:70px 0}
.footer_top{width:100%; height: auto; overflow: hidden; display: flex; display: -webkit-flex; -webkit-justify-content: space-between; 
	justify-content: space-between;}
.footer_left{width:20%; float: left}
.footer_logo{width:100%; overflow: hidden}
.footer_logo img{max-width: 100%}
.footer_left h4{color:#ffffff; font-size: 24px; font-weight: bold; margin-top: 30px; margin-bottom: 10px;}
.footer_left p{color:#ffffff; font-size: 24px; font-weight:100; line-height:40px;}
.footer_nav{width:50%; float: right; display: flex; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;}
.footer_nav dl{float: left}
.footer_nav dl dt{color:#fff; font-size:18px; margin-bottom: 20px; font-weight: bold;}
.footer_nav dl dd{width:100%; }
.footer_nav dl dd a{color:#fff; font-size: 16px; display: block; line-height: 30px;}
.footer_nav dl dd a:hover{color:#0141a5}
.footer_ma{width:9%; height: auto; float: right}
.footer_ma .slideTxtBox{width:100%; height: auto; overflow: hidden}
.footer_ma .slideTxtBox .hd{width:100%; overflow: hidden; margin-bottom: 24px;}
.footer_ma .slideTxtBox .hd ul{width:100%; height: auto; overflow: hidden; display: flex; display: -webkit-flex; -webkit-justify-content:flex-end; 
	justify-content:flex-end;}
.footer_ma .slideTxtBox .hd ul li{width:24px; margin-left: 10px;}
.footer_ma .slideTxtBox .hd ul li img{width:24px;}
.footer_ma .bd{width:100%; height: auto}
.bd_img{width:100%; overflow: hidden}
.bd_img img{width:100%; display: block}
.footer_bottom{width:100%;height: auto; overflow: hidden; padding:40px 0 0; border-top:1px solid rgba(255,255,255,0.5); margin-top: 40px}
.footer_b_left{width:39%; height: auto; float: left}
.footer_dhs{width:100%; height: auto; overflow: hidden; color:#ffffff; font-size: 24px; font-weight:bold; 
	background: url(../images/f_dhs.png) no-repeat left center;  padding-left: 30px; margin-bottom:10px;}
.footer_b_left p{width:100%; color:#fff; font-size: 16px; line-height: 30px;}
.footer_b_right{width:50%; height: auto; float: right}
.copy_l{width:100%; height: auto; overflow: hidden; font-size:16px; color: #fff; line-height:40px; text-align: right}
.copy_l a{color:#fff; font-size:16px;}
.footer_zhichi{width:auto; height:auto; overflow: hidden; float: right}
.footer_zhichi p{ width: auto; float: left; margin-right: 20px; color:#fff; font-size: 16px; }
.footer_zhichi p:last-child{margin-right: 0}
.footer_zhichi .js{width:82px;height:60px; background: url(../images/wl.png) no-repeat center; }
.footer_zhichi .pt{width:84px;height:40px; background: url(../images/yd.png) no-repeat center; }
.footer_zhichi span{float: left; font-size:16px; color: #fff; line-height:40px;}
.footer_zhichi i{ float: left;}
.footer_zhichi .pt:hover{background: url(../images/yd_hover.png) no-repeat center}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat center}
.footer_lianjie a{color:#fff; font-size:16px; position: relative; padding-right:20px; margin-left:10px;}
.footer_lianjie a:after{content: "|"; color:#fff; position: absolute; top:50%; right:0; transform: translate(0,-50%);}
.footer_lianjie a:last-child:after{display: none}
.footer_lianjie a:last-child{padding-right: 0}
.footer_lianjie a:hover{color:#fff}
.footer_lianjie{ line-height:30px; width:100%; text-align:right}









/*客服*/
.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:#0141a5;
    height: 62px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; 
	float:left;
}



/*弹出视频*/
.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;}




@media screen and (max-width:1500px){
	.w1440,.container{width:1200px;}
	.index_service ul li{margin:0 50px;}
	.index_about_xx{width:100%}
	#menu{width:54%}
	.ny_banner_post{width:1200px}
}