html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	color:#555;
	vertical-align: baseline;
	font: inherit;
	font-size: 100%;
	font-size:14px;
	font-family:Arial,"Microsoft YaHei",Helvetica,sans-serif,"宋体";
	line-height:1.6em;

}
strong,b{font-weight: bold;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	overflow-x: hidden;
	max-width: 100%;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	vertical-align:middle;
	border-spacing: 0;
}
sub, sup{font-size:12px;line-height:0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
table tr th,table tr td{ vertical-align:middle;}
input,select,textarea{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";}
input[type="text"],textarea{-webkit-appearance:none;}
button{ border:none; cursor:pointer;}
a,a:hover{ text-decoration:none;}
.w1012{ margin:0 auto; width:1012px;}
.of_hidden{overflow: hidden;}
button{outline:none;}
.clear{ clear:both; padding-bottom:20px;}
.blue{color: #1e9bf7;}
.orange{color: #f7931e;}
.green{color: #17ab63;}
.red{color:#FC0206;}
.purple{color: #8838ea;}

/*******按钮样式*********/
.l_btn{width:200px;height:52px;color: #fff;font-size:16px;}
.m_btn{width:120px;height:40px;color: #fff;font-size:14px;}
.s_btn{width:110px;height:32px;color: #fff;font-size:12px;}
.n_blue_bg{background-color: #0087ff;}
.green_bg{background-color: #20c574;}
.orange_bg{background-color: #f9882d;}
.red_bg{background-color: #fb525a;}
.purple_bg{background-color: #8838ea;}
.smoke_bg{background-color: #5c5c5c;}
.gold_bg{background-color: #fdd20c;}
.l_btn[disabled],.m_btn[disabled],.s_btn[disabled]{background:#d2d2d2; cursor: no-drop;}
.l_btn[disabled]:hover,.m_btn[disabled]:hover,.s_btn[disabled]:hover{background:#d2d2d2;}
button:hover{opacity:0.9;}


button{-webkit-border-radius:2px;
-moz-border-radius:2px;border-radius:2px;transition: background-color 0.26s ease-in-out 0s, opacity 0.26s ease-in-out;-ms-border-radius:2px;-o-border-radius:2px;}
button.buttonstyle{ padding:0 60px; height: 54px; background-color:#0087ff; color:#fff; font-size:16px;transition: background-color 0.26s ease-in-out 0s, opacity 0.26s ease-in-out;}
button.buttonstyle:hover{ background-color:#00aeff;} 
button.smallbtn{width:96px;height:32px;background-color: #0087ff;color: #fff;}
button.smallbtn:hover{background-color: #00aeff;}
button.mediumbtn{width:132px;height:46px;background-color: #0087ff;color: #fff;font-size:18px;}
button.mediumbtn.orange{background-color: #e88010;}
button.mediumbtn.green{background-color: #20bc8e;}
button.mediumbtn.green2{background-color: #21c475;}
button.mediumbtn.gray{background-color: #5c5c5c;}
button.mediumbtn.red_btnbg{background-color: #fb525a;}
button.mediumbtn.purple_gray{background-color: #7e86a2;}
button.mediumbtn:hover{opacity:0.9;}
button.mediumbtn[disabled]{background-color: #9a9a9a;cursor: no-drop;}
button.mediumbtn[disabled]:hover{opacity:1;}
button.green_bgbtn{background-color: #21c475;}
button.green_bgbtn:hover{background-color: #14dd7c;}

button.remind{ width:100px; height:30px; background-color:#2cc77c; color:#fff; font-size:14px;transition: background-color 0.26s ease-in-out 0s, opacity 0.26s ease-in-out;}
button.remind:hover{background-color:#1adb7d; }
button.buttonstyle.greenbtn{background-color:#1dcf79; }
button.buttonstyle.greenbtn:hover{background-color:#14dd7c; }
.again {width: 120px;height: 32px;font-size: 15px;background-color: rgba(255,255,255,0.04);color: #fff;border: 1px solid rgba(255,255,255,0.18);display: inline-block;vertical-align: middle;margin-left: 23px;}
.gray_btn{ padding:0 45px; border:1px solid #eaeaea; background:none; line-height:40px;transition: background-color 0.26s ease-in-out 0s, opacity 0.26s ease-in-out;}
.gray_btn:hover{ background:#eaeaea;}
.blue_btn{padding:0 45px; /*border:1px solid #0087ff;*/ background:#0087ff; color:#fff; line-height:40px;transition: background-color 0.26s ease-in-out 0s, opacity 0.26s ease-in-out;}
.blue_btn:hover{/*border:1px solid #00aeff;*/ background:#00aeff; }
.blue_btn[disabled]{ border:1px solid #eaeaea;background:#eaeaea; cursor: no-drop;}
.submit_btn{ width:280px;background-color:#0087ff; color:#fff; text-align:center; font-size:16px; line-height:42px;transition: background-color 0.26s ease-in-out 0s, opacity 0.26s ease-in-out;}
.submit_btn:hover{ background-color:#00aeff;} 
.small_button{ padding:0 40px; height:40px; background-color:#21c475; color:#fff; font-size:16px;transition: background-color 0.26s ease-in-out 0s, opacity 0.26s ease-in-out;}
.small_button.green:hover{background-color:#14dd7c;}
.small_button.gary{background-color:#91a5b7;}
.small_button.gary:hover{background-color:#9bb2c6;}
.bg_green {background-color: #21c475;}
.bg_green:hover{background-color: #4bce8e;}
.bg_gary{background-color: #5c5c5c;}
.bg_gary:hover{background-color: #7d7d7d;}
.big_btn{width:240px;height:40px;color: #fff;color: #fff;}
.big_btn[disabled]{background:#d2d2d2; cursor: no-drop;}
.bg_red {background-color: #FC0206;}

.text_style{box-sizing: border-box; padding:0 10px; width:256px; height:40px; border:1px solid #eaeaea; font-size:14px; line-height:40px;}
button.remind[disabled]{ width:100px; height:30px; background-color:#d2d2d2; color:#fff; font-size:14px;transition: background-color 0.26s ease-in-out 0s, opacity 0.26s ease-in-out;}
button.remind:hover[disabled]{background-color:#d2d2d2; }
/*---------------------------------------日历插件 css--------------------------------------------*/
.date_selector, .date_selector *{margin: 0;padding: 0;width: auto;height: auto;border: none;background: none;text-align: left;text-decoration: none;}
.date_selector{position: absolute;z-index:100000;display:none;margin:0;margin-top:-1px;padding: 10px; width:256px;border: 1px solid #ccc;border-radius: 3px;background:#fbfbfb;box-shadow: 0 0 5px #aaa;box-shadow:0 2px 2px #ccc;}
.date_selector_ieframe{position: absolute;z-index: 99999;display: none;}
.date_selector .nav{width: 17.5em;}
.date_selector .nav p{clear: none;}
.date_selector .month_nav, .date_selector .year_nav{position: relative;display: block;margin: 0 0 3px 0;padding: 0;text-align: center;}
.date_selector .month_nav{float: left;width: 50%;}
.date_selector .year_nav{float: right;margin-right: -8px;width: 42%;}
.date_selector .month_name, .date_selector .year_name{font-weight: bold; font-size:12px;line-height: 20px;}
.date_selector .button{position: absolute;top: 0;display: block;overflow:hidden;width:18px;height:18px;border: 1px solid #ccc;border-radius:2px;color:#5985c7;text-align: center;font-weight:bold;font-size:12px;line-height:16px;}
.date_selector .button:hover, .date_selector .button.hover{border-color:#3a930d;background:#0090ff;color: #fff;cursor: pointer;}
.date_selector .prev{left: 0;}
.date_selector .next{right: 0;}
.date_selector table{clear: both;margin: 0; width:256px;border-collapse: collapse;border-spacing: 0;}
.date_selector th, .date_selector td{padding: 0 !important;width: 2.5em;height: 2em;color: #0090ff;text-align: center !important;font-weight: normal;}
.date_selector th{font-size: 12px;}
.date_selector td{border:1px solid #f1f1f1;background: #fff;color:#0090ff;text-align: center;white-space: nowrap;line-height: 2em;}
.date_selector td.today{background: #eee;}
.date_selector td.unselected_month{color: #ccc;}
.date_selector td.selectable_day{cursor: pointer;}
.date_selector td.selected{background:#0090ff;color: #fff;font-weight: bold;}
.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover{background:#00aeff;color: #fff;}
/*-----------------------------------------------------------------------------------*/


.toggleSwitch span span{display:none;}
.toggleSwitch{position:relative;display:inline-block;overflow:visible; margin-left:0;padding:0;width:40px;height:18px;cursor:pointer;}
.toggleSwitch *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
.toggleSwitch label,.toggleSwitch>span{height:20px;vertical-align:middle;line-height:20px;}
.toggleSwitch input:focus+label,.toggleSwitch input:focus~a{outline:0;}
.toggleSwitch label{position:relative;z-index:3;display:block;width:100%;}
.toggleSwitch input{position:absolute;z-index:5;opacity:0;}
.toggleSwitch>span{position:absolute;left:-50px;margin:0;padding-right:50px;width:100%;text-align:left;white-space:nowrap;}
.toggleSwitch>span span{position:absolute;top:0;top:-1px;left:0;left:15%;z-index:5;display:block;margin-left:50px;width:50%;width:100%;text-align:left;font-size:.9em;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.toggleSwitch a{position:absolute;right:50%;left:2px;z-index:4;display:block;padding:0;width:18px;height:100%;border:1px solid #CCC;border-radius:100%;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05);-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;}
.toggleSwitch>span span:first-of-type{left:45%;color:#fff;opacity:1;}
.toggleSwitch>span:before{position:absolute;top:-2px;left:50px;display:block;width:100%;height:100%;border:1px solid #ccc;border-radius:30px;background-color:#fafafa;content:'';-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;}
.toggleSwitch input~span:before{border-color:#8a8a8a;box-shadow:inset 0 0 0 30px #8a8a8a;color: #fff;}
.toggleSwitch input~span span:last-of-type{color:#fff;}
.toggleSwitch input:checked~a{left:100%;margin-left:-8px;border-color:#fff;}
.toggleSwitch input:checked~span:before{border-color:#1dcf79;box-shadow:inset 0 0 0 30px #1dcf79;}
.toggleSwitch input:checked~span span:first-of-type{opacity:0;}
.toggleSwitch input:checked~span span:last-of-type{color:#fff;opacity:1;}

/*************模态框状态***********************/
.reveal_modal_bg{position: fixed;top: 0;left: 0;z-index: 100;display: none;width: 100%;height: 100%;background: #000;background: rgba(0,0,0,.8);}
.modal_box{ position:fixed; top:50%;  left:50%; z-index:101; display:none; padding:10px 20px 30px 20px; width:330px; border:1px solid #eaeaea; border-radius:2px; background-color:#fff; transform: translateX(-50%) translateY(-50%);}
.close_box{ float:right; width:20px; height:20px; background:url(../images/close.png) no-repeat center center; cursor:pointer;}
.modal_box h2{ clear:both;color:#555555; text-align:center; font-size:24px; line-height:30px;}
.modal_box p{ padding:40px 0; color:#555555; text-align:center; font-size:16px;}
.modal_box .box_btn_div{ text-align:center;}
.modal_box .box_btn_div button{ margin:0 10px;}
.modal_box2{ padding-bottom:10px;}
.modal_box2 h5{ padding-top:10px; color:#c0c0c0; text-align:center; font-size:14px;}
.modal_box2 p{ padding:5px 0; color:#0b0b0b; font-size:16px;}

/*************分页样式***********************/
.page{ clear:both; padding:20px 0 40px 0;text-align: center;}
.page a{ display:inline-block; margin:0 3px; width:38px; height:32px; border:1px solid #c5c5c5; background-color:#ffffff; color:#0c0c0c; text-align:center; font-size:12px; line-height:32px;}
.page a.first_page, .page a.last_page{ width:75px;}
.page a.active{ border:1px solid #0090ff;background:#0090ff; color:#fff;  font-weight:bold;}
.page a:hover{border:1px solid #0090ff; background-color:#e5f4ff; color:#0090ff; }
.page a.active:hover{ border:1px solid #0090ff;background:#0090ff; color:#fff;font-weight:bold;}
/*****************聊天图标**********************/
.chat_icon{ position:fixed; top:65%; right:0; box-sizing:border-box; padding-top:21px; width:110px; height:60px; border:1px solid #eaeaea; border-radius:2px; background-color:#fff; box-shadow: 0 2px 6px 0px rgba(0,0,0,0.16); text-align:center; cursor:pointer;}
.chat_icon em{ position:absolute; top:17px; left:58px; width:10px; height:10px; border:1px solid #fff; border-radius:50%; background-color:#ff1b30;}
.chatting{ position:fixed; right:0px; bottom:0px; display:none; overflow:hidden; width:490px; border:1px solid #eaeaea;background-color:#fff; box-shadow: 0 2px 6px 0px rgba(0,0,0,0.16);}
.chat_object{ position:relative; background-color:#fafafa; text-align:center; font-size:16px; line-height:60px;}
.chat_object span{ margin:0 3px; font-size:16px; }
.chat_object .close{ position:absolute; top:20px; right:10px; width:20px; height:20px; background:#fafafa url(../images/close.png) no-repeat center center; cursor:pointer;}
.sendchat{ overflow-y:auto; padding:10px 0; height:330px;}
.sendchat ul li{ overflow:hidden; padding:10px 0;}

.sendchat ul li img{ float:left; margin:0 10px;}
.sendchat ul li .chat_content{ float:left; width:365px;}
.sendchat ul li .chat_content time{ color:#c0c0c0;}
.sendchat ul li .chat_content p{ position:relative; margin-top:7px; padding:10px; border-radius:2px; background-color:#fafafa;}
.sendchat ul li.leftchat .chat_content p span{ position:absolute; top:0; left:-5px; display:block; width:6px; height:8px; background:url(../images/left_chat.png) no-repeat;}
.sendchat ul li.rightchat .chat_content p span{ position:absolute; top:0; right:-5px; display:block; width:6px; height:8px; background:url(../images/right_chat.png) no-repeat;}
.sendchat ul li.rightchat .chat_content,.sendchat ul li.rightchat img{ float:right; text-align:right;}
.sendchat ul li.rightchat .chat_content p{ background-color:#21c475; color:#fff; text-align:left;}
.send{ overflow:hidden; padding:9px 20px;background-color:#fafafa; line-height:42px;}
.send input{ float:left; padding:0 10px; width:340px; height:42px; border:1px solid #eaeaea; border-radius:2px; line-height:42px;}
.sendbtn{ float:right; width:70px; height:42px; background-color:#21c475; color:#fff;transition: background-color 0.26s ease-in-out 0s, opacity 0.26s ease-in-out;}
.sendbtn:hover{ background-color:#14dd7c;} 


/***********弹出框 new***********/

.modal-backdrop{position: fixed;top: 0;left: 0;z-index: 100; display:block;width: 100%;height: 100%;background: rgba(0,0,0,.8); }
.modal-backdrop.in{ display:block; }
.modal-backdrop.out{display:none;}
.modal{position:fixed; top:50%;  left:50%; z-index:101; display:inline-block; overflow:hidden;min-width:370px; border-radius:5px; background-color:#fff; transform: translateX(-50%) translateY(-50%);}
.modal-header{ position:relative; height:46px;}
.modal-header .close{ position:absolute; top:0; right:0; width:46px; height:46px; background:none; font-size:30px; line-height:46px;}
.modal-title{ width:100%; height:46px; border-bottom:1px solid #eaeaea;background-color:#f8f8f8; text-align:center; font-size:16px; line-height:46px;}
.modal-body{ padding:30px 20px; text-align:center;}
.modal-body b,.modal-body strong,.modal-body p{ text-align: left;}
.modal-body p.tx_center{text-align: center;}
.modal-footer{ clear:both; padding:0 20px 20px 20px; text-align:center;}
.modal-footer button{ margin:0 10px;}
.modal_red{ width:130px; height:40px; border-radius:3px; background-color:#fb525a; color:#fff; font-size:14px;}
.modal_red:hover{ background-color:#fa7279;}
.modal_blue{ width:130px; height:40px; border-radius:3px; background-color:#0087ff; color:#fff; font-size:14px;}
.modal_blue:hover{ background-color:#00aeff;}
.modal_green{ width:130px; height:40px; border-radius:3px;background-color:#21c475; color:#fff; font-size:14px;}
.modal_green:hover{ background-color:#4bce8e;}
.modal_cancel{ width:130px; height:40px; border:1px solid #eaeaea; border-radius:3px; background-color:#fff; color:#555;  font-size:14px;}
.hide{ display:none;}
.hint .icon{ color:#21c475; font-size:60px;}
.hint .green{color:#21c475;}
.hint .red{color:#fa2731;}
.zcheckmark:before { content: "\e696"; }
.hint p{ padding:10px 0; font-weight:bold; font-size:16px;}
.zprompt:before { content: "\e6a1"; }


/**地图 */
.dot:before{position:absolute;top:0;left:0;z-index:2;width:10px;height:10px;border-radius:50%;background-color:#ff4200;content:' ';}
.dot:after{position:absolute;z-index:1;width:10px;height:10px;border-radius:50%;background-color:#ff4200;box-shadow:0 0 10px rgba(0,0,0,.3)inset;content:' ';-webkit-animation-name:'ripple';-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-delay:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal;}
@keyframes ripple{
	0%{top:5px;left:5px;width:0;height:0;opcity:75;}
	100%{top:-20px;left:-20px;width:50px;height:50px;opacity:0;}
}

/* side */
.side{position:fixed;top:214px;right:0;z-index:100;width:70px;height:350px;}
.side ul li{position:relative;float:left;width:70px;height:70px;  cursor: pointer;}
.side ul li .sidebox{position:absolute;top:0;right:0;overflow:hidden;width:70px;height:70px;background:#4c5c70;color:#fff;font:14px/70px "微软雅黑";opacity:0.8;transition:all 0.3s;filter:Alpha(opacity=80);}
.side ul li b{color: #fff;vertical-align: top;font-weight:normal;font-size:22px;line-height:70px;}
.side ul li .sidetop{display:inline-block;width:70px;background:#4c5c70;opacity:0.8;transition:all 0.3s;filter:Alpha(opacity=80);}
.side ul li a{display: block;}
.side ul li .sidebox:hover,.side ul li .sidetop:hover{background:#4c5c70;opacity:1;filter:Alpha(opacity=100);}
.side ul li .sidetop span,.side ul li .sidebox span{display:inline-block;padding-top:16px;width:70px;height: 54px;text-align: center;}
.side ul li .download_ico{position: relative;overflow:visible;}
.side ul li .download_ico:hover{background:#1db76d;}
.side ul li .download_ico .qr_downlad{display:none;position:absolute;left:-139px;bottom:-3px; background: url(../images/index/QR_topbg.png); width:139px;height:162px;padding-right:7px;text-align: center;transition: all 1s ease-in-out 0s;}
.side ul li .download_ico .qr_downlad p{padding:10px 0;}
.side ul li .download_ico:hover .qr_downlad{display: block;}
#img{
	animation: myfirst 2s linear 0s infinite alternate;
/* Firefox: */
-moz-animation: myfirst 2s linear 0s infinite alternate;
/* Safari 和 Chrome: */
-webkit-animation: myfirst 2s linear 0s infinite alternate;
/* Opera: */
-o-animation: myfirst 2s linear 0s infinite alternate;
}
@keyframes myfirst{
	0%{ margin-top: 0; margin-left: 0;transform:rotate(0deg);}
	25%{ margin-top: 100px; margin-left: 50px;transform:rotate(0deg);}
	50%{ margin-top: 0; margin-left: 100px;transform:rotate(0deg);}
	75%{ margin-top: 100px; margin-left: 150px;transform:rotate(0deg);}
	100%{ margin-top: 0; margin-left: 200px;transform:rotate(0deg);}
}
.page2{ padding-top: 40px; height:500px; background-color: aqua;}
.page2 img{float: right;margin-right: 200px;}
@keyframes donghua
{
 0%  {margin-right: 0px;}
 100% { margin-right: 200px;}
}



/*留言*/
.leaving_message_icon {
    position: absolute;
    bottom: -100px; /*padding:15px 0;*/
    width: 70px;
    /*border: 1px solid #eaeaea;*/
    /*border-radius: 2px;*/
    background-color: #fff;
    /*box-shadow: 0 2px 6px 0px rgba(0,0,0,0.16);*/
    text-align: center;
    cursor: pointer;
}
.leaving_message_icon span{display: block;}
.login_box textarea.text_style{height:90px;line-height:22px;padding:5px;}
.login_box .modal-footer button{width:118px;margin-top:10px;}