@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:normal 13px Microsoft Yahei, PingFang SC, system-ui, -apple-system, tahoma, Arial, 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:#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:95%; margin:0 auto}

:root{
	--i_color:#2574C1;    /* 全局颜色 */
	--i_color2:#FF9C3F;    /* 副颜色 */
	--top_height:60px;   /* 顶部高度 */
	--f_fixed_h:56px;    /* 底部固定栏高度 */
}


/* top */
.top{position:relative; background:#FFF; z-index:9999999999}
.top .wrap{height:var(--top_height)}


/* logo */
.logo{position:absolute; left:0; top:50%; transform:translate(0,-50%)}
.logo img{max-height:38px}



/* 移动端导航 */
.hide{display:none!important}
.m-nav{display:block}
.u-menu{position:absolute; right:0; top:0; display:block; width:50px; height:var(--top_height); transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:99999999999999999}
.u-menu div{position:absolute; left:13px; top:calc(50% - 1px); width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s}
.u-menu div i{position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:var(--i_color)}
.u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

.u-mask{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:999999999999999999999999999999999}

#g-wp{}
.g-wp{transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); z-index:2}

.m-nav{width:220px; height:100%; right:-220px; top:0; background:#FFF; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:1}
.m_nav_logo{width:100%; height:var(--top_height); box-sizing:border-box; border-bottom:1px solid rgba(0,0,0,.06); position:relative}
.m_nav_logo img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:72%; max-height:75%}

