@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{margin:0; padding:0}
body, button, input, select, textarea{font:13px/1.5 微软雅黑, "Microsoft Yahei", tahoma, Arial, helvetica, sans-serif}
body{min-width:1340px}
h1, h2, h3, h4, h5, h6, code, dfn, em, var, i, b{font-style:normal; font-weight:normal}
ul, ol, li{list-style:none}
input, textarea{outline-style:none; border:0}
a{
	text-decoration:none;
	color:#333;
	tap-highlight-color:rgba(0,0,0,0); 
	focus-ring-color:rgba(0, 0, 0, 0); 
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
	-webkit-focus-ring-color:rgba(0, 0, 0, 0); 
	-moz-tap-highlight-color:rgba(0,0,0,0); 
	-moz-focus-ring-color:rgba(0, 0, 0, 0);
}
/*用来解决在安卓上的点击出现篮框问题*/
body{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
/*解决ios上去除微信点击蓝色边框 */
a:focus, input:focus, p:focus, div:focus{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
/* 表单文字 */
input::-webkit-input-placeholder{color:#AAA; font-size:12px}
input::-moz-placeholder{color:#AAA; font-size:12px}
input:-moz-placeholder{color:#AAA; font-size:12px}
input:-ms-input-placeholder{color:#AAA; font-size:12px}
/*滚动条*/
::-webkit-scrollbar{width:6px; height:8px}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:var(--i_color)}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:#F1F1F1}
/* 复制选中 */ 
::selection{background:#338FFF; color:#FFF}
::-moz-selection{background:#338FFF; color:#FFF}
::-webkit-selection{background:#338FFF; color:#FFF}

.fl{float:left}
.fr{float:right}
.container{overflow:hidden}
.pr{position:relative}
.clear{clear:both}
.wrap{width:1300px; margin:0 auto}

:root{
	--i_color:#0b66ac; /* 全局颜色 */
	--i_color2:#FF9C3F;  /* 副颜色 */
}

/* 网页头部 */
header{}

/* 顶部 */
.top{background:#363636; overflow:hidden}

.top_tel p{padding-left:22px; font-size:13px; line-height:36px; color:rgba(255,255,255,.7); background:url(../images/top_tel_ico.png) no-repeat left center}

.top_list{margin:0 40px; overflow:hidden}
.top_list li{float:left; position:relative}
.top_list li:after{content:"|"; color:rgba(255,255,255,.7); margin:0 16px}
.top_list li:last-child:after{display:none}
.top_list a{font-size:13px; color:rgba(255,255,255,.7); line-height:36px}
.top_list a:hover{color:#FFF; text-decoration:underline}

.search{font-size:0}
.search input{width:190px; background:rgba(255,255,255,.2); padding-left:16px; font-size:13px; color:#FFF; line-height:36px}
.search .sc_btn{width:36px; height:36px; background:var(--i_color2) url(../images/fdj.png) no-repeat center; cursor:pointer}
.search input, .search .sc_btn{display:inline-block; vertical-align:middle}


.top2{--height:100px}
.top2{height:var(--height)}

/* logo */
.logo{margin-top:27px}
.logo img{max-height:52px}



/* 导航 */
nav{}
nav li{float:left; margin-left:45px}
nav li:before{content:""; position:absolute; left:-26px; top:50%; transform:translate(0,-50%); width:1px; height:14px; background:rgba(0,0,0,.2)}
nav li:first-child:before{display:none}
nav li>a{display:block; font-size:16px; color:#404040; line-height:var(--height); position:relative;font-weight: bold;}
.nav_on a{color: var(--i_color);;}
.nav_on>a:after, nav li:hover>a:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:var(--i_color);}

.nav_sub{display:none; position:absolute; top:var(--height); left:0; width:100%; background:rgba(255,255,255,.9); z-index:999}
.nav_sub .tit{width:42%; padding:30px 8% 30px 0}
.nav_sub .tit h1{margin-bottom:20px; font-size:22px; font-weight:bold; color:#4E4E4E}
.nav_sub .tit p{font-size:13px; color:#666; line-height:28px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4}
.nav_sub .list{width:20%; padding:30px 0; border-left:1px solid rgba(0,0,0,.06); border-right:1px solid rgba(0,0,0,.06)}
.nav_sub .list dt{border-bottom:1px solid rgba(0,0,0,.06)}
.nav_sub .list dt a{padding:0 30px; display:block; font-size:14px; color:#666; line-height:40px}
.nav_sub .list dt a:hover{background:rgba(0,0,0,.06)}
.nav_sub .img{width:22%; padding:30px 0}
.nav_sub .img img{width:100%; height:150px; object-fit:cover}







/* ----------------------------- banner ----------------------------- */
.slider{position:relative; width:100%; overflow:hidden}
.slides{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}
.slide{display:block; text-align:center; float:left; position:relative; overflow:hidden}
.slide img{display:block; width:100vw; height:550px; text-align:center}

/* 左右箭头 */
.slider-arrows{opacity:0}
.slider-arrow{
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	width:70px;
	height:70px;
	line-height:70px;
	font-family:"SimSun", 宋体, NSimSun, FangSong;
	font-size:36px;
	color:#FFF;
	font-weight:bold;
	background:rgba(0,0,0,.2);
	text-align:center;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	z-index:2;
	}
.slider-arrow--left{left:0}
.slider-arrow--right{right:0}
.slider:hover .slider-arrows{opacity:1}
.slider:hover .slider-arrow--left{left:3%}
.slider:hover .slider-arrow--right{right:3%}
.slider-arrow:hover{background:var(--i_color)}

/* 指示器 */
.slider-nav{position:absolute; bottom:5%; display:-webkit-flex; display:flex; align-items:center; height:26px}
.slider-nav__item{float:left; width:66px; height:5px; margin:0 6px; background:rgba(255,255,255,.8)}
.slider-nav__item--current{background:var(--i_color)}

.slider-arrows, .slider-arrow--left, .slider-arrow--right{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}






/* main */
main{overflow:hidden}

.i_tit{text-align:center; margin-bottom:60px; overflow:hidden}
.i_tit h1{padding-bottom:20px; font-size:28px; color:#000; font-weight:bold; position:relative}
.i_tit h1:after{content:""; position:absolute; bottom:0; left:50%; transform:translate(-50%,0); width:38px; height:3px; background:var(--i_color2)}

.i_more{text-align:center}
.i_more a{display:inline-block; padding:0 80px; margin:0 auto; font-size:16px; color:#797979; background:#FFF; border:1px solid #CCC; box-sizing:border-box; line-height:50px; -webkit-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; border-radius:100px}
.i_more a:hover{background:var(--i_color2); color:#FFF}






/* 关于 */
.i_about{padding:50px 0 70px; background:url(../images/i_ab_bg.jpg) no-repeat center; background-size:cover; overflow:hidden}

.i_ab_cont{overflow:hidden}

.i_ab_cont .img{width:565px;height: 357px;overflow: hidden;}
.i_ab_cont .img img{width: 100%;height: 100%;}
.i_ab_cont .txt{width:calc(100% - 620px)}

.i_ab_cont .txt h1{font-size:22px; color:var(--i_color); font-weight:bold}
.i_ab_cont .txt p{margin:24px 0 28px; font-size:15px; color:#4F4F4F; line-height:38px}
.i_ab_cont .txt a{display:block; width:168px; line-height:42px; border:1px solid #CCC; text-align:center; font-size:14px; color:#939393}
.i_ab_cont .txt a:hover{background:var(--i_color); color:#FFF}

.i_ab_list{overflow:hidden; display:flex; display:-webkit-flex; justify-content:space-between; flex-wrap:wrap; margin-top:55px}
.i_ab_list li{text-align:center; overflow:hidden}
.i_ab_list .icon{width:150px; height:150px; border:3px solid #FFF; margin:0 auto; position:relative}
.i_ab_list .icon:before{content:""; position:absolute; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:132px; height:132px; background:#FFF}
.i_ab_list .icon, .i_ab_list .icon:before{-webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%}
.i_ab_list .icon img{opacity:.3; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:68px; max-height:60px}
.i_ab_list p{font-size:17px; color:#424242; margin:20px auto 12px}

.i_ab_list li:hover .icon{border-color:var(--i_color)}
.i_ab_list li:hover .icon:before{background:var(--i_color)}
.i_ab_list li:hover img{opacity:1; filter:invert(1); -webkit-filter:invert(1); -moz-filter:invert(1); -o-filter:invert(1); -ms-filter:invert(1)}
.i_ab_list li:hover p{color:var(--i_color)}






/* 产品类别 */
.i_pro_category{padding:36px 0; background:url(../images/i_pro_category_bg.jpg) no-repeat bottom; background-size:cover}

.i_pro_category .i_tit{margin-bottom:30px; text-align:left}
.i_pro_category .i_tit h1{color:#FFF}
.i_pro_category .i_tit h1:after{left:0; transform:none}

.i_pro_category_list{overflow:hidden}
.i_pro_category_list li{float:left; width:31.5%; position:relative; margin:0 2.75% 22px 0}
.i_pro_category_list li:nth-child(3n){margin-right:0}
.i_pro_category_list li:before{content:""; position:absolute; top:0; right:0; width:0; height:100%; background:#FFF}
.i_pro_category_list li:after{content:"+"; position:absolute; top:50%; transform:translate(0,-50%); right:20px; font-size:24px; color:rgba(255,255,255,.5)}
.i_pro_category_list li a{display:block; padding-left:20px; box-sizing:border-box; border:1px solid rgba(255,255,255,.4); font-size:15px; color:#FFF; line-height:40px; position:relative; z-index:2}

.i_pro_category_list li:hover:before{width:100%; left:0; right:auto}
.i_pro_category_list li:hover:after{color:#888}
.i_pro_category_list li:hover a{color:#888}
.i_pro_category_list li:before, .i_pro_category_list li:after, .i_pro_category_list li a{-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_pro{--bli_width:calc(100% - var(--li_width) * 2 - var(--mg) * 2); --li_width:23.8%; --bli_height:340px; --li_height:240px; --mg:20px; --box_height:calc(var(--bli_height) + var(--li_height) + var(--mg))}
.i_pro{padding:60px 0; background:#EDEDED}

.i_pro_list{margin-bottom:30px; padding:16px 0; height:var(--box_height); position:relative; overflow:hidden}
.i_pro_list li{float:left; width:var(--li_width); height:var(--li_height); margin:0 var(--mg) 0 0; text-align:center; background:#FFF}
.i_pro_list li:nth-child(1), .i_pro_list li:nth-child(6){width:var(--bli_width); height:var(--bli_height)}
.i_pro_list li:nth-child(3n){margin-right:0}
.i_pro_list li:nth-child(4){position:absolute; left:0; bottom:16px}
.i_pro_list li:nth-child(5){position:absolute; left:calc(var(--li_width) + var(--mg)); bottom:16px}
.i_pro_list li:nth-child(6){position:absolute; right:0; bottom:16px}

.i_pro_list li a{display:block; height:100%; overflow:hidden; position:relative}

.i_pro_list .img{width:100%; height:calc(100% - 60px); position:relative; overflow:hidden}
.i_pro_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:70%; max-height:70%; object-fit:cover}

.i_pro_list .txt{position:absolute; bottom:0; width:100%; padding:0 20px; box-sizing:border-box}
.i_pro_list .txt p{font-size:16px; color:#666; line-height:60px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.i_pro_list li:hover{box-shadow:0 0 26px rgba(12,137,219,.4)}
.i_pro_list li:hover img{max-width:80%; max-height:80%}
.i_pro_list li:hover .txt{background:var(--i_color)}
.i_pro_list li:hover .txt p{color:#FFF}
.i_pro_list .img 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}





/* 新闻资讯 */
.i_news{margin:40px auto; position:relative}

.i_news_cont{position:relative}
.i_news .swiper-container{padding-bottom:60px; margin:0 auto; overflow:hidden; z-index:1}
.i_news .swiper-wrapper{
	position:relative;
	padding-top:10px;
	width:100%;
	height:auto;
	z-index:1;
	display:flex;
	transition-property:transform;
	box-sizing:content-box;
	}
.i_news .swiper-slide{
	text-align:center;
	font-size:18px;
	height:auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	flex-shrink:0;
	position:relative;
	transition-property:transform;
	}
.i_news .swiper-slide a{display:block; width:100%; overflow:hidden; position:relative}
.i_news .img{width:100%; position:relative}
.i_news .img:before{content:""; display:block; padding-bottom:64%}
.i_news .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}
.i_news .txt{margin-top:20px; text-align:left; overflow:hidden; position:relative}
.i_news .txt h4{font-size:17px; color:#565656; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_news .txt p{margin:8px 0 12px; font-size:12px; color:#a2a2a2; line-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.i_news .txt i{font-size:13px; color:#797979}

.i_news .swiper-slide:hover{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px)}
.i_news .swiper-slide:hover h4{color:var(--i_color)}
.i_news .swiper-slide{-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_news .news-button-prev, .i_news .news-button-next{position:absolute; top:38%; width:40px; height:40px; background:rgba(0,0,0,.2); z-index:999; cursor:pointer; outline:none}
.i_news .news-button-prev:before, .i_news .news-button-next:before{
	position:absolute;
	top:50%;
	left:50%;
	font-size:16px;
	color:rgba(255,255,255,.8);
	font-family:宋体, sans-serif;
	letter-spacing:-2px;
    -ms-transform:translate(-50%,-50%) scale(1,1.3);
    -webkit-transform:translate(-50%,-50%) scale(1,1.3);
    -moz-transform:translate(-50%,-50%) scale(1,1.3);
    -o-transform:translate(-50%,-50%) scale(1,1.3);
	transform:translate(-50%,-50%) scale(1,1.3);
	}
.i_news .news-button-prev{left:12%}
.i_news .news-button-prev:before{content:"<<"}
.i_news .news-button-next{right:12%}
.i_news .news-button-next:before{content:">>"}
.i_news .news-button-prev:hover:before, .i_news .news-button-next:hover:before{color:#FFF}
@media screen and (min-width:1761px) and (max-width:1860px){
	.i_news .news-button-prev{left:8%}
	.i_news .news-button-next{right:8%}
}
@media screen and (min-width:1591px) and (max-width:1760px){
	.i_news .news-button-prev{left:5%}
	.i_news .news-button-next{right:5%}
}
@media screen and (min-width:1368px) and (max-width:1590px){
	.i_news .news-button-prev{left:1%}
	.i_news .news-button-next{right:1%}
}
@media screen and (max-width:1368px){
	.i_news .news-button-prev{left:.5%}
	.i_news .news-button-next{right:.5%}
}






/* --------------------- 底部通栏图片 --------------------- */
.i_tl{padding:52px 0 102px; background:url(../images/i_tl_img.jpg) no-repeat center; overflow:hidden}

.i_tl h1{font-size:34px; color:#FEFEFE; font-weight:bold; margin-bottom:26px}
.i_tl p{width:46%; font-size:14px; color:#FEFEFE; line-height:26px}






/* footer */
footer{background:#383838; overflow:hidden}
footer>.wrap{padding:42px 0 30px; overflow:hidden}

.f_nav{}
.f_nav dl{float:left; margin-right:58px; overflow:hidden}
.f_nav dl:last-child{margin-right:0}
.f_nav dt{margin-bottom:15px}
.f_nav dt a{font-size:18px; color:#FFF; font-weight:bold}
.f_nav dd a{font-size:15px; color:#FFF; line-height:34px}
.f_nav a:hover{color:var(--i_color)}

.f_qr{overflow:hidden; margin-right:60px}
.f_qr dt{text-align:center; margin-bottom:16px}
.f_qr img{width:80px}
.f_qr p{font-size:12px; color:#FFF; margin-top:5px}

.f_tel{max-width:360px; overflow:hidden}
.f_tel h1{font-size:20px; color:var(--i_color); font-weight:bold; margin-bottom:15px}
.f_tel p{font-size:16px; color:#FFF; line-height:35px}

.f_bq{background:#222}
.f_bq p{font-size:14px; color:#FFF; line-height:46px}















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

.in_banner{width:100%; overflow:hidden}
.in_banner img{width:100vw; height:330px; object-fit:cover}

/* 内页左侧 */
.ny_left{width:19.17%; margin-bottom:80px}

.menu_title{padding:20px 0 20px 22px; background:rgba(1,61,121,.8); position:relative}
.menu_title:before{content:""; display:block; position:absolute; top:0; right:20px; width:100px; height:100%; background:url(../images/menu_title_bj.png) no-repeat center; background-size:60px; opacity:.04}
.menu_title p{color:#FFF; font-size:18px; font-weight:bold}
.menu_title b{line-height:20px; color:#FFF; font-size:13px; text-transform:capitalize}
.ny_menu_list{margin:5px 0 0}
.ny_menu_list dt{overflow:hidden; position:relative}
.ny_menu_list dt:before, .ny_menu_list dt:after{position:absolute; top:50%; transform:translate(0,-50%); z-index:2}
.ny_menu_list dt:before{content:""; left:22px; width:8px; height:8px; background:url(../images/ny_left_jt.gif) no-repeat}
.ny_menu_list dt:after{content:">"; right:25px; font-family:"宋体"; color:#FFF; font-size:14px; font-weight:bold}
.curr:before, .ny_menu_list dt:hover:before{filter:brightness(100); -webkit-filter:brightness(100); -moz-filter:brightness(100); -o-filter:brightness(100); -ms-filter:brightness(100)}
.ny_menu_list dt a{display:block; padding-left:40px; font-size:14px; color:#666; line-height:40px; position:relative; border-bottom:1px solid #E9E9E9}
.curr a, .ny_menu_list dt:hover a{background:rgba(255,156,63,.9); color:#FFF!important;}

/* 左侧 联系 */
.ny_left_contact{margin-top:40px; border-top:3px solid var(--i_color); background:rgba(0,0,0,.03)}
.ny_left_contact h1{margin:16px auto; text-align:center; font-size:16px; color:#5f5f5f; font-weight:bold}
.ny_left_contact p{padding-top:48px; text-align:center; font-size:21px; color:var(--i_color); font-weight:bold; background:url(../images/tel_ico.gif) no-repeat top center;}
.ny_left_contact dl{margin-top:20px; padding:12px 20px 20px; border-top:1px solid #EEE;font-size:14px; color:#939393; line-height:26px}
.ny_left_contact dt{font-size:14px; color:#939393; line-height:26px}
.ny_left_contact p{font-size:14px; color:#939393; line-height:26px}






/* 内页右侧 */
.ny_right{width:76.5%; margin-bottom:40px}

/* 当前位置 */
.position{width:100%; margin-bottom:30px; border-bottom:1px solid #DDD; overflow:hidden}
.position dl{float:right}
.position dt{float:left}
.position dt a{font-size:12px; color:#666; line-height:46px; position:relative}
.position dt a:before{content:"-"; margin:0 6px; color:#888!important}
.position dt a:hover{color:var(--i_color)}
.position dt:first-child a:before{content:"您当前的位置 ："; margin:0}

/* 简介-文章 单页文字 新闻内容文字 */
article, article *{font-size:15px; line-height:32px; color:#444}
article img{max-width:100%; height:initial!important; margin:18px 0}



/* 内页 - 通用图片列表样式 */
.in_pic_list{margin:0 auto 20px; padding:10px 0 5px; overflow:hidden}
.in_pic_list li{float:left; width:30.6666%; margin:0 4% 40px 0; text-align:center; overflow:hidden}
.in_pic_list li:nth-child(3n){margin-right:0}
.in_pic_list a{display:block; position:relative; overflow:hidden}

.in_pic_list .img{width:100%; position:relative; overflow:hidden}
.in_pic_list .img:before{content:""; display:block; padding-bottom:65%}
.in_pic_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}

.in_pic_list .txt{position:absolute; left:0; bottom:0; width:100%; height:44px; background:rgba(0,0,0,.6)}
.in_pic_list .txt p{position:absolute; left:0; bottom:0; width:calc(100% - 40px); padding:0 20px; font-size:17px; color:#FFF; line-height:44px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.in_pic_list .case_more{opacity:0; position:absolute; left:0; top:150%; width:100%; box-sizing:border-box; padding:0 20px; overflow:hidden}
.in_pic_list .case_more i{
	display:inline-block;
    width:30%;
    border:1px solid rgba(255,255,255,.5);
    line-height:30px;
	text-transform:uppercase;
    font-size:12px;
    color:rgba(255,255,255,.7);
	z-index:2
}

.in_pic_list li:hover{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px)}
.in_pic_list a:hover .txt{height:100%}
.in_pic_list a:hover p{bottom:48%; z-index:2}
.in_pic_list a:hover .case_more{opacity:1; top:56%}
.in_pic_list .case_more i:hover{background:var(--i_color2); border-color:var(--i_color2); color:#FFF}
.in_pic_list li, .in_pic_list .txt, .in_pic_list img, .in_pic_list .txt p, .case_more{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}







/* ----------------------- 内页 - 新闻资讯 列表页 ----------------------- */
.in_news_list{overflow:hidden}
.in_news_list li{margin-bottom:24px; overflow:hidden}
.in_news_list a{display:block; border:1px solid #EEE; padding:20px; overflow:hidden}

.in_news_list .img{width:26%}
.in_news_list .img img{width:100%; height:150px; object-fit:cover}

.in_news_list .txt{width:68%; height:150px; position:relative; overflow:hidden}
.in_news_list .txt p{margin-bottom:16px; font-size:17px; color:#555}
.in_news_list .txt b{font-size:13px; color:#888; line-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}

.in_news_list .container{position:absolute; left:0; bottom:0; width:100%}
.in_news_list .time{float:left; font-size:12px; color:#777}
.in_news_list .container i{float:right; display:inline-block; padding:0 30px; background:rgba(0,0,0,.07); font-size:12px; color:#777}
.in_news_list .time, .in_news_list .container i{line-height:36px}

.in_news_list a:hover{border-color:var(--i_color)}
.in_news_list a:hover p{color:var(--i_color)}
.in_news_list a:hover i{background:var(--i_color); color:#FFF}





/* 内页 - 产品展示 列表 */
.in_pro_list{margin:0 auto 20px; padding:10px 0 5px; overflow:hidden}
.in_pro_list li{float:left; width:30.6666%; margin:0 4% 40px 0; text-align:center; overflow:hidden}
.in_pro_list li:nth-child(3n){margin-right:0}
.in_pro_list a{display:block; position:relative; overflow:hidden}

.in_pro_list .img{width:100%; box-sizing:border-box; border:1px solid #DDD; border-bottom:none; position:relative; overflow:hidden}
.in_pro_list .img:before{content:""; display:block; padding-bottom:75%}
.in_pro_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%}

.in_pro_list .txt{width:100%; background:rgba(0,0,0,.08)}
.in_pro_list .txt p{padding:0 20px; font-size:15px; color:#555; line-height:44px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.in_pro_list li:hover{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px)}
.in_pro_list a:hover .txt{background:var(--i_color)}
.in_pro_list a:hover p{color:#FFF}

.in_pro_list li, .in_pro_list .txt, .in_pro_list img, .in_pro_list .txt p{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}





/* 产品详情 */
.in_pro_det{overflow:hidden}

.in_pro_det .name{margin-bottom:30px; font-size:20px; color:#222; font-weight:bold}

.pro_details_tit{--img_size:420px}
.pro_details_tit{position:relative; overflow:hidden}
.bg_left{width:var(--img_size)}
/* 商品大图 */
.show{width:100%; height:var(--img_size); margin-bottom:6px; position:relative; box-sizing:border-box; border:1px solid #E8E8E8; cursor:move}
.show img{width:100%; height:100%; object-fit:contain}
.mask{width:215px; height:215px; background:#000; filter:Alpha(opacity=50); opacity:0.5; position:absolute; top:0; left:0; display:none;}
/* 小缩略图 */
.smallshow{width:100%; position:relative}
.smallshow>.middle_box{width:350px; overflow:hidden; margin:0 auto}
.smallshow .middle{overflow:hidden; transition:all 0.5s}
.smallshow .middle>li{width:64px; float:left; cursor:pointer; padding:0 3px;}
.smallshow img{width:100%; height:64px; border:1px solid #e8e8e8; box-sizing:border-box; transition:all 0.5s}
/* 小缩略图左右箭头 */
.smallshow>p{position:absolute; top:50%; transform:translate(0,-50%); width:22px; font-family:"宋体"; font-size:30px; font-weight:bold; margin:0!important; padding:0!important}
.smallshow>.prev, .smallshow>.next{color:#000; transition:all 0.5s; cursor:pointer; outline:none}
.smallshow>.prev{left:0}
.smallshow>.next{right:0}
.smallshow>.prev.prevnone, .smallshow>.next.nextnone{color:#BBB; cursor:not-allowed; outline:none}
/* 右侧放大展示 */
.bg_right{position:relative; z-index:999}
.bigshow{width:var(--img_size); height:var(--img_size); overflow:hidden; margin-left:5px; display:none; box-sizing:border-box; border:1px solid #E8E8E8;}
.bigshow img{width:100%; margin-right:5px;}

/* 产品详情内容 */
.in_pro_det_cont{margin:40px 0; overflow:hidden}
.in_pro_det_cont, .in_pro_det_cont *{font-size:15px; line-height:32px; color:#444}
.in_pro_det_cont img{display:block; max-width:100%; height:initial!important; margin:18px 0}

/* 更多推荐产品 */
.in_pro_more{margin:60px 0; overflow:hidden}
.in_pro_more .tit{margin-bottom:20px;/*  border-bottom:1px solid #DDD */}
.in_pro_more .tit p{display:inline-block; padding:0 40px; line-height:38px; background:var(--i_color2); text-align:center; font-size:16px; color:#FFF; position:relative}
.in_pro_more .tit p:after{content:""; position:absolute; top:0; right:-8px; width:6px; height:100%; background:var(--i_color2)}








/* 页数 */
.page-box{text-align:center; overflow:hidden; margin:35px auto}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#555; font-size:13px; padding:5px 14px; margin:0 3px; border:1px solid #CCC}
.pages a:nth-child(1){margin-left:0!important}
.pages .current{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}





/* ----------------------- 内页 - 新闻 图片 详情页 ----------------------- */
.in_news_art{overflow:hidden}

.in_news_art_head{margin-bottom:30px; padding-bottom:26px; border-bottom:1px solid #EEE; text-align:center; overflow:hidden}
.in_news_art_head h1{margin-bottom:16px; font-size:26px; color:#333; font-weight:bold}
.in_news_art_head dl{display:inline-block; vertical-align:middle}
.in_news_art_head dt{float:left; margin:0 10px}
.in_news_art_head dt{font-size:16px; color:#ff9c2f; font-weight:bold}

/* 文章底部 end 上一篇下一篇 */
.ar_fot{margin:40px auto 60px; overflow:hidden}

.ar_fot .end{margin-bottom:10px; text-align:center; font-size:17px; color:#555; font-weight:bold; position:relative}
.ar_fot .end:before, .ar_fot .end:after{content:""; position:absolute; top:50%; width:44%; height:1px; background:rgba(0,0,0,.2)}
.ar_fot .end:before{left:0}
.ar_fot .end:after{right:0}

.ar_fot a{display:block; padding-bottom:10px; margin:0 0 14px 0; overflow:hidden}
.ar_fot b{display:block; margin-right:16px; float:left; padding:0 14px; background:var(--i_color2);  color:#FFF; position:relative}
.ar_fot b:after{content:""; position:absolute; left:0; bottom:-8px; width:0; height:0; border-top:8px solid #ce7623; border-right:14px solid transparent}

.ar_fot b, .ar_fot span{font-size:16px; line-height:34px;}
.ar_fot a:hover span{color:var(--i_color2)}






/* 人才招聘 */
.rec_cont{overflow:hidden}

.rec_list{overflow:hidden}
.rec_list li{width:100%; margin-bottom:15px; overflow:hidden}

.tag_name{padding:18px 26px; background:rgba(0,0,0,.1); cursor:pointer; position:relative}
.tag_name p{font-size:16px; font-weight:bold; color:#555; margin-bottom:8px}
.tag_name i{font-size:13px; color:#888}

.tag_name em{display:block; position:absolute; top:50%; transform:translate(0,-50%); right:15px}
.tag_name em:before{content:"+"; font-size:21px; font-weight:bold; color:#000}
.liNow em:before{content:"-"!important; color:#FFF}

.rec_list li .liNow{background:var(--i_color)}
.rec_list li .liNow p{color:#FFF}
.rec_list li .liNow i{color:#FFF}

.tab_box{display:none; padding:20px 30px; box-sizing:border-box; border:1px solid #DDD; border-top:none}
.rec_list li:first-child .tab_box{display:block}
.tab_row{overflow:hidden; background:#FFF; border:1px solid #000; margin-bottom:15px}
.tab_row dl{overflow:hidden; float:left}

.tab_row dt, .tab_row dd{max-width:100%; height:28px; line-height:28px; padding-left:15px; font-size:13px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.tab_row dt{font-weight:bold; background:#FED10A; border-bottom:1px solid #000; position:relative}
.tab_row dt:after{content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#000}
.tab_row dl:last-child dt:after{display:none}
.tab_row dd{}

.tab_row dd:nth-child(odd){background:rgba(0,0,0,.05)}

.xg_pro{overflow:hidden}
.xg_pro .ny_rt_category_list{padding:20px; margin:0; background:rgba(0,0,0,.05)}
.xg_pro .ny_rt_category_list li{margin-bottom:0; border:none}








/* 联系我们 */
.in_contact{--map_width:50%}
.in_contact{overflow:hidden}
.in_contact .fl{width:calc(100% - var(--map_width) - 40px)}
.in_contact .tit{margin-bottom:30px}
.in_contact .tit h1{margin-bottom:4px; font-size:26px; color:#444}
.in_contact .tit p{font-size:16px; color:var(--i_color2); text-transform:uppercase}

.in_contact article{}

.in_contact_qr{margin-top:26px}
.in_contact_qr dl{display:inline-block; vertical-align:middle}
.in_contact_qr dt{float:left; margin:0 16px 0 0; text-align:center; background:#FFF}
.in_contact_qr dt img{width:100px; padding:6px; border:1px solid #DDD}
.in_contact_qr dt p{margin-top:8px; font-size:14px; color:#777}

/* 地图 */
#allmap{width:var(--map_width); height:420px; background:#CCC}






/* 在线留言 */
.in_message{width:100%; overflow:hidden}

.c_form_list{width:100%; overflow:hidden; margin-bottom:10px}
.c_form_list li{float:left; width:48%; 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:40px; line-height:40px; font-size:14px; color:#777; padding-left:10px}
.c_form_list input{display:inline-block; width:75%; height:40px; line-height:40px; background:#FFF; font-size:14px; color:#767676; border:none}
.c_form_list li:hover{border-color:var(--i_color2)}

.checkboxes{margin-bottom:26px}
.checkboxes p{font-size:16px; color:#666; margin-bottom:8px}
.checkboxes textarea{padding:10px; min-width:100%; max-width:100%; min-height:200px; box-sizing:border-box; border:1px solid rgba(0,0,0,.2); font-family:思源黑体; color:#848484; font-size:14px}

.btn_area{text-align:center; overflow:hidden; margin-top:10px}
.btn_area dl{display:inline-block; vertical-align:top}
.btn_area dt{float:left; margin:0 6px}
.btn_area input{display:inline-block; width:114px; height:32px; line-height:32px; text-align:center; font-size:13px; color:#FFF; background:var(--i_color2); -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; cursor:pointer}
.reset{color:#FFF!important; background:#999!important}