@charset "utf-8";

/*
*  首页CSS v3.1
*/
body, button, input, select, textarea {
  font: 14px/1.5 "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53" !important;
}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}
.mb70{ margin-bottom: 70px;}
.channel{ height: 360px;
  background: -webkit-linear-gradient(#d4d5d5, white); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#d4d5d5, white); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#d4d5d5, white); /* Firefox 3.6 - 15 */
  background: linear-gradient(#d4d5d5, white); /* 标准的语法 */
}
.cloud{ height: 400px; position: relative; max-width: 1170px; margin: 0 auto;}
.cloud .text{ position: absolute; top: 90px; left:38px;  width: 437px; height: 182px; background: url(../images/text1.png) no-repeat;}
.cloud .clouds{ position: absolute; top: 36px; right: 0; width: 651px; height: 308px; background: url(../images/clouds.png) no-repeat;}
.cloud .subplat{ display: inline-block; width: 102px; height: 59px; position: absolute; }
.cloud .subplat:hover{ background: url(../images/cloud.png) no-repeat;}
.cloud .p1{ top: 1px; right:280px;}
/*.cloud .p1:hover{ width: 157px; background: url(../images/nb-cloud.png) no-repeat; }*/
.cloud .p2{ top: 52px; right:410px;}
.cloud .p3{ top: 146px; right:472px;}
.cloud .p4{ top: 212px; right:370px;}
.sub-cloud{ margin: 30px auto 50px;}
.sub-cloud ul li{ width: 19.6%; text-align: center; margin-bottom:35px;}
/*.sub-cloud ul li:first-child a{ border-left: 1px solid #ddd;}*/
.sub-cloud ul li a{ width: 100%; display: block; border-right: 1px solid #ddd; padding:0 1px; transition:all .5s ease-in 0s;}
.sub-cloud ul li a:hover{ opacity: .8; transform:translateY(-5px); box-shadow: 1px 1px 10px #ddd;}
.sub-cloud ul li a img{ width: 96%;}

.part-title{ border-bottom: 1px solid #ddd;height: 24px; position: relative; margin-bottom: 70px;}
.part-title h1{ background-color: #fff;font-size: 30px;text-align: center;position: absolute;left: 50%;width: 650px;margin-left: -325px;line-height: .2;}
.title1 h1{ width: 560px; margin-left: -280px;}
.title2 h1{ width: 420px; margin-left: -210px;}
.title3 h1{ width: 440px; margin-left: -220px;}
.static-text{ color: #333; font-size: 16px; line-height: 1.6; padding-top: 50px;}
.static-text span{ color: #fc9003; font-size: 18px;}
.static-text i{ font-style: normal; font-size: 22px; color: #f67604; font-weight: bold;}
.static-text span i{ font-size: 22px; color: #f31005;}
.static-text2{ font-size: 14px; color: #666; padding-top: 20px;}
.sort-list{ overflow: hidden; margin-bottom: 30px;}
.sort-list .sort{ width: 25%; text-align: center; float: left;}
.sort-img { height: 103px; width: 103px; margin: 0 auto 18px;}
.sort-list .sort1 .sort-img { background: url(../images/i-icon1.png);}
.sort-list .sort2 .sort-img { background: url(../images/i-icon2.png);}
.sort-list .sort3 .sort-img { background: url(../images/i-icon3.png);}
.sort-list .sort4 .sort-img { background: url(../images/i-icon4.png);}
.sort-list .sort5 .sort-img { background: url(../images/i-icon5.png);}
.sort-list .sort6 .sort-img { background: url(../images/i-icon6.png);}
.sort-list .sort7 .sort-img { background: url(../images/i-icon7.png);}
.sort-list .sort8 .sort-img { background: url(../images/i-icon8.png);}
.sort-list .sort-img a { height: 100%; width: 100%; display: block;}
.sort-img:hover{ opacity: .8;}
.sort-list .sort-title a{ font-size: 16px; color: #333; }
.sort-list .sort-title a:hover{ color: #f60;}
.sort-list .sort-des{ color: #808080; font-size: 12px; margin-top: 10px;}

.resource ul li{ width: 18%; border-right: 1px solid #ddd; text-align: center; min-height: 249px;}
.resource ul li:last-child{ border:0;}
.resource h4{ font-weight: 500; color: #000; margin-bottom: 20px;}
.resource table tbody tr td{ border: 0; font-size: 14px; color: #727272;}
.resource table tbody tr td i{ font-style: normal; color: #212121;}
.resource2 h4{ font-weight: 500; color: #000; }
.resource2{ margin-top: 30px; padding-top: 30px; border-top: 1px solid #eee;}
.resource2 table tbody tr td{ border: 0; font-size: 14px; color: #727272;}
.resource2 table tbody tr td span{ padding-left: 15px;}
.core ul{ background: #f8f8f8; border: 1px solid #ddd; padding: 10px 0; width: 180px; margin: 0 auto; text-align: center;}
.core ul li{ font-size: 16px; line-height: 2;}
.core ul li span{ display: inline-block; width: 6px; height: 6px; background: #3a9b4a; margin-right: 10px;}
.core ul li i{ font-style: normal; font-size: 18px; font-weight: bold; color: #e45c00; margin-left: 5px;}
.hot-news { margin-top: 80px; padding-top: 20px; border-top: 1px solid #eee;}
.heading-title{ font-weight: bold; color: #333;}
.hot-news .heading ul{ padding-left: 50px;}
.hot-news .heading ul li a,.hot-news .heading ul{ font-size: 16px; border: 0; background: #fff;}
.hot-news ul > li.active > a, .hot-news ul > li.active > a:hover, .hot-news ul > li.active > a:focus{ border: 0; color: #f60;}
.hot-news .tab-content{ margin-top: 55px;}
.hot-news .tab-content ul li{ width: 48%; max-height: 80px; vertical-align: top; line-height:2.6; font-size: 14px;}
.hot-news .tab-content ul li a{ color: #727272;}
.hot-news .tab-content ul li a:hover{ color: #f60;}
.hot-news .tab-content ul li i{ font-style: normal; padding: 0 10px;}
.activity-cell .detail.visible-xs a { font-size: 14px; color: #333; font-weight: normal; overflow: visible;}
.pop-banner{ display: block; position: fixed; z-index: 2; top: 60px; left: 0; right: 0; box-shadow: 1px 1px 10px #666;}
.pop-banner a.close{ position: fixed; z-index: 3; top: 65px; right: 5px; display: block; width: 20px; height: 20px; line-height: 20px; font-size: 16px; background: #fff; text-align: center; color: #f60; opacity: 1;}
.pop-banner a.close:hover{ background: #f60; color: #fff; }
.sbanner{ position: fixed; z-index: 4; top: 80px; right: 0; display: none; width: 80px; height: 152px; background: url(../images/sbanner.png) no-repeat;}
.sbanner:hover{ opacity: .8;}

/* 首页自测模块 begin */
.title4 h1{ width: 200px; margin-left: -100px;color: #d9672b;}
.service{
    width: 100%;
    margin: 0 auto;
}
.service h4{
    color: #333;
    margin: 15px 0;
}
.service .info{color: #999;line-height: 1.8;}
.btn-test{
    background-color: #f2bf6f;
    padding: 5px 30px;
    color: #fff;
}
.btn-test:hover{
    background-color: #f09239;
    color: #fff;
}
.service a.border{
	display: inline-block;
    padding: 20px 15px 40px;
    -webkit-transition:all .5s ease-in-out 0s;
         -o-transition:all .5s ease-in-out 0s;
       -moz-transition:all .5s ease-in-out 0s;
	        transition:all .5s ease-in-out 0s;
}
.service a.border:hover{
    padding: 18px 15px 42px;
    -webkit-box-shadow: 1px 1px 10px #CCC;
       -moz-box-shadow: 1px 1px 10px #CCC;
         -o-box-shadow: 1px 1px 10px #CCC;
            box-shadow: 1px 1px 10px #CCC;
}
/* 首页自测模块 end */
@media screen and (max-width: 767px){
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ padding: 0 10px;}
  .channel{ height: 280px; }
  h1.title0 { font-size: 18px; font-weight: bold; text-align: center; margin: 0; padding:30px 0 20px;}
  .resource ul li{ width: 98%; border-right: 1px solid #ddd; text-align: center; min-height: auto;}
  .clouds{ margin-top: 20px;}
  .clouds a{ display: inline-block; text-align: center; color: #f60; margin-bottom: 6px;}
  .core ul{ width: 300px; margin:0 auto 20px auto; background: #fff; border: 0;}
  .hot-news .tab-content ul li{ width: 98%; max-height: 80px; vertical-align: top; line-height:2.6; font-size: 14px;}
  /*footer{ background: #4e5859; height: 50px; line-height: 50px; color: #f0f0f0;}*/
  /*footer a{ color: #f0f0f0;}*/
  /*footer a:focus,footer a:hover,footer a:visited{ color: #f0f0f0;}*/
  .m-sbanner{ position: fixed; display: inline-block;z-index: 4; top: 80px; right: 0;}
}

/* index.html v5.0 */
.ico-gazelleFirm,.ico-gazelleList,.ico-gazellePlan{display: block;width: 100px;height: 100px;background-image: url(../images/sprite-index.png);margin: 5px 0 10px;}
.ico-gazelleFirm{background-position: 0 0;}
.ico-gazelleList{background-position: -110px 0;}
.ico-gazellePlan{background-position: -220px 0;}
.ico-activityTime,.ico-activityAddress,.ico-organizer{display: inline-block;width: 16px;height: 16px;background-image: url(../images/sprite-index.png);margin-bottom: -4px;margin-right: 5px;}
.ico-activityTime{background-position: -330px 0;}
.ico-activityAddress{background-position: -356px 0;}
.ico-organizer{background-position: -382px 0;}
.hotTitle{margin-top: 25px;margin-bottom: 15px;}
.indexStatus{display: inline-block;width: 106px;height: 106px;line-height:106px;color:#ffc000;background-color: rgba(0,0,0,.4);border-radius: 50%;position: absolute;top: 50%;left: 50%;margin-left: -53px;margin-top: -53px;}
.index-partTitle{margin-top: 40px;margin-bottom: 30px;text-align: center;}
.index-partTitle .smallTitle{color: #e99c73;border-bottom: 1px solid #efefef;width: 350px;margin: 0 auto;padding-bottom: 10px;}
.index-partTitle .caret{display: inline-block;border-width: 15px;border-style: solid;border-color: #e99c73 transparent transparent;}
.hotNews-list > li > a{display: block;position: relative;font-size: 16px;color: #333;overflow: hidden;border: 1px solid #ddd;}
.hotNews-list > li > a > img{width:100%;-webkit-transition:-webkit-transform 1s ease-in-out 0s;transition:transform 1s ease-in-out 0s;}
.hotNews-list > li > a > .newsLabel, .newsLabel{display: inline-block;position: absolute;left: 0;top: 0;background-color: #399348;color: #FFF;padding: 5px 10px;z-index: 9;}
.hotNews-list > li > a > .newsTitle{background-color: rgba(255, 255, 255, 0.75);position: absolute;left: 0;right: 0;bottom: 0;padding: 5px 15px;}
.newsTitle .title{display: table-cell;height: 65px;vertical-align: middle;}
.hotNews-list > li > a:hover{color: #399348;}
.hotNews-list > li > a:hover > img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.notices-list > li{font-size: 16px;margin-bottom: 10px;}
.notices-list > li > a{color: #333;margin-right: 15px;}
.notices-list > li > a:hover{color: #399348;}
.indexEvent{background: #efefef url(../images/index-eventBg.png) no-repeat bottom right !important;}
.gazelleTitle{background: url(../images/index-database.png) no-repeat center;height: 201px;color: #d9672b;text-align: center;padding-top: 15px;}
.gazelleInfo{border-left: 1px dotted #d9672b;padding-left: 80px;}
.gazelleData-list{margin-bottom: 50px;margin-top: 30px;}
.gazelleData-list > li:nth-child(2){margin: 0 35px;}
.gazelle-table{font-size: 16px;color: #666;text-align: center;margin-bottom: 30px;}
.gazelle-table tr td{height: 85px;vertical-align: middle;width: 230px;background-color: #ffd9d9;border: 1px solid #FFF;}
.gazelle-table tr:first-child td:last-child,
.gazelle-table tr:last-child td:first-child{background-color: rgba(255, 217, 217, 0.5);}
.gazelle-table tr td span{display: inline-block;padding-right: 15px;}
.dataLogo-list{margin-bottom: 20px;}
.dataLogo-list > li{width: 49%; text-align: center;margin-bottom: 10px;}
.dataLogo-list > li > a{width: 100%; display: block;padding:0 1px; transition:all .5s ease-in 0s;}
.dataLogo-list > li > a:hover{opacity: .8; transform:translateY(-5px); box-shadow: 1px 1px 10px #ddd;}
.dataLogo-list > li > a > img{width: 95%;}
.indexSer-list > li{background-color: #FFF;padding: 15px;margin-bottom: 20px;}
.indexSer-list > li > .pull-left{width: 30%;margin-top: 20px;}
.btn-freeConsult{background-color: #8ecd81;border-color: #8ecd81;color: #FFF;padding: 3px 15px;}
.btn-freeConsult:hover,.btn-freeConsult:focus{background-color: #8fbc8f;color: #FFF;}
.servicer-list > li{margin-bottom: 15px;position: relative;}
.servicer-list > li > .servicerName{display: block;color: #333;margin-top: 10px;}
.servicer-list > li > .servicerName:hover{color: #e45c00;}
.servicer-list > li > a > img{-webkit-transition:-webkit-transform 1s ease-in-out 0s;transition:transform 1s ease-in-out 0s;}
.servicer-list > li > a:hover > img{-webkit-transform:scale(1.05);transform:scale(1.05);border: 1px solid #e99c73;}
.ser-content{position: relative;width:230px;height:230px;border-radius: 50%;margin:0 auto;box-sizing:border-box;}
.ser-content .servicer-circle{width:235px;height:235px;border-radius: 50%;border:5px solid #ecab18;border-right-color: #399348;border-bottom-color: #399348;
    -webkit-transition: all linear 0.8s;-moz-transition: all ease-in-out 0.8s ;-ms-transition: all ease-in-out 0.8s ;-o-transition: all ease-in-out 0.8s ;transition: all ease-in-out 0.8s ;}
.ser-content .servicer-img{position: absolute;top:5px;bottom:0;left:5px;right:0;border-radius: 50%;}
.ser-content img{width: 100%;height:100%;}
.ser-content .servicer-intro{background: rgba(51, 51, 51, 0.4);opacity: 0;
    -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;
    position: absolute;top: 5px;bottom:0;right:0;left: 5px;width:225px;height:225px;text-align: center;border-radius: 50%;
    -webkit-backface-visibility: hidden;backface-visibility: hidden;
    display: -webkit-box;-webkit-box-pack:center;-webkit-box-align:center;-webkit-box-orient:vertical;text-align: center;
}
.ser-content a:first-child:hover .servicer-circle{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg); transform: rotate(180deg);}
.ser-content a:hover .servicer-intro{opacity: 1;}
.servicer-intro .intro-text{color: #fff;letter-spacing: 2px;width: 80%;height: auto;line-height: 1.3;text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);}

@media (max-width: 767px) {
		.hotNews-list li{margin-bottom: 10px;}

		.index-partTitle{margin-top: 10px;margin-bottom: 0;}
    .index-partTitle .smallTitle{width: auto;}
		.index-partTitle h2{font-size: 24px;}
		.index-partTitle .font24{font-size: 20px;}
		.index-partTitle .caret{border-width: 12px;}
		.service a.border{padding: 20px 15px;}
}
/*!*回到顶部 begin*!*/
/*.towhere{ position: fixed; right: 0; top: 500px; text-align: center; width: 40px;}*/
/*.towhere a{ display: inline-block; width: 40px; height: 40px; background-color: #969595; line-height: 40px; margin-bottom: 6px;z-index: 99;}*/
/*.towhere a:hover{ background-color: #656565;}*/
/*.towhere a.twoCode:hover{ background-color: transparent;}*/
/*.weixin-bigcode{position: absolute; right:50px; top:-55px; display: none;}*/
/*!*回到顶部 end*!*/

/*科技服务产品 begin*/
.productLabels{height: 320px;}
.productLabels a{display: inline-block;padding: 10px 20px; font-weight:bold; font-size:16px;}
.productLabels a:hover{color: #6b8693;animation:myfirst .5s;-webkit-animation:myfirst .5s;}
.productLabels > div{width:270px; height:260px; margin:15px auto; background:url(../images/bg-serProduct.png) no-repeat;}
@keyframes myfirst {
    0%   {color: #333;}
    25%   {color: #999;}
    50%   {color: #777;}
    100%   {color: #6b8693;}
}
@-webkit-keyframes myfirst {
    0%   {color: #333;}
    25%   {color: #999;}
    50%   {color: #777;}
    100%   {color: #6b8693;}
}
.productLabels .color1{color: #2356c0;}
.productLabels .color2{color: #c4131c;}
.productLabels .color3{color: #6ca716;}
.productLabels .color4{color: #b95512;}
.productLabels .pos1{transform: translate(-60px,10px); -webkit-transform: translate(-60px,10px);}
.productLabels .pos2{transform: translate(0,-35px); -webkit-transform: translate(0,-35px);}
.productLabels .pos3{transform: translate(35px,0); -webkit-transform: translate(35px,0);}
.productLabels .pos4{transform: translate(122px,-25px); -webkit-transform: translate(122px,-25px);}
.productLabels .pos5{transform: translate(-110px,0); -webkit-transform: translate(-110px,0);}
.productLabels .pos6{transform: translate(135px,23px); -webkit-transform: translate(135px,23px);}
.productLabels .pos7{transform: translate(145px,-30px); -webkit-transform: translate(145px,-30px);}
.productLabels .pos8{transform: translate(-75px,2px); -webkit-transform: translate(-75px,2px);}
.productLabels .pos9{transform: translate(-140px,0); -webkit-transform: translate(-140px,0);}
.productLabels .pos10{transform: translate(75px,-15px); -webkit-transform: translate(75px,-15px);}
.productLabels .pos11{transform: translate(100px,0); -webkit-transform: translate(100px,0);}
.productLabels .pos12{transform: translate(17px,-15px); -webkit-transform: translate(17px,-15px);}
.productLabels .pos13{transform: translate(-130px,-298px); -webkit-transform: translate(-130px,-298px);}
@media (max-width: 767px) {
    /*科技服务产品适配*/
    .productLabels .pos1{transform: translate(16px,-5px); -webkit-transform: translate(16px,-5px);}
    .productLabels .pos2{transform: translate(0,-35px); -webkit-transform: translate(0,-35px);}
    .productLabels .pos3{transform: translate(35px,0); -webkit-transform: translate(35px,0);}
    .productLabels .pos4{transform: translate(75px,-35px); -webkit-transform: translate(75px,-35px);}
    .productLabels .pos5{transform: translate(-21px,5px); -webkit-transform: translate(-21px,5px);}
    .productLabels .pos6{transform: translate(65px,42px); -webkit-transform: translate(65px,42px);}
    .productLabels .pos7{transform: translate(145px,-30px); -webkit-transform: translate(145px,-30px);}
    .productLabels .pos8{transform: translate(-50px,0px); -webkit-transform: translate(-50px,0px);}
    .productLabels .pos9{transform: translate(-23px,-10px); -webkit-transform: translate(-23px,-10px);}
    .productLabels .pos10{transform: translate(75px,-15px); -webkit-transform: translate(75px,-15px);}
    .productLabels .pos11{transform: translate(50px,-10px); -webkit-transform: translate(50px,-10px);}
    .productLabels .pos12{transform: translate(20px,-20px); -webkit-transform: translate(20px,-20px);}
    .productLabels .pos13{transform: translate(-130px,-298px); -webkit-transform: translate(-115px,-298px);}
}
/*科技服务产品 end*/

/* 首页6.0 begin */
.ico-headline, .ico-gazelleActivity, .ico-techService{
    display: inline-block;
    background-image: url(../images/sprite-index.png);
    margin-bottom: -5px;
    margin-right: 3px;
}
.ico-headline{
    width: 30px;
    height: 26px;
    background-position: 0 -115px;
}
.ico-gazelleActivity{
    width: 26px;
    height: 25px;
    background-position: -45px -115px;
}
.ico-techService{
    width: 36px;
    height: 26px;
    background-position: -86px -115px;
    margin-bottom: -8px;
}
.ico-consult, .ico-declare, .ico-policyQuery, .ico-confirmQuery, .ico-selfEvaluation{
    display: inline-block;
    height: 35px;
    background-image: url(../images/sprite-index.png);
    margin-top: 23px;
}
.ico-consult{background-position: -135px -115px; width: 34px;}
.ico-declare{background-position: -185px -115px; width: 36px;}
.ico-policyQuery{background-position: -236px -115px; width: 34px;}
.ico-confirmQuery{background-position: -285px -115px; width: 30px;}
.ico-selfEvaluation{background-position: -330px -115px; width: 36px;}
.ico-leftArrow, .ico-rightArrow{
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(../images/sprite-index.png);
    margin-bottom: -7px;
}
.ico-leftArrow{background-position: -380px -115px; margin-right: 5px;}
.ico-rightArrow{background-position: -420px -115px; margin-left: 5px;}
.ico-leftArrow:hover, .ico-rightArrow:hover{
    opacity: 0.7;
}
.ico-leftArrow.notAllowed, .ico-rightArrow.notAllowed{
    opacity: 0.2;
}
.indexTopTitle{
    color: #333;
    line-height: 1.5;
}
.indexTopTitle:hover, .indexTopTitle:focus{
    color: #399348;
}
.blockLine-green{
    background: url(../images/square-green.png) no-repeat left bottom;
}
.indexTab-list{
    border-bottom: 1px solid #dcdcdc;
    margin-left: 0;
}
.indexTab-list > li{
    margin-right: 15px;
    letter-spacing: 1px;
    text-align: center;
    padding-left: 0;
}
.indexTab-list > li > a{
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    padding: 10px 5px;
    width: 130px;


}
.indexTab-list > li.active > a,.indexTab-list > li.active > a:hover,
.indexTab-list > li > a:hover{
    color: #399348;
    border-bottom-color: #399348;
}
.indexNews-list{
}
.indexNews-list > li{
    border-bottom: 1px dashed #dcdcdc;
    padding: 17px 0;
}
.indexNews-list > li > a{
    display: block;
    color: #333;
}
.indexNews-list > li > a:hover,.indexNews-list > li > a:focus{
    color: #399348;
}
.index-moreNews{
    display: block;
    background-color: #f8f8f8;
    padding: 8px;
    text-align: center;
    margin-bottom: 30px;
}
.carousel-indicators.activity-indicators{
    bottom: 0;
}
.activity-indicators > li{
    width: 6px;
    height: 6px;
}
.activity-indicators .active{
    width: 8px;
    height: 8px;
}
.activity-status{
    display: inline-block;
    font-size: 12px;
    color: #fff;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    right: 10px;
    top: 10px;
    padding: 5px 8px;
    z-index: 9;
}
.status-ondoing{
    background-color: #ff9e2c;
}
.status-tobegin{
    background-color: #0dac90;
}
.techServiceImg{
    overflow: hidden;
}
.techServiceImg img{
    transition: all 0.6s;
}
.techServiceImg img:hover{
    transform: scale(1.1);
}
.en-title-white, .en-title-gray{
    font-size: 48px;
    font-weight: bold;
    position: relative;
    letter-spacing: 3px;
}
.en-title-white{
    color: rgba(255, 255, 255, 0.1);
}
.en-title-gray{
    color: rgba(51, 51, 51, 0.1);
}
.block-title-white,.block-title-green{
    font-size: 30px;
    font-weight: bold;
    position: relative;
    bottom: 50px;
}
.block-title-white{
    background: url(../images/square-white.png) no-repeat center 25px;
}
.block-title-green{
    background: url(../images/square-green-lg.png) no-repeat center 25px;
}
.indexPlatform-list{
    text-align: center;
}
.indexPlatform-list > li{
    min-width: 200px;
}
.indexPlatform-list > li > a{
    display: block;
    color: #fff;
    position: relative;
}
.indexPlatform-list .border-circle{
    display: inline-block;
    width: 100px;
    height: 100px;
    background: url(../images/border-white.png) no-repeat center center/contain;
}
.indexPlatform-list .cycle{
    display: inline-block;
    width: 84px;
    height: 84px;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -42px;
}
.indexPlatform-list > li > a:hover{
    color: #ff9e2c;
}
.indexPlatform-list > li > a:hover .border-circle{
    background: url(../images/border-yellow.png) no-repeat center center/contain;
    transition: transform 2s;
    transition-timing-function: ease;
    transform: rotate(360deg);
}
.indexPlatform-list > li > a:hover .cycle{
    background-color: #ff9e2c;
    animation: all 3s;
}
.indexDatabase-list{
    background-color: #F8F8F8;
    padding: 20px;
}
.indexDatabase-list > li{
    border-right: 1px solid #d2d2d2;
}
.indexDatabase-list > li:last-child{
    border-right: 0;
}
.indexDatabase-list > li > a{
    display: block;
    color: #333;
    min-width: 160px;
}
.indexDatabase-list > li > a .font-Impact{
    display: block;
    color: #ff9e2c;
    letter-spacing: 2px;
}
.indexDatabase-list > li > a:hover,.indexDatabase-list > li > a:focus{
    color: #ff9e2c;
}
.proPlatform-list{
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 0;
}
.subPlatform-list > li{
    padding: 0;
    border-bottom: 1px solid #dcdcdc;
    float: left;
    width: 12%;
    clear: right;
}
.subPlatform-list > li > a, .proPlatform-list > li > a{
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    position: relative;
    padding: 15px;
}
.subPlatform-list > li > a:before, .proPlatform-list > li > a:before{
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    top: 25px;
    left: 0;
}
.subPlatform-list > li > a:before{
    background-color: #999;
}
.proPlatform-list > li > a:before{
    background-color: #399348;
}
.subPlatform-list > li > a:hover, .subPlatform-list > li > a:focus,
.proPlatform-list > li > a:hover, .proPlatform-list > li > a:focus{
    color: #399348;
}
.subPlatform-list > li > a:hover:before, .subPlatform-list > li > a:focus:before{
    background-color: #399348;
}
.platform-select{
    position: absolute;
    top: 25px;
    right: 5px;
    background-color: transparent;
    width: 150px;
}
.declareStatus{
    display: inline-block;
    color: #fff;
    background-color: #399348;
    padding: 3px 8px;
    border-radius: 15px;
    font-size: 12px;
    width: 75px;
    text-align: center;
}
.publishDir-list > li > a{
    display: block;
    color: #666;
    padding: 5px 10px;
    position: relative;
}
.publishDir-list > li > a:before{
    content: '';
    width: 5px;
    height: 5px;
    background-color: #399348;
    border-radius: 50%;
    position: absolute;
    top: 13px;
    left: 0;
}
.publishDir-list > li > a:hover,.publishDir-list > li > a:focus{
    color: #399348;
}
.mapModalBox{
    padding: 15px 0 15px 15px;
    width: 300px;
    /*overflow-y: scroll;*/
    background-color: #fff;
    position: absolute;
    top: 20px;
    bottom: 30px;
    box-shadow: 0 0 12px rgba(0, 83, 74, 0.2);
}
.mCSB_inside > .mCSB_container{margin-right: 20px !important;}
.scrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.scrollBox .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.scrollBox .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    /*background-color: #000;*/
    background-color: #399348;
    filter: "alpha(opacity=45)";
    -ms-filter: "alpha(opacity=45)";
}
.scrollBox .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15);
    filter: "alpha(opacity=15)";
    -ms-filter: "alpha(opacity=15)";
}
.mapModalBox .mapName{
    border-bottom: 1px solid #399348;
    padding-bottom: 10px;
}
.mapModal-list > li{
    border-bottom: 1px dashed #399348;
    padding: 10px 0;
}
.modal-close{
    display: inline-block;
    position: absolute;
    right: 5px;
    /*top: 13px;*/
    font-size: 24px;
    color: #999;
}
.modal-close:hover,.modal-close:focus{
    color: #399348;
}
@media screen and (max-width: 767px){
    .block-title-white, .block-title-green{
        font-size: 26px;
    }
    .indexTab-list > li{
        margin-right: 0;
    }
    .indexTab-list > li > a {
        font-size: 14px;
        padding: 10px 0;
        width: auto;
    }
    .indexPlatform-list{
        margin-top: -15px;
    }
    .indexPlatform-list > li {
        min-width: 0;
        width: 33%;
        float: left;
    }
    .indexPlatform-list > li > a {
         height: auto;
    }
    .indexPlatform-list .border-circle{
        width: 80px;
        height: 80px;
    }
    .indexPlatform-list .cycle{
        width: 64px;
        height: 64px;
        margin-left: -32px;
    }
    .indexPlatform-list .cycle > span{
        margin-top: 15px;
    }
    .indexDatabase-list{
        padding: 20px 10px;
    }
    .indexDatabase-list > li{
        width: 45%;
        margin-bottom: 15px;
    }
    .indexDatabase-list > li:nth-child(2){
        border-right: 0;
    }
    .indexDatabase-list > li > a{
        min-width: 0;
    }
    .subplatform{
        font-size: 40px;
        letter-spacing: 0;
    }
    .subPlatform-list > li{
        width: 33.33%;
    }
    .proPlatform-list{
        text-align: left;
    }
    .subPlatform-list > li > a, .proPlatform-list > li > a{
        font-size: 14px;
        padding: 5px 8px;
    }
    .subPlatform-list > li > a:before, .proPlatform-list > li > a:before{
        top: 14px;
    }
}
/* 首页6.0 end */
/* 城市平台入口 begin */
.cityPosition{
    background: url(../images/cityPlatform.png) no-repeat;
    width: 350px;
    height: 180px;
    position: absolute;
    top: 30px;
    z-index: 9;
}
.cityPosition:before{
    content: '';
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #399b48 transparent;
    position: absolute;
    top: -14px;
    left: 30px;
}
.cityPosition .cityBtn{
    display: inline-block;
    color: #399348;
    border: 1px solid #399348;
    border-radius: 15px;
    padding: 5px 15px;
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
}
.cityPosition .cityBtn:hover, .cityPosition .cityBtn:focus{
    background-color: #399348;
    color: #fff;
    transition: all .2s ease-in 0s;
}
.cityPosition .cityClose{
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 20px;
    line-height: 1;
    color: #f1f1f1;
}
.cityPosition .slogan{
    letter-spacing: .1em;
    color: #fefffe;
    margin-top: 12px;
    margin-left: 18px;
}
.ct-checkbox{
    position: absolute;
    left: 15px;
    bottom: 15px;
    color: #666;
    font-size: 12px;
}
.normal-checkbox + .ipt-checkbox{
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 0;
    border: 1px solid #999;
}
.normal-checkbox:checked + .ipt-checkbox{
    border-color: #399b48;
}
.normal-checkbox:checked + .ipt-checkbox:before{
    display: block;
    content: "\2713";
    text-align: center;
    font-size: 12px;
    color: white;
    background-color: #399b48;
    line-height: 1;
    width: 100%;
    height: 100%;
}
.normal-checkbox:disabled + .ipt-checkbox:before{
    cursor: not-allowed;
}
input.normal-checkbox{
    visibility: hidden;
}
.icon-cityIcon{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/cityIcon.png);
    margin-bottom: -3px;
}
a:hover .icon-cityIcon{
    background-image: url(../images/cityIcon-hover.png);
}
/* 城市平台入口 end */