/* ------------ */
#wrapper {
    width: 980px;
    margin: 0 auto;

    
    width: auto;
}

#container {
    border-radius: 5px;
    color: #838383;
    font-size: 12px;
    background: url(../images/xiaz-bj.png);
	background-size:100% 100%;
}
.xjdxux{border-radius: 5px;
    margin: 0 auto;
   
    width: 400px;
   padding:95px 10px 47px;}
.zhuyi{background-color: #f0f4f8; margin-top: 90px;
    padding: 8px 22px;position:relative;height: 45px}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
#dndArea{border-radius: 10px;
    margin-top: 25px;
    border: 2px dashed #3577fc;
    
    height: 358px;}
#uploader .placeholder {
   
    min-height: 190px;
    width: 1150px;
    text-align: center;
    background: url(../images/image.png) center 93px no-repeat;
    color: #cccccc;
    font-size: 18px;
    position: relative;
}
.new_ff p.newff-te a{color:#00c4a4;text-decoration:underline;}

.heckbox{vertical-align: middle;}
.xjgeshi{font-size:12px;color:#999999;line-height:20px;}
.zh-ico{vertical-align: middle;margin-right:5px;position: relative;top: -1px;}
#uploader .placeholder .webuploader-pick {
    width: 230px;
   background-color:#3577fc;
    border-radius: 5px;
    color: #fff;
    margin: 16px auto;
    cursor: pointer;
    height: 62px;
	line-height:62px;
	font-size:16px;
}
.xjzh-ico{vertical-align: middle;margin-right:6px;margin-top: -2px;}
.tupianzhuan{margin-top:100px;margin: 30px auto;width: 180px;margin-bottom:10px; }
.tupianzhuan ul li select{width: 162px;height: 46px;border:2px solid #00c4a4;float:left;font-size:14px;color:#00c4a4;padding-left: 15px;border-radius:5px;background-color: #9990;}
.tupianzhuan .tpzhbat{font-size:14px;color:#fff;background-color:#00c4a4;display: block;float:right;line-height:46px;width: 180px;border-radius:5px;height:46px;  }
.tupianzhuan .shangico{vertical-align: middle;margin-right:5px;}
#uploader .placeholder .flashTip {
    color: #666666;
    font-size: 12px;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px;
}
#uploader .placeholder .flashTip a {
    color: #0785d1;
    text-decoration: none;
}
#uploader .placeholder .flashTip a:hover {
    text-decoration: underline;
}

#uploader .placeholder.webuploader-dnd-over {
    border-color: #999999;
}

#uploader .placeholder.webuploader-dnd-over.webuploader-dnd-denied {
    border-color: red;
}

#uploader .filelist {
    list-style: none;	
}

#uploader .filelist:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both;
}
.xj-xiazai{
	position: absolute;
	line-height:25px;
	text-align:center;
	border-radius:5px; 
    left: 31px;
    top: 195px;
	width: 70px;
	height: 25px;
	background-color: #2bc691;
	z-index: 1048;
	font-size: 20px;
	display: block; 
	color: #d90d0d;
	font-size:12px;color:#fff;
	}
.xj-xiazai-sb{
	position: absolute;
	line-height:25px;
	text-align:center;
	border-radius:5px; 
    left: 35px;
    top: 190px;
	width: 70px;
	height: 25px;
	z-index: 1048;
	font-size: 20px;
	display: block; 
	color: #f65252;
	font-size:12px;
	}
.success-1{width:11px!important;height: 12px;vertical-align: middle;margin-left:5px;position: relative;
    top: -2px; }
#uploader .filelist li {
   border-radius: 8px;
   
    width: 131px;
    height: 157px;
    background: url(../images/bg.png) no-repeat;
    text-align: center;
     margin: 60px 25px 55px 25px;
    position: relative;
    display: inline;
    float: left;
 
    font-size: 12px;
}

#uploader .filelist li p.log {
    position: relative;
    top: -45px;
}

#uploader .filelist li p.title {
    position: absolute;    
    left: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow : ellipsis;
    top: -37px;
    text-indent: 5px;
   font-size:12px;color:#838695;
}
#uploader .filelist li p.title samp{
font-family:"微软雅黑";	
}
#uploader .filelist li p.progress {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: 50;
	background-color: #00000073;
border-radius:10px;
}
#uploader .filelist li p.progress span {
    
    overflow: hidden;
    width: 0;
    height: 100%;
   

    -webit-transition: width 200ms linear;
    -moz-transition: width 200ms linear;
    -o-transition: width 200ms linear;
    -ms-transition: width 200ms linear;
    transition: width 200ms linear;

    -webkit-animation: progressmove 2s linear infinite;
    -moz-animation: progressmove 2s linear infinite;
    -o-animation: progressmove 2s linear infinite;
    -ms-animation: progressmove 2s linear infinite;
    animation: progressmove 2s linear infinite;

    -webkit-transform: translateZ(0);
}

@-webkit-keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}
@-moz-keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}
@keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}

#uploader .filelist li p.imgWrap {
    position: relative;
    z-index: 2;
    line-height: 165px;
    vertical-align: middle;
    overflow: hidden;
    width: 131px;
    height: 157px;
	background-image:url(../images/pdficon.png);
	background-size:100% 100%;
   border-radius: 10px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    -webit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    -ms-transition: 200ms ease-out;
    transition: 200ms ease-out;
}
#uploader .filelist li p.wordicon{background-image:url(../images/wordicon.png)}
#uploader .filelist li p.ebicon{background-image:url(../images/ebicon.png)}
#uploader .filelist li p.cadicon{background-image:url(../images/cadicon.png)}
#uploader .filelist li p.ppticon{background-image:url(../images/ppticon.png)}
#uploader .filelist li p.excelicon{background-image:url(../images/excelicon.png)}
#uploader .filelist li p.jpgicon{background-image:url(../images/jpgicon.png)}

#uploader .filelist li img {
    width: 47px;
	border-radius: 8px;
}

#uploader .filelist li p.error {
    background: #f43838;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 28px;
    line-height: 28px;
    width: 100%;
    z-index: 100;
}

