﻿@import url('master.css');
@import url('headfoot.css');

.indexcon{margin:0 auto;width:1200px;overflow:hidden;}



/*查询*/

.headsearch { width:680px;margin:0 auto; margin-top:20px;height:50px;}
.headsearch .s_text { width: 580px; height: 33px; border: 1px solid #ccc; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right-width: 1px; border-right-style: solid; padding-left: 43px; line-height: 33px; color: #333; background: #fff url(../images/ser_bg.gif) no-repeat 11px 6px; float: left; }
.headsearch .s_sub { width: 42px; height: 35px; background: url(../images/ser_btn.gif) no-repeat; color: #fff; cursor: pointer; border: 0; float: left; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }


/*物联网优选解决方案*/
.project{margin-top:50px;}
.project .name{font-size:60px;text-align:center;height:60px;line-height:60px;}
.project .note { text-align: center; font-size: 16px; color: #6a6a6a; margin-top:20px;}
.project .note a { margin: 0 10px; color: #6a6a6a; }

.project .list{margin-top:30px;}
.project .list li{float:left;width:300px;}
.project .list li ._div{display:block;border:1px #dcdcdc solid;width:240px;padding:20px;border-radius:10px;}
.project .list li ._div:hover { border: 1px #01b997 solid; }
.project .list .titimg{display: block;width: 100%;font-size: 0;overflow: hidden}
.project .list .titimg img{width:240px;}
.project .list .tit{display:block;font-size:24px;text-align:center;height:60px;line-height:60px;}
.project .list .titlist a { display:block; color: #6a6a6a; height:40px;line-height:40px;font-size:14px;overflow:hidden;}
.project .list .titlist a:hover{color: #5178dd}
.project .list .titlist a i { color: #01b997 ;margin-right:8px;}


/*立即咨询*/
.contact{background:url(../images/contact_bg.png) center;height:600px;margin-top:20px;}
.contact .text{font-size:60px;line-height:100px;color:#fff;text-align:center;margin:60px 0;}
.contact .tact{}
.contact .tact a { display: block; background: #01b997 ;color:#fff;width:300px;margin:0 auto;text-align:center;font-size:40px;line-height:80px;border-radius:30px;}
.contact .tel { font-size: 50px; line-height: 100px; color: #fff; text-align: center; margin-top:30px; }


/*客户案例展示*/
.case { margin-top:30px;}
.case .casetop{width:1200px;margin:0 auto;text-align:center;}
.case .tit{font-size:50px;line-height:100px;}
.case .note { font-size: 20px; color: #6a6a6a; }
/* .case .notebg{margin-top:10px; text-align: center; } */
.case .notebg img{display: inline-block}
/**/
.g-yx { position: relative; height: 435px; background: #fff; padding-top: 120px; overflow: hidden; }
.g-yx .li2 { top: 37px; margin-left: -310px; z-index: 5 }
.g-yx .li3 { top: 64px; margin-left: 280px; }
.g-yx .li1 img, .g-yx .li3 img { display: block; width: 539px; height: 408px; }
.g-yx .li2 img { display: block; width: 614px; height: 462px; box-shadow: 0 10px 15px #999; }

/**/
.containerscoll { width: 100%; position: relative; text-align: center; }
/* Media Queries */
@media screen and (max-width: 767px) {
    .container > header { text-align: center; }
    p.codrops-demos { position: relative; top: auto; left: auto; }
}
.carousel { width: 1000px; height: 280px; margin: 0px auto; clear: both; /*overflow:hidden;*/ background-repeat: no-repeat; border-radius: 15px; }
.carousel img { visibility: hidden; /* hide images until carousel can handle them */ cursor: pointer; /* otherwise it's not as obvious items can be clicked */ box-shadow: 0 10px 15px #999; width: 614px; height: 462px; position: absolute; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.container { padding-bottom: 20px; }
.atitlesc { position: absolute; left: 255px; bottom: -66px; /*background:url("../images/alpha_b60.png") repeat scroll 0 0;*/ background: none; opacity: 0.6; filter: alpha(opacity=60); color: #222; padding: 5px; z-index: 9999; }
.carousel-center { }

.case .alink{font-size:20px;margin-top:10px;line-height:40px;text-align:center;}
.case .alink a{margin:0 10px;}
.case .more{margin-top:15px;}
.case .more a { display: block; background: #01b997; color: #fff; width: 200px; margin: 0 auto; text-align: center; font-size: 30px; line-height: 50px; border-radius: 10px; }



/*关于我们*/
.abouttop { width: 1200px; margin: 0 auto; text-align: center; margin-top:50px;}
.abouttop .tit { font-size: 50px; line-height: 100px; }
.abouttop .note { font-size: 20px; color: #6a6a6a; }
.abouttop .notebg { margin-top: 10px; text-align: center}
.abouttop .notebg img{display: inline-block}

.about { position: relative;display: block;width: 100%; margin-top: 30px; overflow: hidden}
.about img{width: 100%}
.about .text { font-size: 40px; line-height: 60px; color: #fff; width:520px;float:right;padding:40px; }
.about .text a{color:#fff;}


.server { margin-top:20px;}
.servertop{text-align:center;}
.server .tit { font-size: 50px; line-height: 100px; }
.server .note { font-size: 20px; color: #6a6a6a; }
.server .notebg { margin-top: 10px; }

.server .list{margin-top:20px;}
.server .list li{float:left;width:320px;margin:18px;border:1px #dcdcdc solid;border-radius:10px;background:#f5f5f5;text-align:center;padding:20px;}
.server .list .li_img { padding: 10px; }
.server .list .li_img img { width: 130px; height: 130px; }

.server .list .li_name { text-align: center; font-size: 20px; height: 80px; line-height: 80px; color: #01b997; }
.server .list .li_text { text-align: center; color: #696969; font-size: 15px; height:90px;overflow:hidden; line-height: 30px; margin-bottom: 10px; }

.server .list .li_more { text-align: center; background: #01b899; color: #fff; font-size: 16px; line-height:30px;  border-radius: 10px; padding: 5px; width: 180px; margin: 30px auto; }
.server .list .li_more a{color:#fff;}

.server .list .li_more_l { width: 260px; margin: 10px auto; }
.server .list .li_more_l a { text-align: center; background: #01b899; color: #fff; font-size: 16px; line-height: 25px; border-radius: 5px; padding: 5px;display:block;width:100px;float:left;margin-right:20px;margin-bottom:10px;}

.news{margin-top:20px;}
.newstop { text-align: center; }
.news .tit { font-size: 50px; line-height: 100px; }
.news .note { font-size: 20px; color: #6a6a6a; }
.news .notebg { margin-top: 10px; }

.news .list { margin-top: 30px; }
.news .list li { float: left; width: 400px; }
.news .list .tit { font-size: 24px; text-align: center; height: 60px; line-height: 60px; }

.news .list li .con { display: block; border: 1px #dcdcdc solid; width: 380px; margin-top:10px;}
.news .list li .hot img { width: 380px; height:260px;}
.news .list li .hot strong{width:380px;overflow:hidden;display:block;margin-top:15px;padding:0 10px;font-size:16px;}
.news .list li .hot span.date{width:380px;overflow:hidden;display:block;padding:10px;font-size:12px;}
.news .list .titlist{padding:10px;}
.news .list .titlist p { color: #6a6a6a; height: 30px; line-height: 30px; font-size: 12px; overflow: hidden; }
.news .list .titlist p i { color: #01b997; margin-right: 8px; }
.news .list .more { margin: 10px 10px 20px 10px; background: #01b997 ;color:#fff;text-align:center;line-height:30px;border-radius:5px;}
.news .list .more a{color:#fff;}



/*友情链接 width: 80px; */
.link { margin-top: 30px;}
.link .tit{font-size:18px;font-weight:bold;}
.link .list{margin-top:10px;}
.link .list a{margin-right:10px;}






