@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; }
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:1440px; margin: 0 auto; }
.w1440{ width:1440px; margin: 0 auto; }
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*:focus{
border:none;
}
@font-face {
font-family: 'ctx';
src: url('../font/BEBAS__.TTF') format('truetype');
font-weight: normal;
font-style: normal;}
.header_logo{width:315px; height:100px; overflow: hidden; text-align: center; position: relative; z-index: 1; float: left; display: flex; align-items: center;}
.header_logo img{max-width: 100%; align-items: center; margin: 0px auto;}
.h_yy{float: right; line-height:100px; text-transform: uppercase;
position: relative; width:7%}
.h_yy p{width:auto; height: 100%; color:#333333; font-size:16px; background:url(../images/h_yy.png) no-repeat left center; padding-left:40px; display: table; margin: 0px auto;}
.h_yy_hover{width:100%; height: auto; overflow: hidden; background: #fff; position: absolute; top:100px; left:0; z-index: 9; display: none; }
.h_yy_hover a{width:100%; height: 40px;line-height: 40px; color:#333; font-size: 16px; display: block; text-align: center}
.h_yy_hover a:hover{background: #1a55ce; color:#fff}
.h_yy:hover .h_yy_hover{display: block}
.h_yy:hover p{color:#1a55ce}
/* 导航栏 */
.header_nav{height:100px; width:100%; z-index:999; padding-left: 6.5%; transition: ease 1s; background: #fff; position: relative}
.nav{width:52%; height:100px; float: right; background: url(../images/bb_xs.png) no-repeat right center; margin-right:3%}
.nav .nLi{position:relative;float:left;display:inline;height:100%; width:12.2%; text-align: center;}
.nav .nLi h3{float:left;text-align:center; font-weight: normal; width: 100%; height: 100%; line-height: 96px; }
.nav .nLi h3 p{height:80px; color:#000000; font-size:16px; display: table; margin: 0px auto}
.nav .nLi h3 a{display:block;width:100%;height:100%;color:#fff; text-align: center; }
.nav .sub{position:absolute;top:100px;left:50%; z-index:999;display:none;padding:0;width:200px;background:#fff;line-height:26px; margin-left: -100px;}
.nav .sub li{height:auto;border-bottom:1px solid #eee;text-align:center;line-height:26px;zoom:1}
.nav .sub li p{float:left;margin:0;width:100%}
.nav .sub li span{float:right}
.nav .sub a{display:block;padding:6px 10px;height:100%;color:#333;font-size:14px}
.nav .nLi.active h3 p,.nav .nLi:hover h3 p{border-bottom: 4px solid #5cc343}
.sub li:hover a{color:#1c1a5a; font-weight: bold;}
.h_sosuo{width:5%; height:100px; display: block; background: url(../images/h_search.png) no-repeat center; float: right}
.h_sosuo:hover{background: url(../images/l_search.png) no-repeat center}
.h_input{width:100%; height:100%; background:rgba(255,255,255,0.8); border-top:1px solid #e5e5e5; display: none; position: absolute; top:100%; left:0; z-index: 9; display: none; padding-top:18px;}
.h_input .h_text{width:326px; height:50px; float: left; background: #eee; border: 0; padding: 0 10px; font-size: 14px; color: #555555;}
.h_submit{width:120px; height: 50px; background:#1b56cb; float: right;border: 0; cursor: pointer; text-align: center; line-height: 50px; font-size: 16px; color: #fff}
.h_input_text{width:446px; margin: 0px auto; height:50px; }
.sub_pro{width:232px!important; margin-left:-116px!important;}
/* 首页:banner */
.index_banner{ width:100%; height:800px; position: relative; overflow: hidden; }
.index_banner .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.index_banner .slideBox .hd{z-index:1;overflow:hidden;height:14px; position: absolute; bottom:120px; left:0; width: 100%}
.index_banner .slideBox .hd ul{overflow:hidden;zoom:1; display: table; width:auto; margin: 0px auto;}
.index_banner .slideBox .hd ul li{float:left; margin: 0px 10px; width:14px;height:14px; border:2px solid #fff; cursor:pointer; border-radius:10px;}
.index_banner .slideBox .hd ul li.on{background:#fff}
.index_banner .slideBox .bd{position:relative;z-index:0;width:100%;height:800px; overflow: hidden}
.index_banner .slideBox .bd ul{width:100%!important;height:100%}
.index_banner .slideBox .bd li{width:100%!important;height:100%;vertical-align:middle;zoom:1}
.index_banner .slideBox .bd li a{display:block;overflow:hidden;width:100%!important;height:100%; }
.index_banner .slideBox .bd li img{width:100%; height: auto; display: block}
/*优势*/
.index_youshi{height:120px; background: #fff; box-shadow:1px 1px 10px rgba(0,0,0,0.2); margin-top: -60px; position: relative; z-index: 9}
.index_youshi h4{width:23%; height: 120px; background: url(../images/ys_bjs.png) no-repeat center; background-size:100% 100%; padding-left:20px; line-height: 120px; color:#fff; font-size: 18px; float: left}
.index_youshi_right{width:77%; height: 100%; float: right; padding: 20px 0}
.index_youshi_right p{width:33.3%; float: left; font-size:16px; line-height:80px; color: #333333; height: 100%; border-right:1px solid #e5e5e5; display:table; text-align: center; transition: all 0.4s ease-in-out;}
.index_youshi_right p:last-child{border-right:0}
.index_youshi_right p img{margin-right: 8px; vertical-align: middle;}
.index_youshi_right p span{font-size: 18px; color: #333333;}
.index_youshi_right p:hover{ margin-top: -10px; transition: all 0.4s ease-in-out;}
/*关于我们*/
.index_about{width:100%; height: auto; overflow: hidden; margin-top: 120px}
.index_about_left{width:53%; height: auto; float: left}
.index_about_left h4{font-size: 18px; color: #000018; opacity: 0.6; margin-bottom: 20px;}
.index_about_left h3{font-size:30px; color: #1b56cb; font-weight: bold;}
.in_abxx{width:100%; height: auto; overflow: hidden; font-size: 16px; color: #333333; line-height: 30px; display: block; margin: 42px 0 55px}
.ab_more{width:250px; height:60px; border: 1px solid #baccf0; border-radius: 5px; line-height: 60px; font-size: 16px; color: #1a55ce; display: block; padding: 0 3%; background: url(../images/l_jts.png) no-repeat 90% center}
.ab_more:hover{background: #1a55ce url(../images/b_jts.png) no-repeat 80% center; color:#fff}
.index_about_right{width:39.5%; height: auto; float: right;}
.index_about_right img{width:100%; height: auto; display: block}
.index_num{width:100%; height:auto; background: #f3f6fd; padding:50px 0; overflow:hidden}
.index_num ul{width:100%; height: auto; overflow: hidden}
.index_num ul li{width:22%; height: auto; overflow: hidden; margin-right:4%; float: left}
.index_num ul li:last-child{margin-right: 0}
.index_num ul li h4{font-size: 18px; color: #1a55ce}
.index_num ul li h4 span{font-size: 48px; color: #1a55ce; font-family: "Arial"; font-weight: bold;}
.index_num ul li hr{width:19px; height: 3px; background: #5cc343; display: block; margin:10px 0 15px}
.index_num ul li h5{font-size: 18px; color: #1a55ce; line-height: 26px; background: url(../images/icon.png) no-repeat left center; padding-left: 30px;}
.index_num ul li p{font-size:16px; color: #333333; line-height:26px;}
/*技术*/
.index_jishu{width:100%; height:600px; background:#1a55ce url(../images/js_bjs.jpg) no-repeat left center; }
.index_jishu_xx{width:830px; height: 600px; float: right; background: #1a55ce; padding-top:30px; padding-left:3%}
.index_jishu_xx h4{font-size: 18px; color: #fff; opacity: 0.6}
.index_jishu_xx h3{font-size:26px; color: #fff; font-weight: bold; margin: 20px 0 30px}
.index_jishu_xx p{width:100%; height: auto; overflow: hidden; line-height:30px; color:#fff; font-size:16px;}
.index_jishu_xx p span{color:#5cc343}
.index_jishu_xx h5{width:100%; height: auto; overflow: hidden; color:#fff; opacity: .55; font-size: 16px; line-height:28px; margin:20px 0;}
.index_jishu_xx a{width:250px; height: 60px; line-height: 60px; border: 1px solid rgba(255,255,255,0.5); border-radius: 5px; padding: 0 3%; display: block; font-size: 16px; color: #fff; background: url(../images/b_jts.png) no-repeat 90% center;}
.index_jishu_xx a:hover{background: #fff url(../images/l_jts.png) no-repeat 80% center; color:#1a55ce}
/*分类*/
.index_proclass{width:100%; height: auto; overflow: hidden; margin-top: 98px; position: relative; background: url(../images/c6.jpg) no-repeat right 93%}
.index_proclass ul{width:100%; height: auto; overflow: hidden}
.index_proclass ul li{width:31.2%; height: auto; margin-right:3.2%; margin-bottom: 50px; float: left; position: relative; overflow: hidden}
.index_proclass ul li img{width:100%; height: auto; display: block; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.index_proclass ul li a{width:100%; height: 184px; background: rgba(255,255,255,0.5); padding:9%; position: absolute; top:0; left:0; z-index: 9; transition: all 0.4s ease-in-out;}
.pro_li span{color:#1a55ce; font-size:30px; display: block; line-height: 30px; margin-bottom: 10px;}
.pro_li h4{font-size: 24px; color: #000000; width: 100%; height:auto; line-height:30px; font-weight: bold;}
.pro_li p{font-size: 16px; color: #000000; width: 100%; height:auto; line-height:26px; margin-top:10px;}
.index_proclass ul li:nth-child(3n){margin-right: 0}
.index_proclass ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_proclass ul li:hover a{height: 100%; transition: all 0.4s ease-in-out;}
.pro_tab{width:100%; height: auto; position: absolute; top:50%; left:0; transform: translate(0,-50%); padding:0 5%}
.class_last{height: auto; overflow: hidden; padding-top:20px; padding-left:30px;}
.class_last h4{font-size: 18px; color: #000; opacity: .6; margin-bottom: 10px;}
.class_last h3{font-size: 36px; color: #000000; font-weight:bold;}
.class_last_xx{width:100%; height: auto; overflow: hidden; line-height: 30px; margin:32px 0 30px}
.class_last_xx p{font-size: 16px; color:#000; width:100%; overflow:hidden}
.class_last_xx p span{color:#5cc343; font-size: 16px;}
.class_last h5{color:#333333; font-size: 16px; line-height:30px; margin-bottom: 62px;}
.class_dh{width:100%; height: auto; overflow: hidden; font-size:16px; color: #333333; margin-top: 50px; line-height:54px;}
.class_dh span{color:#1a55ce; font-size:40px; font-family: 'ctx';}
.class_last hr{width:100%; height: 6px; background: #4fc036;}
/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; margin-top: 90px;}
.index_news_title{width:100%; height: auto; overflow: hidden}
.index_news_title dl{width:auto; float: left}
.index_news_title dl dt{font-size: 18px;color: #000018; opacity: .6; margin-bottom: 10px;}
.index_news_title dl dd{font-size: 36px; color: #1b56cb; font-weight: bold;}
.in_news_nav{width:auto; float: right; border-bottom: 1px solid #e5e5e5}
.in_news_nav a{width:auto; height: 50px; line-height: 50px; float: left; font-size: 16px; color: #555555; font-weight: bold; margin-right:40px;}
.in_news_nav a:hover{font-weight: bold; color:#000000; border-bottom: 1px solid #5cc343}
.in_news_nav a:last-child{margin-right: 0}
.index_news_left{width:100%; height: auto; overflow: hidden; margin-top: 42px; }
.in_news_pic{width:320px; height: auto; float: left; overflow: hidden}
.in_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;}
.in_news_xx{margin-left:360px; height: auto; padding-top:24px }
.in_news_xx h4{font-size: 16px; color: #999999; width: 100%; line-height: 30px; height: 30px; }
.in_news_xx h4 span{color:#1a55ce; font-size: 16px;font-weight: bold;}
.in_news_xx h3{width:100%; height: 30px; line-height: 30px; color:#000000; font-size: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
font-weight: bold; margin:15px 0 }
.in_news_xx p{width:100%; height: 60px; line-height: 30px; color:#555555; font-size: 16px; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
-webkit-box-orient:vertical; overflow:hidden;}
.index_news ul{width:100%; height: auto; overflow: hidden; margin-top: 38px; border-top:1px solid #e5e5e5; padding-top: 20px;}
.index_news ul li{width:31.3%; height: auto; float: left; margin-right:3%; padding:50px 2%}
.index_news ul li:nth-child(3n){margin-right: 0}
.index_news ul li h4{font-size: 16px; color: #999999; width: 100%; line-height: 30px; height: 30px; }
.index_news ul li h4 span{color:#1a55ce; font-size: 16px;font-weight: bold;}
.index_news ul li h3{width:100%; height: 68px; line-height:34px; color:#000000; font-size: 18px; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
-webkit-box-orient:vertical; overflow:hidden; font-weight: bold; margin:15px 0 }
.index_news ul li p{width:100%; height:84px; line-height:28px; color:#555555; font-size: 16px; word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
-webkit-box-orient:vertical; overflow:hidden;}
.index_news ul li:hover{background: #f3f6fd}
.index_news_left:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_news_left:hover h3,.index_news_left:hover p{color:#1b56cb}
/*服务*/
.index_service{width:100%; height:auto; overflow: hidden; background: url(../images/service_bjs.jpg) no-repeat; background-size: cover;
background-attachment: fixed; padding:40px 0; margin-top: 100px; }
.index_service li{width:90%; height: 70px; line-height: 70px; border: 1px solid rgba(255,255,255,0.5); text-align: center; color:#ffffff; font-size: 16px; margin:0 auto 20px;}
.index_service li span{}
.index_service li img{vertical-align:middle; margin-right: 10px;}
/*底部*/
.in_footer{width:100%; height: auto; overflow: hidden; position: relative; background:#f3f4f7; padding-top: 58px; padding-bottom:80px;}
.footer_left_top{width:57%; float: left}
.footer_left_top dl{float: left; margin-right:3%; max-width:19%}
.footer_left_top dl dt{font-size:16px; color: #000000; margin-bottom:20px; font-weight: bold;}
.footer_left_top dl dt h3{font-size:16px; color: #000000; font-weight: bold;}
.footer_left_top dl dd{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.footer_left_top dl dd a{width:100%; height:auto; line-height:26px; color: #777777; font-size:15px; display: block}
.footer_left_top dl dd a:hover{color:#1a55ce}
.in_footer_right{width:19%; height: auto; float: left; margin-right:2%}
.f_input{width:100%; height: auto; overflow:hidden; margin-bottom: 10px;}
.f_input h4{float: left; color:#000000; font-size: 16px; line-height: 30px; font-weight: bold;}
.f_input .t_tijiao{width:80px; height: 30px; float: right; background: #1a55ce; border-radius: 5px; text-align: center; line-height: 30px; color:#fff; font-size: 15px; border: 0; cursor: pointer}
.f_input .t_tijiao:hover{background: #000}
.in_footer_right p{width:100%; height: 50px; border-bottom: 1px solid #000000; margin-bottom: 10px; position: relative}
.in_footer_right p input[type="text"]{color:#777777; font-size: 15px; width: 100%; height: 100%; border: 0; background: none;}
.in_footer_xx{width:21%; float: right}
.in_footer_xx h4{font-size: 16px; color: #000000; font-weight: bold; margin-bottom: 10px}
.in_footer_xx h5{color:#1a55ce; font-size:30px; font-family: "ctx"}
.footer_dh{width:100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.footer_dh p{color:#333333; font-size: 15px; line-height: 30px;}
.footer_dh p span{width:42px;}
.f_wx{width:35px; height: 35px; position: relative; background: url(../images/f_wx.png) no-repeat center; float: left; margin-right: 20px;}
.f_wx img,.f_sj img{width:80px; height: auto; position: absolute; top:35px; left:0; display: none; z-index: 9}
.f_sj{width:35px; height: 35px; position: relative; background: url(../images/f_sj.png) no-repeat center; float: left}
.f_wx:hover img{display: block}
.f_sj:hover img{display: block}
.footer_copy{width:100%; height: 72px; background: #ebecef; line-height: 72px;}
.footer_copy .w1440{width:auto; display: table; margin: 0px auto;}
.footer_bq{width:100%; height: 72px; line-height: 72px; border-top:1px solid rgba(255,255,255,0.2); margin-top: 60px;}
.copy_bq{width:auto;;height:72px; line-height:72px; position: relative; color:#555555; font-size: 14px; float: left }
.copy_bq a{color:#555555; font-size:14px;}
.copy_bq a:hover{color:#1a55ce!important}
.footer_zhichi{width:auto; height:100%; float: right; margin-left:30px;}
.footer_zhichi p{ width: auto; float: left; margin-right: 20px; color:#b5cce3; line-height:70px;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:24px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:25px; }
.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: #555555;}
.footer_zhichi i{ float: left;}
.proshow_xx p{font-size: 16px; color: #333; line-height: 32px;}
/*客服*/
.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:#1a55ce;
height: 62px;
margin-bottom: 1px;
margin-left: 0;
overflow: hidden;
position: relative;
width: 77px; float:left;
}
/*内页 banner*/
.ny_banner{width:100%; height: 250px; overflow: hidden; background: #b2b3b9; padding:80px 0 60px; background-image: linear-gradient(to left, #1b56cb , #1a55ce);
background-image: -webkit-gradient(to left, #1b56cb , #1a55ce);
background-image: -webkit-radial-gradient(to left, #1b56cb , #1a55ce);}
.ny_banner .ny_banner_left{width:50%; float: left;}
.ny_banner .ny_banner_left h4{width:100%; height: 40px; line-height: 40px; font-size: 30px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.ny_banner .ny_banner_left p{font-size: 16px; color: #fff; line-height: 26px;}
.ny_banner_right{float: right; font-size: 14px; color: #fff; margin-top:75px; line-height:26px;}
.ny_banner_right a{font-size: 14px; color: #fff; margin: 0px 10px;}
.ny_banner_right a:hover{font-weight:bold;}
/*.about_ban{background:url(../images/about_ban.jpg) no-repeat center}
.case_ban{background:url(../images/case_ban.jpg) no-repeat center}
.contact_ban{background:url(../images/contact_ban.jpg) no-repeat center}
.news_ban{background:url(../images/news_ban.jpg) no-repeat center}
.product_ban{background:url(../images/product_ban.jpg) no-repeat center}
.service_ban{background:url(../images/service_ban.jpg) no-repeat center}
.search_ban{background:url(../images/search_ban.jpg) no-repeat center}*/
/*内页左边导航*/
.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%; height: 90px; background: #5cc343; line-height: 90px; text-align: center; font-size: 30px;color: #fff; font-weight: bold;}
.ny_left_nav{width:100%; height: auto; padding: 16px 0 60px 10px; background: #f0f0f1}
.ny_left_nav .yiji li{width: 100%; height:auto; padding-left:10px; margin-bottom:1px; background:url(../images/dian.png) no-repeat 8px 22px; }
.ny_left_nav ul li a{font-size: 16px; color: #333333;display: block; height:50px;line-height: 50px;position: relative;}
.ny_left_nav ul li .inactive{ background:url(../images/off.png) no-repeat 210px center;}
.ny_left_nav ul li .inactives{background:url(../images/on.png) no-repeat 210px center;}
.ny_left_nav ul li ul{display: none;}
.ny_left_nav ul li ul li { width: 100%; height: 50px; line-height: 50px; background: none;}
.ny_left_nav ul li ul li ul{display: none;}
.ny_left_nav ul li ul li a{ padding-left:20px; font-size: 14px; color: #666666}
.ny_left_nav ul li ul li.active a{color:#1b56cb; font-size: 14px; background: url(../images/r_jt.png) no-repeat 200px center}
.ny_left_nav ul li.active a{color:#1b56cb}
.ny_left_nav ul li:hover a.inactive{color:#1b56cb}
.ny_left_nav ul li ul li:hover a{color:#1b56cb}
.ny_left_nav ul li .inactives{color:#1b56cb}
.ny_left_nav ul li ul li:hover a{color:#1b56cb}
.yiji li.active{background:#fff url(../images/dian.png) no-repeat 8px 22px;}
.ny_left_nav ul li ul li:hover{background: url(../images/r_jt.png) no-repeat 210px center}
.ny_left_nav .yiji li:hover{background:#fff url(../images/dian.png) no-repeat 8px 22px;}
/*内页右边内容*/
.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: #484848; font-weight: bold; }
.ny_about_info{width:100%; height: auto; overflow: hidden; font-size: 16px; color: #666666; line-height: 34px; margin-top:35px; }
.ny_about_info img{max-width: 100%;}
.ny_about_info p{font-size: 16px; color: #333; line-height: 32px;}
/*产品中心*/
.ny_product{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.ny_product ul{width:100%; height: auto; overflow: hidden}
.ny_product ul li{width:32%; float: left; height: auto; margin-right: 2%; margin-bottom: 30px;}
.ny_product ul li h3{width:100%; height: 40px; line-height: 40px; font-size: 20px; color: #1b56cb; font-weight: bold;text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_product ul li .products_pic{height:auto; display: block;overflow: hidden;width:100%; border: 1px solid #dddddd;}
.ny_product ul li .products_pic img{width:100%; height:100%; display:block; 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 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_proshow_xq{width:100%; height:auto; overflow:hidden; font-size: 18px; line-height:28px; height: 200px; display: block;}
.ny_pro_more{width:100%; height: 36px; border-bottom: 1px solid #1b56cb; font-size: 14px; color: #666; line-height: 36px;position:relative}
.ny_product ul li:hover .ny_pro_more{color:#fff; transition: all 0.4s ease-in-out; }
.ny_pro_more:after{content:""; width:0; height:100%; display:block; position:absolute; top:0; left:0; transition: all 0.4s ease-in-out; background:rgba(0,47,139,0.9)}
.ny_product ul li:hover .ny_pro_more:after{width:100%; transition: all 0.4s ease-in-out;}
.ny_pro_more p{position:relative; z-index:9}
/*新闻*/
.ny_news_list{width:100%; height: auto; overflow:hidden; margin-top: 10px;}
.ny_news_list ul{width:100%; height: auto; overflow: hidden; margin-bottom: 30px;}
.ny_news_list li{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid #dddddd; padding: 25px 0;}
.news_time{width:10%; float: right; text-align: center; background: #f5f5f5; padding: 50px 0}
.news_time time{color: #1b56cb; font-size: 12px; margin-top: 10px; display:block; overflow: hidden; width: 100%; height:20px; line-height:20px; font-family: "Arial"}
.news_time p{ font-size:40px; color: #1b56cb;height: 35px; line-height: 35px; font-weight: bold;}
.ny_news_info{width:64%; float: left; margin-left: 3%;margin-top: 10px;}
.ny_news_info h3{ font-size:18px; color: #555555; width:100%; height:35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_news_info p{width:100%; line-height:28px; color: #666; font-size: 15px; word-break:break-all;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.ny_news_info span{width:98px; height:32px; border: 2px solid #cccccc; text-align: center; line-height: 28px; font-size: 14px; color: #666666; display: block; margin-top: 10px;}
.ny_news_img{width:21%; height:auto; float:left; overflow: hidden}
.ny_news_img img{width:100%; height: auto;transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.ny_news_list li:hover{border-bottom: 1px solid #1b56cb;}
.ny_news_list 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_list li:hover span{background: #1b56cb; color: #fff; border:2px solid #1b56cb; }
.ny_news_list li:hover .news_time{background: #1b56cb;}
.ny_news_list li:hover .news_time p{color:#fff}
.ny_news_list li:hover .news_time time{color:#fff;}
.ny_news_list li:hover h3{color:#1b56cb;}
/*联系我们*/
.ny_conta_info{width:100%; height: auto; padding: 35px 35px; background: #f5f5f5; overflow: hidden; margin-top: 35px;}
.ny_conta_info .ny_ibt{font-size: 24px; color: #313131; height: auto; line-height: 40px;}
.ny_conta_dz{width:50%; height: auto; float: left}
.ny_conta_dz p{font-size: 16px; color: #313131; line-height: 30px;}
.ny_conta_dz p i{color: #000000; margin-right: 5px;}
.ny_cont_wx{width:340px; height: auto; float: right}
.ny_cont_wx dl{width:140px; float: left; margin-right: 26px;}
.ny_cont_wx dl dt{width:140px; height: 140px; border: 4px solid #e5e5e5; /*! padding: 10px; */ background: #fff}
.ny_cont_wx dl dd{ font-size: 14px; color: #626262; height: 35px; line-height: 35px; text-align: center}
.ny_cont_wx dl dt img{width:100%; height: 100%;}
.map{width:100%; height: 400px; overflow: hidden; margin-top: 20px;}
.ny_rtime{width: 100%; line-height: 30px; color: #999; height: 30px; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;clear: both; font-size:14px;}
.ny_rtile{width: 100%; font-size: 20px; color: #555; padding: 30px 0px; text-align: center; clear: both}
.ny_rxingqu{width: 100%; font-size: 20px; color: #333; padding: 10px 0px; clear: both; margin-top: 50px;}
.keyword_light img{max-width:100%;}
.keyword_light p{font-size: 16px; color: #333; line-height: 32px;}
@media screen and (max-width:1680px){
.index_proclass{background: url(../images/c6.jpg) no-repeat 114% 93%;}
.h_yy{width:10%}
}
@media screen and (max-width:1500px){
.w1440,.container{width:1200px;}
.footer_left_top dl{max-width:17%}
.class_dh span{font-size:35px;}
.class_last_xx{margin:20px auto}
.class_last_xx p{font-size:12px;}
.class_last h5{margin-bottom:28px;}
.class_dh{margin-top:24px;}
.index_proclass{background:none}
.index_youshi{width:94%}
.index_about_left h3{font-size:25px;}
.index_about_left{width:60%}
.ny_banner .ny_banner_left{width:65%}
.ny_banner{padding:55px 0 60px;}
}
@media screen and (max-width:1500px){
.in_footer_left dl{margin-right:4.5%}
.nav{width:56%}
}
@media screen and (max-width:1330px){
.header_logo{width:240px}
}