#uploader .filelist li .success {
	
    line-height: 40px;
    font-size: 14px;
    color: #2bc691;
    display: block;
    position: absolute;
    left: -8px;
   
    height: 40px;
    width: 100%;
    z-index: 200;
    background: url(../images/success.png) no-repeat 115px 13px;
}

#uploader .filelist li .success-s {
    line-height: 40px;
    font-size: 14px;
    color: #838383;
    display: block;
    position: absolute;
    left: 0;
    height: 40px;
    width: 100%;
    z-index: 200;  
}
.gantanh{vertical-align: middle;
    margin-left: 5px;
    width: 14px!important;
    margin-top: -5px;}
.xj-xiazai-sbs samp{font-family:"微软雅黑";text-decoration: underline;}
#uploader .filelist li .success-s1 {
    line-height: 40px;
    font-size: 14px;
    color: #ff6f3d;
    display: block;
    position: absolute;
    left: 0;
    height: 40px;
    width: 100%;
    z-index: 200;
   
}

#uploader .filelist li .shanchu {
    display: block;
    position: absolute;
    right: 2px;
    top: 2px;
    height: 29px;
    width: 100%;
    z-index: 200;
    background: url(../images/shancu.png) no-repeat right bottom;
}
#uploader .filelist div.file-panel {
    position: absolute;
    height: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;
    
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 300;
}

#uploader .filelist div.file-panel span {
    width: 24px;
    height: 24px;
    display: inline;
    float: right;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/icons.png) no-repeat;
    margin: 5px 1px 1px;
    cursor: pointer;
}

#uploader .filelist div.file-panel span.rotateLeft {
    background-position: 0 -24px;
}
#uploader .filelist div.file-panel span.rotateLeft:hover {
    background-position: 0 0;
}

#uploader .filelist div.file-panel span.rotateRight {
    background-position: -24px -24px;
}
#uploader .filelist div.file-panel span.rotateRight:hover {
    background-position: -24px 0;
}

#uploader .filelist div.file-panel span.cancel {
    background-position: -48px -24px;
}
#uploader .filelist div.file-panel span.cancel:hover {
    background-position: -48px 0;
}

#uploader .statusBar {
   top: 4px;
	text-align: right;
    height: 63px;
   background-color: #f8fbfb73;
    padding: 0;
    line-height: 63px;
    vertical-align: middle;
    position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

#uploader .statusBar .progress {
   border-radius:30px;
    width: 125px;
    background: #e0efed;
    height: 9px;
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: 9px;
    color: #6dbfff;
    position: relative;
    margin-right: 10px;
	border:1px solid #dcdcdc;
}
  .success-s1 .jindutiao{width: 70px;background-color: #eeeeee;height: 9px;border-radius: 30px;margin:0 auto;position: relative;
    left: 0;top: 15px;border:1px solid #dcdcdc;}
						  .success-s1 .jindutiao samp{display:block;background-color: #00c4a4;height: 9px;width: 60%;border-radius:30px;}
#uploader .statusBar .progress span.percentage {
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
   background: -webkit-linear-gradient(left,#00dcaf 6%,#00c9f3 75%);
    position: absolute;
	border-radius: 30px;
}
#uploader .statusBar .progress span.text {
    position: relative;
    z-index: 10;
}

#uploader .statusBar .info {
    display: inline-block;
    font-size: 12px;
    color: #838695;
	margin-right: 10px;
}

#uploader .statusBar .btns {
    line-height: 35px;
	margin: 0 10px;
}
#uploader .statusBar .btns:first-child{
	flex: 1;
}
#uploader .statusBar .btns .uploadBtn{
	float: none !important;
}
#uploader .statusBar .btns .webuploader-container p{
	float: left;
	margin-left: 15px;
}
#filePicker2 {
    overflow: hidden;
    margin-left: 25px;
    margin-top: 58px;
    display: inline-block;
    background: url(../images/shangcuan-1.png) no-repeat;
    width: 132px;
    height: 184px;
}
#uploader .xjdejz{list-style: none;
    margin: 18px auto 27px;
    text-align: center;
    display: table;}
#filePicker2 .webuploader-pick{margin-left: 0px!important;
    height: 184px;
    opacity: 0;}
#uploader .statusBar .btns .webuploader-pick,
#uploader .statusBar .btns .uploadBtn,
#uploader .statusBar .btns .uploadBtn.state-uploading,
#uploader .statusBar .btns .uploadBtn.state-paused {
   border: 1px solid #3c76f8;
    border-radius: 3px;
      color: #fff;
    padding: 0 16px;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    float: left;
}
#uploader .statusBar .btns .webuploader-pick-hover,
#uploader .statusBar .btns .uploadBtn:hover,
#uploader .statusBar .btns .uploadBtn.state-uploading:hover,
#uploader .statusBar .btns .uploadBtn.state-paused:hover {
    background: #f0f4f9;
}

#uploader .statusBar .btns .uploadBtn {
    background: #00c4a4;
    color: #fff;
    border-color: transparent;
}
#uploader .statusBar .btns .uploadBtn:hover {
    background: #155bf7;
}

#uploader .statusBar .btns .uploadBtn.disabled {
    pointer-events: none;
    opacity: 0.6;
}
#uploader .statusBar .btns .uploadBtn {
    background: #dcdcdc;
    color: #fff;
    border-color: transparent;
}
#uploader .statusBar .btns .uploadBtn-s{
	border:1px solid #00c4a4;
    color: #00c4a4!important;
    
	border-radius: 3px;
    color: #00c4a4;
    padding: 0 18px;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
    font-size: 16px;
    float: left;}

