.aty-iframe{
	width:100%;
 /* 	height:100% !important;   */
 	border-radius:6px;
}
/* .aty-modal{
	width:396px;
	height:377px;
} */
.aty-modal-content{
	height:100%;
}
.aty-modal-body{
	height:100%;
	padding:0px !important;
}
.aty-modal-close .aty-icon{
	/* top: -3px; */
    color: #fff;
    z-index: 20;
}
head{
    width:100%;
}
.fd-header{
    height: 549px;
    margin: 0 auto;
    background: url(../../img/index/banner-01.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.fd-header-top{
    background: url(../../img/index/fd-img-04.png) no-repeat;
    padding-top: 13px;
}
.fd-emblem{
    margin: 0 12px 13px 22px;
    float: left;
}
.fd-title{
    float: left;
    margin-top: 6px;
}
.fd-header-top .fd-right{
    float: right;
    position: relative;
}
.fd-right .fd-mine{
    margin: 13px 10px 25px 0;
    float: left;
}
.fd-right .fd-name{
    margin: 12px 10px 25px 0;
    float: left;
    font-size: 14px;
    color: #fefefe;
    cursor: pointer;
}
.fd-right .fd-rack{
    margin: 21px 26px 30px 0;
    float: left;
}
.fd-pup{
    position: absolute;
    top: 45px;
    right: 13px;
    background: url(../../img/index/fd-pup.png) no-repeat;
    width: 104px;
    height: 87px;
    background-size: 100% 100%;
    padding-top: 15px;
    cursor: pointer;
    display: none;
}
.fd-pup p{
    font: 14px/30px 'Microsoft YaHei';
    color: #0f2536;
    height: 30px;
    text-align: center;
}
.fd-pup p:hover{
    color: #4686d4;
}
.fd-banner-title{
    font: 36px/36px 'Microsoft YaHei';
    color: #ffffff;
    margin: 133px 0 20px 18.92%;
}
.fd-banner-detail{
    font: 16px/16px 'Microsoft YaHei';
    color: #d1d4da;
    margin-left: 18.92%;
}
.fd-header-bottom{
    cursor:pointer;
    width: 100%;
    height: 90px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../../img/index/fd-img-kb.png) no-repeat;
    background-size: 100% 100%;
}
.fd-bottom-01{
    width: calc(50% - 600px);
    height: 90px;
    /* background: url(../../img/index/fd-bottom-01.png) no-repeat; */
    background-size: 100% 100%;
    float: left;  
    border-right: 1px solid #27313b;  
}
.fd-bottom-02{
	position:relative;
    width: 400px;
    height: 90px;
     background: url(../../img/index/fd-bottom-bk.png) no-repeat; 
    background-size: 100% 100%;
    float: left;  
    border-right: 1px solid #27313b;    
}
.fd-bottom-02:hover{
    background-color: rgba( 0, 0, 0,0.212);
}
.fd-bottom-02:hover .fd-ercode{
	display:block;
}
.fd-bottom-02 .fd-bottom-left{
    float: left;
    width: 49px;
    height: 39px;
    margin: 28px 20px 23px 43px;
}
.fd-bottom-03:hover{
    background-color: rgba( 0, 0, 0,0.212);
}
.fd-bottom-03:hover .fd-ercode{
	display:block;
}
.fd-bottom-04:hover .fd-ercode{
	display:block;
}
.fd-bottom-04:hover{
     background-color: rgba( 0, 0, 0,0.212);
}
.fd-bottom-03{
    width: 400px;
    height: 90px;
    background-size: 100% 100%;
    float: left;   
    border-right: 1px solid #27313b;   
    position:relative;
}
.fd-ercode{
	width:400px;
	height:187px;
    background-color: rgb( 255, 255, 255 );
    box-shadow: 1px 1.732px 15px 0px rgb( 15, 43, 82 );
    font-size:16px;
    position: absolute;
    left: 0px;
    top: 90px;
    z-index: 3;
    padding:15px 0px 0px 15px;
    display:none;
}
.fd-ercode img{
	float:left;
}
.fd-ercode1{
	padding:50px 40px 0 40px;
	background:#fff url(../../img/fd-ss.png) no-repeat;
	background-size:100% 100%;
}
.fd-ercode3{
	height:200px;
	width:798px;
	left:-398px;
	padding:25px 120px 0 105px;
}
.fd-weixin{
	float:left;
	width:112px;
	height:142px;
}
.fd-app{
	float:left;
	width:112px;
	height:142px;
	margin:0 110px;
}
.fd-wangye{
	float:left;
	width:112px;
	height:142px;
	margin-left:5px;
}
.fd-wx{
	width:100%;
	text-align:center;
	margin:0 16px;
}

.fd-qing,.fd-wei{
	font:16px/28px 'Microsoft YaHei';
	color:#666666;
	margin-top:35px;
	width:176px;
	float:left;
	margin-left:20px;
}
.fd-wei{
	margin-top:0px;
}
.fd-bei{
	color:#4686d4;
}
.fd-bottom-04{
	position:relative;
    width: 400px;
    height: 90px;
    background-size: 100% 100%;
    float: left;    
    border-right: 1px solid #27313b;  
}
.fd-bottom-05{
    width: calc(50% - 600px);
    height: 90px;
    /* background: url(../../img/index/fd-bottom-05.png) no-repeat; */
    background-size: 100% 100%;
    float: left;    
}
.fd-bottom-left{
    float: left;
    width: 38px;
    height: 51px;
    margin: 23px 36px 16px 52px;
}
.fd-bottom-right{
    float: left;
    margin-top: 30px;
    width: 62%
}
.fd-bottom-title{
    font: 16px/16px 'Microsoft YaHei';
    color: #aabbc9;
    margin-bottom: 9px;
    width: 100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.fd-bottom-detail{
    font: 12px/12px 'Microsoft YaHei';
    color: #94a7b6;
    width: 100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.fd-bottom-03 .fd-bottom-left{
    float: left;
    width: 49px;
    height: 39px;
    margin: 28px 20px 23px 43px;
}
.fd-bottom-04 .fd-bottom-left{
    float: left;
    width: 29px;
    height: 29px;
    margin: 32px 36px 29px 38px;
}
article{
    background: #ffffff;
    width: 100%;
}
.fd-content-top{
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
}
.fd-serve-top{
    margin: 0 auto;
    width:270px;
    height: 50px;
}
.fd-serve-top .fd-left{
    margin: 8px 35px 0 0;
    float: left;
}
.fd-serve-top .fd-serve-title{
    font: 23px/23px 'Microsoft YaHei';
    color:#6899da;
    float: left;
}
.fd-serve-top .fd-right{
    margin: 10px 0 0 35px;
    float: left;
}
.fd-serve-top .fd-small{
    height: 30px;
    color: #a9a9a9;
    font: 15px/30px 'Microsoft YaHei';
    float: left;
}
.fd-serve-content{
    margin-top: 40px;
    padding-bottom: 40px;
}
.fd-item{
    width: 200px;
    height: 290px;
    padding-top: 24px;
    position: relative;
    float: left;
    margin-bottom: 5px;
} 
.fd-item-img{
    margin: 0 auto;
}
.fd-item-title{
    text-align: center;
    font: bold 16px/16px 'Microsoft YaHei';
    color: #333333;
}
.fd-item-detail{
    width: 180px;
    height: 70px;
    margin-top: 18px;
    margin-left: 18px;
    font: 12px/22px 'Microsoft YaHei';
    color:#999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.fd-active{
    width: 125px;
    height: 28px;
    border: 1px solid #4686d4;
    font: 11px/27px 'Microsoft YaHei';
    text-align: center;
    position: absolute;
    bottom: 29px;
    left: 38px;
    display: none;
}
.fd-active:hover{
    background: #4686d4;
    color:#ffffff !important;
    cursor:pointer;
}
.fd-item:hover .fd-active{
    display: block;
    color: #4686d4;
}
.fd-item:hover{
    box-shadow: 0 0 5px #e4e9e9;
}
.fd-item:hover .fd-item-title{
    color:#4686d4;
}
.fd-content-center{
    background: url(../../img/index/fd-background.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 912px;
    padding-top: 35px;
}
.fd-con-top{
    margin: 0 auto;
    width:370px;
    height: 50px;
}
.fd-con-top .fd-left{
    margin: 8px 35px 0 47px;
    float: left;
}
.fd-con-top .fd-map-title{
    font: 23px/23px 'Microsoft YaHei';
    color:#333333;
    float: left;
}
.fd-con-top .fd-right{
    margin: 10px 0 0 35px;
    float: left;
}
.fd-con-top .fd-small{
    height: 30px;
    color: #a9a9a9;
    font: 15px/30px 'Microsoft YaHei';
    float: left;
}
.fd-map{
    width: 1200px;
    margin: 0 auto;
}
.fd-map-left{
    background: url(../../img/index/fd-map.png) 110px 0 no-repeat;
    width: 73%;
    height: 824px;
    float: left;
    position: relative;
}
.fd-map-left p{
    color:#666666;
    font: 12px/12px "Microsoft YaHei";
}
.fd-map-right{
    width: 214px;
    height: 553px;
    background: #fcfcfc;
    border: 2px solid #f4f4f4;;
    margin-top:85px;
    border-radius: 5px;
    float: left;
    overflow: auto;
    position: relative;
    padding-bottom: 5px;
}
.fd-map-right p{
    font: 14px/30px '[PingFang]';
    color: #666666;
    padding-left: 20px;
    cursor:pointer;
    width: 210px;
}
.fd-map-right .fd-active3{
    background: #4686d4;
    color: #ffffff;
}
.scrollbar{
    width: 6px;
    height: 160px;
    margin: 0 auto;
}
.fd-map-right::-webkit-scrollbar {
    width: 6px;
    height: 1px;
}
.fd-map-right::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 5px #a1a1a1;
    background: #a1a1a1;
}




.fd-region-list{
    position:absolute;
    left:0;
    top:0
}
@-webkit-keyframes warn{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@-moz-keyframes warn{
    0%{
        -moz-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
    100%{
        -moz-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@-o-keyframes warn{
    0%{
        -o-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
    100%{
        -o-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes warn{
    0%{
        -webkit-transform:scale(0);
        -moz-transform:scale(0);
        -o-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
} 
.fd-area-box .fd-dot{
    cursor:pointer;
    position:absolute;
    left:0;
    width:14px;
    height:14px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background:#6a9ddb;
    opacity:1;
    filter:alpha(opacity=100);
    z-index: 9;
}
.fd-area-box .fd-dot.fd-active2{
    background:#e1315e;
}
.fd-area-box .fd-pulse{
    position:absolute;
    top:-13px;
    left:-13px;
    height:40px;
    width:40px;
    border:2px solid #6a9ddb;
    -webkit-border-radius:48px;
    -moz-border-radius:48px;
    border-radius:48px;
    -webkit-box-shadow:0 0 2px #6a9ddb,0 0 5px #6a9ddb inset;
    -moz-box-shadow:0 0 2px #6a9ddb,0 0 5px #6a9ddb inset;
    box-shadow:0 0 2px #6a9ddb,0 0 5px #6a9ddb inset;
    opacity:.12;filter:alpha(opacity=0);
    -webkit-animation:warn 2s ease-out both;
    -moz-animation:warn 2s ease-out both;
    -o-animation:warn 2s ease-out both;
    animation:warn 2s ease-out both;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    background:0 0
}
.fd-area-box .fd-pulse.fd-active2{
    border:2px solid #e1315e;
    -webkit-box-shadow:0 0 2px #e1315e,0 0 5px #e1315e inset;
    -moz-box-shadow:0 0 2px #e1315e,0 0 5px #e1315e inset;
    box-shadow:0 0 2px #e1315e,0 0 5px #e1315e inset;
}
.fd-area-box .fd-delay-01{
    -webkit-animation-delay:0;
    -moz-animation-delay:0;
    -o-animation-delay:0;
    animation-delay:0
}
.fd-area-box .fd-delay-02{
    -webkit-animation-delay:.4s;
    -moz-animation-delay:.4s;
    -o-animation-delay:.4s;
    animation-delay:.4s
}
.fd-show-regin{
    color:#666666;
    position:absolute;
    height:0;
    width:11px;
    opacity:1;
    -o-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.fd-show-regin span{
    width:80px;
    font-size: 12px;
    position:absolute;
    left:8px;
    top:-11px;
    padding:6px 10px;
    color:#9ea1a5;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    text-align:center;
    white-space:nowrap;
}
.fd-area-box{
    z-index:3
}
.fd-show-regin{
    z-index:2
}
/* 寤跺簡鍖? */
.fd-postition-1{
    left:439px;
    top:216px
}
.fd-show-01{
    left:-70px;
    top:27px;
}
/* 鎬?鏌斿尯 */
.fd-postition-2{
    left:570px;
    top:283px
}
.fd-show-02{
    left:-57px;
    top:30px;
}
/* 瀵嗕簯鍖? */
.fd-postition-3{
    left:706px;
    top:307px
}
.fd-show-03{
    left:-24px;
    top:-37px;
}
/* 鏄屽钩鍖? */
.fd-postition-4{
    left:460px;
    top:408px
}
.fd-show-04{
    left:-70px;
    top:-16px;
}
/* 椤轰箟鍖? */
.fd-postition-5{
    left:653px;
    top:448px
}
.fd-show-05{
    left:-90px;
    top:-10px;
}
/* 骞宠胺鍖? */
.fd-postition-6{
    left:790px;
    top:397px
}
.fd-show-06{
    left:-74px;
    top:22px;
}
/* 娴锋穩鍖? */
.fd-postition-7{
    left:411px;
    top:455px
}
.fd-show-07{
    left:-36px;
    top:25px;
}
/* 鏈濋槼鍖? */
.fd-postition-8{
    left:522px;
    top:500px
}
.fd-show-08{
    left:-32px;
    top:23px;
}
/* 闂ㄥご娌熷尯 */
.fd-postition-9{
    left:308px;
    top:473px
}
.fd-show-09{
    left:-84px;
    top:20px;
}
/* 鐭虫櫙灞? */
.fd-postition-10{
    left:383px;
    top:517px
}
.fd-show-10{
    left:-30px;
    top:24px;
}
/* 瑗垮煄鍖? */
.fd-postition-11{
    left:454px;
    top:538px
}
.fd-show-11{
    left:-42px;
    top:4px;
}
/* 涓滃煄鍖? */
.fd-postition-12{
    left:480px;
    top:565px
}
.fd-show-12{
    left:-38px;
    top:2px;
}
/* 涓板彴鍖? */
.fd-postition-13{
    left:394px;
    top:563px
}
.fd-show-13{
    left:-39px;
    top:22px;
}
/* 閫氬窞鍖? */
.fd-postition-14{
    left:590px;
    top:580px
}
.fd-show-14{
    left:-46px;
    top:34px;
}
/* 鎴垮北鍖? */
.fd-postition-15{
    left:276px;
    top:607px
}
.fd-show-15{
    left:-42px;
    top:27px;
}
/* 澶у叴鍖? */
.fd-postition-16{
    left:470px;
    top:657px
}
.fd-show-16{
    left:-39px;
    top:28px;
}
/* 甯傛涓?鍒嗛櫌 */
.fd-postition-17{
    left:396px;
    top:502px
}
/* 甯傛浜屽垎闄? */
.fd-postition-18{
    left:420px;
    top:555px
}
/* 甯傛涓夊垎闄? */
.fd-postition-19{
    left:518px;
    top:564px
}
/* 甯傛鍥涘垎闄笢鍖? */
.fd-postition-20{
    left:400px;
    top:479px
}
/* 甯傛鍥涘垎闄㈣タ鍖? */
.fd-postition-21{
    left:400px;
    top:527px
}
/* 鏈濋槼鍖哄垎閮? */
/* .fd-postition-22{
    left:550px;
    top:539px
} */
/* 鍖椾含甯備汉姘戞瀵熼櫌 */
.fd-postition-23{
    left:483px;
    top:533px
}
/* 鍖椾含甯傛竻娌充汉姘戞瀵熼櫌 */
.fd-postition-24{
    left:784px;
    top:687px
}
/* 鍖椾含甯傚垜浜嬫墽琛屾瀵熼櫌 */
.fd-postition-25{
    left:413px;
    top:512px
}
/* 鍖椾含甯備汉姘戞瀵熼櫌妫?瀵熸敼闈╀笌鍙戝睍鐮旂┒涓績 */
.fd-postition-26{
    left:220px;
    top:777px
}
/* 鏄剧ず妗? */
.fd-detail{
    background: url(../../img/index/fd-de-pup.png) no-repeat;
    background-size: 100% 100%;
    width: 270px;
    height: 100px;
    position: absolute;
    left: -65px;
    top: -100px;
    z-index: 10;
    padding: 12px 0 0 13px;
    display: none;
}
.fd-de-title{
    font: bold 16px/24px '[PingFang]';
    color: #333333;
    width: 260px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.fd-de-site{
    font: 12px/22px 'Microsoft YaHei';
    color:#999999;
}
.fd-de-call{
    font: 12px/22px 'Microsoft YaHei';
    color:#999999;
    border:none;
    margin-bottom: 3px;
}
/* .fd-de-nav{
    cursor:pointer;
    width: 42px;
    height: 20px;
    background: #4686d4;
    color: #ffffff;
    font: 12px/20px '瀹嬩綋';
    text-align: center;
    display: block;
    border-radius: 2px;
} */
.fd-de-close{
    position: absolute;
    top: -5px;
    right: -5px;
    background: url(../../img/index/close_off.png) no-repeat;
    width: 17px;
    height: 17px;
}
.fd-de-close:hover{
    background: url(../../img/index/close_on.png) no-repeat;
}
.fd-content-bottom{
    background: #373d41;
    width: 100%;
    height: 458px;  
}
.fd-bot{
    width: 1200px;
    margin: 0 auto;
}
.fd-fot-01{
    background: url(../../img/index/fd-fot-01.png) no-repeat;
    float: left;
    height: 458px;
    width: 33.3%;
    padding-top: 92px;
}
.fd-fot-01:hover{
    background: url(../../img/index/fd-fu-01.png) no-repeat;
}
.fd-bot-01{
    margin: 0 auto;
    margin-bottom: 40px;
}
.fd-item-01{
    width: 100%;
}
.fd-item-01 span{
    margin: 0 auto;
    text-align: center;
    font: 18px/36px 'Microsoft YaHei';
    color: #ffffff;
    display: block;
    width: 202px;
    height: 36px;
    margin-bottom: 12px;
}
.fd-item-01 span:hover{
    background: #ffffff;
    color: #4686d4;
    border-radius: 20px;
    font-weight: bold;
    cursor:pointer;
}
.fd-fot-02{
    background: url(../../img/index/fd-fot-02.png) no-repeat;
    float: left;
    height: 458px;
    width: 400px;
    padding-top: 92px;
}
.fd-fot-02:hover{
    background: url(../../img/index/fd-fu-02.png) no-repeat;
}
.fd-fot-03{
    background: url(../../img/index/fd-fot-03.png) no-repeat;
    float: left;
    height: 458px;
    width: 400px;
    padding-top: 92px;
}
.fd-fot-03:hover{
    background: url(../../img/index/fd-fu-03.png) no-repeat;
}
.fd-item-02{
    width: 100%;
}
.fd-item-02 aty-span{
    margin: 0 auto;
    text-align: center;
    font: 18px/36px 'Microsoft YaHei';
    color: #ffffff;
    display: block;
    width: 202px;
    height: 36px;
    margin-bottom: 12px;
    cursor: pointer;
}
.fd-item-02 aty-span:hover{
    background: #ffffff;
    color: #4686d4;
    border-radius: 20px;
    font-weight: bold;
    cursor:pointer;
}
/* footer */
footer{
    width: 100%;
    background: #ffffff;
    padding-top: 26px;
    padding-bottom: 35px;
}
.fd-img-footer{
    margin: 0 auto;
    margin-bottom: 19px;
}
.fd-footer{
    text-align: center;
    font: 14px/30px 'Microsoft YaHei';
    color: #666666;
}
.panel-display {
    display: none;
}
.fd-item-04{
    width: 100%;
}
.fd-tip-num {
	position: absolute;
    top: 61px;
    right: -6px;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: red;
    text-align: center;
    color: #fff;
    line-height: 18px;
}
/* 全屏蒙版样式 */
.fd-page-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: auto;
    user-select: none;
}
.fd-mask-content {
    text-align: center;
    color: #ffffff;
}
.fd-mask-text {
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}