/*字体引入*/
.iconfont{
	font-family:"iconfont" !important;
	font-size:16px;font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
	font-family: 'iconfont';
	src: url('icons/iconfont.eot'); 
	src: url('icons/iconfont.eot?#iefix') format('embedded-opentype'),
	url('icons/iconfont.ttf') format('truetype'),
	url('icons/iconfont.svg#iconfont') format('svg');
}
@font-face{
     font-family: 'leravan-zh'; 
     src: url('../font/leravan-zh.eot');
     src:url('../font/leravan-zh.woff') format('woff'),
         url('../font/leravan-zh.ttf') format('truetype'),
         url('../font/leravan-zh.svg') format('svg');
}
@font-face{
     font-family: 'leravan-en'; 
     src: url('../font/leravan-en.eot');
     src:url('../font/leravan-en.woff') format('woff'),
         url('../font/leravan-en.ttf') format('truetype'),
         url('../font/leravan-en.svg') format('svg');
}
@font-face {
    font-family: 'Arial';
    src:url(../fonts/Arial.ttf) format('truetype');
}
@font-face {
    
    /*src:url(../fonts/SourceHanSans-Regular.otf) format('truetype');*/
}
.Arial{
    font-family: 'Arial' !important;
    color: #666;
}
.footer{
    
}
 
 .searchBlock{  
        width: 205px;  
        border:solid 1px #ddd;
        padding: 2px;
        border-radius: 10px;  
        -webkit-border-radius: 10px;  
        -moz-border-radius: 10px;  
        -khtml-border-radius: 10px;  
    }  
      
    .searchBlock span{  
        float: left;  
    }  

    .searchText{  
        border: none;  
        width: 150px;  
        margin: 0px 5px;  
        outline: 0 none;  
        /*float: left;*/
        line-height: 18px;
        background-color:transparent;
        /*background-color: grey;*/
    }  
    .searchBtn{  
        border: none; 
        width: 16px;  
        height: 16px;  
        cursor: pointer;  
        /*background-image: url("images/ico_sear.gif");*/
        /*background-repeat: no-repeat;  */
        display: inline;  
        margin: 2px 0px;  
    }

    .triangle_border_down{
    width:0;
    height:0;
    border-width:20px 20px 0;
    border-style:solid;
    border-color:#f7f7f7 transparent transparent;/*灰 透明 透明 */
    margin:auto;
    position:relative;
    /*margin-bottom: 1em;*/
}
.white{
    border-color:white transparent transparent;/*灰 透明 透明 */
}
.right-sign{
    width: 15px;
    /*height: 16px;*/
    margin-left: 5px;
    margin-bottom: 3px;
    cursor: pointer;
}
.more-a{
    font-size: 13px;
    margin-right: 20px;
    float: right;
    line-height: 50px;
    cursor: pointer;
    color: grey;
    /*font-weight: bold;*/
    vertical-align: bottom;
    position: relative;
    right: 0;
    font-family: "leravan";
}
.more-a:hover{
    opacity: 0.8;
    text-decoration:none;
    /*color: green;*/
}
.m{ 
    max-width: 640px; 
    margin: 30px auto; 
    padding: 0px 10px;

}
.more{
    width: 200px;
    text-align: center;
    border-radius: 10px;
}
.us-text{
    max-width: 640px; 
    margin: auto;
    font-size: 16px;
    text-indent:2em;
    color: grey;
    padding: 0px 10px;
}
@media(max-width: 640;){
    .us-text{
        padding: 0px 10px;
    }
}

.top-font{
    color: #919090;
    font-family: 'Montserrat-Regular';
    font-size: 13px;
}


/* Savy-20170427 */
.most-1 span{
	display:block;
	text-align:center;
}
@media (max-width: 480px){
	.logo {
		float:none;
	}
    .us-text{
        font-size: 12px;
        padding: 0px 10px;
    }	
}
@media (max-width: 360px){
	.men-grid {
		position: absolute;
		top: 69%;
		right: 1%;
	}
}
/**head**/
body{
    max-width: 1024px;
    margin: 0px auto;
}
nav .logo{
	margin: 8px 15px;
    display: block;
	width: 200px;
}
@media (min-width: 768px){
	#example-navbar-collapse{
		float: right;
		margin-top: 16px;
	}	
}
/**app_show**/

