@charset "UTF-8";

/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }
body { font-size: 14px; font-family: "Microsoft YaHei", "Arial", Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff; }
li, ol { list-style: none; }
ins { text-decoration: none; }
i, em { font-style: normal; }
a { text-decoration: none; font-family: "Microsoft YaHei"; }
a:hover { cursor: pointer; text-decoration: none; }
:focus { outline: 0; }
.clear { clear: both; line-height: 0px; overflow: hidden; zoom: 1; font-size: 0px; content: '.'; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
img { padding: 0; margin: 0; }
a img { border: none; }
input, textarea { border: none; font-family: "Microsoft YaHei"; font-size: 13px; }
.fl { float: left; }
.fr { float: right; }
/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:750px; margin:0 auto; overflow:hidden; position:relative; background:#fff; font-family: "Microsoft YaHei"; } 
.wrap img{width: 100%;display: block;}

/*广告*/
.banner { position: relative; z-index: 3; width: 100%; overflow: hidden; }
.banner.swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 1.5rem;}
.banner .swiper-pagination-bullet { background: #888; width: .8rem; opacity: 1; height: .8rem; margin: 0 .4rem !important; }
.banner .swiper-pagination-bullet-active { border-radius: 0.4rem; opacity: 1; background: #fff; }

/*引子*/
.g-yinz{background: #f3f3f3;padding: 3.5rem 0;}
.yinz_bt{display: block;width: 100%;text-align: center;font-size: 1.2rem;color: #666;height: 4.5rem;padding-top: 2rem;line-height: 2rem;background: url(../images/yinz_tbg.png) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.yinz_bt b{display: block;font-size: 2.1rem;color: #333;padding-bottom: 0.5rem;}
.yinz_m{width: 71.2%;margin: 0 auto;padding: 1.5rem 0 2.5rem;border-radius: 1rem;height:15rem;}
.yinz_m img{border-radius: 1rem;}
.g-yinz ul li{width: 25%;float: left;text-align: center;}
.g-yinz ul li em{width: 3.4rem;height: 3.4rem;display: block;margin: 0 auto;background: #172a88;line-height: 0;border-radius: 50%;border: #c7cbde 0.3rem solid;}
.g-yinz ul li em img{width: 3.4rem;height: 3.4rem;}
.g-yinz ul li span{display: block;font-size: 1rem;color: #666;line-height: 1.6rem;padding: 0.6rem 0 0;}
.g-yinz ul li i{display: block;}

/**/
.g-cp{padding: 3.5rem 0;width: 92%;margin: 0 auto;}
.m-tit{display: block;width: 100%;text-align: center;font-size: 1.2rem;color: #666;height: 5rem;line-height: 2rem;overflow: hidden;}
.m-tit b{display: block;font-size: 2.1rem;color: #333;padding-bottom: 0.6rem;}
.cp_t{width: 100%;padding: 1.5rem 0 0;height: 7.8rem;}
.cp_t ul li{width: 20.8%;float: left;height: 2.3rem;border: #f2f2f2 2px solid;border-radius: 2rem;margin-bottom: 1rem;margin-right: 4.2%;}
.cp_t ul li a{display: block;width: 100%;font-size: 1.1rem;color: #333;text-align: center;height: 2.3rem;line-height: 2.3rem;overflow: hidden;}
.cp_t ul li:nth-child(4n){margin-right: 0;}
.cp_t ul li:first-child{background: #172a88;border: #172a88 2px solid;}
.cp_t ul li:first-child a{color: #fff;}
.cp_pic{display: block;width: 100%;line-height: 0;border-radius: 0.5rem;}
.cp_pic img{border-radius: 0.5rem;}
.cp_list{width: 100%;padding: 1.8rem 0 0;}
.cp_list ul li{width: 47.1%;float: left;line-height: 0;position: relative;border-radius: 0.5rem;margin-left: 5.8%;}
.cp_list ul li img{border-radius: 0.5rem;}
.cp_list ul li span{display: block;font-size: 1rem;color: #333;width: 100%;text-align: center;height: 2.5rem;line-height: 2rem;position: absolute;bottom: 0;left: 0;border-bottom: #172a88 0.2rem solid;border-radius: 0 0 0.25rem 0.25rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_list ul li:first-child{margin-left: 0;}

/*产品分类*/
.fenl{background: #f2f2f2;margin-top: 2rem;border-radius: 0.4rem;width: 100%;padding: 1.5rem 0;}
.fenl_tit{position: relative;width: 100%;text-align: center;height: 2rem;line-height: 2rem;font-size: 1.3rem;color: #333;display: block;font-weight: bold;margin-bottom: 0.5rem;}
.fenl_tit:before{content: "";width: 1rem;height: 0.15rem;background: #172a88;position: absolute;top: 1rem;left: 30%;}
.fenl_tit:after{content: "";width: 1rem;height: 0.15rem;background: #172a88;position: absolute;top: 1rem;right: 30%;}
.fenl ul{width: 95%;margin: 0 auto;}
.fenl ul li{height: 3.3rem;overflow: hidden;float: left;width: 33.33%;position: relative;border-bottom: #d9d9d9 1px dashed;}
.fenl ul li:before{content: "";width: 0.5rem;height: 0.5rem;background: #d9d9d9;position: absolute;top: 1.4rem;left: 0;border-radius: 50%;}
.fenl ul li a{font-size: 1rem;color: #666;display: block;width: 90%;height: 3.3rem;line-height: 3.3rem;padding: 0 0 0 10%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fenl ul li:nth-child(7),.fenl ul li:nth-child(8),.fenl ul li:nth-child(9){border-bottom: none;}

/*研发赢领*/
.g-six{ width:100%; height:38.8rem;position: relative; overflow:hidden; padding:2.5rem 0 0;background: url(../images/six_bg.jpg) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-six .m-tit,.g-six .m-tit b{color: #fff;}
.g-six .m-cnt{padding: 1.5rem 0 0;width: 100%;height: 22rem;}
.g-six .m-cnt li{width: 25%;height: 7rem;float: left;border: #fff 1px solid;border-radius: 0.5rem;padding: 1.2rem 0 0 3%;margin: 0 0 1.5rem 4%;cursor: pointer;}
.g-six .m-cnt li em{width: 2.5rem;height: 2.25rem;display: block;line-height: 0;overflow: hidden;}
.g-six .m-cnt li em img{width: 2.5rem;height: 4.5rem;-webkit-transition:all .5s;transition:all .5s;}
.g-six .m-cnt li span{display: block;font-size: 0.9rem;color: #fff;line-height: 1.6rem;padding: 0.5rem 0 0;}
.g-six .m-cnt li b{display: block;font-size: 1.1rem;}
.g-six .m-cnt li.z-on{background: #172a88;}
.g-six .m-cnt li.z-on em img{margin-top: -2.25rem;}
.g-six .m-box .con{ display:inline; float:left;}
.g-six p{font-size: 1.2rem;color: #333;text-align: center;line-height: 2rem;height: 4rem;overflow: hidden;}
.g-six p span{display: block;}
.six_tel{display: block;font-size: 1.1rem;color: #fff;height: 2.9rem;line-height: 2.9rem;width: 39%;position: absolute;bottom: 0;right: 0;}

/*聚焦服务*/
.g-fuw{ width:100%; height:39.3rem;position: relative; overflow:hidden; padding:4.5rem 0 0;background: url(../images/fuw_bg.jpg) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-fuw p{width: 92%;margin: 0 auto;font-size: 1rem;color: #333;line-height: 1.8rem;height: 7.2rem;overflow: hidden;text-align: center;padding: 1.5rem 0 0;margin-bottom: 1.5rem;}
.g-fuw ul li{width: 33.33%;float: left;text-align: center;position: relative;height: 9.5rem;}
.g-fuw ul li:before{content: "";width: 1px;height: 75%;background: #dcdbdb;position: absolute;top: 0.5rem;right: 0;}
.g-fuw ul li em{width: 4.7rem;height: 4.2rem;display: block;line-height: 0;margin: 0 auto;}
.g-fuw ul li em img{width: 4.7rem;height: 4.2rem;}
.g-fuw ul li span{display: block;font-size: 1.3rem;color: #333;padding: 0.5rem 0 0;}
.g-fuw ul li i{display: block;font-size: 0.8rem;color: #cecece;text-transform: uppercase;}
.g-fuw ul li:nth-child(3n):before{background: none;}

/**/
.four{width: 92%;height: 7.3rem;background: #fff;box-shadow: 0 3px 0.3rem 3px rgba(0,0,0,0.1);padding: 2.2rem 0 0;margin: -5rem auto 5rem;position: relative;z-index: 5;}
.ibrand-num li{float:left;height:6rem;color:#333;font-size:1rem;position: relative;width: 18%;padding-left: 5.5%;}
.ibrand-num li:before{content: "";width: 1px;height: 80%;background: #e5e5e5;position: absolute;top: 0.5rem;right: 0;}
.ibrand-num li span{font-size:2.3rem;font-family: "Impact";line-height: 2.3rem;padding-right: 5px;}
.ibrand-num li b{display:block;font-size: 0.9rem;font-weight: normal; padding:0.4rem 0 0;}
.ibrand-num li i{display: block;}
.ibrand-num li em{width: 1rem;height: 1rem;display: block;position: absolute;top: -3px;left: 3.8rem;}
.ibrand-num li em img{width: 1rem;height: 1rem;}
.ibrand-num li:last-child{width: 22%;}
.ibrand-num li:last-child:before{background: none;}
.ibrand-num li:last-child em{left: 3.3rem;}

/*案例*/
.g-case{width: 100%;padding-bottom: 2rem;}
.g-case .m-tit{margin-bottom: 1.5rem;}
.g-case dl{width: 44%;float: left;margin: 0 0 2rem 4%;}
.g-case dl dt{width: 100%;line-height: 0;position:relative;}
.g-case dl dt span{display: block;position: absolute;bottom: 0;left: 0;font-size: 0.8rem;color: #fff;width: 40%;text-align: center;height: 1.5rem;line-height: 1.5rem;overflow: hidden;background: #172a88;}
.g-case dl dd{width: 100%;padding: 1rem 0 0;}
.g-case dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}
.g-case dl dd h5 a{font-size: 1.2rem;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 100%;font-weight: normal;}
.g-case .case_desc{font-size: 1rem;color: #666;line-height: 1.6rem;height: 3.2rem;overflow: hidden;padding: 0.3rem 0 0;}
.g-case dl dd span{display: block;width: 36%;padding: 1rem 0 0;}
.g-case dl dd span a,.g-about dl dd span a{font-size: 0.9rem;color: #fff;display: block;width: 100%;text-align: center;height: 2rem;line-height: 2rem;background: #172a88;overflow: hidden;border-radius: 2rem;}

/*小广告*/
.g-ban01{display: block;width: 100%;line-height: 0;position: relative;}
.g-ban01 span{display: block;font-size: 1.2rem;color: #fff;height: 3rem;line-height: 3rem;position: absolute;bottom: 0;right: 0;width: 42.3%;}

/*走进集智*/
.g-about{width: 100%;padding: 3.5rem 0;}
.g-about dl{width: 100%;padding: 1.6rem 0 0;}
.g-about dl dt{width: 100%;line-height: 0;}
.g-about dl dd{width: 92%;padding: 1.5rem 0 0;margin: 0 auto;}
.g-about .ab_desc{font-size: 1rem;color: #333;line-height: 2rem;height: 10rem;overflow: hidden;}
.g-about dl dd span{display: block;width: 22%;padding: 1.5rem 0 0;margin: 0 auto;}

/**/

/**/
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width:320px){html{font-size:8.533px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}