@charset "utf-8";

*{margin:0;padding:0}
body{font-family:"微軟雅黑";font-size:12px;height:100%;line-height:22px;width:100%;background:#fff;}
body,p {font: 14px/1 "Microsoft YaHei", "\u5b8b\u4f53", Tahoma, Geneva, sans-serif;color: #3c3c3c;}
a {color: #333333;text-decoration: none;}
a:link {color: #333333;text-decoration: none;}
a:hover {color: #0567b5;text-decoration: none;}
a:visited {text-decoration: none;}
img{border:0;}
ul{list-style:none}
.lf{float:left}
.rg{float:right}
.clear{clear:both;height:0px;line-height:0px;font-size:0px}
.wrapper {width: 100%;margin: 0 auto;}
.wrapper .inner {/**頁面全局寬度**/width: 1200px;margin: 0 auto;}
#more{display: block; font-size: 14px; color: #0574d0; height: 50px; line-height: 50px; text-align: center; float: right; margin-top:20px;}
#more a{display: block;width: 100px;height: 30px;background: #ffffff;text-align: center;line-height: 30px;border-radius: 20px;    border: #e5e5e5 1px solid;}
#more a:hover{color:#ffffff;background: #0d67bb;}

#head{top:0px;left:0px;width:100%;min-width:1000px;z-index:9999;height:120px;background:url(../images/logo_bg.jpg) center top no-repeat; background-color:#0567b5;transition:all .3s}
#head .inner { position: relative;}
.logo{width:458px;margin-top: 23px;transition:all .3s;position: relative;overflow: hidden;}
.logo a{display:block;position:relative;overflow:hidden}
.logo img{position:relative;z-index:100;border:0;}
.logo_faq{text-align: right;margin-top: 43px; height:52px;}
.moblie_head{ display:none;}
.a_txt{display:none}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: block;
	*zoom: 1;
}
/*PC菜單*/
.main_menu{ width:100%; height:48px; background-color:#fff;}
.navbox{}
/* .nav{display: block;width:calc(100% - 180px);width:1200px;margin: 0 auto;} */
.nav{display: block;max-width:1200px;margin: 0 auto;}
/*.nav .nav_pc{ width: 100%;}*/
.nav .nav_pc{ max-width: 95%;}
.nav ul li{float:left;position: relative;box-sizing: border-box;z-index: 999;}
..nav ul li:first-child{}
.nav ul li .f_a{line-height:48px;display:block;text-align:center;font-size:16px;color:#333;}
.nav ul li:hover .f_a{background-color:#0574d0;color: #fff; transition:all .3s}
.nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background-color: rgba(5,103,181,0.8);z-index: 9999;border-bottom:8px solid rgba(5,103,181,0);border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding: 8px 0;line-height:20px;}
.nav ul li .s_navbox .s_a a:hover{background:rgba(5,103,181,0.8);color: #fff;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.active{background-color: #0574d0}
.activ2{background-color: #0574d0}
/*大圖*/
#dt .inner{ width: 100%; overflow: hidden;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width:100%;border:0;}
.slide_container {position: relative;float: left;width: 100%;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0;top: 0;}
.slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
#dt .dtxt{width:1200px;position:absolute;left:50%;margin-left:-600px;bottom: 30px;z-index: 999;}
#dt .dtxt a{background: url(../images/focusbg.png) right center no-repeat; opacity: 1; filter: alpha(opacity=100);color: #FFFFFF;font-size: 20px;padding: 0 120px 0 30px;line-height: 48px;display: block;float: left;}
.slide .caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0;max-width: none;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 50%;opacity: 0.2;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 65px;width: 34px;margin-top: -30px;} 
.slide_nav:hover {opacity: 1.0;}
.slide_nav.prev {left:2%;background: url(../images/datu_l.png) no-repeat center center;}
.slide_nav.next {right:2%;background: url(../images/datu_r.png) no-repeat center center;}  
.slide1_tabs{position:absolute; bottom:30px;right:20%;z-index:100; text-align: center;}
.slide2_tabs{position:absolute; right:10px;top:10px;z-index:100; text-align: center;}
.slide1_tabs li,.slide2_tabs li{display:inline-block;width:12px;height:12px;margin-left:6px;border-radius:10px;background-color:rgba(255,255,255,0.8);position:relative;}
.slide1_tabs li a,.slide2_tabs li a{display:inline-block;width:12px;height:12px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);}
.slide1_tabs li.slide_here a,.slide2_tabs li.slide_here a{background:#0574d0;}
/*學院新聞mod1*/
.mod1{ overflow: hidden; padding-bottom: 20px;}
.mod1 .tit{color: #0574d0; float: left;padding-left:34px;background: url("../images/ico_news.png") 0 31px no-repeat; }
.mod1l{width: 580px; float: left;}
.mod1l .btjj{ position: absolute; left: 0; bottom: 0;z-index: 100; width:100%; padding: 10px; background:rgba(0,33,76,0.5);}
.mod1l .btjj a{display: block;color: #FFFFFF;font-size: 16px; text-align: center; line-height: 24px;}
.tit{ display: block; line-height: 80px; font-size: 22px;  text-align: center;}

.mod1r{ float: right; width: 590px; overflow: hidden; }
.news_list dl{height:39px;line-height:39px;font-size:15px;border-bottom:1px dashed #e5e5e5;background:url(../images/time.png) no-repeat left 14px;padding-left:20px;}
.news_list dl dd { padding-right:5%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.news_list dl a:hover{color:#0567b5;}
.news_list dl .date{float:right;color:#adadad;font-size:15px;}
.lanmu_news_list{ width:100%; font-size:16px; color:#464646; line-height:180%; margin:20px 0 40px; min-height:600px;}
.lanmu_news_list dl{height:39px;line-height:39px;font-size:15px;border-bottom:1px dashed #e5e5e5;background:url(../images/time.png) no-repeat left 14px;padding-left:20px;}
.lanmu_news_list dl dd { padding-right:5%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.lanmu_news_list dl a:hover{color:#0567b5;}
.lanmu_news_list dl .date{float:right;color:#adadad;font-size:15px;}
#wp_content_w7_0 p{text-indent:28px;font-size:15px;line-height:180%;padding:5px 0;}
#wp_content_w7_0 .paging_content img{width:auto;height:auto;max-width:100%;max-height:100%;}
#wp_content_w7_0 .paging_content table td p{text-indent:0px;}
.wp_paging_w7,.wp_paging{ background-color:#f3f3f3;margin-top:30px; width:97.5%;padding:0 10px 5px 10px;border:1px #ebebeb solid;}
.top_title{ margin: 0 0 10px 0; text-align: center;}
.top_title a{ color: #cc0000; font-size:20px; line-height:40px; font-weight: bolder;}
.top_title a:hover{ color: #cc3300; }
.top_time { color: #999999; font-size: 14px; line-height: 30px;}
.top_zy a{ color: #595858; font-size: 14px; line-height: 27px;}
.top_zy { color: #686868; font-size: 14px; line-height: 27px; border-bottom: #dcdcdc 1px dashed; padding:0 0 16px 0;    text-indent: 2em;}
/*通知公告、學術動态mod2*/
#mod .inner{ overflow: hidden;}
.mod2{ overflow: hidden;width: 48.34%; float:left;padding-bottom: 20px;}
.mod2 .tit{color: #0574d0; text-align: left; float: left;padding-left:34px;background: url("../images/ico_study.png") 0 31px no-repeat;}
.mod2 .list *{ display: block;}
.mod2 .list li{margin: 5px 0;overflow: hidden;}
.mod2 .list .bt{ line-height: 30px;height: 30px;overflow: hidden;font-size: 15px;}
.mod2 .list .gd{  margin-top:15px; color: #d40000;text-align: left; font-size: 12px;}
.xsdt_list{}
.xsdt_list li{height:39px;line-height:39px;font-size:15px;border-bottom:1px dashed #e5e5e5;background:url(../images/ico_xsdt.png) no-repeat 4px 18px;padding-left:20px;}
.xsdt_list li dd {padding-right:5%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.xsdt_list li a:hover{float:left;color:#0567b5;}
.xsdt_list li .date{float:right;color:#adadad;font-size:14px;}

.mod3{  width: 49%;  float: right;padding-bottom: 20px;}
.mod3 .tit{color: #0574d0; text-align: left; float: left;padding-left:34px;background: url("../images/ico_notice.png") 0 31px no-repeat;}
.mod3 .list *{ display: block;}
.mod3 .list li{margin: 5px 0;overflow: hidden;}
.title_list li{height:63px;margin:5px 0 22px 0;}
.time{width:60px;border-top:3px solid #fab42c;}
.yue{text-align: center;line-height:29px;background-color: #0567b5;color:#fff;display:block;border:1px solid #2175d7;border-bottom:0;font-size:20px;}
.nian{text-align: center;line-height:25px;background-color: #f6fbff;color:#666;display:block;font-size:12px;border:1px solid #ddd;border-top:0;}
.wz{ margin-left:80px;}
.wz .wz_title{font-size:15px;line-height:30px;}
/*中間橫條*/
.banner_gg{ width:100%; background:url(../images/banner_gg_bg.jpg) center center no-repeat; text-align:center;display: inline-block;}
.banner_gg img{width:auto;height:auto;max-width:100%;max-height:100%;}
/*内頁banner*/
.ny_banner{ width:100%;text-align:center;display: inline-block;}
.ny_banner img{width:auto;height:auto;max-width:100%;max-height:100%;}
/*友情鍊接*/
#mod4{ background: #efefef;}
.i_link{ height:100px;background: #efefef;}
.i_link ul{background: #efefef;}
.i_link li {float:left;line-height: 100px;background: #efefef; padding-right:20px;}
#i_link_title{ color: #0574d0; font-size: 18px;}
.i_link select{ width:250px; height: 32px; border: #d4d4d4 1px solid; text-align: center;text-align-last: center;}
/*底部*/
/* footer */
.footer {background-color: #0567b5;padding-top: 20px;height: 125px;}
.footer .foot_logo {float: left;margin-top: 24px;padding-right: 25px;border-right: dashed 1px #50a1e2;}
.footer .foot_logo img{border:0;}
.footer .footer-r {padding-top: 18px;float: left;color: #b5d6f1;font-size:13px;padding-left: 30px;line-height: 1.8;}

.sub_list.list-paddingleft-2{display:none}
.wp_subcolumn_list{clear:both;margin-bottom:50px}
.news_imgs{width:82px;height:82px;float:left;position:absolute;top:0px}
.news_imgs img{width:100%;height:100%}
.news_text{margin-left:122px;width:80%;float:right;font-size:14px;line-height:26px}
.news_text a{color:#999}
.wp_subcolumn_list .wp_sublist .sublist_title{border:none;margin-left:122px;width:80%;float:right}
.wp_subcolumn_list .wp_sublist .sublist_title a .subcolumn-name {
    cursor: auto;font-weight:normal;
    color: #3f3e3e;
    font-size: 18px;
}
.wp_subcolumn_list .wp_sublist .sublist_title a.morelink{position:absolute;bottom:-25px;right:12px;background:url(/_upload/tpl/02/0c/524/template524/images/yxsz_more.png) no-repeat center;width:61px;height:25px}
.wp_subcolumn_list .wp_sublist .sublist_title a.morelink img{display:none}
.wp_subcolumn_list>li{position:relative}
/* ----------- 正文 ----------- */

/* 内頁banner */
#banner-page{ position: relative;z-index: 9; width: 100%; height: 200px; text-align: center; overflow: hidden; background: url(../../Base/img/page-banner.jpg) center 0 no-repeat;}
#banner-page img{ position: absolute; top: 0; left: 50%; margin-left: -960px;}

/* 側欄-菜單 */
.col {padding: 22px 0;background-color:#FFF;}

.col-menu {width:260px;float:left;	z-index: 100;position: relative; 
} 
.col-menu-head {width: 100%;font-size: 30px;background: #0574d0;color: #fff;display: block;line-height: 60px;text-indent: 20px;border-bottom:2px solid #00427f;}

#side-menu .hd{ padding-bottom: 5px; text-align: center; background: url(../images/side-menu-hd-bg.jpg) no-repeat; line-height: 70px; font-size: 22px; color:#FFFFFF; height:80px;}
#side-menu .hd h3{ font-size: 24px; font-weight: normal;}
#side-menu .bd{position: relative;z-index: 3; padding: 0;}
#side-menu li.li1{margin-bottom: 2px;}
#side-menu li.li1 .a1{position: relative;display: block;padding: 13px 35px; background: #e9efed;line-height: 24px;font-size: 16px;font-weight: normal;}
#side-menu li.hasUl1 .a1{ background: #e9efed url(../image/icons-menu-side.png) no-repeat 96% 16px;}
#side-menu li a:hover{color: #058660; text-decoration: none;}
#side-menu li.on1 .a1{ background-color: #0567b5; color: #fff; border-left: 3px solid #e5cd04}
#side-menu li.hasUl1.on1 .a1{ background: #0567b5 url(../image/icons-menu-side.png) no-repeat 2% 16px;}

#side-menu li.li1 a:hover{ background-color: #0567b5; color: #fff; border-left: 3px solid #e5cd04}
#side-menu li.li2 a:hover{ border: 1px solid #ddd; background-color: #e9efed;color: #058660;}

/* 二級菜單 */
#side-menu .ul1{ display: none;}
#side-menu .hasUl1 .ul1{ padding: 0 2px; border: 1px solid #ddd; overflow: hidden;}
#side-menu .ul1 .li2{margin-top: 2px; margin-bottom: 2px;}
#side-menu .ul1 .a2{ display: block;border: 1px solid #eee;background: #f2f6f9 url(../images/icons-menu-side.png) no-repeat 30px -271px; padding: 8px 10px 8px 50px; line-height: 22px; font-size: 14px;font-weight: normal;}
#side-menu .on1 .ul1{ display: block;}
#side-menu .on2 .a2, #side-menu .a2:hover{ border-color: #ddd; background-color: #e9efed;font-weight: bold;}

/* 三級菜單 */
#side-menu .ul3{ display: block;}
#side-menu .hasUl1 .ul1{ padding: 0 2px; border: 1px solid #ddd; overflow: hidden;}
#side-menu .ul3 .li3{margin-top: 2px; margin-bottom: 2px;}
#side-menu .ul3 .a3{ display: block;border: 1px solid #eee;background: #f2f6f9 url(../images/icons-menu-side.png) no-repeat 40px -170px; padding: 8px 10px 8px 60px; line-height: 22px; font-size: 12px;font-weight: normal;}

.col-news { /**列表頁右側新聞**/width:74%; float:right;margin-left:30px;} 
.col-lmmc{width:100%;margin: 0px;border-bottom:1px solid #ddd;}
.col-path {display:inline-block;white-space:nowrap; height:60px;line-height: 60px;text-align: right;float: right;padding-left: 30px;background: url(../images/icon_dz.png) left center no-repeat;} 
.col-path a {color: #888888;font-size: 14px;}

.col-title { /**當前欄目**/display:inline-block; white-space:nowrap; height:60px; line-height:60px;float: left;display:inline-block;font-size:24px;color:#333333;border-bottom: 2px solid #0567b5;padding:0 10px;margin-bottom:-1px;} 
.col-news-con {padding: 0px;margin:0px;}
.col-page { /**新聞内容頁面**/width:100%; } 
.newstitle{width:98%; font-size:20px;min-height:60px; line-height:30px; color:#0567b5;vertical-align:middle; background:url(../images/news_detail_border.gif) repeat-x bottom; text-align:center; margin:0 auto; padding:10px 0;}
.info{width:100%; font-size:12px; color:#999; height:25px; line-height:25px; vertical-align:middle; text-align:center; margin-bottom:10px;margin:0 auto;}
.nd_one {min-width: 150px;padding:0 20px;text-align:center;font-size:12px;}
.content{ width:100%; font-size:15px; color:#464646; line-height:200%; margin:0 auto;  margin:40px 0; }
.content p{text-indent:30px; line-height:200%;padding:8px 0;font-size:15px; }
.content img{width:auto;height:auto;max-width:100%;max-height:100%;}
.content table td p{text-indent:0px;}
.article_content p{font-size:16px; margin:10px 0;}
.zs_back_up_div {border-bottom: 1px solid #dfdfdf;border-top: 1px solid #dfdfdf;display: block;font-size: 14px;height: 40px;line-height: 40px;width:100%;text-align:center;padding-top:15px; margin:80px 0;}
/*小于1600大于1200稍微調整下字體*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
.foot_top ul{margin-left:60px}
.nav ul li .div1 .p1{width:58.1%}
}
/* 大屏幕（大桌面顯示器，小于等于 1200px） */

@media only screen and (max-width: 1199px) {
.wrapper .inner {width: 98%;}
.nav{width: 98%;}
/*學院新聞*/
.mod1l{ width: 49%;}
.mod1r{width: 49%;}
/*通知公告、學術動态*/
.mod2 {width: 49%;}
.mod3 {width: 49%;}
.i_link select{ width:100%;}
.col-menu{ width: 21.6%;}
	.col-news{width:75%;}
}
/*移動端導航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
#head{display:none}
.main_menu{display:none}
.moblie_head{display:block;height:80px;background:url(../images/logo_bg.jpg) center top no-repeat; background-color:#0567b5;/*position:fixed;*/top:0px;left:0px;width:100%;z-index:9999;}
.moblie_head .lf{padding-top:20px;padding-left:2%}
.moblie_head .lf img{height:45px;border:0;}
.moblie_head .rg{padding-right:5%;padding-top:34px}
.moblie_head .rg a img{height:16px;vertical-align:top;border:0;}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:30%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:70%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#0792ea;line-height:45px;padding-left:5%;font-size:20px; font-weight: bold;}
.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none; padding-left:20px;}
.a_txt .div3 ul li .a_txt2 a{height:30px;line-height:20px;font-size:16px;color:#fff;}
.a_txt .div3 ul li .a_txt3{padding-left:40px;line-height:14px;}
.a_txt .div3 ul li .a_txt3 span{font-size:14px; font-weight: normal;color:#ccc;}
.a_txt .div3 ul li .a_txt4{padding-left:60px; color:#CCCCCC;font-size:12px;}
/*大圖*/
#dt .dtxt{position:absolute;left:50%;margin-left:-50%;bottom:2%;z-index: 999;}
#dt .dtxt a{background: url(../images/focusbg.png) right center no-repeat; opacity: 1; filter: alpha(opacity=100);color: #FFFFFF;font-size: 14px;padding: 0 2% 0 2%;line-height: 18px;display: block;float: left;}
.slide1_tabs{display: none;}
/*學院新聞*/
.mod1l{ width: 100%;}
.mod1r{width: 100%;}
.mod2{ width: 100%;}
.mod3{width: 100%;}
#mod4{display: none;}
.footer{height: 85px;}
.footer .foot_logo {display: none;border:0;}
.footer .footer-r{ text-align:center; padding:0; float:none; font-size:10px;}
.col-menu{display: none;}
.col-news{width:100%;}
#wp_content_w7_0{padding:0 10px;}
.Article_Content{padding:0 10px;}
/*欄目頁*/
.col-title{display: none;}
.col-path{float:left;}
}
/*教師簡曆樣式*/
table.gridtable {
            border-collapse: collapse;
        }
table.gridtable td{height:10px;}
table.gridtable p{
          margin: 0;
          padding: 0;
          line-heighte:16px;
          font-size:14px;
        }
.hr-solid1{
border:0;
width:40%;
border-top:1px solid #333;
margin:8px 0 15px 0;
}
.hr-solid2{
border:0;
border-top:1px solid #333;
margin:8px 0 15px 0;
}
#zd{width: 90%; margin: 0 auto; }	
#zd table tr:first-child{background:#467fcb; color:#fff;font-weight:bold; text-align: center;} /*第一行标題藍色背景*/
#zd table{border-top:1pt solid #C1DAD7;border-left:1pt solid #C1DAD7;margin: 0 auto; width: 100%;} 
#zd td{ padding:10px 20px; border-right:1pt solid #C1DAD7;border-bottom:1pt solid #C1DAD7;font-size:16px;}
#zd tr{background:#ffffff;}
#zd tr:nth-of-type(odd){ background:#F5FAFA;} /* odd 标識奇數行，even标識偶數行 */
#zd tr:hover{ background: #E0F0F0;} /*鼠标懸停後表格背景顔色*/

@font-face {
    font-family: 'iconfont';
    src: url('/_upload/tpl/02/0c/524/template524/fonts/iconfont.eot');
    src: url('/_upload/tpl/02/0c/524/template524/fonts/iconfont.eot') format('embedded-opentype'), url('/_upload/tpl/02/0c/524/template524/fonts/iconfont.woff') format('woff'), url('/_upload/tpl/02/0c/524/template524/fonts/iconfont.ttf') format('truetype'), url('/_upload/tpl/02/0c/524/template524/fonts/iconfont.svg') format('svg');
}

input[type=number] {
    -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

button,
input,
textarea {
    resize: none;
    border: none;
    outline: none;
}


.header {
    z-index: 99999;
    top: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color: #fff;
}
@media (max-width: 1199px) {
    .header {
        z-index: 99999;
    }
}



.header .search-box {
    position: fixed;
    z-index: 888;
    top: 100%;
    left: 0;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-top: 20px;
    margin-top: 0;
    margin-right: 10px;
    padding: 0 3% 0 -1%;
    background-color: rgba(0, 91, 172, .96);
}
.header .search-box .search {
    line-height: 40px;
    overflow: hidden;
    zoom: 1;
    width: 240px;
    border: 1px solid #dbdbdb;
    border-radius: 40px;
}
.header .search-box .search:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '';
}
.header .search-box .input-text {
    float: left;
    height: 38px;
    padding-left: 10%;
    background: none;
}
@media (min-width: 768px) {
    .header .search-box .input-text {
        width: 100%;
        padding: 0 50px 0 3%;
    }
}
.header .search-box .input-submit {
    line-height: 36px;
    float: right;
    width: 50px;
    -webkit-animation: fadeInLeft 1s 0s ease both;
    animation: fadeInLeft 1s 0s ease both;
    background: none;
}
.header .search-box .input-submit:before {
    font-family: 'iconfont' !important;
    font-size: 22px;
    content: '\e62b';
    color: #fff;
}
@media (min-width: 768px) {
    .header .search-box .input-submit {
        position: absolute;
        right: 0;
        bottom: 20px;
    }
}


.header .search-lg {
    top: 0;
}
 
.header .search-lg .search {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 100%;
    max-width: 90%;
    margin: auto;
    padding: 0 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .8);
    border-radius: 0;
}
.header .search-lg .search p {
    margin-bottom: 50px;
    -webkit-animation: zoomIn 1s 0s ease both;
    animation: zoomIn 1s 0s ease both;
    text-align: center;
    letter-spacing: 2px;
    color: #fff;
    font-size: 20px;
}
.header .search-lg .input-text {
    font-size: 30px;
    line-height: 30px;
    width: 80%;
    height: 60px;
    padding: 0;
    padding-bottom: 30px;
    -webkit-animation: zoomIn 1s 0s ease both;
    animation: zoomIn 1s 0s ease both;
    text-align: center;
    color: #fff;
}
.header .search-lg .close-btn {
    position: fixed;
    top: 34px;
    right: 18%;
    cursor: pointer;
}
@media (max-width: 1440px) {
    .header .search-lg .close-btn {
        right: 8%;
    }
}
.header .search-lg .close-btn:before {
    font-family: 'iconfont' !important;
    font-size: 20px;
    content: '\e61b';
    color: #fff;
}
.header .find {
    line-height: 48px;
    display: inline-block;
    float: right;
  
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;
}
@media (max-width: 1199px) {
    .header .find {
        line-height: 48px;
        position: absolute;
        right: 0px;
        margin-left: 0;
        color: #666;
        font-weight:500;
    }
}
.header .find:before {
    font-family: 'iconfont';
    font-size: 22px;
    float: left;
    content: '\e62b';
    font-weight:500;
}
.header .find:hover {
    color: #005bac;
}