/* General Demo Style */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin: 0;padding: 0;border: 0;font: inherit;font-size: 100%;vertical-align: baseline;font-family:Georgia,"微软雅黑";text-decoration:none;} @font-face{font-family: 'Georgia';src:url('../fonts/Georgia.ttf');src:url('../fonts/Georgia.ttf') format('truetype'),url('../fonts/Georgia.woff') format('woff'),url('../fonts/Georgia.otf') format('opentype'),url('../fonts/Georgia.svg#normal') format('svg');font-weight: normal;font-style: normal;} @font-face{font-family: 'Times';src:url('../fonts/Times.ttf');src:url('../fonts/Times.ttf') format('truetype'),url('../fonts/Times.woff') format('woff'),url('../fonts/Times.otf') format('opentype'),url('../fonts/Times.svg#normal') format('svg');font-weight: normal;font-style: normal;} html{line-height: 1} ol,ul{list-style: none} table{border-collapse: collapse;border-spacing: 0} caption,th,td{text-align: left;font-weight: normal;vertical-align: middle} q,blockquote{quotes: none} q:before,q:after,blockquote:before,blockquote:after{content: "";content: none} a img{border: none} *, *:after, *:before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} body, html{font-size: 100%;padding: 0;margin: 0;} /* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after{content: " ";display: table;} .clearfix:after{clear: both;} .clear{clear: both;} body{font-family: Georgia;} input,textarea{box-shadow:none; } a,p{word-wrap: break-word } /* ↓↓↓↓↓↓ ↓↓↓↓↓↓ ↓↓↓↓↓↓ ↓↓↓↓↓↓ ↓↓↓↓↓↓ ↓↓↓↓↓↓ ↓↓↓↓↓↓ ↓↓↓↓↓↓ ↓↓↓↓↓↓ ↓↓↓↓↓↓ 封印中 Alumni is lock ↓↓↓↓↓↓ ↓↓↓↓↓↓ ↓↓↓↓↓↓ ↓↓↓↓↓↓ ↓↓↓↓↓↓ ↓↓↓↓↓↓ ↓↓↓↓↓↓ ↓↓↓↓↓↓ ↓↓↓↓↓↓ */ .onoff{display:none !important;} .nav li .submenu.smenu2{width:660px !important;} /* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑解开封印 删除即可 BY iam.ac.cn ↑↑↑↑↑↑↑↑↑↑ ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */ /* #header{position: fixed;z-index:2;width:100%;height: 140px;background: #fff;top:0px;} .head{width:1000px; margin: 20px auto auto auto;height: 120px;} .head .logo{height: 64px;FLOAT: LEFT;} .head .logo img{height: 64px;} .logo_r{height: 64px;FLOAT:right; width:160px; padding:0px; margin:0px;} .logo_r img{height:46px;margin-top:10px;width:160px;} #header{position: fixed;z-index: 2;width:100%;height: 140px;background: #fff;top:0px;} .head{width:1000px; margin: 20px auto auto auto;height: 120px;} .head .logo{height: 64px;FLOAT: LEFT;} .head .logo img{height: 64px;} .logo_r{height: 64px;FLOAT:right; width:160px; padding:0px; margin:0px;} .logo_r img{height:46px;margin-top:10px;width:160px;} .navbox{height:40px;z-index:2;margin:10px auto auto 0px;float:left;width:934px;} .nav{width:100%;margin:0 auto;height:40px; list-style:none;} /*.nav li{height:40px;position:relative; list-style:none;float:left;padding-right:75px}*/ /* .nav li{height:40px;position:relative; list-style:none;float:left; margin:auto 46px auto 0px;z-index:2;} .nav .fst{height:40px;position:relative; list-style:none;float:left; margin:auto 46px auto 0px;z-index:2;} .nav li.last{background:none;} .nav li.drop-menu-effect:nth-child(4) .submenu.smenu2{width:350px;} .nav li a{text-decoration:none; line-height:30px;font-size:16px;color:#980000;cursor:pointer;text-align:left;} .nav li a:hover,.mj_hover_menu a{border-bottom:2px solid #710000;color:#710000;} .nav li .nav_on{border-bottom:2px solid #710000;color:#710000;} .mj_hover_menu{text-decoration:none; height:40px;} .nav li.selected .submenu{display:block;} .nav li .submenu{display:none;position:absolute;top:40px;max-width:820px;z-index:2;} .nav li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 0px #BEBEBE;} .nav li .smenu1{left:0px; width:820px; height:165px;} .nav li .smenu11{left:0px; width:820px; height:165px;} .nav li .smenu16{left:-225px; width:660px;height:195px; } .nav li .smenu22{left:-105px; width:345px; height:165px;} .nav li .smenu29{left:-325px; width:660px;} .nav li .smenu29 .mj_menu_news_main{height:165px;} .nav li .smenu16 .Partner{float:left; text-align:left; color:#ffffff; line-height:20px; font-size:16px;width:183px; height:auto; margin:0 12px;} .lang{margin:10px 0px auto auto;text-align:right;float:right;color:#980000;width:65px;height:40px;line-height:28px;} .lang a{color:#980000;} .lang a:hover{color:#980000;text-decoration:underline;} #krpanoSWFObject div,#krpanoSWFObject2 div,#mod_player {z-index:0;} */ .mj_menu_pro_bg{width:825px; height:auto; background:url(images/menu_pro_bg.png) no-repeat;} .mj_menu_pro_main{width:765px; margin:auto; padding-top:12px;} .mj_menu_pro_li{float:left;} .mj_menu_li_txt{line-height:22px; font-size:12px; color:#696969;} .mj_menu_li_txt font{font-size:14px; color:#bb1721;} .mj_menu_li_txt a{color:#696969; text-decoration:none;} .mj_menu_li_txt a:hover{color:#696969; text-decoration:underline;} .mj_menu_news_bg{ height:auto;} .mj_menu_news_main{margin:auto; padding:15px 15px 15px 15px; background:url(../images/nav_bg.png) repeat-x; } .mj_menu_news_img{float:left; text-align:left; color:#ffffff; line-height:20px; font-size:16px;width:133px; height:auto; margin:0 12px;} .nav .mj_menu_news_img a{color:#ffffff; border-bottom:0px;line-height:20px;display:block;} .nav .mj_menu_news_img a:hover{border-bottom:0px;color:#fff;} .mj_menu_news_img a img{border:2px solid transparent;display:block;margin-bottom:5px;} .mj_menu_news_img a:hover img{border:2px solid #fff;} .mj_menu_news_img a:hover span{border-bottom:1px solid #fff; color:#ffffff;} .mj_menu_news_li2{padding:0px 30px; height:auto; float:right; border-left:solid 1px #cccccc;} .mj_menu_news_img2{float:left; margin-left:30px; text-align:left; color:#bb1721; line-height:30px; font-size:14px;} .mj_menu_news_li3{padding:0px 25px; height:auto; float:right; border-left:solid 1px #cccccc;} .mj_menu_news_img3{float:left; margin-left:10px; text-align:left; color:#bb1721; line-height:30px; font-size:14px;} .s{width:1px;} .banner{width:1000px;height:150px; margin:150px auto auto auto; } #video{width:380px; height:460px; margin:30px auto auto auto;float:left;} .video{width:380px; margin-right:78px;height:220px; float:left;height:220px; } #video img{width:380px; height:220px;} #video .vjs-poster{width:380px; height:220px;} #video video{width:100%; height:100%;} #video .slideBox{ width:100%; height:auto; overflow:hidden; position:relative; top:13px; } #video .slideBox span{background:rgba(152,0,0,.7);position:absolute;bottom:0px;width:380px;color:#fff;font-size:18px;text-align:left;padding:10px 20px; line-height:22px;} #video .slideBox .bd{ position:relative; height:220px; z-index:0; } #video .slideBox .bd li{ zoom:1; vertical-align:middle; } #video .slideBox .bd li a{color:#ffffff;} #video .slideBox .bd li a{line-height:22px;position:relative;height:220px;display:block;} #video .slideBox .bd img{ width:100%; height:auto; display:block; } #video .slideBox .prev, #video .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } #video .slideBox .next{ left:auto; right:3%; background-position:8px 5px; } #video .slideBox .prev:hover, #video .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } #video .slideBox .prevStop{ display:none; } #video .slideBox .nextStop{ display:none; } .v_r{float:right;width:539px; margin:30px auto auto auto;height:460px;} .v_r .m_ti{border-bottom:1px solid #ccc;font-size:40px;text-align:center;height:20px;margin-bottom:42px;} .v_r .m_ti span{position:relative;background:#fff;color:#980000;padding:0 10px;} .v_r p{ line-height:22px;font-size:16px;text-align:left;} #news{width:1000px; height:221px; margin:30px auto;} .video a{display:block;position:relative;} .video a img{display:block;} .video a span{display:block;position:absolute;bottom:0;background:rgba(113,0,0,.7);text-align:center;font-size:22px;line-height:24px;padding:10px 20px;color:#fff;} #footer{width:100%; border-top:1px solid #9f9f9f; margin-top:60px;clear:both;position:relative; height:80px;} #footer .content{width:1000px;margin:10px auto auto auto;} #footer .copy{background:url(../images/f_logo.png) transparent no-repeat;width:320px; height:41px; line-height:20px;height: 5em;FLOAT: LEFT; font-size:10px;color:#333; padding: 0.2em 0 0 30px; font-size: 10px!important; text-align: left; border-radius: 0;} #footer .index_f{float:left; } #footer .fl{width:530px; height:41px; font-size:12px; margin:5px auto;} #footer .fl .fl_list{display:table; margin:0px auto;} .fl_list a{display:block;width:30px; height:30px;float:left; margin-right:15px;background:#970101 center; -moz-border-radius:5px; /* Gecko browsers */ -webkit-border-radius:5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */} .fl_list a.facebook{background-image:url(../images/facebook.png)} .fl_list a.twitter{background-image:url(../images/twitter.png)} .fl_list a.linkin{background-image:url(../images/linkin.png)} .fl_list a.instagram{background-image:url(../images/instagram.png)} .fl_list a.wechat{background-image:url(../images/wechat.png)} .fl_list a.youtube{background-image:url(../images/youtube.png)} .fl_list a.vimeo{background-image:url(../images/vimeo.png);margin-right:0;} .fl_list a:hover{background-color:#710000;} .fl_list .wx{ width:81px; height:90px; position:absolute; bottom:68px; margin-left:153px; background:url(../images/wx.png) no-repeat; } #footer .des{ height:41px;line-height:20px;FLOAT: left; font-size:12px; background:url(../images/f_copy.png) no-repeat right center ;float:right; width:145px;} .main{width:1000px; height:auto; margin:170px auto 30px auto;} .main .main_t{font-size:42px;text-align:center;margin:0px auto 25px auto;height:50px; line-height:50px; width:1000px;overflow:hidden;} .main .main_t span{position:relative;background:#fff;color:#980000;padding:0px 10px ;z-index:1; } .main .main_t span:before,.main .main_t span:after{content:"";width:178px;height:26px;top:0px;position:absolute;left:-178px;border-bottom:2px solid #c8c9c9;z-index:1;} .main .main_t span:after{left:auto;right:-178px;z-index:1;} .main .main_t1{font-size:42px;text-align:center;margin:0px auto 50px auto;height:50px; line-height:50px; width:1000px;overflow:hidden;} .main .main_t1 span{position:relative;background:#fff;color:#980000;padding:0px 10px ;z-index:1; } .main .main_t1 span:before,.main .main_t1 span:after{content:"";width:178px;height:26px;top:0px;position:absolute;left:-178px;border-bottom:2px solid #c8c9c9;z-index:1;} .main .main_t1 span:after{left:auto;right:-178px;z-index:1;} /*about*/ .about_us p{width:574px;float:right;padding:0px;} .about_us img{float:left;margin:7px auto 7px 0px;} .main .content{margin:auto auto auto auto; width:995px; height:100%; overflow:hidden;} .container{margin:5px auto; width:1000px; height:100%; overflow:hidden;} .main .content p{line-height:22px;} /*留言*/ .main .myform1{width:800px; height:auto; padding-bottom:50px; } .main .myform{width:800px; height:auto; margin:65px auto; padding-bottom:50px; } .main .myform label{font-size:22px;color:#980000;float:left; width:140px; height:40px; line-height:40px;} .main .myform .inp{height:40px; margin:26px auto;} .main .myform .inp input{width:529px; height:40px; float:left; line-height:40px; border: 2px solid #e1e2e2; text-indent:10px;outline:none; -moz-border-radius: 7px; /* Gecko browsers */ -webkit-border-radius: 7px; /* Webkit browsers */ border-radius:7px; /* W3C syntax */} #divselect{width:529px; height:40px; float:left; line-height:40px;border: 2px solid #e1e2e2; position:relative; z-index:3; background: url("../images/select_ico.png") no-repeat scroll right center transparent; -moz-border-radius: 7px; /* Gecko browsers */ -webkit-border-radius: 7px; /* Webkit browsers */ border-radius:7px; /* W3C syntax */} #divselect cite{width:529px; height:40px;line-height:40px; display:block; color:#980000; cursor:pointer;font-style:normal; text-align:left;padding-left:20px; } #divselect ul{width:525px;border:2px solid #e1e2e2; background-color:#ffffff; position:absolute; z-index:4; margin-top:-1px; display:none;-moz-border-radius: 7px; /* Gecko browsers */ -webkit-border-radius: 7px; /* Webkit browsers */ border-radius:7px; /* W3C syntax */} #divselect ul li{height:30px; text-align:left; } #divselect ul li a{display:block; height:30px;line-height:30px; color:#000000; text-decoration:none;padding-left:20px;} #divselect ul li a:hover{background-color:#980000; color:#ffffff;} .main .myform .inp #submit{ width:112px; height:42px; float:right; cursor:pointer; margin:auto 130px auto auto; color:#980000;border:1px solid #980000;text-indent:0px;padding:0px; background:none;text-align:center;line-height:36px; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */} .main .myform .inp #submit:hover{background:#980000;color:#ffffff;} .main .myform .inp .E-mail{text-indent:40px;} .main .myform .inp .Subject{text-indent:35px;} .main .myform .ar .Message{text-indent:25px;font-family:"Georgia";} .main .myform .inp .Category{text-indent:15px;} .main .myform .inp .s_button{color:#ffffff;font-size:20px; font-family:"Georgia";} .main .myform .ar #Message{ width:529px; height:200px;padding:10px; outline:none; font-family:"Georgia"; border: 2px solid #e1e2e2; -moz-border-radius: 7px; /* Gecko browsers */ -webkit-border-radius: 7px; /* Webkit browsers */ border-radius:7px; /* W3C syntax */} .main .faq_list .faq_t{padding-top: 0px; line-height:30px; background:url(../images/list_ico.png) no-repeat 0px 9px ; font-size:22px;color:#980000; overflow:hidden;padding-left:20px; margin:15px auto; display:block;} .main .faq_list .faq_p{height:auto; line-height:25px; font-size:16px; margin:3px auto;overflow:hidden;padding-left:30px;} .main .faq_list .btn{position:absolute;right:0px;height:50px;display:block;border-left:1px dotted #980000;color:#980000;line-height:50px;padding-left:15px;width:70px;background:url(../images/before.png) no-repeat 7px 22px; text-align:left;margin-top:20px; display:block;} .main .faq_list .btn:before{content:"";margin-right:10px;} .main .faq_list article{position:relative;margin:0px 0;} .main .faq_list .artlists_p{padding-left:20px; width:900px;} /*地图 begin*/ .map *{ transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s; } .map{height:588px;width:1200px;background:url(../images/map.png) no-repeat;position:relative;margin:0 -100px; overflow:hidden;} .map .coun li{ position:absolute; width: 8px; height: 8px; background:#aa3131; -moz-border-radius: 15px;/* Gecko browsers */ -webkit-border-radius: 15px;/* Webkit browsers */ border-radius:15px;/* W3C syntax */ cursor: crosshair; } .map .coun li a{display:block;width:100%;height:100%;cursor: pointer;} .map .coun li span{ font-size: 12px;display:none;position:absolute;top: -32px;width:300px;left:-150px;color:#710000;font-weight:bold;text-align:center;opacity: 0;} .map .coun li:hover,.map .coun li.on{background:#cc8181; transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); z-index:999; } .map .coun li a:hover+span,.map .coun li.on span{opacity: 0;display: none; } .map .coun.hide li{opacity:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); } .map .coun.hide li.on{opacity:1; transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); z-index:55;} .map .coun li.co15{top: 189px;left: 698px;} .map .coun li.co16{top: 114px;left: 212px;} .map .coun li.co17{top: 165px;left: 546px;} .map .coun li.co18{top: 176px;left: 582px;} .map .coun li.co19{top: 119px;left: 873px;} .map .coun li.co51{top: 134px;left: 561px;} .map .coun li.co28{top: 194px;left: 193px;} .map .coun li.co22{top: 465px;left: 1035px;} .map .coun li.co23{top: 487px;left: 270px;} .map .coun li.co24{top: 144px;left: 567px;} .map .coun li.co25{top: 204px;left: 1044px;} .map .coun li.co26{top: 349px;left: 939px;} .map .coun li.co43{top: 196px;left: 660px;} .map .coun li.co45{top: 305px;left: 956px;} .map .coun li.co29{top: 156px;left: 587px;} .map .coun li.co32{top: 195px;left: 948px;} .map .coun li.co35{top: 258px;left: 839px;} .map .coun li.co38{top: 124px;left: 618px;} .map .coun li.co41{top: 486px;left: 627px;} .map .coun li.co44{top: 135px;left: 538px;} .map .coun li.co46{top: 440px;left: 651px;} .map .coun li.co30{top: 141px;left: 556px;} .map .coun li.co33{top: 164px;left: 589px;} .map .coun li.co36{top: 133px;left: 514px;} .map .coun li.co39{top: 254px;left: 140px;} .map .coun li.co42{top: 206px;left: 1006px;} .map .coun li.co31{top: 400px;left: 330px;} .map .coun li.co34{top: 121px;left: 571px;} .map .coun li.co40{top: 163px;left: 627px;} .map .coun li.co37{top: 226px;left: 666px;} .map .coun li.co20{top: 471px;left: 653px;} .map .stulist{position:absolute;width:100%;height:100%;padding:70px 23% 200px;background:rgba(255,255,255,.5); z-index:-1; opacity:0; } .map .stulist.on{ opacity:1; z-index:90; } .map .stulist li{position:relative;width:85px;height:85px; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);} .map .stulist.on li{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); } .stulist li{float:left;margin:10px;} .stulist a:not([class=close]){border:3px solid #fff;display:block;width:85px;height:85px; display:block; -moz-border-radius: 300px; /* Gecko browsers */ -webkit-border-radius: 300px; /* Webkit browsers */ border-radius:300px; /* W3C syntax */ -moz-box-shadow: 2px 2px 10px #aaa; -webkit-box-shadow: 2px 2px 10px #aaa; box-shadow: 2px 2px 10px #aaa;} .stulist img{width:79px;height:79px; display:block; -moz-border-radius: 300px; /* Gecko browsers */ -webkit-border-radius: 300px; /* Webkit browsers */ border-radius:300px; /* W3C syntax */ } .stulist div{display:none;} .map .stulist.hide li{opacity:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); display:none; } .map .stulist.hide li.on{opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); z-index:500; display:block; float: left;} .map .stulist.hide li.on{position:relative;top:50%;left:0;margin-top:-45px;} .map .stulist.hide li.on div{position:absolute;margin-top:-170px;left:120px;width:600px;min-height:300px;display:block;padding:40px 20px 20px;background:#fff; -moz-box-shadow: 2px 2px 10px #aaa; -webkit-box-shadow: 2px 2px 10px #aaa; box-shadow: 2px 2px 10px #aaa; } .map .stulist .close{color:#710000;position:absolute;top:5px;right:5px;font-size:40px;} .map .stulist div h4{color:#710000;font-size:24px;margin-bottom:1.5em;} /*地图 end */ .subnav{line-height:30px;margin:20px auto;} .subnav td{padding-right:55px;vertical-align:top} .subnav td a{} .subnav tr td:nth-child(9){padding-right:0;} .subnav li{float:left;width:140px;} .subnav a{color:#980000;font-size:22px;} .subnav a:hover,.subnav a.on,.subnav .on a{color:#710000;text-decoration:underline} .subnavp a:hover,.subnavp .on a{color:#710000;text-decoration:underline} .subnavp_r{margin:auto 265px auto auto; float:right} .subnavp_l{margin:auto auto auto 0px; float:left;} .artlist article{position:relative;margin:32px 0;} .artlists article{position:relative;margin:20px 0;} .artlist img{float:left;width:85px;height:85px; display:block; -moz-border-radius: 300px; /* Gecko browsers */ -webkit-border-radius: 300px; /* Webkit browsers */ border-radius:300px; /* W3C syntax */} .artlist h4{float:left;width:800px;color:#710000;font-size:20px;margin-top:20px;margin-left:20px;} .artlists h4{float:left;width:800px;color:#710000;font-size:20px;margin-top:30px;margin-left:20px;} .artlist .nm{float:left;width:800px;color:#710000;font-size:20px;margin-top:20px;margin-left:0px;} .artlist .desc{float:left;margin-left:20px;display:block;line-height:30px;} .artlist .artlists_p{clear:both;overflow:hidden;height:0;} .artlist p{clear:both;line-height:22px;} .artlists p{clear:both;padding:5px 0;line-height:22px;} .artlists .artlists_p{ margin:50px auto auto auto;} .artlists .artlists_p p{ line-height:22px; } .artlists .artlists_p ul {margin:16px auto auto auto;} .artlists .artlists_p ul li{ list-style:none;background:url(../images/before.png) no-repeat 0px 7px;display:block; padding-left:15px; } .artlists .artlists_p ul li p{line-height:22px;padding:0} .artlist .btn{position:absolute;right:0px;height:85px;border-left:1px dotted #980000;color:#980000;line-height:80px;padding-left:15px;width:99px;background:url(../images/before.png) no-repeat 9px 38px; text-align:left;display:block;} .artlist .btn:before{content:"";margin-right:10px;} .artlists .btn{position:absolute;right:0px;height:85px;border-left:1px dotted #980000;color:#980000;line-height:80px;padding-left:15px;width:99px;background:url(../images/before.png) no-repeat 9px 13px; text-align:left;display:block;} .artlists .btn:before{content:"";margin-right:10px;} .artlist article .desc{display:none;} .artlist article h4{margin-top:30px;} article p{} article.on .desc{display:block;} .artlist article.on p{height:auto; } .artlist article.on h4{margin-top:30px;} .piclist article p{height:auto;display:block;opacity:1; transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1);} /*页码 begin*/ .pagination { margin:20px 0 } .pagination ul { display:table; *display:inline; margin:0 auto; } .pagination ul>li { display:inline; text-align:center; } .pagination ul>li>a,.pagination ul>li>span { float:left; padding:4px 12px; line-height:20px; text-decoration:none; background-color:#fff; border:1px solid transparent; border-left-width:0; margin-right:6px; color:#333; } .pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>li>a.active,.pagination ul>li>span.active { background-color:#980000;color:#fff;border:1px solid #980000; } .pagination ul>.active>a,.pagination ul>.active>span { color:#980000; background-color:#fff; cursor:default } .pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus { color:#dfdfdf; cursor:default; background-color:transparent } .pagination ul>li:first-child>a,.pagination ul>li:first-child>span { border-left-width:1px; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:0 } .pagination ul>li:last-child>a,.pagination ul>li:last-child>span { -webkit-border-top-right-radius:0; border-top-right-radius:0; -webkit-border-bottom-right-radius:0; border-bottom-right-radius:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0 } /*页码 end*/ /*虚线*/ .line{width:100%; height:1px; background:url(../images/line.jpg) repeat-x;margin:30px auto;} .linee{width:100%; height:1px; background:url(../images/line.jpg) repeat-x;margin:30px auto;} /*时间线 begin*/ .timeline {background:url(../images/time_line.jpg) no-repeat 0px 95px ;width:100%; height:240px; line-height:22px; display:block;} .timeline .t1 time{font-size:22px;color:#980000;font-family:"Times";line-height:38px; } .timeline .t1{width:255px;border-left:1px solid #adaeae;height:70px; padding-left:15px; margin:auto auto auto 12px;float:left;} .timeline .t1_2{width:245px;float:left;} .timeline .t1_3{width:270px;float:left;} .timeline .t1_4{width:180px;float:left;} .timeline .t2{width:255px;border-left:1px solid #adaeae;height:70px; padding-left:15px; margin:75px auto auto 12px;float:left;} .timeline .t2 time{font-size:22px;color:#980000;font-family:"Times";} .timeline .t2 .p2{ margin-top:6px;} .timeline .t2_1{margin:75px auto auto 342px;width:309px} .timeline .t2_2{margin:75px auto auto auto;width:210px; height:90px;} .timeline .t2_3{margin:75px auto auto auto;width:125px; height:90px;} /* .timeline:after{content:"";width:14px;height:22px; background:url(../images/ico_right.png);position:absolute;right:0px;margin-top:-11px;} .timeline dl{float:left;width:200px;position:relative;height:1px;margin-right:-60px;} .timeline dl dt,.timeline dl dt:before{content:"";background:#fff; border:6px solid #980000; position:absolute; -moz-border-radius: 10em; -webkit-border-radius: 10em; border-radius: 10em;} .timeline dl dt{border-width:1px;margin-left:-10px; margin-top:-10px;width:20px;height:20px;} .timeline dl dt:before{ margin:3px; } .timeline dl time{padding:0 0 0 10px;width:200px;text-align:left;position:absolute;font-size:22px;color:#980000;font-family:"Times"; } .timeline dl dd{width:220px;position:absolute;padding:0 0 0 10px ;color:#000;font-size:16px;line-height:22px; border-left:1px solid #999; } .timeline dl:nth-child(even) time{bottom:30px;} .timeline dl:nth-child(odd) time{top:30px;} .timeline dl:nth-child(even) dd{bottom:30px;padding-bottom:25px;} .timeline dl:nth-child(odd) dd{top:30px;padding-top:25px;} .timeline .t1 time{top:-30px;} .timeline .last{background:url(../images/ico_right_3.png) left center no-repeat;position:relative;float:left;font-size:26px;line-height:30px;height:30px;margin-top:-15px;width:280px;margin-right:-250px;margin-left:30px;padding-left:30px;left:21px;color:#82ae40} */ /*时间线 end*/ @keyframes fade-in { 0% {opacity: 0;}/*初始状态 透明度为0*/ 40% {opacity: 0;}/*过渡状态 透明度为0*/ 100% {opacity: 1;}/*结束状态 透明度为1*/ } @-webkit-keyframes fade-in {/*针对webkit内核*/ 0% {opacity: 0;} 40% {opacity: 0;} 100% {opacity: 1;} } .box { animation: fade-in;/*动画名称*/ } .faculty .subnav li{width:auto;margin-right:106px;} .faculty .subnav li:last-child{margin-right:0px;} .facultydesc{margin:32px auto 45px auto;} .facultydesc img{margin-right:20px;float:left;} .facultydesc .p1{font-size:22px; line-height:27px;text-align:left; margin:32px 0px 32px auto; height:105px; width:566px;} .facultydesc .pr{font-size:16px; line-height:22px;text-align:right; } .facultydesc p{font-size:16px;line-height:22px; } .content p{line-height:22px;text-align:left; text-justify:inter-ideograph;} .content img{margin-right:20px;margin-bottom:20px;} .program .artlist article h4{margin-top:0px !important;height:30px;line-height:30px;} .program .artlist .btn{height:30px;line-height:30px;} .piclist{padding-top:20px;} .piclist article{border:2px solid #cb7f7f; margin:0 50px 50px 0;float:left;width:300px;padding:10px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; } .piclist article:nth-child(3),.piclist article:nth-child(6),.piclist article:nth-child(9),.piclist article:nth-child(12){margin-right:0;} .piclist article .pic{position:relative;} .piclist article .box{display:block;height:7.2em;overflow:hidden;line-height:1.2em;margin:10px 0; } .piclist article img{width:100%;display:block;} .piclist article h4{background:rgba(152,0,0,.7);position:absolute;bottom:0px;width:100%;color:#fff;padding:12px 10px;font-size:18px;} .piclist article p{display:block;line-height:1.2em;height:8.5em;padding:10px 0;text-align:left; } .acpic a{color:#000000; line-height:22px;} .acpic .pic a{color:#ffffff;} .acpic a:hover{text-decoration:underline;} .acpic .pic a:hover{text-decoration:underline;} .s_ti{ font-size:22px;height:60px;} .s_ti a{ border-bottom:3px solid #980000; line-height:45px; padding-bottom:10px; } /*2016年0620*/ .piclist1{padding-top:20px;} .piclist1 article{border:2px solid #cb7f7f; margin:0 50px 50px 0;float:left;width:300px;padding:10px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; } .piclist1 article:nth-child(3),.piclist1 article:nth-child(6),.piclist1 article:nth-child(9),.piclist1 article:nth-child(12){margin-right:0;} .piclist1 article .pic{position:relative;} .piclist1 article .box{display:block;height:7.2em;overflow:hidden;line-height:1.2em;margin:10px 0; } .piclist1 article img{width:100%;display:block;} .piclist1 article h4{background:rgba(152,0,0,.7);position:absolute;bottom:0px;width:100%;color:#fff;padding:12px 10px;font-size:18px;} .piclist1 article p{display:block;line-height:1.2em;height:11em;padding:10px 0;text-align:left; } .about .content img{margin-bottom:35px;} .res{width:380px; height:230px;float:left; margin:5px auto auto 0px;} .slideBox{ width:100%; height:auto; overflow:hidden; position:relative; margin:40px auto 50px auto; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd img{ width:100%; height:auto; display:block; } .slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBox .next{ left:auto; right:3%; background-position:8px 5px; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; } .slideBox .prev1, .slideBox .next1{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow1.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBox .next1{ left:auto; right:3%; background-position:8px 5px; } .slideBox .prev1:hover, .slideBox .next1:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prev1Stop{ display:none; } .slideBox .next1Stop{ display:none; } .newslist article{position:relative;padding:20px 0;border-bottom:1px } .newslist .pic{width:380px;float:left;position:relative;} .newslist .pic img{width:100%; height:100%;} .newslist .pic span{background:rgba(152,0,0,.7);position:absolute;bottom:0px;width:100%;color:#fff;padding:5px 10px;font-size:22px;text-align:center;padding:10px 20px; overflow:hidden;line-height:24px;} .newslist article h4{margin-left:450px;font-size:22px;color:#980000;line-height:30px;margin-bottom:20px;} .newslist article h4 a{color:#980000;line-height:30px;display:block;} .newslist article h4 a:hover{text-decoration:underline;} .newslist article .p{margin-left:450px;width:550px;line-height:22px;height:auto;overflow:hidden;display:block;text-align:left; text-justify:inter-ideograph;color:#000;} .newslist article .more{position:absolute;right:20px;bottom:20px;color:#980000;} .newslist article .more:hover{text-decoration:underline;} .Archive{float:right; color:#980000;} .news .view_l{float:left;width:600px;} .news .view_l iframe{z-index:0;} .news .view_r{float:right;width:350px} .news .view_l h2{font-size:22px;color:#980000; line-height:32px;} .news .view_l time{font-size:14px;color:#000000;} .news #article_content{margin-top:30px;min-height:800px} .news #article_content p{text-align:left; text-justify:inter-ideograph;margin-bottom:1.5em;line-height:22px;} .news .view_r h2{background:#980000;color:#fff;font-size:20px;line-height:40px;padding:0 10px;} .news .view_r li{display:block;font-size:16px; color:#000;line-height:40px;border-bottom:1px dashed #999 ;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news .view_r li a{color:#000;} .news .view_r h3{font-size:22px;color:#980000;margin-top:30px;} .news .view_r .myform{width:auto;height:auto;} .news .view_r .myform label{text-indent:0px !important;width:85px; font-size:12px; } .news .view_r .myform .inp input{ width:260px;} .news .view_r .myform .inp #submit{ float:right;margin-right:0px;background:#fff;color:#980000;border:1px solid #980000;text-indent:0; margin-right:8px;} .news .view_r .myform .inp #submit:hover{background:#980000;color:#ffffff;text-indent:0;} .Newsletter p{width:530px;margin:0 auto;text-align:Justify; text-justify:inter-ideograph;} .Newsletter .main .myform {width:530px;margin:0 auto;} .Newsletter .main .myform .inp label{ width: 300px; margin-left: -300px; text-align: right;text-indent:0px !important;padding-right:20px;} .Newsletter .main .myform .inp #submit{margin-right:0;background:#fff;color:#980000;border:1px solid #980000;text-indent:0;} .Newsletter .main .myform .inp #submit:hover{background:#980000;color:#ffffff;text-indent:0;} .listdot{list-style:disc} header:before, header:after { content: ""; width: 50%; height: 100%; background-color: #fff; position: absolute; left: -300px; z-index: -1; } header:after { right: -300px; left: auto !important; top: 0; } .pro_l{float:left;width:380px;} .pro_l img{ margin:8px auto 25px 0px;} .pro_r .p2{text-align:left;float:right; width:577px;font-size:16px; line-height:22px; margin-bottom:16px;} .pro_r p{text-align:left;float:right; width:577px;font-size:16px; line-height:22px; } .pro_r .p2 a{color:#980000;} .schol_l {width:710px;overflow:hidden;float:left;} .schol_l p{width:700px;overflow:hidden;float:left;} .schol_l .py{font-size:30px; line-height:40px;text-align:left; margin:18px auto 0px 0px; height:185px;color:#980000; } .schol_l .pr{font-size:16px; line-height:22px;text-align:left; } .schol_ll {width:678px;overflow:hidden;float:left;} .schol_ll p{width:678px;overflow:hidden;float:left;} .schol_ll .py{font-size:30px; line-height:40px;text-align:left; margin:48px auto 17px 0px; color:#980000; } .schol_ll .pr{font-size:16px; line-height:22px;text-align:left; } .schol_r{float:right;} .schol_r img{display:none;} .schol_list{width:100%; height:auto;margin:auto auto 30px auto;} .schol_lists{width:100%; height:auto; margin:auto auto 30px auto;} .APPLY{display:block;width:200px;height:40px; line-height:40px; text-align:center;font-size:22px;float:right;-moz-border-radius: 5px;color:#ffffff; margin:158px 0px 0px auto;background:#980000; margin-top:290px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ } .APPLY:hover{color:#ffffff; text-decoration:underline;} .APPLYs{display:block;width:200px;height:40px; line-height:40px; text-align:center;font-size:22px;float:right;-moz-border-radius: 5px;color:#ffffff; margin:40px 0px 0px auto;background:#980000; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ } .APPLYs:hover{color:#ffffff;text-decoration:underline;} .schol_listss{width:590px; height:auto; margin:auto auto 30px auto; float:right;} .schol_listss a{display:block;width:200px;height:40px; line-height:40px; text-align:center;font-size:22px;float:right;-moz-border-radius: 5px;color:#980000;border:1px solid #980000; margin:60px 0px auto auto; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ } .schol_list h4{font-size:22px; color:#980000; line-height:25px; height:45px;} .schol_list li{margin:3px auto; font-size:16px; line-height:22px; background:url(../images/before.png) no-repeat 0px 8px; padding-left:20px; list-style:none;} .pt_w{color:#980000; text-align:center;font-size:22px; width:50%; margin:0;} .pt_list{width:48%; height:100%; margin-bottom:40px;position:relative;} .pt_line{ width:100%; height:77%; position:absolute; left:48%; top:20%; border-left:1px dashed #980000;} .pt_listl{float:left; border-right:1px dashed #980000; height:100%;} .pt_listr{float:right;} .pt_list li{width:100%; float:left;margin:20px auto; height:200px;} .pt_list .pt_l{ float:left;} .pt_list .pt_r{ float:right;} .pt_list .l{width:138px; float:left;} .pt_list .l img{} .pt_list .r{width:340px; float:right;} .pt_list .r p{float:left; width:340px;text-align:left; font-size:15px; line-height:24px; text-align:left; } .pt_list .r .r1{color:#000000;} .pt_list .r .r2{ height:auto; width:265px; overflow:hidden;} .pt_list .r .r3{ height:auto;} .pt_list .r .r3 a{color:#980000; border-bottom:2px solid #980000;} .res .slideBox{ width:100%; height:auto; overflow:hidden; position:relative; margin:0px; } .soon{position:relative;} .soon:hover .triangle-border{display:block} .triangle-border { display:none; font-size:16px;text-align:center;line-height:22px; position:absolute; right:0;top:20px; padding:17px 12px; margin:1em 0 3em; border:1px solid #980000; color:#980000; background:#fff; /* css3 */ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } /* creates the larger triangle */ .triangle-border.top:before { content: ""; position: absolute; border-style: solid; border-color: #980000 transparent; display: block; width: 0; top:-11px; /* value = - border-top-width - border-bottom-width */ bottom:auto; left:auto; right:10px; /* controls horizontal position */ border-width:0 11px 11px; } /* creates the smaller triangle */ .triangle-border.top:after { content: ""; position: absolute; border-style: solid; border-color: #fff transparent; display: block; width: 0; top:-10px; /* value = - border-top-width - border-bottom-width */ bottom:auto; left:auto; right:11px; /* value = (:before right) + (:before border-right) - (:after border-right) */ border-width:0 10px 10px; } .facultydesc #pano{float:left;} .pro_l #pano{margin:7px auto auto 0px;float:left;} .pro_l #krpanoSWFObject2{margin:35px auto auto 0px;} /*.post27 .artlists_p {color:#980000;}*/ .pro_l .apply {box-sizing: border-box; margin: 210px 0px 0px auto; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 40px; font-size: 22px; vertical-align: baseline; text-decoration: none; display: block; width: 200px; height: 40px; text-align: center; float: right; color: rgb(255, 255, 255); border-radius: 5px; background: rgb(152, 0, 0);} .pro_img{display:none;} .map img{display:none;} .wap{display:none;} .timeline img{display:none;} .ygs_b{display:none;} .schol_img{display:none;} .fac_img{display:none;} #footer .copy img{display:none;} #footer .copy_m {display:none;} .schol_ship{display:none;} .schol_r img{ display:block;} .about_m_img { display:none;} .msg_active{display:none;} .foot_line{display:none;} @media screen and (min-width: 1001px) and (max-width: 1024px){ .map .coun li a{display:none;} .map .on{display:none;} .map .coun.hide li { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);} .map .coun.hide li.on { display:block; opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } } @media screen and (max-width: 1000px){ .piclist1 article{border:2px solid #cb7f7f; margin:12px auto auto auto;float:left;width:100%;padding:10px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; } .piclist1 article p{display:block;line-height:1.2em;height:auto;padding:10px 0;text-align:left; } } @media screen and (min-width: 768px){ .style-1{display:none;} } @media screen and (min-width: 721px) and (max-width: 1000px){ #footer{width:100%; border-top:1px solid #9f9f9f; margin-top:60px;clear:both;position:relative; height:80px;} .news .view_r .myform label{text-indent:0px !important;width:100%; font-size:12px; } .news .view_r .myform .inp input{ width:100%;} .news .view_r .myform .inp #submit{ float:right;margin-right:0px;background:#fff;color:#980000;border:1px solid #980000;text-indent:0; margin:25px 0px auto auto;} .news .view_r .myform .inp #submit:hover{background:#980000;color:#ffffff;text-indent:0;} .pro_img{display:none;} .map img{display:none;} .wap{display:none;} .timeline img{display:none;} .ygs_b{display:none;} .schol_img{display:none;} .facultydesc .fac_img{display:none;} #footer .copy img{display:none;} #footer .copy{margin:auto auto auto 15px;} #footer .copy_m {display:none;} .schol_ship{display:none;} .schol_r img{ display:block;} .about_m_img { display:none;} .map .coun.hide li { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);} .map .coun.hide li.on { display:block; opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } .main{zoom:0.75; -webkit-transform-origin:30px 0px;margin:150px auto auto auto;} .index_m{-webkit-transform:scale(1);} .style-1{display:block;} .snav.wap{width:auto;display:block;height:40px;padding:0;position:relative;z-index:9;border:1px solid #980000;background:#fff;padding:0 10px;left:0;right:0;overflow:hidden;display:none; } .snav.wap .subnav{display:table;padding:0;margin:0;margin-bottom:-1px;} .map .coun li a{display:none;} .map .on{display:none;} .container{width:100%;padding:0 0.9375em; height:auto;} .banner{width:100%;height:auto; margin:100px auto auto auto;padding:0 0.9375em} .banner img{height:auto;width:100%} .content{width:100%;} .fac_img{display:block;} .program .pro_l{display:block;} #header{visibility: hidden;display:none;} .style-1 .logo{width:203px;height: auto;FLOAT: LEFT; margin:auto auto auto 0.9375em;position:absolute;z-index:99999;} .style-1 .logo img{width:100%;height: auto;} .nav_c_link { padding-left:12px; } .nav_c_link a{ color:#000000; font-size:16px; } .nav_c_link .on {color:#980000;text-decoration:underline} body,html,.shownav .style-1{width:100%;height:100%;} body.shownav{overflow:hidden;} .iphone_screen { width: 100%; height: 100%; position: fixed; top: 0px; padding-top:15px; z-index:999; overflow: hidden; height:100px;overflow:height;background:#fff } .iphone_screen .logo{display:block;} .iphone_screen.nav--active{height:100%} .iphone_screen.nav--active .navs{overflow:auto;overflow-x:hidden;height:90%;} /** * Navigation Defaults */ .navs { margin-top:5px; position: relative; z-index: -1; opacity: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 300ms; transition-duration: 300ms; top:4.5em; } .nav--active .navs { opacity: 1; background-color: #ffffff; z-index:999999; } .nav_list { height: auto; margin:auto 3.35em; } .nav_item { list-style-type: none; text-align: left; height:auto; border-bottom:1px solid #980000; margin:0.625em auto; padding-bottom:0.625em; } .nav_link { font-size: 16px; text-decoration: none; color: #980000; opacity: 1; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; line-height:2em; } /* Default navigation icon */ .nav_trigger { display: block; position: absolute; width: 1.875em; height: 1.5625em; right: 15px; top:25px; z-index: 200; } .nav_icon { display: inline-block; position: relative; width: 1.875em; height: 5px; background-color: #980000; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .nav_icon:before, .nav_icon:after { content: ''; display: block; width: 1.875em; height: 5px; position: absolute; background: #980000; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .nav_icon:before { margin-top: -10px; } .nav_icon:after { margin-top: 10px; } /* Don't nest if you don't have to. */ /** * Style #1 */ .style-1 .navs { -webkit-transform: translateX(-100%); transform: translateX(-100%); width: 100%; height: auto; } .style-1 .nav_link { opacity: 0; -webkit-transition-delay: 500ms; transition-delay: 500ms; } .nav--active .nav_link { opacity: 1; } .nav--active .navs { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transform: translateX(0); transform: translateX(0); } .nav--active .nav_icon { background: rgba(0, 0, 0, 0); } .nav--active .nav_icon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .nav--active .nav_icon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .wap{display:block;width:100%;height:1px;padding-bottom:57.8%;position:relative;} .wap video{ position;absolute;} #video{width:100%; height:auto; margin:0px auto auto auto;} #video .video {display:none;} .wap .vjs-poster{width:100%; height:100%;} #example_video_2{position:absolute !important;} #video .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;margin:auto auto 25px auto; } #video .slideBox span{background:rgba(152,0,0,.7);position:absolute;bottom:-1px;width:100%;color:#fff;font-size:20px;text-align:left;padding:5px 10px; line-height:1.375em; height:3.2em; overflow:hidden;text-align:center;} #video .slideBox .bd{ position:relative; height:100%; z-index:0; } #video .slideBox .bd li a{line-height:1.375em;;position:relative;height:100%;display:block;} #video .slideBox .bd img{ width:100%; height:auto; display:block; } #video .slideBox .prev, #video .slideBox .next{ position:absolute; left:0; top:0; margin-top:0px; display:block; width:62px; height:100%; background:url(../images/slider-arrow.png) -90px 48% no-repeat; filter:alpha(opacity=50);opacity:0.5; } #video .slideBox .next{ left:auto; right:0; background-position:25px 48%; } #video .slideBox .prev:hover, #video .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } #video .slideBox .prevStop{ display:none; } #video .slideBox .nextStop{ display:none; } .v_r{width:100%; margin:0.9375em auto auto auto;height:auto;z-index:99} .v_r .m_ti{border-bottom:1px solid #ccc;font-size:2.5em;text-align:center;height:20px;margin-bottom:42px;} .v_r .m_ti span{position:relative;background:#fff;color:#980000;padding:0 10px; z-index:99;} .v_r p{ line-height:1.375em;font-size:16px;text-align:left;} #footer .content{width:100%;margin:10px auto auto auto;} #footer .copy{width:55%; height:41px;background:none; line-height:20px;height: 5em;FLOAT: LEFT; font-size:10px;color:#333; padding: 0; font-size: 10px!important; text-align: left; border-radius: 0;} #footer .copy img{display:block; width:100%;height:auto;} #footer .index_f{float:right; margin:auto 15px auto auto;} #footer .fl{width:100%; height:41px; font-size:12px; margin:5px auto;} .fl_list a{display:block;width:30px; height:30px;float:left; background:#970101 center;margin:auto 0px auto 20px; -moz-border-radius:5px; /* Gecko browsers */ -webkit-border-radius:5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */} .fl_list .youtube{float:left;margin-right:0;} .fl_list .wx{ width:0; height:0; position:absolute; bottom:1.75em; margin-left:12.86em; background:url(../images/wx.png) no-repeat; display:none; } .faculty .subnav li{width:auto;margin-right:100px;} #footer .des{ display:none;} } @media screen and (max-width: 720px){ .pro_l .apply{box-sizing: border-box; margin:0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: 40px; font-size: 22px; vertical-align: baseline; text-decoration: none; display: block; width: 200px; height: 40px; text-align: center; float: left; color:#ffffff; border-radius: 5px; background: #980000;} .pt_listl{float:left;border-right:none;} .float{display:block;} .APPLY{display:block;width:200px;height:40px; line-height:40px; text-align:center;font-size:22px;float:left;-moz-border-radius: 5px;color:#ffffff;border:1px solid #980000; margin:0px 0px 30px auto;; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ } .schol_listss{width:100%; height:auto; margin:auto auto 30px auto; float:right;} .schol_listss a{display:block;width:200px;height:40px; line-height:40px; text-align:center;font-size:22px;float:right;-moz-border-radius: 5px;color:#980000;border:1px solid #980000; margin:60px 0px auto auto;; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ } .show_msg{position:relative;display:none;} .msg{color:#980000;font-weight:bold;line-height:25px; height:100%; text-align:center;display:table-cell;vertical-align:middle;} .show_on{display:table;left:0;top:0; right:0;bottom:0;background:#ffffff;opacity:0.9;position:fixed;z-index:99999999;width:100%; height:100%;} .app_h4{margin:0px auto 15px auto;} .main .content{position:relative;} .subnav{display:none;} .snav.wap{width:auto;display:block;height:40px;padding:0;position:relative;z-index:9;border:1px solid #980000;background:#fff;padding:0 10px;left:0;right:0;overflow:hidden; } .snav.wap .subnav{display:table;padding:0;margin:0;margin-bottom:-1px;} .snav .subnav td{width:50%;padding-right:0px;} .snav .subnav td a,.subnav li a{display:block;border-bottom:1px solid #999;line-height:40px;} .snav h2 a{display:block;line-height:40px;border-bottom:1px solid #999;background:url(../images/down.jpg) no-repeat right center;color:#980000;font-size:18px;} .subnav a{color:#980000;font-size:18px;} /* .snav.wap.on{height:auto;position:absolute;}*/ .snav.wap.on{height:auto;} .about_m_img { display:block; margin:0;} .about_p_img { display:none;} .schol_ship{display:block;width:40%; height:auto;margin:0 auto} .schol_ship img{width:40%; height:auto; margin:0 auto} .main .faq_list .faq_t{width:86%;padding-top: 0px; line-height:25px; background:url(../images/before.png) no-repeat 0px 9px ; font-size:18px;color:#980000; overflow:hidden;padding-left:20px; margin:15px auto; height:auto;} .main .faq_list .faq_box{position:relative; } .main .faq_list .btn{position:absolute;right:0px;height:50px;display:block;border-left:1px dotted #980000;color:#980000;line-height:50px;padding-left:15px;width:70px;background:url(../images/before.png) no-repeat 7px 22px; text-align:left;margin-top:-25px; display:block;top:50%;} .container{width:100%;padding:0 0.9375em;} .banner{width:100%;height:auto; margin:80px auto auto auto;padding:0 0.9375em} .banner img{height:auto;width:100%} .content{width:100%;} .fac_img{display:block;} .program .pro_l{display:none;} #footer .content{width:100%;margin:10px auto auto auto;padding:0 0.9375em} #header{visibility: hidden;display:none;} .style-1 .logo{width:30%;height: auto;FLOAT: LEFT; margin:auto auto auto 0.9375em;position:absolute;z-index:99999;} .style-1 .logo img{width:100%;height: auto;} .nav_c_link { padding-left:12px; } .nav_c_link .on {color:#980000;text-decoration:underline} body,html,.shownav .style-1{width:100%;height:100%;} body.shownav{overflow:hidden;} .iphone_screen { width: 100%; height: 100%; position: fixed; top: 0px; padding-top:15px; z-index:999; overflow: hidden; height:90px;overflow:height;background:#fff } .iphone_screen .logo{display:block;} .iphone_screen.nav--active{height:100%} .iphone_screen.nav--active .navs{overflow:auto;overflow-x:hidden;height:auto;top: 20px; position: absolute; bottom: 0px; margin-top: 10%;} /** * Navigation Defaults */ .navs { margin-top:5px; position: relative; z-index: -1; opacity: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 300ms; transition-duration: 300ms; top:3.85em; } .nav--active .navs { opacity: 1; background-color: #ffffff; z-index:999999; } .nav_list { height: auto; margin:auto 3.35em; } .nav_item { list-style-type: none; text-align: left; height:auto; border-bottom:1px solid #980000; margin:0.625em auto; padding-bottom:0.625em; } .nav_link { font-size: 16px; text-decoration: none; color: #980000; opacity: 1; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; line-height:2em; } .nav_c_link a{ color:#000000; font-size:16px; } /* Default navigation icon */ .nav_trigger { display: block; position: absolute; width: 1.875em; height: 1.5625em; right: 15px; top:25px; z-index: 200; } .nav_icon { display: inline-block; position: relative; width: 1.875em; height: 5px; background-color: #980000; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .nav_icon:before, .nav_icon:after { content: ''; display: block; width: 1.875em; height: 5px; position: absolute; background: #980000; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .nav_icon:before { margin-top: -10px; } .nav_icon:after { margin-top: 10px; } /* Don't nest if you don't have to. */ /** * Style #1 */ .style-1 .navs { -webkit-transform: translateX(-100%); transform: translateX(-100%); width: 100%; height: auto; } .style-1 .nav_link { opacity: 0; -webkit-transition-delay: 500ms; transition-delay: 500ms; } .nav--active .nav_link { opacity: 1; } .nav--active .navs { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transform: translateX(0); transform: translateX(0); } .nav--active .nav_icon { background: rgba(0, 0, 0, 0); } .nav--active .nav_icon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .nav--active .nav_icon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .wap{display:block;width:100%;height:1px;padding-bottom:57.8%;position:relative;} .wap video{ position;absolute;} #video{width:100%; height:auto; margin:0px auto auto auto;} #video .video {display:none;} .wap .vjs-poster{width:100%; height:100%;} #example_video_2{position:absolute !important;} #video .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;margin:auto auto 25px auto; } #video .slideBox span{background:rgba(152,0,0,.7);position:absolute;bottom:-1px;width:100%;color:#fff;font-size:20px;text-align:left;padding:5px 10px; line-height:1.375em; height:3.2em; overflow:hidden;text-align:center;} #video .slideBox .bd{ position:relative; height:100%; z-index:0; } #video .slideBox .bd li a{line-height:1.375em;;position:relative;height:100%;display:block;} #video .slideBox .bd img{ width:100%; height:auto; display:block; } .v_r{width:100%; margin:0.9375em auto auto auto;height:auto;z-index:99} .v_r .m_ti{border-bottom:1px solid #ccc;font-size:2.5em;text-align:center;height:20px;margin-bottom:42px;} .v_r .m_ti span{position:relative;background:#fff;color:#980000;padding:0 10px; z-index:99;} .v_r p{ line-height:1.375em;font-size:16px;text-align:left;} #footer{width:100%; border-top:1px solid #980000; clear:both;position:relative; height:auto; margin-top:30px;} #footer .content{width:100%;margin:10px auto auto auto;} #footer .copy{width:55%; height:41px;background:none; line-height:20px;height: 5em;FLOAT: LEFT; font-size:10px;color:#333; padding: 0; font-size: 10px!important; text-align: left; border-radius: 0;} #footer .copy img{display:block; width:100%;height:auto;} #footer .index_f{float:right; width:45%;} #footer .fl{width:100%; height:41px; font-size:12px; margin:5px auto;} .fl_list a{display:block;width:30px; height:30px;float:left; background:#970101 center;margin:auto 0px auto 20px; -moz-border-radius:5px; /* Gecko browsers */ -webkit-border-radius:5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */} .fl_list .youtube{float:left;margin-right:0;} .fl_list .wx{ width:0; height:0; position:absolute; bottom:1.75em; margin-left:12.86em; background:url(../images/wx.png) no-repeat; display:none; } #footer .des{ display:none;} .main{width:100%; height:auto; padding:0 0.9375em; margin:100px auto auto auto;} .main .main_t{font-size:22px;text-align:center;margin:0px auto 20px auto;height:55px; line-height:25px; width:100%;overflow:hidden;} .main .main_t span{position:relative;background:#fff;color:#980000;padding:10px 20px ;z-index:1; display:table; margin:0 auto;} .main .main_t span:before,.main .main_t span:after{content:"";width:178px;height:26px;top:0px;position:absolute;left:-178px;border-bottom:2px solid #c8c9c9;z-index:1;} .main .main_t span:after{left:auto;right:-178px;z-index:1;} /*about*/ .about_us p{width:100%;padding:0px;} .about_us img{float:left;margin:7px auto 27px 0px; width:100%; height:auto;} .main .content{margin:auto auto auto auto; width:100%; height:100%; overflow:hidden;} .container{margin:5px auto; width:100%; height:auto; overflow:hidden;} .main .content p{line-height:1.575em;} /*时间线 begin*/ .timeline {background:none;width:100%; height:auto; line-height:22px; display:block;} .timeline div{display:none;} .timeline img{width:100%; height:auto;display:block;} #pano{display:none;} .faculty .subnav li{width:auto;margin-right:106px;} .faculty .subnav li:last-child{margin-right:0px;} .line{display:none;} .facultydesc{margin:0 auto; height:auto;} .facultydesc img{margin:auto auto 20px auto; display:block; width:100%; height:auto; float:none;} .facultydesc .p1{font-size:22px; line-height:27px;text-align:left; margin:0 0 12px auto; height:auto; width:100%;} .facultydesc .pr{font-size:16px; line-height:22px;text-align:left; } .facultydesc p{font-size:16px;line-height:22px; } .artlist h4{float:left;width:60%;color:#710000;font-size:20px;margin-top:0px;margin-left:0px;} .artlists h4{float:left;width:60%;color:#710000;font-size:20px;margin-top:0px;margin-left:0px;} .artlist .nm{float:left;width:70%;color:#710000;font-size:20px;margin-top:0px;margin-left:0px;} .artlist .btn{position:absolute;right:0px;height:85px;border-left:1px dotted #980000;color:#980000;line-height:80px;padding-left:15px;width:99px;background:url(../images/before.png) no-repeat 9px 38px; text-align:left;display:block;} .artlist .btn:before{content:"";margin-right:10px;} .artlists .btn{position:absolute;right:0px;height:85px;border-left:1px dotted #980000;color:#980000;line-height:80px;padding-left:15px;width:99px;background:url(../images/before.png) no-repeat 9px 13px; text-align:left;display:block;} .artlists .btn:before{content:"";margin-right:10px;} .pro_l{float:none;width:100%; height:auto} .pro_l img{ margin:20px auto 20px 0px; width:100%; height:auto;} .pro_r .p2{text-align:left;width:100%;font-size:16px; line-height:22px; margin-bottom:16px;} .pro_r p{text-align:left; width:100%;font-size:16px; line-height:22px; } .pro_r{width:100%; height:auto;margin:auto auto 30px auto;} .pro_img{width:100%; height:auto; display:block;} .pro_img img{width:100%; height:auto;} .ygs_img{margin:0px auto 20px auto;} .ygs_b{display:block;} .ygs_c{display:none;} .map{height:auto;width:100%;background:none;position:relative;margin:0 -100px; overflow:hidden; border:none; margin:0;padding:0;} .map ul{display:none;} .map img{width:100%;height:auto;display:block;} .res{width:100%; height:auto;float:left; margin:5px auto auto 0px;} .piclist{padding-top:0px;} .piclist article{border:2px solid #cb7f7f;float:left;width:100%;padding:10px; margin:auto auto 30px auto; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; } .piclist article .box{display:block;height:auto;overflow:hidden;line-height:1.2em;margin:10px 0; } .piclist article p{display:block;line-height:1.2em;height:auto;padding:10px 0;text-align:left;} .piclist article img{width:100%;display:block; height:auto;} .schol_l {width:100%;overflow:hidden;float:left;} .schol_l p{width:100%;overflow:hidden;float:left;} .schol_l .py{font-size:20px; line-height:30px;text-align:left; margin:10px auto 10px 0px; height:auto;color:#980000; } .schol_ll .py{font-size:20px; line-height:30px;text-align:left; margin:10px auto 10px 0px; color:#980000; } .schol_ll {width:100%;overflow:hidden;float:left;} .schol_ll p{width:100%;overflow:hidden;float:left;} .schol_list h4{font-size:22px; color:#980000; line-height:25px; height:auto;} .schol_r{ margin:20px auto auto auto; width:100%; height:auto; text-align:center; display:block;} .schol_r img{ display:none;} .schol_img{display:block;width:100%; height:auto; margin:auto auto 20px auto;} .pt_list{width:100%; height:auto; margin-bottom:40px;clear:both;} .pt_list li{width:100%; float:left;margin:20px auto; height:auto;} .pt_list .l{width:25%; float:left;} .pt_list .l img{} .pt_list .r{width:70%; float:right;} .pt_list .r p{float:left; width:100%;text-align:left; font-size:15px; line-height:24px; text-align:left; } .pt_list .r .r1{color:#000000;} .pt_list .r .r2{ height:auto; width:100%; overflow:hidden;} .pt_list .r .r3{ height:auto;} .pt_list .r .r3 a{color:#980000; border-bottom:2px solid #980000;} .newslist article{position:relative;padding:0;border-bottom:1px } .newslist .pic{width:100%;float:left;position:relative;} .newslist .pic img{width:100%;} .newslist .pic span{background:rgba(152,0,0,.7);position:absolute;bottom:2px;width:100%;color:#fff;padding:5px 10px;font-size:18px;text-align:center; overflow:hidden;line-height:30px;} .newslist article h4{margin-left:450px;font-size:22px;color:#980000;line-height:30px;margin-bottom:20px; display:none;} .newslist article h4 a{color:#980000;line-height:30px;display:block;} .newslist article h4 a:hover{text-decoration:underline;} .newslist article .p{width:100%;line-height:22px;height:auto;overflow:hidden;display:block;text-align:left; text-justify:inter-ideograph;color:#000;margin-left:0; padding-top:20px;} .newslist article .more{position:absolute;right:20px;bottom:20px;color:#980000; display:none;} .newslist article .more:hover{text-decoration:underline;} .Archive{float:right; color:#980000;} .news .view_l{width:100%;height:auto;} .news .view_r{float:right;width:0;display:none; height:0;} .news .view_l h2{font-size:22px;color:#980000; line-height:32px;} .news .view_l time{font-size:14px;color:#000000;} .news .view_l img{width:100%; height:auto;} .Newsletter p{width:100%;margin:0 auto;text-align:Justify; text-justify:inter-ideograph;} .Newsletter .main .myform {width:100%;margin:0 auto;} .Newsletter .main .myform .inp label{ width:100%; margin-left: 0px; text-align: left;text-indent:0px !important;padding-right:10px; } .Newsletter .main .myform .inp input{width:100%;float:left; box-shadow:none; background:none} .Newsletter .main .myform .inp #submit{margin-right:0;background:#ffffff;color:#980000;border:1px solid #980000;text-indent:0; margin:20px 0px 20px auto;} .Newsletter .main .myform .inp #submit:hover{background:#980000;color:#ffffff;text-indent:0;} .msg{text-align:center;} /*留言*/ .main .myform{width:100%; height:auto; margin:20px auto; } .main .myform label{font-size:18px;color:#980000;float:left; width:100%; height:35px; line-height:35px; text-align:left;} .main .myform .inp{height:35px; margin:26px auto;} .main .myform .inp input{width:100%; height:35px; float:left; line-height:35px; border: 2px solid #e1e2e2; text-indent:10px; -moz-border-radius: 7px; /* Gecko browsers */ -webkit-border-radius: 7px; /* Webkit browsers */ border-radius:7px; /* W3C syntax */box-shadow:none;} #divselect{width:100%; height:35px; float:left; line-height:35px;border: 2px solid #e1e2e2; position:relative; z-index:3; background: url("../images/select_ico_m.jpg") no-repeat scroll right center transparent; -moz-border-radius: 7px; /* Gecko browsers */ -webkit-border-radius: 7px; /* Webkit browsers */ border-radius:7px; /* W3C syntax */} #divselect cite{width:100%; height:35px;line-height:35px; display:block; color:#980000; cursor:pointer;font-style:normal; text-align:left;padding-left:20px; } #divselect ul{width:100%;border-left:2px solid #e1e2e2;border-right:2px solid #e1e2e2;border-bottom:2px solid #e1e2e2; background-color:#ffffff; position:absolute; z-index:4; margin-top:-1px; display:none;-moz-border-radius: 7px; /* Gecko browsers */ -webkit-border-radius: 7px; /* Webkit browsers */ border-radius:7px; /* W3C syntax */padding:0;right:0px;} #divselect ul li{height:40px; text-align:left;text-indent:0;} #divselect ul li a{display:block; height:40px;line-height:40px; color:#000000; text-decoration:none;margin:auto 20px; color:#980000;border-bottom:1px solid #a5a6a6; padding-left:0;} #divselect ul li .c_last{border-bottom:none;} #divselect ul li a:hover{background-color:#980000; color:#ffffff;} .main .myform .inp #submit{ width:112px; height:35px; float:right; cursor:pointer; margin:auto 0px auto auto; color:#980000;border:1px solid #980000;text-indent:0px;padding:0px; background:none;text-align:center;line-height:35px; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */} .main .myform .inp #submit:hover{background:#980000;color:#ffffff;} .main .myform .inp .E-mail{text-indent:0px;} .main .myform .inp .Subject{text-indent:0px;} .main .myform .ar .Message{text-indent:0px;} .main .myform .inp .Category{text-indent:0px;} .main .myform .inp .s_button{color:#ffffff;font-size:18px; font-family:"Georgia";} .main .myform .ar #Message{ width:100%; min-height:200px;padding:10px; border: 2px solid #e1e2e2; -moz-border-radius: 7px; /* Gecko browsers */ -webkit-border-radius: 7px; /* Webkit browsers */ border-radius:7px; /* W3C syntax */} .main .faq_list .artlists_p{padding-left:20px; width:100%;} } @media screen and (max-width: 720px){ .fl_list a{display:block;width:30px; height:30px;float:left; background:#970101 center;margin:auto 0px auto 16px; -moz-border-radius:5px; /* Gecko browsers */ -webkit-border-radius:5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */} } @media screen and (max-width: 640px){ .fl_list a{display:block;width:30px; height:30px;float:left; background:#970101 center;margin:auto 0px auto 14px; -moz-border-radius:5px; /* Gecko browsers */ -webkit-border-radius:5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */} } @media screen and (max-width: 540px){ .fl_list a{display:block;width:30px; height:30px;float:left; background:#970101 center;margin:auto 0px auto 8px; -moz-border-radius:5px; /* Gecko browsers */ -webkit-border-radius:5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */} } @media screen and (max-width: 480px){ #footer .copy{background:none;width:100%; height:41px; line-height:20px;height: 5em;FLOAT: LEFT; font-size:10px;color:#333; padding: 0; font-size: 10px!important; text-align: left; border-radius: 0; display:none;} #footer .copy_m{background:none;width:90%; height:auto; line-height:20px;height: auto; font-size:10px;color:#333; padding: 0; font-size: 10px!important; text-align: left; border-radius: 0; display:block;float:none; margin:0 auto;} #footer .copy_m img{width:100%;height:auto; margin:0 auto; float:none;} #footer .index_f{width:90%;float:none; margin:0 auto;} #footer .fl{width:100%; height:41px; font-size:12px; } .fl_list a{display:block;width:30px; height:30px;float:left; background:#970101 center;margin:auto 45px auto 0px; -moz-border-radius:5px; /* Gecko browsers */ -webkit-border-radius:5px; /* Webkit browsers */ border-radius:5px; .main .main_t span{position:relative;background:#ffffff;color:#980000;padding:0px 10px ;z-index:1;display:table; margin:0 auto; } .main .main_t span:before,.main .main_t span:after{content:"";width:178px;height:26px;top:0px;position:absolute;left:-178px;border-bottom:2px solid #c8c9c9;z-index:1;} .main .main_t span:after{left:auto;right:-178px;z-index:1;} .artlist h4{float:left;width:30%;color:#710000;font-size:20px;margin-top:0px;margin-left:0px;} .artlists h4{float:left;width:60%;color:#710000;font-size:20px;margin-top:0px;margin-left:0px;} .artlist .nm{float:left;width:40%;color:#710000;font-size:20px;margin-top:0px;margin-left:0px;} .artlist article h4{margin-top:0px;vertical-align: middle; display:table; } .artlist article.on h4{margin-top:0px;} .pro_h4{width:100%;} .faq_list .faq_t{ width:75%;} .main .faq_list .faq_t{padding-top: 0px; line-height:30px; background:url(../images/before.png) no-repeat 0px 12px ; font-size:16px;color:#980000; overflow:hidden;padding-left:20px; margin:15px auto; display:block;} .Newsletter .main .myform .inp label{ width:120px; margin-left: 0px; text-align: right;text-indent:0px !important;padding-right:10px; font-size:16px;} .Newsletter .main .myform .inp input{width:65%;float:left;} /*留言*/ .main .myform{width:100%; height:auto; margin:20px auto; } .main .myform label{font-size:16px;color:#980000;float:left; width:95px; height:40px; line-height:40px;text-align:right; } .main .myform .inp{height:40px; margin:26px auto;} .main .myform .inp input{width:245px; height:40px; float:right; line-height:40px; border: 2px solid #e1e2e2; text-indent:10px; -moz-border-radius: 7px; /* Gecko browsers */ -webkit-border-radius: 7px; /* Webkit browsers */ border-radius:7px; /* W3C syntax */} #divselect{width:245px; height:40px; float:right; line-height:40px;border: 2px solid #e1e2e2; position:relative; z-index:3; background: url("../images/select_ico.png") no-repeat scroll right center transparent; -moz-border-radius: 7px; /* Gecko browsers */ -webkit-border-radius: 7px; /* Webkit browsers */ border-radius:7px; /* W3C syntax */} #divselect cite{width:100%; height:40px;line-height:40px; display:block; color:#980000; cursor:pointer;font-style:normal; text-align:left;padding-left:20px; } #divselect ul{width:100%;border:2px solid #e1e2e2; background-color:#ffffff; position:absolute; z-index:4; margin-top:-1px; display:none;-moz-border-radius: 7px; /* Gecko browsers */ -webkit-border-radius: 7px; /* Webkit browsers */ border-radius:7px; /* W3C syntax */} #divselect ul li{height:30px; text-align:left; } #divselect ul li a{display:block; height:30px;line-height:30px; color:#000000; text-decoration:none;padding-left:20px;} #divselect ul li a:hover{background-color:#980000; color:#ffffff;} .main .myform .inp #submit{ width:112px; height:42px; float:right; cursor:pointer; margin:15px 0px 15px auto; color:#980000;border:1px solid #980000;text-indent:0px;padding:0px; background:none;text-align:center;line-height:36px; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */} .main .myform .inp #submit:hover{background:#980000;color:#ffffff;} .main .myform .inp .E-mail{text-align:left;} .main .myform .inp .Subject{text-align:right;} .main .myform .ar .Message{text-align:right;} .main .myform .inp .Category{text-align:right;} .main .myform .inp .s_button{color:#ffffff;font-size:20px; font-family:"Georgia";} .main .myform .ar #Message{ width:245px; min-height:200px;padding:10px; float:right; border: 2px solid #e1e2e2; -moz-border-radius: 7px; /* Gecko browsers */ -webkit-border-radius: 7px; /* Webkit browsers */ border-radius:7px; /* W3C syntax */} .snav .subnav td a,.snav .subnav li a{font-size:14px;} } @media screen and (max-width: 480px){ .artlist h4{float:left;width:55%;color:#710000;font-size:16px;margin-top:0px;margin-left:0px;line-height:20px;} .artlists h4{float:left;width:55%;color:#710000;font-size:16px;margin-top:0px;margin-left:0px;line-height:20px;} .artlist .nm{float:left;width:70%;color:#710000;font-size:16px;margin-top:0px;margin-left:0px;line-height:20px;} .artlist .btn{position:absolute;right:0px;height:85px;border-left:1px dotted #980000;color:#980000;line-height:80px;padding-left:15px;width:90px;background:url(../images/before.png) no-repeat 9px 38px; text-align:left;display:block;} .artlists .btn{position:absolute;right:0px;height:85px;border-left:1px dotted #980000;color:#980000;line-height:80px;padding-left:15px;width:99px;background:url(../images/before.png) no-repeat 9px 13px; text-align:left;display:block;} .main .faq_list .faq_t{padding-top: 0px; line-height:30px; background:url(../images/before.png) no-repeat 0px 9px ; font-size:16px;color:#980000; overflow:hidden;padding-left:20px; margin:15px auto; display:block;} .newslist article .p{width:100%;line-height:25px;height:auto;overflow:hidden;display:block;text-align:left; text-justify:inter-ideograph;color:#000;margin-left:0; padding-top:20px; height:143px;} } @media screen and (max-width: 420px){ .main .faq_list .faq_t{width:80%;padding-top: 0px; line-height:25px; background:url(../images/before.png) no-repeat 0px 9px ; font-size:18px;color:#980000; overflow:hidden;padding-left:20px; margin:15px auto; display:block;} .artlists .btn{position:absolute;right:0px;height:55px;border-left:1px dotted #980000;color:#980000;line-height:55px;padding-left:10px;width:99px;background:url(../images/before.png) no-repeat 9px 12px; text-align:left;display:block;font-size:16px;} .main .main_t span:before, .main .main_t span:after{width:188px;} .fl_list a{margin:auto 32px auto 0px;} .nav_c_link a{ color:#000000; font-size:14px; } .nav_trigger { width: 1.875em; height: 1.3625em; top:20px; } .nav_icon { width: 1.875em; height: 4px; } .nav_icon:before, .nav_icon:after { width: 1.875em; height: 4px; } .navs { margin-top:5px; top:2.2em; } .nav_list { height: auto; margin:auto 2.3em; } .iphone_screen { height:65px; } .banner{width:100%;height:auto; margin:55px auto auto auto;padding:0 0.9375em} .main{ margin:60px auto auto auto;} .main .main_t{margin:0px auto 0px auto;min-height:35px; line-height:25px; width:100%;overflow:hidden;} .artlist h4{float:left;width:48%;color:#710000;font-size:16px;margin-top:0px;margin-left:0px;line-height:20px;} .artlists h4{float:left;width:48%;color:#710000;font-size:16px;margin-top:0px;margin-left:0px;line-height:20px;} .artlist .nm{float:left;width:70%;color:#710000;font-size:16px;margin-top:0px;margin-left:0px;line-height:20px;} } @media screen and (max-width: 384px){ .fl_list a{margin:auto 27px auto 0px; } .artlist h4{float:left;width:43%;color:#710000;font-size:14px;margin-top:0px;margin-left:0px; line-height:20px;} .artlists h4{float:left;width:43%;color:#710000;font-size:14px;margin-top:0px;margin-left:0px;line-height:20px;} .artlist .nm{float:left;width:70%;color:#710000;font-size:14px;margin-top:0px;margin-left:0px;line-height:20px;} .main .faq_list .faq_t{width:75%;padding-top: 0px; line-height:25px; background:url(../images/before.png) no-repeat 0px 9px ; font-size:16px;color:#980000; overflow:hidden;padding-left:20px; margin:13px auto; display:block;} .artlists .btn{position:absolute;right:0px;height:55px;border-left:1px dotted #980000;color:#980000;line-height:55px;padding-left:10px;width:80px;background:url(../images/before.png) no-repeat 9px 12px; text-align:left;display:block;font-size:12px;} .artlists .btn:before{content:"";margin-right:10px;} .snav h2 a{display:block;line-height:40px;border-bottom:1px solid #999;background:url(../images/down.jpg) no-repeat right center;color:#980000;font-size:16px;} .subnav a{color:#980000;font-size:16px;} .nav_link { font-size: 14px; text-decoration: none; color: #980000; opacity: 1; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; line-height:2em; } .nav_c_link a{ color:#000000; font-size:14px; } } @media screen and (max-width: 375px){ .fl_list a{margin:auto 23px auto 0px; } .banner{margin:70px auto 0px auto;} .iphone_screen {height:55px;} .artlist article h4{margin-top:20px; } .artlist article.on h4{margin-top:20px;} .artlist h4{float:left;width:41%;color:#710000;font-size:14px;margin-top:0px;margin-left:0px; line-height:20px;} .artlists h4{float:left;width:41%;color:#710000;font-size:14px;margin-top:0px;margin-left:0px;line-height:20px;} .artlist .nm{float:left;width:70%;color:#710000;font-size:14px;margin-top:0px;margin-left:0px;line-height:20px;} .artlist .btn{position:absolute;right:0px;height:55px;border-left:1px dotted #980000;color:#980000;line-height:55px;padding-left:10px;width:68px;background:url(../images/before.png) no-repeat 9px 25px; text-align:left;display:block;font-size:12px;} .artlist .btn:before{content:"";margin-right:10px;} .artlists .btn{position:absolute;right:0px;height:55px;border-left:1px dotted #980000;color:#980000;line-height:55px;padding-left:10px;width:80px;background:url(../images/before.png) no-repeat 9px 12px; text-align:left;display:block;font-size:12px;} .artlists .btn:before{content:"";margin-right:10px;} .artlists_p{font-size:12px;} .main .faq_list .faq_t{width:75%;padding-top: 0px; line-height:25px; background:url(../images/before.png) no-repeat 0px 9px ; font-size:16px;color:#980000; overflow:hidden;padding-left:20px; margin:11px auto; display:block;} .nav_link { font-size: 12px; text-decoration: none; color: #980000; opacity: 1; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; line-height:2em; } .nav_c_link a{ color:#000000; font-size:12px; } } @media screen and (max-width: 321px){ .fl_list{display:table;} .fl_list a{display:table-cell;margin:auto 15px auto 0px; } .banner{margin:45px auto 0px auto;} .iphone_screen {height:60px;} .artlist article{position:relative;margin:20px 0;} .artlists article{position:relative;margin:20px 0;} .artlist article h4{margin-top:16px;} .artlist img{float:left;width:55px;height:55px;} .artlist h4{float:left;width:50%;color:#710000;font-size:12px;margin-top:0px;margin-left:0px;line-height:18px} .artlists h4{float:left;width:50%;color:#710000;font-size:12px;margin-top:0px;margin-left:0px;line-height:18px} .artlist .nm{float:left;width:70%;color:#710000;font-size:12px;margin-top:0px;margin-left:0px;line-height:18px} .artlist article.on h4{margin-top:16px;} .artlist .btn{position:absolute;right:0px;height:55px;border-left:1px dotted #980000;color:#980000;line-height:55px;padding-left:10px;width:68px;background:url(../images/before.png) no-repeat 9px 25px; text-align:left;display:block;font-size:12px;} .artlist .btn:before{content:"";margin-right:10px;} .artlists .btn{position:absolute;right:0px;height:55px;border-left:1px dotted #980000;color:#980000;line-height:55px;padding-left:10px;width:80px;background:url(../images/before.png) no-repeat 9px 12px; text-align:left;display:block;font-size:12px;} .artlists .btn:before{content:"";margin-right:10px;} .artlists_p{font-size:12px;} .main .faq_list .faq_t{width:72%;padding-top: 0px; line-height:30px; background:url(../images/before.png) no-repeat 0px 11px ; font-size:14px;color:#980000; overflow:hidden;padding-left:20px; margin:15px auto; display:block;} .snav h2 a{display:block;line-height:40px;border-bottom:1px solid #999;background:url(../images/down.jpg) no-repeat right center;color:#980000;font-size:14px;} .subnav a{color:#980000;font-size:14px;} .nav_link { font-size: 14px; text-decoration: none; color: #980000; opacity: 1; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; line-height:1.82em; } .nav_c_link a{ color:#000000; font-size:14px; } }