@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}
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}
/* 定义变量 */
:root{
	--t_u:translate(0,-50%);
	--t_l:translate(-50%,0);
	--t_c:translate(-50%,-50%);
	--i_color:#1C73AF;
}
/* 输入框内文字 */
input::-webkit-input-placeholder{font-family:微软雅黑, Microsoft YaHei; color:#848484; font-size:12px}
input::-moz-placeholder{font-family:微软雅黑, Microsoft YaHei; color:#848484; font-size:12px   /* Mozilla Firefox 19+ */}
input:-moz-placeholder{font-family:微软雅黑, Microsoft YaHei; color:#848484; font-size:12px    /* Mozilla Firefox 4 to 18 */}
input:-ms-input-placeholder{font-family:微软雅黑, Microsoft YaHei; color:#848484; font-size:12px  /* 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:var(--i_color); color:#FFF}
::-moz-selection{background:var(--i_color); color:#FFF}
::-webkit-selection{background:var(--i_color); color:#FFF}

.w1300{width:1300px; margin:0 auto; position:relative}
.fl{float:left}
.fr{float:right}
.clear{clear:both}



/* header */
header{}





/* -------------- top -------------- */
.top{--t_height:36px; --t_f_size:15px}

.top{width:100%; height:var(--t_height); overflow:hidden; background:var(--i_color)}

.top_tel{overflow:hidden}
.top_tel li{float:left; margin-right:15px; font-size:var(--t_f_size); font-weight:bold; line-height:var(--t_height); color:#d4e6f2}
.top_tel em{display:block; float:left; margin:10px 12px 0 0; width:20px; height:14px; background:url(../images/top_ico.png) no-repeat}
.top_tel li:nth-child(1) em{background-position:0 0}
.top_tel li:nth-child(2) em{background-position:0 -14px}

.lang_s{overflow:hidden;}
.lang_s dt{float:left; margin-left:30px}
.lang_s dt a{height:var(--t_height); line-height:var(--t_height); font-size:var(--t_f_size); color:#d4e6f2}

.search{width:275px; border-left:1px solid rgba(255,255,255,.3)}
.search_f{overflow:hidden; height:100%}
.search .serach_input{width:78%; height:var(--t_height); line-height:var(--t_height); margin-left:10px; border:0; font-size:var(--t_f_size); color:#FFF; background:transparent}
.search .btn_serach{width:var(--t_height); height:var(--t_height); border:0; cursor:pointer; background:rgba(255,255,255,.35) url(../images/search.png) no-repeat center; opacity:1}
.serach_input::-webkit-input-placeholder{color:#80ADCC}
.serach_input::-moz-placeholder{color:#80ADCC}
.serach_input:-moz-placeholder{color:#80ADCC}
.serach_input:-ms-input-placeholder{color:#80ADCC}

/* logo */
.logo{height:110px; display:flex; align-items:center}
.logo img{max-height:60px}

/* nav */
nav{float:right; margin-top:40px}
nav li{float:left; position:relative}
nav a{display:block; padding:7px 20px 10px; font-size:14px; color:#5C5C5C; position:relative}
nav a:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:0; background:var(--i_color); z-index:-1}
nav a:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:rgba(255,255,255,.4)}

.nav_on, nav a:hover{color:#FFF}
.nav_on:before, nav a:hover:before{height:100%}

.n_list{position:absolute; left:50%; min-width:100%; background:var(--i_color); 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%, 40px, 0); -ms-transform:translate3d(-50%, 40px, 0); transform:translate3d(-50%, 40px, 0)}
.n_list a{font-size:12px!important; color:#FFF!important; display:block; overflow:hidden; white-space:nowrap; text-align:center; height:34px!important; line-height:34px!important; margin:0!important; padding:0 24px!important; border-bottom:1px solid rgba(0,0,0,.1)!important}
.n_list a:before, .n_list a:after{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,.3)}

nav a, nav a:before{-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}






/* -------------- 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:#005097}
/* 圆点指示器 */
.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:16px;
	height:16px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	background:#FFF;
	overflow:hidden;
	}
.centered-btns_tabs .centered-btns_here a{background:var(--i_color)}
/* 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; background:#EDF3F6}
.i_cont{margin:45px auto; overflow:hidden}


/* 首页-产品分类 */
.i_pro_list{width:53%; padding:20px 0; background:#FFF}
.i_pro_list li{float:left; width:33.3333%; height:88px; box-sizing:border-box; border-right:1px solid #DDD; overflow:hidden; position:relative}
.i_pro_list li:before{content:""; position:absolute; top:50%; transform:var(--t_u); left:0; width:0; height:46px; background:var(--i_color)}
.i_pro_list li:nth-child(3n){border-right:none}
.i_pro_list li:nth-child(1), .i_pro_list li:nth-child(2), .i_pro_list li:nth-child(3){border-bottom:1px solid #DDD}

.i_pro_list li a{width:100%; height:100%; display:flex; align-items:center}
.i_pro_img{float:left; width:24%; margin-left:12%; text-align:center}
.i_pro_list li img{max-width:100%}
.i_pro_list li h1{float:left; font-size:17px; color:#4d4d4d; font-weight:bold; margin-left:16px}

.i_pro_list li:hover:before{width:3px}
.i_pro_list li:hover h1{color:var(--i_color)}

.i_pro_list li:before{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}






/* 首页-企业动态 */
.i_news{width:calc(43.5% - 56px); height:176px; padding:20px 28px; overflow:hidden; background:#FFF}

.i_news h1{font-size:18px; color:#4d4d4d; font-weight:bold; margin-bottom:16px}
.i_news a{float:right; font-size:12px; color:#797979; font-weight:normal; line-height:24px}
.i_news a:hover{color:var(--i_color)}

.i_news_list{overflow:hidden}
.i_news_list a{display:block; overflow:hidden; width:100%; position:relative}
.i_news_list a:before{
	content:"";
	position:absolute;
	top:9px;
	left:0;
	width:0;
	height:0;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	border-left:5px solid var(--i_color);
	}
.i_news_list p{max-width:74%; float:left; margin-left:18px; font-size:14px; color:#303030; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_news_list i{float:right; font-size:13px; color:#828181}
.i_news_list p, .i_news_list i{line-height:28px}

.i_news_list p:hover{color:var(--i_color)}






/* footer */
footer{overflow:hidden}
footer{--tit_f_size:16px; --tit_f_col:#4E4E4E}
footer .w1300{overflow:hidden; padding:32px 0}

.f_nav{overflow:hidden}
.f_nav dl{float:left; overflow:hidden; margin-right:40px; padding-right:40px; border-right:1px solid #DDD}
.f_nav dl:nth-child(1){width:200px; padding-right:0}
.f_nav dl:nth-child(1) dd{float:left; width:50%}
.f_nav dt{margin-bottom:18px}
.f_nav dt a{font-size:var(--tit_f_size); color:var(--tit_f_col)}
.f_nav dd a{font-size:13px; color:#777; line-height:28px}

.f_nav a:hover{color:var(--i_color)}

.f_contact{}
.f_tit{font-size:var(--tit_f_size); color:var(--tit_f_col); margin-bottom:15px}
.f_contact dt{font-size:12px; color:#777; line-height:28px}

.f_qr{overflow:hidden; margin-top:28px}
.f_qr img{float:left; max-height:85px}
.f_qr p{float:left; margin:15px 0 0 15px; line-height:26px; font-size:12px; color:#777}

.f_bq{width:100%; background:var(--i_color)}
.f_bq p{text-align:center; font-size:12px; color:#FFF; line-height:50px}
.f_bq a{color:#FFF}
.f_bq a:hover{text-decoration:underline}








/* 内页 */

/* 当前位置 */
.position{overflow:hidden; margin:20px 0}
.position dt{float:left}
.position dt a{font-size:12px; color:#666; position:relative}
.position dt a:before{content:">"; margin:0 6px; color:#888!important}
.position dt a:hover{color:#005097}
.position dt:first-child a:before{content:"POSITION ："; margin:0}

.ny_cont{overflow:hidden; margin-bottom:65px}

/* 内页左侧 */
.ny_left{float:left; width:18%}
.ny_left section{margin-bottom:35px}

h1.ny_left_tit{padding:8px 0 8px 20px; font-size:18px; color:#FFF; background:var(--i_color)}

.ny_left_nav{overflow:hidden; margin-top:5px}
.ny_left_nav li{border-bottom:1px solid #DDD}
.ny_left_nav a{display:block; padding-left:20px; font-size:14px; color:#555; line-height:40px; position:relative}
.ny_left_nav a:after{content:""; position:absolute; left:0; bottom:-1px; width:0; height:1px; background:var(--i_color)}
.ny_nav_on, .ny_left_nav li a:hover{color:var(--i_color)!important}
.ny_nav_on:after, .ny_left_nav li a:hover:after{width:75%!important}

.ny_left_nav a: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}
















/* 内页右侧 */
.ny_right{float:right; width:78%}

/* 栏目图片+标题 */
.lm_img{width:100%; height:260px; margin-bottom:30px; background:rgba(0,0,0,.5); overflow:hidden; position:relative}
.lm_img img{width:100%; height:100%; object-fit:cover}



/* 内页-简介页 */
.ny_right_cont{position:relative}
article, article *{font-size:14px; line-height:30px; color:#555; margin-bottom:10px}
article img{max-width:100%!important; height:initial!important}
article .contact_text img{max-width:initial!important}






/* 内页-企业视频 */
.ny_video_list{overflow:hidden}
.ny_video_list li{float:left; width:23.125%; margin:0 2.5% 30px 0; overflow:hidden}
.ny_video_list li:nth-child(4n+0){margin-right:0}
.video_img{width:100%; height:160px; overflow:hidden; position:relative}
.video_img:before, .video_img:after{content:""; position:absolute}
.ny_video_list img{width:100%; height:100%; object-fit:cover}
.ny_video_list p{text-align:center; font-size:15px; color:#666; line-height:45px}

.ny_video_list li:hover .video_img:before{top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5)}
.ny_video_list li:hover .video_img:after{top:50%; left:50%; transform:translate(-50%,-50%); width:0; height:0; border-top:18px solid transparent; border-bottom:18px solid transparent; border-left:30px solid #FFF}
.ny_video_list li:hover p{color:#005097}






/* 内页-产品展示 图片列表 */
.ny_pro_list{overflow:hidden}
.ny_pro_list li{float:left; width:23.125%; margin:0 2.5% 30px 0; box-sizing:border-box; border:1px solid #DDD; overflow:hidden}
.ny_pro_list li:nth-child(4n+0){margin-right:0}
.ny_pro_img{padding:20px 0; height:180px; background:#FFF; display:flex; justify-content:center; align-items:center; overflow:hidden}
.ny_pro_img img{max-width:60%; max-height:100%}
.ny_pro_list p{height:55px; padding:0 15px; background:rgba(0,0,0,.08); text-align:center; display:flex; justify-content:center; align-items:center; font-size:13px; color:#555; line-height:22px}

.ny_pro_list li:hover{border-color:var(--i_color)}
.ny_pro_list li:hover p{background:var(--i_color); color:#FFF}

 

/* .p_art_sx_tit{float:left; width:20px; padding:18px 5px; background:var(--i_color); text-align:center; font-size:14px; color:#FFF; line-height:18px}

.p_art_sx_cont{float:left; max-width:380px; padding:15px 20px; display:flex; align-items:center; overflow:hidden}
.p_art_sx_img{margin-right:20px}
.p_art_sx_img img{max-height:60px}

.p_sx_name{max-width:85%}
.p_sx_name p{font-size:18px; color:var(--i_color); font-weight:bold}
.p_sx_name p{max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} */






/* 内页-新闻列表 */
.ny_news_list{overflow:hidden}
.ny_news_list li{margin-bottom:45px; overflow:hidden}
.ny_news_list a{display:block; overflow:hidden}

.news_pic{width:18%; height:120px; overflow:hidden}
.news_pic img{width:100%; height:100%; object-fit:cover}

.news_cont{max-width:65%; margin-left:35px}
.news_cont h1{max-width:100%; font-size:16px; color:#555; font-weight:bold; padding-bottom:12px; border-bottom:1px dashed #DDD; margin:12px 0 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.news_cont p{font-size:12px; color:#888; line-height:22px}

.news_time{margin-top:25px; overflow:hidden; padding-bottom:20px; position:relative}
.news_time p{font-size:18px; color:#777}
.news_time i{display:block; line-height:30px; font-size:13px; color:#666}
.news_time:before{content:""; position:absolute; left:0; bottom:0; width:30px; height:1px; background:rgba(0,0,0,.4); z-index:2}
.news_time:after{content:">"; position:absolute; left:24px; bottom:-12px; font-family:"宋体"; font-size:18px; color:rgba(0,0,0,.5); z-index:1}

.ny_news_list 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_list a:hover h1{color:var(--i_color)}
.ny_news_list a:hover .news_time:before{left:20px; background:var(--i_color)}
.ny_news_list a:hover .news_time:after{left:44px; color:var(--i_color)}

.news_pic img, .news_cont h1, .news_time:before, .news_time: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}






/* 内页-新闻内容页(三级页面) */
.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:var(--i_color)}
.article_tit h1{font-size:22px; font-weight:bold; color:#333; margin-bottom:5px}
.article_tit p{font-size:13px; color:#777}
.article_tit i{margin-right:5px}

.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:var(--i_color)}
.downnew{text-align:right}






/* 页数 */
.page-box{overflow:hidden; margin:35px auto}
.center_page{text-align:center}
.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; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px}
.pages a:nth-child(1){margin-left:0!important}
.pages .on{background:var(--i_color); border:1px solid var(--i_color); color:#FFF}
.pages a:hover{background:var(--i_color); border:1px solid var(--i_color); color:#FFF}






/* 内页-联系我们 */
.contact_text{overflow:hidden}
.contact_text h1{font-size:20px; color:#333; font-weight:bold; margin-bottom:15px}
.contact_text p{line-height:26px}
.c_map_tit{display:block; font-size:16px; color:#555; font-weight:bold; margin:5px 0 15px}

.c_map{overflow:hidden; margin-bottom:20px}

/* 内页-在线留言 */
.c_form_list{width:100%; overflow:hidden; margin-bottom:10px}
.c_form_list li{float:left; width:38%; margin:0 4% 15px 0; box-sizing:border-box; border:1px solid #CDCDCD; position:relative}
.c_form_list li:nth-child(2n+0){margin-right:0}
.c_form_list label{display:inline-block; height:35px; line-height:35px; font-size:14px; color:#777; padding-left:10px}
.c_form_list input{display:inline-block; width:68%; height:35px; line-height:35px; background:none; font-size:14px; color:#666;}
.c_form_list li:hover{border-color:var(--i_color)}

.checkboxes{margin-bottom:15px}
.checkboxes p{font-size:16px; color:#444; font-weight:bold; margin-bottom:8px}
.c_form_check{overflow:hidden}
.checkboxes li{float:left; margin:0 20px 15px 0; overflow:hidden}
.checkboxes check{display:inline-block;}
.checkboxes i{display:inline-block; font-size:15px; color:#666; margin-left:5px}

.checkboxes textarea{padding:10px; min-width:80%; max-width:99%; min-height:100px; background:none; box-sizing:border-box; border:1px solid rgba(0,0,0,.2); font-family:微软雅黑; font-size:14px; color:#666}

.btn_area{overflow:hidden; margin-top:10px}
.btn_area input{display:inline-block; width:65px; height:30px; line-height:30px; text-align:center; font-family:微软雅黑; font-size:12px; color:#555; cursor:pointer}
.reset{background:var(--i_color); color:#FFF!important}




/* 内页-产品详情页 */
.p_article{background:#FFF; padding:20px 30px; border:1px solid #EEE}

.p_name h1{font-size:16px; color:#999; margin-bottom:10px}
.p_name p{font-size:24px; color:var(--i_color); font-weight:bold}

.p_info{overflow:hidden; margin-top:50px}
.p_art_img{width:20%}
.p_art_img img{width:100%}
.p_js{margin-left:8%; max-width:72%; }

.p_js p{font-size:18px; color:var(--i_color); line-height:35px; position:relative}
.p_js p:before{content:"◆"; margin-right:12px }

.p_bg{overflow:hidden; margin-top:50px; max-width:100%}
.p_bg table{ border:#333 solid 1px; font-size:14px; border-collapse:collapse}
.p_bg table td{ border:#333 solid 1px; font-size:14px; padding:5px;border-collapse:collapse}


/* 内页-产品详情页-上一篇下一篇 */
.p_art_sx{overflow:hidden; margin:65px auto 20px}
.p_art_sx li{max-width:45%; overflow:hidden; border:1px solid #DDD}
.p_art_sx li:first-child{float:left}
.p_art_sx li:last-child{float:right}

.p_art_sx_tit, .p_art_sx_cont{height:90px; display:flex; align-items:center;}
.p_art_sx_tit{width:34px; padding:0 5px; background:var(--i_color); text-align:center; font-size:14px; color:#FFF}
.p_art_sx_cont{max-width:calc(100% - 70px); padding:0 20px; overflow:hidden}
.p_art_sx_img{margin-right:20px}
.p_art_sx_img img{max-height:60px}
.p_art_sx_cont h1{float:left; font-size:16px; color:var(--i_color); font-weight:bold; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}