@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h1, h2, h3, h4
{ margin: 0; padding: 0; font-size: 12px;_background-image:url(about:blank);_background-attachment:fixed;font-family: "microsoft yahei"}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{ border: 0;display:block}
a{text-decoration:none;outline:0;}

/* top */
body{background:#ededed;width:100%;position:relative;}
.top_bg{width:100%;height:52px;background:#ededed;overflow:hidden; background:url(../images/topbg.png) no-repeat }
.top_bg3{width:100%;height:52px;overflow:hidden; background: #333333; }
.top_logo2{float:left;margin:10px 0 0 10px;display:block;}
.top_logo{float:left;margin:6px 0 0 10px;display:block;}
.z_bg { height:180px; background:#17bde6;background:url(../images/zbg.jpg) no-repeat center;}

.top_nav{float:right;width:622px;height:30px;overflow:hidden;padding-right:15px;text-align:right; margin:10px 0 0 0;}
.top_nav li{width:87px;height:30px;text-align:center;font:14px/30px "microsoft yahei";color:#fff;display:inline-block;*display:inline;*zoom:1;}
.top_nav li a{color:#333333;display:block;width:87px;height:30px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;border-radius:3px;}
.top_nav li a:hover,.top_nav li a.on{background:#ededed;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; color:#fff; background:#2fbbf8;border-radius:3px;}

.top_nav2{float:right;width:622px;height:30px;overflow:hidden;padding-right:15px;text-align:right; margin:10px 0 0 0;}
.top_nav2 li{width:87px;height:30px;text-align:center;font:14px/30px "microsoft yahei";color:#fff;display:inline-block;*display:inline;*zoom:1;}
.top_nav2 li a{color:#fff;display:block;width:87px;height:30px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;border-radius:3px;background:#2fbbf8;}
.top_nav2 li a:hover,.top_nav li a.on{background:#ededed;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; color:#fff; background:#2fbbf8;border-radius:3px;}

.header_bg{width:100%;background:url(../images/bg1.jpg) center no-repeat #18cbf6;height:347px;overflow:hidden;background-attachment: fixed;}
.logo{margin:38px auto 16px;}
.search{width:846px;height:47px;margin:0 auto;overflow:hidden;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s;transition: transform 0.5s;}
.search_text{float:left;display:block;width:770px;height:47px;padding:0 10px;border:0;background:#fff;font:14px/47px "microsoft yahei";color:#9d9d9d;text-indent:12px;outline: none;}
.search_text:focus{ font-size:26px; font-weight:bold; color:#0098bd;}
.search_btn{float:left;display:block;width:56px;height:47px;border:0;background:url(../images/search.jpg) center center no-repeat #fff;cursor: pointer;outline: none;}
.search.focus{color:#333;border:0;-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1);-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s;transition: transform 0.5s;box-shadow:0 0 5px #ccc inset;}
.search.focus input.search_text,.search.focus input.search_btn{color:#333;border:0;-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1);}
.header_links{width:100%;text-align:center;font:16px/26px "microsoft yahei";margin:20px auto 30px;}
.header_links a{color:#fff;padding:0 0 5px 32px;margin-right:8px;background:url(../images/header_links.png) 0 0 no-repeat;position:relative}
.header_links a.header_link1{background-position: 0 0}
.header_links a.header_link2{background-position: 0 -30px}
.header_links a.header_link3{background-position: 0 -60px}
.header_links a.header_link4{background-position: 0 -90px}
.header_links a.header_link5{background-position: 0 -121px}
.header_links a.header_link6{background-position: 0 -151px}
.header_colors{width:630px;text-align:center;height:33px;margin:0 auto 16px;padding-left:216px}
.header_colors a{font:14px/32px "microsoft yahei";border-radius:50%;display:block;float:left;width:32px;color:#fff;margin:0 10px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.header_colors a span{-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.header_colors a.header_color1{background:#cd0400}
.header_colors a.header_color2{background:#f1e000}
.header_colors a.header_color3{background:#4898eb}
.header_colors a.header_color4{background:#008000}
.header_colors a.header_color5{background:#db3797}
.header_colors a.header_color6{background:#000}
.header_colors a.header_color7{background:#989898}
.header_colors a.header_color8{background:#fff;color:#626060;}
.header_colors a:hover,.header_colors a.on{border-radius:6px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);}
.header_colors a:hover span,.header_colors a.on span{display:block;-webkit-transform:rotate(495deg);-moz-transform:rotate(495deg);-ms-transform:rotate(495deg);transform:rotate(495deg);-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.search_click_tips{width:160px;height:24px;margin:4px auto 5px;border:1px solid #92e7fb;color:#fff;text-align:center;font:14px/24px "microsoft yahei";cursor:pointer;}
.header_links a span{position:absolute;left:100%;bottom:20px;font:12px/1 "microsoft yahei";color:red;-webkit-animation:tran2 .8s ease-in-out ; -moz-animation:tran2 .8s ease-in-out ;-ms-animation:tran2 .8s ease-in-out ;animation:tran2 .8s ease-in-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.search_down{display:block;width:28px;height:14px;margin:0 auto;cursor: pointer;background:url(../images/search_down.jpg) 0 -20px no-repeat;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
.search_down.display{background-position:0 0;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
/* main */
.main{width:100%;height:auto;overflow:hidden;padding:24px 0 58px;position:relative;}
.main_bg_none{background-image: none}
.main_pc{float:left;width:46%;height:auto;overflow:hidden;position:relative;}
.main_mob{float:right;width:95%;height:auto;overflow:hidden;position:relative;}
.main_pc ul,.main_mob ul{overflow:hidden;padding-top:20px;}
.main_pc li{height:300px;float:left;overflow:hidden;width:33%;}
.main_mob li{height:400px;float:left;overflow:hidden;width:33%; padding-bottom:4px;}
/*.main_pc li:hover{-moz-transform: perspective(1000px) rotateY(-20deg);-webkit-transform: perspective(1000px) rotateY(-20deg);-ms-transform: perspective(1000px) rotateY(-20deg);transform: perspective(1000px) rotateY(-20deg);-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s;transition: transform 0.5s;-webkit-transform-origin(right,0);}
.main_mob li:hover{-moz-transform: perspective(1000px) rotateY(-12deg);-webkit-transform: perspective(1000px) rotateY(-12deg);-ms-transform: perspective(1000px) rotateY(-12deg);transform: perspective(1000px) rotateY(-12deg);-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s;transition: transform 0.5s;-webkit-transform-origin(right,0);}   */
.pc-eye-bg{display:block;width:192px;height:192px;overflow:hidden;position:relative;cursor: pointer}
.mob-eye-bg{display:block;width:192px;height:311px;overflow:hidden;position:relative;cursor: pointer}
.pc-eye{position:absolute;left:63px;top:-127px;z-index:2}
.p-config-green{position:absolute;left:30px;bottom:-86px;z-index:3;width:133px;height:43px;background:url(../images/green_bg.png) 0 0 no-repeat;overflow:hidden;font:12px/20px "microsoft yahei";color:#fff;text-align:center;box-shadow:0 0 3px #333; display:none;}
.alpha-bg{position:absolute;width:100%;height:100%;top:0;left:0;display:none;background:url(../images/alpha.png) 0 0 repeat;z-index:1}
.mob-eye{position:absolute;left:63px;top:-127px;z-index:2}
.mob-qr{position:absolute;left:54px;top:288px;z-index:3}
.main_pc li img,.main_mob li img,.p-config-green{cursor: pointer;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.pc-eye-bg:hover img.pc-image{width:220px;margin:-14px;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.pc-eye-bg:hover img.pc-eye{top:67px;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.pc-eye-bg:hover .p-config-green{bottom:26px;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.mob-eye-bg:hover .p-config-green{bottom:46px;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.set li:hover .p-config-green{bottom:146px;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.mob-eye-bg:hover img.mob-eye{top:127px;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.mob-eye-bg:hover img.mob-image{width:220px;margin:-21px -14px;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.mob-eye-bg:hover img.mob-qr{top:152px;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.pc-eye-bg:hover div.alpha-bg,.mob-eye-bg:hover div.alpha-bg{display: block}
.main_pic_shadow{width:192px;height:263px;  overflow:hidden;box-shadow:4px 4px 8px #cbcaca;background:#fff;margin:3px auto 0;padding:0 3px 3px;position:relative;*border:2px solid #dddddd}
.main_mob_shadow{width:192px;height:383px;overflow:hidden;box-shadow:4px 4px 8px #cbcaca;background:#fff;margin:3px auto 0;padding:3px 3px 3px;position:relative;*border:2px solid #dddddd}
.main_prm{width:180px;height:60px;margin:7px auto 0;position:relative;}
.main_prm p,.main_prm span{font:12px/20px "microsoft yahei";color:#505050;}
.main_prm span{color:#ff0000}
.to_mob{position:absolute;width:30px;height:40px;background:url(../images/mob.jpg) center center no-repeat #00a3ff;top:10px;right:32px;border-radius:4px;}
.to_pc{position:absolute;width:30px;height:40px;background:url(../images/pc.jpg) center center no-repeat #00a3ff;top:10px;right:32px;border-radius:4px;}
.to_example{position:absolute;width:16px;padding:5px 7px;height:30px;background:#18cbf6;top:21px;right:0;border-radius:3px;color:#fff;font:700 14px/1 "microsoft yahei";text-align:center;}
.main_btns{position:absolute;top:140px;left:50%;width:64px;margin-left:-32px;height:auto;overflow:hidden}
.main_btns a{display:block;width:64px;height:64px;border-radius:50%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.main_btns a.main_btns_pc{background:url(../images/center_pc.png) 6px 19px no-repeat #aaa;margin-bottom:17px;}
.main_btns a.main_btns_mob{background:url(../images/center_mob.png) 17px 13px no-repeat #aaa;margin-bottom:17px;}
.main_btns a:hover{background-color:#18cbf6;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.main_pc_more,.main_mob_more{font:700 24px/80px "microsoft yahei";color:#24272e;margin-left:50px;}
.expand li{width:16.5%}
.main_recommend_left,.main_recommend_right{position:absolute;left:0;top:44px;width:70px;height:180px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.mian_btns_relative{width:70px;height:180px;position:relative;}
.main_recommend_right{right:0;left:auto;}
.main_recommend_left a,.fixed_right a,.main_recommend_right a{display:block;width:100%;height:90px;background:url(../images/jian.png) center center no-repeat #18cbf6;position:absolute;left:0;top:90px;}
.main_recommend_left a.main_recommend_pc,.fixed_right a.main_recommend_pc{background:url(../images/pc_big.png) center center no-repeat #39b7fe;top:0}
.main_recommend_right a.main_recommend_mob{background:url(../images/mob_big.jpg) center center no-repeat #39b7fe;top:0}
.block{display: block}
.done{top:320px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.p-tags{position:absolute;left:141px;top:172px;display:block;width:44px;height:20px;background:#00a3ff;text-align:center;font:12px/20px "microsoft yahei";color:#fff;}
.m-tags{position:absolute;left:141px;top:268px;display:block;width:44px;height:20px;background:#00a3ff;text-align:center;font:12px/20px "microsoft yahei";color:#fff; display:}
/* search_list */
.search_list{height:auto;overflow:hidden;background:#333;background:rgba(51,51,51,.98);padding:10px 2.25%;display:none;white-space: nowrap;text-overflow: ellipsis}
.search_list dd{float:left;min-height:28px;padding:0 8px 0 0;position:relative;}
.search_list dd span,.search_list dt span{display:block;font:700 14px/28px "microsoft yahei";color:#fff;float:left;margin:0 6px;*display:inline;*zoom:1;*float:none;}
.search_list dd a,.search_list dt a{display:block;float:left;font:14px/26px "microsoft yahei";border:1px solid transparent;padding:0 18px 0 5px;color:#bcbcbc;margin-right:2px;white-space: nowrap;*display:inline;*zoom:1;*float:none;}
.search_list dd a.selected,.search_list dt a.selected{border-color:#535353;color:#fff;background:url(../images/red_fork.jpg) right center no-repeat;white-space: nowrap}
/* seach_hidden */
.seach_hidden{position:fixed;top:0;left:0;height:52px;background:#18cbf6;z-index:99;width:100%;overflow:hidden;display:none}
.search_hidden_left{float:left;margin:6px 0 0 28px;}
.search_hidden_left input{height:40px;line-height:40px;}
.search_colors{float:left;width:450px;height:33px;padding:0 0 0 10px;margin-top:9px;}
.search_hidden_tips{float:left;width:162px;height:52px;}
.search_list_fixed{position:fixed;top:52px;left:0;z-index:99}
/* foot */
.foot_bg{width:100%;height:auto;overflow:hidden;padding:32px 0;background:#18cbf6;position:relative;}
.foot_left{float:left;width:40%;height:auto;overflow:hidden;padding-left:30px;}
.foot_left p{width:100%;height:auto;overflow:hidden;}
.foot_left p span{font:12px/32px "microsoft yahei";color:#fff;margin:0 6px;float:left;}
.foot_left p span a{color:#fff;}
.foot_right{float:right;width:40%;height:auto;overflow:hidden;padding-right:30px;}
.foot_right div,.foot_right p{width:100%;height:auto;overflow:hidden;font:12px/32px "microsoft yahei";color:#fff;text-align:right;}
.foot_right div a,.foot_right p a{color:#fff;margin:0 8px;}
.backup{position:absolute;width:60px;height:60px;left:50%;top:4px;margin-left:-30px;background:url(../images/backup.png) center center no-repeat;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
.main_btns a.backup2{background:url(../images/backup.png) center center no-repeat #aaa;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;display:none}
.main_btns a.backup2:hover{ background:url(../images/backup.png) center center no-repeat #18cbf6;:}
.main_recommend_right a.backup3,.main_recommend_left a.backup3{ height:70px;background:url(../images/backup.png) center center no-repeat #3ad9ff;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;top:180px;display:none}
.backup:hover{background-color:#00a3ff;border-radius:50%;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
/* pages */
.pages{width:640px;display:block;height:auto;overflow:hidden;font:16px/34px "microsoft yahei"; font-weight:bold;color:#999999;margin:20px auto; text-align:center; background:#e2e2e2;cursor: pointer}
.pages:hover{width:640px;display:block;height:auto;overflow:hidden;font:16px/34px "microsoft yahei"; font-weight:bold;color:#333333;margin:20px auto; text-align:center; background:#d1d1d1;cursor: pointer}
.show_more{width:640px;display:block;height:auto;overflow:hidden;font:16px/34px "microsoft yahei"; font-weight:bold;color:#999999;margin:20px auto; text-align:center; background:#e2e2e2;}
.show_more:hover{width:640px;display:block;height:auto;overflow:hidden;font:16px/34px "microsoft yahei"; font-weight:bold;color:#333333;margin:20px auto; text-align:center; background:#d1d1d1;}
.pages a{display:block;float:left;padding:0 12px;margin:0 2px;background:#696969;border-radius:4px;color:#fff;}
.pages span{display:block;float:left;padding:0 8px;}
.pages a.none,.pages a.none:hover{background:#333}
.pages a:hover{background:#18cbf6}
.index_pages{display:none;}
/* show */
.show_bg{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:999;display:none;}
.gray{position:fixed;width:100%;height:100%;z-index:99;background:#000;filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.show{width:100%;height:602px;position:relative;z-index:100;background:#fff;display:none}
.show_left{display:block;background:url(../images/show_left.jpg) 0 0 no-repeat;width:48px;height:77px;position:absolute;left:8px;top:212px;}
.show_right{display:block;background:url(../images/show_right.jpg) 0 0 no-repeat;width:48px;height:77px;position:absolute;right:8px;top:212px;}
.show_hide{display:block;background:url(../images/slideup.png) 0 0 no-repeat;width:167px;height:39px;position:absolute;left:50%;bottom:-8px;margin-left:-83px;}
.show_pc{width:904px;height:537px;margin:0 auto;padding:77px 0 0;display:none;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
.show_mob{width:820px;height:647px;margin:0 auto;padding:8px 0 0;display:none;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
.glass div.show_pc_img,.glass div.show_mob_img,.glass div.show_mob_img2{-webkit-animation:glass1 1s ease-in-out ;-moz-animation:glass1 1s ease-in-out ;-ms-animation:glass1 1s ease-in-out ;animation:glass1 1s ease-in-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.glass div.show_pc_right{-webkit-animation:glass2 1s ease-in-out ;-moz-animation:glass2 1s ease-in-out ;-ms-animation:glass2 1s ease-in-out ;animation:glass2 1s ease-in-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.show_pc_img{float:left;background:url(../images/show_pc.jpg) 0 0 no-repeat;width:508px;height:537px;overflow:hidden;}
.show_mob_img{float:left;background:url(../images/show_mob.jpg) 0 0 no-repeat;width:411px;height:610px;overflow:hidden;}
.show_mob_img2{float:left;background:url(../images/show_mob23.jpg) 0 0 no-repeat;width:358px;height:619px;overflow:hidden;}
.show_mob_img img{display:block;margin:61px 0 0 51px;}
.show_mob_padding{padding-top:32px;}
.show_mob_qr{width:141px;height:141px;border:7px solid #dcdcdc;margin-top:12px;}
.show_mob_qr_text{width:155px;height:36px;text-align:center;font:16px/36px "microsoft yahei";color:#505050}
.show_pc_pic{width:508px;height:414px;overflow:hidden;}
.show_pc_overflow{margin:19px auto 0 19px;width:469px;height:263px;overflow:hidden;}
.show_pc_right{float:left;width:362px;height:537px;padding-left:34px;}
.show_pc_right h1{font:700 24px/1 "microsoft yahei";color:#ea4a4a;height:56px;}
.show_para{width:100%;height:210px;overflow:hidden;margin-bottom:12px;}
.show_para p{font:16px/30px "microsoft yahei";color:#505050;}
.show_para p span{color:#ff0000}
.show_para p.set_space_need{background:url(../images/set_icons.jpg) 14px center no-repeat #fbb812;text-indent:38px;font:16px/31px "microsoft yahei";color:#000;border-radius:3px;}
.show_link{width:100%;height:52px;}
.show_function{float:left;width:132px;height:52px;margin-right:17px;position:relative;}
.show_function_btn{display:block;width:132px;height:52px;border-radius:4px;background:#00a3ff;text-align:center;font:700 20px/52px "microsoft yahei";color:#fff;cursor: pointer;}
.show_link a{display:block;float:left;width:132px;height:52px;border-radius:4px;color:#fff;background:#18cbf6;text-align:center;font:700 20px/52px "microsoft yahei";}
.to_show_mob{display:block;width:142px;height:52px;margin:36px auto 0;border-radius:4px;text-align:center;background:#18cbf6;color:#fff;font:700 20px/52px "microsoft yahei";}
.show_function_list{width:392px;height:544px;border:1px solid #c1c1c1;position:absolute;left:132px;top:-360px;background:#fff;border-radius:12px;box-shadow:2px 2px 2px #d7d6d7;overflow:hidden;z-index:1;display:none}
.show_function_list_pc{left:-412px;}
.show_function_list dt{width:355px;padding:18px 4px 12px;border-bottom:1px solid #c1c1c1;margin:0 auto;font:12px/20px "microsoft yahei";color:#303030;overflow:hidden}
.show_function_list dt span,.show_function_list dt font{font:700 14px/20px "microsoft yahei"}
.show_function_list dt span{color:#ea4a4a}
.show_function_list dt font{color:#00a3ff}
.show_function_list dd{width:363px;height:auto;overflow:hidden;margin:0 auto;}
.show_function_list dd p{float:left;width:175px;height:32px;border-bottom:1px solid #c1c1c1;font:12px/32px "microsoft yahei";color:#262626;text-indent:8px;}
.show_function_list dd div{float:right;width:161px;height:32px;border-bottom:1px solid #c1c1c1;font:12px/32px "microsoft yahei";color:#262626;text-indent:22px;}
.show_delta{position: absolute;left:114px;top:12px;z-index:2;display:none}
.show_mob_function{top:-320px}
.iframeMob{margin:61px 0 0 48px;background:url(../images/loading.gif) center center #fff;}
.iframeMob html{background:#fff;}
.iframeImage{margin:100px 0 0 51px;background:url(../images/loading.gif) center center #fff;width:210px;height:355px;overflow:hidden;display:none;}
.iframeImage2{margin:100px 0 0 51px;background:url(../images/loading.gif) center center #fff;width:210px;height:355px;overflow:hidden}
.iframeImage img,.iframeImage2 img{display:block;margin:0 auto;width:210px}
/* ks step */
.ks_page,.ks_box{width:100%;overflow:hidden;position:relative;left:0}
.ks_pages{width:100%;position:absolute;top:0;left:0}
.ks_page1{background:#0081c4;}
.ks_page2{background:#c4005c;}
.ks_page3{background:#71c411;}
.ks_page4{background:#028fc8;}
.ks_page5{background:#05c163;}
.word1{display:block;margin:0 auto;padding-top:219px;position: relative;z-index:22;}
.ks_page1 p{width:100%;height:94px;text-align:center;font:24px/94px "microsoft yahei";color:#fff;position: relative;z-index:22;}
.ks_btn1{display:block;width:262px;height:63px;background:#f7e300;margin:0 auto;font:30px/63px "microsoft yahei";color:#100e0e;text-align:center;border-radius:3px;position: relative;z-index:22;}
.fixed{position:fixed;z-index:888}
.scene{position:absolute;top:100px;z-index:11}
.step_top{background:url(../images/step_line.png) 0 bottom no-repeat;width:497px;height:83px;margin:0 auto;padding:90px 0 0 59px;position:relative;z-index:22;}
.step_top li{width:66px;height:66px;background:url(../images/step_bg.png) 0 0 no-repeat;text-align:center;font:48px/66px "microsoft yahei";color:#b8b6b6;float:left;margin:0 20px;cursor: pointer;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
.step_top li.step_last{font:700 18px/66px "microsoft yahei";color:#b8b6b6;}
.step_top li.pink{color:#c4005c}
.step_top li.green{color:#71c411}
.step_top li.blue{color:#028fc8}
.step_top li.green2{color:#05c163}
.ks_page2 h3{width:100%;text-align:center;height:120px;font:700 24px/120px "microsoft yahei";color:#fff;}
.trade_title,.ks_page2 h3,.ks_page4 h1,.select-type,.site-list-bg{transform:scale(12);-webkit-transform:scale(12);-moz-transform:scale(12);-o-transform:scale(12);-ms-transform:scale(12);-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;opacity: 0;filter:alpha(opacity=0);}
.pl{transform:scale(4);-webkit-transform:scale(4);-moz-transform:scale(4);-o-transform:scale(4);-ms-transform:scale(4);-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;opacity: 0;filter:alpha(opacity=0);}
.ks_page2 h3.get,.trade_title.get,.ks_page4 h1.get,.select-type.get,.site-list-bg.get,.pl.get{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
.ks_page2 h3 span{font-size:36px}
.colors{width:556px;height:86px;margin:0 auto 60px;border:8px solid rgba(255,255,255,.17);overflow:hidden;position:relative;z-index:22}
.colors li{width:139px;height:43px;float:left;overflow:hidden;color:#fff;text-align:center;font:700 20px/43px "microsoft yahei";position:relative;}
.color1 label{background:#cd0400;}
.color2 label{background:#f1e000;}
.color3 label{background:#4898eb;}
.color4 label{background:#008000;}
.color5 label{background:#db3797;}
.color6 label{background:#000;}
.color7 label{background:#989898;}
.colors li.color8  label{background:#fff;color:#000}
.colors li label{width:135px;height:39px;display:block;border:2px solid transparent;position:absolute;left:-139px;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;cursor: pointer}
.colors li label input{display:none}
.ks_page1_btn,.ks_page2_btn,.ks_page3_btn,.ks_page4_btn,.step_top{-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;opacity:0;filter:alpha(opacity=0);}
.ks_btn1.get,.step_top.get{-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;opacity:1;filter:alpha(opacity=100);}
.ks_page2_btn{margin-top:26px;}
.ks_page1_btn.get,.ks_page2_btn.get,.ks_page3_btn.get,.ks_page4_btn.get{transform:rotate(360deg) scale(1.2);-webkit-transform:rotate(360deg) scale(1.2);-moz-transform:rotate(360deg) scale(1.2);    -o-transform:rotate(360deg) scale(1.2);-ms-transform:rotate(360deg) scale(1.2);}
.colors li.border label,.colors li.get.border label{border-color:#fff;}
.colors li.border label.border-color-black{border-color:#000;}
.page3_round{background:url(../images/trade_big_bg.png) 0 0 no-repeat;width:386px;height:386px;margin:60px auto 16px;position:relative;z-index:33;text-align:center;-webkit-animation:zhuan 123.8s ease-in-out ;-moz-animation:zhuan 123.8s ease-in-out ;-ms-animation:zhuan 123.8s ease-in-out ;animation:zhuan 123.8s ease-in-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;animation-iteration-count: infinite;opacity:0;filter:alpha(opacity=0);}
.round{background:url(../images/trade_bg.png) 0 38px no-repeat;width:280px;height:252px;margin:0 auto;padding:142px 55px 0;position:absolute;top:198px;left:50%;margin-left:-193px;text-align:center;z-index:44;opacity:0;filter:alpha(opacity=0);}
.page3_round.get,.round.get{opacity:1;filter:alpha(opacity=100);-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
.trade_title{position:absolute;top:206px;left:50%;margin-left:-204px;z-index:44}
.round a{padding:4px 6px;display:inline-block;margin:4px 1px;border-radius:3px;font:14px/1 "microsoft yahei";color:#666}
.round a.on{color:#fff;background:#00a9f7;}
.ks_page4 h1{width:100%;text-align:center;font:36px/134px "microsoft yahei";color:#fff;}
.select-type{width:100%;height:51px;text-align:center;margin:0 auto 74px;position:relative;z-index:33;}
.select-type a{display:inline-block;width:117px;height:51px;text-align:center;font:24px/51px "microsoft yahei";color:#3f3c3c;border-radius:3px;background:#fff;margin:0 10px;}
.select-type a.on{background:url(../images/checked.jpg) 14px center no-repeat #035171;color:#fff;text-align:left;text-indent:34px;}
.ks_page5 h2{width:100%;text-align:center;font:22px/40px "microsoft yahei";margin:6px auto;color:#fff;}
.site-list-bg{width:100%;background:url(../images/ks_bg5.jpg) center bottom no-repeat;height:328px;position:relative;z-index:33}
/* ks move */
.movead {zoom:1; width:896px; margin:0 auto;position:relative;z-index:11}
.movead .pcont { float:left;  width:742px;height:303px; overflow:hidden;margin:0 40px;position:relative;}
.movead .ScrCont {width: 32766px; zoom: 1}
.movead #List1_1 {float: left}
.movead #List2_1 {float: left}
.movead .LeftBotton { background:url(../images/ks_left.png) no-repeat left 0; float: left; width: 35px;height:74px;margin-top:78px;}
.movead .RightBotton {background:url(../images/ks_right.png) no-repeat right 0; float: left; width: 35px;height:74px;margin-top:78px;}
.movead .pl {float:left; background:url(../images/site_list.png) 11px 0 no-repeat; width:230px;height:303px;overflow:hidden;padding:0 11px;}
.site-box{width:192px;height:281px;overflow:hidden;padding:8px;}
.site-img{width:192px;height:192px;overflow:hidden}
.site-img img{ cursor:pointer}
.ks-last-btn{width:100%;text-align:center;height:63px;margin:20px auto;position:relative;z-index:33}
.ks-last-btn a{display: inline-block;width:262px;height:63px;background:#f7e300;border-radius:4px;font:30px/63px "microsoft yahei";color:#100e0e;text-align:center;margin:0 8px;}
.colors li.get label{left:0;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
@-webkit-keyframes tran {
    40% {
        transform:translate(0,-10px);
        -webkit-transform:translate(0,-10px);
        -moz-transform:translate(0,-10px);
        -o-transform:translate(0,-10px);
        -ms-transform:translate(0,-10px);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
}
@-o-keyframes tran {
    50% {
        transform:translate(0,-10px);
        -webkit-transform:translate(0,-10px);
        -moz-transform:translate(0,-10px);
        -o-transform:translate(0,-10px);
        -ms-transform:translate(0,-10px);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
}
@-moz-keyframes tran {
    50% {
        transform:translate(0,-10px);
        -webkit-transform:translate(0,-10px);
        -moz-transform:translate(0,-10px);
        -o-transform:translate(0,-10px);
        -ms-transform:translate(0,-10px);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
}
@keyframes tran {
    50% {
        transform:translate(0,-10px);
        -webkit-transform:translate(0,-10px);
        -moz-transform:translate(0,-10px);
        -o-transform:translate(0,-10px);
        -ms-transform:translate(0,-10px);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
}@-webkit-keyframes tran2 {
    40% {
        transform:translate(0,-5px);
        -webkit-transform:translate(0,-5px);
        -moz-transform:translate(0,-5px);
        -o-transform:translate(0,-5px);
        -ms-transform:translate(0,-5px);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
}
@-o-keyframes tran2 {
    50% {
        transform:translate(0,-5px);
        -webkit-transform:translate(0,-5px);
        -moz-transform:translate(0,-5px);
        -o-transform:translate(0,-5px);
        -ms-transform:translate(0,-5px);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
}
@-moz-keyframes tran2 {
    50% {
        transform:translate(0,-5px);
        -webkit-transform:translate(0,-5px);
        -moz-transform:translate(0,-5px);
        -o-transform:translate(0,-5px);
        -ms-transform:translate(0,-5px);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
}
@keyframes tran2 {
    50% {
        transform:translate(0,-5px);
        -webkit-transform:translate(0,-5px);
        -moz-transform:translate(0,-5px);
        -o-transform:translate(0,-5px);
        -ms-transform:translate(0,-5px);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
}
@-webkit-keyframes zhuan {
    40% {transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);
    }
    100% {transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0)
    }
}
@-o-keyframes zhuan {
    40% {transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);
    }
    100% {transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0)
    }
}
@-moz-keyframes zhuan {
    40% {transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);
    }
    100% {transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0)
    }
}
@keyframes zhuan {
    40% {transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);
    }
    100% {transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0)
    }
}
@-webkit-keyframes glass1 {
    0% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
    50% {
        transform:translate(-1000px,0);
        -webkit-transform:translate(-1000px,0);
        -moz-transform:translate(-1000px,0);
        -o-transform:translate(-1000px,0);
        -ms-transform:translate(-1000px,0);
    }
    80% {
        transform:translate(20px,0);
        -webkit-transform:translate(20px,0);
        -moz-transform:translate(20px,0);
        -o-transform:translate(20px,0);
        -ms-transform:translate(20px,0);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
}
@-o-keyframes glass1 {
    0% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
    50% {
        transform:translate(-1000px,0);
        -webkit-transform:translate(-1000px,0);
        -moz-transform:translate(-1000px,0);
        -o-transform:translate(-1000px,0);
        -ms-transform:translate(-1000px,0);
    }
    80% {
        transform:translate(20px,0);
        -webkit-transform:translate(20px,0);
        -moz-transform:translate(20px,0);
        -o-transform:translate(20px,0);
        -ms-transform:translate(20px,0);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
}
@-moz-keyframes glass1 {
    0% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
    50% {
        transform:translate(-1000px,0);
        -webkit-transform:translate(-1000px,0);
        -moz-transform:translate(-1000px,0);
        -o-transform:translate(-1000px,0);
        -ms-transform:translate(-1000px,0);
    }
    80% {
        transform:translate(20px,0);
        -webkit-transform:translate(20px,0);
        -moz-transform:translate(20px,0);
        -o-transform:translate(20px,0);
        -ms-transform:translate(20px,0);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
}
@keyframes glass1 {
    0% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
    50% {
        transform:translate(-1000px,0);
        -webkit-transform:translate(-1000px,0);
        -moz-transform:translate(-1000px,0);
        -o-transform:translate(-1000px,0);
        -ms-transform:translate(-1000px,0);
    }
    80% {
        transform:translate(15px,0);
        -webkit-transform:translate(15px,0);
        -moz-transform:translate(15px,0);
        -o-transform:translate(15px,0);
        -ms-transform:translate(15px,0);
    }
    90% {
        transform:translate(-10px,0);
        -webkit-transform:translate(-10px,0);
        -moz-transform:translate(-10px,0);
        -o-transform:translate(-10px,0);
        -ms-transform:translate(-10px,0);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
} /*
@-webkit-keyframes glass1 {
    0% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
    50% {
        transform:translate(0,-1000px);
        -webkit-transform:translate(0,-1000px);
        -moz-transform:translate(0,-1000px);
        -o-transform:translate(0,-1000px);
        -ms-transform:translate(0,-1000px);
    }
    80% {
        transform:translate(0,15px);
        -webkit-transform:translate(0,15px);
        -moz-transform:translate(0,15px);
        -o-transform:translate(0,15px);
        -ms-transform:translate(0,15px);
    }
    90% {
        transform:translate(0,-10px);
        -webkit-transform:translate(0,-10px);
        -moz-transform:translate(0,-10px);
        -o-transform:translate(0,-10px);
        -ms-transform:translate(0,-10px);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
}  */

@-webkit-keyframes glass2 {
    0% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
    50% {
        transform:translate(1000px,0);
        -webkit-transform:translate(1000px,0);
        -moz-transform:translate(1000px,0);
        -o-transform:translate(1000px,0);
        -ms-transform:translate(1000px,0);
    }
    80% {
        transform:translate(-15px,0);
        -webkit-transform:translate(-15px,0);
        -moz-transform:translate(-15px,0);
        -o-transform:translate(-15px,0);
        -ms-transform:translate(-15px,0);
    }
    90% {
        transform:translate(10px,0);
        -webkit-transform:translate(10px,0);
        -moz-transform:translate(10px,0);
        -o-transform:translate(10px,0);
        -ms-transform:translate(10px,0);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
}
@-o-keyframes glass2 {
    0% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
    50% {
        transform:translate(1000px,0);
        -webkit-transform:translate(1000px,0);
        -moz-transform:translate(1000px,0);
        -o-transform:translate(1000px,0);
        -ms-transform:translate(1000px,0);
    }
    80% {
        transform:translate(-15px,0);
        -webkit-transform:translate(-15px,0);
        -moz-transform:translate(-15px,0);
        -o-transform:translate(-15px,0);
        -ms-transform:translate(-15px,0);
    }
    90% {
        transform:translate(10px,0);
        -webkit-transform:translate(10px,0);
        -moz-transform:translate(10px,0);
        -o-transform:translate(10px,0);
        -ms-transform:translate(10px,0);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
}
@-moz-keyframes glass2 {
    0% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
    50% {
        transform:translate(1000px,0);
        -webkit-transform:translate(1000px,0);
        -moz-transform:translate(1000px,0);
        -o-transform:translate(1000px,0);
        -ms-transform:translate(1000px,0);
    }
    80% {
        transform:translate(-15px,0);
        -webkit-transform:translate(-15px,0);
        -moz-transform:translate(-15px,0);
        -o-transform:translate(-15px,0);
        -ms-transform:translate(-15px,0);
    }
    90% {
        transform:translate(10px,0);
        -webkit-transform:translate(10px,0);
        -moz-transform:translate(10px,0);
        -o-transform:translate(10px,0);
        -ms-transform:translate(10px,0);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
}
@keyframes glass2 {
    0% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
    50% {
        transform:translate(1000px,0);
        -webkit-transform:translate(1000px,0);
        -moz-transform:translate(1000px,0);
        -o-transform:translate(1000px,0);
        -ms-transform:translate(1000px,0);
    }
    80% {
        transform:translate(-15px,0);
        -webkit-transform:translate(-15px,0);
        -moz-transform:translate(-15px,0);
        -o-transform:translate(-15px,0);
        -ms-transform:translate(-15px,0);
    }
    90% {
        transform:translate(10px,0);
        -webkit-transform:translate(10px,0);
        -moz-transform:translate(10px,0);
        -o-transform:translate(10px,0);
        -ms-transform:translate(10px,0);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
}
/*
@-webkit-keyframes glass2 {
    0% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
    50% {
        transform:translate(0,1000px);
        -webkit-transform:translate(0,1000px);
        -moz-transform:translate(0,1000px);
        -o-transform:translate(0,1000px);
        -ms-transform:translate(0,1000px);
    }
    80% {
        transform:translate(0,-15px);
        -webkit-transform:translate(0,-15px);
        -moz-transform:translate(0,-15px);
        -o-transform:translate(0,-15px);
        -ms-transform:translate(0,-15px);
    }
    90% {
        transform:translate(0,10px);
        -webkit-transform:translate(0,10px);
        -moz-transform:translate(0,10px);
        -o-transform:translate(0,10px);
        -ms-transform:translate(0,10px);
    }
    100% {
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
    }
}    */
.step_top li:hover{
    -webkit-animation:tran .8s ease-in-out ;
    -moz-animation:tran .8s ease-in-out ;
    -ms-animation:tran .8s ease-in-out ;
    animation:tran .8s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
/* sub page */
.sub_top{width:1002px;height:48px;margin:30px auto 0;}
.sub_top h1{float:left;font:700 32px/48px "microsoft yahei";color:#767676;}
.sub_select{float:right;background:url(../images/select.jpg) 0 0 no-repeat;width:231px;height:48px;position:relative;}
.sub_select p{width:100%;height:44px;font:14px/44px "microsoft yahei";color:#464646;text-indent:21px;}
.sub_select ul{position:absolute;width:211px;left:10px;top:44px;z-index:99;background:#fff;border:1px solid #ccc;border-radius:0 0 4px 4px;border-top:0;padding:6px 0;display:none}
.sub_select ul li{width:80%;margin:0 auto;font:14px/32px "microsoft yahei";color:#464646;}
.sub_select ul li a{color:#464646}
.sub_red_title{width:1002px;height:48px;margin:0 auto;font:700 16px/48px "microsoft yahei";color:#ff0000;}
.tab_blue_title{width:1002px;height:auto;overflow:hidden;padding:10px 0;background:#18cbf6;margin:0 auto;}
.tab_blue_title h2{width:962px;margin:0 auto;font:700 16px/30px "microsoft yahei";color:#fff}
.tab_blue_title div{width:962px;margin:0 auto;font:14px/24px "microsoft yahei";color:#fff}
.sub_tab1{width:1002px;height:auto;margin:0 auto 54px;}
.sub_tab1 td{font-family: "microsoft yahei";font-size:14px;color:#4f4f4f;}
.sub_tab1_font1{font-weight: bold;color:#393939;}
.sub_search_show{height:69px;background:#18cbf6;z-index:99;width:100%;overflow:hidden;}
.tab_bottom_link{width:1002px;height:auto;margin:20px auto;font:14px/28px "microsoft yahei";color:#4f4f4f;}
.tab_bottom_link a{color:#cd0400}
.ks_mean{width:1002px;border-bottom:1px solid #dbdbdb;font:14px/26px "microsoft yahei";color:#4f4f4f;margin:0 auto;padding-bottom:24px;}
.ks_mean b{color:#ff3600}
.feat_border{width:1002px;border-bottom:1px solid #dbdbdb;height:auto;overflow:hidden;padding:44px 0 6px;margin:0 auto;}
.feat_left{float:left;width:278px;padding-right:22px;height:auto;overflow:hidden;font:700 14px/1 "microsoft yahei";color:#ff0000;text-align:right;}
.feat_right{float:left;width:700px;overflow:hidden;height:auto;}
.feat_right li{width:350px;height:82px;float:left;overflow:hidden;background:url(../images/ks_icon1.jpg) 0 0 no-repeat;}
.feat_right li h3{font:700 14px/18px "microsoft yahei";color:#ff3600;padding-left:44px;}
.feat_right li p{font:14px/26px "microsoft yahei";color:#23709b;padding-left:44px;}
.feat_right li.feat_li2{background:url(../images/ks_icon2.jpg) 0 0 no-repeat;}
.feat_right li.feat_li4{background:url(../images/ks_icon2.jpg) 0 -82px no-repeat;}
.feat_right li.feat_li6{background:url(../images/ks_icon2.jpg) 0 -166px no-repeat;}
.feat_right li.feat_li8{background:url(../images/ks_icon2.jpg) 0 -248px no-repeat;}
.feat_right li.feat_li3{background-position: 0 -82px;}
.feat_right li.feat_li5{background-position: 0 -166px;}
.feat_right li.feat_li7{background-position: 0 -248px;}
.feat_step{width:1002px;height:auto;overflow:hidden;margin:0 auto;padding-top:43px;}
.step_number{float:left;width:700px;height:auto;overflow:hidden;padding-bottom:46px}
.step_number li{float:left;height:27px;margin-bottom:22px;background:url(../images/numbers.jpg) 0 0 no-repeat #fff;font:14px/27px "microsoft yahei";color:#494949;text-indent:44px;white-space: nowrap}
.step_number li.step_2{background-position: 0 -49px;}
.step_number li.step_3{background-position: 0 -100px;}
.step_number li.step_4{background-position: 0 -151px;}
.step_number li.step_5{background-position: 0 -202px;}
.step_number li span{color:#ff0000}
.buy_title{width:782px;padding:0 110px 48px;overflow:hidden;border-top:1px solid #dbdbdb;margin:0 auto;}
.buy_title p{font:14px/84px "microsoft yahei";color:#5a5a5a;}
.font_bold{font-weight:bold}
/* contact */
.contant_us_top{width:1000px;height:auto;border:1px solid #d4d4d4;margin:22px auto 0;background:#fff;overflow:hidden;position:relative}
.contant_us_top li{width:332px;min-height:128px;float:left;border-right:1px solid #bebebe;overflow:hidden}
.contant_us_top li h1{width:100%;height:47px;background:#d0d0d0;text-align:center;font:700 16px/47px "microsoft yahei";color:#393939;}
.contant_us_top li div{width:310px;margin:16px auto;font:14px/24px "microsoft yahei";color:#626262;overflow:hidden}
.contant_us_top li div a{color:#626262;margin:0 12px;display:block;float:left;}
.contant_us_top li div span{float:left;}
.contant_us_top li.contant_us_top2,.contact_us li.contant_us2{position: absolute;left:333px;top:0;height:100%;}
.contant_us_top li.contant_us_top3,.contact_us li.contant_us3{position: absolute;left:666px;top:0;height:100%;border:0}
.contact_us{width:1000px;height:auto;overflow:hidden;position:relative;margin:0 auto 58px;border:1px solid #d0d0d0;border-top:0;}
.contact_us li{width:332px;height: auto;border-right:1px solid #d0d0d0;overflow:hidden;background:url(../images/contact_bg.jpg) 84px 28px repeat-y;}
.contact_us li dl{width:100%;height:auto;overflow:hidden;}
.contact_us li dl dt{width:100%;height:28px;background:#ededed;}
.contact_us li dl dd{position:relative;z-index:2;width:100%;height:auto;overflow:hidden;padding-bottom:28px}
.contact_us li dl dd p{float:left;width:70px;padding-right:6px;height:20px;font:12px/20px "microsoft yahei";text-align:right;color:#0191b4;}
.contact_us li dl dd img{float:left;}
.contact_us li dl dd div{float:left;width:208px;padding-left:6px;height:auto;font:12px/26px "microsoft yahei";color:#414141;margin-top:-3px;}
/* service */
.service_top{width:1002px;height:auto;overflow:hidden;margin:38px auto;}
.service_top h3{font:700 14px/36px "microsoft yahei";color:#ff0000;}
.service_top div{font:14px/24px "microsoft yahei";color:#4f4f4f;margin:6px auto;}
.service_title{width:1002px;height:43px;margin:0 auto;background:#d0d0d0;color:#393939;font:700 14px/43px "microsoft yahei";text-indent:23px;}
.service_table{width:1002px;margin:0 auto 98px;font:14px/30px "microsoft yahei";color:#4f4f4f;}
/* msg */
.msg{width:1002px;height:auto;overflow:hidden;margin:80px auto;background:url(../images/coffee.jpg) right 73px no-repeat;}
.msg li{width:100%;height:auto;overflow:hidden;padding-bottom:15px;}
.msg li p{float:left;width:160px;padding-right:12px;height:40px;font:14px/40px "microsoft yahei";color:#585757;text-align:right;}
.msg_input1{float:left;width:445px;height:30px;border:1px solid #d2e1e9;background:#fff;box-shadow:2px 3px 3px #e9ebec inset;padding:4px 10px;font:14px/30px "microsoft yahei";}
.msg_input2{float:left;width:162px;height:30px;border:1px solid #d2e1e9;background:#fff;box-shadow:2px 3px 3px #e9ebec inset;padding:4px 10px;font:14px/30px "microsoft yahei";margin-right:8px;}
.msg_text{float:left;width:612px;height:108px;border:1px solid #d2e1e9;background:#fff;box-shadow:2px 3px 3px #e9ebec inset;padding:4px 10px;font:14px/30px "microsoft yahei";resize: none}
.msg li img{float:left;cursor: pointer}
.msg_btn{display:block;width:183px;height:50px;margin:74px auto;border-radius:5px;background:#18cbf6;border:0;font:25px/50px "microsoft yahei";color:#fff;cursor: pointer}
/* pay */
.pay_title{font:700 14px/43px "microsoft yahei";color:#393939;padding-left:22px;}
.pay_table{width:1002px;font:14px/24px "microsoft yahei";color:#7b7b7b}
.pay_table p{font:14px/24px "microsoft yahei";}
.pay_blod{font:700 14px/32px "microsoft yahei";color:#6a6a6a}
.tag_pc{width:60px;background:url(../images/tag.png) 0 0 no-repeat;height:22px;margin:0 auto;font:14px/22px "microsoft yahei";color:#fff;padding-right:138px;text-indent:6px;}
.set{width:95%;height:auto;overflow:hidden;padding-top:36px;padding-bottom:18px;}
.set li:hover{-moz-transform: perspective(1000px) rotateY(-6deg);-webkit-transform: perspective(1000px) rotateY(-6deg);-ms-transform: perspective(1000px) rotateY(-6deg);transform: perspective(1000px) rotateY(-6deg);-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s;transition: transform 0.5s;-webkit-transform-origin(right,0);}
.set li img{cursor: pointer}
.set li{float:left;width:16.5%}
.fixed_right{position:absolute;right:0;top:158px;width:70px;height:180px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
@media screen and (min-width: 1919px) {
    .main_pc li,.main_mob li{width:25%}
    .search_hidden_left{width:1220px;}
    .search_hidden_left input.search_text{width:1144px}
    .expand li{width:12.5%} /* 待测试 */
}
@media screen and (max-width: 1440px) {
    .search_hidden_left{width:700px;}
    .search_hidden_left input.search_text{width:624px}
}
@media screen and (max-width: 1280px) {
    .main_pc li,.main_mob li{width:50%}
    .search_hidden_left{width:580px;}
    .search_hidden_left input.search_text{width:484px}
    .expand li{width:20%} /* 待测试 */
}
@media screen and (max-width: 1024px) {
    .main_pc li,.main_mob li{width:50%}
    .search_hidden_left{width:324px;}
    .search_hidden_left input.search_text{width:248px}
    .expand li{width:25%} /* 待测试 */
}
.blockFixed{position:fixed;top:350px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
/* none */
#nomob,#nopc{font:700 18px/40px "microsoft yahei";color:#666;text-align:center;}
.w100 { width:100%;}
.content { width:1002px; margin:auto;min-height:300px;}
.content .news { margin:10px 0 0 0;}
.content  ul {}
.content  ul li { line-height:40px; font-size:14px; height:40px; border-bottom:1px solid #cccccc;padding: 0 0 0 25px; background:url(../images/an.png) no-repeat 7px 19px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.content  ul li:hover { line-height:40px; font-size:14px; height:40px; border-bottom:1px solid #cccccc;padding: 0 0 0 60px; background:url(../images/an.png) no-repeat 42px 19px; color:#FF0000;}
.content  ul li a { color:#333; float:left; padding: 0 0 0 0px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.content  ul li a:hover { float:left;color:#FF0000; }
.content  ul li span { color:#999; float:right;}
.text_con { margin:15px 0 0 0;}
.text_con h1 { font-size:18px; font-weight:bold; line-height:70px; text-align:center;}
.text_con .datebox{ text-align:right; line-height:30px; color:#999999;}
.content-box { font-size:14px; line-height:30px; padding:10px 0 25px 0; }
.pageli {margin: 10px 0px;}
.pageli  .leftbox { float:left;}
.pageli  .rightbox { float:right;}
.pageli p a { color:#37a4d3; font-size:14px;}
.pageli p a:hover { color:#ff0000;font-size:14px;}
.qing { clear:both;} 
.qing a { width:100px; height:30px; color:#fff; background:#4bbaea; margin:auto; display:block; text-align:center; line-height:30px; font-size:14px; text-decoration:none;} 



.iw{ color:#fff; text-align:center; padding:0 0 15px 0 }
.pming{ text-overflow:ellipsis;overflow:hidden;white-space:nowrap; box-sizing:border-box; }