/**********重置**********/
@charset "utf-8";
/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin: 0;padding: 0;font-size: 100%;font: inherit;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6 {-webkit-text-size-adjust: non}
html{line-height:initial;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}
ol,ul {list-style: none}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse;border-spacing: 0}
body {background: #f8f8f8; font-size: 12px;margin:0 auto; max-width:720px;padding: 0;text-align: left;color: #000;height: auto;width: 100%;overflow-x: hidden;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout: none;-webkit-text-size-adjust: none; font-family:Microsoft YaHei;font: 16px/1.5 "Microsoft YaHei,arial, sans-serif",\5fae\8f6f\96c5\9ed1, arial,\5b8b\4f53;color: #333;outline: 0;width: 100%;}
.contioner {max-width: 720px;margin: 0 auto; position: relative; }
.wapper{  position:relative; z-index:1;background:#E9E9E9;}
a {color: #444;text-decoration: none;}
img,a img { border: 0;padding: 0;margin: 0;}
.clear{ clear:both;}
input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none; }

/**提示层，加载框**/
#btis{ width:100%; height:100%; top:0; left:0; position:fixed; z-index:1000001; background:none; display:none;}
#tis{ font-size:15px; width:50%; height:40px; line-height:40px; position:fixed;text-align:center; z-index:1002; top:75%; border-radius:50px; background:#666; color:#fff;  margin:auto; left:0; right:0;}
#loading{ position:fixed; max-width:720px; margin:auto;  display:none; top:0; left:0; bottom:0; right:0; z-index:9999;}
#loading .lad{ width:19%; height:12%; border-radius:7px; margin:auto; left:0; right:0; top:0; bottom:0; position:absolute;/*background:url(../img/loading.gif) #eee center no-repeat;*/ background:#eee;  background-size:56%;opacity:0.9;}
#loading .lad img{ width:60%; position:absolute; margin:auto; left:0; right:0; top:0; bottom:0;}
#loading2{ position:fixed; max-width:720px; margin:auto;  display:none; top:0; left:0; bottom:0; right:0; z-index:9999;}
#loading2 .lad2{ width:19%; height:12%; border-radius:7px; margin:auto; left:0; right:0; top:0; bottom:0; position:absolute;/*background:url(../img/loading.gif) #eee center no-repeat;*/ background:#db121a;  background-size:56%;opacity:0.9;}
#loading2 .lad2 img{ width:60%; position:absolute; margin:auto; left:0; right:0; top:0; bottom:0;}
.hds{ position:fixed; z-index:160;  left:86%; top:85%; display:none;}

/********隐藏部分手机滚动条******/
::-webkit-scrollbar{width:0px;}
::-webkit-scrollbar-track{background-color:#EEEEEE;}
::-webkit-scrollbar-thumb{background-color:#D6D6D6;}
::-webkit-scrollbar-thumb:hover {background-color:#ccc}
::-webkit-scrollbar-thumb:active {background-color:#ccc}

.cipzz {padding:0.2rem;}
.cipzz ul li{width:50%;text-align: center;display:inline-block;text-align:center;margin-bottom:0.2rem;}
.cipzz ul li .neImg{width:80%;height:4rem;overflow:hidden;margin:auto;}
.cipzz ul li .neImg img{width:100%;}
.cipzz ul li p{line-height:0.4rem;}
/*******************页面公共样式*********************/
/**header start**/
.tops{ width:100%; background:#05373E; height:0.66rem;}
.topsLeft{ float:left; font-size:0.2rem; color:#fff; line-height:0.66rem;}
.topsLeft img{ width:0.34rem; margin:0.16rem 0.12rem 0 0.25rem; float:left;}
.topsRight{ float:right;}
.topsRight a{ display:inline-block; background:#E4303D; width:2.99rem; height:0.39rem; text-align:center; border-radius:20px; font-size:0.2rem; color:#fff; margin:0.13rem 0.25rem 0 0;}
.topsRight a i{display:block;font-size:0.24rem; font-family:Arial; line-height:0.44rem; padding-left:0.15rem; float:left; vertical-align:middle;}
.topsRight a span{display:block;line-height:0.39rem; float:right; padding-right:0.17rem;}

.headers{ position:relative; height:1.27rem; width:100%; overflow:hidden; background:#253889;}
.headerLeft{ position:absolute; left:0; padding:0.15rem 0 0 0.25rem;}
.headerLeft img{ height:0.95rem;}
.headerRught{ position:absolute; right:0;}
.headerRught img{ height:0.31rem; margin:0.48rem 0.25rem 0 0;}

/**footer start**/
.footers{height:1.2rem;background:#fff;}
.footer{ width:100%;display:table;position:fixed;bottom:0;height:1rem;background:#253889;max-width:720px;}
.footer ul li{width:25%;color:#fff;float:left;text-align:center;font-size:0.24rem;height:1rem;}
.footer ul li.footCru{background: #3249a4}
.footer ul li .ftImg{height:0.48rem;padding-top:0.12rem;}
.footer ul li .ftImg img.f1{width:0.42rem;}
.footer ul li .ftImg img.f2{width:0.36rem;}
.footer ul li .ftImg img.f3{width:0.38rem;}
/**侧栏**/
.nav {position: fixed;top: 0;background: #333;width: 45%;max-width:720px;z-index: 0;overflow-y: overlay;overflow-x: hidden; }
.nav li { overflow:hidden;color: #FFF;font-size: 0.18rem;font-family: Arial, Microsoft YaHei;line-height: 0.8rem;display: block;background-color: #333;}
.nav li>a {line-height: 0.8rem;display: block;color: #FFF;padding-left: 0.30rem; border-bottom:1px dashed #000;text-decoration: none; font-size:15px; }
.nav li>a i{ display:block; width:0.18rem;margin: 0.25rem 0.2rem 0 0; float:right;}
.nav li>a i img{ width:100%;}
.nav li.curr>a i img{transition:all 0.3s ease 0s;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.close {height: 0.8rem;width: 26px;background: url(../img/sidebar-close.png) no-repeat center;float: right;margin-right: 10px;cursor: pointer;}
.fontc {font-weight: bold;margin-left: 0.30rem;display: block; font-size:17px;}
/*侧栏二级栏目*/
.xnavs{ display:none;}
.xnavs p a{ display:block; color:#fff; height:0.6rem; line-height:0.6rem; padding-left:0.5rem; font-size:14px;}


/**内页栏目**/
.ipnavs{ }
.ipnavs ul{ display:none; background:#fff; width:100%; position:absolute; border-bottom:1px solid #ccc;}
.ipnavs p{padding:0 0.28rem; height:0.6rem; line-height:0.6rem; border-bottom:1px solid #E9E9E9; font-size:22px; background:url(../img/jia.png) 0.28rem 50% no-repeat; text-indent:24px; cursor:pointer; color:#253889;font-weight:700}
.ipnavs p.curr{background:url(../img/jian.png) 0.28rem 50% no-repeat;}
.ipnavs ul li{ border-bottom:1px dashed #E9E9E9; padding-left:0.28rem;}
.ipnavs ul li:last-child{ border:none;}
.ipnavs ul li a{ display:block; height:0.5rem; line-height:0.5rem; text-indent:24px; font-size:18px; background:url(../img/leftjt.png) 95% 50% no-repeat;}
.ipnavs ul li a.curr{ font-weight:bold; color:#253889; background:url(../img/leftjt2.png) 95% 50% no-repeat;}


/********************页面私有样式********************/
#mask{max-width:100%;}
/******首页类幻灯片 start******/
.main_image {width:100%; height:3.6rem;overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px;  overflow:hidden; height:3.6rem; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; }
.main_image li span {display:block; width:100%; }
.main_image li span img{ width:100%; height:3.6rem;}
.main_image li a {display:block; width:100%;}

.caid{ width:100%; height:0.29px; line-height:0.29px; position:absolute; margin-top:-0.29rem;}
div.flicking_con {width:100%; height:100%; margin:0 auto; position:relative; }
div.flicking_con .flicking_inner {position:absolute;  width:100%; height:100%; text-align:center;} 
div.flicking_con a {width:0.15rem; height:0.15rem; border-radius:100px; margin:auto; padding:0; background:#fff; display:inline-block; opacity:0.5; margin:0 0.05rem;}
div.flicking_con a.on {opacity:1;}
#btn_prev,#btn_next{ display:none;}
/******首页类幻灯片 end********/
/*首页公共*/
.indexTitle{text-align:center;position:relative;height:0.6rem;padding-top:0.4rem;margin-bottom:0.4rem;}
.indexTitle .title{position:absolute;top:0.5rem;background:url(../img/titb.png) no-repeat;background-size:0.76rem;height:0.5rem;background-position:center 100% ;text-align:center;width:100%;font-size:0.28rem;font-weight:700;color:#253889}
.more{width:1.98rem;height:0.48rem;border:1px solid #253889;color:#253889;clear:both;text-align:center;line-height:0.48rem;margin:0.2rem auto;font-size:0.22rem;}
/*首页公共 end*/
.indexNav{background:#fff;height:2rem;}
.indexNav ul li{width:25%;text-align:center;float:left;font-size:0.26rem;}
.indexNav ul li img{width:1rem;margin-top:0.3rem;margin-bottom:0.1rem;}

/*产品展示*/
.prod{background:#fff;margin:0.2rem 0;padding-bottom:0.2rem;}
.prod .indexTitle img{width:5.1rem;}
.prod ul li{width:50%;text-align:center;font-size:0.24rem;float:left;margin-bottom:0.2rem;}
.prod ul li .prImg{width:3.3rem;height:2.4rem;overflow:hidden;margin:auto;}
.prod ul li img{max-width:100%;}
.prod ul li p{margin:0.1rem 0;}
/*关于我们*/
.about{background:#fff;padding:0.2rem;padding-top:0}
.about .indexTitle img{width:2.8rem;}
.about ul{width:7rem;}
.about ul li{width:3.3rem;float:left;background:#eee;margin:0 0.2rem 0.2rem 0;}
.about ul li .prImg{width:3.3rem;height:2.1rem;overflow:hidden;margin:auto;}
.about ul li .prImg img{width:100%;}
.about ul li .cont{margin:0.25rem;font-size:0.18rem;clear:#666;height:1.7rem;}
.about ul li hr{width:0.4rem;margin:0.12rem 0;border:none;border-bottom:1px solid #999}
.about ul li .cont .tit{font-size:0.24rem;color: #333}
.about ul li .cont p{margin-bottom:0.1rem;}
.about ul li .cont img{width:0.33rem;}
/*工程案例*/
.eng{background:#fff;margin:0.2rem 0;padding:0.2rem;padding-top:0}
.eng .indexTitle img{width:5.3rem;}
.eng ul{width:7rem;}
.eng ul li{width:3.3rem;float:left;background:#eee;margin:0 0.2rem 0.2rem 0;text-align:center;font-size:0.24rem;}
.eng ul li .prImg{width:3.3rem;height:2.45rem;overflow:hidden;margin:auto;}
.eng ul li .prImg img{width:100%;}
.eng ul li p{line-height:0.55rem;}
/*新闻资讯*/
.news{background:url(../img/back.png) #fff no-repeat;height:6.8rem;background-size:100%;background-position:bottom;}
.news .indexTitle img{width:6.82rem;}
.news ul {}
.news ul li{margin:0 0.2rem;border-bottom:1px dashed #ddd;height:1.25rem;margin-bottom:0.25rem;}
.news ul li .newImg{width:1.5rem;height:1rem;overflow:hidden;float:left;}
.news ul li .newImg img{width:100%;}
.news ul li .newCont{width:5rem;float:left;margin-left:0.2rem;}
.news ul li .newCont .title{font-size:0.24rem;}
.news ul li .newCont p{font-size:0.18rem;color:#999;}





/******************内页 start******************/
.ipnavs{ background:#fff;}

.commInpage{ background:#fff;  margin:0.2rem 0; min-height:5rem ;}
.cipageCons *,.cipageCons img{ max-width:100%;}
.cipageCons{ min-height:150px; padding:0.1rem 0.28rem;}

.zhuans{ margin-top:0.2rem; background:#fff;}
.zhuaList ul li{ overflow:hidden; border-bottom:1px dashed #CDCDCD; padding:0.33rem 0;}
.zhuaList ul li .zhuLeft{ text-align:center; width:1.5rem; float:left;overflow:hidden;}
.zhuaList ul li .zhuLeft a{ display:inline-block; width:1.58rem; height:1.58rem;  overflow:hidden;}
.zhuaList ul li .zhuLeft img{ width:1.58rem;margin-top:0.2rem;}
.zhuaList ul li .zhuRight{ padding-left: 0.2rem; width:4.9rem; float:left;}
.zhuaList ul li .zhuRight p{ font-size:0.22rem; color:#253889;}
.zhuaList ul li .zhuRight span{ display:block; font-size:0.18rem; color:#333; line-height:0.32rem; margin:0.1rem 0; height:0.6rem; overflow:hidden;}
.zhuaList ul li .zhuRight a{ width:1.17rem; height:0.35rem; line-height:0.35rem; text-align:center; border:1px solid #253889; display:block; border-radius:0.06rem; font-size:0.18rem; color:#253889;}


/**上拉加载特效**/
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{height: 40px;line-height: 40px;text-align: center;}
.dropload-load .loading{display: inline-block;height: 15px;width: 15px;border-radius: 100%;margin: 6px;border: 2px solid #666;border-bottom-color: transparent;vertical-align: middle;-webkit-animation: rotate 0.75s linear infinite;animation: rotate 0.75s linear infinite;}
.dropload-load{ border-top:1px solid #e9e9e9; font-size:14px;}
@-webkit-keyframes rotate {
0% {-webkit-transform: rotate(0deg);}
50% {-webkit-transform: rotate(180deg);}
100% {-webkit-transform: rotate(360deg);}}
@keyframes rotate {
0% {transform: rotate(0deg);}
50% {transform: rotate(180deg);}100% {transform: rotate(360deg);}}

/**详情页**/
.cipagerTop{ text-align:center; padding:0.2rem 0 0.1rem 0; border-bottom:1px solid #e7e7e7;}
.cipagerTop p{ font-size:16px; color:#000; padding:0 0.28rem;}
.cipagerTop span{ display:block; font-size:14px; color:#c0c0c0; padding-top:0.1rem;}
.cipagerCon{ padding:0.2rem 0.28rem;}
.cipagerCon *,cipagerCon img{ max-width:100%;}

/**图文列表样式**/
.piclist{}
.piclist ul{ overflow:hidden; padding-top:0.2rem;}
.piclist ul li{ float:left; width:50%; text-align:center; margin-bottom:0.15rem;}
.piclist ul li .neImg{ width:3.2rem; margin:0 auto; border:1px solid #e9e9e9; height:2.3rem;}
.piclist ul li .neImg img{ width:3.1rem; height:2.2rem; margin:0.05rem;}
.piclist ul li p{ height:0.5rem; line-height:0.5rem; font-size:14px;}

/**文字列表样式**/
.arctilelist{}
.arctilelist ul{ width:6.72rem; margin:0 auto; padding:0.2rem 0}
.arctilelist ul li{ overflow:hidden; height:0.55rem; line-height:0.55rem; border-bottom:1px dashed #D4D4D4;}
.arctilelist ul li a{ display:block; float:left; width:5.14rem; text-indent:0.22rem; background:url(../img/yjt.png) 0.08rem 50% no-repeat;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;white-space:nowrap; font-size:0.2rem; color:#000;}
.arctilelist ul li em{ display:block; float:right; font-size:0.18rem; color:#999;}

/**团队列表样式**/
.zhuaList ul{ padding:0.2rem 0.28rem;}
/*.zhuaList ul .zhuRight{ width:3.9rem !important;}*/

/**预约挂号**/
.messa{ padding:0.2rem 0.28rem;}
.messa ul li{ overflow:hidden; padding:0.15rem 0;}
.messa ul li span{ display:block; text-align:right; font-size:14px; float:left; width:1.6rem; line-height:0.45rem;}
.messa ul li p{ float:left; width:5rem;}
.messa ul li p em,.messa ul li p i{ display:block; overflow:hidden;}
.messa ul li p i{ padding:0.05rem 0; color:#E4303D;}
.messa ul li p input[type="text"]{ width:94%; border:1px solid #ccc; height:0.45rem; line-height:0.45rem;text-indent:10px; outline:none; font-size:14px;}
.messa ul li p textarea{ outline:none;width:93%; min-height:1rem; border:1px solid #ccc;}
.messa ul li p input.yzm{ float:left; width:45%;}
.clickcode{ float:left; width:45%; margin-left:4%; height:0.47rem;}
.dotis{ width:60%; display:block; margin:0.3rem auto; background:#0D8293; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff;}
/*单选框美化*/
.sexs{ display:none;}
.sexs + label {display: inline-block;position: relative; cursor:pointer; width:0.4rem; height:0.4rem; vertical-align:middle; margin-top:0.07rem;}
.sexs + label i{ width:0.2rem; border:2px solid #0D8293; height:0.2rem; display:inline-block; border-radius:0.07rem; padding:0 !important;}
.sexs + label:active {}
.sexs:checked + label {background:url(../img/gous.png) 1px -3px no-repeat; background-size:85%;}


/*这里将部分rem处理不佳的效果重置*/
@media all and (max-width:640px){
.topsLeft,.topsRight a,.tongsRight ul li a,.keslist ul li .kesRight span a,.hosin,.footer .footCens span,.footer .footLeft p, .footer .footRight p{ font-size:20px;}
.topsRight a i{ font-size:24px;}
.kuais ul li i,.keslist ul li .kesLeft p{ font-size:23px;}
.zhuaList ul li .zhuRight p{ font-size:22px;}
.zhuaList ul li .zhuRight span,.zhuaList ul li .zhuRight a,.icomTop a,.inewslist ul li em{ font-size:18px;}
.icomTop span{ font-size:25px;}
.footer .footCens p{ font-size:16px;}
.inewslist ul li a{ font-size:17px;}
.inewslist ul li{ height:45px; line-height:45px;}
.ipnavs p{ font-size:21px;}
.ipnavs ul li a{ font-size:17px;}
.messa ul li span,.messa ul li p{  line-height:0.45rem;}
.messa ul li p input[type="text"]{ height:0.45rem; line-height:0.45rem;}
.clickcode{ height:0.47rem;}
.arctilelist ul li a{ font-size:16px;}
.commInpage{ min-height:5rem;}
}
@media all and (max-width:580px){
.topsLeft,.topsRight a,.tongsRight ul li a,.keslist ul li .kesRight span a,.hosin,.footer .footCens span,.footer .footLeft p, .footer .footRight p{ font-size:18px;}
.topsRight a i{ font-size:20px;}
.kuais ul li i,.keslist ul li .kesLeft p{ font-size:29px;}
.zhuaList ul li .zhuRight p{ font-size:19px;}
.zhuaList ul li .zhuRight span,.zhuaList ul li .zhuRight a,.icomTop a,.inewslist ul li em{ font-size:16px;}
.icomTop span{ font-size:20px;}
.footer .footCens p{ font-size:15px;}
.inewslist ul li a{ font-size:16px;}
.inewslist ul li{ height:38px; line-height:38px;}
.ipnavs p{ font-size:19px;}
.ipnavs ul li a{ font-size:16px;}
.messa ul li span,.messa ul li p{ line-height:0.49rem;}
.messa ul li p input[type="text"]{ height:0.49rem; line-height:0.49rem;}
.clickcode{ height:0.51rem;}
.arctilelist ul li a{ font-size:15px;}
.commInpage{ min-height:5rem;}
}
@media all and (max-width:420px){
.topsLeft,.topsRight a,.tongsRight ul li a,.keslist ul li .kesRight span a,.hosin,.footer .footCens span,.footer .footLeft p, .footer .footRight p{ font-size:15px;}
.topsRight a i{ font-size:16px;}
.kuais ul li i,.keslist ul li .kesLeft p{ font-size:15px;}
.zhuaList ul li .zhuRight p{ font-size:17px;}
.zhuaList ul li .zhuRight span,.zhuaList ul li .zhuRight a,.icomTop a,.inewslist ul li em{ font-size:15px;}
.icomTop span{ font-size:16px;}
.footer .footCens p{ font-size:14px;}
.inewslist ul li a{ font-size:15px;}
.inewslist ul li{ height:33px; line-height:33px;}
.ipnavs p{ font-size:17px;}
.ipnavs ul li a{ font-size:15px;}
.messa ul li span,.messa ul li p{ line-height:0.52rem;}
.messa ul li p input[type="text"]{ height:0.52rem; line-height:0.52rem;}
.clickcode{ height:0.54rem;}
.arctilelist ul li a{ font-size:14px;}
.commInpage{ min-height:5rem;}
}
@media all and (max-width:385px){
.topsRight a{ width:3.33rem;}
.topsLeft,.topsRight a,.tongsRight ul li a,.hosin,.footer .footCens span,.footer .footLeft p, .footer .footRight p{ font-size:13px;}
.topsRight a i{ font-size:13px;}
.keslist ul li .kesRight span a{ font-size:12px;}
.kuais ul li i,.keslist ul li .kesLeft p{ font-size:13px;}
.zhuaList ul li .zhuRight p{ font-size:15px;}
.zhuaList ul li .zhuRight span,.zhuaList ul li .zhuRight a,.icomTop a,.inewslist ul li em{ font-size:13px;}
.icomTop span{ font-size:13px;}
.footer .footCens p{ font-size:13px;}
.inewslist ul li a{ font-size:14px;}
.inewslist ul li{ height:28px; line-height:28px;}
.ipnavs p{ font-size:15px;}
.ipnavs ul li a{ font-size:13px;}
.messa ul li span,.messa ul li p{ line-height:0.55rem;}
.messa ul li p input[type="text"]{ height:0.55rem; line-height:0.55rem;}
.clickcode{ height:0.57rem;}
.arctilelist ul li a{ font-size:13px;}
.commInpage{ min-height:5rem;}
}
@media all and (max-width:320px){
.topsRight a{ width:3.33rem;}
.topsLeft,.topsRight a,.tongsRight ul li a,.keslist ul li .kesRight span a,.hosin,.footer .footCens span,.footer .footLeft p, .footer .footRight p{ font-size:12px;}
.topsRight a i{ font-size:12px;}
.kuais ul li i,.keslist ul li .kesLeft p,.keslist ul li .kesRight span a{ font-size:12px;}
.zhuaList ul li .zhuRight p{ font-size:13px;}
.zhuaList ul li .zhuRight span..zhuaList ul li .zhuRight a,.icomTop a,.inewslist ul li em{ font-size:12px;}
.icomTop span{ font-size:12px;}
.footer .footCens p{ font-size:12px;}
.inewslist ul li a{ font-size:13px;}
.inewslist ul li{ height:26px; line-height:26px;}
.ipnavs p{ font-size:13px;}
.ipnavs ul li a{ font-size:12px;}
.messa ul li span,.messa ul li p{ line-height:0.55rem;}
.messa ul li p input[type="text"]{ height:0.55rem; line-height:0.55rem;}
.clickcode{ height:0.57rem;}
.arctilelist ul li a{ font-size:12px;}
.commInpage{ min-height:5rem;}
}

/*判断 end*/