html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}
body{min-width: 320px; margin:0; padding:0;  font-size: 14px; background:#fff; font-family: '微软雅黑'; overflow: hidden;}
p{
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
	display: none;
}
a {
	background-color: transparent;
}
a:active, a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}

/*<dfn> 标签可标记那些对特殊术语或短语的定义。*/
dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: .67em 0;
}

/*突出显示部分文本*/
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
img {
	vertical-align: middle;
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
hr {
	-webkit-box-sizing:
	content-box;
	-moz-box-sizing:
	content-box;
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code, kbd, pre, samp {
	font-family: monospace,monospace;
	font-size: 1em;
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
/* iphone下input背景色问题 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input, textarea, button{border: none;background: none;border: none;outline: none;}
textarea{resize: none;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {padding: 0;}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {font-size: 10px;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body {font-size: 14px;line-height: 1.42857143;color: #333;background-color: #fff;}
input, button, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
a {color: #333;text-decoration: none;}
a:hover, a:focus {color:#0096D4;text-decoration: none;}
a:focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
figure {margin: 0;}
.img-responsive {max-width: 100%;height: auto;}
.img-auto{max-width: 100%;height: auto; width: 100%;}
.img-rounded {border-radius: 6px;}
.img-thumbnail {padding: 4px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;display: inline-block;max-width: 100%;height: auto;}
.img-circle {border-radius: 50%;}
hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee;}

/*隐藏*/
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}
[role="button"] {
	cursor: pointer;
}

/*HTML 标题（h1 到 h6）的样式*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: inherit;
	font-weight: normal;
	line-height: 1.1;
	color: inherit;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
	font-weight: normal;
	line-height: 1;
	color: #777;
}
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 0;
	margin-bottom: 0;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
	font-size: 65%;
}
h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 0;
	margin-bottom: 0;
}
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
	font-size: 75%;
}
h1, .h1 {font-size: 36px;}
h2, .h2 {font-size: 30px;}
h3, .h3 {font-size: 24px;}
h4, .h4 {font-size: 18px;}
h5, .h5 {font-size: 14px;}
h6, .h6 {font-size: 12px;}

/*为了给段落添加强调文本，则可以添加 class="lead"*/
.lead {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
}
@media (min-width: 768px) {
	.lead {font-size: 21px;}
}

/*HTML 的默认强调标签 <small>（设置文本为父文本大小的 85%）*/
small, .small {font-size: 85%;}

mark, .mark {
	background-color: #fcf8e3;
	padding: .2em;
}

/*对齐*/
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.text-nowrap {white-space: nowrap;}

/*改变大小写*/
.text-lowercase {text-transform: lowercase;}
.text-uppercase {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}

/*text-muted 提示，使用浅灰色*/
.text-muted {color: #777;}

/*text-primary 主要*/
.text-primary {color: #337ab7;}
a.text-primary:hover, a.text-primary:focus {color: #286090;}

/*成功*/
.text-success {color: #3c763d;}
a.text-success:hover, a.text-success:focus {color: #2b542c;}

/*通知信息*/
.text-info {color: #31708f;}
a.text-info:hover, a.text-info:focus {color: #245269;}

/*警告*/
.text-warning {color: #8a6d3b;}
a.text-warning:hover, a.text-warning:focus {color: #66512c;}

/*危险*/
.text-danger {color: #a94442;}
a.text-danger:hover, a.text-danger:focus {color: #843534;}

/*背景色*/
.bg-primary {color: #fff;background-color: #337ab7;}
a.bg-primary:hover, a.bg-primary:focus {background-color: #286090;}
.bg-success {background-color: #dff0d8;}
a.bg-success:hover, a.bg-success:focus {background-color: #c1e2b3;}
.bg-info {background-color: #d9edf7;}
a.bg-info:hover, a.bg-info:focus {background-color: #afd9ee;}
.bg-warning {background-color: #fcf8e3;}
a.bg-warning:hover, a.bg-warning:focus {background-color: #f7ecb5;}
.bg-danger {background-color: #f2dede;}
a.bg-danger:hover, a.bg-danger:focus {background-color: #e4b9b9;}
.page-header {padding-bottom: 9px;margin: 40px 0 20px;border-bottom: 1px solid #eee;}

ul{margin:0;padding:0;}
li{list-style: none;}
ul ul, ol ul, ul ol, ol ol {margin-bottom: 0;}
.list-unstyled {padding-left: 0;list-style: none;}
.list-inline {padding-left: 0;list-style: none;margin-left: -5px;}
.list-inline > li {display: inline-block;padding-left: 5px;padding-right: 5px;}
dl {margin: 0; padding: 0;}
dt, dd {line-height: 1.42857143;}
/*dt {font-weight: bold;}*/
dd {margin-left: 0;}

/*自定义*/
.fr{
    float: right;
}

.fl{
    float: left;
}

/*清浮动*/
.clearfix:after{
	content:".";/*加一段内容*/
	display:block;/*让生成的元素以块级元素显示，占满剩余空间*/
	height:0;/*避免生成的内容破坏原有布局高度*/
	clear:both;/*清除浮动*/
	visibility:hidden;/*让生成的内容不可见*/
}
.clearfix{zoom:1;/*为IE6，7的兼容性设置*/}





.font60 { font-size: 60px;}
.font46 { font-size: 46px;}
.font40 { font-size: 40px;}
.font38 { font-size: 38px;}
.font34 { font-size: 34px;}
.font32 { font-size: 32px;}
.font30 { font-size: 30px;}
.font28 { font-size: 28px;}
.font26 { font-size: 26px;}
.font24 { font-size: 24px;}
.font22 { font-size: 22px;}
.font21 { font-size: 21px;}
.font20 { font-size: 20px;}
.font36 {font-size: 36px;}

.font18 { font-size: 18px;}
.font16 { font-size: 16px;}
.font14 { font-size: 14px;}
.font13 { font-size: 13px;}
.font12 { font-size: 12px;}


@media only screen and (max-width:828px) {
.font60 { font-size: 42px;}
.font46 { font-size: 40px;}
.font40 { font-size: 34px;}
.font34 { font-size: 28px;}
.font32 { font-size: 26px;}
.font30 { font-size: 24px;}
.font28 { font-size: 24px;}
.font26 { font-size: 22px;}
.font24 { font-size: 20px;}
.font22 { font-size: 20px;}
.font21 { font-size: 20px;}
.font20 { font-size: 18px;}

.font18 { font-size: 16px;}
.font16 { font-size: 16px;}
.font14 { font-size: 13px;}
.font13 { font-size: 12px;}
.font12 { font-size: 12px;}

.wrap { padding-top: 50px;}
}







/*news*/
.newiBox { padding:10px 0 100px;}
.newiBox .list li .lib { margin-top:3em;  display: flex; justify-content: space-between; 
align-items: center;  background-color: #f2f2f2;}
.newiBox .list .line {transition: all 0.5s; display: none;
	margin-right: 1em; margin-top: 1.5em;  margin-left:1.2em;}
.newiBox .list .time { color: #707072; margin-right: 2%;}
.newiBox .list .time .mmdd { width: 5em;}
.newiBox .list .txt { flex: 1; text-align: left; margin:2%;}
.newiBox .list .name { height: 1.3em; line-height: 1.3;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; }
.newiBox .list .name a { color: #333;}
.newiBox .list .name a:hover { color: #0096D4;}

.newiBox .list .intro { margin-top: 0.9em; line-height: 1.8; height: 3.6em; overflow: hidden; color: #707070;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.newiBox .list .pic { margin: 0; 
position: relative; z-index: 0; width:17%; padding-top: 10.8%;
display: block; cursor: pointer; overflow: hidden;}
.newiBox .list .pic img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit:cover; transition: all 0.5s; }
.newiBox .list li:hover .pic img  {
	-ms-transform: scale(1.08, 1.08);
	-webkit-transform: scale(1.08, 1.08);
	transform: scale(1.08, 1.08);
}


.newiBox .list li .leftTimeBox {
    width: 80px; color: #333;
    background: #f5f5f5;
    text-align: center;
    font-family: arial; text-align: left;
    transition: all .5s ease;
}




.newiBox .list .leftTimeBox .newData {
    font-size: 3.3em;    font-family: Impact;
    line-height: 1.1em;
    padding-top: 0;
}




.pagebar .pagination {
	display:flex;
	justify-content:center;
	margin-top:50px; clear:both; overflow:hidden; padding-bottom:50px;
}

.pagination li{ float:left}
.pagination a {
	background:#fff;
	border:1px solid #ccc;
	color:#333;
	font-size: 14px;
	padding:8px 12px;
	margin:0 2px;
}
.pagination span {
	color: #333;
	font-size:14px;
	padding:8px 2px;
	margin:0 2px;
}
.pagination a:hover {
	color:#0096D4;
	border:1px solid #0096D4;
}
.pagination a.page-num-current {
	color:#fff;
	background:#0096D4;
	border:1px solid #0096D4;
}




.c_banner .subpage_ad {
    position: relative;
    overflow: hidden;
    max-height:25vw;
	height:45vw;
    margin-top: 0px;
}

.c_banner .bgimg {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: no-repeat center/cover;
	-moz-animation: breatheBg 8s ease-in-out infinite alternate;
	-webkit-animation: breatheBg 8s ease-in-out infinite alternate;
	-o-animation: breatheBg 8s ease-in-out infinite alternate;
}


 @keyframes breatheBg {
 	0% {
 		transform: scale(1);
 	}

 	100% {
 		transform: scale(1.1);
 	}
 }

 @-moz-keyframes breatheBg {
 	0% {
 		transform: scale(1);
 	}

 	100% {
 		transform: scale(1.1);
 	}
 }

 @-webkit-keyframes breatheBg {
 	0% {
 		transform: scale(1);
 	}

 	100% {
 		transform: scale(1.1);
 	}
 }

 @-o-keyframes breatheBg {
 	0% {
 		transform: scale(1);
 	}

 	100% {
 		transform: scale(1.1);
 	}
 }

.c_banner .subpage_ad .text {
    position: absolute;
    width: 90%;
    color: #fff;
    text-align: center;
    top: 50%;
    left: 5%;
    line-height: 1.6;
    transform: translate(0, -50%);
    z-index: 4;
}

.c_banner .capitalize {
    text-transform: capitalize;
}

.c_banner .subpage_ad .ad-line {
    height: 2px;
    width: 3%;
    background: #fff;
    margin: 0.8% auto;
}

.c_banner .subpage_ad .ad-tit {
font-size:36px;
    font-weight: normal;
    text-transform: uppercase;
}


.c_banner .subpage_ad .ad-sum {
font-size:20px;
    font-weight: normal;
}

@media screen and (max-width: 767px) {
.c_banner{ padding-top:50px;}
.c_banner .subpage_ad {
position: relative;
overflow: hidden;
max-height:48vw;
margin-top: 0px;
}

.c_banner .subpage_ad .ad-tit {
font-size:24px;
    font-weight: normal;
    text-transform: uppercase;
}


.c_banner .subpage_ad .ad-sum {
font-size:18px;
    font-weight: normal;
}

.title11{text-align:left;color:#000000;font-size:24px;}


}


.posiBox {background-color: #eef2f5;}
.posiBox .con { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.posiBox .subNav { margin-right: 3em;}
.posiBox .subNav ul { display: flex; justify-content: flex-start; align-items: stretch;}
.posiBox .subNav li {margin-left:20px;}
.posiBox .subNav a { position: relative; z-index: 0; color: #333; padding: 0 2em; line-height: 2.5; height: 2.5em; overflow: hidden; display: block; background-color:#FFFFFF; }
.posiBox .subNav a:hover {background: #0096D4;
    color: #fff;}


.posiBox .subNav a.hover {background: #0096D4;color: #fff;}




.posiBox .subNav li:first-child a { margin-left:0}


.position { text-align: left; color: #555;padding: 1.8em 0 1.7em;}
.position a {display: inline-block; color: #555;}
.position a:hover {color: #555;}
.position .icon { width: 1.2em; height: 1em; position: relative; z-index: 0;
 top: -0.15em; margin-right:-0.1em;
 display: inline-block; vertical-align: middle;
background: url(../images/home.png) no-repeat center center / contain;}




@media only screen and (max-width:828px) {
	.posiBox { padding-top: 20px;}
	.posiBox .con { display: block;}
	.posiBox .subNav { margin-right:0;overflow-x: auto;}
	.posiBox .subNav ul{ display: block;  white-space:nowrap; *white-space:nowrap; }
	.posiBox .subNav li { margin-left: 0.3em;  display: inline-block; margin-bottom:10px;}
    .posiBox .subNav ul::-webkit-scrollbar { display: none;		} 	
	.posiBox .subNav a{ padding: 0 1.5em;}
	.position { font-size: 0.9em; border-top:1px solid #dddddd ; display:none}
	.posiBox{ padding-top:10px; padding-bottom:10px;}
    .posiBox .subNav a {
    line-height:2.5;
    height: 2.5em; font-size:14px
}

.posiBox .subNav a::after,.posiBox .subNav a::before{ display:none!important}
}



.newsfr{width:25%; float:right} 
.newsfl{width:70%; float:left}

.p_previewBox {
	width:100%;
	float: none;
	padding: 25px 30px;
	border: 1px solid #e9e9e9;
	margin-bottom: 25px;
	text-align:left
}
.p_previewBox .i_title {
	color: #333;
	display: block;
	margin-bottom: 15px;
	line-height: 24px;
	position: relative;
}
.p_previewBox .i_pageUpTitle {
	font-size: 18px;
	display: block;
	line-height: 24px;
	position: relative;
}
.p_previewBox .i_pageUpTitle:after {
	content: '';
	position: absolute;
	width: 70%;
	height: 1px;
	background: #f2f2f2;
	left: 30%;
	top: 12px;
}
.p_previewBox .p_PreviewTitle {
	font-size: 16px;
}

.p_gridbox {
	border: 10px solid #e9e9e9;
	padding: 20px;
}
.p_gridbox h1 {
	font-weight: 700;
	font-size: 24px;
	margin: 0; text-align:left
}
.time {
	font-size: 14px;
	color: #727272;
}

.lists {
	width: calc((100% - 0px)/1);
	height: auto;
	background-color: #fff;
	border-bottom: 1px solid #e9e9e9;
	overflow: hidden;
	position: relative;
	padding: 25px 0px; text-align:left
}



.title1{ font-weight:normal}
.titleLink {
    font-size: 15px;
    color: #727272;
    line-height: 24px;
    margin-bottom: 10px;
    height: auto;
    overflow: hidden;
    transition: all .3s ease;
}


@media only screen and (max-width:828px) { 
.newiBox .list li .lib { flex-wrap: wrap; padding: 20px 0 10px;}
.newiBox .list .line { display: none;}
.newiBox .list .pic {margin: 2% 0% 0 .1%; width: 100%;padding-top:75%;}
.newiBox .list .time .mmdd { text-align: left; width: 4em;}
.newiBox .list .time .arr { margin-left: 0;}
.newiBox .list .txt{ margin-left:10px;}
.newiBox .list .intro{ font-size:14px;}
.newiBox .list .name{height:auto;}
.newDBox .content img{ width:100%}

.newsfr{width:100%; float:none; margin-top:20px;} 
.newsfl{width:100%; float:none}
}

.newDBox { padding: 30px 0 30px;}
.newDBox1 { padding: 30px 0 0px;}
.newDBox .title { font-weight: normal;}
.newDBox .about { color: #707070; margin-top: 1.3em; padding: 1.3em 0 0; border-top:1px solid #d9d9d9 ; text-align:center}
.newDBox .about span { display: inline-block; margin: 0 0.7em;}
.newDBox .about a {color: #707070;}
.newDBox .content { margin-top: 2.5em; line-height: 1.9; text-align: left; color: #666;}
.newDBox .content p { margin-top: 0.8em;}
.newDBox .content img{max-width:100%;}



@media only screen and (max-width:828px) {
	.newDBox .title { font-weight: bold; font-size: 20px;}
}




.newDBox1 { padding: 4em 0 4em;}
@media screen and (max-width: 767px) {
	.newDBox1 { padding-top: 2em;}
}

.col4{ width:50%; float:left}

.col4 .bg{
   padding: 3em 0 1em;
}

.col4 .bg .txt{ text-align:left; padding:0 50px 0 25px;}
.col4 .bg .txt .t1{ border-bottom:1px dashed #FFFFFF; 
padding-bottom:20px;font-size:24px;color:#222}
.col4 .bg .txt .t2{ padding-top:20px; padding-bottom:20px; color:#333; font-size:16px; line-height:29px;}
.col4 .bg .txt .t2 a{ color:#333}

.col4 .bg .txt .t3{ width:150px; text-align:center; color:#222; font-size:16px;}
.col6{ width:50%; float:left}

.messDBox { margin:1em; padding: 2em;
	    border-bottom: 5px solid #0096D4;
	    box-shadow: 0px 2px 15px rgba(0,0,0,.18);
	    background: #fff;
}

#all2map {
	width: 100%;
	height: 546px;
	overflow: hidden;
	font-family: "寰蒋闆呴粦";
	font-size: 14px;
}
#all2map b {
	color: #CC5522;
	font-size: 14px;
}
#all2map img {
	max-width: none;
}

@media screen and (max-width: 767px) {
.col4{ width:100%;}
.col4 .bg { padding-top: 0;}
.col4 .bg .txt{ text-align:left; padding:20px;}
.col6{ width:100%; }
.messDBox { margin: 1em; padding:1em;}
#all2map {
	width: 100%;
	height: 300px;
	overflow: hidden;
	font-size: 14px;
}
}



.foot_message{padding-top:10px;}
@media screen and (max-width: 767px) {
	.foot_message{padding-top:15px;}
}
.foot_message .input{
    width:100%;
    margin-bottom: 20px; 
}

.foot_message .input1{ float: none; clear: both;
    margin-bottom: 20px;
}


.foot_message .input:nth-child(3){ margin-right:0px;}





.foot_message .input div{
    font-size: 14px;
    color: #333;
    line-height: 48px;
    width: 52px;
}
.foot_message .input input{
    width:100%;
    height: 43px;
    border: solid 1px #ccc;
    font-size: 14px;
    color: #333;
   background-color: #fff; text-indent:10px;
}   

.foot_message .input1 {position: relative; z-index: 0; padding-right: 100px;}
.foot_message .input1 input{
    width:96%;
    height: 43px;
    border: solid 1px #ccc;
    font-size: 14px;
    color: #333;
    background-color: #fff;text-indent:10px
} 
.foot_message .input1 img { position: absolute; right: 0;
top: 0; height: 43px;}

.foot_message .textarea{
    width: 100%;
    margin-bottom: 14px;text-indent:10px
}
.foot_message .textarea div{
    font-size: 14px;
    color: #333;
    line-height: 48px;
    width: 52px;
}
.foot_message .textarea textarea{
    width:99.5%;
    height:100px;
    border: solid 1px #ccc;
    font-size: 14px;
    color: #333; padding-top:10px;
 
    background-color: #fff;text-indent:10px
}



input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}




@media screen and (max-width: 767px) {
.foot_message .input{
    width:100%;
    margin-bottom: 20px;
}


.foot_message .input input{
    width: calc(100% - 0px);
} 

.foot_message .textarea textarea{
    width: calc(100%);

}

.foot_message .textarea{
    width: 100%;
    margin-bottom: 14px;
}

.foot_message .input1 {
    margin-bottom: 20px;
}

.foot_message .input1 input {
    height: 43px;
    border: solid 1px #f2f2f2;
    font-size: 14px;
    color: #333;
    padding: 0 10px;
    background-color: #f2f2f2;
}

}
.float_l {
    float: left;
}

.title11{text-align:left;color:#000000;font-size:28px; font-weight: bold;}
.title12{text-align:left;color:#666;font-size:14px; padding-top:10px;}

.p50{ padding-bottom:50px;}
.btn1{width:20%; background-color:#868686; padding:10px; border:none; color:#FFFFFF; font-size:14px; margin-top:30px; cursor:pointer}

.btn1:hover{width:20%; background-color:#0096D4; }


.prodList ul { display: flex;  flex-wrap: wrap;
justify-content: flex-start; align-items: stretch;}
.prodList li {  width: 23.57%; margin-top: 1.9%; margin-right: 1.9%;}
.prodList li:nth-child(4n) { margin-right: 0;}

.prodList li .lib { position: relative; z-index: 0;  
padding: 3% 3% 1em; background-color: #f5f5f5;}
.prodList li .lib::after { display: block; content: "";
 position: absolute; z-index: -1; 
bottom: 0; left: 0;
width: 100%;height: 0; background-color: #e9e9e9;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
 .prodList li:hover .lib::after { height: 100%;}
.prodList .name { margin: .5em 0 0; color: #333; height: 1.5em; line-height: 1.5em;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; text-align:center}
.prodList .pic { position: relative; z-index: 0; width: 100%; padding-top:100%;
display: block; cursor: pointer; overflow: hidden; background-color: #fff;}
.prodList .pic img {position: absolute; left: 5%; top: 5%; width: 90%; ;
object-fit:contain; 
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.prodList li:hover .pic img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

@media only screen and (max-width:828px) {
	.prodList  { margin-top: 1em;}
	.prodList li {  width: 49%; margin-top: 2%; margin-right: 2%;}
	.prodList li:nth-child(2n) { margin-right: 0;}
	.prodList .name{ font-size:14px;}
}