@charset "utf-8";
/* CSS Document */
*{margin:0 auto; padding:0; font-family:"微软雅黑 Light"; }
body{max-width:750px; margin:0 auto; padding:0; background:#f8f8f8;}
img{margin:0 auto; border:0;}
html {font-size:62.5%;}
a,a:hover{ text-decoration:none; color:inherit;}
input,h1,h2,h3,h4,h5,p,span,b,dl,dt,dd{margin: 0; padding:0; list-style:none;}
ul,ol,li{ list-style:none; margin:0; padding:0;}	
h1,h2,h3,h4,h5,h6,input,i,em{ font-size:100%;  font-style:normal;}

.fl{float: left;}
.fr{float: right;}
.clear{clear:both;}
.mian_bg{ background:#fff; width:100%;}
.mian_width{ width:95.73%; margin:0 auto; padding:0; overflow:hidden;}
.mian_mt{ margin-top:0.2rem !important;}
.mian_mb{ padding-bottom:0.15rem !important;}
.mian_mr{ margin-right:.08rem !important;}
/* same end */

#index_logo{ width:100%; height:.88rem;  margin:0 auto; background:url(/images/logo.gif) no-repeat scroll left center; background-size:40%;}
#index_logo_img{ float:right; margin:.38rem auto 0 auto; width:.3rem; height:.25rem;}

#banner{ width:100%; max-width:7.5rem; max-height:3.78rem; margin:0 auto; position:relative; overflow:hidden;}
#banner img{max-width:7.5rem; max-height:3.78rem; display:block;}
#banner p{ width:100%; height:.4rem; margin:0 auto; background:rgba(0,0,0,0.7); font-family:"微软雅黑 Light"; font-size:.18rem; letter-spacing:1px; line-height:.42rem; color:#fff; z-index:5; position:absolute; bottom:0; left:0; padding-left:.1rem;}

@font-face {
  font-family: 'iconfont';  /* project id 363763 */
  src: url('//at.alicdn.com/t/font_61viycggd49xjemi.eot');
  src: url('//at.alicdn.com/t/font_61viycggd49xjemi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_61viycggd49xjemi.woff') format('woff'),
  url('//at.alicdn.com/t/font_61viycggd49xjemi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_61viycggd49xjemi.svg#iconfont') format('svg');
}

.iconfont {
  font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#nav{ width:100%; margin:0 auto; display:block;}
#nav ul{ width:98%; margin:.15rem auto 0 auto; height:1.75rem;}
#nav ul li{ float:left; display:block; width:25%; text-align:center; margin:0 auto;}
#nav ul li img{margin: 0 auto;    display: block;    border: 0;    width: 100%;}
.nav_pic{ width:1.1rem; height:1.1rem; border-radius:50%; color:#fff; text-align:center; line-height:1.1rem; font-size:.6rem ; display:block; margin:0 auto;} 
.nav_w{ width:100%; height:.36rem; font-family:"微软雅黑"; font-size:.24rem; letter-spacing:1.5px; line-height:.36rem; text-align:center; color:#333; margin:.05rem auto 0 auto;}
.nav_font{ font-size:.9rem !important;}
.nav_font1{ font-size:.8rem !important;}
@media screen and (min-width: 320px) {
#nav ul{ width:98%; margin:.15rem auto 0 auto; height:1.5rem;}
.nav_pic{ width:.8rem; height:.8rem; border-radius:50%; color:#fff; text-align:center; line-height:.8rem; font-size:.5rem ; display:block; margin:0 auto;} 
.nav_font{ font-size:.7rem !important;}
.nav_font1{ font-size:.6rem !important;}
.nav_w{ width:100%; height:.36rem; font-family:"微软雅黑"; font-size:.22rem; letter-spacing:1.5px; line-height:.36rem; text-align:center; color:#333; margin:.05rem auto 0 auto;}
}
@media screen and (min-width: 750px) {
#nav ul{ width:98%; margin:.15rem auto 0 auto; height:1.75rem;}
.nav_pic{ width:.9rem; height:.9rem; border-radius:50%; color:#fff; text-align:center; line-height:.9rem; font-size:.6rem ; display:block; margin:0 auto;}
.nav_font{ font-size:.8rem !important;}
.nav_font1{ font-size:.7rem !important;}
.nav_w{ width:100%; height:.36rem; font-family:"微软雅黑"; font-size:.24rem; letter-spacing:1.5px; line-height:.36rem; text-align:center; color:#333; margin:.05rem auto 0 auto;}
}
.nav_mr{ margin-right:5.33% !important;}
.back-1{ background:#70aefb;}
.back-2{ background:#ffb814;}
.back-3{ background:#9070eb;}
.back-4{ background:#52e99e;}
.back-5{ background:#b7d92e;}
.back-6{ background:#f86cb1;}
.back-7{ background:#52dde6;}
.back-8{ background:#f8825e;}


.hot_sc_right{ width:72.5%; height:.44rem; float:right; font-family:"微软雅黑 Light"; font-size:.2rem; letter-spacing:1px; line-height:.44rem; color:#fff; text-align:left; overflow:hidden;}
.news_li,.swap{ line-height:35px; display:inline-block; position:absolute; top:0; left:30%;font-size:.22rem;}
.news_li a,.swap a{ color:#fff;}
.swap{top:45px;}

.index_zy{ width:100%; height:.95rem; margin:0 auto .25rem auto;}
@media screen and (min-width: 320px) {
.index_zy{ width:100%; height:.95rem; margin:0 auto;}
}
.index_zy_cz{ width:48.32%; margin:0 auto; float:left;}
.index_zy_gz{ width:48.32%; margin:0 auto; float:right;}

.index_bt{ width:100%; height:.46rem; margin:0 auto; border-bottom:3px solid #e1e1e1; text-align:left; font-family:"微软雅黑"; font-size:.26rem; letter-spacing:1px; line-height:.46rem; background:url(/templets/default/syimg/bt_pic/syimg/bt_pic.gif) left no-repeat; color:#228cff; padding-left:15px;}
.index_bt span{ font-size:.16rem; color:#444; float:right; line-height:.6rem; margin-right:20px;}

.index_zy_rm ul{ width:100%; margin:.15rem auto 0 auto; display:block;}
.index_zy_rm ul li{ float:left; width:45.6%; margin:0 auto; display:block; background:#fff;}
.index_zy_rm_mr{ margin-right:8.8% !important;}
.index_zy_rm_w{ width:96%; height:.36rem; display:block; margin:.1rem auto 0 auto; font-family:"微软雅黑"; font-size:.18rem; letter-spacing:1.5px;}
.index_zy_rm_w_left{ float:left; color:#333; line-height:.36rem; display:block; font-weight:bold;}
.index_zy_rm_w_right{ float:right; width:45%; border:1px solid #f68a0e; text-align:center; border-radius:.08rem; line-height:.3rem; color:#f68a0e; display:block;}

.index_zy_rm_w p{font-size:.2rem; font-weight:bold; line-height:.5rem; height:.5rem; display:block;}

.index_pic{ width:100%; margin:.15rem auto; display:block; }
.index_pic_left{ width:46.79%; float:left; margin:0 auto; display:block;}
.index_pic_right{ width:51.3%; float:right; display:block;}
.index_pic_bm{ margin-bottom:1px !important;}

.index_cgxz{ width:100%; margin:0 auto; display:block; padding:0;}
.index_cgxz img{ width:100%; margin:0 auto; display:block;}

.index_gg{ width:100%; margin:.2rem auto; display:block;}

.xw_news{height:auto; margin:0 auto;}
.xw_news ul{ width:100%; margin:0 auto;}
.xw_news ul li{ float:left; width:100%; margin:0 auto; padding-bottom:.25rem; border-bottom:#f2f2f2 1px solid; display:block;}
.xw_news_boot{ border-bottom:#fff 1px solid !important;}
.xw_news_nr{width:100%; margin:.2rem auto;}
.xw_news_img{ float:left; width:24%; margin:0 auto;}
.xw_news_adout{ float:right; width:73.5%; color:#606060;}
.xw_news_adout p{ width:100%; font-size:0.18rem; font-weight:bold; letter-spacing:1.5px; color:#444; line-height:1.5em; margin:0 auto; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.xw_news_adout_js{ text-indent:2em; line-height:1.6em; font-family:"微软雅黑"; color:#888; font-size:0.16rem; letter-spacing:1.5px; margin:0 auto; max-height:.97rem; overflow:hidden;}
@media screen and (max-width:320px){
	.xw_news_img{ float:left; width:30%; margin:0 auto;}
.xw_news_adout{ float:right; width:68%; color:#606060; }
.xw_news_adout_js{ text-indent:2em; line-height:1.6em; font-family:"微软雅黑"; color:#888; font-size:0.16rem; letter-spacing:1.5px; margin:0 auto; max-height:1rem;  display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
}
@media screen and (min-width:360px){
	.xw_news_img{ float:left; width:30%; margin:0 auto;}
.xw_news_adout{ float:right; width:68%; color:#606060;}
.xw_news_adout_js{ text-indent:2em; line-height:1.6em; font-family:"微软雅黑"; color:#888; font-size:0.16rem; letter-spacing:1.5px; margin:0 auto; max-height:1rem;  display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
}
@media screen and (min-width:640px){
.xw_news_img{ float:left; width:20%; margin:0 auto;}
.xw_news_adout{ float:right; width:78%; color:#606060; padding-top:.05rem;}
.xw_news_adout_js{ text-indent:2em; line-height:1.5em; font-family:"微软雅黑"; color:#888; font-size:0.16rem; letter-spacing:1.5px; margin:0 auto; max-height:.45rem; overflow:hidden;}
}
.xw_news_yd{ width:100%; margin:.04rem auto 0 auto; font-family:"微软雅黑"; font-size:0.12em; letter-spacing:1.5px; color:#888;}
.xw_news_yd span{padding-left: 15px;}
.xw_news_yd span.timess{background:url(/templets/default/syimg/time.png) no-repeat center left; background-size: 12px ;margin-right:15px;}
.xw_news_yd span.hits{background:url(/templets/default/syimg/hits.png) no-repeat center left; background-size: 14px;}

.wap-common-title{padding:0 1%; height:50px; line-height:50px;}
.wap-common-title_border{ border-bottom:2px solid #f6f6f6;}
.wap-common-title.bor{height: 59px; border: 1px solid #f0f0f0;overflow:hidden;}
.wap-common-title h3{font-size:0.27rem; line-height:50px;margin:0; max-width:80%; float:left; text-indent:10px; font-weight: normal; color:#337cf8;}
.wap-common-title h3 i{display: block; float: left; width:4px; height:23px; background:#0c97ee;margin-top:15px; border-radius:5px;}

.index_bm{ width:90%; padding:0 2% 2% 2%; border:1px solid #337cf8; margin:.15rem auto 0 auto;}
.index_bm_bt{ width:100%; line-height:.4rem; font-family:"微软雅黑 Light"; font-size:.24rem; letter-spacing:1.5px; color:#337cf8; margin:.1rem auto 0 auto;}

.wrapper {width:100%; margin:0 auto .3rem auto;}
.wrapper li{ float:left; width:33.33%; height:.3rem; font-family:"微软雅黑 Light"; font-size:.16rem; line-height:.26rem; letter-spacing:1.5px;}
.wrapper p {margin: 15px 0 5px 0;}
.wrapper li span {display: inline-block;vertical-align: top;}
strong {font-weight: bold;}
.radio-btn input[type="radio"], .check-box input[type="checkbox"] {visibility: hidden;}
/*Custom checkbox*/
.check-box {width:.22rem; height: .22rem; cursor: pointer; display: inline-block; margin: 2px 7px 0 0; position: relative; overflow: hidden; box-shadow: 0 0 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: rgb(255, 255, 255); background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0); border: 1px solid #ccc;}
.check-box i { position: absolute; left: 3px; bottom: -15px; width: 16px; height: 16px; opacity: .5; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; -webkit-transform:rotateZ(-180deg); -moz-transform:rotateZ(-180deg); -o-transform:rotateZ(-180deg); transform:rotateZ(-180deg);}
.checkedBox { -moz-box-shadow: inset 0 0 5px 1px #ccc; -webkit-box-shadow: inset 0 0 5px 1px #ccc; box-shadow: inset 0 0 5px 1px #ccc; border-bottom-color: #fff;}
.checkedBox i {bottom: 2px; -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); transform:rotateZ(0deg);}
/*Custom radio button*/
 .radio-btn {width:.2rem; height:.2rem; display: inline-block; float: left; margin: 0.3rem 0.7rem 0 0; cursor: pointer; position: relative; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #ccc; box-shadow: 0 0 1px #ccc; background: rgb(255, 255, 255); background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);}
.checkedRadio { -moz-box-shadow: inset 0 0 5px 1px #ccc; -webkit-box-shadow: inset 0 0 5px 1px #ccc; box-shadow: inset 0 0 5px 1px #ccc;}
.radio-btn i { border: 1px solid #E1E2E4;width:.15rem; height:.15rem; position: absolute; left:6.5%; top:6.5%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
.checkedRadio i { background-color: #337cf8;}

.index_bm_bd ul{ width:100%; margin:0 auto; display:block;}
.index_bm_bd ul li{ width:100%; float:left; margin:0 auto .2rem auto; display:block; font-family:"微软雅黑"; font-size:.2rem; line-height:.42rem; color:#444;}
.index_bm_bd input{ width:77%; line-height:.41rem; border:1px solid #d2d2d2; color:#d2d2d2; font-family:"微软雅黑 Light"; font-size:.16rem; padding-left:1%; border-radius:.08rem;}
.index_bm_bd p{ float:left; width:16%; line-height:.45rem;}
@media screen and (min-width: 320px) {
.index_bm_bd p{ float:left; width:24.5%; line-height:.45rem;}
.index_bm_bd input{ width:73%; line-height:.41rem; border:1px solid #d2d2d2; color:#d2d2d2; font-family:"微软雅黑 Light"; font-size:.16rem; padding-left:1%; border-radius:.08rem;}
}
@media screen and (min-width: 750px) {
.index_bm_bd input{ width:77%; line-height:.41rem; border:1px solid #d2d2d2; color:#d2d2d2; font-family:"微软雅黑 Light"; font-size:.16rem; padding-left:1%; border-radius:.08rem;}
.index_bm_bd p{ float:left; width:16%; line-height:.45rem;}
}
.index_bm_bd img{ width:.32rem; height:.42rem; float:left; margin-right:5px;}
.index_bm_yh{ width:100%; font-family:"微软雅黑 Light"; font-size:.16rem; color:#ff7e00; text-align:center; line-height:.3rem; letter-spacing:1.5px; margin:0 auto .2rem auto; display:block}
.index_bm_tj{ width:60%; line-height:.5rem; letter-spacing:3px; background:#337cf8; border-radius:.25rem; text-align:center; color:#fff; font-family:"微软雅黑"; font-size:.2rem; display:block;margin: 0 auto;border: none;}

.index_dh{ width:100%; margin:1% auto 0 auto; display:block; }
.index_beia{ width:100%; padding:10px 0 20px 0; background: #FFF;font-family:"微软雅黑 Light"; font-size:12px; color:#444; text-align:center; line-height:1.875em; letter-spacing:1.5px; margin:0 auto ; display:block;margin-bottom:10%;}



/* 首页 */
.hm-ban{position:relative;overflow:hidden;-webkit-backface-visibility:hidden;z-index:1;width:100%;margin:0 auto;}
.hm-ban .swiper-wrapper li{float:left;}
.hm-ban .swiper-wrapper li img{width:100%;height:100%; display:none;}
.hm-ban .pagination{position:absolute;right:0px;bottom:0;width:100%;background:rgba(0, 0, 0, 0.6);height:17%}
.hm-ban .pagination span{width:2.8%;height:34%;margin-top:2.8%;margin-right:2%;border-radius:50%;background:#797979;float:right;display:inline-block;}
.hm-ban .pagination span.swiper-active-switch{background:#fff;}
.hm-ban .paginationr{position:absolute;right:0px;bottom:0;width:100%;background:rgba(0, 0, 0, 0.6);height:15%}
.hm-ban .paginationr span{width:2.8%;height:32%;margin-top:2.8%;margin-right:2%;border-radius:50%;background:#797979;float:right;display:inline-block;}
.hm-ban .paginationr span.swiper-active-switch{background:#fff;}
.hm-ban .banner-title{position:absolute;left:3%;bottom:3.5%;color:#fff;font-size:.2rem;z-index:100;}
/* 首页顶部导航 */
#knavv {position:absolute;top:70px;right:1px;width:120px;z-index:99;padding:10px 5px 0px 5px;opacity:0.8;background:#555;background-color:#ffc000;}
#knavv a p{color:#fff}
#knavv li{width:100%;height:.4rem;text-align:center;border-bottom:1px solid #333;}
#knavv li:first-child{border-top:none}
#knavv li a{font-size:14px;color:#ffff33}

/* 首页新闻上面的表单样式 */
#enroll{ width:100%; margin:.15rem auto;clear:both;}
#enroll ul{ width:100%; margin:0 auto;}
#enroll ul li{ float:left; margin:0 auto; font-family:"微软雅黑"; font-size:.16rem; color:#333; letter-spacing:1px; line-height:.3rem;}
#enroll .input_width{ width:72%; display:block;}
#enroll .btn_enroll{ width:25%}
#enroll .bm_mr{ margin-right:2%;}
#enroll input{ border:solid 1px #f68a0e; border-radius:8px; height:40px; line-height:40px; overflow:hidden; text-indent:4px; width:100%;}
#enroll input:focus {outline:none;}
#enroll .btn_enroll input{ background:#f68a0e; border:hidden; color:#fff; cursor:pointer; font-size:.18rem; height:40px; border-radius:8px; line-height:40px; text-align:center; font-family:"微软雅黑";}

.oPubGoTop {z-index: 99999;position: fixed;bottom: 100px;right: 2%;width: 11.11%;display: none;}
.oPubGoTop a {display: inline-block;}
.kjzx{position:fixed;z-index:9;bottom:0%;width:100%; max-width: 750px; margin: 0 auto;}
.kjzx ul{ width:100%; height:.5rem; display:block; overflow:hidden;}
 .kjzx ul li{ float:left; font-family:"微软雅黑"; margin:0 auto; color:#fff; font-size:.18rem; line-height:.6rem;}
 .kjzx_1{ width:40%; background:#ff9900;}
 .kjzx_1 img{ width:.42rem; height:.43rem; margin:0 .1rem 0 25%; float:left; padding:8px 0 0 0 !important;}
 .kjzx_2{ width:40%; background:#ff6600;position:relative;}
 .kjzx_2 img{ width:.45rem; height:.55rem; margin:0 .1rem 0 25%; float:left; padding:8px 0 0 0 !important;}
 .kjzx_3{ width:20%; background:#333; text-align:center; padding:2% 0 0 0;}
 .kjzx_3 img{ width:.54rem; height:.42rem; margin:0 auto; display:inline;}
 .kts{position:absolute;display:block;font-weight:normal;background:red;border-radius:50%;font-size:12px;color:#fff;}
 .kts{width:20px;height:20px;line-height:20px; text-align:center;};
 .kts{top:0px;right:0px;};
 @media screen and (min-width: 320px) {
 .kjzx_1 img{ width:.42rem; height:.43rem; margin:0 .1rem 0 15%; float:left; padding:8px 0 0 0 !important;}
 .kjzx_2 img{ width:.45rem; height:.55rem; margin:0 .1rem 0 15%; float:left; padding:8px 0 2% 0 !important;}
 }
 @media screen and (min-width: 750px) {
 .kjzx_1 img{ width:.42rem; height:.43rem; margin:0 .1rem 0 25%; float:left; padding:8px 0 0 0 !important;}
 .kjzx_2 img{ width:.45rem; height:.55rem; margin:0 .1rem 0 25%; float:left; padding:8px 0 2% 0 !important;}
 }
 
.index_wt{ width:100%; margin:0 auto; display:block;}
.index_wt ul{ width:100%; margin:.15rem auto 0 auto;}
.index_wt ul li{ width:48%; float:left; font-family:"微软雅黑 Light"; font-size:.18rem; letter-spacing:1.5px; line-height:.4rem; text-align:center; background:#337cf8; color:#fff; margin:0 4% 0 auto; border-radius:.08rem;}
.index_wt_mr{ margin-right:0px !important;}
/*form_bm*/
.ts_span{
	color: red;font-size:.18rem;text-align:center;
}
/*弹窗*/
 * {margin: 0;padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;font-family: 'Source Han Sans','Hiragino Sans GB',STXihei,"Microsoft YaHei",SimSun,Heiti,sans-serif}
 #view-3d {width: 275px;height: 261px;display:none;position: fixed;z-index: 222222;margin-left: -137.5px;margin-top: -130px;left: 50%;top: 60%;}
 .xdfcenterbox {width: 275px;height: 261px;opacity: 0;background-color: #fff;position: absolute;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;box-shadow: 0 0 20px rgba(10,2,4,.75);-webkit-box-shadow: 0 0 20px rgba(10,2,4,.75);-moz-box-shadow: 0 0 20px rgba(10,2,4,.75);-ms-box-shadow: 0 0 20px rgba(10,2,4,.75);transform-origin: center top;-webkit-transform-origin: center top;-moz-transform-origin: center top;transform: translateZ(999px);-webkit-transform: translateZ(999px);-moz-transform: translateZ(999px)}
 .CenterBoxShow {animation: cshow 2s forwards linear;-webkit-animation: cshow 2s forwards linear;-moz-animation: cshow 2s forwards linear;    background: url(/templets/default/images/zix.png);}
 @keyframes cshow {
 0% {transform: rotateX(80deg);-webkit-transform: rotateX(80deg);-moz-transform: rotateX(80deg)}
 20% {opacity: 1}
 70% {transform: rotateX(-30deg);-webkit-transform: rotateX(-30deg);-moz-transform: rotateX(-30deg);opacity: 1}
 100% {transform: rotateX(0);-webkit-transform: rotateX(0);-moz-transform: rotateX(0);opacity: 1}
 }
 @-moz-keyframes cshow {
 0% {transform: rotateX(80deg);-webkit-transform: rotateX(80deg);-moz-transform: rotateX(80deg)}
 20% {opacity: 1}
 70% {transform: rotateX(-30deg);-webkit-transform: rotateX(-30deg);-moz-transform: rotateX(-30deg);opacity: 1}
 100% {transform: rotateX(0);-webkit-transform: rotateX(0);-moz-transform: rotateX(0);opacity: 1}
 }
 @-webkit-keyframes cshow {
 0% {transform: rotateX(80deg);-webkit-transform: rotateX(80deg);-moz-transform: rotateX(80deg)}
 20% {opacity: 1}
 70% {transform: rotateX(-30deg);-webkit-transform: rotateX(-30deg);-moz-transform: rotateX(-30deg);opacity: 1}
 100% {transform: rotateX(0);-webkit-transform: rotateX(0);-moz-transform: rotateX(0);opacity: 1}
 }
 .xdfcenterbox-close {position: absolute;width: 18%;height: 18%;top: -14px;right: -14px}
 .xdfcenterbox .xdfcenter-title {display: block;width: 100%;text-align: center;font-size: 21px;font-weight: 400;line-height: 1.5;font-family: "Microsoft YaHei";margin-top: 2px}
 .xdfcenterbox .xdfcenter-ftitle {display: block;width: 100%;text-align: center;font-size: 18px;font-weight: 200}
 .xdfcenterbox .xdfcenter-telval {width: 227px;height: 32px;border: 1px solid #6a7380;border-radius: 17px;-webkit-border-radius: 17px;-moz-border-radius: 17px;margin: 10px auto 8px}
 .xdfcenterbox .xdf-telval {width: 156px;height: 30px;line-height: 30px;background-color: #FFF;font-size: 14px;color: #6a7380;-moz-border-radius: 15px 0 0 15px;-webkit-border-radius: 15px 0 0 15px;border-radius: 15px 0 0 15px;padding-left: 13px;float: left;outline: 0;border: 0}
 .xdfcenterbox .xdf-telbtn {width: 69px;height: 30px;line-height: 30px;color: #fff;background-color: #ff6005;font-size: 12px;text-align: center;text-decoration: none;-moz-border-radius: 0 14px 14px 0;-webkit-border-radius: 0 14px 14px 0;border-radius: 0 14px 14px 0;float: left;border: 0}
 .xdfcenterbox .xdf-innerc {width: 228px;margin: 0 auto;font-size: 12px;line-height: 1.4}
 .xdfcenterbox .xdfcenter-chat {position: absolute;width: 100%;bottom: 0;left: 0;height: 58px;line-height: 58px;border-radius: 0 0 15px 15px;-webkit-border-radius: 0 0 15px 15px;-moz-border-radius: 0 0 15px 15px}
 .xdfcenter-swt,.xdfcenter-tel {display: block;position: relative;width: 50%;height: 58px;float: left}
 .xdfcenter-tel {background-color: #0066cc;border-radius: 0 0 0 15px;-webkit-border-radius: 0 0 0 15px;-moz-border-radius: 0 0 0 15px}
 .xdfcenter-swt {background-color: #ff6005;border-radius: 0 0 15px 0;-webkit-border-radius: 0 0 15px 0;-moz-border-radius: 0 0 15px 0}
 .xdfcenter-tel em,.xdfcenter-tel i {display: block;position: absolute;left: 50%;color: #fff;font-style: normal;text-decoration: none}
 .xdf-telpic {top: 50%;margin-left: -50px;margin-top: -13px;width: 27px;height: 27px;background: url(/templets/default/syimg/footer-tel.png) no-repeat;-moz-background-size: 100%;-webkit-background-size: 100%;background-size: 100%}
 .xdfcenter-tel em {height: 100%;top: 0;margin-left: -16px;font-size: 16px}
 .xdfcenter-chata,.xdfcenter-chatb,.xdfcenter-swt em,.xdfcenter-swt i {display: block;position: absolute;left: 50%;color: #fff;font-style: normal;text-decoration: none}
 .xdfcenter-nub {top: 15px;width: 14px;height: 14px;margin-left: -34px;line-height: 13px;text-align: center;font-size: 9px;background-color: #e60012;-moz-border-radius: 14px;-webkit-border-radius: 14px;border-radius: 14px;-moz-box-shadow: 0 0 3px rgba(0,0,0,.8);-webkit-box-shadow: 0 0 3px rgba(0,0,0,.8);box-shadow: 0 0 3px rgba(0,0,0,.8);z-index: 3;font-style: normal}
 .xdfcenter-chata {top: 50%;margin-left: -50px;width: 27px;height: 24px;margin-top: -12px;background: url(/templets/default/syimg/footer-chat.png) no-repeat;-moz-background-size: 100%;-webkit-background-size: 100%;background-size: 100%}
 .xdfcenter-chatb {height: 100%;top: 0;margin-left: -16px;font-size: 16px}

