@charset "UTF-8";
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body { background:#ffffff; font-family: '微软雅黑' !important; font-size: 100%; }
.wrap{ margin:0 auto; width:80%; }

.content { background: url(../img/slider.jpg) no-repeat; background-size: 100%; background-size:cover; }
.nopadding{padding: 0 !important;}
/*****/
/* 模态框 */
.modal-dialog{z-index:1050; margin: 114px auto !important;}
#mymodal .modal-dialog,#addproduct .modal-content{background: #F6F7F6; border-radius: 0; overflow-x: hidden}
#mymodal .modal-header{border-bottom:none !important; }
#mymodal .modal-header .close{font-size: 34px;}
#mymodal .modal-header h4 span{ display: inline-block; padding: 40px 0 0; margin-left: 20px; color:#000; font-size: 24px;}
#mymodal .modal-header p span{ display: inline-block; border-bottom:2px solid #DEDFDE; width: 340px; height: 2px;}
#mymodal .modal-footer{ border-top:none;}
#mymodal .modal-body{ padding: 0 45px 0 30px;}
#mymodal .modal-body .row{margin-bottom: 30px;}
#mymodal .modal-body .row > div{padding-right: 0; position: relative;}
#mymodal .modal-body .edit-info i{position: absolute; color:#D1D2D1; top:8px; font-size: 24px; left: 26px;}
#mymodal .modal-body .edit-info input{width: 100%; font-size: 14px; height: 52px; border: 1px solid #CBD1D4; border-radius: 6px; text-indent:40px;}
#mymodal .modal-body .edit-company input,#mymodal .modal-body .edit-job input{width: 100%; font-size: 14px;  height: 52px; border: 1px solid #CBD1D4; border-radius: 6px; text-indent:12px;}
#mymodal .modal-body input:focus{outline: none; border: 1px solid #fd8730;}
#mymodal .modal-body .my-submit{background: #FC695C; border: none; -webkit-appearance:none; outline: none; height: 50px; width: 120px; text-align: center; display: inline-block; line-height: 50px; border-radius: 6px; color: #fff; cursor: pointer;}
#mymodal .modal-body .edit-info span,#mymodal .modal-body .edit-company span,#mymodal .modal-body .edit-job span{position: absolute;}

.margin-top-30{margin-top: 30px !important;}
.margin-top-60{margin-top: 60px !important;}
.margin-top-15{margin-top: 15px !important;}
.margin-top-45{margin-top: 45px !important;}
.margin-top-100{margin-top: 100px !important;}
.margin-bot-15{margin-bottom: 15px !important;}
.margin-bot-30{margin-bottom: 30px !important;}
.margin-bot-45{margin-bottom: 45px !important;}
.margin-bot-80{margin-bottom: 80px !important;}

/* 主页导航 */
.navbar-dy .nav-pills > li + li{margin-left: 0;}
.navbar-dy ul{height: 60px !important; background: #F8F8F8; display: block; overflow: hidden;}
.navbar-dy ul > li{ height: 60px; display: inline-block; font-size: 16px;  float: right;}
.navbar-dy ul > li a{color: #26313A; height: 60px; line-height: 44px; text-decoration: none; width: 110px; text-align: center;}
.navbar-dy ul > li a:hover{ color: hsl(207, 24%, 52%); border-radius: 0; background: #F8F8F8;}
.navbar-dy .navbar-header{padding-left: 30px;}
.navbar-dy .navbar-header img{height: 45px; margin-top: 6px;}
.navbar-dy ul .active a{background: #434343 !important; border-radius:0 !important;}
.navbar-fixed-top{border-width: 0 !important; border: 0; border-color: transparent;}

/* 主页banner */
.dy-banner{ background: #E3E5E5; height:600px; width: 100%; position: relative; }
.dy-banner .service span:first-child ~ span{margin-left: 45px;}
.dy-banner .upan{ position: absolute; top:140px; left: 200px; }
.dy-banner h1{ text-align: center; letter-spacing: 6px; padding-top: 240px; font-size: 75px; font-weight: bold;  }
.dy-banner h1 span{ color: #E04140; }
.dy-banner p{ text-align: center; font-size: 26px; margin-top: 50px; letter-spacing: 4px; font-weight: bold;}
.dy-banner > div{ text-align: center; font-size: 16px; margin-top: 20px; letter-spacing: 4px;}
.dy-banner > div > div{ width: 580px; text-align: left; display: inline-block; color: #23303B; font-size: 14px;}
.dy-banner > div > div span{position: relative; margin-left: 40px; display: inline-block;}
.dy-banner > div > div span:before{position: absolute; content: '.'; color:red; left: -23px;top:-23px; font-size: 35px;}
.dy-banner .right-logo{position: absolute; right:15px;bottom: -82px;}

/* 主页快捷入口 */
.quickshort{margin-top: 22px; margin-bottom: 0px;}
.quickshort >div:hover{ box-shadow:-5px 0 5px #ddd, /*左边阴影*/ 5px 0 5px #ddd, /*右边阴影*/ 0 0px 0px #fff, /*顶部阴影*/ 0 5px 5px #ddd; /*底边阴影*/ }
.quickshort .text-center{padding: 25px; cursor: pointer;}
.quickshort .text-center p{font-size: 22px;}
.quickshort .short-one a{color: #369BC8;}
.quickshort .short-one div{font-size: 14px;}
.quickshort .short-two a{color: #DB6055;}
.quickshort .short-two div{font-size: 14px;}
.quickshort .short-three a{color: #8FE254;}
.quickshort .short-three div{font-size: 14px;}
.quickshort .text-center a{ display: block;}
.quickshort .text-center a:hover{ text-decoration:none !important;}

/* 主页脚部 */
.dy-foot{ margin-top:30px; margin-left: 0; margin-right: 0; background: #333433; height: 60px; line-height: 60px; color: #fff; text-align: center;}

/* 资管家assetman */
.work-info{margin-top: 10px;}
.work-info h3{font-size: 20px;}
.work-info span{display: inline-block;color: #fff; margin-top: 10px; width: 138px; height: 40px; line-height: 40px; font-size: 22px; font-weight: bold;}
.work-info span:first-child{background: #535453;}
.work-info span:last-child{background: #E15352; margin-left: 25px;}
.myway .text-center{background: #434443; color: #fff; padding: 24px 15px 15px 15px; height: 240px;}
.myway h1{text-align: center; padding: 30px 0; font-size: 32px; font-weight: bold; }
.myway h3{font-weight: bold; margin-bottom: 28px; font-size: 18px;}
.myway p{font-size: 14px;}
.myway .set-pad{cursor: pointer;}
.myway .set-pad:hover .text-center{background: #E15352;}
.wecando{margin-top: 80px;}
.wecando img{width:40px;}
.wecando span{font-size: 16px; display: inline-block; margin-left: 8px;}
.wecando > div{margin-bottom: 30px;}

/* assetman的banner */
.asset-banner{position: relative;}
.asset-banner > div {position: absolute; top:0; left:0; bottom: 0; right:0; color: #fff;}
.asset-banner > div img{width: 150px; min-height:0; margin-top: 130px; }
.asset-banner > div .test-free{color: #fff; position: relative; display: inline-block; border: 1px solid rgba(255, 255, 255, 0.37); width: 200px; cursor: pointer; margin-top: 54px; font-size: 18px; height: 60px; line-height: 60px; text-align: center; }
.asset-banner h3{    margin-top: 80px; font-size: 30px; font-weight: bold; letter-spacing: 2px;}
.asset-banner p{    margin-top: 30px; font-size: 20px;  letter-spacing: 2px;}
.asset-banner p span{ width: 96%; display: inline-block; max-width: 860px;}
.asset-banner > div .test-free span{position: absolute; left: 0; right: 0; top:0; bottom: 0; background: #000; opacity: 0.3; filter:alpha(opacity:30);}
.asset-banner > div .test-free i{position: relative; z-index: 3;}

/* 动画按钮 */
.animate-btn{display: inline-block; border: 2px solid #fff; /*border-radius: 100%;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; position: absolute; top:0; bottom: 0; left:0; right:0; -webkit-animation: ball-scale-multiple 1.6s 0s linear infinite; animation: ball-scale-multiple 1.6s 0s linear infinite; }
@-webkit-keyframes ball-scale-multiple { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } }
@keyframes ball-scale-multiple { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } }
.animate-btn > div:nth-child(2) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.animate-btn > div { border: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 0px; top: 0px; right: 0; bottom: 0; opacity: 0; margin: 0; -webkit-animation: ball-scale-multiple 1.6s 0s linear infinite; animation: ball-scale-multiple 1.6s 0s linear infinite; }
.assetman .quickshort p{font-weight: bold; margin-top: 14px; color: #717070;}
.assetman .quickshort .text-center > div{ color: #717070; font-size: 14px;}

/* 左侧导航块 */
.left-nav{position: fixed; top:400px; left: 30px;}
.left-nav ul{width: 20px;}
.left-nav ul .active a{background: #d1555a !important;}
.left-nav ul li{width: 20px; height: 20px; margin-top: 18px;}
.left-nav ul li a{height: 100%; height: 100%;display: block; padding: 0;}
.left-nav ul li a:hover{background: #aaa;}
.left-nav ul li .one{ background: #474747;}
.left-nav ul li .two{ background: #626262;}
.left-nav ul li .three{ background: #7a7a7a;}
.left-nav ul li .four{ background: #959595;}

/* 第四部分 */
.assetman-app .up-half{background: #313231; padding: 100px 0 42px 0; color: #fff; position: relative;}
.assetman-app .up-half p,.assetman-app .down-half p{font-size: 16px; margin: 0 5px 5px 0;}
.assetman-app .up-half span,.assetman-app .down-half span{display: inline-block; width: 68px;  }
.assetman-app .up-half .item,.assetman-app .down-half .item{margin-top: 40px; position: relative;}
.assetman-app .up-half .item{    margin-bottom: 80px;}
.assetman-app .up-half .item > div{width: 72%;}
.assetman-app .up-half .item > span{width: 23%; max-width: 100px;}
.assetman-app .down-half .item > div{width: 72%;}
.assetman-app .item p:first-child{font-size: 20px; margin-bottom:15px; }
.assetman-app .down-half .item > span{width: 23%; max-width: 100px;}
.assetman-app .up-half .item .left-img img,.assetman-app .down-half .item .left-img img{position: absolute; top:0; right: 15px;}
.assetman-app .up-half .item .right-img img,.assetman-app .down-half .item .right-img img{position: absolute; top:0; left: 15px;}
#four img,#three img{width: 40px;}
.phone-pic{position: relative;}
.phone-pic img{position: absolute; left: 50%; margin-left: -141px;}
.app-pic{position: absolute; top:62px; left:50%; margin-left: -256px;}

#four{margin-bottom: 70px;}

/* 加入我们 */
.joinus{background: #e3e4e5; text-align: center; padding: 15px 0; margin-top: 60px; position: relative; }
.joinus .join-title{position: absolute; top:0; left: 0; right: 0; bottom: 0;}
.joinus .join-title h3{position: relative; z-index: 3; font-weight: bold; font-size: 50px; color: #fff; margin-top: 8%;}
.joinus .join-title h3 span{color: #D61410;}
.joinus .join-title p{color: #fff;  position: relative; z-index: 3; margin-top: 4%; display: inline-block; display: none; width: 50%; line-height: 30px; font-size: 18px; font-weight: normal;}
.joinus .join-title .mask{background: #232227; opacity: 0.4;position: absolute; top:0; left: 0; right: 0; bottom: 0;}
.joinus img{width: 20%; float: left; }
.joinus img:after{content: ''; clear: both;}
.joinus .joinus-nav{clear: both; position: relative; z-index: 4;  color: #C8C8CB; font-size: 18px; margin-top: 10px; font-weight: bold; }
.joinus .joinus-nav span{cursor: pointer;}
.joinus .joinus-nav a{color: #C8C8CB;height: 45px; line-height: 45px; display: inline-block;}
.joinus .joinus-nav a:hover{color: #C8C8CB; text-decoration: none;}
.joinus .joinus-nav span:last-child{display: inline-block; margin-left: 140px;}
.joinus .joinus-nav .active{color: #FFFFFF;}
.joinus-info{margin-top: 70px;}
.joinus-info h4{font-size: 16px; line-height: 28px; margin-top: 0;}
.joinus-info img{width: 100%;}
.joinus-info .joinus-touch{margin-top: 40px;}
.joinus-info i{color: #D81B01; display: inline-block; margin-right: 15px; font-size: 18px;}
.joinus-info b{font-weight: bold;}
.joinus-info p{margin-top: 15px;}
.joinus .joinus-img{clear: both; display: inline-block;}
.hidden-myshow{display: none;}
.text-center-my{text-align: left;}
.text-center-my img{width: auto; margin-top: 25px;}

.joinus-team{margin-bottom: 22px;}
.joinus-team > h3{ padding: 50px 30px; line-height: 26px;}
.joinus-team .zhiwei img{width: 86%;}
.joinus-team .zhiwei > div{cursor: pointer;}
.joinus-team .zhiwei > div i{position: relative; display: inline-block;}
.joinus-team .zhiwei > div span{position: absolute; overflow: hidden;   font-size: 14px; text-align: left; top:19%; right: 31px; color: #fff; width: 40%; display: inline-block;}

.request-yous{position: fixed;  display: none; color: #fff;  z-index: 20000;   width: 500px; top:30%; margin-top: -180px; left: 50%; margin-left: -250px;}
.request-yous .mask{background: #000;position: absolute; width:100%; height: 100%; opacity: 0.9; filter:alpha(opacity:90);}
.request-yous .request-info{padding: 40px; color: #FBFCFB; position: relative; z-index:6;overflow-x: hidden; max-height: 720px; overflow-y: auto; }
.request-yous .request-info h3{font-size: 22px;}
.request-yous .request-info .zhize{margin-bottom: 28px;}
.request-yous .request-info .zhize h4{font-size: 14px; margin-top: 15px; margin-bottom: 10px; color:#B5B6B5;}
.request-yous .request-info .zhize p{font-size: 14px; margin: 10px 0; line-height: 22px;}
.request-yous .request-info .number{font-size: 14px; margin-top: 8px;}

/*滚动条样式*/
.set-scroll::-webkit-scrollbar { width: 9px; height: 16px;}
/*CSS的坐标系，左上角为(0,0),往右往下为增加，往上往左为减少*/
/*显示滚动条上方的渐增按钮*/
.set-scroll::-webkit-scrollbar-button:start:decrement, 	/*显示滚动条上方的渐减按钮*/
.set-scroll::-webkit-scrollbar-button:end:increment { display: block;}
/*隐藏滚动条上方的渐增按钮*/
.set-scroll::-webkit-scrollbar-button:vertical:start:increment, 	::-webkit-scrollbar-button:vertical:end:decrement { display: none;}
/* 定义滚动条渐增按扭的样式 */
.set-scroll::-webkit-scrollbar-button:end:increment { background-image: url(../../assets/img/dongyong/scroll_cntrl_dwn.png) !important; background-repeat:no-repeat; width:9px; height:12px;}
/* 定义滚动条渐减按扭的样式 */
.set-scroll::-webkit-scrollbar-button:start:decrement { background-image: url(../../assets/img/dongyong/scroll_cntrl_up.png) !important; background-repeat:no-repeat; width:9px; height:12px;}
/* 垂直滚动条的第三层轨道的上段 */
.set-scroll::-webkit-scrollbar-track-piece:vertical:start {}
/* 垂直滚动条的第三层轨道的下段 */
.set-scroll::-webkit-scrollbar-track-piece:vertical:end {}
/* 垂直滚动条的滑动块 */
.set-scroll::-webkit-scrollbar-thumb:vertical {height: 56px; -webkit-border-image: url(../../assets/img/dongyong/scroll_slide.png) 0 0 0 0 stretch stretch !important; border-width:0 0 0 0;}


/* 媒体查询 */
@media (min-width: 768px) { /* 大于768px */
	.asset-banner img{min-height: 300px;}
	.hide-xs{display: block;}
	.show-xs{display: none;}

	.joinus-info img{width: 90%;}
	.joinus{background: #838485; text-align: center; padding: 15px; margin-top: 60px; font-family: 黑体; }
	.joinus img{margin-left: 0.8%; width: 19.2%; }
	.joinus img:first-child{margin-left: 0; }

	.assetman-app .up-half  .text-right .item > div{width: 72%; position: relative; left: 26px;}
	.assetman-app .up-half  .text-left .item > div{width: 72%; position: relative; right: 26px;}

	.assetman-app .down-half  .text-right .item > div{width: 72%; position: relative; left: 26px;}
	.assetman-app .down-half  .text-left .item > div{width: 72%; position: relative; right: 26px;}
	.text-center-my{text-align: center;}
	.text-center-my img{width: auto; margin-top: 0px;}
}

@media (max-width: 992px) { /* 小于992px */
	.app-pic{display: none;}
}

@media (min-width: 992px) { /* 大于992px */
	.joinus .join-title p{display: inline-block;}
}

@media (min-width: 768px) and (max-width:992px){ /* 大于768px 小于992px */

	.hidden-my{display: none;}
	.hidden-myshow{display: block;}
	.joinus img{margin-left: 5px; width: 19%; }

	.dy-banner{ height:550px;}
	.dy-banner .upan{ top:120px; left: 80px; }
	.dy-banner h1{padding-top: 170px; font-size: 60px; }
	.dy-banner h1 span{ color: #E04140; }
	.dy-banner p{ font-size: 24px;}
	.dy-banner > div{ text-align: center; margin-top: 20px; letter-spacing: 4px;}
	.dy-banner > div > div{ width: 580px; text-align: left; display: inline-block; color: #23303B;}
	.dy-banner > div > div span{position: relative; margin-left: 40px; display: inline-block;}
	.dy-banner .right-logo{position: absolute; right:15px;bottom: -82px; width: 66px;}

	.quickshort{margin-top: 30px; margin-bottom: 15px;}
	.quickshort .text-center{padding: 15px 25px; cursor: pointer; }
	.myway .set-pad{padding: 0 5px;}
	.myway h1{text-align: center; padding: 30px 0; font-weight: bold; }
	.myway h3{font-weight: bold; margin-bottom: 15px; }

	.asset-banner img{min-height: 500px;}
	.asset-banner > div img{width: 150px; min-height:0; margin-top: 50px; }
	.asset-banner > div .test-free{color: #fff; position: relative; display: inline-block; border: 1px solid #fff; width: 200px; cursor: pointer; margin-top: 40px; font-size: 18px; height: 50px; line-height: 50px; text-align: center; }
	.asset-banner h3{    margin-top: 40px; font-size: 28px; font-weight: bold; letter-spacing: 2px;}
	.asset-banner p{    margin-top: 25px; font-size: 20px;  letter-spacing: 2px;}
	.asset-banner p span{ width: 96%; display: inline-block; max-width: 860px; font-size: 16px;}
	.asset-banner > div .test-free span{position: absolute; left: 0; right: 0; top:0; bottom: 0; background: #000; opacity: 0.3; filter:alpha(opacity:30);}
	.asset-banner > div .test-free i{position: relative; z-index: 3;}

	.assetman-app .up-half{padding: 70px 0 80px 0;}
	.assetman-app .up-half p,.assetman-app .down-half p{font-size: 16px;}

}

@media (min-width: 50px) and (max-width: 768px){ /* 大于50px 小于768px */
	.dy-banner{ height:400px;}
	.dy-banner .upan{ top:68px; left: 30px; width: 60px; }
	.dy-banner h1{padding-top: 104px; font-size: 50px; }
	.dy-banner h1 span{ color: #E04140; }
	.dy-banner p{ font-size: 22px;}
	.dy-banner > div{ text-align: center; font-size: 16px; margin-top: 20px; letter-spacing: 4px;}
	.dy-banner > div > div{ width: 580px; text-align: left; display: inline-block; color: #23303B;}
	.dy-banner > div > div span{position: relative; margin-left: 40px; display: inline-block;}
	.dy-banner .right-logo{position: absolute; right:15px;bottom: -82px; width: 60px;}

	.navbar-dy ul > li{ height: 60px; display: inline-block; font-size: 14px; margin-right: 0;}

	.quickshort{margin-top: 30px; margin-bottom: 15px;}
	.quickshort .text-center{padding: 15px 25px; cursor: pointer; }
	.quickshort .text-center p{font-size: 16px;}
	.quickshort .short-one{color: #369BC8;}
	.quickshort .short-one div{font-size: 14px;}
	.quickshort .short-two{color: #DB6055;}
	.quickshort .short-two div{font-size: 14px;}
	.quickshort .short-three{color: #8FE254;}
	.quickshort .short-three div{font-size: 14px;}

	.myway .set-pad{padding: 0; margin-top: 1px;}
	.myway h1{text-align: center; padding: 30px 0; font-size: 30px; font-weight: bold; }
	.myway h3{font-weight: bold; margin-bottom: 15px; font-size: 18px; }
	.myway p{font-size: 14px;}

	.wecando span{font-size: 16px; display: block; text-align: center; margin-left: 0; margin-top: 4px;}
	.wecando img{width: 60px;}

	.work-info{margin-top: 10px;}
	.work-info h3{font-size: 18px;}
	.work-info span{display: inline-block;color: #fff; margin-top: 10px; width: 138px; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold;}
	.work-info span:first-child{background: #535453;}
	.work-info span:last-child{background: #E15352; margin-left: 25px;}

	.assetman-app .up-half{padding: 30px 0 60px 0;}
	.assetman-app .up-half p,.assetman-app .down-half p{font-size: 16px;}

	.hide-xs{display: none;}
	.show-xs{display: block;}

	#mymodal .modal-body .edit-info{margin-bottom: 30px;}
	#mymodal .modal-body .edit-info:last-child{margin-bottom: 0px;}

	.joinus-info{margin-top: 20px;}
	.joinus .joinus-nav{font-size: 14px; font-weight: normal;}

	.joinus-team > h3{padding: 40px 15px;}
}

@media (min-width: 992px) and (max-width: 1200px){ /* 大于992px 小于1024px */

	.zhiwei > div{padding: 7px;}

	.joinus-info .joinus-touch{margin-top: 20px;}

	.dy-banner{ height:600px; }
	.dy-banner .upan{top:130px; left: 110px; }
	.dy-banner h1{  padding-top: 210px; font-size: 75px; }
	.dy-banner p{font-size: 26px; margin-top: 50px; letter-spacing: 4px; }
	.dy-banner > div{ text-align: center; font-size: 16px; margin-top: 20px; letter-spacing: 4px;}

	.myway .set-pad{padding: 0 16px;}

	.asset-banner img{min-height: 560px;}
	.asset-banner > div img{width: 150px; min-height:0; margin-top: 70px; }
	.asset-banner > div .test-free{color: #fff; position: relative; display: inline-block; border: 1px solid #fff; width: 200px; cursor: pointer; margin-top: 40px; font-size: 18px; height: 50px; line-height: 50px; text-align: center; }
	.asset-banner h3{    margin-top: 50px; font-size: 30px; font-weight: bold; letter-spacing: 2px;}
	.asset-banner p{    margin-top: 25px; font-size: 20px;  letter-spacing: 2px;}
	.asset-banner p span{ width: 96%; display: inline-block; max-width: 860px;}
	.asset-banner > div .test-free span{position: absolute; left: 0; right: 0; top:0; bottom: 0; background: #000; opacity: 0.3; filter:alpha(opacity:30);}
	.asset-banner > div .test-free i{position: relative; z-index: 3;}

	.assetman-app .up-half .item > span{width: 26%;}
	.assetman-app .up-half .item > div{width: 68%;}
	.assetman-app .up-half .text-right .item,.assetman-app .down-half .text-right .item{left: 40px;}
	.assetman-app .up-half .text-left .item,.assetman-app .down-half .text-left .item{right: 40px;}
}

@media (max-width: 1200px) {

}

@media (min-width: 1200px) { /* 大于1200px */
	.myway .set-pad{padding: 0 36px;}
	.joinus-info{width: 1400px;}
	.asset-banner img{min-height: 700px;}
	.assetman-app .up-half .text-right .item,.assetman-app .down-half .text-right .item{left: 90px;}
	.assetman-app .up-half .text-left .item,.assetman-app .down-half .text-left .item{right: 90px;}
}

@media (min-width: 600px) and (max-width:768px){ /* 大于550px 小于768px */
	.wecando span{font-size: 16px; display: block; text-align: center;}

	.asset-banner img{min-height: 500px;}
	.asset-banner > div img{width: 150px; min-height:0; margin-top: 50px; }
	.asset-banner > div .test-free{color: #fff; position: relative; display: inline-block; border: 1px solid #fff; width: 200px; cursor: pointer; margin-top: 40px; font-size: 18px; height: 50px; line-height: 50px; text-align: center; }
	.asset-banner h3{    margin-top: 40px; font-size: 28px; font-weight: bold; letter-spacing: 2px;}
	.asset-banner p{    margin-top: 25px; font-size: 20px;  letter-spacing: 2px;}
	.asset-banner p span{ width: 96%; display: inline-block; max-width: 860px; font-size: 16px;}
	.asset-banner > div .test-free span{position: absolute; left: 0; right: 0; top:0; bottom: 0; background: #000; opacity: 0.3; filter:alpha(opacity:30);}
	.asset-banner > div .test-free i{position: relative; z-index: 3;}
	.joinus .join-title h3{font-size: 40px;}
}

@media (min-width: 600px){ /* 大于600px */
	.dy-banner .hegui{ margin-left: 60px;}
}

@media (min-width: 400px) and (max-width:600px){ /* 大于400px 小于550px */

	.joinus .join-title h3{font-size: 26px; margin-top: 12%;}

	.asset-banner img{min-height: 300px;}
	.dy-banner{ height:400px;}
	.dy-banner .upan{ display: none;}
	.dy-banner h1{padding-top: 104px; font-size: 50px; }
	.dy-banner h1 span{ color: #E04140; }
	.dy-banner p{ font-size: 20px; margin-top: 15px;}
	.dy-banner > div{ text-align: center; font-size: 16px; margin-top: 20px; letter-spacing: 4px;}
	.dy-banner > div > div{ width: 300px; text-align: left; display: inline-block; color: #23303B;}
	.dy-banner > div > div span{position: relative; margin-left: 40px; display: inline-block;}
	.dy-banner .right-logo{position: absolute; right:15px;bottom: -82px;}
	.dy-banner .service{font-size: 14px !important;}
	.wecando span{font-size: 14px; display: block; text-align: center;padding-bottom: 15px;}

	.asset-banner img{min-height: 400px;}
	.asset-banner > div img{width: 100px; min-height:0; margin-top: 30px; }
	.asset-banner > div .test-free{color: #fff; position: relative; display: inline-block; border: 1px solid #fff; width: 200px; cursor: pointer; margin-top: 20px; font-size: 18px; height: 50px; line-height: 50px; text-align: center; }
	.asset-banner h3{    margin-top: 40px; font-size: 22px; font-weight: bold; letter-spacing: 2px;}
	.asset-banner p{    margin-top: 15px; font-size: 16px;  letter-spacing: 2px;}
	.asset-banner p span{ width: 96%; display: inline-block; max-width: 860px; font-size: 14px;}
	.asset-banner > div .test-free span{position: absolute; left: 0; right: 0; top:0; bottom: 0; background: #000; opacity: 0.3; filter:alpha(opacity:30);}
	.asset-banner > div .test-free i{position: relative; z-index: 3;}


}

@media (min-width: 50px) and (max-width:400px){ /* 大于320px 小于550px */
	.joinus .join-title h3{font-size: 20px; margin-top: 12%;}
	.joinus .joinus-nav span:last-child{display: inline-block; margin-left: 40px;}

	.dy-banner .upan{ display: none;}

	.dy-banner{ height:300px;}
	.dy-banner .upan{ display: none;}
	.dy-banner h1{padding-top: 56px; font-size: 30px; }
	.dy-banner h1 span{ color: #E04140; }
	.dy-banner p{ font-size: 16px; margin-top: 15px;}
	.dy-banner > div{ text-align: center; font-size: 16px; margin-top: 20px; letter-spacing: 4px;}
	.dy-banner > div > div{ width: 300px; text-align: left; display: inline-block; color: #23303B;}
	.dy-banner > div > div span{position: relative; margin-left: 40px; display: inline-block;}
	.dy-banner .right-logo{position: absolute; right:15px;bottom: -82px;}
	.dy-banner .service{font-size: 14px !important;}
	.wecando span{font-size: 12px; display: block; text-align: center; padding-bottom: 15px;}

	.asset-banner img{min-height: 300px;}
	.asset-banner > div img{width: 100px; min-height:0; margin-top: 10px; }
	.asset-banner > div .test-free{color: #fff; position: relative; display: inline-block; border: 1px solid #fff; width: 160px; cursor: pointer; margin-top: 5px; font-size: 14px; height: 40px; line-height: 40px; text-align: center; }
	.asset-banner h3{    margin-top: 10px; font-size: 18px; font-weight: bold; letter-spacing: 2px;}
	.asset-banner p{    margin-top: 15px; font-size: 14px;  letter-spacing: 2px;}
	.asset-banner p span{ width: 96%; display: inline-block; max-width: 860px; font-size: 12px;}
	.asset-banner > div .test-free span{position: absolute; left: 0; right: 0; top:0; bottom: 0; background: #000; opacity: 0.3; filter:alpha(opacity:30);}
	.asset-banner > div .test-free i{position: relative; z-index: 3;}

}

@media (min-width: 50px) and (max-width:410px){ /* 大于320px 小于550px */

}

@media (min-width: 414px){ /* 大于414px  */

}


.xc-module_title{text-align:center;position:relative;}
.module-title_inner{position:relative;padding:40px 150px;margin:0 auto;}
.module-title_inner:before{content:"";display: block;height:1px;background: #EBEBEB;width: 100%;position:absolute;top:calc(50% - 1px);left:0;}
.module-title_inner:after{/* content:""; */display: block;height:1px;background:#CCCCCC;width: calc(50% - 80px);position:absolute;top: calc(50% - 1px);right:0;}
.module-title_inner>h3{margin: 0;font-size: 24px;display: inline-block;padding: 0 50px;background: #fff;position: relative;color: #627281;}
.module-title_inner>p{margin:0;text-transform:uppercase;}

.img-box{position:relative;margin:15px 0;border:1px solid #fff;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 0 0 20px rgba(232, 232, 232, 0.8);
	-moz-box-shadow: 0 0 20px rgba(232, 232, 232, 0.8);
	box-shadow: 0 0 20px rgba(232, 232, 232, 0.8);}
.img-box>img{width: 100%;}
.img-box.active{
	-webkit-box-shadow:0 0 20px rgba(60, 111, 194, .2);
	-moz-box-shadow:0 0 20px rgba(60, 111, 194, .2);
	box-shadow:0 0 20px rgba(60, 111, 194, .2);
}
.img-box.active:hover{
	-webkit-box-shadow:0 0 20px rgba(60, 111, 194, .4);
	-moz-box-shadow:0 0 20px rgba(60, 111, 194, .4);
	box-shadow:0 0 20px rgba(60, 111, 194, .4);
}


.img-box:hover{cursor: pointer;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-box-shadow:0 0 20px rgba(208, 208, 208, 0.8);
	-moz-box-shadow:0 0 20px rgba(208, 208, 208, 0.8);
	box-shadow: 0 0 20px rgba(208, 208, 208, 0.8);
}

/*案例图片预览*/
.image-viwer{display:none;z-index:1031;position:fixed;top:0;bottom:0;left: 0;width: 100%;background: rgba(0,0,0,0.5);}
.views-box{position: relative;height: 100%;overflow-y: auto;margin-right: -20px;padding-right: 20px;}
.image-area{position: relative;padding: 0 100px;}
.image-viwer img{max-width: 100%;position:relative;left:50%;transform: translate(-50%,0);}
.image-vertical{top:50%;transform: translate(-50%,-50%);}
.image-viwer * {-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}
.image-viwer .view-btn{opacity:.6;position:absolute;top: 40%;transform: translate(0,-50%);display: inline-block;width: 50px;height: 50px;border-width: 3px 3px 0 0;border-style: solid;border-color: #fff;}
.image-viwer .prev-btn{
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	left: 40px;
}
.image-viwer .next-btn{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 40px;
}
.image-viwer .view-btn:hover{cursor: pointer;opacity: 1;}
.image-viwer .view-btn.disabled,
.image-viwer .view-btn.disabled:hover{opacity: .6;cursor: not-allowed;}
.image-viwer .close-btn{opacity:.6;position: fixed;right:0;top:0;display: inline-block;width: 60px;height: 60px;background: rgb(177, 177, 177);border-radius: 0 0 0 60px;}
.image-viwer .close-btn:before,
.image-viwer .close-btn:after{content:"";position:absolute;left: 23px;top: 22px;display: inline-block;width: 26px;height: 2px;border-radius:4px;background:#fff;}
.image-viwer .close-btn:before{-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);}
.image-viwer .close-btn:after{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.image-viwer .close-btn:hover{opacity:1;cursor: pointer;}

.tabs{width: 1200px; margin: 0 auto; height: 336px; overflow: hidden;}
.tabs_item{height: 36px;}
.tabs_block{height: 300px;}
.list_item{float: left; width: 200px; height: 36px; line-height: 36px; font-size: 26px; text-align: center;background-color:#FC0;cursor: pointer;}
.list_item.active{color: #FFF;background-color:#F60}
.tabs_block{width: 20000px; position: relative;}
.list_block{display: none; float: left; width: 1200px; height: 300px; font-size: 100px; text-align: center; line-height: 300px;background-color:#F4F4F4}
.list_block.show{display: block;}