/* CSS Document created by 潘正龙QQ:315065690 2019-08-10 14:39:00 version 2.0 */
@charset "utf-8";

/* 通用属性 */
html,body { width:100%; height:100%; }
html.overflow { overflow:hidden; height:100%; width:100%; }
html.overflow body { overflow:hidden; height:100%; }
* { margin:0; padding:0; list-style:none; appearance:normal; -moz-appearance:normal; -webkit-appearance:normal; -webkit-tap-highlight-color:rgba(0,0,0,0); }
*:link    { -webkit-tap-highlight-color:rgba(0,0,0,0); }
*:visited { -webkit-tap-highlight-color:rgba(0,0,0,0); }
*:hover   { -webkit-tap-highlight-color:rgba(0,0,0,0); }
*:active  { -webkit-tap-highlight-color:rgba(0,0,0,0); }
body { font-size:62.5%; color:#222; font-family:Helvetica,STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Arial; position:relative; min-height:100%; min-width:320px; overflow-x:hidden; }
body:before { position:fixed; left:0; top:0; width:100%; bottom:0; z-index:-1; background:rgba(0,0,0,0.6); content:""; opacity:0; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s; transition:all .6s; }
body.gray { background:#eee; }
.float_clear { clear:both; }
.float_left { float:left; }
.float_right { float:right; }
.display_none { display:none; }
.display_block { display:block; }
.red { color:red; }
.must_input { font-weight:bold; color:red; }
.green { color:green; }
.blue { color:blue; }
.purple { color:purple; }
.orange { color:orange; }
.white { color:#fff; }
.clear { clear:both; }
img { border:none; vertical-align:top; }
/* a */ 
a { color:#222; text-decoration:none; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; -webkit-tap-highlight-color:rgba(0,0,0,0); }
a:visited { -webkit-tap-highlight-color:rgba(0,0,0,0); }
a:active, a:hover { text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); tap-highlight-color:rgba(0,0,0,0); }
a:focus { outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); tap-highlight-color:rgba(0,0,0,0); }
p { line-height:22px; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
:focus { outline:0; text-decoration:none; }
a:focus { outline:0; text-decoration:none; }
i,span,em,small,big,b,strong { font-style:normal; font-weight:normal; }
.flex { 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; }
.lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.mflex { 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-direction:column; -webkit-flex-direction:column; text-align:center; }

/*通用头部*/
header { position:relative; height:64px; background:#4467a7; padding:12px 0; box-sizing:border-box; color:#fff; z-index:1003; }
header span { width:100%; font-size:26px; height:100%; }
header span img { height:100%; }
header #menu { position:absolute; left:0; top:0; height:100%; width:76px; cursor:pointer; font-size:26px; }

nav { position:absolute; left:0; top:64px; bottom:0; z-index:1004; width:40%; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s; transition:all .6s; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; overflow:hidden; overflow-y:auto; transform:translateX(-100%); -o-transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); background:#4467a7; opacity:0; border-top:1px solid #fff; }
nav dl { border-bottom:1px solid #fff; }
nav dl:last-child { margin:0 0 60px; }
nav dl a { height:100%; padding:0 20px 0 60px; display:block; }
nav dt { height:60px; font-size:20px; line-height:60px; }
nav dt a { color:#fff; }
nav dl i.iconfont { width:56px; float:left; text-align:center; height:100%; font-size:24px; }
nav dl b.iconfont { float:right; width:24px; text-align:center; height:100%; font-size:16px; }
nav dd { font-size:18px; height:40px; display:none; line-height:40px; }
nav dd a { color:#acacab; padding:0 20px 0 116px; }
nav.NavIn { transform:translateX(0); -o-transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); opacity:1; }
html.overflow body:before { opacity:1; z-index:1001; }
nav dl.current dd { display:block; }
nav dl.current dd.current b { color:#fff; }

nav dl.current { background:#fff; }
nav dl.current dt a { color:#4467a7; }

/*首页样式*/
.success { -webkit-animation:fadeIn 01s ease 0.2s 1 both; animation:fadeIn 1s ease 0.2s 1 both; -moz-animation:fadeIn 1s ease 0.2s 1 both; -o-animation:fadeIn 1s ease 0.2s 1 both; -ms-animation:fadeIn 1s ease 0.2s 1 both; }
@-webkit-keyframes fadeIn {
from { opacity:0; }
to { opacity:1; }
}
@keyframes fadeIn {
from { opacity:0; }
to { opacity:1; }
}

.inews { margin:20px 20px 10px; height:46px; background:#e6e6e6; border-radius:5px; line-height:46px; }
.inews i { display:block; width:50px; height:100%; text-align:center; font-size:24px; }
.inews a { display:block; width:calc(100% - 50px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:100%; font-size:18px; }

.ititle { height:20px; padding:10px 20px; }
.ititle h2 { height:100%; line-height:20px; font-size:20px; font-weight:bold; padding:0 0 0 10px; border-left:5px solid #4467a7; }
.ititle h2 i { color:#666; font-weight:bold; }

.ibrand { padding:0 20px; }
.ibrand hgroup { margin:0 -10px; }
.ibrand hgroup a { display:block; padding:10px; box-sizing:border-box; float:left; width:33.3333334%; }
.ibrand dl { width:100%; height:200px; position:relative; background:#eee; }
.ibrand dl dt { display:none; }
.ibrand dl dd { height:100%; }
.ibrand dl dd img { max-width:100%; max-height:100%; }

.ipro { padding:0 20px; }
.ipro hgroup { margin:0 -10px; }
.ipro hgroup a { display:block; padding:10px; box-sizing:border-box; float:left; width:33.3333334%; }
.ipro dl { width:100%; height:200px; position:relative; border:1px solid #ccc; }
.ipro dl dt { font-size:18px; text-shadow:1px 1px 1px #000; position:absolute; left:0; right:0; top:50%; height:42px; line-height:42px; margin:-21px 0 0; z-index:1; background:rgba(68,103,167,0.6); color:#fff; }
.ipro dl dd { height:100%; position:relative; }
.ipro dl dd img { max-width:100%; max-height:100%; }

.iso { padding:0 10px; }
.iso hgroup { }
.iso hgroup a { display:block; padding:10px; box-sizing:border-box; float:left; width:25%; }
.iso dl { width:100%; position:relative; }
.iso dl dt { position:relative; border:1px solid #ccc; border-bottom:0; }
.iso dl dt img { width:100%; height:auto; opacity:0; }
.iso dl dt i { position:absolute; left:0; top:0; right:0; bottom:0; color:#4467a7; font-size:80px; background:#fff; }
.iso dl dd { height:42px; line-height:42px; border:1px solid #ccc; border-top:2px solid #4467a7; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px; text-align:center; background:#fff; }

.iservice { padding:0 20px; }
.iservice hgroup { margin:0 -10px; }
.iservice hgroup a { display:block; padding:10px; box-sizing:border-box; float:left; width:33.3333334%; }
.iservice dl { width:100%; height:200px; position:relative; background:#eee; }
.iservice dl dt { height:21%; font-size:18px; }
.iservice dl dd { height:79%; font-size:80px; }

/*通用底部*/
.footer { height:138px; }
footer { position:fixed; left:0; width:100%; bottom:0; height:88px; background:#4467a7; z-index:1000; }
footer dl { height:100%; width:20%; }
footer dl a { color:#fff; height:100%; position:relative; }
footer dl dt.flex { font-size:36px; }
footer dl dd { font-size:20px; }

/*通用部分*/
.content { }
.content h2 { font-size:20px; font-weight:bold; margin:10px 0; color:#4467a7; }
.content h2:first-child { margin:0 0 10px; }
.content h3 { font-size:18px; font-weight:bold; margin:10px 0; color:#4467a7; }
.content p { font-size:16px; line-height:26px; text-indent:2em; margin:0 0 10px; white-space: normal;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;}

.content.content { padding:20px 20px 0; } 
.content .content_title { padding:10px 20px; background:#fff; margin:0 0 20px; }
.content .content_intro { padding:20px; background:#fff; margin:0 0 20px; }
.content .content_intro.flex img { max-width:100%; }

.page_turner {  }
/*分页样式*/
.pagination {text-align: center;clear: both;}
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #4467a7;color: #fff;border: 1px solid #4467a7;}
.pagination li a {display: block;text-align: center;}

/**品牌**/
.brands { padding:10px; }
.brands ul {  }
.brands li { padding:0 0 20px; }
.brands li a { display:block; border:1px solid #ccc; background:#fff; padding:20px; }
.brands img { float:left; padding:0 20px 0 0; width:200px; }
.brands i { color:#4467a7; font-size:24px; }
.brands.brandd { padding:20px; }

/*产品*/
.pro { padding:10px; }
.pro ul {  }
.pro li { float:left; width:33.3333334%; padding:10px; box-sizing:border-box; }
.pro dl { background:#fff; }
.pro dl a { width:100%; height:100%; }
.pro dl dt { padding:20px; }
.pro dl dt img { max-width:100%; max-height:100%; }
.pro dl dd { background:#4467a7; height:60px; color:#fff; width:100%; }
.pro dl dd p { height:100%; width:calc(100% - 60px); padding:10px 0 10px 20px; box-sizing:border-box; }
.pro dl dd p em,.pro dl dd p b { text-align:left; font-size:16px; display:block; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pro dl dd i { width:60px; height:100%; background:#000; font-size:30px; }

/*解决方案*/
.case.iso { padding:10px; }
.case.iso.cases dl dt img { opacity:1; }

/**服务支持**/
#service ul { margin:-10px -10px 0; }
#service li { padding:10px; width:33.333334%; box-sizing:border-box; float:left; }
#service li a { display:block; background:#fff; box-shadow:0 0 10px #ccc; padding:20px; }
#service dl { position:relative; }
#service dt { font-size:80px; height:140px; }
#service dd.name { text-align:center; font-size:20px; font-weight:bold; }
#service dd.intro { font-size:16px; line-height:26px; padding:10px 0 0; }

/*合作伙伴*/
#partner ul { margin:-10px -10px 0; text-transform:uppercase; }
#partner li { float:left; width:20%; padding:10px; box-sizing:border-box; }
#partner dl { position:relative; border:1px solid #ccc; padding:5px; }
#partner dt img { width:100%; }

/**搜索**/
#search form {  }
#search ul { margin:0 -5px; }
#search ul li { float:left; width:calc(100% / 6); height:30px; padding:0 5px; box-sizing:border-box; }
#search ul li label { height:100%; font-size:16px; width:42px; color:#4467a7; }
#search ul li input { height:100%; box-sizing:border-box; width:calc(100% - 42px); font-size:16px; padding:0 5px; text-transform: uppercase; line-height:30px; }
#search ul li:last-child input { width:100%; background:#4467a7; color:#fff; border:0; }

#search table { width:100%; border-collapse:collapse; text-transform:uppercase; font-size:16px; margin:0 0 20px; background:#fff; }
#search th { text-align:center; border:1px solid #ccc; font-weight:bold; padding:5px; }
#search td { padding:5px; border:1px solid #ccc; }

#search .content_title h2 { margin:0; }

/*新闻*/
#news ul { padding:0 0 20px; }
#news li { position:relative; padding:20px; background:#fff; border:1px solid #ccc; }
#news li a { display:block; }

/*关于我们*/
#contact { padding-left:0; padding-right:0; }
#contact p { text-indent:0; }
#contact h3 { margin:0 0 10px; }
#contact ul { width:100%; margin:0 0 10px; }
#contact li { width:240px; height:240px; padding:10px; box-sizing:border-box; }
#contact li a { border:5px solid #4467a7; height:100%; width:100%; box-sizing:border-box; border-radius:100%; font-size:100px; }
#contact li a img { max-width:70%; }


/*响应式开始*/
@media screen and (max-width:767px){

header { height:50px; padding:10px 0; }
header span { font-size:20px; }
header #menu { width:50px; font-size:20px; }

nav { top:50px; width:70%; }
body:before { top:50px; }
nav dl:last-child { margin:0 0 50px; }
nav dl a { padding:0 10px 0 20px; }
nav dt { height:42px; font-size:18px; line-height:42px; }
nav dl i.iconfont { width:46px; font-size:20px; }
nav dl b.iconfont { width:20px; font-size:14px; }
nav dd { font-size:16px; height:36px; line-height:36px; }
nav dd a { padding:0 10px 0 66px; }

.inews { margin:12px 12px 6px; height:32px; line-height:32px; }
.inews i { width:36px; font-size:18px; }
.inews a { font-size:16px; width:calc(100% - 36px); }

.ititle { height:18px; padding:12px; }
.ititle h2 { line-height:18px; font-size:18px; padding:0 0 0 6px; border-left:3px solid #4467a7; }

.ibrand { padding:0 12px; }
.ibrand hgroup { margin:0 -6px; }
.ibrand hgroup a { padding:6px; }
.ibrand dl { height:auto; padding:6px; box-sizing: border-box; }
.ibrand dl dd { height:auto; }

.ipro { padding:0 6px; }
.ipro hgroup { margin:0; }
.ipro hgroup a { padding:6px; }
.ipro dl { height:120px; }
.ipro dl dt { height:30%; font-size:16px; line-height:normal; top:35%; margin:0; }

.iso { padding:0 6px; }
.iso hgroup a { padding:6px; width:calc(100% / 3); }
.iso dl dt i { font-size:60px; }
.iso dl dd { height:36px; line-height:36px; font-size:16px; }

.iservice { padding:0 12px; }
.iservice hgroup { margin:0 -6px; }
.iservice hgroup a { padding:6px; }
.iservice dl { height:auto; }
.iservice dl dt { height:36px; line-height:36px; font-size:16px; }
.iservice dl dd { height:94px; font-size:60px; }

.footer { height:100px; }
footer { height:60px; }
footer dl dt.flex { font-size:22px; }
footer dl dd { font-size:16px; }

.page_turner { padding:10px 0 0; }
/*分页样式*/
.pagination {text-align: center;clear: both;}
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #4467a7;color: #fff;border: 1px solid #4467a7;}
.pagination li a {display: block;text-align: center;}

.content h2 { font-size:18px; margin:6px 0; }
.content h2:first-child { margin:0 0 6px; }
.content h3 { font-size:16px; margin:6px 0; }
.content p { font-size:15px; line-height:24px; margin:0 0 6px; white-space: normal;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;}

.content.content { padding:12px 12px 0; }
.content .content_title { padding:6px 12px; margin:0 0 12px; }
.content .content_intro { padding:12px; margin:0 0 12px; }

.brands { padding:6px; }
.brands li { padding:0 0 12px; }
.brands li a { padding:12px; }
.brands img { padding:0 12px 0 0; width:150px; }
.brands i { font-size:20px; }
.brands.brandd { padding:12px; }

.pro { padding:6px; }
.pro li { width:50%; padding:6px;}
.pro dl dt { padding:6px; }
.pro dl dd { height:50px; font-size:16px; }
.pro dl dd p { width:calc(100% - 50px); padding:5px 0 5px 12px; line-height:20px; }
.pro dl dd p em, .pro dl dd p b { font-size:16px; line-height:40px; height:40px; }
.pro dl dd i { width:50px; font-size:26px; }

.case.iso { padding:6px; }

#service ul { margin:-6px -6px 0; }
#service li { padding:6px; width:50%; }
#service li a { padding:12px; }
#service dt { font-size:60px; height:100px; }
#service dd.name { font-size:18px; }
#service dd.intro { font-size:15px; line-height:24px; padding:6px 0 0; }

#partner ul { margin:-6px -6px 0; }
#partner li { width:calc(100% / 3); padding:6px; }
#partner dl { padding:0; }

#search ul { margin:-6px -6px 0; }
#search ul li { width:calc(100% / 3); height:42px; padding:6px; }
#search ul li label { font-size:15px; width:36px; }
#search ul li input { width:calc(100% - 36px); font-size:15px; padding:0 4px; line-height:28px; }
#search ul li input:placeholder { font-size:15px; }

#search table { font-size:15px; margin:0 0 12px; }
#search th { padding:4px; }
#search td { padding:4px; }

#news ul { padding:0 0 12px; }
#news li { padding:12px; }

#contact h3 { margin:0 0 6px; }
#contact ul { margin:0 0 6px; display:block; }
#contact li { width:50%; height:160px; padding:6px 0; float:left; }
#contact ul li:nth-child(2n+1) { clear:both; }
#contact ul li:nth-child(n+3) { width:100%; }
#contact li a { border:4px solid #4467a7; font-size:60px; width:148px; }
#contact li a img { max-width:65%; }

}

@media screen and (max-width:400px){

header { height:48px; }
header span { font-size:19px; }
header #menu { font-size:19px; }

nav,body:before { top:48px; }
nav dl:last-child { margin:0 0 40px; }
nav dl a { padding:0 10px 0 20px; }
nav dt { height:40px; font-size:17px; line-height:40px; }
nav dl i.iconfont { width:40px; font-size:20px; }
nav dl b.iconfont { width:18px; font-size:13px; }
nav dd { font-size:15px; height:34px; line-height:34px; }
nav dd a { padding:0 10px 0 60px; }

.inews { height:30px; line-height:30px; margin:10px 10px 5px; }
.inews i { width:32px; font-size:17px; }
.inews a { font-size:15px; width:calc(100% - 32px); }

.ititle { height:17px; padding:10px; }
.ititle h2 { line-height:17px; font-size:17px; padding:0 0 0 5px; border-left:3px solid #4467a7; }

.ibrand { padding:0 10px; }
.ibrand hgroup { margin:0 -5px; }
.ibrand hgroup a { padding:5px; }
.ibrand dl { padding:5px; }

.ipro { padding:0 5px; }
.ipro hgroup a { padding:5px; }
.ipro dl { height:112px; }
.ipro dl dt { height:26%; font-size:15px; top:37%; }

.iso { padding:0 5px; }
.iso hgroup a { padding:5px; }
.iso dl dt i { font-size:50px; }
.iso dl dd { height:30px; line-height:30px; font-size:15px; }

.iservice { padding:0 10px; }
.iservice hgroup { margin:0 -5px; }
.iservice hgroup a { padding:5px; }
.iservice dl dt { height:30px; line-height:30px; font-size:15px; }
.iservice dl dd { height:82px; font-size:50px; }

.footer { height:90px; }
footer { height:56px; }
footer dl dt.flex { font-size:20px; }
footer dl dd { font-size:15px; }

/*分页样式*/
.pagination {text-align: center;clear: both;}
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #4467a7;color: #fff;border: 1px solid #4467a7;}
.pagination li a {display: block;text-align: center;}

.content h2 { font-size:17px; margin:5px 0; }
.content h2:first-child { margin:0 0 5px; }
.content h3 { font-size:15px; margin:5px 0; }
.content p { font-size:14px; line-height:22px; margin:0 0 4px; white-space: normal;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;}

.content.content { padding:10px 10px 0; }
.content .content_title { padding:5px 10px; margin:0 0 10px; }
.content .content_intro { padding:10px; margin:0 0 10px; }

.brands { padding:5px; }
.brands li { padding:0 0 10px; }
.brands li a { padding:10px; }
.brands img { padding:0 10px 0 0; width:120px; }
.brands i { font-size:18px; }
.brands.brandd { padding:10px; }

.pro { padding:5px; }
.pro li { width:50%; padding:5px;}
.pro dl dt { padding:5px; }
.pro dl dd { height:46px; font-size:15px; }
.pro dl dd p { width:calc(100% - 46px); padding:5px 0 5px 10px; line-height:18px; }
.pro dl dd p em, .pro dl dd p b { font-size:15px; line-height:36px; height:36px; }
.pro dl dd i { width:46px; font-size:22px; }

.case.iso { padding:5px; }

#service ul { margin:-5px -5px 0; }
#service li { padding:5px; }
#service li a { padding:10px; }
#service dt { font-size:50px; height:80px; }
#service dd.name { font-size:17px; }
#service dd.intro { font-size:14px; line-height:20px; padding:4px 0 0; white-space: normal; text-overflow: -o-ellipsis-lastline; overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 5;    line-clamp: 5;    -webkit-box-orient: vertical;}

#partner ul { margin:-5px -5px 0; }
#partner li { padding:5px; }

#search ul { margin:-5px -5px 0; }
#search ul li { height:36px; padding:5px; }
#search ul li label { font-size:14px; width:33px; }
#search ul li input { width:calc(100% - 33px); font-size:14px; padding:0 4px; line-height:24px; }
#search ul li input:placeholder { font-size:14px; }

#search table { font-size:14px; margin:0 0 10px; }
#search th { padding:3px; }
#search td { padding:3px; }

#news ul { padding:0 0 10px; }
#news li { padding:10px; }

#contact h3 { margin:0 0 5px; }
#contact ul { margin:0 0 5px; }
#contact li { width:50%; height:120px; padding:5px 0; float:left; }
#contact ul li:nth-child(2n+1) { clear:both; }
#contact ul li:nth-child(n+3) { width:100%; height:160px; }
#contact li a { border:3px solid #4467a7; font-size:50px; width:110px; }
#contact li:nth-child(n+3) a { width:150px; }
#contact li a img { max-width:65%; }

}

@media screen and (max-width:359px){

header { height:46px; }
header span { font-size:18px; }
header #menu { font-size:18px; }

nav,body:before { top:46px; }
nav dl:last-child { margin:0 0 38px; }
nav dl a { padding:0 10px 0 18px; }
nav dt { height:38px; font-size:16px; line-height:38px; }
nav dl i.iconfont { width:38px; font-size:19px; }
nav dl b.iconfont { width:16px; font-size:12px; }
nav dd { font-size:14px; height:32px; line-height:32px; }
nav dd a { padding:0 10px 0 56px; }

.inews { height:28px; line-height:28px; margin:8px 8px 4px; }
.inews i { width:30px; font-size:16px; }
.inews a { font-size:14px; width:calc(100% - 28px); }

.ititle { height:16px; padding:8px; }
.ititle h2 { line-height:16px; font-size:16px; padding:0 0 0 4px; border-left:3px solid #4467a7; }

.ibrand { padding:0 8px; }
.ibrand hgroup { margin:0 -4px; }
.ibrand hgroup a { padding:4px; }
.ibrand dl { padding:4px; }

.ipro { padding:0 4px; }
.ipro hgroup a { padding:4px; }
.ipro dl { height:110px; }
.ipro dl dt { height:26%; font-size:14px; top:37%; }

.iso { padding:0 4px; }
.iso hgroup a { padding:4px; }
.iso dl dt i { font-size:44px; }
.iso dl dd { height:28px; line-height:28px; font-size:14px; }

.iservice { padding:0 8px; }
.iservice hgroup { margin:0 -4px; }
.iservice hgroup a { padding:4px; }
.iservice dl dt { height:28px; line-height:28px; font-size:14px; }
.iservice dl dd { height:82px; font-size:44px; }

.footer { height:88px; }
footer { height:54px; }
footer dl dt.flex { font-size:22px; }
footer dl dd { font-size:14px; }

/*分页样式*/
.pagination {text-align: center;clear: both;}
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #4467a7;color: #fff;border: 1px solid #4467a7;}
.pagination li a {display: block;text-align: center;}

.content h2 { font-size:16px; margin:4px 0; }
.content h2:first-child { margin:0 0 4px; }
.content h3 { font-size:14px; margin:4px 0; }
.content p { font-size:13px; line-height:18px; margin:0 0 3px; white-space: normal;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;}

.content.content { padding:8px 8px 0; }
.content .content_title { padding:4px 8px; margin:0 0 8px; }
.content .content_intro { padding:8px; margin:0 0 8px; }

.brands { padding:4px; }
.brands li { padding:0 0 8px; }
.brands li a { padding:8px; }
.brands img { padding:0 8px 0 0; width:110px; }
.brands i { font-size:18px; }
.brands.brandd { padding:8px; }

.pro { padding:4px; }
.pro li { padding:4px; }
.pro dl dt { padding:4px; }
.pro dl dd { height:42px; font-size:14px; }
.pro dl dd p { width:calc(100% - 42px); padding:4px 0 4px 8px; line-height:17px; }
.pro dl dd p em, .pro dl dd p b { font-size:14px; line-height:34px; height:34px; }
.pro dl dd i { width:42px; font-size:20px; }

.case.iso { padding:4px; }

#service ul { margin:-4px -4px 0; }
#service li { padding:4px; }
#service li a { padding:8px; }
#service dt { font-size:44px; height:76px; }
#service dd.name { font-size:16px; }
#service dd.intro { font-size:13px; line-height:18px; padding:3px 0 0; }

#partner ul { margin:-4px -4px 0; }
#partner li { padding:4px; }

#search ul { margin:-4px -4px 0; }
#search ul li { height:32px; padding:4px; }
#search ul li label { font-size:13px; width:30px; }
#search ul li input { width:calc(100% - 30px); font-size:13px; padding:0 3px; line-height:22px; }
#search ul li input:placeholder { font-size:13px; }

#search table { font-size:13px; margin:0 0 8px; }
#search th { padding:3px; }
#search td { padding:3px; }

#news ul { padding:0 0 8px; }
#news li { padding:8px; }

#contact h3 { margin:0 0 4px; }
#contact ul { margin:0 0 4px; }
#contact li { height:100px; padding:4px 0; }
#contact ul li:nth-child(n+3) { height:150px; }
#contact li a { border:3px solid #4467a7; font-size:44px; width:92px; }
#contact li:nth-child(n+3) a { width:142px; }
#contact li a img { max-width:65%; }

}