@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0; font-size:14px; background:#fafafa; padding-bottom:5.2rem;color:#4d4d4d; font-family:"微软雅黑"}
*{list-style:none; font-weight:normal; padding:0; margin:0;}
a{ text-decoration:none; color:#757575;}
a:hover{text-decoration:none; color:#097c25;}

#header{ min-width:320px; margin:0 auto; background:#fff; overflow:hidden; border-bottom:0.8em solid #f5f5f5;}
#xqheader{ min-width:320px; margin:0 auto; background:#fff; overflow:hidden;}

#center{ min-width:320px; margin:0 auto;background:#fff; }
#footer{ min-width:320px; margin:0 auto;}

.top_l{ position:absolute; left:0; top:0; height:4rem; width:4rem;}
.top_r{ position: absolute; right: 0; top: 0; height:4rem; width:4rem; font-size:15px; line-height: 4.5rem;}
.top_l a{ display:block; color:#fff; font-size:3.2rem;}
.top{ background:#097c25; height:4rem; line-height:4rem; text-align:center; color:#fff; font-size:1.8rem; position:relative;padding: 0 4.6rem;overflow: hidden;
white-space: nowrap;text-overflow: ellipsis;}
.search{ background: #fff; height: 2.3rem; text-align: left; margin-top: 1.1rem; border-radius:10px; position: relative;}
.search input.text{ height: 2.3rem; padding: 0; margin-top: 0;vertical-align: top; border:0; border-radius:0;-webkit-appearance:none;outline:none; color: #000; font-size: 1.2rem;border-radius:10px; text-indent: 10px; width: 100%; line-height:2.3rem; padding-top:2px;}
.search .go{ position: absolute; right: 0; top: 0; height: 2.3rem; padding: 0; margin:0; border:0; background: url(../images/go.jpg) no-repeat center center; background-size: 40% auto; width: 3.3rem; border-radius: 0 10px 10px 0;-webkit-appearance:none;outline:none;}


.focus{ min-width:320px;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:10px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:8px; padding:3px 5px; border-radius:8px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:8px; height:8px;  border-radius:8px; background:#8C8C8C; margin:0 3px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#e84141; border:1px solid #fff; width:8px; height:8px; border-radius:8px;}

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; background:url(../images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.nav {padding:.5em 0 1em 0; overflow:hidden;}
.nav ul li{ width:25%; text-align:center; float:left; line-height: 2.5rem; padding:.5rem 0 0 0;}
.nav ul li i{ display:block;    border-radius: 100px;overflow: hidden;width:40%;margin:0 auto;}
.nav ul li i img{ width:100%}
.nav ul li a{  display:block;color: #585858;}
.nav ul li a:hover{  display:block;color: #097c25;}


h4.title{ font-size:1.2em; line-height:1.4em; padding:.8em 10px;color: #343434;}
h4.title i{  background:#097c25; width:2px; height:1.4em; float:left; margin-right:.4em; display:inline;}
h4.title b{ float: right; font-size:12px;padding-right:5px;}
h4.title b a{ color: #666}
h4.title b a span{ color: #097c25;}
.case{ border-bottom:0.8em solid #f5f5f5; overflow:hidden;}
.case_p ul li{ float:left; width:50%; text-align:center; position:relative; margin-bottom:1em;}
.case_p ul li a{ display:block;}
.case_p ul li img{ max-width:90%; border-radius:4px;}
.case_p ul li p{ line-height:2.3rem; font-size:1em; position:absolute; left:5%; width:90%; background:rgba(0,0,0,0.4); bottom:0; text-align:left; padding:0 5%; color:#fff; border-radius:0 0 4px 4px;}
.case_p ul li p span{ float:right;}

.desgin{ overflow:hidden;}
.desgin_p ul{ overflow:hidden; margin:0;}
.desgin_p ul li{ float:left; width:33.333333%; display:inline; text-align:center; line-height:1.8em; margin-bottom:.8em;}
.desgin_p ul li a{ display:block;}
.desgin_p ul li a p{ color:#8a8a8a}
.desgin_p ul li a p:nth-child(2){ color:#333;}
.desgin_p ul li img{ width:66%; border-radius:100%; margin-bottom: .3em;}
.desgin_p div.more{ text-align:center; color:#097c25; padding-bottom:1.2rem; line-height:1.2em;}
.desgin_p div.more a{color:#097c25; font-size:1.2rem;}

/*nav*/
nav{ position:fixed; left:0; bottom:0; border-top:1px solid #cccccc; width:100%; background:#fff; height:5.2rem; z-index: 9999;}
nav ul li{ float:left; width:25%; text-align:center; line-height:1rem;}
nav ul li.online , nav ul li.contact{ padding:0; }
nav ul li a{ display:block; padding:.2rem 0 0 0; height:5rem; color:#bfbfbf}
nav ul li i{ display:block; width:3.2rem; height:3.2rem; display:block; margin:0 auto; background:url(../images/home.png) no-repeat; background-size:100% auto}
nav ul li.list a i{ background:url(../images/list.png) no-repeat;background-size:100% auto}
nav ul li.contact a i{ background:url(../images/contact.png) no-repeat;background-size:100% auto}
nav ul li.online a i{ background:url(../images/online.png) no-repeat;background-size:100% auto}
nav ul li.home a:hover i{ background:url(../images/homeh.png) no-repeat;background-size:100% auto}
nav ul li.list a:hover i{ background:url(../images/listh.png) no-repeat;background-size:100% auto}
nav ul li.contact a:hover i{ background:url(../images/contacth.png) no-repeat;background-size:100% auto}
nav ul li.online a:hover i{ background:url(../images/onlineh.png) no-repeat;background-size:100% auto}
nav ul li.home.current a{ color:#097c25  }
nav ul li.home.current a i{ background:url(../images/homeh.png) no-repeat;background-size:100% auto}
nav ul li.online.current a{color:#097c25 }
nav ul li.online.current a i{background:url(../images/onlineh.png) no-repeat;background-size:100% auto}
nav ul li.list.current a{ color:#097c25  }
nav ul li.list.current a i{ background:url(../images/listh.png) no-repeat;background-size:100% auto}
nav ul li.contact.current a{ color:#097c25  }
nav ul li.contact.current a i{ background:url(../images/contacth.png) no-repeat;background-size:100% auto}

/*case*/
.case_pro ul li{ border-bottom:1px solid #ccc; padding:1em 0; overflow:hidden; display: table; width: 100%;}
.case_pro ul li .img{ width:43%;padding:0 15px; vertical-align: middle; display:table-cell;}
.case_pro ul li img{ max-width:100%}
.case_nr{ vertical-align: middle; display:table-cell; width:57%; padding-right:15px;}
.case_nr h4{ font-size:14px; border-bottom:1px solid #c2c2c2; line-height:1.6em; padding-bottom:.3em; margin-bottom:.3em; color:#333333}
.case_nr h4 span{ float:right;}
.case_nr h4 span img{ max-width:25px;}
.case_nr .case_jj{ display: table; width: 100%;}
.case_nr .case_jj div{ padding:0; vertical-align: middle; display:table-cell; float:none;color:#7c7c7c; font-size:2em;}
.case_nr .case_jj div.case_nr_l{ width:98%; line-height:1.5em; font-size:14px;}
.page{ text-align:center;}
/*activity*/
.activity_pro{}
.activity_pro ul li{ border-bottom:1px solid #ccc; padding:1em 0; overflow:hidden; display: table; width: 100%;}
.activity_pro ul li .img{ width:38%; padding:0 15px;vertical-align: middle; display:table-cell;}
.activity_pro ul li img{ max-width:100%}
.activity_nr{ vertical-align: middle; display:table-cell; width:62%;  padding-right:15px;}
.activity_nr h4{ width: 100%; font-size:14px;  line-height:1.5em;margin-bottom:.3em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;word-break: break-all;overflow: hidden;font-weight:bold; color:#4d4d4d;}
.activity_nr h4 span{ float:right;}
.activity_nr h4 span img{ max-width:25px;}
.activity_nr div{ padding:0; vertical-align: middle; display:table-cell; float:none;color:#7c7c7c; font-size:2em;}
.activity_nr div.activity_nr_l{ width:100%; line-height:1.5em; font-size:14px; color:#b1b1b1;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;}
@media (max-width: 320px) {
	.activity_nr div.activity_nr_l{ width:100%; line-height:1.6em; font-size:.8em;}
}
/*详情也样式*/
.ny_nr{ padding: 1em; line-height: 2.6em;}
.ny_nr img{ max-width: 100% }
.ny_nr center.nrcen{ padding:1em 0; }
hr{ background: #cccccc; margin:1em 0; }
/*team 列表*/
.team{ padding:1em; }
.team ul li{ border-bottom: 1px solid #ccc; margin-bottom: 1em;}
.team ul li img{width: 100% }
.team ul li p{ line-height: 3em; font-size: 1.1em;color: #3d3d3d;}
.team ul li p span{ float: right; font-size: 1.4em; color: #097c25 }
.team_title{  text-align: center; position:relative;height: 3em;padding: 1.5em 0;margin-bottom: 2.5em;}
.team_title img{ height: 35px; position: relative; z-index: 999;}
.team_title p{border-bottom: 1px solid #ccc; position: absolute;top: 2.5em; left: 0; width: 100%}

/*team 内页*/
.team_nr_top{ line-height: 2em; color: #9a9a9a; border-bottom:0.8em solid #f5f5f5; padding: 1em;}
.team_nr_top p.img{ text-align: center; margin-bottom: .5em;}
.team_nr_top p.img img{ max-width: 100%; border-radius: 100%;  width:30%;}
.team_nr_top center{color: #5c5c5c}
.team_nr_top font{ font-size: 1.2em; font-weight: bold; color:#000; }
.team_ny_nr{line-height: 2em;}
.team_ny_nr h5.title{ border-bottom: 1px solid #ccc; padding:0; height: 2.5em;}
.team_ny_nr h5.title span{ font-weight: bold; position: relative; background: #fff; display:block; top: 1.2em; float:left; height:2em; padding: 0 1em;color: #343434;}
.team_ny_nr h5.title i{ float:right; padding-right:1em;}
.team_ny_nr h5.title i img{ width: 55px; margin-top: 1.2em; }

.honor_list{ padding: 1em; line-height: 2.2em; color:#5c5c5c;border-bottom:0.8em solid #f5f5f5;}
.honor_list .more{ text-align: center; color:#097c25; }
.hnr{ max-height: 16.4em; overflow: hidden; }
.hnr span{ line-height:1.8em;}
.team_ny_nr .cases,.team_ny_nr .casesd,.team_ny_nr .case{ padding: 1em; border-bottom:0;}
.team_ny_nr .cases .more,.team_ny_nr .casesd .more,.team_ny_nr .case .more{text-align: center; color:#097c25; }
.team_ny_nr .case_p1 ul,.team_ny_nr .case_p2 ul,.team_ny_nr .case_p ul{ display: none; }


#video{ background: #000; }
/*品牌*/
.brand{}
.brand ul li{ border-bottom: 1px solid #ccc;  background: #fff; border-bottom:0.8em solid #f5f5f5; overflow: hidden;}
.brand ul li img{ max-width: 100%}
.brand ul li p{ line-height: 3em; font-size: 1.2em; position:relative; overflow: hidden;}
.brand ul li p span{ float: right; font-size: 1.4em; color: #097c25;position: relative;  padding:0 1em;z-index: 1; background: #fff;}
.brand ul li p font{ float: left;  background: #fff; padding: 0 1em; position: relative; z-index: 1; top: 1px;}
.brand ul li p b{ float: left; width: 90px }
.brand ul li p h{ position: absolute; left: 0; top:1em; width: 100%; background: #ccc; height:1px; z-index: 0;}
/*品牌文化*/
.culture{ padding:0 1em 1em 1em;}
.culture ul li{ padding:0.5em 0 0 0; }
.culture ul li p{ line-height:2.6em; border-bottom:1px solid #ccc; margin-bottom:.5em;}
.culture ul li img{ max-width:100%;}
/*荣誉*/
.honorx3 ul li{ float: left; width: 33.3333%; text-align:center; margin-bottom: 1em; padding:0 10px;}
.honor img{ max-width: 100% }
.honorx2 ul li{ float: left; width: 50%;text-align:center; margin-bottom: 1em;padding:0 10px;}
.honorx1 ul li{ float: left; width: 100%; text-align:center;  margin-bottom: 1em;padding:0 10px;}
/*精工*/
.jg{ padding: 1em;}
.jg ul li{    border-bottom: 1px solid #ccc;margin-bottom: 1em;}
.jg ul li img{width: 100% }
.jg ul li p{ line-height: 3em; font-size: 1.1em; color: #404040;}
.jg ul li p span{ float: right; font-size: 1.4em; color: #097c25 }
/*在施工地*/
/*.gongdi{ padding: 1em; }*/
.gdt{ line-height: 4em; }
.gdt ul li{ width: 20%; text-align: center; float: left;  color: #757575;}
.gdp ul li{ overflow: hidden; width: 100%;line-height:2em; padding:.5em 0;}
.gdp ul li.sel{ background: #f0f0f0; }
.gdp ul li span{ width: 20%; float: left; text-align: center; }
.gdp ul li span a{ border: 1px solid #097c25; color: #097c25; padding: .2em; border-radius: .5em; }
.gdp ul li span.dbhref a{ border:0; color:#666;}
/*在线预约*/
.online{ padding: 1em; }
.online .otext{ width: 100%; border:0; line-height: 3rem; background: #f5f5f5;-webkit-appearance:none; border-radius: 2px; text-indent: 5px;outline:none; margin-bottom: 1em; }
.xqmj div{ width: 50%; float: left;}
.check { padding:.2em 0 .5em 0; overflow: hidden; width: 100% }
.check label{ width: 25%; float: left; text-align: center; font-weight: normal;}
.check label input{border:1px solid #a7a7a7; width: 14px; height: 14px; vertical-align: middle; position: relative; top: -3px}
.textarea{background: #f5f5f5;-webkit-appearance:none;outline:none; width: 100%; border:0; line-height: 2.2em; padding:5px;}
.submit{ width: 100%; border-radius: 2px; line-height: 2.6rem; border:0; background: #097c25; color: #fff; font-size:1.2em; margin-top: .8em}
.submit:focus{background: #097c25; color: #fff; }
/*百科*/

.baike ul li{ border-bottom:1px solid #ccc; padding:1em 0; overflow:hidden;}
.baike ul li .img{ width:33.33333%; float:left; padding:0 15px;}
.baike ul li img{ max-width:100%}
.baike_nr{ vertical-align: middle; display:table-cell; width:66.66667%; float:left; padding-right:15px;}
.baike_nr h4{ font-size:1em;  line-height:1.2em; padding-bottom:.3em; margin-bottom:.3em; font-weight: bold;color:#4c4c4c;overflow: hidden;
white-space: nowrap;text-overflow: ellipsis;}
.baike_nr a:hover{ color: #097c25 }
.baike_nr div.baike_wz{ width:100%; line-height:1.6em; font-size:.8em; color:#ababab;}
.baike_nr .baike_yd{ text-align: right; color: #4c4c4c;padding-top:8px;}
@media (max-width: 320px) {
	.baike_nr div.baike_wz{ width:100%; line-height:1.6em; font-size:.8em; color:#ababab;overflow: hidden;
text-overflow: ellipsis; height: 3.2em;}
}
@media (min-width: 414px) {
	.baike_nr div.baike_wz{ width:100%; line-height:1.8em; font-size:.8em; color:#ababab;}
	.baike_nr .baike_yd{ text-align: right; color: #4c4c4c; padding-top:.5em}
}
.baike_ny{ padding:1em 15px; line-height: 2.4rem; }
.baike_ny img{ width:100%}

/*案例产品*/
/*检索*/
.search_js{ float: left; width: 100%; }
.search_js dl{ margin:0; width: 100%; float: left;border-bottom: 1px solid #dadadd; position:relative; z-index: 9; background: #fff;}
.search_js dd{ float: left; width: 33.333333%; text-align:center; line-height: 4rem; }
.search_js dd span.on{ color:#097c25; }
.search_js .sbox{ position: absolute; left: 0; top: 4rem; width: 100%; background: #f4f4f4; text-align: left; z-index: 9; display: none;}
.search_js .sbox ul li{ text-align: left; padding:0 1em;}
.search_js .sbox ul li a{ display: block; border-bottom: 1px solid #c7c7c7; color:#333;}
.search_js .sbox ul li a:hover{ color: #097c25; border-bottom: 1px solid #097c25; }
.search_js .sbox ul li:last-child a{ border-bottom: 0; }
.sbox_b{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 0; display: none;}

.prolist { clear: both; }
.prolist ul li{ border-top: .8em solid #f5f5f5 }
.prolist ul li img{width: 100%}
.prolist ul li div{ padding:.8em 1em; line-height: 2rem; }
.prolist ul li div p{ color: #7c7c7c }
.prolist ul li div h5 { color:#333}
.prolist ul li div h5 span{ float: right; color: #404040;}
.prolist ul li div h5 span i{ color: #ef7171; font-weight: bold }
/*产品内页*/
.prony_t{ padding:1em; line-height: 2em; color: #7c7c7c ;border-bottom:0.8em solid #f5f5f5;}
.prony_t b{ color: #000 }
.prony_d { padding: 1em; border-bottom:0.8em solid #f5f5f5;}
.prony_d dl { margin:0; width:100%;overflow: hidden;}
.prony_d dl dt{ width: 33.3333%; display: table-cell; float:left;}
.prony_d dl dt img{ max-width: 100%; border-radius: 100% }
.prony_t img{ max-width: 100%; }
.prony_d dl dd{display: table-cell;width: 66.3337%; padding:15px 0 0 1.5em;  vertical-align: middle; float:left;}
.prony_d dl dd h5{ padding-bottom: .5em; }
.prony_d dl dd p{ color: #9a9a9a }
.but{ border:1em solid #f5f5f5; border-top: none;}
.but a{ width: 100%; }
/*单页通用*/
.single{ line-height: 2.8em; padding:1em; color:#333;}
.single img{ max-width: 100%; padding-bottom: 5px; text-align: center; display: block; margin: 0 auto; }
.single h5.title{ font-weight: bold; border-bottom: 1px solid #ccc; color:#000; padding:.8em 0; margin-bottom: .5em;}


/* 首页 */
.about_nr{overflow: hidden;height:auto;border-bottom: 0.8em solid #f5f5f5;border-top: 0.8em solid #f5f5f5;}
.about_nr li a{width: 50%;height: 100%;line-height:60px;text-align: center;border-right: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;float: left;box-sizing: border-box;}
.about_nr li a i{display: inline-block;margin-right: 10px;transform: scale(1.5);-moz-transform: scale(1.5);-webkit-transform: scale(1.5);-ms-transform: scale(1.5);}
.site_index_form {padding:0 10px 0 10px; margin-bottom: 0px;  }
.site_index_form dt {font-size: 16px;padding:0 0 6px 0;  }
.site_index_form dd {  line-height: 24px;  font-size: 14px;  }
.site_index_form dd span {  color: #666;  }
.m_top { margin-top: 10px; padding: 0 10px;}
div.input {position: relative;}
div.input input{margin-bottom: 10px;display: block;width: 100%;height: 32px;border: 1px solid #e9e9e9;border-radius: 3px;padding: 8px;background: #fff;-webkit-appearance: none;    outline: none;}
form.m_top .btn {display: block;background-color: #097c25;font-size: 14px;text-align: center;line-height: 2.6rem;width: 100%;color: #fff;border-radius: 3px;padding: 3px 12px;}
.color_content {color: #666;}
.color_red {color: #097c25;}

/* tab切换 */
.tabBox{ margin:10px auto;   }
.tabBox .hd{ height:auto;  font-size:20px; overflow:hidden;  padding:0 10px;  }
.tabBox .hd h3{ float:left; font-size:24px; }
.tabBox .hd h3 span{color:#ccc; font-family:Georgia; margin-left:10px;  }
.tabBox .hd ul{ width: 100%; text-align: center; }
.tabBox .hd ul li{ display: inline;font-size: 14px;}
.tabBox .hd ul li a{ display: inline-block; height: 2em;padding: 0 20px;background: #f7f7f7; }
.tabBox .hd ul li.on a{     background: #097c25; color: #fff; }
.tabBox .bd ul{ padding:10px;  }
.tabBox .bd ul li{ border-bottom:1px dotted #ddd;  }
.tabBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.readMore{ display:block; height:30px; line-height:30px; margin:10px auto 20px auto;  text-align:center; text-decoration:underline;   }

/* 顶部浮动 */
.change_fixed {
    position: fixed;
    width: 6.4rem;
    left: 50%;
    margin-left: -3.2rem
}
.fixeder{position:fixed;top:0; left:50%;margin-left:-3.2rem;font-size:.28rem;z-index:99;width:6.4rem;background:rgba(255,255,255,.7);line-height:.72rem;padding:0 .2rem;height:.72rem}
.fixeder li{float:right;height:100%}

.fixeder em:first-child img {
    width: .22rem;
    margin-top: .22rem;
    margin-right: .11rem;
}
.fixeder em img {
    float: left;
}
.fixeder li img{float:left}
.fixeder li:first-child{float:left}
.fixeder li:first-child img{width:.22rem;margin-top:.22rem;margin-right:.11rem}
.fixeder li:first-child+li img{width:.28rem;margin-top:.23rem;margin-left:.32rem}
.fixeder div.logo{position:absolute;left:0;right:0;top:.19rem;bottom:0;margin:auto;width:1.92rem}
.fixeder div.logo img{width:100%}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}
section#public_title {
    background-color: #fff;height: .72rem;top: 0;color: #000;line-height: .72rem;z-index: 110; opacity: .75;
}

section#public_title div#title_title1 {
    text-align: center;
    padding: 0 80px;
    display: none
}

section#public_title div.h1 {
    display: none;
    text-align: center
}

section#public_title div.h1 div.ellipsis {
    padding-right: 20px;
    text-align: center;
    position: relative;
    display: inline-block
}

section#public_title div.h1 div.ellipsis i.icon, section#public_title div.h1 div.ellipsis .social-share i.social-share-icon, .social-share section#public_title div.h1 div.ellipsis i.social-share-icon {
    display: inline-block;
    position: absolute;
    font-size: 16px;
    top: 0;
    right: 0
}

section#public_title form#public_search_input {
    margin: 0 5px;
    display: none;
    height: 100%;
    padding: 7px 0;
    position: relative;
    overflow: visible
}

section#public_title form#public_search_input div.input {
    background-color: #515151;
    height: 100%;
    border-radius: 4px
}

section#public_title form#public_search_input div.input span.search_select {
    display: block;
    padding: 0 4px 0 9px;
    font-size: 14px;
    line-height: 33px
}

section#public_title form#public_search_input div.input span.search_select i.icon, section#public_title form#public_search_input div.input span.search_select .social-share i.social-share-icon, .social-share section#public_title form#public_search_input div.input span.search_select i.social-share-icon {
    display: inline-block;
    margin-left: 3px;
    transform: scale(0.5);
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5)
}

section#public_title form#public_search_input div.input input {
    border: none;
    background-color: transparent;
    padding-left: 0;
    color: #fff;
    font-size: 12px
}

section#public_title div.title_icons {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	/*background:#fff;*/
}

section#public_title a {
    color: #fff
}

section#public_title .icon_title_href {
height: 100%;display: none;overflow: hidden;cursor: pointer;padding: 0 .1rem;height: 100%;z-index: 3

}

section#public_title .icon_title_href i.icon, section#public_title .icon_title_href .social-share i.social-share-icon, .social-share section#public_title .icon_title_href i.social-share-icon {
    height: 100%;
    font-size: .3rem
}
#title_title1 h1{font-size: .26rem;}
section#public_title .icon_title_href span {
    height: 100%;display: none;overflow: hidden;cursor: pointer;padding: 0 .1rem;height: 100%;z-index: 3

}

section#public_title div#title_title1 ~ .icon_title_href {
    padding: 0 10px;
    display: none
}

section#public_meun {
    display: none;
    top: 45px;
    bottom: 0;
    z-index: 100
}

section#public_meun div.public_meun_body {
    width: 100%;
    height: 100%;
    padding: 0 23px
}

section#public_meun div.meun_href {
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
    padding-top: 25px
}

section#public_meun div.meun_href a {
    float: left;
    width: 33.3333%;
    margin-bottom: 25px
}

section#public_meun div.meun_href a i {
    display: block;
    width: 44px;
    height: 44px;
    font-size: 24px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    line-height: 44px;
    border-radius: 50%
}

section#public_meun div.meun_href a span {
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
    color: #333
}

section#public_meun div.meun_href a:nth-of-type(1) i {
    background-color: #ff555e
}

section#public_meun div.meun_href a:nth-of-type(2) i {
    background-color: #ff9d1c
}

section#public_meun div.meun_href a:nth-of-type(3) i {
    background-color: #ff6362
}

section#public_meun div.meun_href a:nth-of-type(4) i {
    background-color: #6b74ff
}

section#public_meun div.meun_href a:nth-of-type(5) i {
    background-color: #fec220
}

section#public_meun div.meun_href a:nth-of-type(6) i {
    background-color: #ff6c1c
}

section#public_meun div.meun_href a:nth-of-type(7) i {
    background-color: #ffce1d
}

section#public_meun div.meun_href a:nth-of-type(8) i {
    background-color: #509cff
}

section#public_meun div.meun_href a:nth-of-type(9) i {
    background-color: #ff555e
}

section#public_meun div.meun_href a:nth-of-type(10) i {
    background-color: #ff555e
}

section#public_meun div.meun_href a:nth-of-type(11) i {
    background-color: #ff7757
}

section#public_meun div.meun_href a:nth-of-type(12) i {
    background-color: #fe7817
}

section#public_meun div.meun_user {
    font-size: 12px;
    color: #333;
    padding: 25px 10px;
    line-height: 35px
}

section#public_meun div.meun_user div.lazy {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 10px;
    overflow: hidden;
    border: 1px solid #999
}

section#public_meun div.meun_user a {
    display: block
}

section#public_meun div.has_login {
    visibility: hidden
}

section#public_meun div.has_login span.flex1 {
    margin-right: 10px
}

section#public_meun div.has_login span.flex1 em {
    display: inline-block;
    position: relative;
    padding-right: 37px;
    max-width: 100%
}

section#public_meun div.has_login span.flex1 a.button {
    position: absolute;
    top: 0;
    height: 35px;
    right: 0;
    background: none;
    color: #999
}

section#public_meun div.no_login {
    visibility: hidden
}

section#public_meun div.visibility {
    visibility: visible !important
}

.box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}


@media (min-width:545px) {
	body,h5{ font-size: 15px;}
	.case_nr h4{ font-size: 15px; line-height: 2.6em;}
	.case_nr .case_jj div.case_nr_l{ font-size: 15px; line-height: 2em;}
	.case_pro ul li .img{ width: 21%;}
	.activity_nr h4{font-size: 15px; line-height: 2em;}
	.activity_nr div.activity_nr_l{ font-size: 15px; line-height: 1.6em;}
	.activity_pro ul li .img{ width: 33%;}
	nav{ height: 5.6rem;}
}
@media (min-width:1025px) {
	#header,.focus,#center,#footer{ max-width:640px;}
}