@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-size: 14px; font-family: 'Raleway';}
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; font-family: 'OpenSans';}
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:1200px; margin: 0 auto}

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



@font-face {
    font-family: 'AMER';
    src: url("../font/BEBAS REGULAR.TTF") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url("../font/OpenSans-Bold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url("../font/Raleway-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}






.header_nav{width:100%; height:90px;  position: fixed; top:0; left:0; padding: 0 6%; z-index:999; display: flex; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;}
.h_logo{width:16%; max-width: 236px;  height:90px; float: left; display: flex; align-items: center; }
.h_logo img{max-width:100%; height: auto; align-items: center; margin: 0px auto;}
.logo2{display: none}
.h_search{width:auto; height:90px; line-height: 90px;  float:left; color:#fff; font-size: 16px;  padding-left: 40px; background: url(../images/search.png) no-repeat left center}
.form_box{position: absolute;  top:90px; left:0; right:0; z-index: 999; height:auto; background: #fff; display:none; margin: 0 auto; width: 100%; padding: 10px 0;  box-shadow: 0 0 5px rgba(0,0,0,0.1)}
.form_box form{width:100%; margin:0 auto;}
.form_box p{ height:auto; width: auto; display: table; margin: 0px auto;}
.form_box input[type="text"]{width:300px; height:40px; line-height:40px; border: 0; float: left; background: #eee; color:#333; font-size: 15px; padding: 0 10px;}
.form_box .submit{width:120px; height:40px; border:0;  display: inline-block;  color:#fff; float:left;  outline: none; background: #0b3ac5; font-size:16px;}
.h_yuyan{float: left; position: relative; text-align: center; height:40px; line-height:40px; padding:0 26px 0; z-index: 2; margin-left:50px; 
	background: #0b3ac5; border-radius: 5px; margin-top:24px;}
.h_yuyan p{color:#fff; font-size:16px;  background: url(../images/diqiu.png) no-repeat left center; padding-left:32px;}
.h_yuyan_p{width:100%; height: auto; overflow: hidden; background: #fff; padding:9px 8px; position: absolute; top:40px; left:0; z-index: 9; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: none}

.h_yuyan:hover .h_yuyan_p{display: block}
.header_nright{float: right; display: flex; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;}
.h_yuyan_p a{color:#333; font-size:14px; display:block; display: flex; align-items: center; padding:0 5px; line-height: 20px; margin-top:5px;}
.h_yuyan_p a img{width:24px; margin-right:10px; border:1px solid #eee}


/*导航*/
#menu{width:50%; height:50px; position: relative; z-index:9; float: left; margin-top:20px; margin-left: 5% }
#menu .nav{ position:relative; z-index:1;   width:100%; height:50px; display: flex; align-items: center; justify-content: center; display: -webkit-flex; }
#menu .nav .nLi{ float:left;  position:relative; display:inline;height:50px; line-height:50px; width:16.6% }
#menu .nav .nLi p{font-weight: normal; width:auto; text-align:center;  z-index: 2; position: relative; }
#menu .nav .nLi p a{color:#fff;font-size:16px; height:100%; overflow: hidden; position: relative; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
#menu .nav .nLi::after{content: ""; width: 1px; height: 10px; background: #fff; position: absolute; top:50%; right:0; margin-top: -5px;}
#menu .nav .nLi:last-child:after{display: none}
#menu .nav .sub{ display:none; width:180px; left:50%;  top:50px; transform: translate(-50%,0);  position:absolute; line-height:20px; z-index: 99999; background: #eee; 
padding:0 12px;}
#menu .nav .sub li{ zoom:1; margin:15px 0 }
#menu .nav .sub a{ display:block; height:auto;font-size: 15px;  color:#333;}
#menu .nav .sub a:hover{ color:#2c69fa;  }
#menu .nav .active p,#menu .nav .nLi:hover p{font-weight: bold;}
.f_top{background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2)}
.f_top .logo2{display: block}
.f_top .logo1{display: none}
.f_top #menu .nav .nLi p a{color:#333}
.f_top #menu .nav .nLi::after{background: #333}
.f_top .h_search{color:#333; background: url(../images/search_h.png) no-repeat left center;}





/* 首页:banner */
.banner{ width:100%; position: relative; overflow: hidden; }
.banner .swiper-container{width:100%; }
.banner .swiper-slide{overflow: hidden}
.banner .swiper-slide a 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: #0b3ac5}
.ban_info{width:100%; height: auto; position: absolute; bottom:12%; left:0; text-align: center}
.ban_info h4{color:#ffffff; font-size: 46px; font-weight: bold;}
.ban_info p{color:#ffffff; font-size: 24px; }





/*产品*/
.index_products{width:100%; height: auto; overflow: hidden; margin: 80px 0 130px}
.index_news_title{width:100%; height: auto; overflow: hidden;  text-align:center;}
.index_news_title h2{color:#000000; font-size: 46px; font-weight:bold;  text-transform: uppercase; margin-bottom:18px; }
.index_news_title h3{color:#777777; font-size: 20px; line-height:30px; }
.index_products_all{width:100%; height: auto; margin-top: 50px; position: relative}
.index_products_all .swiper-slide a{width:100%; height: 550px; display: block; overflow: hidden; background: #f6f7fb; }

.index_pro_pic{width:100%; height:290px; overflow: hidden; display: flex; align-items: center;}
.index_pro_pic img{max-width:90%; max-height: 100%; align-items: center; margin: 0px auto; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_products_all .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_pro_xx{width:100%; height: auto; overflow: hidden; padding:20px 40px; text-align: center; position: absolute; bottom:40px; left:0; 
	transition: all 0.4s ease-in-out;}
.index_pro_xx h4{width:100%; height:60px; line-height: 30px; color: #000000; font-size:24px; display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; text-align: center; font-weight: bold; text-transform: uppercase}
.index_pro_xx p{width:100%; height:48px; line-height: 24px; color: #777777; font-size:16px; display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; text-align: center; margin-top: 10px;}
.index_pro_xx img{display: none}
.index_products_all .swiper-slide a:hover .index_pro_xx{bottom:10px;}
.index_products_all .swiper-slide a:hover img{display: block; margin:20px auto;}
.index_products_all .swiper-slide a:hover h4{color:#0b3ac5}
.index_products_all .swiper-button-next,.index_products_all .swiper-button-prev{width:22px; height:40px; margin-top:-20px;}
.index_products_all .swiper-button-next{background: url(../images/p_right.png) no-repeat center; right:-60px;}
.index_products_all .swiper-button-prev{background: url(../images/p_left.png) no-repeat center; left:-60px;}





/*关于我们*/
.index_about{width:100%; height:680px; overflow: hidden; background: url(../images/ab_bjs.png) no-repeat top right; }
.index_about_left{width:60%; height: auto; float: left}
.index_about_left h2{color:#000000; font-size:46px; font-weight: bold; line-height: 50px;}
.index_about_left h3{color:#777777; font-size:20px; line-height:30px; margin-top:15px;}
.index_about_xx{width:100%; height: auto; overflow: hidden; margin:24px 0 10px; font-size: 14px; line-height:24px; display: block; color:#777777}
.index_ab_more{color:#0b3ac5; font-size: 14px; }
.index_about_bottom{width:100%; height: auto; overflow: hidden; margin-top: 56px;}
.in_ab_video{width:39.4%; height: auto; float: left; position: relative; overflow:hidden}
.in_ab_video img,.in_video_pic img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_ab_video i{width:58px; height: 58px; background: url(../images/v_icon.png) no-repeat center; position: absolute; top:50%; left:50%; 
	transform: translate(-50%,-50%);}
.in_video_pic{margin-left:3%; width: 39.4%; float: left; overflow:hidden}
.in_video_pic:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.in_ab_video:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}

.index_about_right{width:23%; height: auto; float: right}
.index_about_right dl{width:100%; height: auto; overflow: hidden; margin-bottom: 58px;}
.index_about_right dl dt{width:60px; height: auto; float: left; display: flex; align-items: center; margin-top:40px;}
.index_about_right dl dt img{align-items: center; margin: 0px auto; filter: grayscale(100%); -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  
	-ms-filter:grayscale(100%);  -o-filter: grayscale(100%); opacity: 0.5}
.index_about_right dl dd{margin-left:70px;}
.index_about_right dl dd span{color:#000000; font-size: 60px;  position: relative;  font-family:"AMER"}
.index_about_right dl dd p{color:#777777; font-size:16px;}
.num_jia span:after{content:"+"; color:#000000; position: absolute; top:5px; right:-10px; font-size:18px;}
.index_about_right dl:hover dt img{filter: grayscale(0); -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  
	-ms-filter:grayscale(0);  -o-filter: grayscale(0); opacity: 1}
.index_about_right dl:hover span{color:#0b3ac5}


/*应用领域*/
.index_case{width:100%; height: auto; overflow: hidden; padding:106px 0 70px; background: #f1f2f4}
.index_case .swiper-container{width:100%; height: auto; overflow: hidden; margin-top:50px; padding-bottom: 80px;}
.index_case .swiper-slide{width:24%}
.index_case .swiper-slide a{width:100%; display: block; background: #fff; padding:6%}
.index_case_pic{width:100%; height: auto; overflow: hidden}
.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 .swiper-slide i{width:44px; height: 50px; background: url(../images/p_jia.png) no-repeat center; display: block; margin: -25px 0 15px; position: relative; z-index: 9; float: right; margin-right: 20px; opacity: 0}
.index_case .swiper-slide a h4{width:100%; height:80px;  line-height: 40px; color: #000000; font-size:24px; font-weight: bold; text-transform: uppercase }
.index_case .swiper-pagination-bullet{width:10px; height: 10px; background: #0b3ac5; opacity: 1}
.index_case .swiper-pagination-bullet-active{width:52px; height: 10px; border-radius: 5px;}
.index_case .swiper-slide a:hover{background: #0b3ac5}
.index_case .swiper-slide a:hover h4{color:#fff}
.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:hover i{opacity: 1}
.index_case .swiper-button-next,.index_case .swiper-button-prev{width:22px; height:40px; margin-top:-20px; top:40%}
.index_case .swiper-button-next{background: url(../images/p_right.png) no-repeat center; right:11%;}
.index_case .swiper-button-prev{background: url(../images/p_left.png) no-repeat center; left:11%;}



/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; background: #f1f2f4; padding-bottom:70px;}
.index_news ul{width:100%; height: auto; overflow: hidden; margin-top: 44px;}
.index_news ul li{width:49%; height: auto; float: left; margin-bottom: 30px; background: #fff; padding:3%; }
.index_news ul li:nth-child(2n){float: right}
.index_news ul li a{width:100%; height: auto; display: block}
.index_news_xx{width:80%; height: auto; float: left}
.index_news_xx span{color:#777777; font-size: 14px; display: block}
.index_news_xx h4{width:100%; height:40px; line-height: 40px; color: #000000; font-size: 24px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-transform: uppercase; margin: 5px 0 15px}
.index_news_xx p{width:100%; height:48px; line-height: 24px; color: #777777; font-size: 14px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}
.index_news ul li i{width:44px; height: 50px; float: right; background: url(../images/n_icon.png) no-repeat center; margin-top:40px;}
.index_news ul li:hover i{background: url(../images/nh_icon.png) no-repeat center}
.index_news ul li:hover h4{color:#0b3ac5}


/*合作*/
.index_hzhb{width:100%; height: auto; overflow: hidden; margin:98px auto}
.index_hzhb .swiper-slide div{width:100%; height: auto; display: block; background: #f1f2f4; padding: 10px;}
.index_hzhb .swiper-slide div img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_hzhb .swiper-slide div:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}



/*留言*/
.index_message{width:100%; height: auto; overflow: hidden;}
.index_message_left{width:45%; height: auto; float: left}
.index_message_left h2{color:#000000; font-size: 40px; font-weight:bold; line-height: 50px;}
.index_message_left h3{color:#777777; font-size:18px; line-height:30px; margin-top: 10px;}
.index_message_xx{width:100%; height: auto; overflow: hidden; line-height:24px; font-size: 14px; color: #777777; margin-top: 32px}
.index_message_right{width:49%; height: auto; float: right}
.index_message_right dl{width:100%; height:44px; margin-bottom: 20px;}
.index_message_right dl dt{width:48%; height: 44px; background: #f1f2f4; position: relative; float:left }
.index_message_right dl dd{width:48%; height: 44px; background: #f1f2f4; position: relative; float: right}
.index_message_right dl input[type="text"]{width:100%; height: 100%; font-size:14px; color: #777777; padding: 0 15px; border: 0; background:none}
.index_message_right textarea{width:100%; height:190px; background: #f1f2f4; resize: none; font-size:14px; color: #777777; border: 0; padding: 15px; margin-bottom:10px;}
.in_submit{width:100%; height: 44px; background: #0b3ac5; margin-top: 26px; font-size:14px; color: #fff; font-weight: bold; border: 0}
.in_submit:hover{background: #000}
.index_contact{width:100%; height:auto; background: url(../images/contact_bjs.jpg) no-repeat center; background-size: cover; background-attachment: fixed; margin-top: 100px; padding:60px 0}
.index_contact .w1440{display: flex; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;}
.index_contact h3{color:#ffffff; font-size:46px; margin-bottom:40px;}
.index_contact_left{width:20%; height:auto;}
.footer_links{width:100%; height:auto; overflow:hidden}
.footer_links a{width:50px; height:auto; float:left; margin-right:10px;}
.footer_links a img{width:100%; display:block}
.footer_nav{width:100%; height:auto; overflow:hidden}
.footer_nav a{color:#fff; font-size:14px;display:block; line-height:24px;}
.footer_nav a:hover{font-weight:bold; text-decoration: underline;}
.index_contact_center{width:21%; height:auto;}
.index_contact_right{width:22%; height:auto;}
.contact_right_dz{width:100%; height:auto; overflow:hidden}
.contact_right_dz p{color:#fff; font-size:16px; line-height:32px; padding-left:38px; min-height:32px; margin-bottom:20px;}
.contact_right_dz p.f1{background:url(../images/ci1.png) no-repeat left center}
.contact_right_dz p.f2{background:url(../images/ci2.png) no-repeat left center}
.contact_right_dz p.f3{background:url(../images/ci3.png) no-repeat left 0; line-height:26px}
.index_contact_center h3{margin-bottom:30px;}
.ysxy{font-size:14px; color:#666}
.ysxy a{color:#ff0101}





/*内页banenr*/
.ny_banner{width:100%; height: 400px; overflow: hidden; position: relative; }
.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:1220px; position: absolute; bottom:85px; left:50%; margin-left: -610px; 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: 50px; margin-bottom: 55px;}
.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;}
.ny_nav a{color:#999999; font-size: 18px; float: left;position: relative; padding-right:24px; margin-right:24px; display:block;}
.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:#0b3ac5; font-size: 18px;}
.ny_nav a.active:after{color:#0b3ac5}
.ny_nav a.active{font-weight: bold;}
.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 h1{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: #0b3ac5; margin-top: 30px; display: block}
.ny_about{width:100%; height:auto; margin-top:50px; font-size:16px; color:#666; line-height:30px; margin-bottom:98px;}
.ny_about img{max-width:100%}
.ny_about p{font-size:16px; color:#666; line-height:30px;}


.ny_post{width:100%; height:auto; overflow:hidden; margin:30px 0 10px; font-size:16px; color:#666}

.post_si:hover,.ny_post a:hover,.ny_post span:hover{color:#0b3ac5; text-decoration: underline;}
.ny_post p,.ny_post a,.ny_post span{font-size:16px; }
.post_si{font-weight:bold; color:#000}




/*荣誉资质*/
.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: 80px;  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:#0b3ac5}
.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:16px; 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:#0b3ac5}
.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_all{width:100%; height: auto; overflow: hidden; margin-top: 36px; margin-bottom:80px;}
.ny_left{width:21.5%; height: auto; float: left}
.ny_left_title{width:100%; background: #0b3ac5;  text-align: center; font-size:26px;color: #fff; font-weight: bold; padding:15px 0}
.ny_left_nav{width:100%; height: auto; padding: 16px 0 60px 16px; background: #f0f0f1}

/*产品侧边导航*/
.accordion { width: 100%; height:auto; overflow:hidden; background:#eee}
.accordion .link {cursor: pointer; display: block; padding:12px 0; font-size:18px; color: #333333; position: relative;
    -webkit-transition: all .4s ease;  -o-transition: all .4s ease; transition: all .4s ease;  display: -webkit-flex;  display: flex; -webkit-flex-wrap: wrap;flex-wrap: wrap;
	-webkit-justify-content: space-between; justify-content: space-between;
}
.accordion .link a{font-size:17px; color: #333333; width:80%; float:left;}
.accordion li.open{background:#fff}
.accordion li.open .link a {color: #0b3ac5;}
.accordion .link i{width:15%; float:right;  background: url(../images/off.png) no-repeat center;}
.ny_left_nav ul li.open{background:#fff}
.open .link i{background: url(../images/on.png) no-repeat center;}
.submenu{display: none;}
.submenu a{display: block; text-decoration: none; font-size:15px; color: #666666;  line-height:26px; -webkit-transition: all .25s ease;
    -o-transition: all .25s ease; transition: all .25s ease; padding:8px 0}
.accordion li{padding-left:10px;}
.accordion li:hover{background:#fff;}
.submenu li{border-bottom:1px solid #ddd}
.submenu li.active a{color:#0b3ac5}




/*推荐产品*/
.inside_pro{margin-top:80px; margin-bottom:98px;}
.inside_pro h2{  height: 54px; line-height: 54px;  position: relative; margin-bottom: 20px; font-weight: bold; color: #333;  font-size: 24px;}
.inside_pro h2::after{ content: ""; position: absolute;  height: 2px;  width: 86px; bottom: 0; left: 0; background:#015aaa; }
.inside_pro h2 span{ font-size:18px; margin-left: 10px; font-weight: bold; color: #dedede;}
.inex_news_main{ overflow: hidden;}
.inex_news_main li{ width:23.5%;float: left; overflow: hidden; margin-right:2%}
.inex_news_main li:nth-child(4n){margin-right:0}
.inex_news_main li:hover .products_pic img{transform: scale(1.08); transition: all .4s;}
.inex_news_main li h3{ font-size: 16px; line-height: 32px; text-align:center; height:32px; overflow: hidden; display: block;  white-space: nowrap; text-overflow: ellipsis;}
.inex_news_main li:hover h3{ color: #015aaa}
.inex_news_main li .products_pic{width:100%; height:auto; overflow:hidden; border:1px solid #eee}
.inex_news_main li .products_pic img{width:100%;  height:100%;  object-position: center center; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}




/*内页右边内容*/
.ny_right{width:75%; height: auto; float: right; padding-top:10px;}
.ny_right_title{width:100%; height: 47px; border-bottom: 1px solid #dddddd}
.ny_right_title h3{font-size: 24px; height: 40px; line-height: 40px; color: #333; font-weight: bold; }

/*产品中心*/
.ny_product{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.ny_product ul{width:100%; height: auto; overflow: hidden; margin-bottom:20px;}
.ny_product ul li{width:32%; float: left; height: auto; margin-right: 2%; margin-bottom: 10px;}
.ny_product ul li .products_pic{ display: block;overflow: hidden;width:100%; border:1px solid #ddd;}
.ny_product ul li .products_pic img{width:100%;  height:100%;  object-position: center center; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.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 li p{ height:35px; line-height: 35px; text-align: center;  font-size: 16px; color: #333}
.ny_product ul li:nth-child(3n){margin-right: 0px;}
.ny_product ul li p{width:100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center}
.ny_product ul li:hover p{color:#015aaa}
.ny_proshow_xq{width:100%; height:auto; overflow:hidden; font-size: 18px; line-height:28px; height: 200px; display: block;}





/*产品*/
.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}
.pro_text{width:100%; height:auto; font-size:16px; color:#666; margin-top:20px;}



/*新闻内页*/
.ny_news{width:100%; height: auto; overflow: hidden; margin-top: 70px; margin-bottom:98px;}
.ny_news ul{width:100%; height: auto; overflow: hidden; 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; 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:1}
.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 h2{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 h3{width:100%; height:56px; line-height:28px; color: #999999; font-size:16px;  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:#0b3ac5}
.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 h1{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; 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:30px; font-size: 14px; color:#999999; border-radius: 35px; width:100%; height:auto; margin-bottom:8px;}
.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:#0b3ac5}
.ny_news_liebiao{width:100%; height: auto; overflow: hidden; text-align: center; margin-top:10px; 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:30px}
.ny_news_hot h2{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 h3{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:#0b3ac5}
.ny_news_inforight ul li:hover h4{color:#0b3ac5}


/*联系我们*/
.ny_conatct{width:100%; height: auto; overflow: hidden; margin-top: 90px; margin-bottom:116px;}
.ny_conatct_left{width:59%; height: auto; float: left; background: #fafcfd; padding:50px 30px;}
.ny_conatct_left .conatct_left_title{margin-bottom: 48px;}
.ny_conatct_left dl{width:100%; height: 50px; margin-bottom: 20px;}
.ny_conatct_left dl dt{width:48.5%; height: 100%; float: left; position: relative; border: 1px solid #eeeeee}
.ny_conatct_left dl dd{width:48.5%; height: 100%; float: right; position: relative; border:1px solid #eeeeee}
.ny_conatct_left dl input[type="text"]{width:100%; height: 100%; font-size:14px; color: #999999; border: 0; background:none; padding: 0 10px}
.ny_conatct_left textarea{width:100%; height: 186px; border: 1px solid #eeeeee; resize: none; font-size:14px; color: #999999; background: none; padding: 10px; margin-bottom: 20px; }
.mes_form_p{width:70%; height: 50px; float: left}
.mes_form_p p{width:48%; height: 100%; float: left; border: 1px solid #eeeeee; position:relative}
.mes_form_p p input[type="text"]{width:100%; border: 0; height: 100%;  font-size:14px; color: #999999; padding: 0 10px;}
.mes_form_p a{color:#333; font-size: 14px; line-height: 50px;}
.btn_submit{width:29%; height: 50px; float: right; text-align: center; font-size: 16px; color: #0b3ac5; background:none;  border:1px solid #0b3ac5;font-weight: bold;  }
.btn_submit:hover{background:#0b3ac5; cursor:pointer; color:#fff; }
.ny_conatct_right{width:37%; height: auto; float: right; padding-top:60px;}
.conatct_left_title{width:100%; height: auto; overflow: hidden}
.conatct_left_title h2{color:#222222; font-size: 24px; margin-bottom: 10px;}
.conatct_left_title h3{color:#999999; font-size: 16px;}
.conatct_rightxx{width:100%; height: auto; overflow: hidden; margin: 32px 0}
.conatct_rightxx p{color:#333333; font-size: 16px; line-height: 30px;}
.conatct_rightxx h3{color:#333333; font-size: 16px; line-height: 30px;}
.ny_contact_form{width:100%; height:auto; margin-bottom:20px; overflow:hidden; position:relative}
.policy_links{font-size:16px; color:#333}
.policy_links:hover{color:#0b3ac5}

.mes_form_text{width:100%; height:50px;  border: 1px solid #eeeeee; margin-bottom:20px; position:relative}
.mes_form_text input[type="text"]{width:100%; border: 0; height: 100%;  font-size:14px; color: #999999; padding: 0 10px; background:none}




/*底部*/
.footer_bottom{width:100%;height: auto; overflow: hidden;  margin: 20px 0}
.copy_l{width:auto; height: auto; overflow: hidden; font-size: 14px; color: #666666; line-height:60px;  text-transform: uppercase; float: left}
.copy_l a{color:#666666; font-size: 14px;}
.copy_l a:hover{color:#0b3ac5!important}
.footer_zhichi{width:auto; height:auto; overflow: hidden;  float: right}
.footer_zhichi p{ width: auto; float: left; margin-right: 20px; color:#666666; font-size: 14px; }
.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:121px;height:60px; background: url(../images/vl.png) no-repeat center; }
.footer_zhichi span{float: left; font-size: 14px; color: #666666; line-height:60px;}
.footer_zhichi i{ float: left;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat center}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat center}
.footer_lianjie a{color:#666666; font-size: 14px; position: relative; padding-right:10px; margin-right: 10px;}
.footer_lianjie a:after{content: "|"; color:#666666; position: absolute; top:50%; right:0; transform: translate(0,-50%);}
.footer_lianjie a:last-child:after{display: none}
.footer_lianjie a:hover{color:#0b3ac5}
.footer_lianjie{float: left; line-height: 60px; margin-left:2%}






/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:50%;
	transform: translateY(-50%);
    width:50px;
    z-index: 999;
	background: rgba(0,0,0,0.3); border-radius: 25px;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height:50px;
    width: 50px;
	font-size: 14px; 
	position: relative
}
.leftlx {
    float: left;
    height: 50px;
    width:50px;
}
.lxfx li span {
    color: rgb(255, 255, 255);
    font-size: 18px;
    height: 24px;
    position: absolute;
    top: 0;
    left: auto;
    background: #0b3ac5;
    right: 50px;
    height: 50px;
    width: 0;
    white-space: nowrap;
    line-height: 50px;
    padding: 0 15px;
    border-radius: 25px 0 0 25px;     
	-webkit-transform: translateX(0);
    transform: translateX(0); opacity: 0
}

.lxfx li:hover span{width:auto; opacity: 1}
.lxfx li:hover i{background: #0b3ac5; border-radius: 0 25px 25px 0}
.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:50px;
    margin: 0 auto;
    text-align: center;
    width:50px; line-height: 50px; font-size: 24px;
}


.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    height:50px;
    position: relative;
    width:50px; 
}
.mtop{display: none}
.mtop:hover i{border-radius: 50%!important}



/*弹出视频*/
.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{width:1200px;}
	.copy_l a,.footer_zhichi span,.footer_lianjie a,.copy_l{font-size:12px;}
	.h_yuyan{padding: 0 12px 0;}
	#menu{margin-left:2%; width:56%}
	.h_yuyan{margin-left:20px;}
	.index_contact_right{width:26%}
	.index_contact_left{width:26%}
	.index_contact_center{width:24%}
	

}


@media screen and (max-width:1370px){
	
	.header_nav{padding:0 4%}
}