/*html {
        filter: grayscale(100%); 
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
        -webkit-filter: grayscale(1);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;
	
    }*/

/*通用*/
/*#cf1f2e;*/
.space_top_1{ padding-top:1em;}
.space_top_2{ padding-top: 2em;}
.space_top_3{ padding-top: 3em;}
.space_top_4{ padding-top: 4em;}
.space_memu{ padding-top:5em}
.c_red{color:#cf1f2e;}
.bg_red{ background: #cf1f2e;}/*rgba(207,31,46,0.5)*/
.bg_blue{background: #004b7f;}
.bg_yellow{background: #f0c219;}
.bg_grey{background: #999999;}

.w35{width:35%;}
.w65{width:65%;}
a.button0{background: #cf1f2e; padding: 0.8em 3.5em; color: #FFF; font-size: 1.8em; border-radius: 0 1em 0 1em}
a.button{border: 1px solid #FFF; border-radius: 0.3em; padding: 0.5em 0; font-size: 1.2em;width: auto; color: #FFF;}
a.button2{border-radius: 0.3em; padding: 0.8em 3em; font-size: 1.2em;width: auto; color: #FFF; background: #004b7f;}
a.button3{border: 1px solid #ddd; padding: 0.3em 1em;}
a.button3:hover{-moz-box-shadow:0 0 10px #ddd; -webkit-box-shadow:0 0 10px #ddd; box-shadow:0 0 10px #ddd;}

a.button:hover,a.button0:hover,a.button2:hover,input[type="submit"]:hover{-moz-box-shadow:0 0 16px #aaa; -webkit-box-shadow:0 0 16px #aaa; box-shadow:0 0 16px #aaa;}
.imagemask{height:100%;width:100%; background: rgba(0,0,0,0.6)}


.tab_class{width:100%; text-align: left; clear: both;overflow: hidden;}
.tab_class h4{background: #f0f0f0; padding: 0.5em 0 0.5em 1.5em; font-weight: bold; margin-top:1em;}
.tab_class ul{width:90%; padding-top: 1.5em;overflow: hidden}
.tab_class ul li{width:25%; float: left;font-size: 1.3em; padding: 0 0 0.2em 2em;}


@media screen and (max-width:760px){
	.imagemask{background: rgba(0,0,0,0.3)}
	.tab_class ul li{width:50%; }
	
}


.gotoback{width:5em; height:5em;  border-radius: 2.5em;display: block;clear: both; margin: 0 auto; background:  #DDD  url("../Images/icon_back.svg") center center no-repeat; background-size: 40% auto; opacity: 0.4; margin-bottom: 5em}
.gotoback:hover{ transform: rotate(-180deg); cursor: pointer}

.newstitle{ padding: 3em 5%; text-align: left}
.newstitle hr{border: 0; height: 2px;width:6%; background: #AAA;float: left;}
.newstitle h6{clear: both; line-height:2; opacity: 0.5}


.turnpage{width:100%; text-align: center; font-size: 1.4em; padding: 0 0 5em 0;}
.turnpage a{ padding: 0 1em;}
.turnpage a:hover,.turnpage a.active{background: #cf1f2e; color: #FFF;}
/*news*/
.newslist{overflow:hidden; padding-bottom: 5em;}
.newslist h3:hover,.newslist h4:hover{cursor: pointer;opacity: 0.5;}
.newslist li{background: #FFF; padding: 3em; overflow: hidden;margin-bottom: 3em;}

.newslist li .info{width:80%; float: left; padding: 0 2em 0 0;}
.newslist li .info h4{line-height: 1.2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-web-line-clamp:2;margin: 0.5em 30% 0.3em 0; }
.newslist li .info p{line-height: 1.5;overflow: hidden;margin: 0 10% 0 0; font-size: 1.2em;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newslist li img{float: right;width:20%;}

.newslist li.top .info{width:50%; float: left; padding: 0 2em 0 0;}
.newslist li.top .info h3{line-height: 1.2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-web-line-clamp:2;margin: 1em 20% 1em 0; height: 2.4em; min-height: 2.4em;}
.newslist li.top .info p{line-height: 1.6;overflow: hidden;margin: 0 10% 4em 0; font-size: 1.1em;
display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical; }
.newslist li.top img{float: right;width:50%;}

@media screen and (max-width:760px){
	.newslist li{padding: 2em;margin-bottom: 1em;}
	.newslist li.top img{float: right;width:100%;}
	.newslist li.top .info{width:100%;padding: 0;}
	.newslist li.top .info h3{margin: 1em 0 1em 0;}
	.newslist li.top .info p{margin: 0 0 4em 0; text-align: justify}
	
	.newslist li .info{width:65%; }
	.newslist li .info p{display: none}
	.newslist li .info .button3{display: none}
	.newslist li .info h4{margin: 0.5em 0 0.3em 0; font-size: 1.4em;}
	.newslist li img{float: right;width:35%;}
	
}


/*历史*/
.item_history{ padding-top: 3em; overflow: hidden;clear: both}
.item_history .title-item{ color: #cf1f2e;}
.item_history ul{ padding: 3em 17%; overflow: hidden;}
.item_history ul li{ margin-right: 1%;float: left;width:32.6666%;background: #f0f0f0; margin-bottom: 1%; padding-bottom:1.5em;}
.item_history ul li:nth-child(3n){margin-right:0;}
.item_history ul li h3{color: #000; font-weight: normal; font-size:5em; font-family: 'MinionPro-Regular','museo_slab_500'; padding: 0.2em 0 0 0.09em; line-height: 1; opacity: 0.2}
.item_history ul li p{text-align: justify; line-height: 2;font-size: 1.2em; color: #000000;padding: 0.2em 1em; height: 10em; opacity: 0.5}



@media screen and (max-width:760px){
	
	.item_history ul{ padding: 3em 0;}
	.item_history ul li:nth-child(3n){ margin-right: 1%;}
	.item_history ul li{ margin-right: 1%;width:49.5%;margin-bottom: 1%; }
	
	.item_history ul li:nth-child(2n){margin-right:0;}
	
}
	
.page_movie{ margin: 0 25%; clear: both;}
.page_movie p{text-align: center; font-size: 1.1em; line-height: 3;font-weight: 100;}

/*page_toptitle*/
.page_top{height:50em; background-size: 100% auto; text-align: center; color: #FFF;}
.page_top .imagemask{padding-top: 17em;}


.page_submenu{margin:2em 0; text-align: center; font-size: 1.3em;}
.page_submenu a{ margin: 0 1em 2em 1em;border-bottom:2px solid rgba(207,31,46,0); padding-bottom: 0.5em;}
.page_submenu a:hover,.page_submenu a.active{border-bottom:2px solid rgba(207,31,46,1);}

.page_box{ background: #FFF; min-height: 50em;width:100%; padding: 3em 0 2em 0; margin-bottom: 5em;overflow:auto}
.page_box .title-item{font-size: 90%; padding-bottom: 4em; overflow: hidden}
.page_box article { padding-left:17%; padding-right: 17%;}
.page_box article p img{}
.page_box article{}

@media screen and (max-width:760px){
	.page_movie{ margin: 0 10%;}
	.page_top{height:36em;}
	.page_top .imagemask{padding-top: 12em;}
	.page_submenu{margin:2em 5%;}
	.page_submenu a{margin: 0 1.5em 4em 0;white-space: nowrap; line-height: 2.5; padding-bottom: 0.3em;}
	.page_box{width:112%; margin-left: -6%;margin-bottom:0}
	.page_box article { padding-left:5%; padding-right: 5%;}
	
}
/*footer*/

.bottom{width:100%;margin-top: -18em;}
.bottom .bg_img{width:100%;background-size: 100% auto;height: 50em;}

.footer {background: #001f3e; padding: 2em 0 1em 0;}
.footer .bottom_logo{width:17%;float: left; padding:2em 2em 4em 0; border-right:1px solid rgba(150,105,76,0.5); cursor: pointer;}
.footer ul{width:62%; float: left; padding: 3em 1em 1em 2em;}
.footer ul li{ float: left;width:16%;}
.footer ul li:nth-child(2){width:18%;}
/*.footer ul li:nth-child(3),.footer ul li:nth-child(4){width: 19%;}*/
.footer ul li h6{ color: #FFF; margin-bottom: 1em;}
.footer ul li h6 a{color: #FFF;}
.footer ul li a{display: table; color: #96694c; line-height: 2.2; font-size: 1.1em;letter-spacing:0;}
.footer .weixin{width:10%;float: left; padding-top: 3em;color: #FFF; text-align: center;white-space:nowrap}
.footer .xiaochengxu{width:10%;float: right;padding-top: 3em;color: #FFF;  text-align: center;white-space:nowrap}
.footer .xiaochengxu img{width: 85%;}
.footer .weixin img{width: 85%;}
.footer .copyright{clear: both; color: #96694c; text-align: center; font-size: 1.2em;}
.footer .copyright a{color: #96694c;}
.footer a:hover{ opacity: 0.7}

@media screen and (max-width:760px){
	.bottom{margin-top: -10em;}
	.bottom .bg_img{height: 30em;}
	.footer {padding: 4em 0 2em 0;}
	.footer ul{display: none}
	.footer .weixin{width:50%; clear: both;text-align: right;padding-right: 1em}
	.footer .weixin img{width: 50%;}
	.footer .xiaochengxu{width:50%;text-align: left;padding-left: 1em}
	.footer .xiaochengxu img{width: 50%;}
	.footer .bottom_logo{width:100%;border:0;padding:0}
	.footer .bottom_logo img{width:40%; margin: 0 30%;}
	.footer .copyright a{clear: both;display: table;width:100%}
}

/*首页*/
.home_signup{height: 28em;width:100%; }
.home_signup .box_text{text-align: center; padding: 4em 3em; height: 28em; color: #FFF; overflow: hidden;}
.home_signup .box_text dd{width:7em; margin: 0 auto; padding-bottom: 2em;}
.home_signup .box_text hr{ border: 0; height: 1px; background: #929292;}
.home_signup .box_info{background: #FFF;height: 28em;}
.home_signup .box_info form{width:70%; margin: 3em auto; text-align: center; color: #6a6a6a;font-size: 1.2em;}
.home_signup .box_info form input[type="text"],.home_signup .box_info form input[type="number"]{width:47%; margin-right: 6%; float: left; margin-bottom: 1em; }
.home_signup .box_info form .born{width:47%;float: left; margin-bottom: 1em;text-align: left}
.home_signup .box_info form .born select{border: 2px solid #e7e7e7;font-size: 1.2em;height: 2.4em;width: 32%; padding-left: 0.5em}
.home_signup .box_info form input[type="text"]:nth-child(4){margin-right: 0;}
.home_signup .box_info form input[type="submit"]{ margin-top: 1em;}
.home_signup .box_info form a{padding: 0 0.5em}

@media screen and (max-width:760px){
	.home_signup .box_text,.home_signup .box_info{width:100%}
	.home_signup .box_info{height: 41em;}
	.home_signup .box_info form input[type="text"]{width:100%;}
	.home_signup .box_info form input[type="submit"]{width:100%}
	.home_signup .box_info form .born{width:100%;}
	
}


.home_class{ padding: 0 0 12em 0; background: url("../Upload/Home/home_file_bg.png") center bottom no-repeat; background-size: 100% auto;}

.home_files{ clear: both; padding-bottom: 20em; margin-bottom: 20em}
.home_files dd{width:7em; margin: 0 auto; margin-top: -5em}
.home_files .box_info{color: #FFF;text-align: center;height: 25em;padding:4em 0 2em 0; position: relative;}
.home_files .box_info h5{padding-bottom: 3em}
.home_files .box_text{background: #FFF;height: 25em;padding:4em 0 3em 0;position:relative; line-height: 2;}
.home_files .box_text ul{text-align: center; margin-bottom: 3em; overflow: hidden}

.home_files .box_text ul li:nth-child(1){width:50%; float: left;border-right:1px solid #000;}
.home_files .box_text ul li:nth-child(2){width:40%; float: left; margin-right: 10%;}

.home_files h6{position: absolute; top:13em;padding: 0 4em;text-align: justify}

@media screen and (max-width:760px){
	.home_class{ padding: 0;background:none;}
	.home_files .box_info,.home_files .box_text{width:100%}
	.home_files .box_text{height: auto; overflow: hidden}
	.home_files .box_text ul li h3{font-size: 1.5em}
	.home_files .box_text ul li:nth-child(1){width:55%; float: left;margin-right: 5%;}
	.home_files .box_text ul li:nth-child(2){width:32%; float: left;margin-right:0;}
	
	.home_files h6{position:relative; bottom:0;padding: 0 3em; clear:both}
	
}
/**/
.home_courses ul{ overflow: hidden; margin-bottom: 3em}
.home_courses>ul li{width:100%; height: 25em; margin-bottom: 2em;}
.home_courses>ul li>.box_info{text-align: center;color: #FFF; padding: 3em 1em 2em 1em;height: 25em;position: relative;}
.home_courses>ul li:nth-child(3)>.box_info{ color: #004b7f}
.home_courses>ul li:nth-child(3) a.button{ color: #004b7f;border: 1px solid #004b7f;}
.home_courses>ul li>.box_info a{position: absolute; bottom:0;left: 0; margin: 0 35% 2em 35%;width:30%;}
.home_courses>ul li .box_image{height: 25em;}
.home_courses>ul li .box_image{background-size:auto 100%;position: relative;}
.home_courses>ul li .box_image .mask{height: 25em;color: #FFF;
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.1) 50%,rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.1) 50%,rgba(0, 0, 0, 0) 100%);}
.home_courses>ul li .box_image .mask .box_info{position: absolute;bottom:2em;padding: 2em 2em 0 2em;}
.home_courses>ul li .box_image .mask .box_info hr{width:4em; border: 0;height: 3px; background: #f0c219;left: 0;margin: 2em 0 2em 0;}
.home_courses>ul li:nth-child(3) .box_image .mask .box_info{padding-bottom:0;}

@media screen and (max-width:760px){
	.home_courses ul{margin-bottom: 0}
	.home_courses>ul li>.box_info{width:100%;float: left;height: 25em;}
	.home_courses>ul li .box_image{height: 30em;width:100%;float: left}
	.home_courses>ul li{width:100%; height: 55em;}
	.home_courses>ul li .box_image .mask{height: 30em;}
}

/*背景固定交互*/
.home_bg{background: url("../Upload/Home/bg.jpg") no-repeat center center; background-size: 100% auto; position:fixed; z-index: -1; top:0; left: 0;width:100%;height: 100%;}

.home_page_up{background: #f0f0f0;padding-bottom: 25em;}
.home_page_down{background: #f0f0f0; clear: both; padding-top: 5em; overflow: hidden;}

.bg_window{height:35em;width:100%; color: #FFF; background: rgba(0,0,0,0.4)}
.bg_window li:nth-child(1){width:35%;float: left;padding-top: 9em}
.bg_window li:nth-child(2){width:65%;float: left; height: 28em;position: relative;}
.bg_window li:nth-child(2) p{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); font-size: 1.3em; line-height: 2; /*text-indent: 2.2em; */text-align: justify}

/*标题信息*/
.title-item{ text-align: center; margin: 2em 0; clear: both;}
.title-item h2{ line-height:1;}
.title-item hr{width:20%; background: #d1d1d1;height: 1px; border: 0; margin: 1em auto;}
.title-item p{width:30%; margin: 0 auto; font-size: 1.3em; line-height:1.6;}



@media screen and (max-width:760px){
	.home_bg{background: url("../Upload/Home/bg-m.jpg") no-repeat center bottom; background-size: auto 100%; position:fixed; z-index: -1; top:0; left: 0;width:100%;height: 100%;}
	
	.title-item p{width:90%; margin-left: 5%;}
	.home_page_up{ padding-bottom: 5em}
	.bg_window{height: 100%; overflow: hidden}
	.bg_window li:nth-child(1){width:100%;padding-top: 4em; text-align: center; padding-bottom: 4em}
	.bg_window li:nth-child(2){width:100%;height: auto; padding-bottom: 4em}
	.bg_window li:nth-child(2) p{position:relative;top: 0;-webkit-transform: translateY(0);-ms-transform: translateY(-50%);-o-transform: translateY(0);transform: translateY(0); }
	
}

/*首页理念板块*/
.home_philosophy{ padding: 0 0 4em 0;overflow: hidden;}

.page_box .home_philosophy{ padding: 4em 0 0 0;clear:both;background: #f0f0f0;}

.home_page_up .home_philosophy{overflow:inherit}

.home_philosophy h1{line-height: 1; padding-top: 0.4em;}
.home_philosophy li{ background:#FFF; text-align: center; padding-bottom: 2em;}
.home_philosophy li h6{overflow: hidden;text-overflow: ellipsis;/*display: -webkit-box;*/-web-line-clamp:2;width:64%; margin: 1em 18% 0 18%; height: 3em; min-height: 3em;}

.home_class .home_philosophy h5:nth-child(2){ padding-top: 1em;}
.home_class .home_philosophy p{ margin:2em; font-size: 1.2em; text-align: justify; opacity: 0.6;overflow:hidden;margin-bottom: 2em;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break : normal}
.home_class .home_philosophy li{padding-bottom: 3em}

@media screen and (max-width:760px){
	.home_philosophy{margin-top: 4em;}
	.page_box .home_philosophy{ padding: 2em 5.5% 0 5.5%}
	.page_box .home_philosophy li{margin-bottom: 2em;}
	.home_philosophy li{width:100%;}
	.home_philosophy li h6{width:80%;margin: 1em 10% 0 10%; text-align: center;display:block;}
	
	.home_philosophy .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
	
	.home_philosophy .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{color:#000; padding-top: 5em;}
	.home_philosophy .swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after{color:#000;padding-top: 5em;}
	
}
/*index-movie*/

.index-movie-mask{width:100%; height:15em; background:url("../Images/index-movie-mask.png") no-repeat bottom; background-size: 100% auto; position: absolute; margin-top: -13em; z-index: 2;}

.index-slide-mask{width:100%; height:15em; background:url("../Images/index-slide-mask.png") no-repeat bottom; background-size: 100% auto; position: absolute; margin-top: -13em; z-index: 2;}

.index_slide_info{position: absolute;width:100%; margin-top: 12em; z-index: 4; padding-top: 2em; opacity: 1;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;transition: all 1s ease 0s;display: none; color: #FFF;mix-blend-mode:difference; }
.index_slide_info h1{font-weight: 100;line-height: 1.5; font-size: 2.4em; margin-bottom:1em;mix-blend-mode:difference; display: none}
.index_slide_info a{ display: none;}

/*header*/
.header{ background:rgba(255,255,255,1.00); height: 7.5em;position: fixed;z-index: 125;width:100%;}
.header .logo{width:15%;float: left;position: relative;cursor:pointer;}
.header .logo>img{width:70%;position: absolute; z-index: 10;}

@media screen and (max-width:760px){
	.index-movie{ display: none}
	.header{height:5em}
	.header .logo{width:25%;}
	.header .logo>img{width:100%;position: absolute; z-index: 10;}
	.index_slide_info{display: block}
	.swiper-container-slide-mobile{height: 500px; margin-top: 5em}
}

/* presentational */
.menu{width:80%;float: right;z-index: 5; padding-top:2em}
.menu a {font-size: 1.4em;white-space:nowrap;}
.menu>ul>li>a{}
.menu a:hover {}
.menu ul,
.menu ul li { list-style-type: none; padding: 0; margin: 0; }
.menu > ul { display: flex; justify-content: space-between;flex-wrap: wrap;}
.menu > ul > li { display: inline-block;  text-align: left;flex:1;margin-top: 3rem}
.menu > ul > li:nth-last-child(1){margin-top: 0.5rem;;}
.menu > ul > li a{text-align: left}
.menu > ul > li a>span{height: 2px;width:100%;border-bottom:2px solid rgba(207,31,46,0);padding-bottom: 1em;}
.menu > ul > li a.active span{border-bottom:2px solid rgba(207,31,46,1);}
.menu > ul > li:hover a>span{border-bottom:2px solid rgba(207,31,46,1);}
.menu > ul > li:hover span{opacity: 0.5}
.lang{width:6.5%;float: right;font-size: 1.2em; line-height:5.2em; padding-top: 2em; text-align: right;}
.lang a{padding: 1px 9px;}
.lang .active{background: #cf1f2e;color: #FFF;}
input[type="text"].search_input{border: 0; border-bottom: 1px solid #FFF; font-size: 1.2em; margin-top: 1.6em;padding: 0; width:2em; background: url("../Images/ICON/icon_search.svg") left center no-repeat;background-size: auto 60% ; -webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;transition: all 1s ease 0s;}
input[type="text"].search_input:hover{-moz-box-shadow:0 0 0 #ddd; -webkit-box-shadow:0 0 0 #ddd; box-shadow:0 0 0 #ddd;width:15em;border-bottom: 1px solid #aaa; padding-left: 2em;}

.header .tel{    position: absolute;right: 4em;font-size: 2em; width: 20em;text-align: right;line-height: 2.4;}
.submitnow{position: absolute;font-size: 1.2em;line-height:4;width:6em; text-align: right;top:0;z-index: 10;right:0;}
.submitnow a{background: #cf1f2e; padding: 0.2em 0.6em; color: #FFF; font-size: 1em}
.submitnow a:hover{box-shadow:0 0 6px #aaa}


@media screen and (max-width:760px){

	.menu{display: none}
	.header .lang{display: none}
}

.sub-menu-parent { position: relative; }

.sub-menu { white-space:nowrap;
  visibility: hidden; /* hides sub-menu */
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  transform: translateY(-2em);
  z-index: -1;
  transition: all 0.2s ease-in-out 0s, visibility 0s linear 0.2s, z-index 0s linear 0.01s;
}

.sub-menu-parent:focus .sub-menu,
.sub-menu-parent:focus-within .sub-menu,
.sub-menu-parent:hover .sub-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.sub-menu {background:none;}
.sub-menu li:hover a{-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; color: #cf1f2e;}
.sub-menu a{color: #000; line-height:2.5;font-weight:100; font-size: 1.25em;}
.sub-menu li:nth-child(1){ padding-top: 1.5em;}

.comingsoon{position: fixed;width:100%; height: 100vh; background:#FFF; z-index: 999; text-align: center}

.comingsoon .mainbox{}



.submitbox{background: #cf1f2e;width:100%; overflow: hidden;margin-top: -3em; color: #FFf; padding: 2em 10% 2em 10%;}
.submitbox .bigtitle{width:40%;float: left}
.submitbox .bigtitle h4{clear: both;width: 10em}
.submitbox .bigtitle hr{border: 0; height: 1px;width:13em; background: #FFF;float: left;}
.submitbox>ul{float: right;width:60%; font-size: 5em; padding: 0.2em 0}
.submitbox>ul li{float: left; padding: 0 0.3em;float: right;opacity: 0.3;}
.submitbox>ul li.active{opacity: 1}

.sendcode{width: 140px;position: absolute;right: 0}
.sendcode input{width: 120px;margin: 1.2rem 0;background: #cf1f2e; color: #FFF;border-radius: 0.2em;line-height: 3rem;height:3rem;font-size: 1.5rem;}


.submitinput{padding: 2em 20% 4em 20%; font-size: 1.5em;}
.submitinput>h5{padding-bottom: 3rem;}
.submitinput li {width:100%; clear: both; min-height: 4em;position: relative}
.submitinput li label{float: left; padding-left: 1em;position: absolute;font-size: 0.7em; margin-top: -0.8em; background: #FFF;height: 1.4em; padding-right: 1em; width: auto;overflow: hidden;z-index: 2; margin-left: 0.5em;color: #AAAAAA;border-radius: 10px}
.submitinput li input[type="text"]{float: right;width:100%;line-height:2em;text-align: left;font-size:1em; height: 3em;}
.submitinput li textarea{width:100%;line-height:2em;text-align: left;font-size:1em;border: 2px solid #e7e7e7; margin-bottom: 1em}
.submitinput li input[type="radio"]{}
.submitinput label.must{ background:#FFF url("../Images/ICON/icon_star.png") left center no-repeat; background-size: 10px 10px}
.bottomop>p{font-size: 0.6em; float:left;width:100%;display: block; margin-bottom: 2em; padding-left: 1em}
.bottomop>p>span{font-size: 2em; position: absolute; margin-left: -0.7em}
.bottomop input[type="submit"]{font-size: 1em; padding: 0.5em 3em;}

.submitinput li select{font-size:1em;height: 3em;float: right;width:100%; padding-left: 1em; padding-right: 1em}
.submittitle{padding-left: 1em; font-weight: bold;}

.floatingwindow{width:80px;border-radius:0.7em; background:none;position: fixed;top:30em;right:0;z-index: 900;box-shadow:0 0 6px #aaa}
.floatingwindow ul li dd{cursor:pointer;}
.floatingwindow ul li dd p{line-height: 1;margin-top:10px;}
.floatingwindow ul li dd img{width:2em;}
.floatingwindow ul li dd{background:#cf1f2e;text-align: center;width:80px; color: #FFF;float: left; height: 80px; padding-top: 20px}
.floatingwindow ul li dd a{color: #FFF;}
/*.floatingwindow ul li:nth-child(1)>dd{border-radius: 0.7em 0.7em 0  0 ;}*/
.floatingwindow ul li:nth-child(1)>dd{border-top-left-radius: 0.7em;border-top-right-radius: 0.7em}

.floatingwindow ul li dd{ border-bottom: 1px solid #f36279}
/*.floatingwindow ul li:nth-last-child(1)>dd{border-radius:  0 0 0.7em  0.7em;border-bottom:0;}*/
.floatingwindow ul li:nth-last-child(1)>dd{border-bottom:0;border-bottom-left-radius: 0.7em;border-bottom-right-radius: 0.7em}
.dateinput{border: 2px solid #e7e7e7;font-size: 1em; height: 3em; padding-left: 1em;}
.otherinput{font-size: 1em; /*height: 3em; line-height: 3em;*/ padding:1em 0;}
.otherinput li{width:33%;float: left; clear: none; min-height:auto; padding-bottom:0.5rem;}
.otherinput li:nth-last-child(1){padding-bottom: 3rem;}


@media screen and (max-width:760px){
	.floatingwindow{width:65px;}
	.floatingwindow ul li>dd{width:65px;height: 65px; padding-top: 15px}
	.submitbox .bigtitle{width:100%;}
	.submitbox .bigtitle h4{width: auto}
	.submitbox .bigtitle hr{width:100%; }
	.submitbox>ul{float: left;width:100%;font-size: 3em; padding-top: 1em}
	.submitinput{padding: 2em 5% 2em 5%; font-size: 1.5em}
	.submitinput li {width:100%; clear: both; margin-bottom: 1em;}
	.dateinput{width:49%; padding-left: 0.5em;}
	.submitinput li select{float: right;width:100%; padding-left:0.5em;}
	
	.sendcode{width: 100px;}
	.sendcode input{width: 90px;margin: 1rem 0;line-height:2.5rem;height:2.5rem;font-size: 1.2rem;}

	
}

.popup{ display: none; text-align: center; padding: 2em 6em 6em 6em; overflow: hidden}
.popup img{ width:100%;}

#popup_xieyi{font-size: 1.1em; text-align: left; line-height: 2;}
#popup_xieyi h4{ text-align: center; line-height: 3;}
@media screen and (max-width:760px){
	.popup{ padding: 2em 2em 4em 2em; }
	}

.smallfont{font-size: 0.7em}

.supertitle{ padding-top:15%; text-align: center;font-size: 30em; font-weight: bold}