.fold_n_nav{height:calc(100vh - var(--top_height)); overflow-y:auto}
/*滚动条*/
.fold_n_nav::-webkit-scrollbar{width:3px; height:8px}
.fold_n_nav::-webkit-scrollbar-thumb{background:#BBB}
.fold_n_nav::-webkit-scrollbar-track{background:#F1F1F1}
.fold_n_nav li{border-bottom:1px solid rgba(0,0,0,.06); position:relative}
.fold_n_nav li>a{display:block; padding:0 50px 0 20px; font-size:15px; color:#555; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.m-nav .n_open>a{background:var(--i_color)!important; color:#FFF!important}
.fold_n_nav .n_switch{position:absolute; top:0; right:0; width:40px; height:40px; background:rgba(0,0,0,.03); cursor:pointer; z-index:2}
.fold_n_nav .n_switch:before{content:"+"; display:block; text-align:center; font-size:18px; color:rgba(0,0,0,.3); line-height:40px}
.m-nav .n_open .n_switch:before{content:"-"; color:#FFF!important}

.n_submenu{display:none; background:#FFF}
.n_submenu dt{border-bottom:1px dashed rgba(0,0,0,.05)}
.n_submenu dt:last-child{border-bottom:none}
.n_submenu dt a{display:block; padding:0 30px; font-size:12px; color:#777; line-height:34px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.n_submenu dt a:hover{background:rgba(0,0,0,.05)}


body.z-open .m-nav {transform:translate3d(-220px,0,0);-webkit-transform:translate3d(-220px,0,0);}
body.z-open .g-wp {transform:translate3d(-220px,0,0);-webkit-transform:translate3d(-220px,0,0); height:100vh!important; overflow:hidden!important}
body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.z-open .u-menu  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px)}
body.z-open .u-menu .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu .u-menu-middle{display:none}





/* ----------------------------- banner ----------------------------- */
.i_banner{overflow:hidden; position:relative}
.i_banner_list{padding:0; margin:0 auto; position:relative; overflow:hidden; z-index:1}
.i_banner_list .swiper-wrapper{display:flex; position:relative; width:100%; z-index:1}
.i_banner_list .swiper-slide{
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	flex-shrink:0;
	position:relative;
	}
.i_banner_list .swiper-slide:before{content:""; display:block; padding-bottom:40%}
.i_banner_list .swiper-slide img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}

/* 首页- banner - 圆点指示器 */
.banner-pagination{
	position:absolute;
	bottom:16px;
	left:50%;
	transform:translate(-50%,0);
	cursor:pointer;
	z-index:10
	}
.banner-pagination .swiper-pagination-bullet{width:12px; height:12px; display:inline-block; margin:0 4px; background:rgba(255,255,255,.7); -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none}
.banner-pagination .swiper-pagination-bullet-active{position:relative; background:var(--i_color2)}






/* main */
main{overflow:hidden}

/* 首页 栏目标题 */
.i_tit{margin-bottom:30px; text-align:center}
.i_tit h1{padding-bottom:14px; font-size:20px; color:var(--i_color); font-weight:bold; position:relative}
.i_tit h1:after{content:""; position:absolute; left:50%; transform:translate(-50%,0); bottom:0; width:50px; height:3px; background:var(--i_color)}
.i_tit p{margin-top:12px; font-size:12px; color:#666; line-height:20px}




/* 医药产业 */
.i_pi{margin:30px auto}

.i_pi_list{overflow:hidden}
.i_pi_list li{float:left; width:48%; margin:0 4% 10px 0}
.i_pi_list li:nth-child(2n){margin-right:0}
.i_pi_list a{display:block; overflow:hidden}

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

.i_pi_list .txt{margin-top:0; padding:0 18px; background:#F2F2F2}
.i_pi_list .txt p{text-align:center; font-size:14px; color:#555; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.i_pi_list a:hover .txt{background:var(--i_color)}
.i_pi_list a:hover .txt p{color:#FFF}






/* 新闻 */
.i_news{margin:40px auto; overflow:hidden}

.n_tabs{margin-bottom:20px; display:-webkit-flex; display:flex; flex-wrap:nowrap; justify-content:center; overflow:hidden}
.n_tabs a{display:block; text-align:center; width:30%; font-size:15px; color:#888; line-height:30px; background:rgba(0,0,0,.04)}
.n_tabs .active{color:#FFF!important; background:var(--i_color)!important}

#tabs-container{width:100%; margin:0 auto; overflow:hidden}
#tabs-container .swiper-wrapper{
	position:relative;
	width:100%;
	z-index:1;
	display:flex;
	}
#tabs-container .swiper-slide{
	flex-shrink:0;
	overflow:hidden;
	}

/* 图片新闻 头条 */
.i_tabnews_top{border-bottom:1px solid #E5E5E5; padding-bottom:12px; margin-bottom:10px}
.i_tabnews_top a{display:block; overflow:hidden}
.i_tabnews_top .img{float:left; width:150px; height:110px; position:relative; overflow:hidden}
.i_tabnews_top .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}
.i_tabnews_top .txt{float:right; width:calc(100% - 170px)}
.i_tabnews_top .txt p{margin:4px 0 8px; font-size:15px; color:#303030; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.i_tabnews_top .txt i{font-size:12px; color:#909090}
.i_tabnews_top .txt h6{margin-top:8px; font-size:13px; color:#909090; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_tabnews_top a:hover p{color:var(--i_color)}

/* 纯新闻列表 */
.i_news_list{overflow:hidden}
.i_news_list li{position:relative}
.i_news_list li:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:4px; height:4px; background:#BBB; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%}
.i_news_list a{padding-left:10px; display:block; overflow:hidden}
.i_news_list p{float:left; max-width:85%; font-size:14px; color:#545454; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_news_list i{float:right; font-size:13px; color:#979797}
.i_news_list p, .i_news_list i{line-height:34px}
.i_news_list a:hover p{color:var(--i_color)}






/* 关于圣音 */
.i_about{margin:40px auto 50px}

.i_about_t, .i_about_t *{font-size:13px; color:#666; line-height:22px}

.i_about_t>a{display:block; margin:20px auto 0; width:136px; line-height:30px; background:var(--i_color); font-size:16px; color:#FFF; text-align:center; font-weight:bold; -webkit-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; border-radius:100px; overflow:hidden}

.i_ab_list{margin-top:26px; width:100%; overflow:hidden; display:flex; display:-webkit-flex; /* Safari */ justify-content:space-between; flex-wrap:nowrap}
.i_ab_list li{width:31%}
.i_ab_list a{display:block; position:relative; overflow:hidden}

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

.i_ab_list li .txt{position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.4)}
.i_ab_list li .txt p{text-align:center; line-height:30px; font-size:14px; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}







/* 网页底部 */
footer{padding:30px 0 calc(var(--f_fixed_h) + 24px); background:#333238; position:relative}
footer:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:var(--f_fixed_h); background:#FFF}

.f_info{text-align:center; overflow:hidden}
.f_info .tit{font-size:15px; color:#FFF; margin-bottom:2px}
.f_info h1{margin:10px 0; font-size:24px; color:#FFF}
.f_info h6{font-size:13px; color:rgba(255,255,255,.5); line-height:24px}

.f_qr{display:table; margin:16px auto; overflow:hidden}
.f_qr li{float:left; margin:0 14px; text-align:center}
.f_qr img{max-height:88px}
.f_qr p{font-size:12px; color:#888; margin-top:6px}

.f_copy, .f_copy *{text-align:center; font-size:13px; color:#666; line-height:22px}





/* 底部固定栏 */
.f_fixed{--f_ico_size:20px}  /* 图标尺寸大小 */
.f_fixed{width:100%; background:#FFF; overflow:hidden; position:fixed; left:0; bottom:0; z-index:99999; box-sizing:border-box; border-top:1px solid #EEE}
.f_fixed li{float:left; width:25%; position:relative}
.f_fixed li:before{content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:rgba(0,0,0,.1)}
.f_fixed li:last-child:before{display:none}
.f_fixed a{display:flex; justify-content:center; align-items:center}
.f_fixed, .f_fixed a{height:var(--f_fixed_h)}
.f_fixed p{text-align:center; font-size:13px; color:#555}

.f_fixed em{display:block; margin:0 auto 3px; width:60px; height:var(--f_ico_size); background:url(../images/f_fixed_ico.png) no-repeat}

.f_fixed li:nth-child(1) em{background:url(../images/f_fixed_ico1.svg) no-repeat center}
.f_fixed li:nth-child(2) em{background:url(../images/f_fixed_ico2.svg) no-repeat center}
.f_fixed li:nth-child(3) em{background:url(../images/f_fixed_ico3.svg) no-repeat center}
.f_fixed li:nth-child(4) em{background:url(../images/f_fixed_ico4.svg) no-repeat center}














/* -------------------------- 内页 -------------------------- */
.in_banner{width:100%; position:relative}
.in_banner img{width:100%; min-height:120px; max-height:500px; object-fit:cover}

/* 内页二级导航 */
.in_nav_list{margin:10px auto 18px; overflow:hidden}
.in_nav_list li{float:left; width:calc((100% - 5px) / 2); margin:0 5px 5px 0}
.in_nav_list li:nth-child(2n){margin-right:0}
.in_nav_list li a{display:block; text-align:center; font-size:16px; color:#666; line-height:34px; background:#EEE; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; overflow:hidden}

.in_nav_on{background:var(--i_color)!important; color:#FFF!important}


/* 内页标题 */
.ny_tit{overflow:hidden; border-bottom:1px solid #EEE; margin:14px auto 12px; position:relative}
.ny_tit:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:3px; height:56%; background:var(--i_color)}
.ny_tit h1{padding:0 3%; font-size:16px; color:var(--i_color); line-height:38px}


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





/* 内页 品牌视频 列表 */
.in_v_list{overflow:hidden}

.in_v_list li{float:left; width:48%; margin:0 2% 24px 0}
.in_v_list li:nth-child(2n){margin-right:0}

.in_v_list .img{width:100%; background:#000; position:relative}
.in_v_list .img:before{content:""; display:block; padding-bottom:72%}
.in_v_list .img img{opacity:.6; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}

.in_v_list .img:after{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:50px; height:50px; background:url(../images/play_ico.png) no-repeat center}

.in_v_list .txt{width:100%; background:rgba(0,0,0,.05)}
.in_v_list .txt p{text-align:center; padding:0 20px; font-size:14px; color:#666; line-height:34px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.in_v_list li:hover .txt{background:var(--i_color2)}
.in_v_list li:hover .txt p{color:#FFF}






/* 内页 - 通用图片列表样式 */
.in_pic_list{overflow:hidden}

.in_pic_list li{float:left; width:48%; margin:0 2% 24px 0}
.in_pic_list li:nth-child(2n){margin-right:0}

.in_pic_list .img{width:100%; position:relative}
.in_pic_list .img:before{content:""; display:block; padding-bottom:72%}
.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{width:100%; background:rgba(0,0,0,.05)}
.in_pic_list .txt p{text-align:center; padding:0 20px; font-size:14px; color:#666; line-height:34px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.in_pic_list li:hover .txt{background:var(--i_color2)}
.in_pic_list li:hover .txt p{color:#FFF}






/* 内页 - 产品系列样式 */
.in_pd_list{margin:0 auto 20px; padding:10px 0 5px; overflow:hidden}
.in_pd_list li{float:left; width:48%; margin:0 4% 30px 0; text-align:center; overflow:hidden}
.in_pd_list li:nth-child(2n){margin-right:0}
.in_pd_list a{display:block; position:relative; overflow:hidden}

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

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


.in_pd_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_pd_list a:hover .txt{background:var(--i_color)}
.in_pd_list a:hover p{color:#FFF}

.in_pd_list li, .in_pd_list .txt, .in_pd_list img, .in_pd_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_list{width:100%; position:relative; overflow:hidden}
.in_pro_list li{float:left; width:48%; margin:0 4% 24px 0; padding:24px 0; background:#b19e7c; text-align:center; cursor:pointer; box-sizing:border-box; position:relative; overflow:hidden}
.in_pro_list li:nth-child(2n){margin-right:0}
.in_pro_list li a{display:block; overflow:hidden}
.in_pro_list .ico{margin:0 auto 12px}
.in_pro_list .ico img{max-width:46px; height:44px}
.in_pro_list .txt{padding:0 8px; overflow:hidden}
.in_pro_list .txt p{font-size:17px; color:#FFF; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.in_pro_list .txt h6{margin:6px auto 20px; font-size:12px; color:rgba(255,255,255,.4); height:36px; line-height:18px; text-transform:capitalize; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.in_pro_list .txt b{font-size:13px; color:#FFF}






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

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

.tag_name{padding:10px 20px; background:rgba(0,0,0,.06); cursor:pointer; position:relative}
.tag_name p{margin:0 0 6px 0; font-size:16px; font-weight:bold; color:#555}
.tag_name i{font-size:13px; color:#888}
.tag_name p, .tag_name i{display:block}

.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_news_list{overflow:hidden}
.in_news_list li{width:100%; padding-bottom:14px; margin-bottom:14px; border-bottom:1px dashed #DDD}
.in_news_list li:last-child{border-bottom:none}
.in_news_list a{display:block; position:relative; overflow:hidden}

.in_news_list .img{float:left; width:140px}
.in_news_list img{width:100%; height:106px; object-fit:cover}

.in_news_list .txt{float:right; width:calc(100% - 160px)}

.in_news_list p{font-size:15px; color:#444; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.in_news_list span{display:block; margin:6px 0 8px; overflow:hidden}
.in_news_list i{display:inline-block; padding-left:20px; margin-right:20px; font-size:12px; color:#AAA}
.in_news_list i:nth-child(1){background:url(../images/news_time.svg) no-repeat left center}
.in_news_list i:nth-child(2){background:url(../images/news_look.svg) no-repeat left center}
.in_news_list h6{display:block; font-size:13px; color:#888; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}

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





/* -------------------------- 内页 新闻详情页 -------------------------- */
.news_art{margin:20px auto; overflow:hidden}

.news_art_tit{overflow:hidden; text-align:center; margin-bottom:20px}
.news_art_tit h1{margin-bottom:10px; font-size:20px; color:#333; font-weight:bold}

.news_art_tit dl{display:inline-block; vertical-align:middle}
.news_art_tit dt{float:left; margin:0 10px 0 0}
.news_art_tit dt{font-size:14px; color:#888}






/* 内页 合作伙伴 列表 */
.in_pt_list li:hover a{border-color:var(--i_color)}

.in_pt_list{padding-top:10px; overflow:hidden}
.in_pt_list li{float:left; width:23%; margin:0 2% 8px 0; overflow:hidden; position:relative}
.in_pt_list li:nth-child(4n){margin-right:0}

.in_pt_list a{display:block; box-sizing:border-box; border:1px solid #DDD; width:100%; height:60px; position:relative; background:#FFF}
.in_pt_list img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:99%; max-height:99%}






/* 页数 */
.page-box{text-align:center; overflow:hidden; margin:15px auto 40px}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#555; font-size:14px; padding:0 10px; height:24px; line-height:24px; margin:0 3px; border:1px solid #CCC}
.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}
/* 上一篇 下一篇 */
.updown{margin:50px 0 20px; overflow:hidden}
.up{margin-bottom:8px; overflow:hidden}
.updown p{opacity:.5; padding:0 5px 0 22px; display:inline-block; font-size:15px; color:#000; -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -o-filter:grayscale(1); -ms-filter:grayscale(1); filter:grayscale(1)}
.up p{background:url(../images/up_ico.png) no-repeat left center}
.down p{background:url(../images/down_ico.png) no-repeat left center}
.updown a{font-size:15px; color:#555}
.updown a:hover{color:var(--i_color); text-decoration:underline}
.updown>div:hover p{opacity:1; color:var(--i_color); -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0); filter:grayscale(0)}





/* 联系我们 */
.in_contact{overflow:hidden}
.in_contact .txt{width:100%}
.in_contact .tit{margin-bottom:20px}
.in_contact .tit h1{margin-bottom:4px; font-size:20px; color:#444}
.in_contact .tit p{font-size:12px; color:var(--i_color2); text-transform:uppercase}

.in_contact article{}

.in_contact_qr{margin-top:20px}
.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:100%; height:310px; margin:30px auto 0; background:#CCC}
#allmap *{font-size:.13rem!important}






/* 在线留言 */
.in_message{margin:0 auto 50px; overflow:hidden}

.in_message>h4{margin-bottom:16px; font-size:13px; color:#666; line-height:24px}

.c_form_list{width:100%; overflow:hidden; margin-bottom:10px}
.c_form_list li{float:left; font-size:0; width:100%; margin:0 0 15px 0; box-sizing:border-box; border:1px solid #CDCDCD; position:relative}
.c_form_list label{display:inline-block; vertical-align:middle; 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_color)}

.checkboxes{margin-bottom:26px}
.checkboxes p{font-size:16px; color:#000; margin-bottom:8px}
.c_form_check{display:inline-block; vertical-align:top; 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:5px 10px; min-width:100%; max-width:100%; min-height:100px; box-sizing:border-box; border:1px solid rgba(0,0,0,.2)}

.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_color); -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; cursor:pointer}
.reset{color:#FFF!important; background:#999!important}