@charset "utf-8";
/* CSS Document */

.insidekv{overflow: hidden;position: relative;display: block;}
.insidekv-slogan {height: calc(100% - 130px);bottom: 0;}
.poabsolute-wh50 {
    position: absolute;
    top: 50%;
    left: 50%;
	color:#fff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.inside-navbox{ background:#153680; overflow:hidden; width:100%; padding:10px 0px;}
.inside-navbox a{ font-size:16px; line-height:3;padding-right:15px; color:#fff;}
.inside-navbox a:hover,.inside-navbox a.menn{ color:#e5322d;}

/*关于我们内容*/
.abtu{ width:38%; float:left; overflow:hidden; position:relative;}
.abtu img{ max-width:100%;}
.abtuu{ position:relative; z-index:1;transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;}
.abtu:hover .abtuu{
	transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);	}

.abjk{ float:right; width:60%;}
.abj-tien{ line-height:36px; font-size:28px; color:#153680; }
.abj-ticn{ margin-bottom:7px; line-height:38px; font-size:28px; color:#000; }
.abj-tij{ width:72px; height:4px; margin-bottom:20px; background:#153680;}
.abjk0 p{ line-height:2; font-size:15px; text-indent:2em;}
.abjk0 p img{ margin-left:-2em;}

.abjk0 img{ max-width:100%}
@media ( max-width:800px ) {
.abtu{ width:100%; float:left; overflow:hidden; position:relative;}
.abjk{ float:right; width:100%;}
}
/******************************产品******************************/
.probg{ background:#eee; padding:40px 0px; overflow:hidden;}
.area_33 { float:left; width:33.33%; padding:10px;}
.protit{ background:#fff; padding:10px; text-align:center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size:15px; line-height:2;}

.area_25 { float:left; width:25%; padding:10px;}


/******************************about-contact*******************************/
.conk0{ display:block; padding:14px 17px 20px; overflow:hidden; position:relative; background:#FFF;}
.conk{ display:block; float:left; width:50%; background:#FFF; padding:0 27px; }
.conkt{ display:block; position:absolute; left:50%; top:0; width:1px; height:100%; background:#e5e5e5;}
.conk-ti{ margin-bottom:28px; border-bottom:1px solid #e5e5e5; line-height:68px; font-size:20px; color:#00b3f0; }
.coadk{ overflow:hidden; margin-bottom:17px;}
.coadk img{ float:left;}
.coad{ margin-left:60px; padding-top:6px; line-height:28px; font-size:14px; color:#000;}
.coad span{ color:#787878;}
.coadk:hover .coad{ padding-left:6px;}
.coadk:hover img{transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}

@media ( max-width:800px ) {
.conk{ width:100%;}
.area_33 { float:left; width:100%; padding:10px;}
.area_25 { float:left; width:100%; padding:10px;}
h3, .h3 {font-size:16px;}
}
/*地图*/
.mapk{ display:block; position:relative; height:568px; background:#FFF; padding:0 20px 20px;}
.cony{ display:block; position:absolute; left:0; top:0; width:100%; z-index:6; }

/**内容区切入**/
.donghua{
animation:donghua 1.0s linear both;
-webkit-animation:donghua 1.0s linear both; 
-moz-animation:donghua 1.0s linear both; 
-o-animation:donghua 1.0s linear both;
}
@keyframes donghua{
0% { margin-top:400px; opacity:0; -webkit-opacity:0; -moz-opacity:0; -o-opacity:0; filter: alpha(opacity=0);} 
100%{  margin-top:0px; opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; filter: alpha(opacity=100);}
}
@-webkit-keyframes donghua{
0% { margin-top:400px; opacity:0; -webkit-opacity:0; -moz-opacity:0; -o-opacity:0; filter: alpha(opacity=0);} 
100%{  margin-top:0px; opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; filter: alpha(opacity=100);}
}
@-moz-keyframes donghua{
0% { margin-top:400px; opacity:0; -webkit-opacity:0; -moz-opacity:0; -o-opacity:0; filter: alpha(opacity=0);} 
100%{  margin-top:0px; opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; filter: alpha(opacity=100);}
}
@-o-keyframes donghua{
0% { margin-top:400px; opacity:0; -webkit-opacity:0; -moz-opacity:0; -o-opacity:0; filter: alpha(opacity=0);} 
100%{  margin-top:0px; opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; filter: alpha(opacity=100);}
}
.donghua2{
animation:donghua2 1.0s linear both;
-webkit-animation:donghua2 1.0s linear both; 
-moz-animation:donghua2 1.0s linear both; 
-o-animation:donghua2 1.0s linear both;
}
@keyframes donghua2{
0% {opacity:0; -webkit-opacity:0; -moz-opacity:0; -o-opacity:0; filter: alpha(opacity=0);} 
100%{opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; filter: alpha(opacity=100);}
}
@-webkit-keyframes donghua2{
0% {opacity:0; -webkit-opacity:0; -moz-opacity:0; -o-opacity:0; filter: alpha(opacity=0);} 
100%{opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; filter: alpha(opacity=100);}
}
@-moz-keyframes donghua2{
0% {opacity:0; -webkit-opacity:0; -moz-opacity:0; -o-opacity:0; filter: alpha(opacity=0);} 
100%{opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; filter: alpha(opacity=100);}
}
@-o-keyframes donghua2{
0% {opacity:0; -webkit-opacity:0; -moz-opacity:0; -o-opacity:0; filter: alpha(opacity=0);} 
100%{opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; filter: alpha(opacity=100);}
}

/*****详细页*****/
.news-art-main{background: #fff;margin:0px auto;padding: 3% 5%;}
.art-tit h4{text-align: center;font-size:20px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #333;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;max-width: 300px; width:50%;}
.art-main{padding-top: 30px;padding-bottom: 40px;}
.art-main p{text-indent: 2em;font-size: 14px;line-height: 30px;color: #666;}
.art-main  img{ max-width:100%;}
.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color:#a59380;}
.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 116px;height: 40px;overflow: hidden;border: 2px solid #a59380;line-height:36px;text-align: center;box-sizing: border-box;color: #a59380;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #a59380;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}

/********分页*********/
.text-center {text-align: center; border-top: 1px solid #ddd;}
.pagination{display: inline-block; padding-left: 0; margin:20px 0px 20px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #22c169; border-color: #22c169;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
