@charset "utf-8";
html{ -webkit-box-sizing:border-box; box-sizing:border-box;font-size:62.5%;/* 10÷16=62.5% */}
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,p,form,div,ul,li,p,dl,dt,dd,figure,figcaption,ol{ margin:0; padding: 0;}
body{ font:menu;font-size:0.14rem;color:#333;}
div,h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
ul,li{ margin:0; padding:0; list-style:none; list-style-type: none}
a img,input,button,textarea,a{ border:none;}
input,button,textarea{ display:inline-block; font:menu; font-size:0.14rem;}
input[type="submit"],input[type="button"]{ -webkit-appearance:none;}
table{ border-collapse:collapse; border-spacing:0; width:100%;margin: 0;padding: 0}
img{max-width:100%;vertical-align:middle; padding:0; margin:0;}
/* Link Style */
a:link,a:visited{color:#000000;text-decoration: none;}
a:hover,a:active{color:#000000;text-decoration:none;}

.fl{ float:left;}
.fr{ float:right;}
.dsbnone{ display: none;}
.dsblock{ display: block;}
.clear{ clear: both;}
.ovhidden{overflow: hidden;}
.bs-border{ box-sizing: border-box;}
.bs-content{ box-sizing: content-box;}
/*文字溢出隐藏*/
.t_hide{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.text-hide{overflow : hidden; text-overflow: ellipsis; }

.ser-title {font-size: 0.3rem;line-height: 0.55rem;text-align: center;margin: 0 auto}
.ser-title h2{color: #0055C7;display: inline}
.ser-title span{color:#525252;text-transform: uppercase;}
.ser-title p{font-size: 0.18rem;color: #343434;margin: 0 auto;line-height: 0.3rem;text-align: center;}
.ser-list{margin: 0 auto;}

.daohang{height: 0.6rem;text-align: center;overflow: hidden}
.daohang .daotitle{font-weight: bold;color: #7c7c7c;font-size: 0.26rem;line-height: 0.6rem;}
.contxt{margin: 0 auto;color: #807f7f;font-size: 0.24rem;line-height: 0.30rem;}
.xx-title{line-height: 0.65rem;font-size: 0.26rem;color: #000000;margin: 0 auto;text-align: center}
.text-c{ text-align: center;margin: 0 auto}
.bg-iteam{background: url("../images/h_teambg.jpg"); background-size:100% 100%;}
.gobefore{background: url("../images/gobefore.png") no-repeat; background-size:0.15rem 0.6rem; text-indent: -9999px; width: 0.2rem;line-height: 0.6rem;float: left;}

/*宽度*/
.w-a100{ width: 100%;overflow: hidden}
.w-all{width:7.5rem; margin:0 auto; overflow: hidden}
.w-71{ width: 7.1rem;margin: 0 auto;overflow: hidden}
.w-73{ width: 7.3rem;margin: 0 auto; overflow: hidden}
.m-auto{ margin: 0rem auto;}
.hg-40{ height: 0.32rem;}
.hg-100{height: 1rem;}

/* header start */
header{width:100%; height:1rem;position:fixed; top:0; z-index:223; background-color: #ffffff;transition-property: transform;transition-duration: 0.4s; box-sizing: border-box;border-bottom: 1px solid #dedede;}
header .top-logo{width:6.16rem; height:0.61rem;margin-top: 0.24rem; margin-left: 0.2rem; margin-bottom: 0.15rem;float: left;overflow: hidden;}
header .top-menu{width:0.85rem; height:1rem; background-color: #fff;box-sizing: border-box;border-bottom: 1px solid #dedede;}
header.is-fixed {position: fixed;}
header.lateral-menu-is-open {transform: translateX(-4.6rem);}

/*导航的按钮*/
.overflow-hidden {overflow: hidden;}
.cd-main-content {min-height:100%;position: relative;background-color: #fff;z-index:222;transition-property: transform;transition-duration: 0.4s;}
.cd-main-content.lateral-menu-is-open{transform: translateX(-4.6rem);}
#cd-menu-trigger {position: absolute;right: 0rem;top:0rem;height:1rem;width:0.7rem;}
#cd-menu-trigger.is-clicked {display: none;}

#cd-lateral-nav {position: fixed;height: 100%;right: 0;top: 0; z-index: 1; width:3.5rem; box-sizing: content-box;  overflow-y: auto; transition-property: transform; transition-duration: 0.4s;transform: translateX(0.8rem);background-color:#0055C7;visibility: hidden;}
#cd-lateral-nav .cd-navigation {}
#cd-lateral-nav ul li{line-height:1rem; height:1rem;margin: 0 auto;float: left;clear: both;overflow: hidden}
#cd-lateral-nav .sub-menu {display:none;}
#cd-lateral-nav a {display: block; font-size: 0.28rem;color: #fff; margin-bottom:0.25rem;box-sizing:content-box;}
#cd-lateral-nav a.current {color: #00f;}
#cd-lateral-nav span{display:block; width:1rem; float:left;padding-top: 0.15rem;}
#cd-lateral-nav span img{float:right;vertical-align: middle;width: 0.4rem}
#cd-lateral-nav h2{ display:block; margin-left:0.4rem;float:left;}
#cd-lateral-nav.lateral-menu-is-open {transform: translateX(0);visibility: visible}
#cd-lateral-nav.item-has-children > a {position: relative;text-transform: uppercase;font-weight: 600;}
/* header end */

/*home banner start */
.focus{ width:100%;height:auto;;  margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box;  height:5px; background-color:rgba(0, 0, 0, 0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
.focus .hd ul .on{ background: #ffffff;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{width:100%; height:auto; }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0.5); /* 取消链接高亮 */ }
/*banner end*/

/*home our server start*/
.one-pro{margin: 0 auto; overflow: hidden;clear: both; width: 100%}
.one-pro li{width:45%;height:2rem; overflow: hidden; text-align: center;float:left;margin: 0.1rem auto}
.one-pro li:nth-child(2n){float: right;}
.one-pro li img{border: 0; text-align: center}
.one-pro .slide{margin:0 auto; overflow: hidden;clear: both; width: 100%;background:#0055C7;padding:0.1rem 0;}
.one-pro .slide img{height: 1.5rem;vertical-align: middle;box-shadow: 0.1rem 0.1rem 0.05rem rgba(0,0,0,.5);}
.one-pro .slide h3{color:#fff;text-align: center; font-size: 0.24rem; font-weight: bold;line-height: 0.5rem;}
.one-pro .slide a{display:block; -webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.one-pro .slide a:hover{color:#ffb3bb}

*//*首页 start*/
.about-div{background: url("../images/h_teambg.jpg") top center #000000;background-size:100% 100%;margin: 0 auto;padding: 0.2rem 0;}
.about-con{margin:0.53rem auto; overflow: hidden;color: #ffffff;font-size: 0.2rem}
.about-con p{line-height: 0.25rem;text-align: left;font-size: 0.2rem;}

.aboutround li{ width:1.74rem; height:1.74rem; float: left; margin: 0rem 0.01rem; }
.aboutround li a{ display: block;width:1.74rem; height:1.74rem;-webkit-border-radius: 115px;border-radius: 115px;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-o-transition: -o-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;}
.aboutround li a:hover{transform: rotateZ(360deg);}

/*首页 案例 tab切换 start*/
.tab {width:7.3rem;}
.tab-title {width:7.1rem; margin:0 auto;overflow: hidden;}
.tab-title a{display:inline-block;width:2rem;height:0.52rem;line-height:0.52rem;text-align:center;color: #000000;font-size:0.22rem; background-color:#dadada; margin:0.36rem 0.18rem; float:left;}
.tab-title .item-cur {color: #fff;background-color: #0055C7;}
.tab-cont{position: relative; width:7.3rem;margin:0 auto;overflow: hidden;}
.tab-cont .item{width:7.3rem;text-align:center;color: #fff;display:none;}
.lanren{margin: 0 auto}
.lanren li{width:3.45rem;height:2.6rem;list-style:none;position:relative;float:left;overflow:hidden;  margin: 0rem 0.1rem 0.25rem 0.1rem;}
.lanren li .a1 img{width:3.45rem;height:2.6rem;}
.lanren li .a1 .divA{position:absolute;bottom:-2.6rem;left:0;width:3.45rem;height:2.6rem;}
.lanren li .a2{position:absolute;top:0;left:-3.45rem;width:3.45rem;height:2.6rem;text-align:center;color:white; background:url('../images/hover.png') no-repeat left top; background-size:100% 100%；transition:all 0.2s;}
.lanren li .a2 .p4{width:3.45rem;text-align:center;position:absolute;top:2rem;left:-3.45rem;color:#0055C7;font-size:0.2rem;transition:all 0.2s 0.1s ease-out;}
/*首页 案例 tab切换 end*/
.homemore{display: block; width: 2.9rem; height: 0.7rem; text-align: center; line-height: 0.7rem; border: 1px solid #c1c1c1; margin:0.15rem auto; border-radius: 0.35rem; font-size: 0.26rem; color: #434343;}

/*首页的新闻 */
.tabBox{margin:0rem auto;width:7.3rem;overflow: hidden}
.tabBox .hd ul{margin:0rem auto; text-align: center; overflow: hidden}
.tabBox .hd ul li{float:left;width:2rem;height:0.52rem;line-height:0.52rem;background-color:#dadada; margin:0.36rem 0.18rem;}
.tabBox .hd ul li a{display:block;text-align:center;color:#000000;font-size:0.22rem;}
.tabBox .hd ul .on{color:#fff;background-color:#0055C7;}
.tabBox .hd ul .on a{ display:block;color:#fff;}

.tabBox .bd ul{overflow:hidden;position: relative;display: none;}
.tabBox .bd li{box-sizing: content-box;}
.tabBox .bd li .pic{float:left;width:2.4rem; text-align: left;position: relative;overflow: hidden}
.tabBox .bd li .pic img{padding:3px; border:1px solid #d2d2d2;height:1.6rem;width:2.3rem;}
.tabBox .bd li .conc{width:4.8rem;float:right;text-align:left;position:relative;top:0}
.tabBox .bd li .conc h3{font-size: 0.24rem; color: #383838; line-height:0.45rem; text-align: left}
.tabBox .bd  li .conc p{ font-size:0.15rem; color: #727272; line-height: 0.32rem;}
/*新闻资讯 列表页面 start*/
.newslist {margin: 0 auto;}
.newslist li{border-bottom: 1px solid #f2f2f2;float:left;margin-bottom:0.15rem;padding: 0.1rem 0;}
.newslist li .newdate{ width:1.28rem; height:1.28rem; float: left; background-color: #ebebeb;}
.newslist li span.datetime{ display: block; text-align: center; font-weight: 900; font-size: 0.46rem; color: #0055C7; line-height:0.55rem; height: 0.55rem; margin-top: 0.18rem;}
.newslist li span.monytime{ display: block; text-align: center; font-size:0.2rem; color: #0055C7; line-height:0.4rem; height:0.4rem;}
.newslist li .newstitle{ width:5.8rem; float: right;margin-left: 0.2rem;}
.newslist li .newstitle a{ display: block; width: 100%; float: left;}
.newslist li .newstitle a h3{ font-size:0.24rem; color: #050505; height:0.24rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display:table-cell;}
.newslist li .newstitle a p{ font-size:0.18rem; color: #4e4e4e; margin-top:0.05rem; line-height:0.32rem;overflow: hidden;}
.newslist li:hover{box-shadow: 0px 2px 3px #0055C7; }
.newslist li:last-child{ border-bottom: 0px;}

.newscon{margin: 0 auto; text-align: left;padding-bottom: 0.5rem;border-bottom: 1px solid #d4d4d4;color: #4e4e4e;font-size: 0.2rem;line-height: 0.30rem;}
.newscon img{width:100%; margin: 0 auto; text-align: center}

.l_news{width:auto; margin:5px auto;text-align:left; clear:both}
.l_news_t{background:#F2F3F5; line-height:0.1rem;padding: 0.2rem 0.1rem;font-weight: bold;font-size: 0.22rem;}
.l_news_t span{text-align:right;padding-right: 10px; float: right;display: block;font-weight: normal}
.info_page{margin:5px auto;}
.info_page li{border-bottom:dotted 1px #cccccc;float:left;line-height:35px; height:35px;font-size: 14px}
.info_page .info_t{width:83%;text-indent:25px; background:url(../images/s1.jpg) 5px center no-repeat; clear:left}
.info_page .info_d{width:15%; text-align:right; padding-right:10px;}
.info_page .info_p{width:100%;text-indent:25px; background:url(../images/s1.jpg) 5px center no-repeat; clear:left}

/*关于我们简介 start*/
.about-slide ul{margin:0.30rem auto; text-align: center; overflow: hidden;border-bottom: 0.01rem solid #666666;padding: 0.1rem 0;}
.about-slide ul li{width:1.5rem;height:0.52rem;line-height:0.52rem;background-color:#dadada; margin:0.1rem 0.15rem;display: inline-table;font-size: 0.26rem;text-align: center}
.about-slide ul li.on {color: #0055C7;border-bottom: 1px solid #0055C7;}
.about-slide ul li.on a{color:#0055C7}

.aboutcon dl{ width: 100%; float: left; margin-bottom:0.35rem;}
.aboutcon dl dt{ font-size:0.24rem; color: #525252; font-weight: bold; line-height:0.28rem;}
.aboutcon dl dd{ font-size:0.24rem; color: #807f7f; line-height:0.48rem;}
/*关于我们简介 end*
/*案例的列表*/
.caselist{margin: 5px auto;overflow: hidden;padding: 0 10px;}
.caselist dl{margin-top:0.25rem;width:50%;overflow: hidden; float:left; overflow: hidden;text-align: center}
.caselist dl:nth-child(2n){float: right}
.caselist dl dt,.caselist dl dd{width:100%;display: block}
.caselist dl dd a{text-align: center; font-size: 0.24rem; color: #000000; line-height:0.4rem;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.caselist dl.keynote{ float: right;}
.caselist dl img{width:3.0rem;height:2.5rem;padding: 0;margin: 0 0.05rem;vertical-align: middle}

.picshow{margin: 0 auto;overflow: hidden;}
.picshow ul li{margin-bottom:0.15rem}
.picshow img{width: 90%;vertical-align: middle;margin: 0 0.1rem;}
/*分页 start*/
.pages{ display: block;overflow: hidden; box-sizing: content-box; width:6.7rem;margin: 0.3rem 0;text-align: center}
.pages a,.pages span{padding:0.1rem;font-size:0.22rem; color: #5b5b5b; margin: 0 0.03rem; line-height:0.5rem; border: 1px solid #d7d7d7; box-sizing: border-box;}
.pages a:hover,.pages a.pageactive{ background-color: #0055C7; border-color: #0055C7; color: #ffffff;}
/*上一页下一页 start*/
.nextprev {margin-top: 0.15rem;}
.nextprev li{line-height: 0.35rem;color: #5b5b5b;font-size:0.22rem;overflow: hidden;clear: both;}
.nextprev li a{color: #5b5b5b;display: inline;text-overflow: ellipsis;overflow: hidden;}
.nextprev li span{text-align:left;box-sizing: border-box;}
.nextprev li a:hover{border-color:#0055C7; background-color: #0055C7; color: #ffffff;}

/*底部信息*/
.botwei{color:#FFFFFF ; padding:0.28rem 0rem; background-color: #494949;text-align: center}
.botwei img{max-width:100%;margin: 0 auto;}
.botwei ul li{text-align: center;display:inline-table;width:50%; overflow:hidden;float: left}

.footer{border-top:1px solid #e0e0e0; padding-bottom:0.04rem;position:fixed;bottom:0;left:50%;margin-left:-3.75rem;z-index:1000;background-color:rgba(0,85,199,0.8)}
.footer a{ text-align: center; font-size: 0.24rem; color:#FFFFFF;display:table-cell;vertical-align:bottom; width: 3.75rem; height: 0.9rem; float: left; line-height: 1.25rem;}
.footer a.footertel{border-right: 1px solid #e0e0e0;}
.ftelicon{background: url("../images/footertel.png") no-repeat center top; background-size:0.42rem 0.5rem;}