/*通用样式*/
*{margin:0;padding:0;}
html{font-size:10px;}
@media screen and (min-width: 600px){
    html{font-size:16px;}
}
body,html{font-family: 'Microsoft Yahei',"微软雅黑";position:relative;line-height:1.6rem;color:#333;}
body{margin:0 auto;background:#f7f7f7;}
img,input{border:0;}
a{text-decoration: none;color:#333;}
b,h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul,li{list-style:none;}
em{font-style: normal;}
.clear{overflow: hidden;}/*清楚浮动*/
.left{float: left;}
.right{float: right;}
.c-width{width:1200px;margin:0 auto;}
@media screen and (max-width: 769px){
    .c-width{width:100%;}
}
/*首页样式*/
.nav-bar{position:relative;background:#fff;/*padding:0.9rem 0.8rem 0.8rem;*/}
.nav-fixed{position: fixed;left:0;top:0;width:100%;z-index: 100;box-shadow: 0 0 5px 1px #ddd;}
.nav-bar .logo{width:10.5rem;height:3.1rem;padding:1rem 0.8rem 0.8rem;}
.nav-bar .logo img{width:100%;height:100%;}
.nav-bar .nav-btn{height:1.6rem;width:2.6rem;padding:1.5rem 0.8rem 0.8rem;}
.nav-bar .nav-btn img{height:100%;width:100%;}
.nav-bar .nav-list1{position:fixed;top:4.7rem;left:0;width:100%;z-index: 100;}
.nav-bar .nav-list1 li{background:rgba(51,51,51,0.6);color:#fff;text-align: center;font-size: 1.2rem;}
.nav-bar .nav-list1 li a{display: block;color:#fff;padding:1.2rem 0;}
.nav-bar .nav-list1 .on a{background:#35b5eb;color:#fff;}
.nav-bar .nav-list1 .on span{color:#fff;}

.footer .ft-btm{float:left;padding:1rem 0;width:94%;text-align: center;border-top:1px solid #eee;margin:0 3%;font-size:1rem;}
@media screen and (min-width: 769px){
    .nav-bar .nav-list1{display: none;}
    .nav-bar .nav-btn{display: none;}
    .nav-bar .nav-list2{display: block;}
    .footer .ft-btm{width:100%;margin:0;}
}
@media screen and (max-width: 768px){
    .nav-bar .nav-list1{display: block;}
    .nav-bar .nav-btn{display: block;}
    .nav-bar .nav-list2{display: none;}
}
.nav-bar .nav-list2{/*margin-bottom:-0.78rem;*/}
.nav-bar .nav-list2 li{float:left;text-align: center;}
.nav-bar .nav-list2 li a{display:block;padding:1.2rem 1.5rem 1rem;}
.nav-bar .nav-list2 li span{display: block;font-size: 0.8rem;color:#666;}
.nav-bar .nav-list2 .on a{background:#35b5eb;color:#fff;}
.nav-bar .nav-list2 .on span{color:#fff;}
.nav-bar .nav-list2 li:hover a{background:#35b5eb;color:#fff;}
.nav-bar .nav-list2 li:hover span{color:#fff;}


.id-main .project{background:#fff;}
.id-main .project .box{float:left;width:33.33%;text-align: center;padding:1rem 0;}
.id-main .project .box img{display:inline-block;width:40%;}
.id-main .project .box h2{font-size:1.5rem;}
.id-main .project .box p{font-size:1rem;color:#666;padding: 1rem 2rem;}
@media screen and (max-width: 769px){

    .id-main .project .box p{display: none}
}
.id-main .rows{/*padding:0.5rem 0;*/}
.id-main .t-head{padding:1.5rem 0 1.5rem;text-align: center;background: url(../images/title_bg.png) bottom center no-repeat;}
@media screen and (max-width: 400px){
    .id-main .t-head{padding:1rem 0 1.2rem;text-align: center;background: url(../images/title_bg.png) bottom center no-repeat;background-size:75%;}
}
.id-main .t-head h3{font-size:1.5rem;}
.id-main .t-head h3 span{padding-left: 1rem}
.id-main .t-head p{font-size:0.9rem;color:#999;padding-top:0.6rem;}
@media screen and (max-width: 769px){
    .id-main .t-head h3 span{display: none;}
    .id-main .t-head p{display: none;}
}
.id-main .rows .case-main{padding-top: 1rem;display:block;width:100%;}
.id-main .rows .case-main li{float: left;position:relative;display:block;width:50%;text-align: center;margin-bottom: 1.5rem;}

.id-main .rows .case-main li img{display:inline-block;width:85%;-webkit-box-shadow:0.7px 0.7px 10px #ccc;
box-shadow:0.3px 0.3px 5px #ccc;}
.id-main .rows .case-main li img:hover{box-shadow:0.7px 0.7px 15px #ccc;}
.id-main .rows .case-main li p{font-size:1rem;padding:0 2rem;color:#666;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;}

@media screen and (min-width: 769px){
    .id-main .rows .case-main li{float: left;display:block;width:33.33%;text-align: center;margin-bottom: 1.5rem;}
    .id-main .rows{padding:1.5rem 0 0;}
    .id-main .project .box{padding:2rem 0;}
}
.id-main .service{background:#fff;}
.id-main .service .pic{padding: 1.8rem 0;text-align: center;}
@media screen and (max-width: 769px){
    .id-main .service .pic .s1{display:inline-block;}
    .id-main .service .pic .s2{display:none;}
    .id-main .service .pic img{display: inline-block;width:94%;}
}
@media screen and (min-width: 769px){
    .id-main .service .pic .s1{display:none;}
    .id-main .service .pic .s2{display:inline-block;}
    .id-main .service .pic{padding-top: 4rem}
    .id-main .service .pic img{display: inline-block;width:100%;}
}
.id-main .aboutus .us-main{padding:1rem 0;}
.id-main .aboutus .us-main .dvL{width:100%;text-align: center;}
.id-main .aboutus .us-main .dvL img{display:inline-block;width:60%;}
.id-main .aboutus .us-main p{width:96%;font-size:1rem;padding:0 2%;text-indent: 2rem;color:#666;}
@media screen and (min-width: 769px){
    .id-main .aboutus .us-main{padding:2rem 0;}
    .id-main .aboutus .us-main .dvL{width:45%;text-align: center;}
    .id-main .aboutus .us-main .dvL img{display:inline-block;width:100%;}
    .id-main .aboutus .us-main p{width:51%;font-size:1rem;padding:0 2%;text-indent: 2rem;color:#666;padding-top: 5rem;line-height: 2rem}
}

.id-main .news{background:#fff;}
.id-main .news .n-main{padding:1rem 0;}
.id-main .news .n-main li{float: left;display: block;width:96%;overflow:hidden;padding:0 2%;margin-bottom: 1rem;}

@media screen and (min-width: 769px){
    .id-main .news .n-main li{float: left;display: block;width:46%;overflow:hidden;padding:0 2%;margin-bottom: 1.2rem;}
    .id-main .news .n-main li .font .p2{padding-top:0.5rem;}
    .id-main .news .n-main{padding:1.5rem 0;}
}

.id-main .news2{background:#f7f7f7;}
.id-main .news2 .n-main li{border-bottom: 1px dashed #ccc;padding-bottom: 0.5rem}
@media screen and (min-width: 769px){

.id-main .news2 .n-main{padding:1rem 0;}
.id-main .news2 .n-main li{float: left;display: block;width:96%;overflow:hidden;padding:0 2%;margin-bottom: 1rem;}
.id-main .news .n-main li img{float:left;display:block;width:30%;overflow: hidden;max-height: 220px;}
}
.id-main .news2 .n-main li{max-height: 220px;padding-bottom: 1rem}

.id-main .news .n-main li img{float:left;display:block;width:30%;overflow: hidden;}
.id-main .news .n-main li .font{float:left;width:68%;padding-left: 2%;box-sizing: border-box;margin-bottom: 1rem;}




.id-main .news .n-main li .font h2{font-size: 1.3rem;width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.id-main .news .n-main li .font .p1{font-size: 1rem;line-height:1.4rem;color:#666;padding-top: 0.1rem}
.id-main .news .n-main li .font .p2{font-size: 1rem;color:#666;}
.id-main .news .n-main li .font .p2 a{float: right;text-decoration: underline;color:#666}
.id-main .news .n-main li .font .p2 a:hover{color:#35b5eb;}
@media screen and (max-width: 330px){
    .id-main .news .n-main li .font .p1{height:30px;overflow: hidden;}
}
@media screen and (max-width: 380px){
    .id-main .news .n-main li .font .p1{height:34px;overflow: hidden;}
}


.footer{background:#333;color:#e9e9e9;padding:1.5rem 0 1rem;}
.footer .ft-L{width: 100%;font-size: 1rem;text-align: center;padding-bottom: 1.5rem;font-size:1rem;}
.footer .ft-L p{font-size: 1rem;}
.footer .ft-R{width: 100%;text-align: center;padding-bottom: 1.5rem;}
.footer .ft-R .ma{display: inline-block;}
.footer .ft-R .ma img{width:65%;}
.footer .ft-R .ma  p{font-size: 0.8rem}
@media screen and (min-width: 769px){
    .footer .ft-L{width: 50%;font-size: 1rem;text-align: left;padding: 1.5rem 0;}
    .footer .ft-R{width: 50%;text-align: center;padding: 1.5rem 0;}
    .footer .ft-R .ma img{width:65%;}
    .footer .ft-L p{line-height: 2.3rem}
    .footer .ft-R .ma img{width:55%;margin:0 2rem;}
}


/*产品案例页*/
.rows .c-nav{background:#fff;padding:0 1rem;margin:0rem 0 1rem;}
.rows .c-nav ul li{float:left;padding:1.1rem 0.8rem;font-size:1.4rem;}
.rows .c-nav ul .this{border-bottom:2px solid #35b5eb;}
@media screen and (max-width: 330px){
    .rows .c-nav ul li{float:left;padding:1rem 0.5rem;font-size:1.3rem;}
    .rows .c-nav{margin-bottom: 0.3rem}
}
@media screen and (min-width: 600px){
    .rows .c-nav ul li{float:left;padding:1.4rem;font-size:1.2rem;}
}
@media screen and (min-width: 769px){
   .rows .c-nav{background:#fff;padding:0 1rem;margin:-2rem 0 1rem;}
}


.rows .num{text-align: center;padding: 1rem 0 2.5rem;}
.rows .num ul{font-size: 1rem}
.rows .num ul li{display:inline-block;width:1.8rem;height:1.8rem;text-align:center;border-radius:4px;background:#ddd;padding:3px;margin:0 0.3rem;}
.rows .num ul li img{height:100%;width:100%;}
.rows .num ul .now{color:#fff;background:#35b5eb;}


/*关于我们页面*/
.id-main .introduce{padding:1.5rem 0 1rem;background:#fff;}
.id-main .introduce .words{float: right;width:92%;font-size: 1rem;padding:0rem 4%;}
.id-main .introduce .words h3{text-align: center;font-size: 1.4rem;padding:0.5rem 0;}
.id-main .introduce .words p{text-indent: 2rem;padding-bottom: 0.5rem;color:#666;}
.id-main .introduce .pic{float:left;width:94%;padding:1rem 3%;}
.id-main .introduce .pic img{width: 100%;}
@media screen and (min-width: 769px){
    .id-main .introduce .words h3{text-align: center;font-size: 1.4rem;padding:0.9rem 0 0.5rem;}
    .id-main .introduce .words{float: right;width:59%;font-size: 0.8rem;padding:0 0 0 1%;}
    .id-main .introduce .words p{text-indent: 2rem;padding-bottom:0;color:#666;line-height: 1.35rem}
    .id-main .introduce .pic{float:left;width:38%;padding:1rem 0;}
}
.id-main .messages{background: #f7f7f7;border-radius: 8px;padding:1rem;width:90%;margin:0rem auto  2rem;box-sizing: border-box;font-size: 1rem;color:#666;}
.id-main .messages ul li{float: left;width:100%;padding-bottom: 1rem}
.id-main .messages ul li input{width:75%;height:2rem;box-sizing: border-box;padding-left: 0.5rem;border:none;}
.id-main .messages ul li textarea{width:75%;height:6rem;vertical-align: top;border:none;box-sizing: border-box;padding:0.5rem;}
.id-main .messages .submit{/*float: right;*/display:block;margin:0 auto;width:30%;padding:0.5rem 1rem;border-radius:3px;background:#35b5eb;color:#fff;font-size: 1rem;}
@media screen and (min-width: 769px){
    .id-main .messages{width:100%;padding:3rem 1rem;}
    .id-main .messages ul li{float: left;width:48%;padding:0 0 2rem 2%;}
    .id-main .messages ul .w100{width: 100%}
    .id-main .messages ul li textarea{width:87.5%;height:10rem;vertical-align: top;border:none;}
    .id-main .map-main{border:1px solid #eee;width:100%;padding:0.8rem;box-sizing: border-box;margin:0rem 0 3rem;}
}

@media screen and (max-width: 769px){
    
    .id-main .map-main{border:1px solid #eee;width:92%;padding:0.8rem;box-sizing: border-box;margin:0rem 4% 3rem;}
}
.id-main .map-main img{width:100%;}




/*人才招聘*/
.rows .info{background: url(../images/pbg.png) no-repeat;background-size:100% 100%;min-height:20rem;margin-bottom: 2rem;padding:4rem 0 ;}
@media screen and (max-width: 768px){
    .rows .info{width:96%;background: url(../images/pbg.png) no-repeat;background-size:100% 100%;min-height:20rem;margin:0 auto 2rem;padding:3.5rem 0 ;}
}
.rows .info .title{text-align: center;}
.rows .info .title h4{color:#35b5eb;font-size: 1.2rem;padding-bottom: 0.5rem;}
.rows .info .title p{color:#666;font-size: 1rem;}
.rows .info .demand{width:80%;margin:0 auto;}
.rows .info .demand p{padding-bottom: 0.5rem;color:#666;font-size: 1rem;}
.rows .info .demand h3{padding: 1rem 0 0.5rem;font-size: 1.2rem;}


/*子页广告图*/
.banner2{width:100%;background: #fff;}
.banner2 img{width:100%;}


/*新闻动态页*/
.id-main .news-detail{padding:1.5rem 0 1rem;background:#fff;}
.id-main .news-detail .head{border-bottom: 1px dashed #ccc;margin-bottom: 1rem;}
.id-main .news-detail .head h2{text-align:center;font-size: 1.6rem;padding:0.5rem 0 1rem;}
.id-main .news-detail .head .h-btm{text-align:center;padding-bottom: 0.5rem;color:#666;font-size:0.8rem;}
.id-main .news-detail .head .h-btm .box1{display:inline-block;padding:0 1rem 0.5rem;}
.id-main .news-detail .head .h-btm .box1 .icon{margin-bottom: -3px;padding-right: 0.1rem}
.id-main .news-detail .words{text-align:center;width:92%;font-size: 1rem;padding:0rem 4%;}
.id-main .news-detail .words p{text-align:left;text-indent: 2rem;padding-bottom: 0.5rem;color:#666;}
.id-main .news-detail .words img{display:inline-block;width: 100%;max-width: 560px;padding:1rem 0;}
@media screen and (min-width: 769px){
    .id-main .news-detail .words p{line-height:2rem;}
    .id-main .news-detail .words{text-align:center;width:92%;font-size: 1rem;padding:1rem 4% 0;}
}
.id-main .news-detail .words h3{text-align: left;font-weight: bold;padding:1rem 0;}
.id-main .news-detail .n-btm{border-top:1px dashed #ccc;padding:1rem 0 1rem;font-size:1rem;color:#666;margin-top: 2rem;}
.id-main .news-detail .n-btm a{color:#666;}
.id-main .news-detail .n-btm a:hover{color:#ccc;}
.id-main .news-detail .n-btm a:last-child{float:right;}
@media screen and (max-width: 769px){
    .id-main .news-detail .n-btm{width:96%;margin:0 auto;margin-top: 2rem;}
    .id-main .news-detail .head{width:96%;margin:0 auto;}
}

/*二维码框*/
.id-main .rows .case-main li .erwei-ma{position:absolute;top:0;left:7.5%;width:85%;height:100%;z-index: 1;opacity:0;transition: opacity 0.3s ease 0s;background:rgba(0,0,0,0.3);}
.id-main .rows .case-main li:hover .erwei-ma{opacity:1;}
.id-main .rows .case-main li .erwei-ma>div{background:#fff;width:50%;height:55%;margin:0 auto;text-align: center;margin-top: 15%;padding:1.5% 0 0;box-shadow:0.7px 0.7px 15px #ccc;}
.id-main .rows .case-main li .erwei-ma>div img{display:inline-block;width:85%;height:75%;box-shadow:none;}
.id-main .rows .case-main li .erwei-ma>div p{display:block;font-size: 0.8rem;border-top: 1px solid #ccc;padding:0;}
@media screen and (max-width: 500px){
    .id-main .rows .case-main li .erwei-ma>div img{width:85%;height:71%;box-shadow:none;}
}
@media screen and (max-width: 400px){
    .id-main .rows .case-main li .erwei-ma>div{width:50%;height:50%;}
    .id-main .rows .case-main li .erwei-ma>div img{width:85%;height:70%;box-shadow:none;}
}
@media screen and (max-width: 350px){
    .id-main .rows .case-main li .erwei-ma>div{width:50%;height:48%;}
    .id-main .rows .case-main li .erwei-ma>div img{width:85%;height:67%;box-shadow:none;}
}