@charset "utf-8";

/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。
------------------------------------------------------------------------------------------------------ */

/* 全局样式
-------------------------------------------------------------- */
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:14px; line-height:25px; font-family:"Microsoft Yahei","Arial"; color:#666;}
p{line-height:25px;}
img{ border:none; vertical-align:middle;}
td{ vertical-align:center; font-size:14px;}
body{ background:#fff; overflow-x:hidden;}
/* 链接样式 */
a {text-decoration:none; outline:none;}
a:visited {text-decoration:none; outline:none;}
a:hover {text-decoration:none; outline:none;}

/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }

/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }

* html,* html body /* 修正IE6振动bug */{background-image:url(../images/68e7683fc779488d858fe483e5a4b903.gif);background-attachment:fixed;}

/* 主体内容开始
-------------------------------------------------------------- */
@font-face {
    font-family: 'dinCond-Medium';
    src: url('../fonts/dincond-medium-webfont.eot');
    src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dincond-medium-webfont.woff') format('woff'),
         url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
         url('../fonts/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

.page { margin: 0 auto; width:100%; height: auto; }
.content{ width:100%; margin: 0 auto;}


#pages{padding-top:5px; margin:0 auto; padding:25px 0; }
#pages a{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;font-size:13px;}
#pages a:hover{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;background: #195091;color:#FFF;font-size:13px;}
#pages span {background: #195091;border: 1px solid gainsboro;color: white;font-weight: bold;margin: 2px;padding: 2px 5px;font-size:12px;}

/*--footer--*/
.footer { background:#E60A11; padding:26px 0; line-height:28px;}
.footer a { color:#fff;}




/*翻页*/
.pages{padding-top:40px; padding-bottom:40px; margin:0 auto;text-align: center; box-sizing:border-box;}
.pages:after{ clear:both; content:''; width:0px; display:block; height:0px; visibility:hidden;}
.pages a{border: 1px solid #DDD; display:inline-block; line-height:38px;
    color: #333;
    margin: 5px 2px;
    height:40px;
	min-width:42px;
	padding:0 5px;
    text-decoration: none;
    font-size:14px;
    }
.pages a:hover{  text-decoration: none; border: 1px solid #1069AD;  background-color:#fff;color: #1069AD;padding:0 5px;height:40px; line-height:38px; font-size:14px;}
.pages span { display:inline-block; border: 1px solid #1069AD;  background-color:#fff;color: #1069AD; line-height:38px;min-width:42px;padding:0 5px;height:40px; font-size:14px; margin:0 2px;}
.pages a:first-child , .pages a:last-child{/* border:none;*/}

/*--头部--*/
.gupiao { float:left; font-size:16px; color:#949494; padding-top:10px; padding-left:10px;}
.gupiao span { font-size:21px; color:#666;}
@media screen and (max-width:414px){
.gupiao { float:left; font-size:14px; line-height:20px; color:#949494; padding-top:12px; padding-left:0px;}
.gupiao span { font-size:16px; color:#666;}
	
}


/*首页*/

.hometitle { color:#000000; font-size:28px; text-align:center; padding-top:38px;}
.hometitle p { padding-top:25px; text-align:center;}
.yskuang { border:1px solid #02438E; margin-bottom:15px; overflow:hidden; padding:75px 45px 50px 45px;transition:all 0.3s;
-moz-transition:all 0.3s; /* Firefox 4 */
-webkit-transition:all 0.3s; /* Safari 和 Chrome */
-o-transition:all 0.3s; /* Opera */
}
.yskuang span { display:inline-block; width:25%; padding-right:10px; height:59px; overflow:hidden; float:left; position:relative;}
.yskuang span img { max-width:100%; padding-right:10px;}
.yskuang:hover { background:#195296; color:#fff;}
.yuan { position:absolute; left:0; top:0;}
.zhuan { position:absolute; top:-100%;}
.yshei { color:#000000; font-size:18px; float:left; width:75%;}
.yshei strong { color:#000000; font-size:16px; height:25px; font-weight: 700; overflow:hidden;display:block; margin-bottom:10px;}
.yshei p { height:75px; overflow:hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.hometitle p { padding-bottom:55px;}
.yskuang:hover .yshei,.yskuang:hover .yshei strong,.yskuang:hover .yshei p { color:#fff;}
.homepropic { overflow:hidden; position:relative;}
.homepropic img { width:100%;}
.homepropic img { width:100%;transition:all 0.5s;}
.homepropic a:hover img{ transform:scale(1.1);}

.rows { margin-left:-10px; margin-right:-10px;}
.rowst { margin-left:-10px; margin-right:-10px;}
@media (min-width: 768px){
.col-ms-4 { padding-left:10px; padding-right:10px; float:left;width: 33.33333333%;}
.col-ms-8 { padding-left:10px; padding-right:10px; float:left;width: 66.66666667%;}
.col-ms-6 { padding-left:10px; padding-right:10px; float:left; width: 50%;}
}
.promeng { position:absolute; background:url(../images/probghui.png) repeat; left:0; top:0; width:100%; height:100%; text-align:center;}
.porbt { font-size:20px; color:#fff; padding-bottom:17px; padding-top:18%;}
.promeng p { color:#fff; width:74%; height:50px; overflow:hidden; margin:0 auto; text-align:left;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.homeprocont { position:absolute; left:0; top:0; width:100%;}
.homeprotitle { font-size:26px; color:#fff; line-height:34px; text-align:center; padding-top:18%; padding-bottom:15px;}
.procont { width:78%; margin:0 auto;} 
.procont p { color:#fff; padding:15px 0; font-size:16px; line-height:28px;}
.promore { font-size:18px; color:#fff; background:url(../images/cpico.png) no-repeat right bottom; padding-top:25%; display: inline-block; padding-right:30px;}
@media (min-width:768px) {
.homepig img { min-height:278px;}
}

@media (min-width:992px) {
.prok { padding-bottom:15px;}
}
@media (min-width:1100px) {
.prok { padding-bottom:16px;}
}
@media (min-width:1200px) {
.prok { padding-bottom:19px;}
}
@media (min-width:1280px) {
}.prok { padding-bottom:21px;}


@media screen and (max-width:1200px) {
.porbt { padding-bottom:17px; padding-top:15%;}
.promore { font-size:18px; padding-top:22%;}
.homeprotitle { font-size:20px; line-height:30px;padding-top:15%; padding-bottom:15px;}
.procont p { padding:5px 0;font-size:14px; line-height:25px;}
}

@media screen and (max-width:991px) {
.porbt { padding-bottom:8px; font-size:18px; padding-top:15%;}
.promore { font-size:16px; padding-top:22%;}
.promeng p { width:85%;}
.homeprotitle { font-size:18px; line-height:28px;padding-top:10%; padding-bottom:10px;}
}
@media screen and (max-width:767px) {
.rowst { margin:0;}
.rows { margin-left:-15px; margin-right:-15px;}
.homepig { margin-bottom:15px;}
}

/*--banner--*/
.banner { margin-top:110px; overflow:hidden;}
.banner .item { position:relative;}

.banner .owl-carousel .owl-dots.disabled,.banner .owl-carousel .owl-nav.disabled { display:block; height:0; position:relative;}
.banner .owl-dots { position:absolute; width:100%;margin-top:-40px;text-align: center; z-index:99;}
.banner .owl-carousel button.owl-dot { width:12px; height:12px;background:#FFFFFF; border-radius:50%; margin:0 5px;outline:0;}
.banner .owl-carousel button.owl-dot.active { background-color:#1F73B3; outline:0;}

.banner .owl-carousel .owl-nav button.owl-next,.banner .owl-carousel .owl-nav button.owl-prev { position: absolute; width:45px; height:45px; font-size:0;filter: Alpha(Opacity=50);	opacity:0.5;top:-300px; z-index:99;}

.banner .owl-carousel .owl-nav button.owl-next { left:10px; background:url(../images/left.png) no-repeat;}
.banner .owl-carousel .owl-nav button.owl-prev { right:10px;background:url(../images/next.png) no-repeat;}

.banner .owl-carousel .owl-nav button.owl-next:hover,.banner .owl-carousel .owl-nav button.owl-prev:hover{filter: Alpha(Opacity=100);	opacity:1;}
.homebanbt { position:absolute; width:100%; top:25%;}
.homebanbt strong { font-size:36px; color:#fff; display:block;}
.homebanbt p { font-size:16px; color:#fff; padding-top:38px;}
.banmore { color:#fff; border:1px solid #fff; margin-top:82px; display:inline-block; width:248px; height:49px; line-height:49px; text-align:center; position:relative; z-index:99;}
.banmore i { margin-left:10px;}
.banmore:after { background:#02438E;transition:all 0.3s; left:0; position:absolute; height:100%; width:0; content:""; z-index:-10;}
a:hover.banmore:after { width:100%;}
a:hover.banmore {border:1px solid #02438E; color:#fff;}
/*a:hover.banmore { background:#02438E; border:1px solid #02438E; color:#fff;}
*/
@media screen and (max-width:1600px){
.banner .owl-carousel .owl-nav button.owl-next,.banner .owl-carousel .owl-nav button.owl-prev {top:-250px;}
}
@media screen and (max-width:1380px){
.banner .owl-carousel .owl-nav button.owl-next,.banner .owl-carousel .owl-nav button.owl-prev { display:none;}
}

@media screen and (max-width:1300px){
.banmore {  margin-top:30px;width:220px; height:49px; line-height:49px;}
}
@media screen and (max-width:1200px){
.banner { margin-top:100px;}
}
@media screen and (max-width:1100px){
.homebanbt {  top:20%;}
.homebanbt strong { font-size:30px;}
.homebanbt p { font-size:15px; padding-top:20px;}
.banmore {  margin-top:30px;width:200px; height:49px; line-height:49px;}
}
@media screen and (max-width:998px){
.homebanbt {  top:20%;}
.homebanbt strong { font-size:30px;}
.homebanbt p { font-size:15px; padding-top:20px;}
.banmore {  margin-top:20px;width:160px; height:39px; line-height:39px;}
}

@media screen and (max-width:767px){
.banner { margin-top:90px;}
.mobban { margin-top:137px;}
}

/*--了解瑞信--*/
.homeljbg { background:#F5F5F5; padding:50px 0;}
.homegspic { float:left; width:43%; margin-top:42px; overflow:hidden;}
.homegspic img { width:100%;transition:all 0.5s;}
.homegspic a:hover img{ transform:scale(1.1);}
.homegszuo { width:57%; float:left; padding-right:40px;}
.homegstitle { font-size:28px; color:#02438e; background:url(../images/lanbg2.jpg) no-repeat bottom left; padding-bottom:24px;}
.homegstitle span { color:#02438e; font-size:17px; padding-left:12px;}
.homegswen { padding-top:32px;}
.homegswen p { color:#666; font-size:15px; padding:15px 0;}
.gsmore { background:#02438E; border:1px solid #02438E; color:#fff; display:inline-block; width:244px; height:45px; text-align:center; line-height:45px; margin-top:20px;}
.gsmore i { padding-left:10px;}
a:hover.gsmore { border:1px solid #02438E; background:#fff; color:#02438E;}


@media screen and (max-width:768px){
.homegszuo { width:100%;  padding-right:0px;}
.homegspic {  width:100%; margin-top:42px; overflow:hidden;}
.homegspic img { max-width:100%; width:auto;}
}

@media screen and (max-width:640px){
.homegstitle span { font-size:16px; padding-left:0px; display:block; padding-top:10px;}

}

/*--工程案例--*/
.homeal {}
.homeal .owl-nav{ display:none;}
.homeal .owl-theme .owl-dots .owl-dot { background:none; outline:0;}
.homeal .owl-theme .owl-dots .owl-dot span { width:21px; height:3px; background:#BFBFBF;}
.homeal .owl-theme .owl-dots { padding-top:50px;}
.gcalpic { border:1px solid #E0E0E0; overflow:hidden;}
.gcalpic:hover { border:1px solid #036DC3;border-color:rgba(3,109,195,0.4)}
.homeal .item p { font-size:16px; color:#333333; text-align:center; margin-top:16px; height:25px; overflow:hidden;}
.homecase { padding:58px 0 40px 0;}
.gcalpic img { width:100%;transition:all 0.5s;}
.gcalpic:hover img{ transform:scale(1.1);}
.casekuang { padding:58px 0 48px 0;}
.homecase { border-right:1px solid #E5E5E5; width:16.66%; float:left; min-height:228px; padding:14px 40px;}
.casekuang .homecase:nth-child(6) { border:none;}
.homecase ul { max-height: 155px; width:auto;overflow-y: auto;}
.homecase h4{ color:#02438e; font-size:18px; font-weight:bold; margin:0; margin-bottom:20px; background:url(../images/bdian.png) no-repeat left; padding-left:15px;}

.homecase h4 a{ color:#02438e; font-size:18px;}
.homecase ul li { color:#333333; font-size:14px; line-height:30px;}
.homecase ul li a { color:#333333; font-size:14px;}
.homecase ul li a:hover { color:#02438e; font-size:14px;}
#yh-sucai::-webkit-scrollbar {/*滚动条整体样式*/
        width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
		cursor:pointer;
    }
#yh-sucai::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ cursor:pointer;background:url(../images/scorbg.jpg) no-repeat;    }
#yh-sucai::-webkit-scrollbar-track {/*滚动条里面轨道*/
        background: #EEEEEE;cursor:pointer;    }


@media screen and (max-width:1366px){
.homecase { padding:14px 20px;}
}
@media screen and (max-width:1200px){
.homecase { padding:14px 10px;}
}

@media screen and (max-width:1100px){
.homecase { border-right:1px solid #E5E5E5; width:33.33%; float:left; min-height:228px; padding:14px 40px;}
.casekuang .homecase:nth-child(3) { border:none;}
}
@media screen and (max-width:767px){
.homecase { border-right:1px solid #E5E5E5; width:50%; float:left; min-height:228px; padding:14px 10px;}
.casekuang .homecase:nth-child(2n) { border:none;}
.casekuang .homecase:nth-child(3) { border-right:1px solid #E5E5E5;}
.homeal .owl-theme .owl-dots { padding-top:30px;}

}
@media screen and (max-width:375px){
.homecase { border-right:none; width:100%; float:left; min-height:auto; padding:14px 20px;}
.casekuang .homecase:nth-child(2n) { border:none;}
.casekuang .homecase:nth-child(3) { border-right:none;}
.homecase ul { max-height:100%; width:auto;overflow-y:hidden;}
}
/*--首页新闻--*/
.homenewbg { background: url(../images/newbg.jpg) no-repeat center top; background-size:cover; padding-bottom:38px;}
.homenewbt { font-size:16px; color:#000000; height:25px; line-height:25px; margin-bottom:15px; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.homenewdes { height:50px; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;} 
.hometime { color:rgba(102,102,102,0.4); padding-top:30px;}
.hometime .right{ color:rgba(102,102,102,0.6);}
.hospital .item { padding:13px; border:1px solid #93AECE; overflow:hidden;}
.hospital .item:hover { background:#02438E;}
.hospital .item:hover .homenewbt { color:#fff; font-weight:bold;}
.hospital .item:hover .homenewdes { color:#fff;}
.hospital .item:hover .hometime,.hospital .item:hover .hometime .right { color:rgba(255,255,255,0.6);}
.homeal .owl-theme.hospital .owl-dots { padding-top:30px;}
.homeal .owl-theme.hospital .owl-dots .owl-dot span { width:11px; height:11px; border-radius:50%; margin:5px 5px;}


.homelink { background:url(../images/footbg.jpg) no-repeat center; width:100%; background-size:cover; height:201px; padding-top:48px; margin-top:35px;}
.homekjtb { height:40px; text-align:center;}
.homekjbt { font-size:16px; color:#fff;text-align:center; padding:14px 0 9px 0;}
.homekjms { font-size:13px; min-height:50px; color:#acd1fd;text-align:center;}


.homekjtb img{  -webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
a:hover .homekjtb img {-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; 
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg); }

@media screen and (max-width:767px){
.homelink { background:url(../images/footbg.jpg) no-repeat center; width:100%; background-size:cover; height:auto; padding-top:48px; padding-bottom:48px; margin-top:35px;}
.homelink .col-sm-3 { padding-bottom:15px;}
}

/*底部*/

.footlan { background:#02438E; color:rgba(255,255,255,0.8);width:100%; padding:15px 0;}
.footlan a {color:rgba(255,255,255,0.8);}
.footlan a:hover {color:rgba(255,255,255,1); }
.footbg { background:#fff; padding:40px 0 60px 0; border-top:1px solid #80A1C6;}

.foot_left{ box-sizing:border-box;}
.foot_left ul{ display:flex;}
.foot_left ul li{ width:20%; float:left;}
.foot_left ul li:first-child{ width:30%; float:left;}
.foot_left ul li a{ display:block; font-size:14px; color:#666; line-height:28px; height:28px; overflow:hidden;}
.foot_left ul li a:hover{color:#02438E;}
.foot_left ul li a b{ display: block; font-size:15px; color:#161616; line-height:20px; font-weight:normal; margin-bottom:10px;}
.lian{box-sizing:border-box; }
.lian p { padding-bottom:10px;}
.lian p strong{ color:#333333; line-height:24px; margin-right:3px;}
.contme{ display: block; background:rgba(255,255,255,0.2); font-size:15px; color:#fff; padding:6px 0px; margin-bottom:25px; text-align:center; color:#fff; border-radius:4px;}
.soulte{ padding:0; text-align:center;}
.soulte img { max-width:100%;}
.foots .container .row div{ padding:0;}
.ftlan { color:#02438e; font-weight:bold; font-size:14px; margin:0; padding-bottom:10px;}
.ftstrong { font-size:30px; color:#333333; font-weight:bold; padding-top:12px;}
.website { text-align:right;}

@media screen and (max-width:1200px){
.ftstrong { font-size:25px;}
}
@media screen and (max-width:1000px){
.ftstrong { font-size:20px; padding-top:6px;}
.foot_left ul li a{ display:block; font-size:13px; line-height:28px; height:28px; overflow:hidden;}
.ftlan {padding-bottom:0px;}
.lian p { padding-bottom:5px;}
}
@media screen and (max-width:767px){
.website { text-align:left;}
.footbg {  padding:20px 0 20px 0;}
}

.back-top { background:url(../images/top.png) no-repeat; width:54px; height:54px; position:fixed; bottom:10%; display:none; right:0; cursor:pointer; z-index:99;}

/*--产品列表--*/
.nbanner { padding-top:110px;}
.contnav { border-bottom:1px solid #D6D8DE; overflow:hidden;}
.contnav .left{ font-size:16px; color:#023156; line-height:30px; padding:25px 0;}
.contnav .left a{ font-size:16px; color:#023156;}
.contnav .left a:hover{  color:#02438E;}
.contright { text-align:right; float:right;}
.contright a { font-size:16px; color:#333333; display:inline-block; margin:0 25px;line-height:80px;background-position:bottom left;transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;}
.contright a:last-child { margin-right:0;}
.contright a:hover { background:url(../images/lanbg3.jpg) repeat-x bottom center; }
.contright a.on { background:url(../images/lanbg3.jpg) repeat-x bottom center;}
.protitle { font-size:24px; color:#333333; height:25px; overflow:hidden;white-space: nowrap;
    text-overflow: ellipsis;}
.pronk { padding-top:47px;}
.proico { position:relative; margin-top:17px; overflow:hidden; width:44px; height:44px;}
.proyuan { position:absolute; left:0; top:0;}
.prozhuan { position:absolute; left:-100%; top:0;}
.pronk a:hover .protitle { color:#005ba0;}
.propic { border:1px solid #C5C5C5; margin-top:28px;}
.propic img { max-width:100%;}
.probottom { background:#005BA0; height:4px; width:0;transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;}
.pronk a:hover .probottom { width:100%;}
@media screen and (max-width:1199px){
.contnav .left{ width:100%;}
.contright { text-align:left; float:right; width:100%;}
.contright a:first-child { margin-left:0;}

}

@media screen and (max-width:767px){
.nbanner { padding-top:137px;}

}
@media screen and (max-width:640px){
.contright a { font-size:14px;margin:0;line-height:60px;white-space: nowrap; width:33.33%; float:left; text-align:center;
}
}
@media screen and (max-width:414px){
.contnav .left{ font-size:14px; color:#023156; line-height:30px; padding:25px 0;}
.contnav .left a{ font-size:14px; color:#023156;}
.contright a { font-size:14px;margin:0;line-height:60px;white-space: nowrap; width:50%; float:left; text-align:center;}
.contright a:hover { background:url(../images/lanbg4.jpg) no-repeat bottom center; }
.contright a.on { background:url(../images/lanbg4.jpg) no-repeat bottom center;}

.contright a {transition: none;}
}

/*--新闻中心--*/
@font-face {
    font-family: 'dinCond-Medium';
    src: url('../fonts/dincond-medium-webfont.eot');
    src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dincond-medium-webfont.woff') format('woff'),
         url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
         url('../fonts/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}
.new { padding-top:38px;}
.mnew{ height:247px; display:block; border:1px solid #e5e5e5; padding:30px 24px; box-sizing:border-box; background-color:#fff; overflow:hidden; margin-bottom:30px;}
.mhnew{ font-size:13px; color:#999; line-height:20px;}
.mnew h3{ font-size:18px; color:#333333; line-height:35px; margin-bottom:35px; font-weight:bold; width:100%; height:35px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.mnew .mhdis{ font-size:14px; color:#666; line-height:24px; width:100%; height:48px; overflow:hidden; text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.mnew .mtime{ font-size:20px; color:#ACACAC;font-family:'dincond-medium';  line-height:24px; margin-top:50px; display:block;}
.bdsharebuttonbox { margin-top:0px; overflow:hidden; margin-bottom:33px; background:url(../images/rightmore.png) no-repeat right 6px;}
.bdsharebuttonbox a{ display:inline-block; width:36px; height:36px;}
#fenxiang4{
  background: url(../images/fx4.png) no-repeat;
  margin-right:1px;
}
.mnew a{ display:block;}
.minside{ transform: translateY(-75px); transition:all 0.5s;}
.mnew:hover{ background-color:#1069AD;}
.mnew:hover h3 , .mnew:hover .mhdis , .mnew:hover .mtime , .mnew:hover .mhnew{color:#fff;}
.mnew:hover .minside{  transform: translateY(0);}

.mnewsbt { font-size:28px; color:#333333; font-weight:bold; margin-bottom:20px;}


/*--新闻上面切换效果--*/
.pc_show{ display:block;}
.pad_show{ display:none;}
.phone_show{ display: none;}
.pc_pad_show{display:block;}
.pad_phone_show{ display:none;}


@media  screen and (max-width: 1199px){
.pc_show{ display:none;}
.pad_show{ display:block;}
.phone_show{ display: none;}
.pc_pad_show{display:block;}
.pad_phone_show{ display:block;}

.w_0100{ float:left; width:100%; padding:0 10px;
box-sizing:border-box; 
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
}
.w_1200{ margin:0 auto; max-width:984px;}	
}

@media  screen and (max-width: 767px){
.pc_show{ display:none;}
.pad_show{ display:none;}
.phone_show{ display: block;}
.pc_pad_show{display:none;}
.pad_phone_show{ display:block;}

.w_0100{padding:0;}
}
.c_1200_5{ float:left; width:100%; padding:40px 0 60px 0;}
.t_1200_2{ float:left; width:100%; padding:46px 0 0 0;}
.slide_hitem{ float:left; width:100%;}
.slide_hitem .hd{ float:left; width:47%; padding-left:17px;}
.slide_hitem .hd ul{ float:left; width:100%;}
.slide_hitem .hd ul li{ float:left; width:100%; height:98px; position:relative; border:1px solid #E8E8E8; margin-bottom:16px; cursor:pointer;}
.slide_hitem .hd ul li:last-child { margin-bottom:0;}
.slide_hitem .hd ul li .t_254{ position:absolute; width:100%; height:98px; left:0; top:0;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.slide_hitem .hd ul li.on .t_254{ position:absolute; width:100%; height:98px; left:0; top:0; background:#1069AD;}
.slide_hitem .hd ul li .t_254 .l_217{ float:left; width:100%; padding:0 0px 0 18px;
box-sizing:border-box; 
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}

.slide_hitem .hd ul li .t_254 .l_217 .sp6{  float:left; width:80%;height:28px; margin-top:35px;color:#565656; font-size:17px; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.slide_hitem .hd ul li.on .t_254 .l_217 .sp6{ float:left;  color:#fff;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.hlisttime { float:right; width:98px; height:98px; padding-top:25px; font-size:20px; text-align:center; color:#cbcbcb;font-family: 'dincond-medium';}
.hlisttime span { font-size:24px; display:block; color:#cbcbcb;font-family: 'dincond-medium';}
.slide_hitem .hd ul li.on .hlisttime { color:#fff;}
.slide_hitem .hd ul li.on .hlisttime span { color:#fff;}
.slide_hitem .bd{ float:left; width:53%; height:440px;}
.slide_hitem .bd .box_hitem{ float:left; width:100%;}
.slide_hitem .bd ul{ float:left; width:100%;}
.slide_hitem .bd ul li{ float:left; width:100%; height:440px;}
.slide_hitem .bd ul li .nr_hitem{ float:left; width:100%; height:100%; padding:25px 19px 0 19px; background:rgba(0,0,0,0.6);}
.slide_hitem .bd ul li .nr_hitem .tit_hitem{ float:left; width:100%; margin:70px 0 13px 0; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; }
.slide_hitem .bd ul li .nr_hitem .tit_hitem a{ color:#fff; font-size:22px; font-weight:bold; line-height:31px;}
.slide_hitem .bd ul li .nr_hitem .text_hitem{ float:left; font-size:14px; width:100%; height:168px; margin-top:21px; color:#fff; line-height:24px; overflow:hidden;}
.slide_hitem .bd ul li .nr_hitem .btn_hitem{ float:left; width:100%; margin-top:18px;}
.slide_hitem .bd ul li .nr_hitem .btn_hitem a{ padding:16px;  border:#fff solid 1px; color:#fff; font-size:14px;  line-height:33px;}
.slide_hitem .bd ul li .nr_hitem .btn_hitem a i { padding-left:68px;}
.slide_hitem .bd ul li .nr_hitem .btn_hitem a:hover{ background-color:#1069AD; border:#1069AD solid 1px; color:#fff;}


@media  screen and (max-width:1199px){
.slide_hitem{ float:left; width:100%;}	
.slide_hitem .hd ul li .t_254 .l_217 .sp6{  width:70%;}
}

@media  screen and (max-width:992px){
.slide_hitem .hd ul li .t_254 .l_217 .sp6{  width:55%; font-size:14px;}
}

@media  screen and (max-width:767px){
.slide_hitem .bd ul li .nr_hitem .btn_hitem a:hover{ background-color:#fff; border:#1069AD solid 1px; color:#1069AD;}
.slide_hitem .bd ul li .nr_hitem .tit_hitem{ float:left; width:100%;margin:20px 0 13px 0;}

.slide_hitem{ position:relative;}
.slide_hitem .bd{ width:100%; height:auto; overflow:hidden;}
.slide_hitem .bd .box_hitem{ float:left; width:100%;
	width:100%;
	height:100%;
	z-index:1;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-ms-transition-property:-ms-transform;
	transition-property:transform;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
	}
.slide_hitem .bd ul{
    margin:0;
	-webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0;
}
.slide_hitem .bd ul li{  height:auto;}
.slide_hitem .bd ul li .img_hitem{ float:left; width:100%; height:auto;}
.slide_hitem .bd ul li .nr_hitem{ float:left; width:100%; height:auto; padding:25px 19px 30px 19px; margin:0; background:#1069AD;
box-sizing:border-box; 
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
}
.slide_hitem .bd ul li .nr_hitem .text_hitem{ height:96px; margin-bottom:28px;}
.slide_hitem .bd ul li .nr_hitem .btn_hitem{float:left;margin-top:0; margin:0 auto;}
.slide_hitem .left_hi{ position:absolute; width:30px; height:54px; left:-10px; z-index:20; top:20%; cursor:pointer;}
.slide_hitem .right_hi{ position:absolute; width:30px; height:54px; right:-10px; z-index:20; top:20%; cursor:pointer;}
}
@media  screen and (max-width:480px){
.slide_hitem .bd ul li .nr_hitem .btn_hitem{float:none;margin-top:0; margin:0 auto;}	
.slide_hitem .bd ul li .nr_hitem .btn_hitem a{ width:105px;}

}

/*文章详情*/
.cover { padding-top:40px;}
.article{ margin-bottom:60px;}
.article p{ font-size:15px; color:#666; line-height:24px; margin-bottom:15px;}
.article img{ display:block; margin:20px auto; max-width:100% !important; height:auto !important;}
.bdsharebuttonbox span { float:left; line-height:32px; color:#a2a2a2; font-size:13px; line-height:40px;}
.bdsharebuttonbox a{ display:inline-block; width:36px; height:36px;}
#fenxiang1{background:url(../images/fx3.png) no-repeat; background-size:100%;  }
#fenxiang2{ background: url(../images/fx1.jpg) no-repeat; background-size:100%;}
#fenxiang3{ background: url(../images/fx2.jpg) no-repeat;background-size:100%;}
.article_title{font-size:30px; color:#333; line-height:40px; font-weight:bold; margin:10px 0;}
.article_time{font-size:13px; color:#a2a2a2; line-height:40px; margin-right:40px;}
.bottom_link{ text-align:center; margin-bottom:60px;}
.bottom_link a{ display:inline-block; width:46px; height:46px; line-height:46px; border-radius:50%; transition:all 0.5s; font-size:0px; margin:0 3px;}
.bottom_link a:first-child{ background:url(../images/ssleft.png) no-repeat center center;}
.bottom_link a:last-child{ background:url(../images/ssright.png) no-repeat center center;}
.bottom_link a:first-child:hover{ background:url(../images/sleft.png) no-repeat center center;}
.bottom_link a:last-child:hover{ background:url(../images/sright.png) no-repeat center center;}
.bottom_link a:hover{ background-color:#00407d;}
.bottom_link a.backnew{background:url(../images/fanhuihui.png) no-repeat center center;}


.recommend{ background-color:#f6f6f6; padding:20px 20px 5px; margin-bottom:50px;}
.recommend h2{font-size:20px; color:#00407d; line-height:36px; font-weight:bold; margin-bottom:15px;}
.recommend ul li a{ display:block; border-bottom:1px solid #d7d7d7; padding-bottom:20px; margin-bottom:15px;}
.recommend ul li a h3{font-size:16px; color:#333; line-height:30px; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.recommend ul li a span{font-size:13px; color:#a2a2a2; line-height:30px; }
.recommend ul li a p{font-size:14px; color:#666; line-height:24px;max-height:72px;  overflow:hidden; text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.recommend ul li:last-child a{border-bottom:none;}
.recommend ul li a:hover h3{ color:#00407d;}
@media (max-width:768px) {
.article_title{font-size:20px; line-height:30px; margin-top:0px;}
.bottom_link a{width: 46px;margin:0 5px;height:46px;line-height:46px;}
.article , .bottom_link{ margin-bottom:30px;}
.recommend{ margin-bottom:30px;}
}

/*--售后服务--*/
.shartile { padding-bottom:45px;}
.shtitle { color:#00457a; font-size:22px; font-weight:bold; padding:30px 0;}
.shdes {}
.shdes p { color:#333333; line-height:40px;}
.shdes p span { font-size:14px; font-weight:bold;}

.gsdw {position:relative; overflow:hidden;}
.gsmeng { position: absolute; opacity:0; background: url(../images/lanse.png) repeat; width: 100%; height: 100%; left: 0; top: 0; z-index: 99;}
.stit h4 { font-size:20px; font-weight:bold; padding-bottom:10px;}
.stitt { position: relative;}
.gsdw:hover .gsmeng { opacity:1;}
.stit { opacity: 0;
    font-size: 18px;
    line-height: 53px;
    width: 60%;
    text-align: center;
    position: absolute;
    left: 20%;
    top: 35%;
    margin-top: -15px;
    color: #fff;
	z-index: 9999;
}
.gsdw:hover .stit{ opacity: 1;}
.linet {    top: 0;}
.line {
    display: inline-block;
    width: 30%;
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    left: 0%;
    margin-left: 50px;
    transition: all 0.6s ease 0s;
}
.lineb {    bottom: 0;}
.gsdw:hover .line {
  width: 100%;
  margin-left: -3px;
}
@media (max-width:1100px) {
.stit { 
    font-size: 16px;
    line-height: 50px;
    width: 70%;
    left: 15%;
    top: 35%;
}
.stit h4 { font-size:18px;}
}
@media (max-width:991px) {
.stit { 
    font-size: 15px;
    line-height: 46px;
    width: 78%;
    left: 11%;
    top: 26%;
}
}

@media (max-width:767px) {
.idea_left { margin-bottom:20px;}
}
/*---工程案例--*/
.gclie { padding:25px 0;}
.pt25 { padding-top:25px;}
.gcpic { position:relative; overflow:hidden;}
.gcpic img { width:100%;transition:all 0.5s;}
.gclie a:hover .gcpic img{ transform:scale(1.1);}
.gcpic span { position:absolute; left:0; top:0; background:url(../images/gchbg.png) repeat; width:100%; height:100%; color:#FFF; text-align:center; padding-top:40%;}
.gclie a:hover .gcpic span { opacity:0;}
.gctitle { font-size:16px; width:100%; padding:0 10px; color:#fff; background:#02438E; text-align:center; height:86px; line-height:86px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*--公司简介--*/
.gsbg { background:url(../images/gsbg.jpg) no-repeat center; min-height:763px; background-size:cover; width:100%;}
.gstitle { text-align:center;}
.gstitle strong { display:block; color:#fff; font-size:34px;}
.gstitle p { color:rgba(255,255,255,0.5); padding-top:13px; background: url(../images/bxian.jpg) no-repeat bottom center; padding-bottom:25px;}
.gscont { padding-top:86px;}
.gsdes { padding:55px 0 30px 0;}
.gsdes p { padding:15px 0; color:#fff; text-align:center;}
.gsico { width:70%; margin:0 auto; margin-top:20px;}
.gsicox { color:#fff; text-align:center;}
.gsicox p{ color:#fff; text-align:center; line-height:22px; padding-top:18px;}
.gsicox span { text-align:center; display:inline-block; border:1px solid #fff; width:104px; height:104px; padding-top:24px; border-radius:50%;}
.gsicox:hover span { background:#F08300; border:1px solid #F08300;}

.gsicox span img{  -webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.gsicox:hover span img {-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; 
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg); }
.gstiao { text-align:center; padding-top:60px; cursor:pointer;}
.gsvideo { padding-top:28px; padding-bottom:28px; overflow:hidden;}
.gspicleft { float:left; width:74%; position:relative; overflow:hidden;}
.gspicleft img { width:100%;}
.gspicleft img { transition:all 0.5s;}
.gspicleft a:hover img{ transform:scale(1.1);}
.gspicright { float:left; width:26%; padding-left:8px;}
.gspicright img { width:100%;}
.gspicright img { transition:all 0.5s;}
.gspicright div:hover img{ transform:scale(1.1);}
.gspicright div { margin-bottom:9px; overflow:hidden;}
.gsmengt { position:absolute; left:0; top:0; background:url(../images/gs_03.png) repeat; width:100%; height:100%; text-align:center;}
.gspicleft .gsvideot { padding-top:18%;cursor:pointer;}
.gspicleft .gsvideot img{ max-width:100%; width:auto;}
.gslink { padding-bottom:30px; overflow:hidden;}
.gslink .left { float:left; width:50%; overflow:hidden; position:relative;}
.gslink .right { float:left; width:50%; overflow:hidden;position:relative;}
.gslink img { width:100%;}
.gslink img { transition:all 0.8s;}
.gslink a:hover img{ transform:scale(1.06);}
.gslinkbg { background:url(../images/gsmeng_03.png) repeat; width:100%; height:100%; position:absolute; left:0; top:0;}
.gslinky { position:absolute; height:90%; right:11%; top:10%;}
.gslinkbt { color:#fff;}
.gslinkbt h4 { font-size:30px;}
.gslinkbt span { background:url(../images/gsjian.png) no-repeat right; padding-right:24px; color:#fff; margin-top:100%; display:inline-block;transition:all 0.5s;}
.gslink .left a:hover .gslinkbt span { padding-right:28px;}
.gslinkz { position:absolute; height:90%; left:11%; top:10%;}
.gslink .right a:hover .gslinkbt span { padding-right:28px;}

@media (max-width:1366px) {

.gslinkbt span { margin-top:75%;}

}
@media (max-width:1100px) {
.gscont { padding-top:46px;}
.gsdes { padding:30px 0 30px 0;}
.gsico { width:80%;margin-top:20px;}
.gslinkbt span { margin-top:50%;}

}
@media (max-width:992px) {
.gspicleft .gsvideot { padding-top:15%;}
.gslinkbt span { margin-top:30%;}

}
@media (max-width:767px) {
.gstiao { text-align:center; padding-top:30px; padding-bottom:30px;}
.gstitle strong { display:block; color:#fff; font-size:24px; line-height:26px;}
.gstitle p {  padding-top:10px;padding-bottom:20px;}
.gsdes { padding:30px 0 10px 0;}
.gsicox { padding-bottom:20px;}
.gslink .left {  width:100%; }
.gslink .right {  width:100%;}
.gslinkz { left:11%; top:12%;}
.gslinky {  left:11%; right: inherit; top:12%;}
.gslinkbt h4 { font-size:20px;}
.gslinkbt span { margin-top:20px;}
}
@media (max-width:640px) {
.gspicleft { width:100%;}
.gspicright { width:100%; padding-top:8px; padding-left:0;}

.gspicleft .gsvideot img{ width:15%; }

}

/*--领航者序--*/
.leadertitle { color:#2273b2; font-size:26px; padding-top:37px;}
.leadertitle strong { display:block; font-size:16px; color:#666; padding-top:25px;}
.leaddes { padding-bottom:60px; padding-top:15px;}
.leadpic { overflow:hidden; text-align:center;}
.leadpic img { width:100%;}
.leadwen { padding-top:20px;}
.leadwen p { padding:15px 0;}

/*荣誉资质*/
.pt30 { padding-top:30px;}
.rytitle { font-size:34px; color:#004da9; padding:30px 0 10px 0;}
.rytitle span { display:block; color:#a2a2a2; padding-top:16px;}

 [hidden] {
	display: none
}
 .sidebar1 {
	float: right;
	width: 20%;
	background-color: #93A5C4;
	padding-bottom: 10px
}
.fltrt {
	float: right;
	margin-left: 8px
}
.fltlft {
	float: left;
	margin-right: 8px
}
.elem { float:left;
	display:block;
	padding:15px;
	overflow:hidden;
	width:20%;
}
.elem p{ font-size:16px; color:#333; line-height:50px; overflow:hidden; height:50px;white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px;}
.elem > span { position:relative;display:block;cursor: pointer;}
.elem > span img { width:100%;}
.ryposition { position:absolute; left:0; width:100%; text-align:center; top:40%;}
.ryico { background:url(../images/honorico.png) no-repeat; width:41px; height:41px; display:inline-block;}
a.elem:hover .ryposition { background:url(../images/rybg.png) repeat; left:0; top:0; height:100%; padding-top:50%;}

.lcl_fade_oc.lcl_pre_show #lcl_overlay,
.lcl_fade_oc.lcl_pre_show #lcl_window,
.lcl_fade_oc.lcl_is_closing #lcl_overlay,
.lcl_fade_oc.lcl_is_closing #lcl_window {
	opacity: 0 !important;
}
.lcl_fade_oc.lcl_is_closing #lcl_overlay {
	-webkit-transition-delay: .15s !important; 
	transition-delay: .15s !important;
}
@media screen and (max-width:768px){
.elem { width:100%;}
}


/*--企业文化--*/
.pt58 { padding-top:58px; padding-bottom:20px;}
.mhxysbt { padding-top:55px; text-align:center;}
.mhxysbt strong{ color:#0274c7; font-size:24px; background:url(../images/whbg.jpg) no-repeat center bottom; display:block; padding-bottom:18px; margin-bottom:18px;}
.mhxysbt p { font-size:15px; color:#333333;}
.yslbo #owl-demo { width: 100%; margin-left: auto; margin-right: auto;}
.yslbo #owl-demo .item{ display: block;position:relative;}
.yslbo #owl-demo img { display: block; width: 100%;}

.yslbo #owl-demo .owl-dots { text-align:center;}
.yslbo #owl-demo .owl-dots button { background:none; outline:0;}
.yslbo #owl-demo .owl-dots .owl-dot span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
    overflow: hidden;
}
.yslbo #owl-demo .owl-dots .owl-dot span{ background:#AAAAAA; opacity:1;}
.yslbo #owl-demo .owl-dots .owl-dot.active span { background:#0860A7;}
.yslbo #owl-demo .owl-nav { text-align:center;}
.yslbo #owl-demo .owl-nav button{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px !important;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}

.myspiao { position: absolute; left:0; top:0; width:100%; height:100%;}
.mystb { background:url(../images/myshui1.png) no-repeat; width:79px; height:79px; display:block; margin:0 auto; text-align:center;}
.mysynr strong { color:#333333; display:block; text-align:center; font-size:20px; padding-top:18px;}
.mys1 { background:url(../images/ystb1.png) no-repeat center center;}
.mys2 { background:url(../images/ystb2.png) no-repeat center center;}
.mys3 { background:url(../images/ystb3.png) no-repeat center center;}
.mys4 { background:url(../images/ystb4.png) no-repeat center center;}
.mys5 { background:url(../images/ystb5.png) no-repeat center center;}
.mys6 { background:url(../images/ystb6.png) no-repeat center center;}
.mys7 { background:url(../images/ystb7.png) no-repeat center center;}
.mys8 { background:url(../images/ystb8.png) no-repeat center center;}
.mys9 { background:url(../images/ystb9.png) no-repeat center center;}
.mys10 { background:url(../images/ystb10.png) no-repeat center center;}
.mys11 { background:url(../images/ystb11.png) no-repeat center center;}
.mys12 { background:url(../images/ystb12.png) no-repeat center center;}



.mysynr i { height:43px; width:100%; display:inline-block; margin-top:15px;}
.mysynr { padding-top:27px; height:100%;}
.myshang {  width:99%; margin:0 auto; height:45%;}
.mysxia { padding-top:56px; width:85%; margin:0 auto; font-size:15px; color:#002649; text-align:center; line-height:26px;}
.mysxia p { height:95px; color:#002649;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.myschu { position: absolute; bottom:-100%;left:0; width:100%; height:100%;}
.mysmore { background:url(../images/myshj.png) no-repeat; width:40px; height:40px; display:block; margin:0 auto;}
.mengb { background:url(../images/myshei_03.png) repeat; position:absolute; left:0; top:0; width:100%; height:100%;}
.mengb i { height:43px; width:100%; display:inline-block; margin-top:15px;}
.mengb .mystb { background:url(../images/mysbai.png) no-repeat; width:79px; height:79px; display:block; margin:0 auto; margin-top:77px;text-align:center;}
.mengb .mys1 { background:url(../images/ystbh1.png) no-repeat center center;}
.mengb .mys2 { background:url(../images/ystbh2.png) no-repeat center center;}
.mengb .mys3 { background:url(../images/ystbh3.png) no-repeat center center;}
.mengb .mys4 { background:url(../images/ystbh4.png) no-repeat center center;}
.mengb .mys5 { background:url(../images/ystbh5.png) no-repeat center center;}
.mengb .mys6 { background:url(../images/ystbh6.png) no-repeat center center;}
.mengb .mys7 { background:url(../images/ystbh7.png) no-repeat center center;}
.mengb .mys8 { background:url(../images/ystbh8.png) no-repeat center center;}
.mengb .mys9 { background:url(../images/ystbh9.png) no-repeat center center;}
.mengb .mys10 { background:url(../images/ystbh10.png) no-repeat center center;}
.mengb .mys11 { background:url(../images/ystbh11.png) no-repeat center center;}
.mengb .mys12 { background:url(../images/ystbh12.png) no-repeat center center;}

.mengb strong { color:#fff; display:block; text-align:center; font-size:20px; padding-top:35px;}
.mengb p { color:#fff; display:block; padding:0 20px; text-align:center; font-size:14px; padding-top:15px;}
.mengb span.mysmore { background:url(../images/mysbj.png) no-repeat center; width:100%; height:40px; display:block; margin:0 auto; margin-top:27px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.mengb span.mysmore:hover {background:url(../images/mysbj.png) no-repeat 52%;}
.mengb:hover i {-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; 
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg); }

/*--发展历程--*/
.ldzcbt { font-size:30px; color:#00457a; padding-top:40px; padding-bottom:33px;}
.ldzcbt span { display:block; font-size:16px; padding-top:18px;}
.honer{ position: relative;width:100%; margin:0 auto;height:auto; padding-bottom:30px;}
.hrong{ position:relative; }
.honer .sss{ z-index:9;width:1px; position:absolute; top:0; left:28.6%; background:#DEDAD7; display:block; height:100%;}

.wi01{ padding:20px 0;    position: relative; z-index:1;}
.wi01 .w1130{   position: relative;}
.wi01 .left{ color:#0c76a9; width:28%; padding-left:20px; padding-top:18px; font-size:50px;font-family: 'dincond-medium';}
.wi01 .right{   width:72%; }
.wi01 .right img{ margin-right:5px;}
.wi01 .right span{ float:left;padding-top: 4px; width:40px;}

.wi01 .right .p{ float:left; width:90%; font-size:15px; color:#666;}
.wi01 .right .p b{ display:block; padding-top:6px; font-weight:normal; font-size:15px; color:#666;}
.wi01:hover .left{ color:#fff;}
.wi01:hover .right p{ color:#fff;}
.wi01:hover .right .p b{ color:#fff;}
.wi01:hover .right span{ color:#fff;}


.wi01::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/honbg.jpg) repeat-x top;
	background-color:#22ABD6;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.1, 1,0.1);
    transform: scale3d(0.1, 1, 0.1);
    -webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
    transition: transform 0.8s, opacity 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.wi01:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@media screen and (max-width:1300px){
.honer .sss{   left:28.7%;}
}
@media screen and (max-width:1199px){
.honer .sss{   left:28.9%;}
}
@media screen and (max-width:1100px){
.honer .sss{   left:28.8%;}
}

@media screen and (max-width:991px){
.honer .sss{   left:29.1%;}
}
@media screen and (max-width:767px){
.wi01 .left{ color:#0c76a9; width:100%; padding-left:20px; padding-top:18px; font-size:50px;font-family: 'dincond-medium';}
.wi01 .right{   width:100%; padding-left:20px; padding-top:10px; }
.honer .sss{ display:none;}

}

/*--加入我们--*/
.sylie { border-bottom:2px solid #E7E7E7;padding-top:36px; padding-bottom:35px;}
.sylieyou { float:right; width:50%; text-align:right; padding-left:15px;}
.sylieyou span { display:inline-block; overflow:hidden;}
.sylieyou span img { max-width:100%;transition: all .5s ease;-webkit-transition:all .5s ease;}
.sylieyou span:hover img{ transform:scale(1.1,1.1)}

.syliezuo { float:left; width:50%;}
.syliezuo strong { display:block; font-size:18px; color:#333333;}
.syliezuo p { color:#666666; line-height:26px; padding-top:25px;}

@media only screen and (max-width:998px){
.syliezuo { float:left; width:100%;}
.sylieyou { float:right; width:100%; text-align:left; padding-left:0; margin-top:15px;}


}

@media only screen and (max-width:640px){
.syliezuo p {  padding-top:20px;}
}

/*job*/
.entitle{ font-size:32px; color:#333; font-weight:bold; text-align:center; text-transform:uppercase; line-height:40px; margin:20px auto 10px;}
.chtitle{ font-size:30px; color:#a8a8a8; font-weight:normal; text-align:center; line-height:40px; margin-bottom:40px; background:url(../images/shu.png) no-repeat center}
.hhtitle{ font-size:30px; color:#a8a8a8; font-weight:normal; text-align:center; line-height:40px; margin-bottom:40px; background:url(../images/shus.png) no-repeat center}
.chtitles{ font-size:30px; color:#a8a8a8; font-weight:normal; text-align:center; line-height:40px; margin-bottom:40px; background:url(../images/shu1.png) no-repeat center}


.jot{
	padding-left:55px;
	}
.jot span{
	display:block;
	width:20%;
	float:left;
	line-height:52px;
	height:52px;
	overflow:hidden;
	background:#004F8C;
	color:#fff;
	text-align:center;
	font-size:16px;
	}
.jotis span{
	border-right:1px solid #568AB3;
	line-height:61px;
	height:61px;
	font-size:17px; font-weight:bold;
	}	
.jotis  span:last-child { border:none;}	
.jod > span{
	background:#ebebeb;
	color:#444;
	cursor:pointer;
	transition:300ms;
	-webkit-transition:300ms;
	font-size:14px;
	}
.jotxs{ position:relative; margin-bottom:5px; } 
.jos{
	padding-left:55px;
	display:none;
	}
.jos .bodr{
	border:1px solid #eee;
	padding:30px 2%;
	border-top:0;
	}
.jos .bodr span{
	display:block;
	border-top:1px solid #eee;
	padding-top:20px;
	margin-top:15px;
	}
.jos .bodr span a{ display:inline-block; width:120px; line-height:40px; text-align:center; color:#fff; font-size:14px;border:1px solid #0079D6; background-color:#0079D6;}
.jos .bodr span a:hover { border:1px solid #0079D6; background:#fff; color:#666;}
.jotxs .line{
	background:#02438E;
	display:block;
	position:absolute;
	 cursor:pointer;
	}
.jotxs .line_1{
	width:21px;

	height:1px;
	top:23px;
	left:15px;
	}
.jotxs .line_2{
	width:1px;
	height:21px;
	top:13px;
	left:25px;
	}
.jotxs .arrow{
	width:55px;
	height:47px;
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	transition:300ms;
	-webkit-transition:300ms;
	}
.jotxs:hover .jod > span,
.jotxs.act .jod > span {
	background:#0079D6; color:#fff;
	}
.jotxs.act .arrow{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	} 
.ppw {margin:20px auto 0; margin-bottom:0;} 
.arrow .line{ margin-left:0px;} 
.jos p{ font-size:14px; color:#666; line-height:28px;}
.jos h3{ font-size:16px; color:#0079D6; line-height:36px; font-weight:bold;}

@media screen and (max-width:641px){
.jot span:nth-child(3){ display:none; }
.jot span { width:25%;}
.jotis span{	font-size:15px; font-weight:bold;	}
}
@media screen and (max-width:475px){
.jot span:nth-child(2){ display:none; }
.jot span{ width:33.33%; }
.jot { padding-left: 30px; }
.jotxs .arrow { width: 30px; }
.jotxs .line_1 { left: 0; }
.jotxs .line_2 { left: 10px; }
.jos { padding-left: 30px; }
.jotxs { margin-bottom:5px; }

}
@media screen and (max-width:361px){
.jot span{ font-size:13px; width:42%;}
.jot span:nth-child(1){ width:58%; }
.jot span:nth-child(4){ display:none;}
}



/*联系我们*/
.section { padding-left:45px; margin:18px 0;}
.section p{ font-size:16px; color:#333; line-height:30px; }
.p1{ background:url(../images/phone.png) no-repeat 0 10px;}
.p2{ background:url(../images/email.png) no-repeat 0 10px;}
.p3{ background:url(../images/location.png) no-repeat 0 10px;}
.p4{ background:url(../images/fax.png) no-repeat 0 10px;}
.p5{ background:url(../images/link.png) no-repeat 0 10px;}
.contact h2{ color:#00457a; font-size:24px; font-weight:bold; line-height:30px;}
.contact h4{ color:#a2a2a2; font-size:15px; text-transform:uppercase; line-height:20px; background:url(../images/gline.jpg) no-repeat 0 bottom; padding-bottom:25px;}
.contact { padding-top:10px;}
.patr{ padding-top:7px;}
.weimg{ text-align:right;}
.weimg div { padding-left:27px; width:auto; display:inline-block; text-align:center; }
.weimg div img { max-width:100%;}

.link { position:relative;}
.link a{ display:inline-block; width:40px; height:40px; border-radius:50%; border:1px solid #0274c7; font-size:18px; text-align:center; line-height:36px; margin-top:30px; margin-left:15px; transition:all 0.3s;}
.weimg p{ font-size:16px; color:#333333; line-height:20px; margin-top:10px;}
.hideimg{ transition:all 0.3s; position:absolute; right:50px; display:none; top:0px;}
.link a:hover{ background-color:#0274c7; color:#fff;}
.lxmap{ width:100%; height:614px; margin-top:42px; position:relative;z-index:9999;}
.BMapLabel { border:none !important; padding:0 !important;}
.gsbook { position:absolute; left:0; width:100%; top:0; z-index:9999;}
.lxguest { width:457px; height:614px; background:#00457A;}
.red { color:#F00;}
.lxform { padding:64px 30px 15px 30px;}
.lxform label { color:#fff; font-size:15px;}
.lxform input { background:#EEEEEE; border-radius:0; height:58px;}
.lxform textarea { background:#EEEEEE; border-radius:0;}
.lxform .btn { background:#EEEEEE; border-radius:0; padding:6px 30px; color:#333;}
.lxform .btn:hover { background:#fff;}

@media only screen and (max-width:1200px) {
.weimg p{ font-size:14px}
}

@media only screen and (max-width:991px) {
.weimg div { width:auto; display:inline-block;}
.weimg div { text-align:center; float:left;}
}

@media only screen and (max-width:768px) {
.contact { padding-top:20px;}
.section p{ font-size:15px; line-height:26px; }
.patr{ padding-top:0px;}
}
@media only screen and (max-width:767px) {
#map { display:none;}
.contact { padding-bottom:30px;}
.gsbook { position: inherit; padding-bottom:20px; overflow:hidden;}
.lxguest { width:100%; height:614px; background:#00457A;}
}

/*--应聘页面--*/
.recuit label{ width:20%; float:left;}
.recuit input[type=text]{ width:80%; float:left; border-radius:0px;}
.recuit input[type=radio]{ height:34px; margin-top:0px; vertical-align:-12px; margin-right:6px;}
.recuit .form-group{ line-height:34px; margin-bottom:30px;}
.recuit button{ margin-top:30px; margin-bottom:30px;}
.recuit textarea { border-radius:0px;}
@media screen and (max-width:992px){
.recuit .form-group:after{ content:''; display:block; visibility:hidden; clear:both; }
.recuit .form-group{ margin-bottom:10px;}
}



/*--产品详情--*/
.prodcont {}
.prodcont h4 { font-size:26px; color:#2273b2; text-align:center; padding-bottom:27px;}
.prodcont p { font-size:15px; color:#333333; line-height:36px;}
.pro_detail { padding:25px 0;}
.prowhite { background:#F2F2F2; padding:20px;display:block;}
.prowhite img { width:100%;}
.proright { padding-top:38px;}
.proright h3 { color:#333333; font-size:24px; font-weight:bold;  border-bottom:2px solid #CDCDCD; margin:0; padding-bottom:14px;margin-bottom:30px;}
.proright p { color:#333333; font-size:16px;line-height:36px; background:url(../images/dui.png) no-repeat 0 12px; padding-left:28px;}
.npromore { color:#0860A2; font-size:14px; background:#EAEAEA; padding:0 35px; height:40px; line-height:40px; display:inline-block;border-radius:24px;}
.npromore i { font-style:normal; padding-left:29px;}
.contbg { background:url(../images/telbg.png) no-repeat left;}
.messbg { background:url(../images/messbg.png) no-repeat left;}
.npromore:hover { background:#0860A2; color:#fff;}
.npromore:hover .contbg{background:url(../images/telbg2.png) no-repeat left;}
.npromore:hover .messbg{background:url(../images/messbg2.png) no-repeat left;}
.procnav { padding-top:50px;}
.procnav a.promore:first-child { margin-right:20px;}
.protitlet { background:#E7E7E7; overflow:hidden;margin-top:75px;}
.protizuo { float:left; display:inline-block; color:#fff;font-size:17px;}
.protizuo .nav-tabs > li > a { padding:0 33px; font-size:18px; border:none; font-weight:bold; border-radius:0; margin:0; line-height:56px; height:56px; display:block;}
.protizuo .nav-tabs > li > a:hover { border:none; background:#1154A5; margin:0; color:#fff; border-radius:0;}
.protizuo .nav-tabs > li.active > a,.protizuo .nav-tabs > li.active > a:hover,.protizuo .nav-tabs > li.active > a:focus { background:#1154A5; color:#fff; border:none; border-radius:0;}


.protitlet .right {line-height:56px;padding-right:15px;color:#C7C7C7;background: none;margin: 0;}
.protitlet .bdsharebuttonbox a{float: none; display: initial;font-size:17px;color:#797979;padding:0;margin:0;width: auto;font-weight:bold;margin-left:10px;margin-right:10px;height:auto;line-height:56px;text-indent: initial;}
.protitlet .bdsharebuttonbox a.back { background:url(../images/back.png) no-repeat left; padding-left:34px;}
.protitlet .bdsharebuttonbox a.fxmore { background:url(../images/fxmore.png) no-repeat left; padding-left:34px;}
.artpro { padding:30px 0; width:100%;}
.artpro img { max-width:100% !important; height:auto !important; width:auto !important;}
.arttitle p { font-size:16px; color:#333333; margin-top:10px; line-height:28px;}
.tjian { border-bottom:1px solid #DCDCDC; padding-bottom:15px;margin-bottom:34px;}
.tjian span { background:url(../images/morezi.png) no-repeat left; padding-left:36px; font-size:24px; color:#333333; font-weight:bold; }

.proxbg { background: url(../images/probg.jpg) no-repeat center top; padding-top:60px; margin-top:35px;}
.prohidden { display:none;}

@media (max-width:1200px) {
.protizuo .nav-tabs > li > a { padding:0 23px; font-size:16px;}
}
@media (max-width:998px) {
.proright { padding-top:30px;}
.proright h3 { font-size:22px;}
}

@media (max-width:991px) {
.protizuo .nav-tabs > li > a { padding:0 10px; font-size:15px;}
.protitlet .right { padding-right:10px;}
.protitlet .bdsharebuttonbox a{ font-size:15px;margin-left:5px;margin-right:5px;}
.prohidden { display:block;}
.problock { display:none;}
}

@media (max-width:767px) {
.protizuo { font-size:14px; width:100%;}
.protitlet { margin-top:45px;}
.protitlet .right {  padding-right:10px; }
.npromore i {  min-height:19px; display:block;}

.protizuo .nav-tabs > li { width:33.33%; text-align:center;}
.protizuo .nav-tabs > li > a { padding:0; font-size:15px;}

}
@media (max-width:413px) {
.procnav { overflow:hidden; height:auto;}
.npromore { margin-bottom:5px; padding:0 22px;}
.procnav a.promore:first-child { margin-right:5px;}

}
@media (max-width:330px) {
.protizuo .nav-tabs > li { width:50%; text-align:center;}
.protizuo .nav-tabs > li > a { padding:0; font-size:14px;}

}

/*--首页案例新增--*/
.casek { padding:30px 0;}
.casepic { position:relative; overflow:hidden;}
.casepic img { width:100%;}
.casepic img {  transition: all .5s ease;-webkit-transition:all .5s ease;}
.casepic:hover img{ transform:scale(1.1,1.1)}

.casepic p { position:absolute; left:0; bottom:0; height:46px; line-height:46px; overflow:hidden; padding:0 10px; text-align:center; background:url(../images/casebg.png) repeat; width:100%; font-size:16px; color:#fff;}
.casek .owl-theme .owl-dots.disabled{ display:block;}
.casek .owl-theme .owl-dots .owl-dot { display:none;}
.casek .owl-theme .owl-nav [class*=owl-] { background:none}
.casek .owl-theme .owl-nav span { font-size:60px;}
.casek .owl-theme .owl-nav { margin:0; position:relative;}
.casek .owl-theme .owl-nav button {position: absolute; top:-203px; outline:0;}
.casek .owl-theme .owl-nav button.owl-prev {  left:-35px;}
.casek .owl-theme .owl-nav button.owl-next { right:-35px;}
.casek .owl-theme .owl-nav [class*=owl-]:hover { background:none;}

@media (max-width:1199px) {
.casek .owl-theme .owl-nav button {  top:-163px;}
}
@media (max-width:999px) {

.casek .owl-theme .owl-nav button { top:-203px; }
.casek .owl-theme .owl-nav button.owl-prev {  left:-25px;}
.casek .owl-theme .owl-nav button.owl-next { right:-25px;}

}
@media (max-width:767px) {
.casek .owl-theme .owl-dots .owl-dot { display: inline-block; background:none; outline:0;}
.casek .owl-theme .owl-dots .owl-dot span {  }
}