@charset "utf-8";
/* CSS Document */
.ins-bn01{width:100%; height:80px;}
.bg-news{background:url(../images/bg-news.jpg) center top repeat-x;}
.bg-about{background:url(../images/bg-about.jpg) center top repeat-x;}
.bg-case{background:url(../images/bg-case.jpg) center top repeat-x;}


.ins-w{width:100%; height:auto; overflow:hidden; padding-bottom:20px;}
.ins-n{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.ins-all{width:100%; height:auto; margin:30px auto 0; overflow:hidden;}
.ins-n890{width:890px;  height:auto; overflow:hidden; min-height:300px;}

.ins-menu{height:40px; width:100%; border-bottom: 1px solid #e5e5e5; margin-top:24px;}
.ins-tabs{width:50%; height:40px; float:left;}
.ins-tabs li{ width:108px; height:40px; line-height:40px; text-align:center; color:#313131; font-size:18px; background:#e5e5e5; float:left; margin-right:3px;}
.ins-tabs li a{color:#313131;} 
.ins-tabs .active{color:#fff; border-bottom: 1px solid #e60011; background:#e60011;}
.ins-tabs .active a{color:#fff;}
.ins-mbx{width:50%; height:40px; float:right; line-height:40px; font-size:14px; color:#e60011; text-align:right;}
.ins-mbx a{color:#313131;}
.ins-mbx a:hover{color:#e60011;}
.ins-mbx span{color:#313131; padding:0 10px;}
.ins-txt{width:100%; height:auto; min-height:400px; color:#666; line-height:28px; font-size:16px; padding-bottom:20px;}
.ins-txt img{max-width:100%; height:auto;}

/* 新闻资讯 */
.ins-photonews{width:100%; height:auto; margin-top:36px; padding-bottom:36px; overflow:hidden; border-bottom: 1px dashed #e5e5e5;}
.ins-photonews ul{margin-left:-2.3%; clear:both;}
.ins-photonews li{width:31%; height:auto; overflow:hidden; margin-left:2.3%; float:left; display:inline-block;}
.ipnews-photo{width:100%; height:auto; max-height:270px; overflow:hidden;}
.ipnews-photo img{width:100%; height:auto;}
.ins-photonews h1{width:100%; height:auto; max-height:48px; line-height:24px; font-size:16px; color:#222; overflow:hidden; margin-top:16px;}
.ins-photonews h2{width:100%; height:30px; line-height:30px; font-size:14px; color:#999; overflow:hidden;}
.ins-photonews .ipnews-txt{width:100%; height:66px; line-height:22px; font-size:14px; color:#888; overflow:hidden; display:none;}
.ins-photonews li:hover h1{color:#e60011;}

.ins-txtnews{width:100%; height:auto; min-height:400px;}
.ins-txtnews li{width:100%; height:auto; padding:40px 0; border-bottom: 1px dashed #e5e5e5; overflow:hidden;}
.ins-txtnews-l{width:10%; height:74px; float:left; text-align:center;}
.ins-txtnews-l h1{width:100%; height:44px; color:#e60011; font-size:3.5em; line-height:44px;}
.ins-txtnews-l h2{width:100%; height:30px; color:#313131; font-size:1.3em; line-height:30px; font-weight:normal;}
.ins-txtnews-r{width:90%; height:auto; float:right;}
.ins-txtnews-r h1{width:100%; height:34px; color:#313131; font-size:1.4em; line-height:34px; overflow:hidden; font-weight: bold;}
.ins-txtnews li:hover h1{color:#e60011;}
.ins-txtnews-r h2{width:100%; height:auto; max-height:48px; color:#888; font-size:15px; line-height:24px; font-weight:normal; overflow:hidden;}

.ins-news{width:100%; height:auto; margin:0 auto; overflow:hidden;}
.ins-news-l{width:890px; height:auto; min-height:300px; float:left;}
.ins-news-title{width:100%; height:auto; overflow:hidden;}
.ins-news-title h1{width:100%; height:auto; line-height:30px; font-size:24px; color:#313131; margin-top:30px;}
.ins-news-title h2{width:100%; height:50px; line-height:50px; font-size:14px; color:#888;}
.ins-news-txt{width:100%; height:auto; min-height:200px; margin-top:24px; color:#333; line-height:28px; font-size:16px; padding-bottom:30px;}
.ins-news-txt img{max-width:100%; height:auto;}
.ins-news-r{width:270px; height:auto; max-height:500px; overflow:hidden; float:right;}
.ins-news-r dt{width:100%; height:auto; line-height:30px; font-size:18px; color:#313131; margin-top:30px; border-bottom: 1px solid #e5e5e5;}
.ins-news-r dd{width:100%; height:auto; line-height:22px; font-size:14px; color:#313131; padding:20px 0; border-bottom: 1px dashed #e5e5e5;}
.ins-news-r dd span{width:100%; display:block; height:24px; line-height:24px; color:#888; font-size:12px;}
.ins-news-r dd a{color:#313131;}
.ins-news-r dd a:hover{color:#e60011;}

.bdsharebuttonbox .bds_weixin{background-image: url("../images/weixin.png");background-position: 0 !important;}
.bdsharebuttonbox .bds_tsina{background-image: url("../images/sina.png");background-position: 0 !important;}
.bdsharebuttonbox .bds_sqq{background-image: url("../images/qq.png");background-position: 0 !important;}
/* 关于我们 */
.ins-about-l{width:100%; height:auto; min-height:300px; float:left;}
.ser-l{width:850px;}
.ins-about-r{width:300px; height:auto; overflow:hidden; float:right;}
.ins-about-r .about-ad{width:100%; height:auto; margin-bottom:10px;}
.ins-about-r .about-ad img{max-width:100%; height:auto;}
.ebook{width:100%; height:auto; overflow:hidden; margin-top:50px;}
.ebook-img{border:4px solid #ccc; width:80%; height:auto; box-sizing:border-box; margin:0 auto;}
.ebook-tt{width:100%; height:30px; line-height:30px; font-size:24px; margin-bottom:20px; padding-left:30px; text-align:left; background:url(../images/jt.png) no-repeat 130px center;}
.ebook-img img{max-width:100%; height:auto;}
.ebook-txt{width:100%; height:40px; margin-top:20px; font-size:16px;}
.ebook-txt span{display:block; width:100px; height:40px; color:#fff; background:#555; border-radius:20px; line-height:40px; text-align:center; margin:0 auto;}
.ebook a:hover .ebook-txt span{background:#e60011; color:#fff;}

/* 项目案例 */
.ins-case-tt{width:100%; height:auto; padding:30px 0 0; color:#333; font-size:16px; overflow:hidden;}
.ins-case-tt .t-sec{width:170px; height:40px; padding: 0 10px; line-height: 40px; border:#ccc 1px solid; font-size:14px; margin-right: 15px; float:left;}
.ins-case-tt .t-text{width:170px; height:40px; padding: 0 10px; line-height: 40px; border:#ccc 1px solid; font-size:14px; margin-right: 15px; float:left;}
.ins-case-tt .t-btn{width:80px; height:40px; padding: 0 10px; line-height: 40px; border:#ccc 1px solid; font-size:14px; margin-right:15px; float:left; cursor:pointer;}
.ins-case-tt button:hover{background:#e60011; color:#fff;  border:#e60011 1px solid;}
.case-cat{width:100%; height:auto; margin:30px 0 40px;}
.case-cat ul{clear:both; margin-left:-60px;}
.case-cat li{width:360px; height:458px; float:left; margin-left:60px; overflow:hidden; border:2px solid #e5e5e5; border-radius:20px; background:#f8f8f8; transition: all 0.3s;}
.case-cat li:nth-child(1){margin-bottom:60px;}
.case-cat li:nth-child(2){margin-bottom:60px;}
.case-cat li:nth-child(3){margin-bottom:60px;}
.case-cat .img{width:75%; height:200px; margin:30px auto 0; border-radius:100px; overflow:hidden;}
.case-cat .img img{width:100%; height:auto;}
.case-cat h1{width:100%; height:60px; line-height:60px; color:#313131; text-align:center;}
.case-cat .cat-txt{width:80%; height:auto; min-height:120px; font-size:14px; line-height:30px; padding-top:30px; border-top:1px solid #e5e5e5; margin:0 auto 20px; overflow:hidden;}
.case-cat .cat-txt span{padding:0 10px; margin-right:10px; margin-bottom:10px; border:1px solid #e5e5e5; color:#666; display:block; border-radius:15px; float:left; background:#fff;}
.case-cat .cat-btn{ width:150px; height:40px; line-height:40px; color:#fff; border-radius:25px; background:#e60011; text-align:center; margin:0 auto; font-size:16px;}
.case-cat .cat-btn a{color:#fff; display:block;}
.case-cat li:hover{transform: translateY(-20px);}

.case-list{width:100%; height:auto; overflow:hidden;}
.case-list ul{ clear:both; margin-left:-26px;}
.case-list li{width:280px; height:250px; margin-left:26px; float:left; margin-bottom:26px;}
.case-list li .case-img{width:100%; height:210px; margin:0 auto;}
.case-list li .case-tt{width:100%; height:40px; line-height:40px; font-size:16px; color:#333; background:#e5e5e5; text-align:center;}
.case-list li:hover .case-tt{color:#fff; background:#e60011;}

.case-brand{width:100%; height:auto; margin:30px auto;}
.case-brand ul{ clear:both; margin-left:-20px;}
.case-brand li{width:130px; height:130px; text-align:center; background: #fff; overflow:hidden; margin-left:22px; float:left; margin-bottom:20px; border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,.4); box-sizing:border-box;}
.case-brand li img{width:130px; height:130px;}	


/* 人才招募 */
.ins-job{width:100%; height:auto; min-height:300px;}
.job-title{width:100%; height:40px;}
.job-title li{width:25%; height:50px; line-height:50px; background:#f1f1f1; float:left; text-align:center; font-size:16px; font-weight:bold; color:#313131;}
.job-list{width:100%; height:auto; min-height:300px; clear:both;}
.job-list li{width:100%; height:50px; line-height:50px; font-size:14px; border-bottom:1px dashed #e5e5e5;}
.job-list li span{width:25%; height:50px; line-height:50px; text-align:center; color:#888; display:block; float:left;}
.job-list li:hover span{color:#e60011;}
.job-xx-tt{width:100%; height:auto; overflow:hidden;}
.job-xx-tt h1{width:100%; height:40px; line-height:40px; font-size:24px; color:#313131;}
.job-xx-tt h2{width:100%; height:30px; line-height:30px; font-size:14px; color:#888;}
.job-xx-tt h2 span{color:#313131; font-weight:bold;}
.job-xx-tt h3{width:100%; height:30px; line-height:30px; font-size:14px; color:#313131; font-weight:bold;}

.menu-tphoto{width:100%; height:auto; overflow:hidden; text-align:center; padding-top:30px;}
.menu-tphoto a{padding:4px 15px; display:inline-block; background:#fff; color:#333; line-height:24px; font-size:16px; overflow:hidden; border:1px solid #e1e1e1; margin:0 10px}
.menu-tphoto a:hover{color:#e60011;  border:1px solid #e60011;}
.menu-tphoto .active{color:#e60011; border:1px solid #e60011;}

.t-photo-list{width:100%; height:auto; margin-top:36px; overflow:hidden;}
.t-photo-list ul{margin-left:-2.3%; clear:both;}
.t-photo-list li{width:31%; height:auto; overflow:hidden; margin-left:2.3%; float:left; display:inline-block; margin-bottom:36px;}
.t-photo{width:100%; height:auto; max-height:214px; overflow:hidden;}
.t-photo img{width:100%; height:auto;}
.t-photo-list h1{width:100%; height:auto; max-height:48px; line-height:24px; font-size:16px; color:#222; overflow:hidden; margin-top:16px;}
.t-photo-list i{font-size:18px; padding-right:5px;}
.t-photo-list h2{width:100%; height:30px; line-height:30px; font-size:14px; color:#999; overflow:hidden;}
.t-photo-list .ipnews-txt{width:100%; height:66px; line-height:22px; font-size:14px; color:#888; overflow:hidden; display:none;}
.t-photo-list li:hover h1{color:#e60011;}

.ins-video-l{width:100%; height:auto; min-height:200px; float:left;}
.ins-video-l .vdtit{width:100%; height:auto; line-height:30px; font-size:24px; color:#313131; margin-top:30px;}
.ins-video-l .vdtit i{padding-right:5px;}
.ins-video-l .vdimg{width:100%; height:auto; overflow:hidden; padding:20px 0;}
.ins-video-l .vdtxt{width:100%; height:auto; color:#333; line-height:28px; font-size:16px; padding-bottom:20px;}

.ins-contact{width:100%; height:auto; overflow:hidden; padding-bottom:20px;}
.ins-contact h1{width:100%; height:40px; line-height:40px; font-size:24px; color:#313131;}
.message-tt{width:100%; height:auto; overflow:hidden; padding:10px 20px; line-height:24px; color:#888; font-size:14px; margin-bottom:10px; border:1px dashed #e5e5e5;}
.ins-message{width:100%; height:auto; overflow:hidden; margin:30px auto;}
.ins-message dl{clear:both; margin-bottom:20px;}
.ins-message dt{width:20%; height:40px; line-height:40px; float:left; text-align:right; padding-right:10px; font-size:15px;}
.ins-message dd{width:80%; height:auto; float:right;}
.ins-message .t-text{width:200px; height:40px; padding: 0 10px; line-height:40px; border:#e5e5e5 1px solid; border-radius:5px; font-size:14px; margin-right: 15px; float:left;}
.ins-message .t-text2{width:100%; height:40px; padding: 0 10px; line-height:40px; border:#e5e5e5 1px solid; border-radius:5px; font-size:14px; margin-right: 15px; float:left;}
.ins-message .t-text3{width:100%; height:80px; padding: 0 10px; line-height:30px; border:#e5e5e5 1px solid; border-radius:5px; font-size:14px !important; margin-right: 15px; float:left; font-family:"微软雅黑";}
.ins-message .t-text4{width:120px; height:40px; padding: 0 10px; line-height:40px; border:#e5e5e5 1px solid; border-radius:5px; font-size:14px; margin-right: 15px; float:left;}
.ins-message-btn{width:100%; height:auto; text-align:center; padding-left:20%; margin-top:20px;}
.ins-message-btn .t-btn1{width:80px; height:40px; padding: 0 10px; line-height: 40px; border:none; font-size:14px; margin-right:15px; float:left; cursor:pointer; background:#e60011; color:#fff;}
.ins-message-btn .t-btn2{width:80px; height:40px; padding: 0 10px; line-height: 40px; border:#ccc 1px solid; font-size:14px; margin-right:15px; float:left; cursor:pointer;}

.team-list{width:100%; height:auto; margin-top:36px; overflow:hidden;}
.team-list ul{margin-left:-2%; clear:both;}
.team-list li{width:31%; height:auto; overflow:hidden; margin-left:2%; float:left; display:inline-block; margin-bottom:36px;}
.team-img{width:180px; height:180px; overflow:hidden; border-radius:200px; margin:0 auto;}
.team-img img{width:100%; height:auto;}
.team-list h1{width:100%; height:30px; line-height:30px; font-size:16px; color:#222; overflow:hidden; margin-top:16px; text-align:center;}
.team-list h2{width:100%; height:24px; line-height:24px; font-size:14px; color:#666; overflow:hidden; text-align:center; margin-bottom:10px;}
.team-txt{width:100%; height:auto; max-height:88px; line-height:22px; font-size:14px; color:#999; overflow-y:auto;}

.ins-map{width:100%; height:auto; overflow:hidden;}
.ins-map dl{width:40%; height:auto; overflow:hidden; float:left; padding-bottom:20px; border-bottom:1px dashed #e5e5e5; margin-bottom:20px; margin-right:10%}
.ins-map dt{width:100%; height:40px; font-size:16px; line-height:40px; color:#e60011; background:url(../images/jt.png) 70px center no-repeat; background-size:10px;}
.ins-map dd{width:33%; height:30px; font-size:14px; line-height:30px; color:#313131; float:left;}
.ins-map dd a{color:#666;}
.ins-map dd a:hover{color:#e60011;}

.sreach-list{width:100%; height:auto; overflow:hidden;}
.sreach-list li{width:100%; height:auto; overflow:hidden; line-height:24px; border-bottom:1px solid #e5e5e5; padding:10px 0 10px 10px; background:url(../images/foot-bg.jpg) left center no-repeat;}
.sreach-tt{width:80%; height:auto; font-size:14px; color:#313131; float:left;}
.sreach-xx{width:20%; height:auto; font-size:14px; color:#888; float:right; text-align:right;}
.sreach-list a:hover .sreach-tt{color:#e60011;}


@media only screen and (max-width:640px){
.ins-w{padding-bottom:10px;}
.ins-bn01{width:100%; height:40px;}	
.bg-news{background:url(../images/bg-news.jpg) 30% top repeat-x; background-size:cover;}
.ins-n{width:94%;}
.ins-menu{height:auto;}
.ins-all{width:100%; height:auto; margin:10px auto 0; overflow:hidden;}
.ins-tabs{width:100%; height:auto; float:left; border-bottom: 1px solid #e5e5e5;}
.ins-tabs li{width:30%; margin-top:3px; font-size:16px;}
.ins-mbx{width:100%; height:40px; text-align:left; font-size:12px; text-indent:20px;}
.ins-txt{color:#666; line-height:24px; font-size:14px; padding-bottom:10px; min-height:300px;}
.ins-n890{width:100%;}

.ins-video-l{width:100%; height:auto; min-height:200px; float:left;}
.ins-video-l .vdtit{width:100%; height:auto; line-height:30px; font-size:1.4em; margin-top:20px;}
.ins-video-l .vdtxt{color:#666; line-height:24px; font-size:14px; padding-bottom:10px;}


.ins-photonews{margin-top:20px; padding-bottom:0px;}
.ins-photonews ul{margin-left:0; clear:both;}
.ins-photonews li{width:100%; margin-left:0; margin-bottom:20px;}
.ins-photonews h1{margin-top:5px; font-size:1.2em;}
.ins-photonews .ipnews-txt{ display:none;}

.ins-txtnews li{padding:20px 0;}
.ins-txtnews-l{width:25%; height:74px; float:left; text-align:center;}
.ins-txtnews-l h1{height:40px; font-size:3.0em; line-height:40px;}
.ins-txtnews-l h2{width:100%; height:30px; color:#313131; font-size:1.1em; line-height:30px; font-weight:normal;}
.ins-txtnews-r{width:75%;}
.ins-txtnews-r h1{height:auto; font-size:1.2em; line-height:22px; overflow:hidden;}
.ins-txtnews-r h2{max-height:40px; font-size:12px; line-height:20px;}
.ins-news-l{width:100%; min-height:300px; float:none;}
.ins-news-title h1{width:100%; height:auto; line-height:24px; font-size:18px; color:#313131; margin-top:20px;}
.ins-news-title h2{width:100%; height:30px; line-height:30px; font-size:14px; color:#888;}
.ins-news-txt{margin-top:10px; color:#333; line-height:28px; font-size:15px; padding-bottom:30px;}

.ins-news-r{ display:none;}

.ins-about-l{width:100%; height:auto; min-height:300px; float:none;}
.ser-l{width:100%;}
.ins-about-r{width:100%; height:auto; overflow:hidden; float:none;}
.ebook{margin-top:10px; margin-bottom:40px;}
.ebook-img{border:3px solid #ccc; width:70%;}
.ebook-txt{height:34px; margin-top:20px; font-size:14px;}
.ebook-txt span{width:90px; height:34px; line-height:34px; margin:0 auto;}
.ebook-tt{width:100%; height:24px; line-height:24px; font-size:18px; margin-bottom:10px; padding-left:15%; background:url(../images/jt.png) no-repeat 130px center;}


.ins-case-tt{padding-top:10px; color:#333; font-size:14px; line-height:22px;}
.ins-case-tt .t-sec{display: block; width: 100%; margin-bottom: 20px;}
.ins-case-tt .t-text{display: block; width: 100%; margin-bottom: 20px;}
.ins-case-tt .t-btn{display: block; width: 100%; margin-bottom: 20px;}
.case-cat{margin:20px 0 0;}
.case-cat ul{clear:both; margin-left:0px;}
.case-cat li{width:94%; height:auto; margin:0px auto; overflow:hidden; border:2px solid #e5e5e5; border-radius:20px; margin-bottom:20px; padding-bottom:30px; float:none;}
.case-cat li:nth-child(1){margin-bottom:20px;}
.case-cat li:nth-child(2){margin-bottom:20px;}
.case-cat li:nth-child(3){margin-bottom:20px;}
.case-cat .img{width:70%; height:auto; margin:30px auto 0; border-radius:100px; overflow:hidden;}
.case-cat .img img{width:100%; height:auto;}
.case-cat h1{width:100%; height:60px; line-height:60px; color:#313131; text-align:center;}
.case-cat .cat-txt{width:90%; padding-top:20px; margin:0 auto 10px; min-height:60px;}
.case-cat .cat-btn{ width:100px; height:34px; line-height:34px; font-size:14px;}
.case-list ul{ clear:both; margin-left:-3%;}
.case-list li{width:47%; height:auto; margin-left:3%; float:left; margin-bottom:15px;}
.case-list li .case-img{width:100%; height:auto; margin:0 auto;}
.case-list li .case-tt{width:100%; height:40px; line-height:40px; font-size:14px; overflow:hidden;}
.case-brand{min-height:200px; margin:30px auto 20px;}
.case-brand ul{ margin-left:-2%;}
.case-brand li{width:30%; height:auto; margin-left:3%; float:left; margin-bottom:15px; display:inline-block;}
.case-brand li img{width:100%; height:auto; display:block;}	


.job-title li{width:25%; height:50px; line-height:50px; background:#f1f1f1; float:left; text-align:center; font-size:14px; font-weight:bold; color:#313131;}
.job-list li{width:100%; height:50px; line-height:50px; font-size:12px; border-bottom:1px dashed #e5e5e5;}
.t-photo-list{margin-top:20px; padding-bottom:0px;}
.t-photo-list ul{margin-left:0; clear:both;}
.t-photo-list li{width:100%; margin-left:0; margin-bottom:20px;}
.t-photo-list h1{margin-top:5px; font-size:1.2em;}
.t-photo-list i{font-size:1.4em;}
.t-photo{max-height:270px;}
.menu-tphoto{padding-top:20px;}
.menu-tphoto a{padding:3px 10px; font-size:15px; margin:0 5px}


.team-list{margin-top:36px;}
.team-list ul{margin-left:-2%;}
.team-list li{width:48%; margin-left:2%; margin-bottom:36px;}
.team-img{width:100px; height:100px;}
.team-list h1{height:30px; line-height:30px; font-size:16px; margin-top:16px;}
.team-list h2{height:24px; line-height:24px; font-size:14px; margin-bottom:10px;}
.team-txt{width:85%; margin:0 auto;max-height:72px; line-height:18px; font-size:12px; color:#999; overflow-y:auto; text-align:justify; text-indent:24px;}


.ins-contact{padding-bottom:10px;}
.ins-contact h1{height:30px; line-height:30px; font-size:18px;}
.ins-message{width:100%; height:auto; overflow:hidden; margin:10px auto;}
.ins-message dl{clear:both; margin-bottom:10px;}
.ins-message dt{width:100%; height:30px; line-height:30px; float:left; text-align:left; padding-right:10px; font-size:14px;}
.ins-message dd{width:100%; height:auto; float:right;}
.ins-message .t-text{width:100%; height:40px; padding: 0 10px; line-height:40px; border:#ccc 1px solid; font-size:14px; margin-right: 15px; float:left;}


.ins-map dl{width:100%; float:none; padding-bottom:10px; margin-bottom:10px; margin-right:0;}
.ins-map dt{height:30px; font-size:16px; line-height:30px;}

.sreach-list{width:100%; height:auto; overflow:hidden;}
.sreach-list li{width:100%; height:auto; border-bottom:1px solid #e5e5e5;}
.sreach-tt{width:100%; height:auto; line-height:22px; font-size:14px; color:#313131; float:left;}
.sreach-xx{width:100%; height:30px; font-size:14px; color:#888; float:right; text-align:left;}
.sreach-list a:hover .sreach-tt{color:#e60011;}

}