/* CSS Document */
*, a{ margin: 0px; padding: 0px; font-family: "微软雅黑"; text-decoration: none; border: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline: none;}
body{ background-repeat: no-repeat; background-position: center center; background-attachment: fixed;}
ul,li{ list-style-type: none; }
.fill_button{ float: left; width: 100%; height: 63px; }
null{ float: left; width: 100%; height: 300px; line-height: 300px; font-size: 50px; color: #CCCCCC; font-weight: bold; letter-spacing: 1px; text-align: center; }
.outland{ float: left; width: 100%; height: 100%; clear: both; overflow: hidden; }
#dowebok .section{background-repeat: no-repeat; background-position: center center; background-size:130% auto;}
more{ float: left; width: 100%; height: 45px; text-align: center; font-size: 18px;}
more a{color: #414b4f; padding: 10px 10px 10px 25px; background-image: url(/img/more.png); background-repeat: no-repeat; background-size: 20px auto; background-position: left center; }
more a:hover{color: #333333;}
/*电脑版翻页*/
.page { width: 100%; float: left; text-align: center; margin-top: 20px; margin-bottom: 30px; clear: both; }
.page a { text-align: center; color: #666; font-size: 14px; border: 1px solid #8862AB; margin-right: 5px; margin-left: 5px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
.page a:hover { background-color: #8862AB; color: rgba(255,255,255,1); }
.page .on { color: #FFF; background-color: #8862AB; }
.page a:last-child{ border-right-width: 1px; border-right-style: solid; border-right-color: #8862AB; }

/*导航*/
@media screen and (min-width: 1000px) {
body{background-size:100% 100;}
.top_news{display:block;}
main:nth-of-type(2){display:none;}
header:nth-of-type(1){ display:block;}
header:nth-of-type(2){ display:none;}
header .whole:nth-of-type(1){ background-color: rgba(255,255,255,.0);}
header{ left: 0px; top: 35px; background-color: #FFFFFF; float: left; width: 100%;}
header .whole{position: relative; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);}
header .within{ width: 1300px; margin-right: auto; margin-left: auto; }
header .within .logo{float:left; width:169px;}
header .within .logo img{width:100%}
header .nav{ height: 40px; float: right; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }  
header .nav ul{ list-style: none; float: left; }
header .nav ul .vertical{position: relative;} 
header .nav ul li{ float: left; text-align: center; }
header .nav ul li a{ text-decoration: none; display: block; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; font-size: 15px; line-height: 96px; color: #000000; height: 93px; padding-top: 0px; margin-bottom: 3px; transition: 0.3s; letter-spacing: 0.4px; }  
header .nav ul li .on{ color: #513F73; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #513F73; margin-bottom: 3px; }
header .nav ul li a:hover{ color:#513F73; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #493061; margin-bottom: 3px; }  
header .nav ul li ul{ display: none; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2); background-color: rgba(255,255,255,0.7); border-top-width: 3px; border-top-style: solid; border-top-color: #513F73; position: absolute; top: 92.8px; float: left; width: 100%; left: 0px; z-index: 99999; }  
header .nav ul li ul li{ float: none; text-align: left; color: #000000; padding: 0px; }  
header .nav ul li ul li a{ width: 100%; text-align: center; clear: both; height: 35px; line-height: 35px; font-size: 12px; color: #493061; padding: 0px; margin-bottom: 0px; transition: 0.3s; }  
header .nav ul li ul li a:hover{ background-color: #513F73; border-bottom-width: 0px; margin-bottom: 0px; color: rgba(255,255,255,1); }  
header .nav ul li:hover ul{ display: block;}
header .nav ul li ul .heng{ width: 1000px; margin-right: auto; margin-left: auto; }
header .nav ul li ul .heng li{ float: left; }
header .nav ul li ul .heng li a{ float: left; margin-right: 10px; margin-left: 10px; }
.banner .roll li a{background-size:100% auto;}
.banner .prev,.banner .next{ width: 60px; height: 100px;}
.banner .prev{background-position: 12px 0px; }
.banner .prev:hover{background-position: 12px -100px;}
.banner .next{left: auto; background-position: -53px 0px; right: 0px; }
.banner .next:hover{background-position: -53px -100px;}
.notice{ border: 1px solid #FF0000; }
.ad{ display:none;}
.pcad{ float: left; height: 500px; width: 100%; background-repeat: no-repeat; background-position: center center; }
.webfill_top{ float: left; width: 100%; height: 96px; }
.wapfill_top{ display:none;}
.wap{ display:none;}
.title{margin-top: 30px; margin-bottom: 30px;}
.button{ float: left; width: 9.8%; margin-right: 45%; margin-left: 45%; line-height: 50px; color: #FFFFFF; height: 50px; font-size: 16px; text-align: center; border-radius: 6px; background-color: #AA8EBD; }
.whole{ width: 100%; float: left;}
.whole .district{ width: 98%; margin-right: auto; margin-left: auto; }
.whole .inside{ float: left; width: 100%;}
.whole .double a{ float: left; width: 31.33%; margin-right: 1%; margin-left: 1%; height: 252px; overflow: hidden; margin-bottom: 2%; position: relative;}
.whole .double a p{ visibility: hidden; float: left; width: 90%; top: 0px; font-size: 20px; color: #FFFFFF; text-align: center; overflow: hidden; transition: 0.5s; padding-right: 5%; padding-left: 5%; height: 100%; display:flex; justify-content:center; align-items:center;}
.whole .double a:hover p{ background-color: rgba(0,0,0,.5); position: absolute; visibility: inherit; }
.whole .region{ float: left; width: 23%; position: relative; height: 220px; overflow: hidden; margin-bottom: 2%; margin-right: 1%; margin-left: 1%;}
.whole .region dl{padding-top: 3%; padding-bottom: 3%;}
.whole .region dl dd{ float: left; width: 76%; margin-right: 10%; margin-left: 10%; padding: 2%; border: 1px solid #CCCCCC; font-size: 16px; color: #FFFFFF; overflow: hidden; line-height: 27px; border-radius: 6px; height: 36%; display: flex; justify-content: center; align-items: top; }
.whole .region dl dt{ height: 30%; font-size: 20px; color: rgba(255,255,255,1); display:flex; justify-content:center; align-items:center;}
.whole .region dl a{ color: #CCCCCC; font-size: 14px; height: 30%; display:flex; justify-content:center; align-items:center;}
.whole .region p{ background-color: rgba(0,0,0,.2); position: absolute; float: left; width: 100%; top: 0px; font-size: 14px; line-height: 18px; color: #FFFFFF; text-align: center; height: 100%; overflow: hidden; background-image: url(../img/video.png); background-repeat: no-repeat; background-position: center center; background-size:120px 120px;}
.whole .bigimg a{ float: left; width: 24%; height: 250px; position: relative; overflow: hidden; margin-bottom: 10px; margin-bottom: 1%; margin-right: 0.5%; margin-left: 0.5%;}
.whole .fillet a{ width:19%; height:225px;}
.news .tab_class {display: block; }
.news .tab_lists a{width:23%;}
/*新闻详细页*/
.news_title{ float: left; width: 60%; padding-right: 20%; padding-left: 20%; margin-top: 50px; }
.news_title txt{ font-size: 28px; line-height: 28px; color: #000000; float: left; width: 100%; }
.news_title p, .news_title a{ float: left; width: 50%; height: 45px; font-size: 16px; color: #999999; line-height: 45px; }
.news_title a{ text-align: right;}
.news_title a:hover{ color: #993399 }
.news_content{ float: left; width: 60%; overflow: hidden; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; border-top-width: 1px; border-top-style: solid; border-top-color: #666666; margin-right: 20%; margin-left: 20%; padding-top: 20px; padding-bottom: 20px; margin-top: 10px; }
.news_content img{max-width:100%;}
/*分享代码*/
.share{ float: left; width: 60%; margin-right: 20%; margin-left: 20%; margin-top: 20px; margin-bottom: 20px;}
.share span{ float: right; }
/*留边版*/
.fine_content{ float: left; width: 90%; overflow: hidden; padding-right: 5%; padding-left: 5%; background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; }
.fine_content img{width: 100%; clear: both;}
.fine_content iframe{width:100%; height:500px;}
/*不留边*/
.fine_contents{ float: left; width: 100%; overflow: hidden; background-color: #FFFFFF; }
.fine_contents img{width: 100%; clear: both;}
.fine_contents iframe{width:800; height:480px;}
/*电脑版翻页*/
.page { width: 100%; float: left; text-align: center; margin-top: 20px; margin-bottom: 30px; clear: both; }
.page a { text-align: center; color: #666; font-size: 14px; border: 1px solid #8862AB; margin-right: 5px; margin-left: 5px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
.page a:hover { background-color: #8862AB; color: rgba(255,255,255,1); }
.page .on { color: #FFF; background-color: #8862AB; }
.page a:last-child{ border-right-width: 1px; border-right-style: solid; border-right-color: #8862AB; }
.abroad .signup{ width: 1200px; margin-right: auto; margin-left: auto; }
.abroad .signup .within{ float: left; width: 100%; background-color: #865FA2; margin-top: 50px; }
.abroad .signup .within .right{ float: left; width: 50%; }
.abroad .signup .within .right form{ float: left; width: 300px; background-color: #FFFFFF; margin-top: 30px; margin-left: 20%; padding: 30px; margin-bottom: 30px; border-radius:5px;}
.abroad .signup .within .right form p{ float: left; height: 25px; width: 100%; font-size: 14px; line-height: 25px; color: #FF0000; }
.abroad .signup .within .right form select{ float: left; width: 100%; height: 45px; line-height: 45px; font-size: 16px; letter-spacing: 2px; margin-top: 25px; border: 1px solid #CCCCCC; padding: 5px; }
.abroad .signup .within .right form input{ float: left; height: 45px; width: 100%; letter-spacing: 2px; font-size: 16px; line-height: 45px; border: 1px solid #CCCCCC; padding: 5px; }
.ending{ display:none;}/*隐藏手机端底部信息*/
.bottom{ display:none;}/*隐藏手机端底部*/
footer .bottom{display:block;}
.fill_top{display:none;}
.fill_button{display:none;}
.bottom a{ color: #FFFFFF;}
}
@media screen and (max-width:1000px){
body{background-size: auto 100%;}
select,input{-webkit-appearance:none;}
.top_news{display:none;}
main:nth-of-type(1){display:none;}
header:nth-of-type(1){ display:none;}
header:nth-of-type(2){ display:block;}
/*导航*/
header{ float: left; width: 100%; z-index: 9999; top: 0px; position: absolute; }
header .navwap{ float: left; width: 100%; background-color: rgba(255,255,255,.8); padding-top: 5px; padding-bottom: 5px; }
header .navwap dl{ float: left; width: 80%; color: #8862AB; font-weight: bold; text-align: right; height: 61px; font-size: 18px; line-height: 61px; padding-right: 20%; }
header .navwap dt{ float: left; width: 100px; position: absolute; padding-left: 3%; }
header .navwap dt img{ width: 100%; }
header .navwap dd{ position: absolute; background-repeat: no-repeat; background-position: right top; background-size: 50px 50px; right: 0px; float: left; font-size: 12px; color: #FF0000; line-height: 12px; padding-top: 50px; margin-right: 1%; }
header .mobilenav { width: 100%; overflow: hidden; position: relative; z-index: 99999; box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.2); background-color: rgba(255,255,255,.8); float: left; }
header .mobilenav .scroller ul:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
header .mobilenav .scroller ul{*zoom:1; height: 40px; float: left; position: relative; }
header .mobilenav .scroller li { float: left; text-align: center ;}
header .mobilenav .scroller li a{ color: #8862AB; display: block; margin:0 .3rem; height: 100%; font-size: 14px; line-height: 40px; }
header .mobilenav p{ width: 20px; height: 100%; color: #666666; font-size: 18px; line-height: 40px; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; z-index: 999; }
header .mobilenav p:nth-child(1){ left: 0px; top: 0px; background-image: url(../images/img/zuo.png); }
header .mobilenav p:nth-child(2){ right: 0px; top: 0px; background-image: url(../images/img/you.png);}
header .mobilenav .scroller li.cur a{color:#8862AB;}
.banner{background-size:200px auto;}
.banner .roll li a{background-size:auto 100%;}
.banner .prev,.banner .next{ width: 30px; height: 60px; background-size:60px 110px;}
.banner .prev{background-position: 0px 4px; }
.banner .next{left: auto; background-position: -31px 4px; right: 0px; }
.ad{ float: left; height:100%; width: 100%; background-repeat: no-repeat; background-position: center center; }
.pcad{ display:none;}
.wapfill_top{ float: left; width: 100%; height: 110px; }
.webfill_top{ display:none;}
.web{ display:none;}
.title {margin-top: 20px; margin-bottom: 20px;}
.button{ float: left; width: 29.8%; margin-right: 35%; margin-left: 35%; line-height: 35px; color: #FFFFFF; height: 35px; font-size: 14px; text-align: center; border-radius: 6px; background-color: #AA8EBD; }
.whole{ float: left; width: 100%; }
.whole .region{ float: left; width: 100%; position: relative; height: 250px; overflow: hidden; margin-bottom: 10px; }
.whole .double a{ float: left; width: 46%; margin-right: 2%; margin-left: 2%; height: 120px; overflow: hidden; margin-bottom: 10px; position: relative; }
.whole .double a p{ background-color: rgba(0,0,0,.5); position: absolute; float: left; width: 90%; margin-top: 10px; margin-bottom: 10px; top: 0px; padding-right: 5%; padding-left: 5%; font-size: 14px; line-height: 18px; color: #FFFFFF; text-align: center; padding-top: 35px; padding-bottom: 45px; height: 20px; overflow: hidden; }
.whole .region dl dd{ float: left; width: 76%; margin-right: 10%; margin-left: 10%; padding: 2%; border: 1px solid #999999; font-size: 14px; color: #FFFFFF; overflow: hidden; max-height: 72px; line-height: 25px; border-radius: 6px; }
.whole .region dl dt{ height: 45px; font-size: 18px; line-height: 45px; color: rgba(255,255,255,1); padding-top: 8px; padding-bottom: 8px;}
.whole .region dl a{ color: #CCCCCC; margin-top: 5%; font-size: 14px; line-height: 20px; height: 20px; }
.whole .region p{ background-color: rgba(0,0,0,.2); position: absolute; float: left; width: 100%; top: 0px; font-size: 14px; line-height: 18px; color: #FFFFFF; text-align: center; height: 100%; overflow: hidden; background-image: url(../img/video.png); background-repeat: no-repeat; background-position: center center; background-size:120px 120px;}
.whole .bigimg a{ float: left; width: 100%; height: 250px; position: relative; overflow: hidden; margin-bottom: 10px; }
.whole .fillet a{ width:48%; height:100px;}
.news .tab_class {display: none;}
.news .tab_lists a{width:98%;}
/*新闻详细页*/
.news_title{ float: left; width: 96%; padding-right: 2%; padding-left: 2%; margin-top: 30px; }
.news_title txt{ font-size: 28px; line-height: 28px; color: #000000; float: left; width: 100%; }
.news_title p, .news_title a{ float: left; width: 50%; height: 45px; font-size: 16px; color: #999999; line-height: 45px; }
.news_title a{ text-align: right;}
.news_title a:hover{ color: #993399 }
.news_content{ float: left; width: 96%; overflow: hidden; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; border-top-width: 1px; border-top-style: solid; border-top-color: #666666; margin-right: 2%; margin-left: 2%; padding-top: 20px; padding-bottom: 20px; margin-top: 10px; }
.news_content img{max-width:100%;}
/*分享代码*/
.share{ float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-top: 20px; margin-bottom: 20px;}
.share span{ float: right; }
/*留边版*/
.fine_content{ float: left; width: 98%; overflow: hidden; padding-right: 1%; padding-left: 1%; background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; }
.fine_content img{ max-width: 100%; clear: both; }
.fine_content iframe{width:100%; height:250px;}
/*不留边*/
.fine_contents{ float: left; width: 100%; overflow: hidden; background-color: #FFFFFF; }
.fine_contents img{max-width: 100%; clear: both;}
.fine_contents iframe{width:100%; height:250px;}
/*手机版翻页*/
.page { width: 100%; float: left; text-align: center; margin-top: 20px; margin-bottom: 20px; clear: both; }
.page a { text-align: center; padding-right: 4%; padding-left: 4%; background-color: #FFF; color: #666; padding-top: 10px; padding-bottom: 10px; font-size: 14px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #8862AB; border-bottom-color: #8862AB; border-left-color: #8862AB; }
.page a:hover { background-color: #8862AB; color: rgba(255,255,255,1); }
.page .on { color: #FFF; background-color: #8862AB; }
.page a:last-child{ border-right-width: 1px; border-right-style: solid; border-right-color: #8862AB; }
.pc_abroad{display:none;}

.abroad .signup{float:left; width:100%; background-color:#EFEFEF;}
.abroad .signup .within .left{display:none;}
.abroad .signup .within .right{ float: left; width: 100%; background-color: #EFEFEF; margin-top: 10px; }
.abroad .signup .within .right form{ float: left; width: 92%; background-color: #FFFFFF; padding-right: 4%; padding-left: 4%; }
.abroad .signup .within .right form .titles h2{ margin-top: 20px; }
.abroad .signup .within .right form select{ float: left; width: 100%; height: 45px; font-size: 16px; letter-spacing: 2px; margin-top: 25px; border: 1px solid #CCCCCC; }
.abroad .signup .within .right form input{ float: left; height: 45px; width: 100%; letter-spacing: 2px; font-size: 16px; line-height: 45px; border: 1px solid #CCCCCC; padding: 5px; margin-top: 10px; }
.abroad .signup .within .right form select, .abroad .signup .within .right form input{ border: 1px solid #D8D8D8; background-color: #FFFFFF; color: #999999; }
.abroad .signup .within .right form .forms #submit, .abroad .signup .within .right form .forms #state{ margin-top: 10px; }
.bigdiv{display:none;}
.ending{ display:block;}
.bottom{ display:block}/*打开手机端底部*/
footer{ display:none;}/*影藏pc端底部*/
.fill_top{display:block;}
.fill_button{display:block;}
.wap_kongge{ float: left; height: 73px; width: 100%; background-color: #EFEFEF; }
/*pc手机端底部结尾*/
.bottom{ position: fixed; bottom: 0px; z-index: 9999; float: left; width: 100%; background-color: #FFFFFF; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2);}
.bottom a{ float: left; width: 25%; margin-top: 5px; margin-bottom: 5px; padding-top: 38px; background-repeat: no-repeat; background-position: center 2px; background-size: 35px 35px; }
.bottom a span{ float: left; width: 100%; height: 15px; font-size: 12px; color: #939393; line-height: 15px; text-align: center; }
.bottom a:nth-of-type(1){ background-image: url(../img/mfshiting.png);}
.bottom a:nth-of-type(2){ background-image: url(../img/xueyuan.png);}
.bottom a:nth-of-type(3){ background-image: url(../img/liaotian.png);}
.bottom a:nth-of-type(4){ background-image: url(../img/rexian.png);}
}
/*pc端顶部信息*/
.top_news{ float: left; height: 35px; background-color: rgba(0,0,0,1); width: 100%; text-align: right; }
.top_news .within{width: 1300px; margin-right: auto; margin-left: auto;}
.top_news .within .left{ float: left; width: 300px; }
.top_news .within .left span{ font-size: 12px; line-height: 35px; color: #999999; float: left; height: 35px; margin-left: 20px; }
.top_news .within .right{ float: right; }
.top_news .within .right span{ float: right; height: 23px; padding-left: 25px; margin-top: 6px; margin-bottom: 6px; line-height: 23px; font-size: 12px; color: #999999; margin-right: 20px; background-image: url(/img/top_contact.png); background-repeat: no-repeat; background-size: 20px; }
.top_news .within .right span:nth-child(1){background-position: left -38px;}/*电话*/
.top_news .within .right span:nth-child(2){background-position: left -16px;}/*地址*/
.top_news .within .right span:nth-child(3){background-position: left 4px;}/*电话*/
/*手机版和pc版共用banner*/
.banner{ width: 100%; position: relative; height: 100%; float: left; background-color: #e4e4e4; background-image: url(/images/img/loading.jpg); background-repeat: no-repeat; background-position: center center; background-size: 350px auto; overflow: hidden; }
.banner .roll{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner .roll ul{ width: 100% !important; margin: 0px; padding: 0px; list-style-type: none; }
.banner .roll li{width:100% !important;height:100%;overflow:hidden;text-align:center;}
.banner .roll li a{ display: block; height: 100%; background-repeat: no-repeat; background-position: center top;}
.banner .foot{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.banner .foot ul{text-align:center;}
.banner .foot ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.banner .foot ul .on{background:#8862AB;}
.banner .prev,.banner .next{ display: block; position: absolute; z-index: 1; top: 50%; margin-top: -30px; z-index: 1; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; background-image: url(../img/arrow.png); background-repeat: no-repeat;}
/*手机版和pc版共用标题*/
.white{background-color: #FFFFFF; }
.dark{background-color:#383f48;}
.gray{background-color:#eaecf0;}
.black h2{ color: #000000; margin-top: 20px; margin-bottom: 30px; }
.white h2{  color: #000000; }
.dark h2{color:#FFFFFF;}
.gray h2{color: #333333;}
.touming h1{ color: #FFFFFF; margin-top: 50px; margin-bottom: 50px; }
.title, .titles{ float: left; width: 100%; overflow: hidden; font-size:16px;}
.title h3, .title span{ float: left; width: 100%; text-align: center;}
.titles h2,h1{ text-align: center; }
.title span{font-size: 14px; line-height: 20px; height: 20px;}
.fill_top{ float: left; height: 111px; width: 100%; }
/*手机pc共用样式*/
.whole:nth-of-type(odd){ background-color: #FFFFFF; }
.whole:nth-of-type(even){ background-color: #FFFFFF;}
/*.whole:nth-of-type(even){ background-color: #F6F6F6;}*/
.whole .region img{ width: 100%; position: absolute; margin-right: auto; margin-left: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto; }
.whole .region dl{ width: 100%; float: left; top: 10%; bottom: 10%; background-color: rgba(0,0,0,.2); position: absolute; transition: 0.3s; overflow: hidden; }
.whole .region dl:hover{ background-color: rgba(153,0,204,0.1) }
.whole .region dl:hover a{ color: #FFFFFF;}
.whole .region dl dt, .whole .region dl a{float: left; width: 100%; text-align: center;}
.whole .region p{transition: 0.5s; cursor:pointer;}
.whole .region p:hover{ background-image: url(../img/video_v.png); background-color: rgba(255,255,255,.1); }
.whole .fillet{ float: left; width: 100%;}
.whole .fillet a{ float: left; overflow: hidden; background-repeat: no-repeat; background-position: center center; margin-right: 1%; margin-bottom: 1%; margin-left: 1%; }
.whole .fillet a b{ float: left; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; position: relative; }
.whole .fillet a b c{ float: left; width: 100%; height: 100%; background-image: url(../img/tuxing.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; left: 0px; top: 0px; z-index: 100; position: absolute; }
.whole .double a img{ width: 100%; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; transition: 0.5s;}
.whole .double a:hover img{transform: scale(1.2);}
.whole .bigimg a img{ margin-right: auto; margin-left: auto; left: 0px; right: 0px; max-width: 100%; transition: 0.5s; position: absolute; }
.button{transition: 0.3s;}
.button:hover{ background-color: #8057A4; }
/*新闻手机版和pc端共同样式*/
.news .tab_class { overflow: hidden; zoom: 1; text-align: center; height: 50px; line-height: 50px; float: left; width: 100%; margin-top: 35px;}
.news .tab_class a { color: #333333; cursor: pointer; border: 1px solid #333333; margin-right: 5px; margin-left: 5px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; transition: 0.5s; }
.news .tab_class a:hover{ color: #8862ab; border: 1px solid #8862ab; }
.news .tab_class a.current { color: #8862ab; border: 1px solid #8862ab; }
.news .tab_lists{ float: left; width: 98%; margin-right: 1%; margin-left: 1%; clear: both; margin-bottom: 20px; margin-top: 20px; }
.news .tab_lists a{ background-color: #FFFFFF; float: left; height: 300px; margin: 1%; transition: 0.5s; }
.news .tab_lists a:hover{box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.2);}
.news .tab_lists a dl{ float: left; width: 100%; height: 200px; position: relative; overflow: hidden;}
.news .tab_lists a dl img{ position: absolute; left: 0px; right: 0px; margin-right: auto; margin-left: auto; max-width:100%; transition: 0.5s;}
.news .tab_lists a dl:hover img{transform: scale(1.2);}
.news .tab_lists a dt h3{ float: left; width: 100%; color: #333333; max-height: 52px; overflow: hidden; margin-top: 5px; margin-bottom: 5px; transition: 0.5s;}
.news .tab_lists a:hover dt h3{ color:#8862ab;}
.news .tab_lists a dd p{ float: left; width: 50%; height: 30px; line-height: 30px; font-size: 16px; color: #999999; }
.news .tab_lists a dd p:nth-child(1){ text-align: left; }
.news .tab_lists a dd p:nth-child(2){ text-align: right; }
.news .tab_lists a dt,dd{ float: left; width: 94%; margin-right: 3%; margin-left: 3%; }
/*手机端底部信息*/
.ending{ float: left; width: 100%; background-color: #EFEFEF; padding-bottom: 63px; }
.ending dl{ width:100%; float:left; margin-top:10px; margin-bottom:10px; padding-top:10px; padding-bottom:10px; background-color:#FFFFFF;}
.ending dl dt{ width:30%; float:left; margin-left:5%;}
.ending dl dt img{ width: 105px; height: 105px; }
.ending dl dd{ width: 58%; float: left; margin-top: 5px; margin-bottom: 5px; }
.ending dl dd font{ width: 100%; float: left; height: 20px; line-height: 20px; font-size: 20px; color: #333333; font-weight: bold; }
.ending dl dd p{ float: left; height: 30px; background: #8862AB; padding-left: 10px; padding-right:10px; font-size: 16px; color: #FFFFFF; line-height: 30px; border-radius:0px 15px 15px 0px;}
.ending dl dd span{ float: left; width: 100%; font-size: 12px; line-height: 16px; }
/*pc在线预约和新闻*/
.bigdiv{ clear: both; float: left; height: 500px; width: 100%; background-color: rgba(0,0,0,.6);}
.abroad{ float: left; width: 100%; padding-bottom: 20px; }
.abroad .promise{ float: left; width: 100%; text-align: center; padding-top: 100px; }
.abroad .promise dl{ height: 100px; width: 25%; float: left; }
.abroad .promise dl dt{ background-repeat: no-repeat; width: 60%; float: left; background-size: 130px auto; height: 130px; background-position: center center; padding-top: 20px; padding-right: 20%; padding-left: 20%; }
.abroad .promise dl dd{ font-size: 18px; font-weight: bold; color: #FFFFFF; letter-spacing: 0.8px; }
.abroad .attach{ text-align: center; float: left; width: 100%; font-size: 16px; color: #FFFFFF; clear: both; letter-spacing: 0.8px; }

.abroad .signup .within .left{ float: left; width: 50%; }
.abroad .signup .within .left dl{ float: left; width: 100%; padding-top: 80px; padding-bottom: 80px; }
.abroad .signup .within .left dl dt{ float: left; width: 100%; line-height: 50px; color: #FFFFFF; text-align: center; font-size: 30px; letter-spacing: 3px; }
.abroad .signup .within .left dl dd{ float: left; width: 100%; clear: both; color: #FFFFFF; font-size: 18px; text-align: center; line-height: 50px; letter-spacing: 1.8px; }
.abroad .signup .within .right form .forms{ float: left; width: 100%; position: relative; }
.abroad .signup .within .right form .forms #submit{ height: 50px; float: left; width: 100%; text-align: center; font-size: 20px; background-color: #AA8EBD; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color: #FFFFFF; transition: 0.5s; cursor: pointer; line-height: 50px; display: block; letter-spacing: 1px; }
.abroad .signup .within .right form .forms #submit:hover{ background-color: #9367A4;}
.abroad .signup .within .right form .forms #state{ height: 50px; float: left; width: 100%; text-align: center; letter-spacing: 1px; font-size: 20px; background-color: #999999; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color: #FFFFFF; transition: 0.5s; cursor: pointer; line-height: 50px; display: none; }
.abroad .news{ width: 1200px; margin-right: auto; margin-left: auto; }
.abroad .news .left{ float: left; width: 350px; background-color: #FFFFFF; margin-bottom: 50px; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);}
.abroad .news .left dl{ width: 100%; float: left; }
.abroad .news .left dl dt{ float: left; height: 150px; width: 98%; overflow: hidden; padding: 1%; }
.abroad .news .left dl dt img{ float: left; width: 100%; }
.abroad .news .left dl dd{ float: left; width: 100%; }
.abroad .news .left dl dd h4{ font-weight: 500; float: left; width: 100%; letter-spacing: 0.4px; margin-bottom: 1%; }
.abroad .news .left dl dd h4 a{ color: #000000; }
.abroad .news .left dl dd span a{ color: #999999; }
.abroad .news .left dl dd h4 a:hover{ color:#8862AB;}
.abroad .news .left dl dd span a:hover{ color:#8862AB;}
.abroad .news .left dl dd span{ width: 100%; float: left; font-size: 14px; line-height: 20px; color: #666666; height: 20px; letter-spacing: 0.4px; }
.abroad .news .left dl dd .titles{ float: left; width: 94%; background-color: #F9F9F9; padding-top: 5px; padding-bottom: 5px; }
.abroad .news .left dl dd .time{ float: left; width: 70px; background-color: #993399; margin-left: 3%; }
.abroad .news .left dl dd .time day, .abroad .news .left dl dd .time ym{ float: left; width: 100%; text-align: center; color: #FFFFFF; }
.abroad .news .left dl dd .time day{ font-size: 30px; line-height: 45px; height: 45px; }
.abroad .news .left dl dd .time ym{ font-size: 14px; height: 25px; line-height: 20px; }
.abroad .news .left dl dd .txt{ float: left; width: 73%; margin-left: 2%; }
.abroad .news .left dl dd p{ clear: both; float: left; width: 88%; font-size: 14px; color: #333333; line-height: 20px; margin: 3%; height: 82px; overflow: hidden; }
.abroad .news .right{ float: left; width: 850px; }
.abroad .news .right a{ float: left; width: 395px; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2); margin-bottom: 30px; margin-left: 30px; }
.abroad .news .right a dl{ float: left; width: 70px; margin: 3%; text-align: center; color: #FFFFFF; background-color: #999999; padding-top: 5px; padding-bottom: 5px; transition: 0.5s;}
.abroad .news .right a dl dt{ height: 35px; line-height: 35px; font-size: 30px; }
.abroad .news .right a dl dd{ height: 25px; font-size: 14px; line-height: 20px; }
.abroad .news .right a .title{ float: left; width: 296px; margin-top: 4%; margin-bottom: 4%; }
.abroad .news .right a .title h4{ font-weight: 400; transition: 0.5s; float: left; width: 100%; overflow: hidden; height: 21px; color: #000000; }
.abroad .news .right a .title p{ float: left; width: 100%; font-size: 14px; line-height: 20px; color: #666666; height: 40px; overflow: hidden; }
.abroad .news .right a:hover h4{ color: #993399; }
.abroad .news .right a:hover dl{ background-color: #993399; }
/*弹出浮动框*/
.eject{ width: 100%; height: 100%; position: fixed; z-index: 99999; display: none; background-color: rgba(255,255,255,0.9); }
.eject .frame{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: rgba(255,255,255,.9); z-index: 999999;}
.eject .frame p{ width: 50px; height: 50px; position: absolute; z-index: 300; top: 0px; right: 0px; float: right; border-radius: 100%; font-size: 45px; line-height: 50px; color: #000000; text-align: center; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; cursor: pointer; }
.eject .frame p:hover{ color: #666666; transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); }
.eject .frame #progress{position: absolute; z-index: 200; height:100%; width: 100%; top: 0px; background-image: url(/images/img/load.gif); background-repeat: no-repeat; background-position: center center; background-size: 35px 35px; display: block;}
/*手机端在线报名*/
.reserve h2{ box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2); padding-top: 20px; padding-bottom: 20px; float: left; width: 100%; text-align: center; }
.reserve form{ width: 98%; margin-right: 1%; margin-left: 1%; float: left; margin-top: 30px; }
.reserve form select,input{ float: left; width: 100%; background-color: rgba(255,255,255,.0); height: 50px; line-height: 50px; font-size: 18px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgba(204,204,204,1); }
.reserve form select{ color: #999999; background-image: url(../images/img/xuanze.png); background-position: right center; background-repeat: no-repeat; background-size: 20px 20px; }
.reserve form input{padding: 1%;}
.reserve .forms #submits, .reserve .forms #states{ font-size: 20px; line-height: 50px; color: #FFFFFF; float: left; width: 100%; height: 50px; text-align: center; margin-top: 30px; }
.reserve .forms #submits{background-color: #8862AB; display:block;}
.reserve .forms #states{background-color:#999999; display:none;}
/*pc端底部结尾*/
footer{ background-color: #414b4f; float: left; width: 100%; }
footer .within{ width: 1300px; margin-right: auto; margin-left: auto; }
footer dir{ float: left; width: 100%; text-align: center; margin-top: 30px; margin-bottom: 30px; }
footer dir a{ margin-right: 20px; margin-left: 20px; font-size: 16px; font-weight: 300; color: rgba(255,255,255,1); letter-spacing: 0.8px; transition: 0.3s;}
footer dir a:hover{ color: #993399; }
footer .contact{ float: left; width: 100%; text-align: center; margin-top: 20px; margin-bottom: 20px; }
footer .contact a{ line-height: 10px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; background-size: 25px 25px; border: 1px solid #FFFFFF; border-radius: 100%; margin-right: 10px; margin-left: 10px; background-repeat: no-repeat; background-position: center center;cursor:pointer;}
footer .contact a:hover{ background-color: #993399; border: 1px solid #155936; }
footer .contact .yy{ background-image: url(/img/yuyue.png);}
footer .contact .qq{ background-image: url(/img/qq.png);}
footer .contact .tel{ background-image: url(/img/kefu.png);}
footer .bottom{ float: left; width: 100%; height: 30px; font-size: 12px; line-height: 30px; text-align: center; background-color: #404040; letter-spacing: 0.6px; color: #FFFFFF; position: relative; }
footer .bottom p{ width: 10%; float: left; margin-right: 0.5%; margin-left: 0.5%; }
footer .qrcode{ float: left; text-align: center; width: 100%; margin-top: 20px; margin-bottom: 50px; }
footer .qrcode span{ margin-right: 10px; margin-left: 10px; position: relative; padding-bottom: 25px; }
footer .qrcode span img{ width: 120px; clear: both; border-radius: 10px; padding: 5px; background-color: #FFFFFF; }
footer .qrcode span p{ font-size: 14px; color: #FFFFFF; line-height: 30px; height: 30px; position: absolute; bottom: 0px; left: 0px; text-align: center; width: 130px; letter-spacing: 0.6px; }
footer .link{ border-top-width: 1px; border-top-style: solid; border-top-color: rgba(255,255,255,.3); float: left; width: 100%; line-height: 30px; text-align: center; padding-top: 20px; padding-bottom: 20px; }
footer .link strong, footer .link a{ color: #FFFFFF; font-size: 14px; margin-right: 5px; margin-left: 5px; font-weight: normal; transition: 0.3s; letter-spacing: 0.6px; }
footer .link a:hover{ color: #993399 }
/*详细页*/
.fine_image{ float: left; width: 100%; overflow: hidden; }
.fine_image img{ max-width: 100%; }
.fine_title{ float: left; width: 98%; margin-bottom: 10px; padding-right: 1%; padding-left: 1%; background-color: #FFFFFF; padding-top: 12px; padding-bottom: 10px; }
.fine_title h3{ float: left; width: 100%; text-align: center; overflow: hidden; max-height: 50px; line-height: 25px; }


.MyForm{width: 100%; overflow:hidden;}
#MyForm diy{float:left; width: 100%; background: #FFFFFF; display:block;}
#MyForm diy h3{ float: left; width: 100%;  background: #865FA2; color: #FFFFFF; font-weight: normal; background-image: url(/images/img/MyForm.png); background-repeat: no-repeat; }
#MyForm diy h3{border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;}
#MyForm diy h4{ float: left; width: 100%; font-weight: normal; }
#MyForm diy ul{ float: left; width: 90%; margin: 0px 5%; }
#MyForm diy ul li{float: left; margin: 0px 20px; display: inline;}
#MyForm diy ul li input{float: left; width: 20px; height: 20px; cursor: pointer; border-style: none; -webkit-appearance:radio;}
#MyForm diy ul li span{float: left; height: 20px; line-height: 20px; padding-left: 5px; font-size: 14px;} 
#MyForm diy term{ text-align: center; float: left; width: 100%; background: #865FA2; padding: 22.5px 0px;}
#MyForm diy term{border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;}
#MyForm diy term span{ font-size: 16px; font-weight: bold; color: #FFFFFF; margin-left: 10px;}
#MyForm diy term span input{ float: none; width: 100px; height: 35px; line-height: 35px; border-style: none; background: #CAB4D9; padding: 0px 5px; font-size: 14px; }
#MyForm diy term span input{border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
#MyForm diy term span submit, #MyForm diy term span states{padding: 10px 15px; font-weight: normal;  margin-left: 10px;}
#MyForm diy term span submit, #MyForm diy term span states{border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
#MyForm diy term span submit{background: #403E93; cursor: pointer; transition: 0.5s; display: inline-block;}
#MyForm diy term span states{background: #969696; display: none;}
#MyForm diy term span submit:hover{background: #FF0005;}

/*电脑端*/
@media screen and (min-width:1000px){
#MyForm diy h3{height: 80px; line-height: 80px; font-size: 20px; background-size: 50px auto; background-position: 30px center; text-indent: 100px;}
#MyForm diy h4{height: 80px; line-height: 80px; font-size: 18px; text-indent: 20px;}
#MyForm diy term{margin-top: 30px;}
}
/*手机端*/
@media screen and (max-width:1000px){
#MyForm diy h3{height: 60px; line-height: 60px; font-size: 18px; background-size: 30px auto; background-position: 25px center; text-indent: 70px;}
#MyForm diy h4{height: 50px; line-height: 50px; font-size: 16px; text-indent: 20px;}
#MyForm diy ul li{margin-bottom: 10px;}
#MyForm diy term{margin-top: 10px;}
#MyForm diy term span:nth-child(1){display: none;}
}
.linka{float:left; width:100%; margin:20px 0px; text-align:left; font-size:14px; }
.linka a{ color:#fff;}
.linka .linkk, .linka .links, .linka .linkw{float:left; width:100%; color:#fff;}
.linka strong{color:#fff;}