@charset "utf-8";
/***公共样式****/
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;-webkit-appearance: none;}	

ol, ul{list-style:none;}

html {overflow-x:hidden; -webkit-text-size-adjust:none;}

body{
    font-size: 13px;
    font-family:'open sans','PingFang SC','Lantinghei SC','Helvetica Neue',Helvetica,Arial,'Microsoft YaHei',"sans-serif";
    color:#333;
	max-width:750px;
	margin:0 auto; background-color:#f7f7f7;
}



img{display:inline-block; max-width:100%; max-height:100%}
/*a 链接*/
a { text-decoration:none; outline:none;color:#333; }
a:hover{ color:#333; }

/*浮动*/
.fl {float:left; display:inline}
.fr {float:right; display:inline}
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{clear:both; display:block; height:0; visibility:hidden; line-height:0; content:'\20';}

/* HTML5 重置为较旧版本的浏览器 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0; }

.juzhong{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;
-webkit-align-items: center; align-items: center;}


/* 按钮样式 */
input, button, textarea, select { font-size:100%; outline:none; resize:none;-webkit-appearance: none;}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}


/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0;-webkit-appearance: none; }

em,i{ font-style:normal}

.banner{ position:relative;}
.banner .swiper-container{ position:relative;}
.banner .swiper-container .swiper-pagination-bullet{width:8px; height:8px; background:#fff; opacity:1; margin:0px 10px;}
.banner .swiper-container .swiper-pagination-bullet-active{background:#2fad41;width:16px; border-radius:16px; }
.top{ background:#FFF}
.top img{ display:block}
.logo{width:85%;}

.kefu{width:9.46%;}


.nav{ background:#FFF; margin-bottom:10px; padding:20px 0px 5px;}
.nav li{ float:left; width:20%; text-align:center; font-size:14px; line-height:0.8rem; margin-bottom:10px}
.nav li img{ max-width:55%;}
.nav li p{ margin-top:10px;}
.nav li a{ display:block}

.baisebj{ background:#FFF; padding:10px 0px; margin-bottom:8px;}
.tit{ text-align:center; padding:15px 0px;}
.tit p{ background:#1e528c; color:#fff; padding: 0 8px;  height:30px; width:120px; margin:0 auto; font-size:15px; border-radius:3px; margin-bottom:15px;}
.tit p span{ color:#FFF;}
.tit p img{ max-height:18px; margin-right:5px;}
.tit span{ color:#666; }
.tit span em{color:#1e528c; padding: 2px;}
.kecheng li{ border-bottom:#eeeeee 1px solid; padding:10px; overflow:hidden}
.kecheng li:last-child{ border:none}
.kechengpic{ width:45%; float:left; position:relative}
.hot{ width:40px; display:block; position:absolute; right:5px; top:5px;}
.kechengpic img{ display:block}
.kechengtxt{ width:calc(55% - 10px); float:right;}

.kechengtxt p{font-weight:bold;margin-bottom:2%; font-size:14px; color: #fd4c40;}
.kechengtxt span{  color:#888; display:block; margin-bottom:5%; line-height:1.3; font-size:12px}
.kechengtxt i{ background:url(../images/time.png) no-repeat left center; padding-left:15px; background-size:12px auto; display:inline-block;  line-height:25px;}
.kechengtxt a{ height:25px; background:url(../images/zx.png) no-repeat 5px center #1e528c; color:#fff; float:right; line-height:25px; display:inline-block; border-radius:3px;background-size:15px auto; padding-left:25px; padding-right:10px;}

.kfsxs a{ width:50%; float:left; color:#fff; font-size:16px; padding:8px 0px;}
.kfsxs a img{ max-width:30px; margin-right:10px; display:block}
.zix{background-image: linear-gradient(to bottom right, #ea6b40, #1e528c);}
.lix{background-image: linear-gradient(to bottom right, #1acfae, #39b5c4);}


.zhengshux{  margin-bottom:10px; padding:10px}
.zhengshux ul{ width:calc(100% + 10px); margin-left:-10px; }
.zhengshux li{ width:calc(50% - 30px); float:left; margin-left:10px; background-color:#f6f6f6; border-radius:5px; text-align:center; position:relative; padding:0px 10px; padding-bottom:5px; margin-top:50px;}
.zhengshux li p{ margin:10px 0px; font-weight:bold}
.zhengshux li span{ display:block; color:#888; font-size:11px; min-height:70px; text-align: left;}
.xius{ width:70px; height:70px; background:#fff; border-radius:100%;box-shadow: 0px 0px 20px  rgba(0,0,0,0.1); margin:0 auto; margin-top:-35px;}
.xius img{ display:block}

.ple10{}
.mingshi{ margin-bottom:8px;}
.mingshibox{ overflow:hidden}
.mingshi .swiper-slide{width:40%; position:relative; border-radius:5px; overflow:hidden}
.mingshi .swiper-slide img{ display:block}
.wenx{color:#fff;}
.wenx p{ font-weight:bold;}
.wenx span{ display:block; font-size:11px;}
.mingshibox { padding-bottom:40px;}
.mingshibox .swiper-pagination{ width:100%; margin-top:10px; max-width: 750px;
	margin: 0 auto;}
.mingshibox .swiper-pagination-bullet{width:6px; height:6px; background:none; border:1px solid #1e528c; opacity:1; margin:0px 2px;}
.mingshibox .swiper-pagination-bullet-active{background:#1e528c;width:12px; border-radius:12px; }

#my-video{background: transparent url(../images/vide01.jpg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; width:100%; border-radius:5px;}
#my-video2{background: transparent url(../images/vide02.jpg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; width:100%; border-radius:5px;}


.shipxs{ padding:10px; margin-bottom:8px; }
.heaz{position:relative}
.heaz img{ display:block}
.shiss{ padding:10px;background-color:#f7f7f7;}
.shiss p{ font-size:15px; font-weight:bold; margin-bottom:5px;}
.shiss span{ display:block}


.tanxcs{ position:fixed; background:rgba(0,0,0,0.8); left:0px; top:0px; width:100%; height:100%; z-index:9999; display:none}
.shixsd{ background:#FFF; width:calc(100% - 20px); width:90%; margin:0 auto; padding:10px; border-radius:5px;}

.video-js{ width:100%}
.wendax{ overflow:hidden; margin-bottom:10px;}
.wendax li{ border-bottom:1px solid #eee} 
.wendax li p{ padding:10px; background:url(../images/zhan.png) no-repeat 96% center; background-size:50px auto}
.wendax li p a{ display: block;}
.wendax li.cur p{ background:url(../images/zhanshox.png) no-repeat 96% center; background-size:40px auto}
.xasac{ padding:10px; background:#f6f6f6;  color:#666; display:none; line-height:1.5}
.xasac b{ color:#1e528c}

.zixys{background-image: linear-gradient(to bottom right, #084385, #1e528c); color:#fff; width:80%; display:block; margin:10px auto; height:35px; border-radius:5px; text-align:center; line-height:35px;}

.zuopixn{ padding-bottom:40px;  overflow:hidden}

.zuopixn .swiper-slide{width:33%; position:relative; border-radius:5px; overflow:hidden; position:relative; border-radius:5px;}
.zuopixn .swiper-slide p{ background:rgba(0,0,0,0.5); color:#fff; text-align:center; position:absolute; left:0px; bottom:0px; width:100%; overflow:hidden; padding:5px 0px;}
.zuopixn .swiper-slide img{ display:block}

.zuopixn .swiper-pagination{ width:100%; margin-top:10px; max-width: 750px; margin: 0 auto;}
.zuopixn .swiper-pagination-bullet{width:6px; height:6px; background:none; border:1px solid #1e528c; opacity:1; margin:0px 2px;}
.zuopixn .swiper-pagination-bullet-active{background:#1e528c;width:12px; border-radius:12px; }


.cases{ padding-bottom:40px;  overflow:hidden}

.cases .swiper-slide{width:40%; position:relative; border-radius:5px; overflow:hidden; position:relative; border-radius:5px;}
.cases .swiper-slide p{ background:rgba(0,0,0,0.5); color:#fff; text-align:center; position:absolute; left:0px; bottom:0px; width:100%; overflow:hidden; padding:5px 0px;}
.cases .swiper-slide img{ display:block}

.cases .swiper-pagination{ width:100%; margin-top:10px; max-width: 750px; margin: 0 auto;}
.cases .swiper-pagination-bullet{width:6px; height:6px; background:none; border:1px solid #1e528c; opacity:1; margin:0px 2px;}
.cases .swiper-pagination-bullet-active{background:#1e528c;width:12px; border-radius:12px; }

.zixsc{ margin-bottom:8px;}
.zixsc li{ width:50%; float:left; text-align:center; padding-top:10px;}
.zixsc li p{ font-weight:bold; font-size:14px; margin:5px 0px;}
.zixsc li img{ max-width:40px;}
.zixsc li span{ display:block; color:#888; margin-bottom:10px;}
.zixsc li a{ width:50%; height:30px; text-align:center; display:inline-block; line-height:30px; border-radius:5px;}
.csoa01{ border:1px solid #ff4940; color:#ff4940}
.csoa02{ border:1px solid #39b6c3; color:#39b6c3}


.biaodan{ margin-bottom:10px;}
.tihsx{ font-weight:bold; font-size:17px; text-align:center}
.tihsx em{ width:10px; height:10px; background:#ff4940; display:inline-block; margin:0px 5px;}
.tihsxcs{ font-size:15px; text-align:center;background-image: linear-gradient(to bottom right, #ea6b40, #1e528c);-webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:bold }

.biaodan ul{ padding:10px}	
.biaodan li{ margin-bottom:10px;}
.biaodan li input[type="text"]{ width:calc(100% - 12px); height:45px; border:1px solid #eee; padding-left:10px;font-family:'open sans','PingFang SC','Lantinghei SC','Helvetica Neue',Helvetica,Arial,'Microsoft YaHei',"sans-serif";}	
.biaodan li select{ width:100%; height:45px; border:1px solid #eee; padding-left:10px;font-family:'open sans','PingFang SC','Lantinghei SC','Helvetica Neue',Helvetica,Arial,'Microsoft YaHei',"sans-serif"; background:url(../images/shaix.png) no-repeat 96% center; background-size:15px auto}	
.biaodan li input[type="button"]{background-image: linear-gradient(to bottom right, #1e528c, #014591); color:#fff; width:100%; display:block; margin:10px auto; height:45px; border-radius:5px; text-align:center; line-height:45px; font-size:16px;}	
	
.tjs{background-image: linear-gradient(to bottom right, #1acfae, #39b5c4); color:#fff; width:100%; display:block; margin:10px auto; height:45px; border-radius:5px; text-align:center; line-height:45px; font-size:16px;}	

.ahxad{text-align:center; font-weight:bold}
.ahxad span{ color:#ff4940}	

.uxsdx{ padding:10px; line-height:1.5; margin-bottom:50px;}
.uxsdx h2{ font-weight:normal; font-size:16px; margin-bottom:10px;}
.uxsdx p{ color:#666}	

.fixs{ position:fixed; width: 100%;
	max-width: 750px;
	margin: 0 auto;  bottom:0px; z-index:999}

.tanchus{ background:rgba(0,0,0,0.8); position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999; display:none}
.tanchus .biaodan{ width:90%; margin:0 auto; max-width: 500px; margin-top:10%; border-radius:10px;}

.guanbi{ width:40px; display:block; margin:0 auto; margin-top:20px;}

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

}

/*底部固定*/
#foot {
  background: url("../images/bottom-box.png") center center no-repeat;
  width: 100%;
  position: fixed;
  bottom: 0;
  height: 3.775rem;
  z-index: 99;
  padding-top: 1.45rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-size: cover;
  background-size: cover;
}
#foot a {
  float: left;
  width: 2.5rem;
  background-position: center 0.375rem;
  background-repeat: no-repeat;
  padding-top: 1.4rem;
  line-height: 0.65rem;
  height: 0.65rem;
  font-size: 0.4rem;
  text-align: center;
}
#foot a.active {
  color: #EA5514;
}
#foot .sy {
  background-image: url("../images/bottom-icon1.png");
  margin-left: 0.55rem;
  -webkit-background-size: 0.975rem 0.85rem;
  background-size: 0.975rem 0.85rem;
}
#foot .sy.active {
  background-image: url("../images/bottom-icon1-active.png");
}
#foot .dzal {
  background-image: url("../images/bottom-icon2.png");
  margin-left: 0.575rem;
  -webkit-background-size: 0.925rem 0.85rem;
  background-size: 0.925rem 0.85rem;
}
#foot .dzal.active {
  background-image: url("../images/bottom-icon2-active.png");
}
#foot .ljdz {
  background-image: url("../images/telus.gif");
  width: 3.75rem;
  margin-top: -1.25rem;
  padding-top: 2.625rem;
  -webkit-background-size: 2.25rem;
  background-size: 2.25rem;
}
#foot .dzzt {
  background-image: url("../images/bottom-icon3.png");
  -webkit-background-size: 0.9rem 0.85rem;
  background-size: 0.9rem 0.85rem;
}
#foot .dzzt.active {
  background-image: url("../images/bottom-icon3-active.png");
}
#foot .grzx {
  background-image: url("../images/bottom-icon4.png");
  margin-left: 0.575rem;
  -webkit-background-size: 0.925rem;
  background-size: 0.925rem;
}
#foot .grzx.active {
  background-image: url("../images/bottom-icon4-active.png");
}

.xm{background: #1e528c; height:160px;}
.xm .title{ line-height:40px; padding-top: 10px; text-align: center; color: #FFF; font-size: 20px;}
.xm .smtext{ padding:10px 10px 10px; font-size: 14px; color: #FFF; text-align: center;}
.xm .btn{ line-height: 25px; border-radius: 10px;text-align: center; width: 60%; margin: 10px auto; background: #FFF;}
.ibanner{}
.ibanner img{width:100%; height: auto;}

#neizi{ background:#F2F2F2; padding:10px 2px 10px;}
.s_box{ padding:5px 0;}
.neizitext{ background:#FFF;}
.neizitext{}
.s_title{ border-bottom:1px solid #F0F0F0; height:40px;}
.s_title .n_title{ width:4px; height:16px;  margin-top:12px; background:#1e528c; float:left; margin-left:6px;}
.s_title .n_text{ line-height:40px; float:left; margin-left:10px; font-size:18px; color:#1e528c; font-weight: bold;}
.s_title .n_text a{color:#1e528c;}
.s_detail{ padding:15px 8px 4px; border-bottom:1px dashed #F0F0F0; line-height:25px; font-size:14px; padding-right:20px;}
.s_detail a{ display:block;}
.s_detail a:hover{ color:#000000;}

.services .box{ padding:10px 2%; background:#FFF;  color:#333333; margin-top:10px; margin-bottom: 10px;}
.services .box span{ line-height:60px; font-weight:bold; font-size:20px;}
.services .box span b{ width:4px; height:30px; float:left; margin-top:15px; margin-right:10px; background:#0077A3;}
.services .box .text{ line-height:24px; font-size:15px; color:#333333;}
.services .box .text .red{ color:#C30D23; font-weight:bold;}
.services .box .text .s{}
.services .box .text .s ul{}
.services .box .text .s ul li{ width:50%; overflow:hidden; line-height:30px; height:30px; float:left; background:url(../images/ico.png) left center no-repeat; padding-left:20px;}

.services .box .text .ws{}
.services .box .text .ws ul{}
.services .box .text .ws ul li{ width:35%; overflow:hidden; line-height:30px; height:30px; float:left; background:url(../images/ico.png) left center no-repeat; padding-left:20px;}

.snav{ background: #F2F2F2; padding:10px 0 0;}
.snav ul{ width: 100%;  background: #FFF;border-bottom: 1px solid #DDD; border-top: 1px solid #DDD;}
.snav ul li{ line-height: 45px; font-size: 18px; border-right: 1px solid #DDD; float: left;}
.snav ul li .cur{ color: #1e528c; font-weight: bold;}
.snav ul li a{ color: #222; padding: 0 15px;}
.clear{ clear: both;}