html {letter-spacing:0px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td{margin:0;padding:0;font-size: 100%;font-family:微软雅黑,Apple LiGothic Medium,宋体,sans-serif;}
a{text-decoration: none;color:#000;}
.zixun a{color:#fff;}
@media screen and (min-width:1200px) {
.container{display: flex;flex-direction:column;justify-content: flex-start;width:1200px;min-height:1000px;margin:auto;}
.container .head{width:1200px;height:100px;background-color:#efefef;}
.container .head .logo{float:left;margin-left:90px;}
.container .head .tel{float:right;margin-right:120px;}
.container .nav{display: flex;justify-content: center;width:1200px;height:40px;background-color:#9d1f21;margin-top:1px;}
.container .nav .menu{width:180px;margin:auto 12px;height:40px;background-color:#9d1f21;color:#fff;text-align:center;line-height:40px;font-size:18px;}
.container .nav .menu:hover{font-weight:bold;}
.body .lunbo{width:1200px;}
.body .lunbo img{width:1200px;}
.body .board{display: flex;justify-content:flex-start;width:1100px;height:150px;margin:-90px auto auto auto;background-color:#9d1f21 ;z-index:99;position:relative;box-shadow:1px 1px 10px #808080;}
.body .board .boardicon img{height:150px;}
.body .board .boardinput,.body .board .boardbutton{margin-top: 54px;}
.body .board .boardinput input{height:36px;border-radius:9px;border: 1px solid #bebebe;padding-left:12px;font-size:18px;margin-right:12px;}
.body .board .boardinput img{height:36px;border-radius:9px;border: 1px solid #bebebe;}
.body .board .boardinput #bname,.body .board .boardinput #btel{width:180px;}
.body .board .boardinput #bcode,.body .board .boardinput #imgRandom{width:90px;margin-right:12px;}
.body .board .boardbutton input{height:36px;width:90px;border-radius:9px;border: 1px solid #bebebe;font-size:18px;color:#9d1f21;}
.body .body1{background-image:url(/images/body1bg.png);display: flex;justify-content:space-around;margin-top:-90px;height:480px;padding-left:48px;padding-right:48px;}
.body .body1 .ym {margin-top:225px;-moz-box-shadow: 3px 3px 6px rgba(0,0,0,.4);-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,.4);box-shadow: 3px 3px 6px rgba(0,0,0,.4);height: 165px;}
.body .body1 .ym:hover {transition:0.2s;-moz-box-shadow: 6px 6px 12px rgba(0,0,0,.7);-webkit-box-shadow: 6px 6px 12px rgba(0,0,0,.7);box-shadow: 6px 6px 12px rgba(0,0,0,.7);}
.body .body2{background-image:url(/images/body2bg.png);height:450px;padding-left:48px;padding-right:48px;padding-top:180px;}
.body .body2 .yj {float:left;margin:1px;height:186px;width:267px;}
.body .body2 .yj:hover {box-shadow: 3px 3px 9px rgba(0,0,0,0.7);}
.body .body3{background-image:url(/images/body3bg.png);height:339px;padding-left:48px;padding-right:48px;padding-top:180px;display: flex;justify-content:space-around;}
.body .body3 .house {display:flex;flex-direction:column;height:255px;width:252px;border: 1px solid #bebebe;-moz-box-shadow: 3px 3px 6px rgba(0,0,0,.4);-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,.4);box-shadow: 3px 3px 6px rgba(0,0,0,.4);}
.body .body3 .house:hover {transition:0.2s;-moz-box-shadow: 6px 6px 12px rgba(0,0,0,.7);-webkit-box-shadow: 6px 6px 12px rgba(0,0,0,.7);box-shadow: 6px 6px 12px rgba(0,0,0,.7);}
.body .body3 .house .housepic{width:252px;height:190px;position:relative;}
.body .body3 .house .housepic .houseimg {width:252px;height:190px;}
.body .body3 .house .housepic .houseimg img{width:252px;height:190px;}
.body .body3 .house .housepic .housetitle {position:absolute;bottom:0px; width:243px;height:30px;line-height:30px;padding-left:9px; background-color:rgba(102, 102, 102, 0.5);;color:#fff;font-size:18px;font-weight:bold;}
.body .body3 .house .housetxt{width:243px;height:60px;margin-left:9px;}
.body .body3 .house .housetxt .txttitle{height:36px;font-size:18px;line-height:36px;font-weight:bold;overflow:hidden;}
.body .body3 .house .housetxt .txtsubtitle{height:21px;font-size:15px;color:#808080;overflow:hidden;}
.body .housebody {width: 1200px; margin: 40px auto; text-align: justify;}
.body .housebody .atitle{text-align:center;font-size:36px;color:#008cc9;line-height:100px;margin:40px auto;}
.body .housebody .acontent {font-size: 36px;line-height:60px;}
.body .housebody .newsrow { font-size: 36px;line-height: 70px; border-bottom: 1px dashed #666;} 
.contentContainer { width: 1200px;margin: 40px auto;text-align: justify;font-size:36px;line-height:60px;}
.newscontent{font-size:36px;line-height:60px;}
.copy a{color:#fff;}
.copy {margin-right:36px;}
.topmenu {height: 50px;display: flex;background-color: #008cc9}
.topmenuicon {display:none;}
.topmenubar {width: 1200px;line-height: 50px;margin: auto;display: flex;justify-content:space-between;}
.topmenu .leftmenu { }
.topmenu .rightmenu {}
.topmenu .modelblock {display:inline-block;min-width:90px;color:#fff;margin-right:20px;font-weight:600;position:static;}
.topmenu .submenuarrow::after {content: url("/images/downarrow.png");}
.submenuarrow {color: #fff;height: 35px;line-height: 35px;border-radius: 10px 10px 0 0;background-color: #33a3d4;margin-top:10px;width:128px;text-align:center;}
.submodellist {color: #000;background-color: #ddd;border-radius: 0 0 10px 10px;display: none;}
.submodellist{position:absolute;z-index:100;width:165px;}
.modelblock a{color:#fff;}
.submodelblockitem {height: 35px;line-height: 35px;text-align:left;}
.submodelblockitem:hover { color: #fff;background-color: #33a3d4;border-bottom: 1px solid rgba(0,0,0,.4); border-top: 1px solid rgba(0,0,0,.4);}
.submodelblockitem a {color: #000;margin-left:15px;}
.submodelblockitem a:hover { color: #fff;}
.submodelblockitem:last-child {margin-bottom: 15px;}

.submodelblockitem1 {height: 35px;line-height: 35px;text-align:left;font-weight:400;}
.submodelblockitem1:hover { color: #fff;background-color: #33a3d4;border-bottom: 1px solid rgba(0,0,0,.4); border-top: 1px solid rgba(0,0,0,.4);}
.submodelblockitem1 a {color: #000;margin-left:30px;}
.submodelblockitem1 a:hover { color: #fff;}
.submodelblockitem1:last-child {margin-bottom: 15px;}
.right{text-align:center;}
.topmenu .submenuarrow:hover {background-color: #33a3d4;}
.headContainer {height: 145px;width: 100%;background-color: #fff;}
.topbar { display: flex;align-items:center;justify-content: flex-start;width:1200px;height:95px;margin:auto;}
.topbar .logo {height:50px;width:600px;}
.topbar .logo img{height:50px;}
.search {height: 35px;width: 240px;border: 1px solid #008cc9;border-radius: 10px;display: inline-flex;overflow:clip;}
.searchbox input {float: left;display: inline;position: relative;width: 190px;height: 30px;margin-left: 5px;border: 0;margin-top: 2px; }
.searchbutton .searchbtn {border: 0;float: left;display: inline;width: 45px;height: 35px;background: #008cc9 url(/images/searchbg2.png) no-repeat 50% 50%;cursor: pointer;}
.language {width: 350px;display:none;}
.language select {float: right;display: inline;position: relative;width: 95px;height: 35px;border: 0;background-color: white;color: #008cc9;}

.main_visual{width:1200px;margin:auto; min-height:536px;border-top:1px solid #d7d7d7;overflow:hidden;position:static;border-bottom: 1px solid #d7d7d7;}
.main_image{min-height:536px;position:relative;width:100%;}
.main_image ul{width:9999px;min-height:536px;width:100%;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;min-height:536px;}
.main_image li span{display:block;width:100%;min-height:536px}
.main_image li a{display:block;width:100%;min-height:536px}
.main_image li .img_1{}
.main_image li .img_2{}
.main_image li .img_3{}
.main_image li .img_4{} 
.main_image li img {width: 1200px;height: 536px;}
div.flicking_con{position:absolute;top:360px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('/images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:none;width:43px!important;height:44px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(/images/hover_left.png) no-repeat left top;left:40px;}
#btn_next{background:url(/images/hover_right.png) no-repeat right top;right:40px;}
.newsContainer, .serviceContainer, .partnerContainer, .footer {margin-top: 20px;}
.newschannel, .newscontent, .servicechannel {width: 1200px;margin: auto;display: flex;justify-content: space-between;}
.partnerchannel {width: 1200px;margin: auto;}
.newscontent {margin-top: 10px;justify-content: flex-start;}
.newspic{margin-right:60px;}
.newspic img{width:480px;height:280px;}
.newspictitle {color: #000;font-size: 20px;line-height: 32px;font-weight: 600;width:480px;max-height:64px;}
.newstitle, .servicetitle, .partnertitle { color: #008cc9; font-size: 30px;}
.newstitle span, .servicetitle span, .partnertitle span {font-size: 18px; }
.partnertitle {text-align:center;}
.newslisttitle {font-size: 20px;line-height: 33px;}
.newschannel .more {color: #6a6a6a;font-size: 16px;}
.serviceContainer {width: 1200px;margin: 20px auto auto auto;}
.servicetitle{ margin-top:20px;margin-bottom:20px;}
.servicelist{ display: flex;flex-wrap: wrap;justify-content:flex-start;}
    .serviceblock {
        width: 270px;
        margin: auto 25px 25px auto;
        background-color: #008cc9;
        border: 1px solid #008cc9;
    }
.serviceblockname {width: 270px;text-align:center;min-height: 270px;}
.serviceblockpic {width: 270px;height: 114px;overflow:clip;}
.serviceblockpic img{width: 100%;}

.blue {background-color: #6badd8;}
.blocktitle {font-size:20px;font-weight:600;line-height: 50px;background-color:#fff;}
.blocktriangle {margin-left:50px;border-style: solid;border-width: 12px 24px 0px 24px;border-color: #fff transparent transparent transparent;width: 0px;height: 0px; }
.blockdesc{background-color:#008cc9;padding:20px;font-size:14px;text-align:justify;color:#fff; }
.partnerlist {display: flex;flex-wrap: wrap;justify-content:space-around;}
.partnerimg{margin:2px;}
.footer .footer-icp {width: 1200px;text-align: center;margin: 30px auto;}
.textContainer { width: 1200px; margin: auto;}
.tablerow {display:flex;margin:30px auto;font-size:20px;}
.tablerow input, .tablerow select,.tablerow textarea{font-size: 20px;border:1px solid #ddd;width: 100%;padding:5px;background-color:#eee;}
.rowtitle { width:300px; }
.rowinput{width:900px;}
.itemtitle_tect {margin: 30px;font-size:20px;}
.itemtitle_tect li{list-style-type:none;}
.Option{margin:20px auto 20px 0px;display:flex;}
.Option span { margin-right: 20px; height: 40px; width: 120px; line-height: 40px; }
.Option a {border-radius: 5px; color: #fff; cursor: pointer;float: left;height: 40px; width: 120px; text-align: center;line-height: 40px; background-color: #205cc0; text-shadow: 0 1px rgba(0, 0, 0, 0.8), 0 3px 4px rgba(0, 0, 0, 0.2), 0 -2px 4px rgba(255, 255, 255, 0.2);    }
.Option a:active {  -moz-transform: scale(0.98);-ms-transform: scale(0.98); -webkit-transform: scale(0.98); transform: scale(0.98); }
.Option a:hover {background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }
.Option a:after { display: block; margin-top: 15px; }
.loginContainer{width:1200px;margin:auto; }
.login{margin:150px 350px;border:1px solid #d7d7d7;padding:20px;border-radius:15px;}
.login_title{text-align:center;font-size:30px;margin-bottom:40px; }
.login_content{display:flex;margin-bottom:20px;font-size:24px;}
.login_label{width:240px;text-align:right;}
.login_content input{border:1px solid #ddd;padding:5px;background-color:#eee;}
.ibutton {border-radius: 5px; color: #fff; cursor: pointer;float:left;height: 60px; width: 448px;font-size:24px; text-align: center;line-height: 40px; background-color: #205cc0; text-shadow: 0 1px rgba(0, 0, 0, 0.8), 0 3px 4px rgba(0, 0, 0, 0.2), 0 -2px 4px rgba(255, 255, 255, 0.2); margin: auto;   }
.ibutton:hover {background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }
.login_submit, .loginfoot {display: flex;}
.loginfoot{margin-top:30px;border-top:solid;border-top-width:1px;padding-top:10px;justify-content:space-around;}
.userContainer{width:1200px;margin:auto;}
.userinfo{display:flex;margin-top:40px;}
#userphoto{width:120px;height:120px;border-radius:60px;border:1px solid #ddd;overflow:clip;}
#userphoto img{width:100%;}
#usermessage{height:100px;font-size:24px;margin-left:40px;}
.userchannel { border-radius: 10px; border: 1px solid #ddd; margin-top: 30px; display: flex;justify-content:flex-start;flex-wrap: wrap; }
.channeldesc { text-align: center; width: 277px; height: 277px; text-align: center; margin: auto; border: 1px solid #ddd; font-size: 24px;  margin: 10px; }
.channelname{margin-top:100px;}
.opbar{display:flex;}
.opbar .btnblock,.ophead .opbtn{margin-right: 40px;font-size: 21px;}
.opbar{display:none;}
.ophead{display:flex;}
}


@media screen and (max-width:1200px) {
.container{display: flex;flex-direction: column;justify-content: flex-start;width:100vw;}
.container .head{width:100vw;height:8.2vw;background-color:#efefef;}
.container .head .logo{float:left;margin-left:7.5vw;}
.container .head .tel{float:right;margin-right:10vw;}
.container .head .logo img,.container .head .tel img {height:8.2vw;}
.container .nav{display: flex;justify-content: center;width:100vw;height:3.2vw;background-color:#9d1f21;margin-top:1px;}
.container .nav .menu{width:15vw;margin:auto 1vw;height:3.2vw;background-color:#9d1f21;color:#fff;text-align:center;line-height:3.2vw;font-size:1.5vw;}
.container .nav .menu:hover{font-weight:bold;}
.body .lunbo{width:100vw;}
.body .lunbo img{width:100vw;}
.body .board{display: flex;justify-content:flex-start;width:91vw;height:12.5vw; margin:-7.5vw auto auto auto;background-color:#9d1f21 ;z-index:99;position: relative;box-shadow:1px 1px 1vw #808080;}
.body .board .boardicon img{height:12.5vw;}
.body .board .boardinput,.body .board .boardbutton{margin-top: 4.5vw;}
.body .board .boardinput input{height:3vw;border-radius:0.75vw;border: 1px solid #bebebe;padding-left:1vw;font-size:1.5vw;margin-right:1vw;}
.body .board .boardinput img{height:3vw;border-radius:0.75vw;border: 1px solid #bebebe;}
.body .board .boardinput #bname,.body .board .boardinput #btel{width:15vw;}
.body .board .boardinput #bcode,.body .board .boardinput #imgRandom{width:7.5vw;margin-right:1vw;}
.body .board .boardbutton input{height:3vw;width:7.5vw;border-radius:0.75vw;border: 1px solid #bebebe;font-size:1.5vw;color:#9d1f21;}
.body .body1{background-image:url(/images/body1bg.png);background-size:100% auto; display: flex;justify-content:space-around;margin-top:-7.5vw;height:40vw;padding-left:4vw;padding-right:4vw;}
.body .body1 .ym {margin-top:18.75vw;-moz-box-shadow: 3px 3px 6px rgba(0,0,0,.4);-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,.4);box-shadow: 3px 3px 6px rgba(0,0,0,.4);height: 13.75vw;}
.body .body1 .ym:hover {-moz-box-shadow: 4px 4px 8px rgba(0,0,0,.6);-webkit-box-shadow: 4px 4px 8px rgba(0,0,0,.6);box-shadow: 4px 4px 8px rgba(0,0,0,.6);}
.body .body1 .ym img{width:21vw;}
.body .housebody {width:90vw;margin: 4vw auto;text-align: justify;}
.body .housebody  .atitle{text-align:center;font-size:4vw;color:#008cc9;line-height:7vw;margin:5vw auto;}
.body .housebody .acontent {font-size: 4vw;line-height:7vw;}
.body .housebody .newsrow{font-size: 4vw;line-height: 7vw;margin-bottom: 3vw;border-bottom: 1px dashed #666;}
.contentContainer { width: 90vw; margin: 4vw auto;text-align:justify;font-size:4vw;line-height:7vw;}
.newscontent{font-size:4vw;line-height:7vw;display: contents;}
.headContainer {height:10vw;width:100%;background-color: #fff;display:flex;}
.topbar {display: flex;align-items:center;justify-content: flex-start;flex-grow:1;}
.topbar .logo {height:7vw;width:25vw;}
.topbar .logo img{height:7vw;}
.topmenuicon {border: none;width: 10vw;height: 10vw;text-indent: -900em;overflow: hidden;cursor: pointer;outline: none; background:url(/images/menu-button-bg.png) no-repeat center center; background-size: 50%; }
.topmenu {z-index:100;}
.topmenubar{position: absolute;width: 36vw;right: 0px;background-color:#ddd;display:none;font-size:3vw;}
.topmenu .modelblock { width: 30vw; color: #000;font-weight: 600;line-height: 7vw; padding-left: 5vw; }
.topmenu .rightmenu {margin-bottom:4vw;}
.topmenu .leftmenu { margin-top: 3vw; }
.submodellist { color: #000; background-color: #ddd; }
.modelblock a{color:#000;}
.submodelblockitem {padding-left: 4vw;padding-right: 2vw;height: 7vw;line-height: 7vw;}
.submodelblockitem1 {padding-left: 7vw;padding-right: 2vw;height: 7vw;line-height: 7vw;font-weight:400;}
.right{text-align:center;}
.search {height: 5vw;width: 48vw;border: 1px solid #008cc9;border-radius: 1vw;display: inline-flex;overflow:clip;}
.searchbox input {float: left;display: inline;position: relative;width: 43vw;height: 5vw;margin-left: 0.5vw;border: 0;margin-top: 0.2vw; }
.searchbutton .searchbtn {border: 0;float: left;display: inline;width: 5vw;height: 5vw;background: #008cc9 url(/images/searchbg2.png) no-repeat 50% 50%;cursor: pointer;}
.language {display:none;}
.language select {float: right;display: inline;position: relative;width: 95px;height: 35px;border: 0;background-color: white;color: #008cc9;}
.main_visual{width:100vw;margin:auto; min-height:44.7vw;border-top:1px solid #d7d7d7;overflow:hidden;position:static;border-bottom: 1px solid #d7d7d7;}
.main_image{min-height:44.7vw;position:relative;width:100%;}
.main_image ul{width:10000vw;min-height:44.7vw;width:100%;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;min-height:44.7vw;}
.main_image li span{display:block;width:100%;min-height:44.7vw}
.main_image li a{display:block;width:100%;min-height:44.7vw}
.main_image li .img_1{}
.main_image li .img_2{}
.main_image li .img_3{}
.main_image li .img_4{}
.main_image li img {width: 100vw;height: 44.7vw;}
div.flicking_con{position:absolute;top:25vw;left:50%;z-index:999;width:22vw;height:2vw;margin:0 0 0 -5vw;}
div.flicking_con a{float:left;width:2vw;height:2vw;margin:0;padding:0;background:url('/images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-100vw}
div.flicking_con a.on{background-position:0 -2vw}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:none;width:10vw!important;height:10vw!important;top:50%;margin-top:-5vw;display:none;}
#btn_prev{background:url(/images/hover_left.png) no-repeat left top;left:4vw;}
#btn_next{background:url(/images/hover_right.png) no-repeat right top;right:8vw;}
.serviceContainer, .partnerContainer, .footer {margin-top: 2vw;}
.newsContainer{margin:4vw auto 4vw auto;}
.newstitle span,.servicetitle span,.partnertitle span{font-size: 2.4vw;}
.newschannel, .newscontent, .servicechannel {width: 90vw;margin: auto;display: flex;justify-content: space-between;}
.partnerchannel {width: 90vw;margin: auto;}
.newscontent {margin-top: 1vw;justify-content: flex-start;}
.newspic{margin-right:4vw;}
.newspic img{width:40vw;}
.newspictitle {color: #000;font-size: 3vw;text-align: center;line-height: 5vw;font-weight: 600;max-height: 10vw;overflow: hidden;}
.newstitle, .servicetitle, .partnertitle { color: #008cc9; font-size: 4vw;line-height: 6vw;}
.partnertitle {text-align:center;}
.newslisttitle {font-size: 3vw;line-height: 5vw;width: 48vw;overflow:hidden; height: 5vw; }
.newschannel .more {color: #6a6a6a;font-size: 2.4vw;line-height: 6vw;}
.serviceContainer {background-color: #f0f0f0;width: 100vw;margin: 2vw auto auto auto;}
.servicetitle{ margin-top:2vw ;}
.servicelist{ display: flex;flex-wrap: wrap;justify-content: flex-start;width:90vw;margin:auto;margin-top:1vw ;padding-bottom: 2vw;}
.serviceblock{width:44vw;margin:auto 0.5vw 0.5vw auto;background-color: #008cc9;border:1px solid #008cc9;}
.serviceblockname {width: 44vw;height: 46vw;text-align:center;}
.serviceblockpic {width: 44vw;height: 20.8vw;}
.serviceblockpic img{width: 44vw;height: 20.8vw;}
.blue {background-color: #6badd8;}
.blocktitle { font-size:3.2vw;color:#fff;line-height: 10vw;background-color:#fff; color:#000;}
.blocktriangle {margin-left:10vw;border-style: solid;border-width: 1.2vw 2.4vw 0vw 2.4vw;border-color: #fff transparent transparent transparent;width: 0px;height: 0px; }
.blockdesc { background-color: #008cc9; padding: 2.4vw;font-size: 2.2vw; color: #fff;letter-spacing:0px;text-align:justify;}
.partnerlist {display: flex;flex-wrap: wrap;justify-content:space-around;padding-bottom: 2vw;margin-top:1vw;}
.partnerimg{margin:2px;}
.partnerimg img{width: 16vw;height: 9.8vw;}
.footer .footer-icp {width: 100vw;text-align: center;margin: 3vw auto;font-size:1.8vw;}
.textContainer { width:90%; margin: auto;}
.tablerow {margin:3vw auto;font-size:4vw;}
.tablerow input, .tablerow select,.tablerow textarea{font-size:4vw;border:1px solid #ddd;width: 100%;padding:2vw;background-color:#eee;}
.rowtitle {margin-top:2vw;margin-bottom:2vw;}
.itemtitle_tect {margin: 3vw;font-size:4vw;}
.itemtitle_tect li{list-style-type:none;}
.Option{margin:2vw auto 2vw 0px;}
.Option span {margin-right: 2vw;display: flex;height:8vw;line-height:8vw; }
.Option { margin: 2vw auto 2vw 0; }
.Option span { margin-bottom: 4vw;}
.Option a { border-radius: 0.5vw; font-size:4vw;color: #fff; cursor: pointer;float: left; height: 8vw;width: 88vw; text-align: center; line-height: 8vw; background-color: #205cc0; text-shadow: 0 0.05vw rgba(0, 0, 0, 0.8), 0 0.3vw 0.4vw rgba(0, 0, 0, 0.2), 0 -0.2vw 0.4vw rgba(255, 255, 255, 0.2);  }

.Option a:active { -moz-transform: scale(0.98);  -ms-transform: scale(0.98);  -webkit-transform: scale(0.98); transform: scale(0.98); }
.Option a:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }
.Option a:after {display: block; margin-top: 1.5vw; }

.loginContainer{width:90%;margin:auto; }
.login{margin:30vw auto;border:1px solid #d7d7d7;padding:2vw;border-radius:1.5vw;}
.login_title{text-align:center;font-size:6vw;margin-bottom:4vw; }
.login_content{display:flex;margin-bottom:5vw;font-size:4vw;justify-content:center;}
.login_label{text-align:right;}
.login_content input{border:0.1vw solid #ddd;padding:1vw;background-color:#eee;}
.ibutton {border-radius: 0.5vw; color: #fff; cursor: pointer;float:left;height: 9vw; width: 76vw;font-size:4vw; text-align: center;line-height: 9vw; background-color: #205cc0; text-shadow: 0 1px rgba(0, 0, 0, 0.8), 0 3px 4px rgba(0, 0, 0, 0.2), 0 -2px 4px rgba(255, 255, 255, 0.2); margin: auto;   }
.ibutton:hover {background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }
.login_submit, .loginfoot {display: flex;}
.loginfoot{margin-top:3vw;border-top:solid;border-top-width:0.1vw;padding-top:1vw;justify-content:space-around;}

.userContainer{width:90%;margin:auto;}
.userinfo{display:flex;margin-top:6vw;}
#userphoto{width:12vw;height:12vw;border-radius:6vw;border:1px solid #ddd;overflow:clip;}
#userphoto img{width:100%;}
#usermessage{height:10vw;font-size:3vw;margin-left:4vw;}
.userchannel { border-radius: 1vw; border: 1px solid #ddd; margin-top: 3vw; display: flex;justify-content:flex-start;flex-wrap: wrap; }
.channeldesc { text-align: center; width: 26.8vw; height: 26.8vw; text-align: center; margin: auto; border: 1px solid #ddd; font-size:3vw;  margin: 1vw; }
.channelname{margin-top:10vw;}

.opbar{display:flex;}
.opbar .btnblock,.ophead .opbtn{margin-right: 4vw;font-size: 3vw;}
.opbar{display:none;}
.ophead{display:flex; border-bottom: 1px dashed #666; margin-bottom:2vw;padding-bottom:1vw;}
}