@charset "utf-8";

body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, hr, pre, code, form, fieldset, legend, button, input, textarea, p, blockquote, table, th, td{margin:0; padding:0}
body{min-width:1340px; font:normal 100% 微软雅黑, "Microsoft YaHei", 宋体, Arial, Tahoma, Helvetica, sans-serif}
button, input, textarea, select{font-size:inherit; font-weight:inherit; border:0; outline:0; resize:none}
ul, ol, li{list-style:none}
fieldset, img{border:0}
h1, h2, h3, h4, h5, h6, code, dfn, em, var, i, b{font-style:normal; font-weight:normal}
a{text-decoration:none; color:#555}
input, textarea{outline-style:none}
/* 输入框内文字 */
input::-webkit-input-placeholder{color:#848484; font-size:13px}
input::-moz-placeholder{color:#848484; font-size:13px   /* Mozilla Firefox 19+ */}
input:-moz-placeholder{color:#848484; font-size:13px    /* Mozilla Firefox 4 to 18 */}
input:-ms-input-placeholder{color:#848484; font-size:13px  /* Internet Explorer 10-11 */}
/*滚动条*/
::-webkit-scrollbar{/*滚动条整体样式*/width:8px;/*高宽分别对应横竖滚动条的尺寸*/height:8px;}
::-webkit-scrollbar-thumb{/*滚动条里面小方块*/border-radius:5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0.4);}
::-webkit-scrollbar-track{/*滚动条里面轨道*/-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:rgba(0,0,0,0.1);}
/* 复制选中 */ 
::selection{background:#338FFF; color:#FFF}
::-moz-selection{background:#338FFF; color:#FFF}
::-webkit-selection{background:#338FFF; color:#FFF}

.w1200{width:1200px; margin:0 auto}
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.clear{clear:both}




/* header */
header{}

/* -------------- top -------------- */
.top{overflow:hidden; border-bottom:1px solid rgba(0,0,0,.08)}
.top_tel{font-size:12px; color:#666; height:34px; line-height:34px; padding-left:20px; background:url(../images/top_tel_ico.png) no-repeat left center}
.top_list{overflow:hidden}
.top_list li{float:left}
.top_list a{display:block; font-size:12px; color:#3e3e3e; line-height:34px; position:relative}
.top_list a:before{content:"|"; font-size:12px; margin:0 15px}
.top_list li:first-child a:before{display:none}

/* -------------- top2 -------------- */
.top2{position:relative}
/* logo */
.logo{height:90px; display:flex; align-items:center}
.logo img{max-height:53px}
/* nav */
nav{position:absolute; top:26px; right:0}
nav li{float:left; position:relative}
nav li a{display:block; font-size:15px; color:#4b4b4b; line-height:40px; margin:0 22px; position:relative}
nav li:last-child a{margin-right:0}
nav li a:before{content:""; position:absolute; bottom:0; left:50%; transform:translate(-50%,0); width:0; height:2px; background:#012c91}
.nav_on:before, nav li a:hover:before{width:100%}
nav li a:before{transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.n_list{position:absolute; left:50%; background:#434249; box-shadow:1px 0 5px rgba(0,0,0,0.3); z-index:9; opacity:0; visibility:hidden; -webkit-transition:all .4s ease-out; -ms-transition:all .4s ease-out; transition:all .4s ease-out; -webkit-transform:translate3d(-50%, 0.4rem, 0); -ms-transform:translate3d(-50%, 0.4rem, 0); transform:translate3d(-50%, 0.4rem, 0)}
.n_list a{font-size:12px!important; color:#EEE!important; display:block; overflow:hidden; white-space:nowrap; text-align:center; height:36px!important; line-height:36px!important; margin:0!important; padding:0 36px!important; border-bottom:1px solid rgba(0,0,0,.1)!important}
.n_list a:before{display:none}
nav li:hover .n_list{opacity:1; visibility:visible; -webkit-transform:translate3d(-50%, 0, 0); -ms-transform:translate3d(-50%, 0, 0); transform:translate3d(-50%, 0, 0)}
.n_list a:hover{background:rgba(0,0,0,.1); color:#FFF!important}

/* -------------- banner -------------- */
.wrap{position:relative; width:100%; margin:0 auto}
/* 左右箭头 */
.centered-btns_nav{opacity:0; position:absolute; top:50%; transform:translate(0,-50%); z-index:2; width:36px; height:64px; font-family:"宋体"; font-size:26px; color:#FFF; background:rgba(0,0,0,.5); text-align:center; line-height:70px}
.prev{left:5%}
.next{right:5%}
.wrap:hover .centered-btns_nav{opacity:1}
.wrap:hover .prev{left:10%}
.wrap:hover .next{right:10%}
.centered-btns_nav{transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease}
.centered-btns_nav:hover{background:#F60}
/* 圆点指示器 */
.centered-btns_tabs{
	text-align:center;
	font-size:0;
	list-style-type:none;
	position:absolute;
	bottom:30px;
	left:50%;
	transform:translate(-50%,0);
	z-index:999}
.centered-btns_tabs li{display:inline-block; margin:0 4px}
.centered-btns_tabs a{display:inline-block; width:34px; height:5px; background:#FFF; overflow:hidden}
.centered-btns_tabs .centered-btns_here a{background:#F60}
/* banner图 */
.rslides{position:relative; list-style:none; overflow:hidden; width:100%; height:auto; padding:0; margin:0}
.rslides li{-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0}
.rslides li:first-child{position:relative; display:block; float:left}
.rslides img{display:block; float:left; width:100vw; height:auto; border:0}






/* -------------- main -------------- */
main{overflow:hidden}

.i_tit{text-align:center; margin-bottom:55px}
.i_tit h1{font-size:28px; color:#252424; font-weight:bold}
.i_tit p{font-size:13px; color:#5d5d5d; text-transform:uppercase; margin:10px auto; position:relative}
.i_tit p:before{content:""; position:absolute; left:50%; transform:translate(-50%,0); bottom:-20px; width:52px; height:1px; background:#012c91}






/* -------------- 产品中心 -------------- */
.i_pro{margin:50px auto}
.i_pro_list, .i_news_list{overflow:hidden}
.i_pro_list li, .i_news_list li{float:left; width:31.66666%; margin:0 2.5% 35px 0; position:relative; overflow:hidden}
.i_pro_list li:nth-child(3n+0), .i_news_list li:nth-child(3n+0){margin-right:0}
.pro_cont{width:100%; height:225px}
.pro_cont img, .i_news_img img{width:100%; height:100%; object-fit:cover; image-rendering:pixelated; image-rendering:-webkit-optimize-contrast;}
.pro_n{position:absolute; left:0; bottom:0; width:calc(100% - 30px); padding:0 15px; background:rgba(0,0,0,.7)}
.pro_n p{max-width:100%; font-size:18px; color:#FFF; height:46px; line-height:46px; text-align:center; overflow:hidden; letter-spacing:2px; white-space:nowrap; text-overflow:ellipsis}

.i_pro_list li:hover img{-webkit-transform:scale(1.16,1.16); -moz-transform:scale(1.16,1.16); transform:scale(1.16,1.16);}
.i_pro_list li:hover .pro_n{bottom:-50px}
.pro_cont img, .pro_n{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}






/* -------------- 通栏 -------------- */
.tl_add{width:100%; background:url(../images/tl_add.jpg) no-repeat center; margin-bottom:45px; position:relative}
.tl_add img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.tl_add .w1200{position:relative; height:220px; display:flex; align-items:center}
.tl_text h1{font-size:26px; color:#FFF; font-weight:bold; margin-bottom:18px}
.tl_text p{font-size:16px; color:#FFF; font-weight:bold; line-height:34px}






/* -------------- 新闻资讯 -------------- */
.i_news{overflow:hidden; margin-bottom:45px}
.i_news_img{height:210px; overflow:hidden}
.i_news_box{padding:20px 15px; border:1px solid rgba(0,0,0,.08)}
.i_news_cont{height:120px; position:relative; overflow:hidden}
.i_news_cont h1{max-width:100%; font-size:16px; color:#565656; margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_news_cont p{font-size:12px; color:#797979; line-height:22px}
.i_news_more{position:absolute; left:0; bottom:0; width:100%}
.i_news_more b{float:left; display:block; padding:0 8px; font-size:12px; color:#FFF; background:#F60}
.i_news_more i{float:right; display:block; font-size:13px; color:#777}
.i_news_more b, .i_news_more i{line-height:24px}

.i_news_list li:hover h1{color:#F60}






/* -------------- 解决方案 -------------- */
.i_slt{overflow:hidden; margin-bottom:45px}

.i_slt_cont{padding:60px 0; background:url(../images/i_solution_bg.jpg) no-repeat top center}
.picScroll-left{width:100%; overflow:hidden; position:relative;}
/* 左右箭头 */
.slt_gd .hd{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:36px; overflow:hidden}
.slt_gd .hd .prev, .slt_gd .hd .next{
	position:absolute;
	top:0;
	width:43px;
	height:100%;
	box-sizing:border-box;
	border:1px solid #FFF;
	cursor:pointer;
	display:flex;
	justify-content:center;
	align-items:center
	}
.slt_gd .hd .prev{left:0}
.slt_gd .hd .next{right:0}
.slt_gd .hd em{display:block; width:40%; height:1px; background:#FFF; position:relative}
.slt_gd .hd em:before{content:""; position:absolute; top:0; width:7px; height:4px; background:#FFF}
.prev em:before{left:0}
.next em:before{right:0}
.slt_gd .hd .prev:hover, .slt_gd .hd .next:hover{border-color:#F60}
.slt_gd .hd .prev:hover em, .slt_gd .hd .next:hover em{background:#F60}
.slt_gd .hd .prev:hover em:before, .slt_gd .hd .next:hover em:before{background:#F60}
@media screen and (min-width:1831px){
	.slt_gd .hd{width:75%;}
	}
@media screen and (min-width:1560px) and (max-width:1830px){
	.slt_gd .hd{width:88%}
}
@media screen and (min-width:1200px) and (max-width:1559px){
	.slt_gd .hd{width:100%}
}
/* 滚动列表 */
.slt_gd .bd{overflow:hidden}
.slt_list{overflow:hidden; position:relative}
.slt_list li{width:360px; margin-right:60px; background:#FFF; float:left; overflow:hidden; text-align:center}
.slt_img{width:100%; height:242px}
.slt_list li img{width:100%; height:100%; object-fit:cover; image-rendering:pixelated; image-rendering:-webkit-optimize-contrast}
.slt_cont{height:160px; padding:26px 20px 0; position:relative}
.slt_cont h1{max-width:100%; margin:0 auto; font-size:18px; color:#1d1b1b; font-weight:bold; margin-bottom:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.slt_cont p{height:66px; font-size:13px; color:#505050; line-height:21px; overflow:hidden}
.slt_cont b{position:absolute; left:20px; bottom:0; width:calc(100% - 40px); height:38px; line-height:38px; font-size:13px; color:#505050; background:rgba(0,0,0,.1)}

.slt_list li:hover .slt_cont b{background:#F60; color:#FFF}






/* -------------- 项目案例 -------------- */
.case_more{display:block; margin:0 auto; width:200px; height:35px; line-height:35px; font-size:13px; color:#797979; text-align:center; border:1px solid rgba(0,0,0,.2); position:relative}
.case_more:before, .case_more:after{content:""; position:absolute; top:0; width:1px; height:100%; background:rgba(0,0,0,.2); z-index:-1}
.case_more:before{left:0}
.case_more:after{right:0}
.case_more:hover{border:1px solid #F60; color:#FFF}
.case_more:hover:before, .case_more:hover:after{width:50%; background:#F60}
.case_more, .case_more:before, .case_more:after{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}

.i_case_list{overflow:hidden; margin:35px auto 65px}
.i_case_list li{float:left; width:23.125%; margin:0 2.5% 15px 0}
.i_case_list li:nth-child(4n+0){margin-right:0}
.i_case_list li img{width:100%; height:184px; object-fit:cover}
.i_case_list li p{width:calc(100% - 40px); padding:0 20px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#383838; background:rgba(0,0,0,.1)}

.i_case_list li:hover p{background:#F60; color:#FFF}




/* footer */
footer{padding:40px 0; background:#333; overflow:hidden}

.f_logo, .f_contact, .f_qr{height:95px; display:flex; align-items:center}

.f_logo{margin-right:80px}
.f_logo img{max-height:53px; filter:invert(1); -webkit-filter:invert(1); -moz-filter:invert(1); -o-filter:invert(1); -ms-filter:invert(1);}

.f_contact p{font-size:13px; color:#FFF; line-height:25px}

.f_qr img{height:100%}







/* ------------------  内页  ------------------ */

/* 内页banner */
.ny_banner{width:100%; height:280px; background:#CCC; margin:0 auto; overflow:hidden; position:relative}
.ny_banner img{width:100%; height:100%}

/* 内页banner显示菜单 */
.ny_bt{position:absolute; top:45%; left:50%; transform:translate(-50%,-50%); width:1200px;  /* top:40%; transform:translate(0,-50%); left:110px */}
.ny_bt p{font-size:22px; color:rgba(255,255,255,.9); margin-bottom:8px; text-shadow:1px 1px 6px rgba(0, 108, 173, 0.5)}
.ny_bt b{display:block; font-family:Arial; font-size:16px; color:rgba(255,255,255,.5); letter-spacing:1px; text-transform:uppercase}

/* 内页二级导航 */
.ny_nav{position:absolute; bottom:0; left:50%; transform:translate(-50%,0); width:1200px; height:50px; background:rgba(255,255,255,.72)}
.ny_nav ul{overflow:hidden; float:left; margin-left:30px}
.ny_nav li{float:left; margin-right:22px}
.ny_nav li a{display:block; height:50px; font-size:14px; font-weight:bold; color:#55524f; line-height:50px; position:relative}
.current:before, .ny_nav li:hover a:before{content:""; position:absolute; bottom:0; left:50%; transform:translate(-50%,0); width:0; height:0; border-width:0 5px 5px; border-style:solid; border-color:transparent transparent #012c91; z-index:2}

/* 导航位置 */
.position{margin:18px 0}
.position a, .position i, .position em{font-size:12px; color:#888}
.position a:hover, .position em{color:#012c91!important} 

/* 简介页 */
#ny_content{
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f1f0), to(#FFF));
	background:-webkit-linear-gradient(top, #f4f1f0, #FFF);
	background:-moz-linear-gradient(left, #f4f1f0, #FFF);
	background:-ms-linear-gradient(left, #f4f1f0, #FFF);
	background:-o-linear-gradient(left, #f4f1f0, #FFF);
	background:linear-gradient(top right, #f4f1f0, #FFF);
	border-bottom:1px solid #CCC;
	}
.cont1200{width:1140px; background:#FFF; padding:45px 30px 80px 30px; margin:0 auto; box-shadow:0px -1px 15px rgba(0,0,0,0.08); overflow:hidden}


/* 新闻页 */
.ny_news{overflow:hidden}
.ny_news dt{margin-bottom:35px; overflow:hidden}
.ny_news_time{width:50px; height:50px; text-align:center; background:#9b9b9b}
.ny_news_time p{font-size:12px; color:#FFF; margin:8px 0 2px}
.ny_news_time b{font-size:14px; color:#FFF}
.ny_news_pic{width:225px; height:150px; overflow:hidden}
.ny_news_pic img{width:100%; height:100%; object-fit:cover}
.ny_news_text{width:820px}
.ny_news_text p{max-width:100%; font-size:17px; color:#555; margin:10px 0 18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ny_news_text h6{font-size:13px; color:#666; line-height:28px; margin-bottom:15px}
.ny_news_text b{font-size:13px; color:#888}
.ny_news dt a:hover img{-webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); transform:scale(1.15,1.15)}
.ny_news dt a:hover .ny_news_time{background:#012c91}
.ny_news dt a:hover .ny_news_text p, .ny_news dt a:hover .ny_news_text b{color:#012c91}
.ny_news_pic img{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}

/* 页数 */
.page-box{overflow:hidden; margin:35px auto 60px}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#555; font-size:13px; padding:5px 15px; margin:0 6px; border:1px solid #CCC; }
.pages a:nth-child(1){margin-left:0!important}
.pages .on{background:#012c91; border:1px solid #012c91; color:#FFF}
.pages a:hover{background:#012c91; border:1px solid #012c91; color:#FFF}


/* 公司产品 */
.ny_pro_list{overflow:hidden}
.ny_pro_list dt{width:22.9%; background:#f5f6f8; float:left; margin:0 2.8% 20px 0; padding-bottom:20px}
.ny_pro_list dt:nth-child(4n+0){margin-right:0}
.ny_pro_list dt a{display:block; width:85%; margin:0 auto; padding-top:16px; position:relative}
.ny_pro_pic{width:100%; overflow:hidden; position:relative}
.ny_pro_pic:before{content:""; display:block; padding-bottom:75%}
.ny_pro_pic img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; height:auto; max-width:100%; max-height:100%}
.ny_pro_list dt p{max-width:100%; height:36px; text-align:center; line-height:36px; font-size:14px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ny_pro_list dt:hover{background:#012c91}
.ny_pro_list dt:hover p{color:#FFF}


/* 新闻内容页 */
.article_tit{margin-bottom:35px; padding:0 0 28px 22px; position:relative; border-bottom:1px dashed #CCC}
.article_tit:before{content:""; position:absolute; top:0; left:0; width:3px; height:52px; background:#012c91}
.article_tit i{font-size:13px; color:#777}
.article_tit h1{font-size:22px; font-weight:bold; color:#333; margin-top:8px}
.article_cont{overflow:hidden;font-size:15px; color:#666; line-height:200%;  }
.article_cont img{display:block; margin:30px auto; max-width:80%}
.tiao{width:100%; overflow:hidden; margin:65px auto 40px}
.tiao p{width:46%; line-height:40px; font-size:14px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.tiao p a{color:#012c91}
.downnew{text-align:right}


.n_list dt{ position:relative;}
.menu-three{ position:absolute; display:none; background:#333; color:#FCF8F8; z-index:99px; left:140px; top:0;}
.n_list dt:hover .menu-three{ display:block;}