.pdf-word{font-size:20px;color:#3577fc;font-weight:bold;text-align: center;position: relative;top: 30px;}
	.xa-kehud{display:block;width: 133px;height: 45px;background-color:#00c4a3;line-height:45px;border-radius:5px;font-size:16px;color:#fff; float: right;text-align: center; }
	.hover-s{border-radius: 5px;
    position: absolute;
    right: 0;
    top: -60px;
    width: 180px;
    height: 68px;
    background: url(../images/hover-bj.png); 
    background-size:100% 100%;display: none}

	.hover-ss{border-radius: 5px;
    position: absolute;
    right: -184px;
    top: -66px;
    width: 180px;
    height: 68px;
    background: url(../images/hover-bj.png); 
    background-size:100% 100%;display: none;}


	.hover-s p{font-size:12px;color:#fff;padding: 10px;}
	.hover-ss p{font-size:12px;color:#fff;padding: 10px;line-height: 18px;}	
.xa-kehud:hover.hover-s{display:block;}	
.shangch-cg{position: absolute;left: 36%;top: 175px;text-align:center; }	
.shangch-cg p{ font-size:14px;color:#838695;}	
.shangch-cg .daojis{width: 355px; height: 12px;background-color:#f9fbfb;border-radius:30px;margin-top: 8px;}
.shangch-cg .daojis	.jidu{width: 80%; height: 12px;display:block;background: -webkit-linear-gradient(left,#69b7f8 6%,#3f7af8 75%);border-radius:30px;font-size:12px;color:#fff;line-height:12px;text-align:right;padding-right:5px;position: absolute;left: 0; top: 8px;}
.se-count div{float:left;overflow: hidden;font-size: 14px;color: #999999;}
.se-count{position: relative;left: 106px;top: -16px;}
.se-count span{color:#3577fc;}
	.cox {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    outline: 0;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=60);
    background-color: rgba(0, 0, 0, 0);
    z-index: 9999;
}
.tc {
    width: 470px;
    height: 215px;
    border-radius: 5px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
	box-shadow: 0 0px 8px #d7d6d6;
    -moz-box-shadow: 0 0px 8px #d7d6d6;
    -webkit-box-shadow: 0 0px 8px #d7d6d6;
}	
.cox-tc{padding: 22px}
.mp{overflow: hidden;border-bottom:1px solid #eeeeee;padding-bottom:22px;  }		
.mp p{font-size:16px;color:#52545d;float:left;}		
.mp a{float:right;position: relative;left: 0;top: 3px;}		
.mvp p{font-size:14px;color:#2d2d2d;height: 38px;}		
.mvp{padding: 25px 0px;}		
.mvp a{color:#386de6;}		
.khd-xz{display:block;width: 112px;height: 35px;background-color:#3577fc;border-radius:5px; text-align:center;line-height:35px;font-size:14px;color:#fff;float: right;}			
.khd-xz2{display:block;width: 82px;height: 33px;border-radius:5px; text-align:center;line-height:33px;font-size:14px;color:#3577fc;float: right;border:1px solid #3577fc;margin-right:10px;}
.khd-xz3{display:block;width: 82px;height: 35px;border-radius:5px; text-align:center;line-height:33px;font-size:14px;color:#838695;float: right;margin-right:10px;background-color:#eeeeee;}
.khd-xz4{display:block;width: 82px;height: 35px;border-radius:5px; text-align:center;line-height:33px;font-size:14px;color:#fff;float: right;margin-right:10px;background-color:#3577fc;}
.khd-xz:hover{background-color:#2467ee;}
.xiazai-1{vertical-align: middle;margin-right: 5px;}		
 @-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(-360deg);}}
.xuanzhuan{
	-webkit-transform: rotate(360deg);animation: rotation 2s linear infinite;
	-moz-animation: rotation 2s linear infinite;
	-webkit-animation: rotation 2s linear infinite;
	-o-animation: rotation 2s linear infinite;
	position: relative;left: -16px;
    top: 54px;}
.xuanzuan-p{color: #fff;
    z-index: 999;
    position: relative;
    left: 24px;
    top: 35px;}	
.disbale{background-color:#dcdcdc!important; }
.tanchuang-1{position: fixed;width: 100%;height: 100%;top: 0; right: 0;bottom: 0;left: 0;overflow: hidden; outline: 0;z-index: 9999;}
	.tanchuang-1 .tanchuang-te{width: 470px; height: 210px;box-shadow: 0px 2px 7px #e6e6e6;-moz-box-shadow: 0px 2px 7px #e6e6e6; -webkit-box-shadow: 0px 2px 7px #e6e6e6;border-radius: 10px; position: fixed; top: 0;right: 0;left: 0;bottom: 0;margin: auto;background: #fff;}
	.tanchuang-1 .tanchuang-te .tanchuang-nr{padding: 25px;position:relative;}
	.tanchuang-1 .tanchuang-te .tanchuang-nr p.tanchuang-tes{font-size:16px;color:#52545d;padding-bottom:25px;border-bottom:1px solid #eeeeee; }
	.tanchuang-1 .tanchuang-te .tanchuang-nr .tanchuang-kt{font-size:14px;color:#2d2d2d;padding-top:20px; }
	.tanchuang-nr .gb-img{position: absolute;right: 25px;top: 25px;}
	.tanchuang-nr .tanchuang-vip2{position: absolute;right: 25px; border: 0px;font-size: 14px;color: #b47339; border-radius: 30px;
	background: -webkit-linear-gradient(left,#fdf0dd 6%,#ffe7c5 75%);padding: 8px 10px;}
	.kt-vips{vertical-align: middle;margin-right:5px;}	
.tanchuang-vip{color: #f3b152;}
.xj-xiazai-sbs {
    position: absolute;
    text-align: center;
    border-radius: 5px;
    height: 25px;
    z-index: 1048;
    font-size: 20px;
    display: block;
    color: #f65252;
    font-size: 12px;
	top: 195px;
    line-height: 18px;
    left: 0;
    width: 142px;
}

.tupianan ul li select {
    width: 162px;
    height: 42px;
    border: 2px solid #3c76f8;
    font-size: 14px;
    color: #3c76f8;
    padding-left: 15px;
    border-radius: 5px;
    background-color: #9990;
}
.tupianan .tupianan-btn{
	z-index: 999;
	padding: 8px 16px;
    border-radius: 3px;
    color: #fff;
   font-size: 14px;
	border: 1px solid #3c76f8;
	background-color:#3c76f8;
	text-align:center;
	position:relative;
	
}
/* 公共样式表css */
.aui-banner-slide {
    position: relative;
    min-width: 1000px;
    background-color: #081238;
	margin-top:74px; 
}

.aui-banner-main {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
    height: 460px;
}

.aui-banner-wrapper {
    position: relative;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px,0,0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.aui-banner-button {
    z-index: 1002;
    margin-top: 15px;
    position: absolute;
    top: 70%;
    left: 21.6%;
}
.banant-1{ z-index: 1002;
    margin-top: 15px;
    position: absolute;
   top: 67%;
    left: 63.2%;}
.banant-2{ z-index: 1002;
    margin-top: 15px;
    position: absolute;
   top: 59%;
    left:22.6%;}
.aui-banner-button a.bn1 {
   width: 160px;
	height: 46px;
    border-radius: 5px;
  background:-webkit-linear-gradient(left, #ffcc2e , #ff8c19); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(left, #ffcc2e , #ff8c19); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(left, #ffcc2e , #ff8c19); /* Firefox 3.6 - 15 */
background: linear-gradient(to left, #ffcc2e , #ff8c19); /* 标准bai的du语zhi法dao容 */
    font-size: 20px;
    line-height: 46px;
    color: #fff;
    display: inline-block;
    vertical-align: baseline;
   
}

.aui-banner-button a.bn1:hover {
    -moz-box-shadow: 0px 2px 9px #0d49a0;
    -webkit-box-shadow: 0px 2px 9px #0d49a0;
}
.aui-banner-button a.bn2 {
   width: 160px;
	height: 46px;
    border-radius: 5px;
    background-color:#ffffff;
    font-size: 20px;
    line-height: 46px;
    color: #fead29;
    display: inline-block;
    vertical-align: baseline;
   
}
.aui-banner-button a.bn2:hover {
    -moz-box-shadow: 0px 2px 9px #ca8c26;
    -webkit-box-shadow: 0px 2px 9px #ca8c26;
}
.aui-banner-button a.bn3 {
   width: 160px;
	height: 46px;
    border-radius: 5px;
    background:-webkit-linear-gradient(left, #40c9c6 , #49a3c1); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(left, #40c9c6 , #49a3c1); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(left, #40c9c6 , #49a3c1); /* Firefox 3.6 - 15 */
background: linear-gradient(to left, #40c9c6 , #49a3c1); /* 标准bai的du语zhi法dao容 */
    font-size: 20px;
    line-height: 46px;
    color: #fff;
    display: inline-block;
    vertical-align: baseline;
   
}
.aui-banner-button a.bn3:hover {
    -moz-box-shadow: 0px 2px 9px #0f8cb4;
    -webkit-box-shadow: 0px 2px 9px #0f8cb4;
}
.aui-banner-button .aui-btn-wh {
    color: #fff;
    background-color: rgba(255,255,255,0);
    margin-left: 20px;
    padding: 11px 43px;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    line-height: 1.3;
    color: #fff;
}

.aui-banner-button .aui-btn-wh:hover {
    color: #fff;
    background-color: rgba(255,255,255,0.3);
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
}

.aui-banner-news {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.1);
    background-color: #6F6E78\9;
}


.aui-bar-pic {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    text-align: center;
}

.aui-bar-pic img {
    display: block;
    width: 100%;
    height: auto;
    border: none;
    vertical-align: middle;
}

.aui-bar-title {
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.aui-bar-text {
    font-size: 14px;
    line-height: 1.8;
    color: #fff;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}




.aui-banner-wrapper ul li {
    position: relative;
}
.aui-banner-wrapper ul li .banan-box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.aui-banner-wrapper ul li .banan-box .mimg{
	width: 40%;
	height: auto;
}
.aui-banner-wrapper ul li .banan-box .mtxt{
	width: auto;
	height: auto;
}
.aui-banner-circle ul li {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1; width: 6px;
    height: 6px;
    background: url(../images/icon-q1.png) no-repeat;
    background: url(../images/icon-q1.png) no-repeat\9;
    background-size: 6px 6px;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px;
}

.aui-banner-circle ul .on {
    width: 24px;
    height: 6px;
    background: url(../images/icon-q2.png) no-repeat;
    background: url(../images/icon-q2.png) no-repeat\9;
    background-size: 24px 6px;
}

.aui-banner-circle {
	position: absolute;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1; width: auto;
    bottom: 50px;
    padding: 5px 13px;
    padding-bottom: 3px;
    border-radius: 16px;
    text-align: center;
}

.aui-banner-button-mo {
    width: 180px;
    left: 50%;
    margin-left: -90px;
}
.f-main-list{
	display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
 .f-main-item {
	cursor: pointer;
	display: flex;
    justify-content: center;
	margin-top: 60px;
	margin-bottom: 40px;
	width: 32%;
	position: relative;
	height: 207px
}

.fk-infoBlockWrap .fk-infoBlock {
	width: 146px;
	height: 146px;
	transform-origin: center center;
	position: relative;
	_overflow: visible
}

.fk-infoBlockWrap .f-bg {
	width: 140px;
	height: 140px;
	background: #27c9f8;
	background: linear-gradient(145deg,#3fe4ff,#0e8dff);
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	border-radius: 73px;
	transition: all .3s;
	transform-origin: center center;
	overflow: visible
}

.fk-infoBlockWrap .f-infoBlock-normal .f-bg {
	background: transparent
}

.fk-infoBlockWrap .f-infoIcon {
	background: url(../images/yysico1.png) no-repeat;
	width: 60px;
	height: 54px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -33px;
	margin-top: -30px;
	transition: opacity .3s
}

.fk-infoBlockWrap .f-infoIcon-listedBrand {
	background: url(../images/yysico2.png) no-repeat;
}

.fk-infoBlockWrap .f-infoIcon-funcRich {
	background: url(../images/yysico3.png) no-repeat;
}

.fk-infoBlockWrap .f-infoIcon-oneKey {
	background: url(../images/yysico4.png) no-repeat;
}

.fk-infoBlockWrap .f-infoIcon-model {
	background: url(../images/yysico5.png) no-repeat;
}

.fk-infoBlockWrap .f-infoIcon-site3to1 {
	background: url(../images/yysico6.png) no-repeat;
}


.fk-caseForm .f-link {
	color: #333
}

.fk-caseForm .f-caseTtitle {
	padding-top: 26px;
	font-size: 16px;
	font-weight: 1;
	color: #333
}

.fk-caseForm .f-caseProp {
	margin: 0;
	padding-top: 12px;
	height: 70px;
	color: #b1b1b1;
	font-size: 14px;
	width: 105%
}

.fk-caseForm .f-caseInfo {
	padding: 0 0 0 15px
}

.f-main-itemHover .fk-infoBlockWrap:hover .f-infoBlock-fasico .f-bg {
	height: 159px;
	width: 236px;
	left: -45px;
	top: -13px;
	border-radius: 20px 20px 0 0/20px 20px 0 0;
	background-color: #06e5f8;
	background: linear-gradient(90deg,#006aff,#28d1ff)
}

.f-main-itemHover .fk-infoBlockWrap-listedBrand:hover .f-infoBlock-fasico .f-bg {
	background-color: #64aaf2;
	background: linear-gradient(90deg,#00dea6,#79f89d)
}

.f-main-itemHover .fk-infoBlockWrap-funcRich:hover .f-infoBlock-fasico .f-bg {
	background-color: #f8788b;
	background: linear-gradient(90deg,#ff8c1a,#ffcc2d)
}

.f-main-itemHover .fk-infoBlockWrap-oneKey:hover .f-infoBlock-fasico .f-bg {
	background-color: #f65589;
	background: linear-gradient(90deg,#ff3966,#ff81a8)
}

.f-main-itemHover .fk-infoBlockWrap-model:hover .f-infoBlock-fasico .f-bg {
	background-color: #c467ff;
	background: linear-gradient(90deg,#881bf5,#7f67fd)
}

.f-main-itemHover .fk-infoBlockWrap-site3to1:hover .f-infoBlock-fasico .f-bg {
	background-color: #38cf7a;
	background: linear-gradient(90deg,#1a1aff,#2e7eff)
}

.f-main-itemHover .fk-infoBlockWrap-easeMaintain:hover .f-infoBlock-fasico .f-bg {
	background-color: #b376ff;
	background: linear-gradient(90deg,#44aaf8,#b376ff)
}

.f-main-itemHover .fk-infoBlockWrap-superSevice:hover .f-infoBlock-fasico .f-bg {
	background-color: #6cbaf8;
	background: linear-gradient(90deg,#7ee1f9,#6cbaf8)
}

.f-main-itemHover .fk-infoBlockWrap:hover .f-infoBlock-normal .f-bg {
	height: 145px;
	width: 236px;
	left: -45px;
	top: 0;
	bottom: -13px;
	background: #fff;
	border-radius: 0 0 20px 20px/ 0 0 20px 20px
}

.fk-infoBlockWrap {
	position: relative;
	width: 146px;
	height: 146px
}

.fk-infoBlockWrap .f-wrapBg {
	position: absolute;
	border-radius: 0;
	transition: all .3s;
	overflow: visible
}

.f-main-itemHover .fk-infoBlockWrap:hover .f-wrapBg {
	width: 236px;
	height: 304px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
	left: -45px;
	top: -13px;
	border-radius: 20px
}

.fk-infoBlockWrap .f-infoWrap {
	position: absolute;
	top: 0;
	z-index: 2;
	text-align: center;
	width: 238px;
	left: -45px;
	transition: all .3s;
	opacity: 0;
	filter: alpha(opacity=0)
}

.f-infoBlock-fasico .f-infoWrap {
	top: -13px;
	text-align: center
}

.fk-infoBlockWrap-listedBrand .f-bg {
	background-color: #24e6a3;
	background: linear-gradient(145deg,#8cfc9b,#24e6a3)
}

.fk-infoBlockWrap-listedBrand:hover .f-infoBlock-fasico .f-bg {
	background: linear-gradient(90deg,#8cfc9b,#24e6a3)
}

.fk-infoBlockWrap-funcRich .f-bg {
	background-color: #f8788b;
	background: linear-gradient(145deg,#ffd530,#ffa020)
}

.fk-infoBlockWrap-funcRich:hover .f-infoBlock-fasico .f-bg {
	background: linear-gradient(90deg,#f8c84c,#f8788b)
}

.fk-infoBlockWrap-oneKey .f-bg {
	background-color: #f65589;
	background: linear-gradient(145deg,#ff8bb1,#ff4773)
}

.fk-infoBlockWrap-oneKey:hover .f-infoBlock-fasico .f-bg {
	background: linear-gradient(90deg,#f26768,#f65589)
}

.fk-infoBlockWrap-model .f-bg {
	background-color: #c467ff;
	background: linear-gradient(145deg,#7e73fe,#8532f7)
}

.fk-infoBlockWrap-model:hover .f-infoBlock-fasico .f-bg {
	background: linear-gradient(90deg,#fe80fb,#c467ff)
}

.fk-infoBlockWrap-site3to1 .f-bg {
	background-color: #38cf7a;
	background: linear-gradient(145deg,#308aff,#2038ff)
}

.fk-infoBlockWrap-site3to1:hover .f-infoBlock-fasico .f-bg {
	background: linear-gradient(90deg,#32dab7,#38cf7a)
}

.fk-infoBlockWrap-easeMaintain .f-bg {
	background-color: #b376ff;
	background: linear-gradient(145deg,#44aaf8,#b376ff)
}

.fk-infoBlockWrap-easeMaintain:hover .f-infoBlock-fasico .f-bg {
	background: linear-gradient(90deg,#44aaf8,#b376ff)
}

.fk-infoBlockWrap-superSevice .f-bg {
	background-color: #6cbaf8;
	background: linear-gradient(145deg,#7ee1f9,#6cbaf8)
}

.fk-infoBlockWrap-superSevice:hover .f-infoBlock-fasico .f-bg {
	background: linear-gradient(90deg,#7ee1f9,#6cbaf8)
}

.fk-infoBlock .f-info-title {
	font-size: 16px;
	padding-top: 25px;
	padding-bottom: 6px;
	line-height: 1
}
.fk-infoBlock .f-info-desc samp{font-family:"微软雅黑";color:#006aff; font-weight:bold; font-size:24px;}
.fk-infoBlock .f-info-desc {
	font-size: 16px;
	padding: 0 10px;
	line-height: 1.6;
	
}

.fk-infoBlock .f-button {
	margin-top: 9px;
	background: #fff;
	display: inline-block;
	width: 115px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	z-index: 3;
	color: #006aff
}
.fk-infoBlock .f-button1{color: #00dea6;border: solid #00dea6 1px;}
.fk-infoBlock .f-button1:hover{color: #fff;background-color:#00dea6!important;}
.fk-infoBlock .f-button2{color: #ff8c19;border: solid #ff8c19 1px;}
.fk-infoBlock .f-button2:hover{color: #fff;background-color:#ff8c19!important;}
.fk-infoBlock .f-button3{color: #ff3966;border: solid #ff3966 1px;}
.fk-infoBlock .f-button3:hover{color: #fff;background-color:#ff3966!important;}
.fk-infoBlock .f-button4{color: #881bf5;border: solid #881bf5 1px;}
.fk-infoBlock .f-button4:hover{color: #fff;background-color:#881bf5!important;}
.fk-infoBlock .f-button5{color: #1a19ff;border: solid #1a19ff 1px;}
.fk-infoBlock .f-button5:hover{color: #fff;background-color:#1a19ff!important;}

.fk-infoBlock .f-button:hover{background-color:#006aff;color: #fff}
.f-infoBlock-fasico .f-info-title {
	font-size: 20px;
	padding-top: 35px;
	padding-bottom: 12px;
	line-height: 1
}.f-infoBlock-fasico .f-info-desc

.f-infoBlock-fasico .f-info-desc {

	font-size: 16px;
	padding: 0 10px;
	line-height: 1.8;
	margin-top: -7px;
	padding-bottom: 16px
}

.f-infoBlock-fasico .f-button.raised {
	background: transparent;
	color: #fff;
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	z-index: 3;
	font-size: 12px
}

.f-infoBlock-fasico-mulLine .f-info-title {
	padding-top: 35px;
	padding-bottom: 12px
}

.f-infoBlock-fasico-mulLine .f-info-desc {
	font-size: 16px;
	padding: 0 10px;
	line-height: 1.5;
	margin-top: 0px;
	padding-bottom: 10px
}

.f-infoBlock-fasico .f-button.raised:hover {
	background-color: #fff;
	color: #666
}

.f-infoBlock-fasico .f-button.raised:hover .anim {
	display: none
}

.f-infoBlock-normal .f-info-title {
	color: #333
}

.f-infoBlock-normal .f-info-desc {
	color: #666
}

.f-infoBlock-fasico .f-info-title,.f-infoBlock-fasico .f-info-desc {
	color: #fff
}

.f-main-itemHover .fk-infoBlockWrap:hover .f-infoIcon {
	opacity: 0;
	filter: alpha(opacity=0)
}

.f-main-itemHover .fk-infoBlockWrap:hover .f-infoWrap {
	opacity: 1;
	filter: alpha(opacity=100)
}

.f-infoBlock-name {
	padding-top: 28px;
	transition: opacity .1s;
	opacity: 1;
	text-align: center;
	font-size: 20px;
	color: #333;
	line-height: 1;
	position: absolute;
	top: 146px;
	width: 100%;
	left: 0
}

.f-main-itemHover:hover .f-infoBlock-name {
	opacity: 0;
	filter: alpha(opacity=0)
}

.fk-index-tabs {
	padding-top: 68px;
	font-size: 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative
}

.fk-index-tabs .f-tab {
	padding-bottom: 15px;
	width: 70px;
	margin-left: 70px;
	color: #333;
	font-size: 18px;
	padding: 0 12px 15px 12px;
	line-height: 1;
	width: auto;
	cursor: pointer
}

.fk-index-tabs .f-tab-first,.fk-index-tabs .f-tab:first-child {
	margin-left: 0
}

.fk-index-tabs .f-tab-activeLine {
	position: absolute;
	height: 2px;
	background: #4975e5;
	display: block;
	width: 0
}

.fk-index-tabs .f-tabLink {
	color: #333;
	display: block
}

.fk-index-sliderPanel {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden
}

.fk-index-sliderPanel .f-sldList {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: hidden
}

.fk-index-sliderPanel .f-sldList .f-sldItem {
	height: 100%;
	width: 100%;
	float: left;
	text-align: left;
	position: relative
}

.fk-index-sliderPanel .f-sldList-2 {
	width: 200%
}

.fk-index-sliderPanel .f-sldList-3 {
	width: 300%
}

.fk-index-sliderPanel .f-sldList-4 {
	width: 400%
}

.fk-index-sliderPanel .f-sldList-5 {
	width: 500%
}

.fk-index-sliderPanel .f-sldList-6 {
	width: 600%
}

.fk-index-sliderPanel .f-sldList-2 .f-sldItem {
	width: 50%
}

.fk-index-sliderPanel .f-sldList-3 .f-sldItem {
	width: 33.3333333333%
}

.fk-index-sliderPanel .f-sldList-4 .f-sldItem {
	width: 25%
}

.fk-index-sliderPanel .f-sldList-5 .f-sldItem {
	width: 20%
}

.fk-index-sliderPanel .f-sldList-6 .f-sldItem {
	width: 16.6666667%
}

.fk-index-sliderPanel .f-sldImg {
	width: 100%;
	height: 100%;
	display: block
}

.fk-index-guestWinSld-sliderPanel .f-sldList-3 .f-sldItem {
	width: 740px
}

.fk-banner-index .fk-index-sliderPanel {
	height: 100%
}

.fk-index-focus {
	position: absolute;
	left: 50%;
	top: 647px;
	height: 20px;
	margin-left: -75px
}

.fk-index-focus .f-focusList {
	font-size: 0;
	text-align: center
}

.fk-index-focus .f-focusItem:first-child {
	margin-left: 0
}

.fk-index-focus .f-focusItem {
	width: 10px;
	height: 10px;
	border-radius: 16px;
	background: rgba(255,255,255,0.5);
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 16px;
	transform-origin: center center;
	transition: width .3s;
	cursor: pointer
}

.fk-index-focus .f-focusItem-active {
	width: 20px;
	background: #fff
}

.fk-banner-index .f-button-wrap {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-top: 400px;
	display: block
}

.fk-banner-index .f-button-wrap:active {
	background: transparent
}

.fk-banner-index .f-button {
	width: 220px;
	height: 70px;
	border: solid #fff 1px;
	border-radius: 35px;
	line-height: 70px;
	text-align: center;
	font-size: 35px;
	z-index: 3;
	color: #fff;
	vertical-align: middle;
	font-weight: normal;
	display: block
}

.set_2_0826_btn {
	position: relative;
	text-align: center;
	width: 229px;
	height: 72px;
	font-size: 21px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	cursor: pointer;
	border-radius: 50px;
	text-align: center
}

.set_4_button2 {
	position: relative;
	font-weight: 400;
	text-align: center;
	width: auto;
	line-height: 50px;
	height: 50px;
	font-size: 16px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	cursor: pointer;
	color: #fff;
	border-radius: 35px;
	border: solid #006aff 1px;
	width: 220px;
	text-align: center
}

.set_4_button2.raised {
	-moz-transition: all .1s;
	-o-transition: all .1s;
	-webkit-transition: all .1s;
	transition: all .1s;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d
}

.f-index-btn {
	left: 125px;
	top: 110px;
	border: 0;
	width: 240px;
	height: 60px;
	line-height: 60px;
	background: -moz-linear-gradient(214deg,#4456fd,#1eacf6);
	background: -o-linear-gradient(214deg,#4456fd,#1eacf6);
	background: linear-gradient(-124deg,#4456fd,#1eacf6);
	-webkit-box-shadow: 0 0 13px 6px rgba(34,129,247,.13);
	-moz-box-shadow: 0 0 13px 6px rgba(34,129,247,.13);
	box-shadow: 0 0 13px 6px rgba(34,129,247,.13)
}

.f-safe-btn {
	background-color: rgba(255,255,255,1);
	color: rgba(27,91,255,255)
}

.f-build-btn {
	color: #8a67fc;
	background: #fff;
	border: 0
}

.f-bdyh-btn {
	color: #5022dd;
	background: #fff;
	width: 181px;
	height: 55px;
	line-height: 55px;
	left: 0;
	top: 0;
	border: 0
}

.fk-banner-index .f-button-safe {
	width: 1200px;
	color: #fbe0e0;
	margin: 0 auto;
	position: relative;
	padding-top: 480px;
	padding-right: 25px;
	display: block
}

.f-banner-bdyh {
	display: block;
	height: 100%
}

.fk-banner-index .f-button-bdyh {
	width: 181px;
	color: #fbe0e0;
	margin: 0 auto;
	position: absolute;
	top: 430px;
	left: 50%;
	margin-left: -600px;
	display: block
}

.fk-banner-index .f-button-0826 {
	margin-left: 542px;
	position: relative;
	padding-top: 468px;
	display: block
}

.anim {
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1
}

.anim:before {
	position: relative;
	content: '';
	display: block;
	margin-top: 100%
}

.anim:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%
}

.hoverable .anim {
	-moz-animation: anim-out .75s;
	-webkit-animation: anim-out .75s;
	animation: anim-out .75s
}

.hoverable .anim:after {
	-moz-animation: anim-out-pseudo .75s;
	-webkit-animation: anim-out-pseudo .75s;
	animation: anim-out-pseudo .75s
}

.hoverable .anim,.hoverable .anim:after {
	animation-iteration-count: infinite;
	animation-duration: 1.3s
}

@-webkit-keyframes anim-in {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@-moz-keyframes anim-in {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@-ms-keyframes anim-in {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@keyframes anim-in {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@-webkit-keyframes anim-in-pseudo {
	0% {
		background: rgba(0,0,0,0.25)
	}

	100% {
		background: transparent
	}
}

@-moz-keyframes anim-in-pseudo {
	0% {
		background: rgba(0,0,0,0.25)
	}

	100% {
		background: transparent
	}
}

@-ms-keyframes anim-in-pseudo {
	0% {
		background: rgba(0,0,0,0.25)
	}

	100% {
		background: transparent
	}
}

@keyframes anim-in-pseudo {
	0% {
		background: rgba(0,0,0,0.25)
	}

	100% {
		background: transparent
	}
}

@-webkit-keyframes anim-out {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@-moz-keyframes anim-out {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@-ms-keyframes anim-out {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@keyframes anim-out {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@-webkit-keyframes anim-out-pseudo {
	0% {
		background: rgba(0,0,0,0.25)
	}

	100% {
		background: transparent
	}
}

@-moz-keyframes anim-out-pseudo {
	0% {
		background: rgba(0,0,0,0.25)
	}

	100% {
		background: transparent
	}
}

@-ms-keyframes anim-out-pseudo {
	0% {
		background: rgba(0,0,0,0.25)
	}

	100% {
		background: transparent
	}
}

@keyframes anim-out-pseudo {
	0% {
		background: rgba(0,0,0,0.25)
	}

	100% {
		background: transparent
	}
}
.yys-boody2{width:1200px;margin: 0 auto;}
.yys-terle p{text-align:center; }
.yys-terle .yys-te{font-weight:bold;font-size:42px;color:#333333;margin-top:40px;}
.yys-terle .yys-nr{font-size:20px;color:#999999;margin-top:15px;}
.f-section .tese-cp{
	display: flex;
flex-wrap: wrap;
justify-content: space-between; 
}
.tese-cp li .tese-lift{float:left;margin-right:30px; }
.tese-cp li{width: 48%;margin-top:70px;margin-bottom:20px;}
.tese-cp li .tese-right .tese1{font-size:20px;color:#333333;font-weight:bold;position:relative;top:-8px;}
.tese-cp li .tese-right .tese2{font-size:16px;color:#999999;margin-top:8px;}
.youshi{margin-top:60px;}
.f-section .youshi{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; 	
}

.youshi li{text-align:center; width: 25%}
.youshi li .youshi-te{font-size:20px;color:#333333;font-weight:bold;margin-top:20px; }
.youshi li .youshi-nr{font-size:16px;color:#999999;margin-top:10px; }
.yys-footer{background: url(../images/yysfoot.png); background-size:100% 100%;height: 306px;}
.footer-y{width: 1200px;margin: 0 auto;}
.footer-y p{text-align:center;}
.footer-y .yyskhd{font-size:42px;color:#ffffff;font-weight:bold;padding-top:60px;text-align:center;}
.footer-y p.yyskhd1{font-size:20px;color:#ffffffa6;;padding-top:20px;}
.footer-y a{display: block;width: 200px;height: 60px;font-size:20px;color:#3577fc;background-color:#fff;text-align:center; line-height:60px;
			border-radius:10px;margin: 30px auto;transition: all 0.3s ease;}
.dibu1 p{line-height:70px;background-color:#31333e;font-size:14px;color:#ffffff6b;text-align:center;}
.footer-y a:hover{box-shadow: 0px 2px 9px #1a66ab;
    -moz-box-shadow: 0px 2px 9px #1a66ab;
    -webkit-box-shadow: 0px 2px 9px #1a66ab;
    -webkit-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
    -webkit-transition-duration: 0.45s;
    transition-duration: 0.45s;}
.banan-tele{ 
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: absolute;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); /* 用于修正定位偏移 */
	width: 1200px; /* 子元素的宽度 */}


/****/
.tag-ye{width: 1200px;margin: 130px auto;overflow: hidden;
box-shadow: 0px 2px 14px 0px rgba(51, 45, 42, 0.1);
-moz-box-shadow: 0px 2px 14px 0px rgba(51, 45, 42, 0.1);
-webkit-box-shadow: 0px 2px 14px 0px rgba(51, 45, 42, 0.1);
min-height: 600px;position:relative;}
.tag-lift{padding: 20px 40px;}		
.yems a.actived{color: #fff;background: #ff6300;}
.yems{border: 1px solid #dddddd;overflow: hidden;}
.yems a{width: 30px!important;border-left:1px solid #dddddd;
height: 30px!important;display: block;float:left;
line-height: 30px;font-size:14px;color:#333;
text-align: center;background-color: #fff;}
.yems a:nth-child(1){border-left:1px solid #dddddd00;}
.tag-lift p.tagte{font-size:20px;color:#7b7b7b;}
.tag-lift ul li a{  display: block; padding: 15px 40px; color: #333; font-size: 16px; border: 1px solid #e6e7e857; border-radius: 30px; background-color: #fff; text-decoration: none; white-space: nowrap;
 box-shadow: 0px 2px 14px 0px rgba(51, 45, 42, 0.1);-moz-box-shadow: 0px 2px 14px 0px rgba(51, 45, 42, 0.1); -webkit-box-shadow: 0px 2px 14px 0px rgba(51, 45, 42, 0.1);}
.tag-lift ul li{float:left;margin-top:20px;margin-right:20px;}
.tag-lift ul li:nth-child(1){margin-left:200px;}



@media screen and (max-width: 1310px) {
	.hezuohb{
		width: 100%;
		padding: 0 20px;
		box-sizing:border-box;
	}
}
@media screen and (max-width: 1240px){
	#header ul li:nth-child(7){
		display: none;
	}
	.yys-boody2{
		width: 100%;
		padding: 0 20px;
		box-sizing:border-box;
	}
	.loutinav{
		width: 100%;
	}
}
@media screen and (max-width: 1200px) {
    .yys-boody2{
        width: 100%;
		padding: 0 20px;
		box-sizing:border-box;  
    }
	
	.banan-tele{
		width: 100%;
		padding: 0 20px;
		box-sizing:border-box;
	}
	.aui-banner-wrapper ul li img{
		max-width: none;
	}
	.banan-tele img{
        width: 50%;
	}
	.xinwen ul{
		display: flex;
		flex-wrap: wrap;
	}
	.banan-tele{
		top:40%
	}
	.aui-banner-main{
		height: 380px;
	}
	.xinwen ul li{
		width: 48%;
        margin: 20px 0 0 2%;
        box-sizing: border-box;
	}
	.aui-banner-slide{
		min-width: 0;
	}
	
	
}

@media screen and (max-width: 1000px) {
	.f-section .youshi{
		margin-top: 30px;
	}
	.youshi li{
		margin-top: 30px;
		width: 48%;
	}
}

@media screen and (max-width: 860px) {
	#uploader .statusBar{
		height: auto;
		line-height: 1;
		padding: 12px;
	}
	#uploader .statusBar .btns{
		width: 100%;
		text-align: center;
	}
	#uploader .statusBar .btns .webuploader-container p,
	#uploader .statusBar .btns .webuploader-container .webuploader-pick{
		float: none;
		margin-left: 0;
		white-space: nowrap;
	}
	
}

@media screen and (max-width: 760px) {
	.banan-tele{
		top:30%
	}
	.aui-banner-main{
		height: 280px;
	}
	.xinwen ul li{
		width: 96%;
	}
	
	.tese-cp li{
		width: 96%;
	}
	.f-main-item{
		width: 48%;
	}

	
	.aui-banner-circle{
		width: 100%;
		bottom: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
@media screen and (max-width: 540px) {
	.f-main-item{
		width: 96%;
	}
	.youshi li{
		width: 96%;
	}
	.banan-tele{
		top:20%
	}
	.aui-banner-main{
		height: 200px;
	}
	.banan-tele{
		padding: 0 10px;
	}
}