.app_show {background: #f2f2f2; min-height: 600px; width:100%;position: relative;}
.app_show a { text-decoration: none;color: #666; }
.app_show .l { width: 45%; text-align: center;float: left;height: 600px; }
.app_show .l .maintext { padding-top: 200px;font-size: 50px; }
@media screen and (max-width: 1180px) {
	.app_show .l .maintext { padding-top: 100px; }
}
.app_show .l .btns { text-align: center; padding-top: 190px; }
.app_show .l .btns .clouddown { display: inline-block;width: 50px; height: 50px; background: url('../images/app-icon.png') no-repeat; background-position: -100px 0; display: none; }
.app_show .l .btns .btn_app { display: inline-block; background: #27da93; border-radius: 6px; padding: 15px 20px;position: relative; margin: 0 5px;border: 1px solid #27da93;overflow: hidden; height: 50px;width: 200px; margin-bottom: 5px;-webkit-box-sizing: initial;-moz-box-sizing: initial;box-sizing: initial;}
.app_show .l .btns .btn_app:hover { background: none; }
.app_show .l .btns .btn_app:hover i.icon { top: 100%; }
.app_show .l .btns .btn_app:hover .text { position: absolute; margin-top: 100%  }
.app_show .l .btns .btn_app:hover .clouddown { display:inline-block; }
.app_show .l .btns .btn_app i.icon { width: 50px; height: 50px; position: absolute; top: 10px; left: 20px;background: url('../images/app-icon.png') no-repeat top left;-webkit-transform: scale(0.75);-moz-transform: scale(0.75);-o-transform: scale(0.75);-ms-transform: scale(0.75);transform: scale(0.75); }
.app_show .l .btns .btn_app i.icon.app-android { background-position: -50px 0; }
.app_show .l .btns .btn_app .text { padding-left: 50px; text-align: left;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out; }
.app_show .l .btns .btn_app .text h1 { font-size: 18px; margin-bottom: 5px;    margin-top: 0; }
.app_show .l .btns .btn_app .text p { font-size: 12px; }
.app_show .l span { position: relative;padding-left: 25px; margin-top: 20px;display: inline-block;font-size: 15px; }
.app_show .l i.icon.alert{ display: inline-block;width: 20px;height: 20px; background: url('../images/app-icon.png') no-repeat top center;background-position: -150px 0;position: absolute; top: 0px; left: 0;}
.delay200 { -webkit-animation-delay: 0.2s;-moz-animation-delay: 0.2s;-o-animation-delay: 0.2s;animation-delay: 0.2s; }
.app_show .r { width: 50%; height: 600px; float: left;position:relative;}
.app_show .r .phone1 { position: absolute; right:50%; bottom: 0;z-index: 8; }
.app_show .r .phone1 img { max-height: 80%; }
.app_show .r .phone2 img { max-height: 80%; }
.app_show .r .phone2 { position: absolute; right: 10%; bottom: 0; z-index: 9; }
.app_show .inb .maintext { width: 80%; }
@media screen and (max-width: 1024px) {
	.app_show { padding-left: 0; }
	.app_show .l { position: relative; z-index: 19;}
	.app_show .r {  z-index: 7; }
}
@media screen and (max-width: 768px) {
	.app_show .l { position: relative; width: 100%;float: none; background: rgba(255,255,255,0.8); padding-bottom: 50px; height: auto;}
	.app_show .r { position: absolute; float: none; right: 0; bottom: 0; width: 100%; }
	.app_show .r .phone1 { top: auto; bottom: auto; left: auto; right: auto; bottom: 0; right: 47.5%;left: 7.5%;overflow: hidden; }
	.app_show .r .phone2 { top: auto; bottom: auto; left: auto; right: auto; bottom: 0; left:42.5%; right: 7.5%;overflow: hidden; }
	.app_show { min-height: 0;overflow: hidden; }
}
@media screen and (max-width: 480px) {
	.app_show .l .btns { 
        /*margin-top: 50px;*/
        /*background:url(../images_new/app-text.png) no-repeat center;  */
    }
	/*.app_show .l .btns .btn_app { padding: 5px 15px; }*/
	.app_show .l .btns .btn_app i.icon { bottom: 0;left: 15px; }
	.app_show .l .btns .btn_app .text { padding-top: 2px; }
	.app_show .r { display: none; }
	.app_show .l .maintext { padding-top: 30px; }	
	
}
/**job***/

.job { background: #e1e6ea url('../images/coffeebg.png') no-repeat bottom right;padding: 100px 0;  }
.job .item { position: relative;color: #fff; font-size: 22px; cursor: pointer; display: inline-block; overflow: hidden;}
.job .hover { position: absolute;width: 100%;height: 100%; top: 0; left: 0; }
.job .hover .pdcon { padding: 20px; }
.job .hover .jobname { font-size: 18px; line-height: 25px;/*margin-top: 75px; */margin-bottom: 15px; }
.job .hover .age { font-size: 45px;font-family: 'lefan2','Microsoft Yahei'; }
.job .hover .line { display: block; width: 40px; height: 3px; background: #fff;margin-top: 14px; }
.job .hover .btn { font-size: 12px; border: 1px solid #fff; display: inline-block; margin-top: 32px; padding: 5px 12px; border-radius: 4px;}
.job .hover .btn i { font-size: 12px; padding-left: 5px; line-height: 14px; }
.job .hover .statu { position: absolute; bottom: 20px; left: 20px; font-size: 12px; }
.job .hover .statu span { margin-right: 10px; }
.job .hover .statu span i { padding-right: 2px; }
.job .border { position: absolute; top: 0;left: 0; width: 100%; height: 100%; }
.job .border div { position: absolute; background:#04fa35; }
.job .border .t  { width: 100%;height: 0; left: 0;top: 0; }
.job .border .b { width: 100%;height: 0; left: 0;bottom: 0; }
.job .border .l  { height: 100%;width: 0; top: 0;left: 0; }
.job .border .r { height: 100%;width: 0; top: 0;right: 0; }
.job .item:hover .statu { bottom: -20px; }
.job .item .face { transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;-moz-transition: all 1s ease-out;width: 100%; }
.job .item:hover .face { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); }
.job .item:hover .jobname { margin-top: 20px; }
.job .item .about , .job .item .detial { display: none; }
.job .item.active .border .l,.job .item.active .border .r { width: 5px; }
.job .item.active .border .t,.job .item.active .border .b { height: 5px; }
.job .item.active { text-align: center; }
.job .item.active .btn { display: none; } .job .item.active .line { width: 0; }
.job .item.active .face { filter:url(blur.svg#blur);-webkit-filter: blur(10px);-moz-filter: blur(10px);-o-filter: blur(10px);-ms-filter: blur(10px);filter:blur(10px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); }
.job .item.active .statu { position: relative; top: auto; left: auto; bottom: auto; margin-top: 20px; }
.job .item.active:hover .jobname { margin-top: 0px; }
.job .jobcont { width: 850px; margin: 0 auto;position: relative; }
.job .jobcont .items { width: 100%;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out; }
.job .item { width: 275px; height: 374px; margin: 4px;float: left; }
.job .ovh { overflow: hidden; }

.job .jobdetial { width: 850px; margin: 0 auto; background: url('../images/whitehover.png') repeat 0 0; margin-top: 20px;display: none;font-family: 'lefan','Microsoft Yahei'; }
.job .detial { padding: 50px;font-family: 'lefan','Microsoft Yahei';}
.job .jobdetial .detial p {font-family: 'lefan','Microsoft Yahei';  }
.job .detial h1 { font-size: 25px;font-family:'lefan2','Microsoft Yahei';}
.job .detial h1 i { font-style: normal; }
.job .detial h1 span { font-size: 22px; }
.job .detial h1 span#age,.job .detial h1 span#jobname { font-size: 25px; }
.job .detial #about { margin: 20px 0; padding: 20px 0; border-top: 1px solid #666;border-bottom: 1px solid #666; }
.job .jobdetial .bottom { background: url('../images/whitehover.png') repeat 0 0; text-align: right; padding: 20px 50px; }
.job .controls { position: absolute; left: 100%; bottom: 5px;display: none; }
.job .controls .btn { width: 30px; height: 30px; line-height: 30px; text-align: center; background: #fff;cursor: pointer; }
.job .controls .btn i { font-size: 12px; }
.job .controls .btn:hover { background: #0ffa35; }
.job .controls .btn:hover i { color: #fff;}
@media screen and (max-width: 1024px) {
	.job { margin: 0; padding: 0; }
	.job .jobcont { width: auto; padding: 30px15px; }
	.job .jobcont .items {overflow: hidden; }
	.job .item { width: 33.3%; box-sizing: border-box;margin: 0; padding: 0; height: auto; }
	.job .item .con { margin: 4px; overflow: hidden; }
	.job .item img,
	.job .item .hover { overflow: hidden; }
	.job .item:hover .face { -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); }
	.job .jobdetial { width: auto; }
	.tie .working .icon .hideinfo { top: 20px; left: 20px; }
	.job .border { top: 4px; left: 4px; bottom: 4px; right: 4px;  width: auto; height: auto; }
	.job .item.active .face { .blur {filter:url(blur.svg#blur);-webkit-filter: blur(0px);-moz-filter: blur(0px);-o-filter: blur(0px);-ms-filter: blur(0px);filter:blur(0px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false);} }
	.job .jobdetial {margin: 4px; }	
	
}
@media screen and (max-width: 768px) {
	.job .item { width: 50%; }
	.job .detial { padding: 20px; }
}
@media screen and (max-width: 480px) {
	.job .item { width: 100%; }
	.job .item .face { width: 100%; }
	.job .jobcont { padding: 10px; }
	.job .items .item:last-of-type { display: none; }
}
/**contact-us**/
#map { width: 100%;height:500px;}
.map { position: relative; }
.map .contactway { position: absolute; bottom: 50px; right: 20px; background:#fff; z-index: 99999; padding: 15px; }
.map .contactway .pdcon { padding: 15px; border-top: 1px solid #666; border-bottom: 1px solid #666; }
.map .contactway .pdcon li { padding: 5px 0; }
.map .contactway .pdcon .iconfont { padding-right: 10px; }
.contact{}
.contactVideo,.map,.contentItem{width:100%;float:left;}
.map{padding-left:0px;}
.contactVideo,.contactVideo .box,.contentItem{position:relative;}
.contactVideo .box,.contentItem .box{width:100%;max-width:1120px;margin:0 auto;}
.contactVideo .text,.contactVideo .img{float:left;margin:40px 0;}
.contactVideo .text{max-width:500px;font-size:13px;margin-bottom:0px;}
.contactVideo .text,.contactVideo .text p{line-height:24px;}
.contactVideo .text font{font-size:18px;display:block;margin-bottom:7px;}
.contactVideo .text p{margin-bottom:30px;}
.contactVideo .img{width:410px;margin-left:95px;cursor:pointer;}
.contactVideo .img img{width:100%;}

.contentItem{padding:40px 0;}
.contentItem .box{max-width:700px;overflow:hidden;}
.contentItem dl,.contentItem dt,.contentItem dd{margin:0px;padding:0px;float:left;}
.contentItem dl{width:50%;border-left:1px #000 solid;margin-left:-1px;padding:5px 0;line-height:24px;}
.contentItem dt{margin-left:30px;}
.contentItem dt i{padding-right:10px;}
/**news**/
.media { padding: 50px 0;/*padding-left: 25px;*/ background: #e1e6ea; min-height: 1000px;}
.media .items { position: relative; }
.media .item { width: 350px; overflow: hidden;background: #fff; float: left; margin: auto;}
.media .item:hover{box-shadow:0 0 10px rgba(0,0,0,0.2); -webkit-transform: translateY(-4px);-moz-transform: translateY(-4px);-o-transform: translateY(-4px);-ms-transform: translateY(-4px);transform: translateY(-4px);}
.media .item .face { overflow: hidden; }
.media .item .face img { width: 100%; height: auto;transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;-moz-transition: all 1s ease-out; }
.media .item:hover .face img {max-width: 100%;   height: auto;    border: 0;}
.media .item .text { padding: 30px 20px; }
.media .item .text h1 { font-size: 22px; line-height: 25px; margin-bottom: 20px; margin-top: 3px; }
/**classic**/
.cline { width: 200px; height: 255px; position: absolute;top:20%; left: 15%;z-index: 9;transform-origin:0  0;-ms-transform-origin: 0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;	  }
.cline i { display: inline-block;position: absolute; background: #04fa35;}
.cline i.line1 { width: 5px; height: 0; bottom: 0px; right: 0;}
.cline i.line2 { width: 0; height: 5px; bottom: 0;}
.cline i.line3 { height: 0; width: 5px; top: 0;left: 0;}
.cline i.line4 { width: 0; height: 5px; right: 0; top: 0;}
.cline i.line5 { width: 5px; height: 0; bottom: 210px; right: 0;}
.active i.line1 { -webkit-animation: line1 10s linear; -o-animation: line1 10s linear;  -moz-animation: line1 10s linear; animation: line1 10s linear;-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
.active i.line2 { -webkit-animation: line2 10s linear; -o-animation: line2 10s linear;  -moz-animation: line2 10s linear; animation: line2 10s linear;-webkit-animation-delay: 1.15s;animation-delay: 1.15s;}
.active i.line3 { -webkit-animation: line3 10s linear; -o-animation: line3 10s linear;  -moz-animation: line3 10s linear; animation: line3 10s linear;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.active i.line4 { -webkit-animation: line2 10s linear; -o-animation: line2 10s linear;  -moz-animation: line2 10s linear; animation: line2 10s linear;-webkit-animation-delay: 0.15s;animation-delay: 0.15s;}
.active i.line5 { -webkit-animation: line1 10s linear; -o-animation: line1 10s linear;  -moz-animation: line1 10s linear; animation: line1 10s linear;}
@keyframes 'line1' { 0% { height: 0; } 1.5% { height: 40px }100% { height: 40px } }
@-webkit-keyframes 'line1' { 0% { height: 0; } 1.5% { height: 40px }100% { height: 40px } }
@-o-keyframes 'line1' { 0% { height: 0; } 1.5% { height: 40px }100% { height: 40px } }
@-moz-keyframes 'line1' { 0% { height: 0; } 1.5% { height: 40px }100% { height: 40px } }
@keyframes 'line2' { 0% { width: 0 } 3.5%{ width: 100%}100%{ width: 100%}   }
@-webkit-keyframes 'line2' { 0% { width: 0 } 3.5%{ width: 100%}100%{ width: 100%}   }
@-o-keyframes 'line2' { 0% { width: 0 } 3.5%{ width: 100%} 100%{ width: 100%}  }
@-moz-keyframes 'line2' { 0% { width: 0 } 3.5%{ width: 100%}100%{ width: 100%}   }
@keyframes 'line3' { 0%{ height: 0 } 6.5%{ height: 100%}100%{ height: 100%} }
@-webkit-keyframes 'line3' { 0%{ height: 0 } 6.5%{ height: 100%}100%{ height: 100%} }
@-o-keyframes 'line3' { 0%{ height: 0 } 6.5%{ height: 100%}100%{ height: 100%} }
@-moz-keyframes 'line3' { 0%{ height: 0 } 6.5%{ height: 100%}100%{ height: 100%} }

.tie { padding-left: 0px; }
.tie .banner { position: relative; }
.tie .banner ul.cont li { position: relative; overflow: hidden;display: none;}
.tie .banner ul.cont li.active { display: block; }
.tie .banner ul li .bg { width: 100%; }
.tie .banner ul li .text { position: absolute; left: 15%;top: 20%;width: 25%;z-index: 8; }
.tie .banner ul li .molitie { position: absolute; right: 10%; width: 45%;bottom: 0; z-index: 7;}
.tie .banner .dots { position: absolute; bottom: 20px; width: 100%; text-align: center;z-index: 9; }
.tie .banner .dots li { display: inline-block; width: 10px; height: 10px; background: #c7c7c7; border-radius: 100%; cursor: pointer; margin: 0 3px;}
.tie .banner .dots li.active { background: #5c5b68; }

.tie .working { background: url('../images/working.png') no-repeat top center; background-size:cover; text-align: center; color: #fff; padding: 50px 0;}
.tie .working .info { line-height: 1.5; font-size: 12px; }
.tie .working .icons { margin: 100px 0; }
.tie .working .icon { display: inline-block; position: relative;margin:0;}
.tie .working .icon .circle { width: 170px; height: 170px; position: relative;display: inline-block;transition: all 0.4s ease-out;-webkit-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out; -webkit-animation-delay: 0.8s;animation-delay: 0.8s; }
.tie .working .icon .circle canvas { position: absolute; top: 0; left: 0; }
.tie .working .icon .circle .greenicon { position: absolute; bottom: 60px; left:50px; }
.tie .working .icon .hideinfo { background: #48ec42; display: inline-block; width: 75px; height: 75px; line-height: 75px; border-radius: 100%; color: #000; font-size: 22px; text-align: center; position: absolute;top:45px; left: 45px;opacity: 0;-webkit-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;}
.tie .working .icon:hover .hideinfo { opacity: 1; }
.tie .working .icon:hover .circle { -webkit-transform: scale(0.2);-moz-transform: scale(0.2);-o-transform: scale(0.2);-ms-transform: scale(0.2);transform: scale(0.2);}
.tie .working .icon .hideinfo .border { position: absolute; top: 0px; left: 0px;width: 75px; height: 75px; border: 1px solid #48ec42; border-radius: 100%;}
.tie .working .icon:hover .hideinfo .border { -webkit-animation: borderout 0.8s linear; -o-animation: borderout 0.8s linear;  -moz-animation: borderout 0.8s linear; animation: borderout 0.8s linear;padding: 60px; top: -24px; left: -24px; opacity: 1;}
@keyframes 'borderout' {
	0% { padding: 0; top: 0px; left: 0px;opacity: 0; }
	100% { padding: 60px; top: 0px; left: 0px; opacity: 1; }
}
@-webkit-keyframes 'borderout' {
	0% { padding: 0; top: 25px; left: 25px;opacity: 0; }
	100% { padding: 60px; top: -25px; left: -25px; opacity: 1; }
}
@-o-keyframes 'borderout' {
	0% { padding: 0; top: 25px; left: 25px;opacity: 0; }
	100% { padding: 60px; top: -25px; left: -25px; opacity: 1; }
}
@-moz-keyframes 'borderout' {
	0% { padding: 0; top: 25px; left: 25px;opacity: 0; }
	100% { padding: 60px; top: -25px; left: -25px; opacity: 1; }
}
.tie .mode { background: url('../images/modebg.png') no-repeat top center; background-size: 100% 100%; text-align: center; color: #fff; padding: 110px 0;}
.tie .mode .text { margin-bottom: 80px; }
.tie .mode .maxsize { max-width: 1030px;margin: 0 auto; }
.tie .mode .maxsize .wave { text-align: left; }
.tie .mode .info { font-size: 12px; margin-top: 0px;}
.tie .mode .icons { padding-right: 30px; }
.tie .mode .icons .icon { overflow: hidden; color: #717171;position: relative;top: -46px;}
.tie .mode .icons .icon.active { color: #48ec42; }
.tie .mode .icons .icon .face { display: inline-block; width: 72px;height: 72px;background: url('../images/modeicon.png') no-repeat top left;float: left;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.tie .mode .icons .icon.active .face { background-position: -75px 0; }
.tie .mode .icons .icon1 .face { background-position: 0 -75px; }
.tie .mode .icons .icon2 .face { background-position: 0 -150px; }
.tie .mode .icons .icon3 .face { background-position: 0 -225px; }
.tie .mode .icons .icon4 .face { background-position: 0 -300px; }
.tie .mode .icons .icon1.active .face { background-position: -75px -75px; }
.tie .mode .icons .icon2.active .face { background-position: -75px -150px; }
.tie .mode .icons .icon3.active .face { background-position: -75px -225px; }
.tie .mode .icons .icon4.active .face { background-position: -75px -300px; }
.tie .mode .icons .icon1.active p { color: #be6efe; }
.tie .mode .icons .icon2.active p { color: #4df368; }
.tie .mode .icons .icon3.active p { color: #11ceb0; }
.tie .mode .icons .icon4.active p { color: #1e95fc; }
.tie .mode .icons .icon p { float: left;line-height: 72px; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;  }
.tie .mode .wave { position: relative; }
.tie .mode .waveright { position: absolute; right: 45px; top: 0px;z-index:10; }
.tie .mode .icons ul li { height:50px;}
.tie .mode .dots { background: url('../images/dotline.png') no-repeat top center; position: absolute; right: 0; top: 50px;height: 202px; }
.tie .mode .dots ul { padding-top: 28px; }
.tie .mode .dots ul li { display: block; width: 10px; height: 10px; border-radius: 100%; background: #717171; margin: 16px 0; }
.tie .mode .dots ul li.active { background: #48ec42; }
.tie .mode .dots ul li.dot1.active { background: #be6efe; }
.tie .mode .dots ul li.dot2.active { background: #4df368; }
.tie .mode .dots ul li.dot3.active { background: #11ceb0; }
.tie .mode .dots ul li.dot4.active { background: #1e95fc; }

.tie .smart { background: url('../images/smartbg.png') no-repeat top center;background-size: 100% 100%; text-align: center; padding-top: 110px;  }
.tie .smart .uis { position: relative; height: 500px;width: 1030px; margin: 0 auto;width: 100%; max-width: 1400px; }
@media screen and (max-width: 1280px) {
	.tie .smart .uis { height: 450px; }
}
.tie .smart .uis .ui .uibg { max-width: inherit;width: 100%; }
.tie .smart .uis .ui { position: absolute; bottom: 0; left: 25%;transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;-moz-transition: all 1s ease-out; }
.tie .smart .uis .ui { width: 50%; }
.tie .smart .uis .ui .inb img.hover { width: 120px; }
.tie .smart .uis .ui .hover { display: none;position: absolute; bottom: 90%; left: 10%; }
.tie .smart .uis .ui:hover .hover,.tie .smart .uis .ui.active .hover { display: inline-block; }
.tie .smart .uis.active .ui1 {  left: 0%; }
.tie .smart .uis.active .ui2 {  left: 25%; }
.tie .smart .uis.active .ui3 {  left: 50%; }

.tie .blocks { position: relative; overflow: hidden; }
.tie .blocks img { width: 101%;max-width: 101%;transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;-moz-transition: all 1s ease-out; }
.tie .blocks .hoverscale { position: relative; }
/*.tie .blocks .hoverscale:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); }*/
.tie .blocks .hoverscale .hover { background: url(../images/hover50.png) repeat 0 0;position: absolute;top: 0; left: 0; width: 101%; height: 101%;opacity: 0;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;  }
.tie .blocks:hover .hoverscale .hover { opacity: 1; }
.tie .blocks .hoverscale:hover .hover { opacity: 0; }
.tie .blocks .left , .tie .blocks .right { width: 50%; float: left; overflow: hidden; }
.tie .blocks .left .b .l ,.tie .blocks .left .b .r{ width: 50%; float: left; }
.tie .blocks .right .l,.tie .blocks .right .r { width: 50%; float: left; }

.tie .design { text-align: center; background: #fff; padding-top: 50px; }
.tie .design .explan { margin: 0 auto;margin-top: 100px; position: relative;height: 400px;width: 100%;max-width: 1030px;  }
.tie .design .dashline { position: absolute; top: 100px; left: 0; width: 100%;}
.tie .design .explan .left { width: 50%;float: left;height: 564px;  }
.tie .design .explan .right { width: 50%; float: left;height: 564px;  }
.tie .design .explan li { position: absolute; bottom: 0;display: inline-block; }
.tie .design .explan li img { width: 70%; }

.tie .friends { background: #fff; text-align: center; padding: 110px 0;color: #000; }
.tie .friends .info { font-size: 14px;line-height: 1.5; margin-top: 20px;margin-bottom: 100px;  }
.tie .friends .links  { margin-bottom: 50px; }
.tie .friends .links li {  border: 1px solid #000; border-radius: 6px; margin: 0 2px; display: inline-block; padding: 20px 25px; }
.tie .friends .links li img { height: 24px; }
.tie .title.text { width: 80%; }
.waveleft {
     -webkit-transform: scale(0.7);
     -moz-transform: scale(0.7);
     -o-transform: scale(0.7);
     -ms-transform: scale(0.7);
     transform: scale(0.7); 
 }
.tie .mode .waveright .icon .face { -webkit-transform: scale(0.5);-moz-transform: scale(0.5);-o-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5); }

.tie .smart .maxsize { max-width: 1180px; margin:  0 auto; }
.titleinb { display: inline-block; }
.working { position: relative; }
.working .workingbg {  width: 100%; height: 100%;position: absolute;top: 0; left: 0;z-index: 0; }
.working  .maxsize { z-index: 5; }
/*canvas*/
.waveleft{position:relative;}
.canvas{position:absolute;top:0px;left:70px;right:58px;bottom:0px;z-index:1;}
@media screen and (max-width: 1024px) {
	.tie { padding-left: 0;	 }
	.tie .working .icon .circle { width: 120px; height: 120px; }
	.tie .mode .waveright { position: relative; top: auto; bottom: auto; left: auto; right: auto; }
	.tie .mode .dots { display: none; }
	.tie .mode .icons ul { text-align: center; padding-top: 20px;}
	.tie .mode .icons ul li { display: inline-block; padding: 0 10px; }
	.tie .working .icon .circle .greenicon { bottom: 36px; left: 25px; }
	.tie .smart .uis { height: 350px; }	
	.tie .working .icon .hideinfo { top: 20px; left: 20px; }
}
@media screen and (max-width: 480px) {
	.tie .mode .icons .icon .face { -webkit-transform: scale(0.5);-moz-transform: scale(0.5);-o-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);}
	.tie .mode .icons ul li { margin: 0; padding: 0; }
	.tie .smart .uis { height: 250px; }
	.tie .blocks .left, .tie .blocks .right { width: auto; float: none; }
	.tie .smart { padding-top: 50px; }
	.tie .smart .uis .ui .hover { display: inline-block; }
	.tie .design { padding-top: 50px; }
	.tie .design .explan { max-width: 100%; margin-top:10px; }
	.tie .design .explan li { width: 20%; margin-left: -5%; }
	.tie .design .explan li img { width: auto; max-width: 9999px; height: 320px; }
	.tie .design .dashline { top: 150px; }
	.tie .friends .links li { padding: 10px;margin: 2px; }	
	.tie .working .icon .hideinfo .border { transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;-moz-transition: all 1s ease-out;left: 0; top: 0; padding: 0; opacity: 0; }
	.tie .working .icon:hover .hideinfo .border { left: 0px; top: 0px; padding: 25px;opacity: 1; -webkit-animation: none 0s linear; -o-animation: none 0s linear;  -moz-animation: none 0s linear; animation: none 0s linear;}
	.tie .mode .icons .icon .face { transition: all 0s ease-out;-webkit-transition: all 0s ease-out;-o-transition: all 0s ease-out;-moz-transition: all 0s ease-out; }

}
/**footer**/
.cl { clear: both; }
footer { background: #f3f5f5; padding: 50px 75px;position: relative; }
footer .block { display: inline-block; float: left; max-width: 400px; margin-right: 35px;}
footer .block .line {position: relative; font-size: 14px;}
footer .block .line span { border-top: 1px solid #dddee1; display: inline-block;width: 100px; padding: 15px 0;color: #464646; }
footer .block .line ul { padding-left: 0px;border-top: 1px solid #dddee1; display: inline-block; margin-left: 15px;}
footer .block .line ul li { display: inline-block; padding: 15px 10px; }
footer .block .line ul li a { color: #909293;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
footer .block .line ul li a:hover { color: #464646; }
footer .block i { background: url('../images/footerbtn.png') no-repeat top center; display: inline-block;width: 30px; height: 30px; position: absolute; top: 12px; left: -40px;}
footer .block i.icon-shopcart { background-position: 0 -30px; }
footer .block i.icon-paper { background-position: 0 -60px; }
footer .block .line p { border-top: 1px solid #dddee1; font-size: 14px; color: #909293; padding: 10px 0;line-height: 20px; }
footer .block .line p.copy { font-size: 12px; }
footer .sns { position: absolute; top: 50px; right: 25px; }
footer .sns .btn { margin-bottom: 5px; width: 40px; height: 40px; background: #dfdfdf url('../images/sns.png') no-repeat top left;position: relative; }
footer .sns .btn:hover { background-color: #9ddd64; }
footer .sns .btn.weibo { background-position: top right; }
footer .sns .btn.weibo:hover { background-color: #ff8c8c; }
footer .sns .btn .qrcode {position: absolute; right: 100%;width: 150px; display: none;}
footer .sns .btn.wechat:hover .qrcode {display: block;}
@media screen and (max-width: 480px) {
	footer { padding: 30px 10px;  }
	footer .sns { display: none; }
	footer .block .line  { margin-bottom: 10px; }
	footer .block { padding: 0; max-width: 100%; float: none; display: block; margin: 0;}
	footer .block .line span { padding: 0; line-height: 30px; border-top: 0; border-bottom: 1px solid #dcdcdc; display: block; width: auto; }
	footer .block .line ul li { padding:  0; line-height: 30px; width: 33.3%; float: left;}
	footer .block .line ul { border-top: 0;margin: 0; padding: 0; display: block; overflow: hidden; }
	footer .intro { display: none; }
}

/*chenkang 20170502*/
.lfvedio{
    float: left;
    width: 50%;
    margin: auto;
    position: relative;
    top:50px;
}
.vedio-div{
    max-width: 100%;
    /*margin:20% auto;*/
    padding:20px;
}
.bx-controls { 
    display: none; /*隐藏招贤纳士翻页*/
}

.about-us-box{
    /*width: 80%;*/
    width: 100%;
    margin: auto;
}
.about_box{
    width: 100%;
    float: left;
    clear: both;
    position: relative;
}
.about-us-img{
    width: 31.25%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    position: relative;
}
@media(max-width: 768px){
    .about-us-text{
        font-size: 12px;
    }
}
@media(max-width: 600px){
    .about-us-img{
        width: 70%;
        margin: auto;
        float: initial;
        margin-bottom: 2%;
    }
    .about-us-text{
        font-size: 14px;
    }
}
@media(max-width: 360px){
    .about-us-text{
        font-size: 12px;
    }
    .about-us-img{
        width: 80%;
    }
}
.about-us-img img{
    width: 100%;
}
.about-us-text{
    width: 100%;
    position: absolute;
    top:66%;
    padding: 0px 20px;
    color: grey;
}
.about-us-img:hover{
    opacity: 0.8;
    cursor: pointer;
}
.new_content{
    width: 100%;
    padding: 0px;
}
.about-us{
    margin-bottom: 30px;
}
.one{
    
}
.three{
    
}
@media screen and (max-width: 1024px) {
    .contactVideo .text{
        max-width: 100%;
    }
    .lfvedio{
        width: 100%;
        float: left;
        margin: auto;
        top:0px;
    }
    .vedio-div{
        max-width: 100%;
        margin: auto;
    }
    .new_content{
    width: 100%;
    }
    .row{
        margin: auto;
    }
    

}
.need-hide{
    width: 100%;
    padding: 0px 6%;
    opacity: 0.6;
}

@media(max-width: 768px){
    .need-hide{
        padding: 0px 1%;
    }
}
/*箭头动画*/
/*@keyframes go_sign
{
    from {right: 0;}
    to {right: 100%;}
}
 
@-webkit-keyframes go_sign 
    from {right: 0%;}
    to {right: 80%;}
}
.gosign{
    float: right; 
    position: relative;
    right: 0%;
    animation: go_sign 4s;
    -webkit-animation: go_sign 4s;
    animation-iteration-count:infinite;
}*/
#gosign .gosign{
    display: none;
    max-width: 30%;
}
.gosign1{
    position: absolute;
    left: 0px;
}
.gosign3{
    position: absolute;
    right: 0px;
}
.gosign2{
    position: absolute;
    left: 40%;
}

.download{
    float: left;
    width: 100%;
}
.tohover{
    display: none;
}
.toshow{
    display: block;
}
@media screen and (max-width: 560px){
    footer .block .line span {
        padding: 0;
        line-height: 30px;
        border-top: 0;
        border-bottom: 1px solid #dcdcdc;
        display: block;
        width: auto;
    }
    footer .block .line ul{
        border-top: none;
    }
}

/*ck 20170511*/
/*联系我们*/
.contact{
    color: #595757;
    
}
.title_img{
    width: 100%;
    height: auto;
}
.title_img img{
    width: 100%;
    height: auto;
}

.mid_font_title{
    width: 100%;
    height: auto;
}
.mid_font_title .title1{
    padding-top: 100px;
    text-align: center;
    width: 100%;
    font-size: 30px;
    margin-bottom: 0px;
}
.mid_font_title .title2{
    padding-top: 30px;
    text-align: center;
    width: 50%;
    margin: auto;
    font-size: 14px;
}
.mid_sign ul{
    /* width: 960px; */
	width: 716px;
    display: block;
    margin: auto;
    list-style: none;
    padding: 70px 0px 30px 0px;
}
.mid_sign ul li{
    display: inline-block;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    margin: auto;
    /*width: 24%;*/
}
.mid_sign ul li img{
    display: block;
    margin: auto;
    width: 100%;
}
.mid_sign_img{
    width: 100%;
    max-width: 88px;
    height: 88px;
    
    position: relative;
    margin: auto;
    margin-bottom: 20px;
}
.mid_sign ul li img.mid_sign_img1{
    max-width: 88px;
    max-height: 88px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
.mid_sign ul li img.mid_sign_img2{
    max-width: 88px;
    max-height: 88px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    width: 100%;
}
@media (max-width: 980px){
    .mid_sign ul{
        width: 768px;
    }
    .mid_sign ul li{
        padding-left: 85px;
        padding-right: 85px;
    }
    .mid_font_title .title2{
        width: 80%;
    }
}
@media (max-width: 780px){
    .mid_sign ul{
        width: 568px;
    }
    .mid_sign ul li{
        padding-left: 38px;
        padding-right: 38px;
    }

}
@media (max-width: 580px){
    .mid_sign ul{
        width: 430px;
    }
    .mid_sign ul li{
        padding-left: 0px;
        padding-right: 0px;
    }
    .mid_font_title .title2{
        font-size: 12px;
    }
}
@media (max-width: 450px){
    .mid_sign ul{
        width: 90%;
    }
    .mid_sign ul li{
        padding-left: 0px;
        padding-right: 0px;
        width: 49%;
    }
}

.btn_app{
    background-color:white !important;
    border: none !important;
    margin-top: 60px !important;
}
/*/app new*/
.app_box{
    background-color: #e0e0e0;
    width: 100%;
    /*min-height: 600px;*/
}
.left_btn{
    float: left;
    width: 49%;
    padding-top: 7%;
    padding-left: 10%;
    padding-bottom: 8%;

}
.left_btn a{
    float: left;
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
    margin-top: 10%;
}
/*.left_btn span{
    width: 100%;
    display: block;
    text-align: center;
}*/
.app_box .left_btn span { 
    position: relative;
    padding-left: 25px;
    margin-top: 20px;
    display: inline-block;
    font-size: 13px;
}
.app_box .left_btn i.icon.alert{
    display: inline-block;
    width: 20px;
    height: 20px; 
    background: url('../images/app-icon.png') no-repeat top center;
    background-position: -150px 0;
    position: absolute;
    top: 0px; 
    left: 0;
}

.download_btn{
    /*position: relative;*/
    max-width: 240px;
    display: block;

    /*min-height: 80px;*/
    /*float: left;*/
}
.download_btn img{
    margin: auto;
}
.right_img{
    float: right;
    width: 50%;
    display: block;
    margin: auto;
    padding-top: 10%;
    position: relative;
}
.phone_one{
    /*float: left;*/
    width: 39%;
    position: absolute;
    left: 10%;
    /*bottom: -20%;*/

}
.phone_two{
    /*float: left;*/
    width: 49%;
    position: absolute;
    right: 20%;
    top: 20%;
    /*bottom: -20%;*/
}
@media (max-width: 768px){
    .app_box .left_btn span{
        font-size: 12px;
    }
}
@media (max-width: 480px){
    .app_box .left_btn span{
        display: none;
    }
}
/*new our partners*/
.our_box{
    width: 100%;
}
.our_title{
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

.our_t_img{
    width: 100%;
    padding: 3%;
    clear: both;
    /*background-color: #f7f7f7;*/
    /*background: -webkit-linear-gradient(left, #70e1f5 , #ffd194); *//* Safari 5.1 - 6.0 */
    /*background: -o-linear-gradient(right, #70e1f5, #ffd194); *//* Opera 11.1 - 12.0 */
    /*background: -moz-linear-gradient(right, #70e1f5, #ffd194); *//* Firefox 3.6 - 15 */
    /*background: linear-gradient(to right, #70e1f5 , #ffd194); *//* 标准的语法 */
}
.our_t_img img{
    display: block;
    margin: auto;
    width: 100%;
}

.our_p_text{
    width: 100%;
    padding-top: 5%;
    padding-left:15%;
    padding-right:15%;
    font-size: 16px;
    text-indent: 2em;
    text-align: center;
    color: grey;
}
.our_online{
    width: 100%;
}
.our_online_t,.our_unline_t{
    width: 100%;
}
.our_online_t img,.our_unline_t img{
    width: 30%;
    display: block;
    margin: auto;
    padding-top: 6%;
}
.our_online_i,.our_unline_i{
    width: 80%;
    display: block;
    margin: auto;
    padding-top: 3%;
}
.our_online_i a{
    display: block;
    width: 25%;
    float: left;
    padding: 0 5%;
}
.our_unline_i .part_1 a,.our_unline_i .part_2 a{
        display: block;
    width: 33.33%;
    float: left;
    padding: 0 9%;
}
.our_online_i a img,.our_unline_i .part_1 a img,.our_unline_i .part_2 a img{
    width: 100%;
    display: block;
}
.our_unline_i .part_1{
    width: 100%;
    display: block;
    padding-bottom: 5%;
}
.our_unline_i .part_2{
    width: 100%;
    display: block;  
}
@media (max-width: 768px){
    .content-bottom1 {
        padding: 5% 0;
    }
}

.shine
{
    opacity: 1;
    animation:doshine 15s;
    -webkit-animation:doshine 15s; /* Safari and Chrome */
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite; /*Safari and Chrome*/
}
.shine1
{
    opacity: 1;
    animation:doshine 10s;
    -webkit-animation:doshine 10s; /* Safari and Chrome */
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite; /*Safari and Chrome*/
}
.shine2
{
    opacity: 1;
    animation:doshine 5s;
    -webkit-animation:doshine 5s; /* Safari and Chrome */
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite; /*Safari and Chrome*/
}

@keyframes doshine
{
    0%{opacity: 1;}
    40%{opacity: 1;}
    50% {opacity: 0.3;}
    100%{opacity: 1;}
}

@-webkit-keyframes doshine /* Safari and Chrome */
{
    0%{opacity: 1;}
    40%{opacity: 1;}
    50% {opacity: 0.3;}
    100%{opacity: 1;}
}
@media(max-width: 830px){
    .our_online ul li,.our_unline ul li{
        width: 48%;
        padding-left: 7%;
        padding-right: 7%;
    }
    .our_online ul li img,.our_unline ul li img{
        width: 55%;
    }
    .our_online_t img,.our_unline_t img{
        width: 40%;
    }
}
@media(max-width: 768px){
    .our_online ul li,.our_unline ul li{
        width: 48%;
        padding-left: 6%;
        padding-right: 6%;
    }
    .our_online ul li img,.our_unline ul li img{
        width: 70%;
    }
}
@media(max-width: 480px){
    .our_online ul li img,.our_unline ul li img{
        width: 70%;
        padding: 2%;
    }
    .our_p_text{
        font-size: 12px;
    }
    .our_online_t img,.our_unline_t img{
        width: 50%;
    }
}

/*20170708 carl*/
#to_top{
    position: fixed;
    bottom: 5%;
    right: 5%;
    max-width: 48px;
    overflow: hidden;
    display: none;
    cursor: pointer;
}
#to_top img{
    width: 100%;
}
@media(max-width: 600px){
    #to_top{
        width: 35px;
    }
}

/*热卖 start*//*carl 20170708*/
#ele_invoice{
    position: fixed;
    bottom: 12%;
    right: 5%;
    width: 48px;
    padding: 5px;
    max-height: 50px;
    /*max-width: 48px;*/
    /*overflow: hidden;*/
    cursor: pointer;
}
#ele_invoice a {
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    display: block;
    color: white;
    outline:none;/*取消 点击、聚焦后出现的虚线*/
    blr:expression(this.onFocus=this.blur());
}
#ele_invoice a:hover{
    text-decoration: none;
}
/*  @keyframes grow-width {
        0%  { width: 0%;}
        20% {width: 100%;}
        80% {width: 100%;}
        100% { width: 100%;}
    }*/
#ele_invoice a img.hot_sale_cart{
    width: 100%;
    max-width: 48px;
    display: inline-block;
    position: relative;
    right: -63%;
    z-index: 50;
}
#ele_invoice a img.ei_pic{
        width: 100%;
    }
@media(max-width: 1280px){
    #ele_invoice{
        bottom: 15%;
    }
}
@media(max-width: 600px){
    #ele_invoice{
        width: 35px;
        bottom: 12%;
        padding: 0px;
    }
    #ele_invoice .hide-text{
        display: none;
    }
    #ele_invoice a {
        font-size: 12px;
    }
}
@media(max-width: 376px){
    #ele_invoice{
        bottom: 11.5%;
    }
}
@media(max-width: 320px){
    #ele_invoice{
        bottom: 12.5%;
    }
}

/*.body_right_sign{
    display: block;
    width: 100px;
    position: fixed;
    right: 0%;
    top: 30%;
    z-index: 99999;
    height: 300px;
}
.body_right_sign div{
    width: 100px;
    height: 100px;
    border: 1px solid black;
}
.body_right_sign div img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin:auto;
}*/
.body_right_sign{
     position:fixed;
     top:20%;
     right:10px;
     z-index:9999;
     width:80px;
     padding:0 5px;
     background:#fff;
     -webkit-box-shadow:0 0 18px rgba(0,0,0,.1);
     box-shadow:0 0 18px rgba(0,0,0,.1);
}
.body_right_sign ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.body_right_sign li{
    padding: 10px;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #e7e7e7;
    cursor: pointer;
}

.body_right_sign li:hover{
    color: #897667;
}
.right_sign_icons {
    width: 30px;
    height: 30px;
    display: inline-block;
    /*background: url(../images_new/consult.png) no-repeat fixed;*/
}
.right_sign_icons img{
    width: 100%;
    display:block;
}
.body_right_sign .code_img{
    position:absolute;
    left:-124px;
    top:0;
    display:none;
    padding-right:20px;
    max-height: 71px;
	max-width:200%;
}
.body_right_sign .code_img-inner{
    position: relative;
    right: 18%;
}
.body_right_sign .code_img img{
    width: 100%;
}
.m-icons-top{
    width:30px;
    height:30px;
    display:inline-block;
    background-image:url(../images_new/go_top.png);
}
.right_sign_icons img.default_img{
    display: none;
}
a.right_sign_icons:hover,a.right_sign_icons:visited, a.right_sign_icons:link, a.right_sign_icons:active {
    /*// 做到只设置一次，就可以使所有a标签的四种状态都和本身颜色保持一致，样式代码该怎么写*/
    text-decoration: none;
    -webkit-user-select:none;
    -moz-user-select:none; 
    -ms-user-select:none; 
    user-select:none;
}
@media(max-width: 450px){
    /* .body_right_sign{ */
        /* /*display: none;*/ */
        /* /*max-width: 20%;*/ */
    /* } */
    /* .body_right_sign .consult,.body_right_sign .einvoice{ */
        /* display: none; */
    /* } */
}
.series_box{
    width: 100%;
    margin: 0 auto;
    margin-top: 4%;
    height: auto;
}
.series{
    width: 100%;
    margin:0 auto;
    position: relative;
    text-align: center
}
.shadow-box{
    width: 32%;
    height: auto;
    display: inline-block;
}
.shadow-box1{
    padding-right: 1.3333%;
}
.shadow-box2{
    padding-right: 0.66666%;
    padding-left: 0.66666%;
}
.shadow-box3{
    padding-left: 1.33333%;
}
.shadow-box-shadow{
    box-shadow: 3px 6px 8px #ccc;
}
.hide-box{
    margin-left: 1.7%;
    text-align: left;
    position: absolute;
    left: 0;
    padding-top: 2%;
    width: 1024px;
    display: none;
}
.in-hide-box{
    display: inline-block;
    width: 22%;
    position: relative;
    margin-top: 2%;
    /* opacity: 0 \9 \0; */
    filter: alpha(opacity=100);
    animation: hide-box-enter .8s forwards;
}
.in-hide-box1{
    left: 0;
    animation-delay: 0s
}
.in-hide-box2{
    left: 2%;
    animation-delay: .05s
}
.in-hide-box3{
    left: 4%;
    animation-delay: .1s
}
@keyframes hide-box-show {
    from {
        left: -2%;
    }
    to {
        left: +2%
    }
}
@keyframes hide-box-enter {
    from {
        transform: translate(70px);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    to {
        transform: translate(0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}
.in-hide-box .hide-text{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #666;
}
.shadow-box-child{
    position: relative;
}
.series-l{
    display: inline-block;
    margin-top: 4%;
    font-size: 24px;
    color: #666;
    width: 100%;
    text-align: center;
}
.series-m{
    font-size: 18px;
    color: #666;
}
.series-s{
    display: inline-block;
    margin-bottom: 3%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #999;
    width: 100%;
    text-align: center;
}
.series-img{
    width: 100%
}
.interim_box{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background-color: pink;
}
.vague{
    -webkit-filter: blur(3px);
    filter: blur(3px);
    /*-webkit-filter: grayscale(10%);*/
    /*filter: grayscale(10%);*/
}
.shadow-box-title{
    text-align: center;
    font-size: 32px;
    width:100%;
    color: #FFFFFF;
    position: absolute;
    top:26%;
    z-index: 999;
    display: none;
}
@media(max-width: 650px){
    .shadow-box{
        width: 90%;
        padding: 0;
        margin: 0 4%;
        margin-bottom: 2%;
        clear: both;
    }
    .hide-box{
        width: 90%;
        margin-left: 5%;
        white-space: nowrap;
        overflow-x: scroll;
    }
    .shadow-box-title{
        text-align: center;
        font-size: 30px;
        width: 100%;
        top: 25%;
    }
    .in-hide-box{
        width: 42%;
    }
    .series-l{
        font-size: 20px;
        height: 26px;
        line-height: 26px;
    }
    .series-m{
        font-size: 14px;
    }
    .series-s{
        font-size: 14px;
        height: 28px;
        line-height: 28px;
    }
}


/* 颈枕结构start */
.neck_material_frame{
    max-width: 100%;
    max-height: 700px;
    background: #fff;
    position: relative;
    /*padding:20px 0 0 0;*/
}  
/*.neck_material_frame h1{
    padding: 0 5%;
    text-align: left;
    color: #666666;
}*/
/*.neck_material_frame p{
    padding: 3% 5%;
    text-align: left;
    color: #A8A8A8;
    letter-spacing: 1px;            
}*/
.p-text{
    display: none;
}
#neck_material_1{
    text-align:center;
    position: relative;
    background-color: #F8F8F8;
}  
.pic{
    max-width: 100%;
    margin-top: 10%; 
}
/*.neck_m_2-pic{
    margin-top: 5%;
}*/
.neck-p-text{
   position: absolute; 
   max-width: 14%;
}
.neck_material_frame img.part1{
    left: 49%;
    top: 32%;
}
.neck_material_frame img.part2{
    left: 53%;
    top: 65%;
}
.neck_material_frame img.part3{
    left: 31%;
    top: 34%;
}
.neck_m_2-text{
    position: absolute;
    max-width: 40%;    
    left: 10%;
    top: 5%;
    z-index: 9;
}
/*#neck_material_1 img{
    max-height:420px;
}*/
#neck_material_2{
    width:100%;
    position: absolute;
    top:0px;
    left:0;
    opacity:0;
    text-align:center;
    transform:rotateY(-180deg);
}  
.neck_m_1-text{
    position: absolute;
    max-width: 40%;    
    left: 10%;
    top: 5%;
}
/*#neck_material_2 img{
    max-height:420px;
}    */   
.neck_material_frame:hover #neck_material_1{
    transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);

    -webkit-animation-name: MyfadeOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    -webkit-animation-direction: alternate;         
    
    opacity:0;
}  
.neck_material_frame:hover #neck_material_2{
    transform:rotateY(0);
    -ms-transform:rotateY(0);
    -moz-transform:rotateY(0);
    -webkit-transform:rotateY(0);
    -o-transform:rotateY(0);

    -webkit-animation-name: MyfadeIn;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    -webkit-animation-direction: alternate; 
    
    opacity:1;
}  
@-webkit-keyframes MyfadeOut {
    0% {
        opacity:1;
     }
    25% {
        opacity:0.5;
    }
    50% {
        opacity: 0.25;    
    }
    75% {
        opacity:0;
    }
}       
@-webkit-keyframes MyfadeIn {
    0% {
        opacity:0;
     }
    25% {
        opacity:0.2;
    }
    50% {
        opacity: 0.5;    
    }
    75% {
        opacity:1;
    }
}
#neck_material_1,#neck_material_2
{
    transition:all 1s linear 10ms;
}  
/* 颈枕结构end */
/* 颈枕 样式*/
.neck-model{
    position: relative;
}
.neck-model p{
    position: absolute;
}
.neck-model-text1{
    top: 5%;
    left: 10%;
    font-size: 30px;
    color: gray;
    text-align: left;
}
.neck-model-text2{
    max-width: 34%;
    top: 25%;
    left: 10%;
    font-size: 18px;
    color: gray;
}
.neck-model .row{
    margin:0;
    padding: 0;
}
.neck-model-button .button{
    text-align: center;
    padding: 1%;
}
.neck-model-button .button span{
    border: 2px #eee solid;
    background-color: #fafafa;
    color: #666;
    font-size: 20px;
    display: block;
    width: 100%;
    padding: 5%;
    cursor: pointer;
}
.neck-model-button .message-btn span{
    border-color: #eee;
    background-color: #eee;
}
.material-part{
    padding: 0;
    margin: 0;
}
.material-part img{
    max-width: 100%;
    display: block;
    margin: auto;
}
.material-title p{
    text-align: center;
    font-size: 30px;
    color: gray;
}
.material-title {
    padding: 5% 0;
}

.motor{
    width: 100%;
    position: relative;
}
/*.motor p{
    position: absolute;
}
.motor p.motor-title{
    top: 5%;
    left: 10%;
    font-size: 30px;
    color: gray;
    z-index: 9;
}*/
.motor p.motor-text{
    top: 12%;
    left: 10%;
    font-size: 20px;
    color: gray;
    max-width: 50%;
    text-align: justify;
    z-index: 9;
}
.motor img{
    width: 100%;
}
.motor img.motor-title{
    position: absolute;
    max-width: 50%;
    left: 10%;
    z-index: 9;
}
@keyframes "warn5" {
    0% {
        -webkit-transform: scale(0.1);
        opacity: 0.1;
    }
    20% {
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    40% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    60% {
        -webkit-transform: scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: scale(0.9);
        opacity: 0.9;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes "warn5" {
    0% {
        -webkit-transform: scale(0.1);
        opacity: 0.1;
    }
    20% {
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    40% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    60% {
        -webkit-transform: scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: scale(0.9);
        opacity: 0.9;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}
@keyframes "warn4" {
    0% {
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    20% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    40% {
        -webkit-transform: scale(0.7);
        opacity: 0.7;
    }
    60% {
        -webkit-transform: scale(0.9);
        opacity: 0.9;
    }
    80% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(0.1);
        opacity: 0.1;
    }
}
@-webkit-keyframes "warn4" {
    0% {
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    20% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    40% {
        -webkit-transform: scale(0.7);
        opacity: 0.7;
    }
    60% {
        -webkit-transform: scale(0.9);
        opacity: 0.9;
    }
    80% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(0.1);
        opacity: 0.1;
    }
}
@keyframes "warn3" {
    0% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    20% {
        -webkit-transform: scale(0.7);
        opacity: 0.7;
    }
    40% {
        -webkit-transform: scale(0.9);
        opacity: 0.9;
    }
    60% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
    80% {
        -webkit-transform: scale(0.1);
        opacity: 0.1;
    }
    100% {
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
}
@-webkit-keyframes "warn3" {
    0% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    20% {
        -webkit-transform: scale(0.7);
        opacity: 0.7;
    }
    40% {
        -webkit-transform: scale(0.9);
        opacity: 0.9;
    }
    60% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
    80% {
        -webkit-transform: scale(0.1);
        opacity: 0.1;
    }
    100% {
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
}

@keyframes "warn2" {
    0% {
        -webkit-transform: scale(0.7);
        opacity: 0.7;
    }
    20% {
        -webkit-transform: scale(0.9);
        opacity: 0.9;
    }
    40% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale(0.1);
        opacity: 0.1;
    }
    80% {
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
}
@-webkit-keyframes "warn2" {
    0% {
        -webkit-transform: scale(0.7);
        opacity: 0.7;
    }
    20% {
        -webkit-transform: scale(0.9);
        opacity: 0.9;
    }
    40% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale(0.1);
        opacity: 0.1;
    }
    80% {
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
}
@keyframes "warn" {
    0% {
        -webkit-transform: scale(0.9);
        opacity: 0.9;
    }
    20% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
    40% {
        -webkit-transform: scale(0.1);
        opacity: 0.1;
    }
    60% {
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    80% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.7);
        opacity: 0.7;
    }
}
@-webkit-keyframes "warn" {
    0% {
        -webkit-transform: scale(0.9);
        opacity: 0.9;
    }
    20% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
    40% {
        -webkit-transform: scale(0.1);
        opacity: 0.1;
    }
    60% {
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    80% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.7);
        opacity: 0.7;
    }
}
@keyframes "warn6" {
    0% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
    20% {
        -webkit-transform: scale(0.1);
        opacity: 0.1;
    }
    40% {
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    60% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    80% {
        -webkit-transform: scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(0.9);
        opacity: 0.9;
    }
}
@-webkit-keyframes "warn6" {
    0% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
    20% {
        -webkit-transform: scale(0.1);
        opacity: 0.1;
    }
    40% {
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    60% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    80% {
        -webkit-transform: scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(0.9);
        opacity: 0.9;
    }
}

.animate-cicle {
    position: absolute;
    width: 100px;
    height: 100px;
    border: 1px solid #000;
    top: 35%;
    left: 70%;
}

.dot {
    position: absolute;
    width: 4px;
    height: 4px;
    left: 49%;
    top: 49%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 2px solid #86FDFB;
    box-shadow: 2px 2px #86FDFB;
    border-radius: 2px;
    z-index: 2;
}

.circle-pulse {
    position: absolute;
    width: 100px; 
    height: 100px;
    left: 0;
    top: 0;
    border: 2px solid #86FDFB;
    box-shadow: 1px 1px 20px #86FDFB;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    z-index: 1;
    opacity: 0;
}
.pulse1{
    -webkit-animation: warn 3s ease-out;
    -moz-animation: warn 3s ease-out;
    animation: warn 3s ease-out;    
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.pulse2{
    -webkit-animation: warn2 3s ease-out;
    -moz-animation: warn2 3s ease-out;
    animation: warn2 3s ease-out;    
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.pulse3{

    -webkit-animation: warn3 3s ease-out;
    -moz-animation: warn3 3s ease-out;
    animation: warn3 3s ease-out;    
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.pulse4{
    -webkit-animation: warn4 3s ease-out;
    -moz-animation: warn4 3s ease-out;
    animation: warn4 3s ease-out;    
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.pulse5{
    -webkit-animation: warn5 3s ease-out;
    -moz-animation: warn5 3s ease-out;
    animation: warn5 3s ease-out;    
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.pulse6{
    -webkit-animation: warn6 3s ease-out;
    -moz-animation: warn6 3s ease-out;
    animation: warn6 3s ease-out;    
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@media(max-width: 600px){
    .circle-pulse{
        width: 50px; 
        height: 50px;
    }
    .animate-cicle{
        width: 50px; 
        height: 50px;
    }
}
.massage-block,.sleep-block{
    position: relative;
}
.massage-block .massage-text,.sleep-block .sleep-text{
    position: absolute;
    max-width: 55%;
    top: -50%;
}
.massage-pic,.sleep-pic{
    width: 50%;
    display: block;
    margin: 20% auto 0;
    position: relative;
    z-index: 9;
    max-height: 469px;
    overflow: hidden;
}
.massage{
    border: none;
    left: 54%;
    top: 45%;
}
.sleep{
    border: none;
    left: 53%;
    top: 45%;
}
.massage-block{
    display: block;
}
.sleep-block{
    display: none;
}
.waveform{
    background-color: #EFEFEF;
    position: relative;
}
.waveform-title{
    /* font-size: 30px; */
    position: absolute;
    left: 10%;
    top: 3%;
    /* padding-top: 5%; */
    max-width: 41%;
}
.waveform-text{
   font-size: 20px;
    max-width: 56%;
    position: absolute;
    left: 10%;
    top: 20%;
    color: gray;
    /* padding-top: 2%; */
    text-align: justify;
}
.waveform img.waveform-form{
    margin-top: 15%;
    width: 100%;
}

.fabric {
    width: 100%;
    position: relative;
}
/*.fabric p{
    position: absolute;
}
.fabric p.fabric-title{
    top: 5%;
    left: 10%;
    font-size: 30px;
    color: white;
}*/
/*.fabric p.fabric-text{
    top: 12%;
    left: 10%;
    font-size: 20px;
    color: white;
    max-width: 50%;
    text-align: justify;
}*/
.fabric img{
    width: 100%;
}
.fabric img.fabric-title{
    position: absolute;
    max-width: 50%;
    left: 10%;
}
.lunbo-text{
    position: relative;
    width: 100%;
    z-index: 99;
}
.lunbo-text img{
    position: absolute;
    max-width: 40%;
    margin: auto;
    left: 30%;
}
.callbacks1_tabs{
    display: none;
}

/*锁扣，收纳*/
.lock_catch{
    width: 100%;
    position: relative;
}
.show_img{
    opacity: 0;
    width: 100%;
    position: absolute;
}
.motor_img{
    opacity: 0;
    width: 60%;
    position: absolute;
	left:25%;
	top:35%;
}
.lock-tittle,.pack-title{
    position: relative;
    top: 4%;
    color: gray;
    font-size: 30px;
    max-width: 85%;
    margin-left: 10%;
    margin-top: 4%;
}
.p-lock-text{
	display:none;
}
.lock-text,.pack-text{
    position: relative;
    margin-top: 2%;
    margin-bottom: 2%;
    font-size: 20px;
    color: gray;
    max-width: 80%;
    margin-left: 10%;
}
.speed_hot_text p{
    color: white;
}
.buttom-text{
    position: absolute;
    color: white;
    bottom: 5%;
    font-size: 20px;
    max-width: 80%;
    margin-left: 10%;
}
@media (max-width: 700px) {
    .lock-tittle,.pack-title{
        font-size: 18px;
    }
    .lock-text,.pack-text{
        font-size: 12px;
    }
    .buttom-text{
        font-size: 12px;
    }
}
/*锁扣，收纳*/

.motor-text-img{
	position:absolute;
	max-width:40%;
	left:10%;
}
.in-hide-box:hover{
	box-shadow: 3px 5px 6px #ccc;
}

@media (max-width: 600px) {
    .p-text,.p-lock-text{
        display: block;
    }
    .p-text h1,.p-text p{
        width: 100%;
        padding:0 10%;
        color:gray;
    }
    .p-text h1{
        font-size: 18px;
        text-align: left;
        padding-top: 2%;
    }
    .p-text p{
        text-align: justify;
        font-size: 12px;
        margin-top: 2%;
    }
    .pic,.waveform img.waveform-form{
        margin-top: 0%;
    }
    .neck_m_2-text,.neck_m_1-text,.massage-text,.sleep-text,.waveform-title,.motor-text-img{
        display: none !important;
    }
    .neck-p-text {
        max-width: 25%;
    }
    .neck_material_frame img.part1 {
        left: 43%;
        top: 10%;
    }
    .neck_material_frame img.part2 {
        left: 48%;
        top: 58%;
    }
    .neck_material_frame img.part3 {
        left: 26%;
        top: 10%;
    }
    .fabric img.fabric-title {
        max-width: 65%;
    }
	.motor_img{
		top:5%;
	}
	.lunbo-text img{
		/* position: absolute; */
		max-width: 50%;
		/* margin: auto; */
		left: 25%;
	}
}

/*魔力贴温情版*/
.magic-method-btn .button{
    text-align: center;
    padding: 1%;
}
.magic-method-btn .button span{
    border: 2px #eee solid;
    background-color: #fafafa;
    color: #666;
    font-size: 20px;
    display: block;
    width: 100%;
    padding: 5%;
    cursor: pointer;
}
.magic-method-btn .machine_btn span{
    background-color: #eee;
}
div.artificial-block{
    display: none;
}
.clearfix_margin_top{
    margin-top: 6%;
}
.magic_sticker_img_div{
    width: 100%;
    position: relative;
}
.magic_sticker_content_div{
    position: absolute;
    z-index: 999;width: 100%;
}

/*************************圣诞版样式************************/
.body_right_sign li{
    padding: 10px 0;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #e7e7e7;
    cursor: pointer;
}

.body_right_sign li:hover{
    color: #897667;
}
.right_sign_icons {
    width: 60px;
    height: 60px;
    display: inline-block;
}
@media(max-width: 450px){
	.right_sign_icons {
		width: 30px;
		height: 30px;
		display: inline-block;
	}
	.body_right_sign{
		width:65px;
	}
	.body_right_sign .code_img-inner{
		right:-5%;
	}
}
.code_img-inner p{
	    background-color: white;
}
html{
    position: relative;
    /*background:url('../images_new/body_bg.png') 0 0 no-repeat;*/
    background-size:100% 100%;
    background-attachment: scroll;
    max-width: none;
    height: auto;
}
.body_to_div{
    max-width: 1024px;
    margin:  0 auto;
    position: relative;
    /*margin-top:30%;*/
    background-color: white;
}
#merry_christmas{
    position: fixed;
    left: 0;
    top:0;
    /*background-color: white;*/
    width: 100%;
    height: 100%;
    z-index: 10000;
    text-align: center;
}
.merry_christmas{
    display: none;
    position: fixed;
    bottom: 5%;
    width:100%;
    left: 0;
    top: 0;
    z-index: 10000;
}
.index_buttom_text{
    width: 100%;
    position: absolute;
    line-height: 30px;
    text-align: center;
    bottom: 12px;
    color: red;
}
.index_content h3.new_year{
    text-align: center;
    background: url('../images_new/bg_tittle_flower.png') 0 -15px no-repeat;
    background-size: 100%;
}
.sort_tittle_decoration{
    display: block;width: 30%;margin: 0 auto;margin-top: 25px;margin-bottom: 10px;
}
.footer_decoration{
    display: block;
    width: 100%;
    max-width: none;
}
.header_deccration{
   /* background: url('../images_new/body_bg_header.jpg') 0 0 no-repeat;
    background-size: 100%; */
    max-width: none;
    /* padding-top: 19%; */
}
@media(max-width: 1000px){
    .index_content h3.new_year{
        text-align: center;
        background: none;
    }
    .header_deccration{
       /* background: url('../images_new/body_bg_header.jpg') 0 0 no-repeat;
        background-size: 100%; */
        max-width: none;
       /* padding-top: 23%; */
    }
}
/*************************圣诞版样式************************/