.banner,.telbanner{width: 100%;overflow: hidden;max-height:270px;}
.banner img,.telbanner img{width: 100%; display: block;}
.telbanner{ display: none; }
.subnav{width: 100%;height: 45px;background: #f2f2f2; line-height: 45px; color: #1a1a1a;font-size: 14px; }
.subnav .navs{float: left; width: 69.5%; height: 45px; }
.subnav .navs a{display:block;float: left; padding: 0 2%; color: #1a1a1a;}
.subnav .navs a:hover,.subnav .navs a.on{background: #fff; color: #014167;}
/*
.subnav .navs a:hover{background: #fff; color: #014167;}
.subnav .navs a .on{background: #fff; color: #014167;}
*/
.place{float: right;width: 30.5%; text-align: right;}
.marketing{ overflow: hidden;margin-top: 35px; width: 100%;}
.marketing .lefttext{ float: left; width: 50%; color: #212121;font-size: 15px;line-height: 2.3333; }
.marketing .lefttext h2{font-size: 24px;font-weight: bold;line-height: 1;margin: 25px 0 15px;text-align: left;}
.marketing .lefttext p.zixun{width: 100%;height: 44px;line-height: 44px;font-size: 14px;margin-top: 30px;}
.marketing .lefttext p.zixun a{ display: block;float: left;border-radius: 11px;background-color: rgb(1, 65, 103);width: 165px;height: 44px; color: #fff;text-align: center;font-size: 14px;margin: 0 15px;}
.marketing .lefttext p strong{font-weight: normal;font-size: 15px;color: #014167;}
.marketing .rightimg{ float: right; width: 37.5%;margin-right: 5.5%; }

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap;}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word;}
#dituContent img {max-width:none;;}

/*Contact*/
#dituContent{width: 100%;height: 510px;}
.contact{ width: 100%; overflow: hidden;margin-top:10px;margin-bottom: 100px;}
.contact li{float: left; width: 50%; font-size: 14px;}
.contact p.address,.contact p.telphone,.contact a.zixun{display: block; height: 56px;line-height: 56px;padding-left: 80px;margin-top: 25px;}
.contact p.address{background: url(/image/cgimg/addressicon1.jpg) no-repeat center left 8px;}
.contact p.telphone{background: url(/image/cgimg/telphoneicon1.jpg) no-repeat center left 8px;}
.contact a.zixun{background: url(/image/cgimg/zixunicon.jpg) no-repeat center left 8px;}
.contact h2{text-align: left;font-size: 30px;line-height: 1;margin:20px 0 5px; padding: 0;}
.contact p{ overflow: hidden;width: 100%;}
.contact input,.contact textarea{display: block;margin-top: 18px; overflow:hidden;font-size: 12px;color: #8d8d8d;text-indent: 10px;border:1px solid #eeeeee; font-family: "microsoft yahei";}
.contact input.username,.contact input.telphone,.contact input.email{float: left;height: 25px;line-height: 25px;width: 30%; }
.contact input.email{margin:18px 3.5% 0;}
.contact textarea{width: 97%;height: 110px;}
input.submit{width: 98%;height: 30px;line-height: 30px;text-align: center;border:1px solid #fff;background: #014167;color: #fff;}

/*Join*/
.join{overflow: hidden;margin-top: 30px;}
.join h2{font-size: 30px;color: #383838;text-align: left;line-height: 1;padding-bottom: 20px;}
.join h2 span{display: block;font-size: 14px;color: #969696;margin-top: 10px;}
.joblist{ width: 100%;margin-bottom: 30px;}
.joblist li{border-top:1px solid #dddddd;}
.joblist li a{display: block;height: 40px;line-height: 40px;font-size: 16px; padding: 0px 40px; color: #014167;}
.joblist li a span{float: right;font-size: 14px;color: #272727;}
.joblist li div{padding: 10px 40px;border-top:2px solid #014167; line-height: 2; color: #272727; display:none;}

/*company*/
.whotext{float: left;width: 50%;font-size: 14px;line-height: 2;color: #212121;}
.whotext p{margin-top: 25px;}
.whotext p.title{font-size: 16px;}
.whotext h3{font-size: 20px;color: #014167;font-weight: normal;}
.whoimg{float: left;width: 50%;}
.whoimg img{width: 100%;}
.dothing{ overflow: hidden;background: #ededec;margin-top: 20px;text-align: center; padding-bottom: 20px;}
.dothing li{width: 20%;margin:0 2.5%;float: left;margin-top: 45px;text-align: left;}
.dothing li *{transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.dothing li span{display: block;border-radius: 50%;background-color: rgb(164, 164, 164);width: 73px;height: 73px;float: left;text-align: center;line-height: 73px; color: #fff;font-size: 25px;font-weight: bold;margin-right: 15px;}
.dothing li p{line-height: 1.8;margin-top: 15px;}
.dothing li:hover span{ background: #014167; }
.dothing li:hover p{ color: #014167; }
.dothing h3{text-align: center;overflow: hidden;width: 100%;font-size: 14px;color: #0d0d0d;margin-top: 50px;font-weight: normal;}
.dothing a{ display:inline-block;background-color: rgb(1, 65, 103);height: 45px;line-height: 45px;padding:0 30px;border-radius:10px;color: #fff;margin:30px; }
.serve{width:100%;overflow: hidden;background: #014167; color: #fff;padding-bottom: 35px;}
.serve h2{ color: #fff; }
.serve h2 span{color: #fff;}
.servelist{width: 100%; overflow: hidden;}
.servelist li{float: left;margin-top: 35px; height: 106px; width: 12.5%;}
.servelist li a{display: block;width: 93px;height: 106px;text-align: center;  line-height: 106px;font-size: 14px; color: #fff;margin:0 auto;overflow: hidden; background: url(/image/cgimg/icon1.jpg) no-repeat;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.servelist li a:hover{background: url(/image/cgimg/icon1_on.jpg) no-repeat; color: #014167;}
.servelist li:nth-child(1) a{line-height: 1.7;padding-top: 33px;height: 73px;}
.servelist li:nth-child(1).none a{height: 106px;text-align: center;  line-height: 106px;padding-top: 0;}
.newsList{float: left; width: 58.75%;margin-left:2%; overflow: hidden;}
.newsList .list a{display: block;height: 45px;line-height: 45px;border-bottom:1px dashed #c7c7c7;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;white-space:nowrap; overflow: hidden;text-overflow:ellipsis;}
.newsList .list a:hover{border-bottom:1px dashed #006eb5;font-weight: bold; }
.newsList .list a span{float: right;}
.newsList a.more{display:block;text-align: center; width: 30%; background-color: rgb(1, 65, 103);height: 45px;line-height: 45px;padding:0 30px;border-radius:10px;color: #fff;margin:30px auto; }
.serve{width:100%;overflow: hidden;background: #014167; color: #fff;padding-bottom: 35px;}
.newshot,.hotclick{float: right;width: 33%;margin-right: 2%;}
.newshot h3,.hotclick h3{font-size: 16px;font-weight: bold;line-height: 45px;overflow: hidden;}
.newshot a{display: inline-block;height: 34px;line-height: 34px;background: #eeeeee;color: #333;font-size: 14px;margin-bottom: 10px;margin-right: 10px;padding:0 10px;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.newshot a:hover{background: #006eb5; color: #fff;}
.hotclick  a{display: block;width: 100%;font-size: 14px;line-height: 2;white-space:nowrap; overflow: hidden;text-overflow:ellipsis;}
.newsdetail{overflow: hidden;margin-bottom: 35px;}
.newsdetail h2{font-size: 18px;font-weight: normal;}
.newsdetail h3{color: #a5a5a5;font-size: 14px;text-align: center;font-weight: normal;margin: 10px;}
.newsdetail p{font-size: 14px; color: #333;line-height: 2;margin-top: 20px;}
.newsdetail a.next{float: right;margin-top: 30px;}
.newsdetail a.prev{float: left;margin-top: 30px;}
.newsto{border-top:1px solid #eeeeee;margin-bottom: 30px; overflow: hidden;}
.newsto h3{font-size: 16px;line-height: 1;margin-top: 20px;margin-bottom: 10px;}
.newsto ul{margin-left: -5%;}
.newsto ul li{float: left; width: 45%;margin-left: 5%;}
.newsto ul li a{width: 100%;overflow: hidden;white-space:nowrap; overflow: hidden;text-overflow:ellipsis;line-height: 3;}
.newsto ul li a span.date{float: right;}
.team h2{color: #014167;text-align: left;}
.team p{line-height: 3.3;}
.team img{width: 100%;}
.dothing.caseweb{background: none;}

/*Case*/
.casedl{ padding-bottom: 40px;border-bottom:1px solid #eeeeee;margin-bottom: 30px; margin-top: 25px;}
.casedl dl{float: left;width: 50%;}
.casedl dl dt{float: left;width: 36%;}
.casedl dl dt img{width: 100%;}
.casedl dl dd{float:left;width: 58%;margin:0 3%;font-size: 12px;}
.casedl dl dd h3{font-size: 16px;font-weight: normal;color: #202020;margin-bottom: 10px;}
.casedl dl dd p{overflow: hidden;width: 100%;}
.casedl dl dd a{display:inline-block; height: 25px;line-height: 25px;border:1px solid #014167; border-radius:5px; padding:0 20px;margin-top: 20px;}
.casedetails{width: 100%;overflow: hidden;border-bottom:1px solid #eeeeee;padding-bottom: 2%;margin:20px auto 0;}
.casedetails dt{float: left; width: 18%;}
.casedetails dt img{width: 100%;}
.casedetails dd{width: 80%;margin-top: 2.5%;float: right;line-height: 2;}
.casedetails dd h3{font-size: 16px;}
.caseleft{float: left;width: 63%;font-size: 14px;line-height: 2;}
.caseleft p.title{font-weight: bold;margin-top: 50px;font-size: 16px;margin-bottom: 10px;}
.caseright{width: 37%;float: right;margin-top: 50px;}
.caseright h3{font-size: 16px;}
.pb30{padding-bottom: 50px;}

/*integration*/
.tactics{width: 100%;overflow: hidden;background: #f7f7f7;}
.tactics .leftimg{float: left; width: 40%;}
.tactics .righttext{float: right;width: 50%;}
.tactics .righttext p{height: 24px;line-height: 24px; width: 100%;overflow: hidden;margin-top: 30px;}
.tactics .righttext p span{display: block;width: 24px;height: 24px;border-radius:50%;float: left;background: #014167; color: #fff;margin-right: 10px;text-align: center;}
.tact img{width: 100%;}
.teltact{display: none;}
.img50 li{float: left;width: 50%;}
.img50 li img{width: 100%;}

/*marketing*/
.ground{width: 100%;overflow: hidden;background: #f7f7f7; padding:60px 0;}
.ground .imgl{float: left; width:37%;}
.ground .rightdl{float:left; width:63%;}
.ground  h2{margin-top: 0;padding-left: 5%; margin-bottom: 20px;}
.ground .rightdl p{padding:10px 10px 10px 75px;border:1px solid #dcdcdc;font-size: 12px;width:31%; float: left;margin:30px 0 0 5%;line-height: 1.7;}
.ground .rightdl p.p1{background: url('/image/cgimg/p1.jpg') no-repeat center left 13px; }
.ground .rightdl p.p2{background: url('/image/cgimg/p2.jpg') no-repeat center left 13px; }
.ground .rightdl p.p3{background: url('/image/cgimg/p3.jpg') no-repeat center left 13px; }
.ground .rightdl p.p4{background: url('/image/cgimg/p4.jpg') no-repeat center left 13px; }
.ground .rightdl p.p5{background: url('/image/cgimg/p5.jpg') no-repeat center left 13px; }
.ground .rightdl p.p6{background: url('/image/cgimg/p6.jpg') no-repeat center left 13px; }
.ground .rightdl p.w100{width:78.5%;}
.ground .rightdl p strong{display: block;font-size: 16px;font-weight: 500;margin-bottom: 5px; color: #0d0d0d;}
.stepbox{width: 100%;overflow: hidden;margin-top: 20px;}
.stepbox dl{float: left;width: 6.75%;text-align: center;margin:30px 2.1%;}
.stepbox dl img{width: 100%;}