@charset "utf-8";
/*css reset*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, sub, sup, dl, dt, dd, ol, ul, li, form, input, button, label, textarea, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }
body { font: normal 400 12px/1.5 "Microsoft YaHei"; color: #5f5f5f; background: #f2f2f4; }
a { text-decoration: none; color: #5f5f5f; }
a:hover { text-decoration: underline; color: #fe0002; }
h1, h2, h3, h4, h5, h6, strong { font-weight: 800; font-size: 100%; }
em { font-style: normal; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 12px; }
label, input, select, textarea { vertical-align: middle; font-family: "Microsoft YaHei"; }
img, button { background: none; border: none; }
ol, ul, li { list-style: none; }
table, td { border: none; }
* { outline: none; }
/*img public*/
.img { text-align: center; }
.img img { display: block; }
/*clear float*/
.clearfix:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.clearfix { zoom: 1; }
/*Patch*/
.boxA { width: 1300px; margin: 0 auto; }
.boxAbj { background: #fff; border-radius: 10px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f20 { font-size: 20px; }


.fl { float: left; }
.fr { float: right; }
.none { display: none; }
.block { display: block; }
.yellow { color: #f39801; }
.green { color: #00b473; }
.white { color: #fff; }
.black { color: #000; }
.red { color: #fe0002; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mlr-20 { margin-left: 20px; margin-right: 20px; }
.plr-20 { padding-left: 20px; padding-right: 20px; }
.plr-10 { padding-left: 10px; padding-right: 10px; }


.pr5 { padding-right: 5px; }
.pd10 { padding-bottom: 10px; }
.mgtb-10 { margin: 10px 0; }
.pd15-0 { padding-top: 15px; padding-bottom: 15px; }
.noborder { border: 0; }
.blue { color: #0184cf; }
.black { color: #000; }
.gray { color: #acacac; }


.pdr-10 { padding-right: 10px; }

input { border: 0; }


/*base部分*/
/*分页*/
.Paging { padding: 3px; text-align: center; margin: 0px auto; display: inline; }
.Paging a { padding: 6px 10px; text-align: center; margin-right: 10px; text-decoration: none; color: #676568; background: #fff; border: 1px solid #c1c1c1; }
.Paging a:hover, .Paging a:active { padding: 6px 10px; background: #ff6600; color: #fff; border: 1px solid #ff6600; }
.Paging .current /*page*/ { padding: 6px 10px; background: #ff6600; color: #fff; border: 1px solid #ff6600; font-weight: bold; margin-right: 10px; margin-left: 10px; }
.Paging .disabled { padding: 6px 10px; color: #676568; background: #fff; border: 1px solid #c1c1c1; }

/*返回顶部*/
.floating_ck { position: fixed; right: 15px; bottom: 6%; z-index: 9999; }
.floating_ck dl dd { position: relative; width: 65px; height: 65px; background-color: #fff; border: solid 1px #eee; border-bottom: 0; text-align: center; background-repeat: no-repeat; background-position: center 20%; cursor: pointer; }
.floating_ck dl dd:hover, .floating_ck dl a .consult { background-color: #ff6600; border-bottom: solid 1px #eee; border-bottom: 0; }
.floating_ck dl dd:hover .floating_left { display: block; }
.consult { background-image: url(../images/icon0701/bab.png); border-radius: 10px 10px 0 0; color: #fff; }
.floating_ck dl a .consult:hover { background-image: url(../images/icon0701/bab.png); }
.floating_ck dl a:hover { color: #fff; text-decoration: none; }
.lianxi { background-image: url(../images/icon0701/kficon.png); }
.floating_ck dl a .lianxi:hover { background-image: url(../images/icon0701/kficonb.png); }
.qrcord { background-image: url(../images/icon0701/erweima.png); }
.floating_ck dl a .qrcord:hover { background-image: url(../images/icon0701/erweimab.png); }
.return { background-image: url(../images/icon0701/fanhui.png); }
.floating_ck dl a .return:hover { background-image: url(../images/icon0701/fanhuib.png); }
.floating_ck dd span { display: block; padding-top: 40px; }
.floating_left { position: absolute; left: -163px; top: 0px; width: 160px; height: 80px; background-color: #fff; border: solid 1px #ff6600; display: none; }
.floating_left a { color: #fff; line-height: 80px; }
.floating_ewm { height: 220px; top: -155px; }
.floating_ewm i { background-image: url(../images/ewm.jpg); background-size: cover; display: block; width: 135px; height: 135px; margin: auto; margin-top: 7px; }
.floating_ewm p { color: #333; margin-top: 5px; }
.floating_ewm .qrcord_p01 { font-size: 12px; line-height: 20px; }
.floating_ewm .qrcord_p02 { font-size: 16px; }

/*手机版返回顶部*/
.Hui-iconfont { font-family: "Hui-iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale; }
.tools-right:hover { color: #fff; text-decoration: none; background-color: #999; border-color: #999; }
.tools-right { position: fixed; right: 15px; z-index: 999; cursor: pointer; visibility: visible; background-color: #fff; border: 1px solid #d9d9d9; color: #9c9c9c; font-size: 16px; width: 38px; height: 38px; line-height: 38px; text-align: center; text-decoration: none; _position: absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); }



@media ( max-width : 767px) {
	.jdtimg { width: 100%; height: 300px; display: block; }

	.yzcHd { text-align: center; margin: 30px 0; }
	.yzcHd p { line-height: 20px; font-size: 12px; background: url(../images/ht.png) no-repeat center center; font-size: 20px; color: #000; }
	.yzcHd p span { display: inline-block; padding: 0 10px; }
	.anlia .al-mc { line-height: 40px; text-align: center; font-size: 14px; color: #b4b4b4; height: 40px; overflow: hidden; }

	.pd30x { padding-top: 10px; padding-bottom: 10px; }
}

@media ( min-width : 768px) and (max-width: 991px) {

	.jdtimg { width: 100%; height: 300px; display: block; }

	.yzcHd { text-align: center; margin: 30px 0; }
	.yzcHd p { line-height: 20px; font-size: 12px; background: url(../images/ht.png) no-repeat center center; font-size: 22px; color: #000; }
	.yzcHd p span { display: inline-block; padding: 0 10px; }
	.anlia .al-mc { line-height: 40px; text-align: center; font-size: 16px; color: #b4b4b4; }


	.pd30x { padding-top: 10px; padding-bottom: 10px; }
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.pooav { position: relative; }

	.jdtimg { width: 100%; height: 500px; display: block; }

	.yzcHd { text-align: center; margin: 30px 0; }
	.yzcHd p { line-height: 20px; font-size: 12px; background: url(../images/ht.png) no-repeat center center; font-size: 28px; color: #000; }
	.yzcHd p span { display: inline-block; padding: 0 10px; }
	.anlia .al-mc { line-height: 60px; text-align: center; font-size: 18px; color: #b4b4b4; }

	.pd30x { padding-top: 30px; padding-bottom: 30px; }
}

@media ( min-width : 1200px) {
	.pooav { position: relative; }

	.jdtimg { width: 100%; height: 500px; display: block; }

	.yzcHd { text-align: center; margin: 30px 0; }
	.yzcHd p { line-height: 20px; font-size: 12px; background: url(../images/ht.png) no-repeat center center; font-size: 28px; color: #000; }
	.yzcHd p span { display: inline-block; padding: 0 10px; }

	.anlia .al-mc { line-height: 60px; text-align: center; font-size: 18px; color: #b4b4b4; }

	.pd30x { padding-top: 30px; padding-bottom: 30px; }
}

/*永之城首页*/
.xunzhaoHd { color: #fff; text-align: center; }
.xunzhaoHd h1 { font-weight: normal; line-height: 60px; padding: 15px 0 0; font-size: 28px; }
.xunzhaoHd p { line-height: 20px; font-size: 12px; background: url(../images/d.jpg) repeat-x 5px; font-size: 16px; }
.xunzhaoHd p span { background: #000; display: inline-block; padding: 0 10px; }
.xunzhaoBy { background: #000;  margin: 0 auto; border-radius: 0 0 10px 10px; }
.xunzhaoBy .promise_txt { padding-top: 10px; clear: both; text-align: center; color: #fff; font-size: 14px; }


.yzc-nav { line-height: 68px; font-size: 18px; text-align: right;position:relative; }
.yzc-nav a { padding: 0 20px; font-size: 18px !important; color: #5f5f5f; }
.yzc-nav a:hover, .yzc-nav li.active > a { color: #fe0002; text-decoration: none; }

.yzc-nav .phone { position: absolute; right: 20px; top: -30px; }
.yzc-nav .phone a{color:#888;padding:initial;padding:0; }

.btn-primary { color: #fff; background-color: #fe0002; border-color: #fe0002; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active { color: #fff; background-color: #f92c2e; border-color: #f92c2e; }


.swiper-pagination-bullet-active { background: #fe0002 !important; }


/*首页图片翻转*/

.box .box-img { transform: rotateY(0); transition: all 0.50s ease-in-out 0s; }
.box:hover .box-img { transform: rotateY(-90deg); }
.box .box-img img { max-width: 100%; height: auto; border-radius: 50%; border: 1px solid #cfcfcf; margin: auto; display: block; }
.box .box-img p { }
.box .box-content { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; background: url(../images/tbbj.png) 100% 100%; border-radius: 10px; transform: rotateY(90deg); transition: all 0.50s ease-in-out 0s; }
.box:hover .box-content { transform: rotateY(0); }
.box .title { font-size: 22px; color: #fe0002; text-transform: uppercase; padding: 20px 0 0 0; font-weight: normal; letter-spacing: 5px; }
.box .description { font-size: 14px; line-height: 24px; color: #fff; }
.box .title:after, .box .description:after { content: ""; width: 80%; display: block; border-bottom: 1px solid #fff; margin: 15px auto; }
.box .social-links { margin: 0; padding: 0; list-style: none; }
.box .social-links li { display: inline-block; margin: 0 10px; }
.box .social-links li a.fa { font-size: 20px; color: #333; background: url(../images/bsj.png) 2px no-repeat; padding-left: 20px; }
.box .social-links li a.fa:hover { color: #555; }

@media ( max-width : 767px) {
	.box { position: relative; perspective: 1000px; width: 70%; margin: 20px auto; padding: 0; }
	.accordion { height: 230px; overflow: hidden; position: relative; }
	.accordion__img { height: 230px; }
}

@media ( min-width : 768px) and (max-width: 991px) {

	.box { position: relative; perspective: 1000px; width: 70%; margin: 20px auto; padding: 0; }
	.accordion { height: 300px; overflow: hidden; position: relative; }
	.accordion__img { height: 300px; }
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.box { position: relative; perspective: 1000px; width: 70%; margin: 20px auto; padding: 0; }

	.accordion { height: 400px; overflow: hidden; position: relative; }
	.accordion__img { height: 400px; }
}

@media ( min-width : 1200px) {
	.box { position: relative; perspective: 1000px; width: 70%; margin: 20px auto; padding: 0; }
	.accordion { height: 450px; overflow: hidden; position: relative; }
	.accordion__img { height: 450px; }
}


/*案例背景*/
.anlibj { background: url(../images/bj.jpg); }

/*.hxt { width: 30px; margin: auto; height: 3px; background: #b4b4b4; display: block; }
.anlia { background: #fff; padding: 0 0 20px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
    .anlia:hover { FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); }
        .anlia:hover .al-mc { color: #fe0002; }
        .anlia:hover .hxt { background: #fe0002; }*/


/*.anlia img { filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); }
.anlia img:hover { filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); }*/

.Morebtn { font-size: 14px; border: 1px solid #fe0002; padding: 5px 20px; color: #fe0002; border-radius: 15px; text-decoration: none; margin: 20px auto; display: inline-block; }
.Morebtn:hover { background: #fe0002; color: #fff; text-decoration: none; }



/*响应式手风琴*/
/* .accordion */

.accordion:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; }
.accordion._create:after { display: none; }

.accordion__ul { display: block; list-style: none; margin: 0; padding: 0; width: 9999px; overflow: hidden; position: absolute; left: 0; top: 0; }
.accordion__li { display: block; list-style: none; margin: 0; padding: 0; float: left; overflow: hidden; box-shadow: 0 0 10px 0 #000; transition: all 0.3s ease-out; }
.accordion__img { display: block; cursor: pointer; }


/*我们为你做的更多*/

@media ( max-width : 767px) {
	.mtf-50 { margin-top: -50px; }
	.flip-3d { perspective: 200px; text-align: center; margin: 30px 0; }
	.flip-3d figure { }
	.flip-3d figure img { margin: auto; height: auto; display: block; background: #f16362; border-radius: 50%; padding: 10px; margin-left: -10px; max-width: 100%; }
	.flip-3d:nth-child(2n+1) figure img { background: #66cac8; }
	.flip-3d h1 { font-weight: normal; font-size: 12px; margin: 5px; line-height: 20px; }
}


@media ( min-width : 768px) and (max-width: 991px) {
	.flip-3d { perspective: 800px; text-align: center; margin: 40px 0; }
	.flip-3d figure { position: relative; transform-style: preserve-3d; transition: 1s transform; font-size: 1.6rem; }
	.flip-3d figure img { margin: auto; height: auto; display: block; background: #f16362; border-radius: 50%; padding: 30px; max-width: 100%; }
	.flip-3d:nth-child(2n+1) figure img { background: #66cac8; }
	.flip-3d:hover figure { transform: rotateY(.5turn); }
	.flip-3d:hover figure figcaption { opacity: 1; }
	.flip-3d h1 { font-weight: normal; font-size: 14px; margin: 20px; }

	.header .logo img { height: 50px; }
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.flip-3d { perspective: 800px; text-align: center; margin: 40px 0; }
	.flip-3d figure { position: relative; transform-style: preserve-3d; transition: 1s transform; font-size: 1.6rem; }
	.flip-3d figure img { margin: auto; height: auto; display: block; background: #f16362; border-radius: 50%; padding: 20px; max-width: 100%; }
	.flip-3d:nth-child(2n+1) figure img { background: #66cac8; }
	.flip-3d:hover figure { transform: rotateY(.5turn); }
	.flip-3d:hover figure figcaption { opacity: 1; }
	.flip-3d h1 { font-weight: normal; font-size: 20px; margin: 15px; }
	.flip-3d p { line-height: 28px; font-size: 12px; }
}

@media ( min-width : 1200px) {
	.flip-3d { perspective: 800px; text-align: center; margin: 40px 0; }
	.flip-3d figure { position: relative; transform-style: preserve-3d; transition: 1s transform; font-size: 1.6rem; }
	.flip-3d figure img { margin: auto; height: auto; display: block; background: #f16362; border-radius: 50%; padding: 30px; max-width: 100%; }
	.flip-3d:nth-child(2n+1) figure img { background: #66cac8; }
	.flip-3d:hover figure { transform: rotateY(.5turn); }
	.flip-3d:hover figure figcaption { opacity: 1; }
	.flip-3d h1 { font-weight: normal; font-size: 24px; margin: 20px; }
	.flip-3d p { line-height: 28px; font-size: 14px; }


	.newrpp { height: 370px; overflow: hidden; }
}



/*手机菜单*/

/* header */
.header { position: relative; height: 60px; }
.header .logo { display: block; padding: 10px 0 5px 10px; }
.header .logo img { display: block; }
.header .search { position: absolute; top: 0; right: 35px; z-index: 1000; display: block; width: 50px; height: 50px; text-indent: -9999em; background: url(../images/icon-search.png) no-repeat center center; background-size: 40%; }
.header .search:hover { background-color: #0067d2; }
.header .search span { display: none; }
.header .user-icon { position: absolute; top: 0; right: 70px; z-index: 1000; display: block; width: 50px; height: 50px; text-indent: -9999em; background: url(../images/icon-user.png) no-repeat center center; background-size: 40%; }
.header .user-icon span { display: none; }
.header .user-icon:hover { background-color: #0067d2; }
.header .back { position: absolute; top: 0; left: 0; display: block; width: 50px; height: 50px; text-indent: -9999em; background: url(../images/icon-back.png) no-repeat center center; background-size: 12px 20px; }


@font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot'); src: url('fonts/icomoon.eot@#iefix') format('embedded-opentype'), url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.ttf') format('truetype'), url('fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; }

/* Common styles of menus */

.dl-menuwrapper { width: 100%; max-width: 200px; float: right; position: absolute; top: 0; right: 0; padding-top: 45px; z-index: 999; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }

.dl-menuwrapper:first-child { margin-right: 100px; }

.dl-menuwrapper button { border: none; width: 50px; height: 50px; text-indent: -900em; overflow: hidden; position: absolute; top: 0; right: 0; cursor: pointer; outline: none; background: url(../images/menu-button-bg.png) no-repeat center center; background-size: 50%; }
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active { background-color: none; }
.dl-menuwrapper ul { background: #fcc900; color: #000; }
.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.dl-menuwrapper li { position: relative; }
.dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; font-weight: 300; color: #000; outline: none; border-bottom: 1px #fbda59 solid; }
.no-touch .dl-menuwrapper li a:hover { background: rgba(255,248,213,0.1); }
.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.1); }
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'icomoon'; speak: none; -webkit-font-smoothing: antialiased; content: "\e000"; }
.dl-menuwrapper li.dl-back:after { left: 10px; color: rgba(255,255,255,0.8); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.dl-menuwrapper li > a:after { right: 10px; color: rgba(255,255,255,0.8); }
.dl-menuwrapper .dl-menu { margin: 5px 0 0 0; position: absolute; width: 100%; display:none; pointer-events: none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.dl-menuwrapper .dl-menu.dl-menuopen { display:block; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu { display: none; }

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a { display: none; }
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; }

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; }

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; -moz-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; }
.dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; -moz-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; }
.dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; -moz-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; }
.dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; -moz-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; }
.dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; -moz-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; }

@-webkit-keyframes MenuAnimOut1 {
	50% { -webkit-transform: translateZ(-250px) rotateY(30deg); }
	75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
	100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
}

@-webkit-keyframes MenuAnimOut2 {
	100% { -webkit-transform: translateX(-100%); opacity: 0; }
}

@-webkit-keyframes MenuAnimOut3 {
	100% { -webkit-transform: translateZ(300px); opacity: 0; }
}

@-webkit-keyframes MenuAnimOut4 {
	100% { -webkit-transform: translateZ(-300px); opacity: 0; }
}

@-webkit-keyframes MenuAnimOut5 {
	100% { -webkit-transform: translateY(40%); opacity: 0; }
}

@-moz-keyframes MenuAnimOut1 {
	50% { -moz-transform: translateZ(-250px) rotateY(30deg); }
	75% { -moz-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
	100% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
}

@-moz-keyframes MenuAnimOut2 {
	100% { -moz-transform: translateX(-100%); opacity: 0; }
}

@-moz-keyframes MenuAnimOut3 {
	100% { -moz-transform: translateZ(300px); opacity: 0; }
}

@-moz-keyframes MenuAnimOut4 {
	100% { -moz-transform: translateZ(-300px); opacity: 0; }
}

@-moz-keyframes MenuAnimOut5 {
	100% { -moz-transform: translateY(40%); opacity: 0; }
}

@keyframes MenuAnimOut1 {
	50% { transform: translateZ(-250px) rotateY(30deg); }
	75% { transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
	100% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
}

@keyframes MenuAnimOut2 {
	100% { transform: translateX(-100%); opacity: 0; }
}

@keyframes MenuAnimOut3 {
	100% { transform: translateZ(300px); opacity: 0; }
}

@keyframes MenuAnimOut4 {
	100% { transform: translateZ(-300px); opacity: 0; }
}

@keyframes MenuAnimOut5 {
	100% { transform: translateY(40%); opacity: 0; }
}

.dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; -moz-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; }
.dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; -moz-animation: MenuAnimIn2 0.3s ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; }
.dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; -moz-animation: MenuAnimIn3 0.4s ease; animation: MenuAnimIn3 0.4s ease; }
.dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; -moz-animation: MenuAnimIn4 0.4s ease; animation: MenuAnimIn4 0.4s ease; }
.dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; -moz-animation: MenuAnimIn5 0.4s ease; animation: MenuAnimIn5 0.4s ease; }

@-webkit-keyframes MenuAnimIn1 {
	0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
	20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
	100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}

@-webkit-keyframes MenuAnimIn2 {
	0% { -webkit-transform: translateX(-100%); opacity: 0; }
	100% { -webkit-transform: translateX(0px); opacity: 1; }
}

@-webkit-keyframes MenuAnimIn3 {
	0% { -webkit-transform: translateZ(300px); opacity: 0; }
	100% { -webkit-transform: translateZ(0px); opacity: 1; }
}

@-webkit-keyframes MenuAnimIn4 {
	0% { -webkit-transform: translateZ(-300px); opacity: 0; }
	100% { -webkit-transform: translateZ(0px); opacity: 1; }
}

@-webkit-keyframes MenuAnimIn5 {
	0% { -webkit-transform: translateY(40%); opacity: 0; }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes MenuAnimIn1 {
	0% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
	20% { -moz-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
	100% { -moz-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes MenuAnimIn2 {
	0% { -moz-transform: translateX(-100%); opacity: 0; }
	100% { -moz-transform: translateX(0px); opacity: 1; }
}

@-moz-keyframes MenuAnimIn3 {
	0% { -moz-transform: translateZ(300px); opacity: 0; }
	100% { -moz-transform: translateZ(0px); opacity: 1; }
}

@-moz-keyframes MenuAnimIn4 {
	0% { -moz-transform: translateZ(-300px); opacity: 0; }
	100% { -moz-transform: translateZ(0px); opacity: 1; }
}

@-moz-keyframes MenuAnimIn5 {
	0% { -moz-transform: translateY(40%); opacity: 0; }
	100% { -moz-transform: translateY(0); opacity: 1; }
}

@keyframes MenuAnimIn1 {
	0% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
	20% { transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
	100% { transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}

@keyframes MenuAnimIn2 {
	0% { transform: translateX(-100%); opacity: 0; }
	100% { transform: translateX(0px); opacity: 1; }
}

@keyframes MenuAnimIn3 {
	0% { transform: translateZ(300px); opacity: 0; }
	100% { transform: translateZ(0px); opacity: 1; }
}

@keyframes MenuAnimIn4 {
	0% { transform: translateZ(-300px); opacity: 0; }
	100% { transform: translateZ(0px); opacity: 1; }
}

@keyframes MenuAnimIn5 {
	0% { transform: translateY(40%); opacity: 0; }
	100% { transform: translateY(0); opacity: 1; }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; -moz-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; -moz-animation: SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; -moz-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; -moz-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; -moz-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; }

@-webkit-keyframes SubMenuAnimIn1 {
	0% { -webkit-transform: translateX(50%); opacity: 0; }
	100% { -webkit-transform: translateX(0px); opacity: 1; }
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% { -webkit-transform: translateX(100%); opacity: 0; }
	100% { -webkit-transform: translateX(0px); opacity: 1; }
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% { -webkit-transform: translateZ(-300px); opacity: 0; }
	100% { -webkit-transform: translateZ(0px); opacity: 1; }
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% { -webkit-transform: translateZ(300px); opacity: 0; }
	100% { -webkit-transform: translateZ(0px); opacity: 1; }
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% { -webkit-transform: translateZ(-200px); opacity: 0; }
	100% { -webkit-transform: translateZ(0); opacity: 1; }
}

@-moz-keyframes SubMenuAnimIn1 {
	0% { -moz-transform: translateX(50%); opacity: 0; }
	100% { -moz-transform: translateX(0px); opacity: 1; }
}

@-moz-keyframes SubMenuAnimIn2 {
	0% { -moz-transform: translateX(100%); opacity: 0; }
	100% { -moz-transform: translateX(0px); opacity: 1; }
}

@-moz-keyframes SubMenuAnimIn3 {
	0% { -moz-transform: translateZ(-300px); opacity: 0; }
	100% { -moz-transform: translateZ(0px); opacity: 1; }
}

@-moz-keyframes SubMenuAnimIn4 {
	0% { -moz-transform: translateZ(300px); opacity: 0; }
	100% { -moz-transform: translateZ(0px); opacity: 1; }
}

@-moz-keyframes SubMenuAnimIn5 {
	0% { -moz-transform: translateZ(-200px); opacity: 0; }
	100% { -moz-transform: translateZ(0); opacity: 1; }
}

@keyframes SubMenuAnimIn1 {
	0% { transform: translateX(50%); opacity: 0; }
	100% { transform: translateX(0px); opacity: 1; }
}

@keyframes SubMenuAnimIn2 {
	0% { transform: translateX(100%); opacity: 0; }
	100% { transform: translateX(0px); opacity: 1; }
}

@keyframes SubMenuAnimIn3 {
	0% { transform: translateZ(-300px); opacity: 0; }
	100% { transform: translateZ(0px); opacity: 1; }
}

@keyframes SubMenuAnimIn4 {
	0% { transform: translateZ(300px); opacity: 0; }
	100% { transform: translateZ(0px); opacity: 1; }
}

@keyframes SubMenuAnimIn5 {
	0% { transform: translateZ(-200px); opacity: 0; }
	100% { transform: translateZ(0); opacity: 1; }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; -moz-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; -moz-animation: SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; -moz-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; -moz-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; -moz-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; }

@-webkit-keyframes SubMenuAnimOut1 {
	0% { -webkit-transform: translateX(0%); opacity: 1; }
	100% { -webkit-transform: translateX(50%); opacity: 0; }
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% { -webkit-transform: translateX(0%); opacity: 1; }
	100% { -webkit-transform: translateX(100%); opacity: 0; }
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% { -webkit-transform: translateZ(0px); opacity: 1; }
	100% { -webkit-transform: translateZ(-300px); opacity: 0; }
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% { -webkit-transform: translateZ(0px); opacity: 1; }
	100% { -webkit-transform: translateZ(300px); opacity: 0; }
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% { -webkit-transform: translateZ(0); opacity: 1; }
	100% { -webkit-transform: translateZ(-200px); opacity: 0; }
}

@-moz-keyframes SubMenuAnimOut1 {
	0% { -moz-transform: translateX(0%); opacity: 1; }
	100% { -moz-transform: translateX(50%); opacity: 0; }
}

@-moz-keyframes SubMenuAnimOut2 {
	0% { -moz-transform: translateX(0%); opacity: 1; }
	100% { -moz-transform: translateX(100%); opacity: 0; }
}

@-moz-keyframes SubMenuAnimOut3 {
	0% { -moz-transform: translateZ(0px); opacity: 1; }
	100% { -moz-transform: translateZ(-300px); opacity: 0; }
}

@-moz-keyframes SubMenuAnimOut4 {
	0% { -moz-transform: translateZ(0px); opacity: 1; }
	100% { -moz-transform: translateZ(300px); opacity: 0; }
}

@-moz-keyframes SubMenuAnimOut5 {
	0% { -moz-transform: translateZ(0); opacity: 1; }
	100% { -moz-transform: translateZ(-200px); opacity: 0; }
}

@keyframes SubMenuAnimOut1 {
	0% { transform: translateX(0%); opacity: 1; }
	100% { transform: translateX(50%); opacity: 0; }
}

@keyframes SubMenuAnimOut2 {
	0% { transform: translateX(0%); opacity: 1; }
	100% { transform: translateX(100%); opacity: 0; }
}

@keyframes SubMenuAnimOut3 {
	0% { transform: translateZ(0px); opacity: 1; }
	100% { transform: translateZ(-300px); opacity: 0; }
}

@keyframes SubMenuAnimOut4 {
	0% { transform: translateZ(0px); opacity: 1; }
	100% { transform: translateZ(300px); opacity: 0; }
}

@keyframes SubMenuAnimOut5 {
	0% { transform: translateZ(0); opacity: 1; }
	100% { transform: translateZ(-200px); opacity: 0; }
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; }
.no-js .dl-menuwrapper li .dl-submenu { display: block; }
.no-js .dl-menuwrapper li.dl-back { display: none; }
.no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); }
.no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; }



/*脚部*/
.fd-footer { background: #000; padding: 30px 0; }

.ftwxa { }
.ftwxa h1 { line-height: 40px; }

.wap-footer { position: fixed; bottom: 0; width: 100%; border-top: 2px solid #ddd; background-color: white; height: 60px; }
.wap-footer.row { }
.wap-footer label, .wap-footer a{ font-size: 18px; line-height: 60px; text-align: center; }
/*案例内页*/
.zxinfoTit { border-bottom: 1px solid #e3e0e0; padding: 20px 0 10px; margin: 5px 0; }
.zxinfoTit h1 { font-size: 26px; line-height: 35px; font-weight: normal; text-align: center; }
.zxinfoTit p { line-height: 35px; height: 35px; overflow: hidden; text-align: center; color: #aaa; }
.zxinfoTit p span { display: inline-block; padding: 0 10px; }

.zxinfoCt { font-size: 16px; margin: 20px 10px 40px; }
.zxinfoCt p { text-indent: 2em; line-height: 180%; }
.zxinfoCt img { margin: 10px auto; display: block; max-width: 100%; }

.zxinfoCt-wd { font-size: 14px; margin: 0 0 20px; }
.zxinfoCt-wd li { margin: 0 0 10px; }
.zxinfoCt-wd li h1 { font-weight: normal; }
.zxinfoCt-wd li h1 i { font-size: 30px; display: inline-block; margin-right: 10px; }
.zxinfoCt-wd li p { background: #F1F2F6; padding: 10px 20px; line-height: 25px; }

.zxinfoud { border-top: 1px solid #e3e0e0; padding: 10px 0 10px; margin: 10px 0; }
.zxinfoud p { line-height: 35px; height: 35px; font-size: 16px; overflow: hidden; }


.khnr { background: #efefef; padding: 10px; margin-top: 30px; line-height: 30px; }



.Huifold .item { position: relative; }
.Huifold .item h4 { margin: 0; font-weight: normal; position: relative; border-top: 1px solid #fff; font-size: 15px; line-height: 22px; padding: 7px 10px; background-color: #dcdcdc; cursor: pointer; padding-right: 30px; font-size: 14px; }
.Huifold .item h4 b { position: absolute; display: block; cursor: pointer; right: 10px; top: 7px; width: 16px; height: 16px; text-align: center; color: #666; }
.Huifold .item .info { display: none; padding: 0px; }

/*新闻列表*/

.borlr { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.newList { }
.newList li { border-bottom: 1px dashed #c1c1c1; padding-top: 18px; padding-bottom: 18px; }





/*设计师特效*/
.Button { display: inline-block; padding: 20px; margin: 0; background-color: #fff; background-position: center center; background-repeat: no-repeat; color: #7a0715; text-shadow: none; vertical-align: middle; cursor: pointer; border: 0; -ms-transition: color 300ms ease, background-color 300ms ease; -webkit-transition: color 300ms ease, background-color 300ms ease; -moz-transition: color 300ms ease, background-color 300ms ease; -o-transition: color 300ms ease, background-color 300ms ease; transition: color 300ms ease, background-color 300ms ease; }
.Button:hover,
.Button:focus { color: #7a0715; background: #e3e3e3; }
.Button.Small { padding: 5px 10px; font-size: small; }
.Button.Block { }

/* Custom Flipster Styles */
.flipster { padding-bottom: 20px; }
.pull-right { float: right; }
.pull-left { float: left; }


/* @group Base Flipster Styles */
.flipster { display: block; margin: 0 auto; width: 100%; position: relative; overflow-x: hidden; overflow-y: visible; }
.flip-items,
.flip-item { display: block; margin: 0 auto; padding: 0; list-style-type: none; }
.flip-items { width: 100%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.flip-item { position: absolute; opacity: 0.99; /* Fix for strange clipping behavior on rotated elements in Chrome. */ }
.flip-past,
.flip-future,
.flip-next,
.flip-prev { cursor: pointer; }
.flip-item img { display: block; width: 100%; }
/* @end */
/* @group Coverflow Style */
.flipster-coverflow .flip-items { -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; position: relative; padding-top: 2%; padding-bottom: 5%; }
.flipster-coverflow .flip-item { display: block; -webkit-transition: all 175ms ease-in-out; -moz-transition: all 175ms ease-in-out; -o-transition: all 175ms ease-in-out; -ms-transition: all 175ms ease-in-out; transition: all 175ms ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; position: absolute; width: 30%; }
.flipster-coverflow .flip-content { -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent)); }
.flipster-coverflow .flip-past .flip-content { -webkit-transform: rotateY(55deg) scale(0.75); -moz-transform: rotateY(55deg) scale(0.75); -o-transform: rotateY(55deg) scale(0.75); -ms-transform: rotateY(55deg) scale(0.75); transform: rotateY(55deg) scale(0.75); }
.flipster-coverflow .flip-future .flip-content { -webkit-transform: rotateY(-55deg) scale(0.75); -moz-transform: rotateY(-55deg) scale(0.75); -o-transform: rotateY(-55deg) scale(0.75); -ms-transform: rotateY(-55deg) scale(0.75); transform: rotateY(-55deg) scale(0.75); }

.flipster-coverflow.no-rotate .flip-past .flip-content { -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -o-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); }
.flipster-coverflow.no-rotate .flip-future .flip-content { -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -o-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); }


.flipster-coverflow .flip-current .flip-content { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }
.flipster-coverflow .flip-hidden { visibility: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }
/* @end */
/* @group Flip Items */
.flipster-carousel .flip-items { -webkit-perspective: 2000px; -moz-perspective: 2000px; perspective: 2000px; }
.flipster-carousel .flip-item { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 350ms ease-out; -moz-transition: all 350ms ease-out; -o-transition: all 350ms ease-out; -ms-transition: all 350ms ease-out; transition: all 350ms ease-out; }
.no-csstransforms .flipster-carousel .flip-item { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.flipster-carousel .flip-items img { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.flipster-carousel .flip-past { -webkit-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(0.65); -moz-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(0.65); -o-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(0.65); -ms-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(0.65); transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(0.65); }
.flipster-carousel.no-rotate .flip-past { -webkit-transform: translateX(-80%) translateZ(0) scale(0.65); -moz-transform: translateX(-80%) translateZ(0) scale(0.65); -o-transform: translateX(-80%) translateZ(0) scale(0.65); -ms-transform: translateX(-80%) translateZ(0) scale(0.65); transform: translateX(-80%) translateZ(0) scale(0.65); }
.no-csstransforms3d .flipster-carousel .flip-past { -webkit-transform: translateX(-56%) scale(0.5); -moz-transform: translateX(-56%) scale(0.5); -o-transform: translateX(-56%) scale(0.5); -ms-transform: translateX(-56%) scale(0.5); transform: translateX(-56%) scale(0.5); }
.no-csstransforms .flipster-carousel .flip-past { left: -20%; top: 40%; width: 50%; height: 50%; }
.flipster-carousel .flip-future { -webkit-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(0.65); -moz-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(0.65); -o-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(0.65); -ms-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(0.65); transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(0.65); }

.flipster-carousel.no-rotate .flip-future { -webkit-transform: translateX(80%) translateZ(0) scale(0.65); -moz-transform: translateX(80%) translateZ(0) scale(0.65); -o-transform: translateX(80%) translateZ(0) scale(0.65); -ms-transform: translateX(80%) translateZ(0) scale(0.65); transform: translateX(80%) translateZ(0) scale(0.65); }

.no-csstransforms3d .flipster-carousel .flip-future { -webkit-transform: translateX(56%) scale(0.5); -moz-transform: translateX(56%) scale(0.5); -o-transform: translateX(56%) scale(0.5); -ms-transform: translateX(56%) scale(0.5); transform: translateX(56%) scale(0.5); }
.no-csstransforms .flipster-carousel .flip-future { left: 88%; top: 40%; width: 50%; height: 50%; }
.flipster-carousel .flip-prev { -webkit-transform: translateX(-60%) translateZ(0) rotateY(80deg) scale(0.8); -moz-transform: translateX(-60%) translateZ(0) rotateY(80deg) scale(0.8); -o-transform: translateX(-60%) translateZ(0) rotateY(80deg) scale(0.8); -ms-transform: translateX(-60%) translateZ(0) rotateY(80deg) scale(0.8); transform: translateX(-60%) translateZ(0) rotateY(80deg) scale(0.8); }
.flipster-carousel.no-rotate .flip-prev { -webkit-transform: translateX(-60%) translateZ(0) scale(0.8); -moz-transform: translateX(-60%) translateZ(0) scale(0.8); -o-transform: translateX(-60%) translateZ(0) scale(0.8); -ms-transform: translateX(-60%) translateZ(0) scale(0.8); transform: translateX(-60%) translateZ(0) scale(0.8); }
.no-csstransforms3d .flipster-carousel .flip-prev { -webkit-transform: translateX(-24%) scale(0.75); -moz-transform: translateX(-24%) scale(0.75); -o-transform: translateX(-24%) scale(0.75); -ms-transform: translateX(-24%) scale(0.75); transform: translateX(-24%) scale(0.75); }
.no-csstransforms .flipster-carousel .flip-prev { left: -9%; top: 20%; width: 75%; height: 75%; }
.flipster-carousel .flip-next { -webkit-transform: translateX(60%) translateZ(0) rotateY(-80deg) scale(0.8); -moz-transform: translateX(60%) translateZ(0) rotateY(-80deg) scale(0.8); -o-transform: translateX(60%) translateZ(0) rotateY(-80deg) scale(0.8); -ms-transform: translateX(60%) translateZ(0) rotateY(-80deg) scale(0.8); transform: translateX(60%) translateZ(0) rotateY(-80deg) scale(0.8); }
.flipster-carousel.no-rotate .flip-next { -webkit-transform: translateX(60%) translateZ(0) scale(0.8); -moz-transform: translateX(60%) translateZ(0) scale(0.8); -o-transform: translateX(60%) translateZ(0) scale(0.8); -ms-transform: translateX(60%) translateZ(0) scale(0.8); transform: translateX(60%) translateZ(0) scale(0.8); }

.no-csstransforms3d .flipster-carousel .flip-next { -webkit-transform: translateX(24%) scale(0.75); -moz-transform: translateX(24%) scale(0.75); -o-transform: translateX(24%) scale(0.75); -ms-transform: translateX(24%) scale(0.75); transform: translateX(24%) scale(0.75); }
.no-csstransforms .flipster-carousel .flip-next { left: 39%; top: 20%; width: 75%; height: 75%; }
.flipster-carousel .flip-past,
.flipster-carousel .flip-future { -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; z-index: 1; -webkit-transition-delay: 87.5ms; -moz-transition-delay: 87.5ms; -o-transition-delay: 87.5ms; transition-delay: 87.5ms; }
.flipster-carousel .flip-prev,
.flipster-carousel .flip-next { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; z-index: 2; -webkit-transition-delay: 58.333333333333336ms; -moz-transition-delay: 58.333333333333336ms; -o-transition-delay: 58.333333333333336ms; transition-delay: 58.333333333333336ms; }
.flipster-carousel .flip-current { z-index: 999; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition-delay: 58.333333333333336ms; -moz-transition-delay: 58.333333333333336ms; -o-transition-delay: 58.333333333333336ms; transition-delay: 58.333333333333336ms; }
.flipster-carousel .flip-hidden { visibility: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transform: rotateY(0deg) translateX(0) scale(0.5); -moz-transform: rotateY(0deg) translateX(0) scale(0.5); -o-transform: rotateY(0deg) translateX(0) scale(0.5); -ms-transform: rotateY(0deg) translateX(0) scale(0.5); transform: rotateY(0deg) translateX(0) scale(0.5); -webkit-transition-delay: 116.66666666666667ms; -moz-transition-delay: 116.66666666666667ms; -o-transition-delay: 116.66666666666667ms; transition-delay: 116.66666666666667ms; }
/* @end */
.no-transition { -webkit-transition-duration: 0ms !important; -moz-transition-duration: 0ms !important; -o-transition-duration: 0ms !important; transition-duration: 0ms !important; }
/* @end */

.sjsjj p { }
.sjsjj:hover { color: #000; }

@media ( max-width : 767px) {
	.sjsjj p { line-height: 25px; height: 50px; font-size: 14px; margin-top: 10px; overflow: hidden; }
	.sjsjj { color: #000; display: block; margin-top: 10px; }
	.Button h1 { font-size: 16px; line-height: 10px; color: #000; }
}

@media ( min-width : 768px) and (max-width: 991px) {
	.sjsjj p { line-height: 30px; height: 90px; font-size: 14px; margin-top: 20px; overflow: hidden; }
	.sjsjj { color: #000; display: block; margin-top: 10px; }
	.Button h1 { font-size: 16px; line-height: 1.25em; color: #000; }
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.sjsjj p { width: 400px; line-height: 30px; height: 120px; font-size: 14px; margin-top: 20px; overflow: hidden; }
	.sjsjj { color: #000; display: block; margin-top: 10px; }
	.Button h1 { font-size: 2em; line-height: 1.25em; color: #000; }
}

@media ( min-width : 1200px) {
	.sjsjj p { width: 400px; line-height: 30px; height: 120px; font-size: 14px; margin-top: 20px; overflow: hidden; }
	.sjsjj { color: #000; display: block; margin-top: 10px; }
	.Button h1 { font-size: 2em; line-height: 1.25em; color: #000; }
}

label.error { z-index: -1; }

/*图标点击效果新改*/

.box_1 { width: 60%; margin: 0 auto 20px; position: relative; cursor: pointer; /*手指形状*/ text-align: center; }
.info { width: 100%; margin: 0 auto; padding-bottom: 100%; position: relative; /*相对定位*/ }
.info .sm_img { width: 100%; height: 100%; position: absolute; /*移动元素 绝对定位*/ left: 0; top: 0; border-radius: 50%; /*圆形*/ border: 1px solid #cfcfcf; transition: all .5s; /*延迟*/ opacity: 1; /*透明度*/ }
.info .img-a { background: url(../images/newicon/img-a.jpg)center center no-repeat; }
.info .img-b { background: url(../images/newicon/img-b.jpg)center center no-repeat; }
.info .img-c { background: url(../images/newicon/img-c.jpg)center center no-repeat; }
.info .img-d { background: url(../images/newicon/img-d.jpg)center center no-repeat; }
.info .img-e { background: url(../images/newicon/img-e.jpg)center center no-repeat; }
.info .img-f { background: url(../images/newicon/img-f.jpg)center center no-repeat; }
.info .img-g { background: url(../images/newicon/img-g.jpg)center center no-repeat; }
.info .img-h { background: url(../images/newicon/img-h.jpg)center center no-repeat; }
.info .img-a, .info .img-b, .info .img-c, .info .img-d, .info .img-e, .info .img-f, .info .img-g, .info .img-h { background-size: 100%; }
.ingo_fm { width: 100%; height: 1px; transform: scale(0.1); padding-bottom: 0; position: absolute; z-index: -1; left: 0; top: 0; border-radius: 10%; /*圆形*/ background: url(../images/tbbj.png) center center; opacity: 0; /*透明度*/ transition: all .5s; /*延迟*/ /*放大1.5倍*/ }
.ingo_fm h4 {  font-weight: normal; font: 16px/28px 'microsoft yahei'; color: #fff; padding: 5px; margin: 25px 10px 0 10px; /*块集元素*/ }
.ingo_fm h4 a { color: #000; padding-right: 5px; display: block; float: left; min-width: -moz-calc(100% - 5px); min-width: -webkit-calc(100% - 5px); min-width: calc(100% - 5px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mar_bor { width: 160px; height: 160px; background-color: #fff; position: absolute; /*移动元素 绝对定位*/ left: 30px; top: 30px; transform: scale(1.6); /*放大1.5倍*/ opacity: 0; /*透明度*/ border-radius: 50%; /*圆形*/ transition: all .7s; /*延迟*/ }
.box_1 p.f-20 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*鼠标经过*/
.box_1:hover .sm_img { transform: scale(0); /*放大0倍*/ opacity: 0; /*透明度*/ }
.box_1:hover .ingo_fm { height: 100%; width: 100%; display: block; opacity: 1; /*透明度*/ transform: scale(1); /*放大1倍*/ z-index: 10; }
.box_1:hover .ingo_fm h4 { display: block; }

@media ( max-width : 424px) {
	.col-xs-4 { padding-left: 10px; padding-right: 10px; }
	.box_1 { width: 100%; }
	.ingo_fm h4 { font: 16px/24px 'microsoft yahei'; }
	.box_1 p.f-20 { font-size: 14px; }
}

@media (min-width : 425px) and (max-width : 767px) {
	.col-xs-4 { padding-left: 10px; padding-right: 10px; }
	.box_1 { width: 100%; }
	.ingo_fm h4 { font: 16px/24px 'microsoft yahei'; }
	.box_1 p.f-20 { font-size: 14px; }
}

@media ( min-width : 768px) and (max-width: 991px) {
	.box_1 { width: 80%; }
}


/*新加*/
.zxinfoCta { font-size: 16px; margin: 20px 0px 40px; }
.zxinfoCta p { line-height: 30px; }

@media ( min-width : 992px) {
	.borlf { border-left: 1px dashed #ccc; }
}

@media ( max-width : 991px) {
	.borlf { margin-top: 20px; }
	.swiper-slide { background-size: auto 300px !important; }
}