body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0;} 
body{background:#fff;color:#333;font-size:14px;font-family:"Microsoft YaHei","Arial Narrow";} 
h1, h2, h3, h4, h5, h6{ font-size:100%; } 
address, cite, dfn, em, var { font-style:normal; } 
ul, ol { list-style:none; } 
a { text-decoration:none; color: #094;} 
a:hover,a:focus{ text-decoration:none; outline: none;} 
fieldset, img { border:0; } 
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
table { border-collapse:collapse; border-spacing:0; } 

/* preloader */
    @-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}
    @-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}
    @-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}
    @keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
    #preloader {position: fixed;top: 0;left: 0;width: 100%; height: 100%;background-color: #e4e7ea;z-index: 10000; }
    #status {width: 30px;height: 30px;position: absolute;left: 50%; top: 50%;margin: -15px 0 0 -15px;}
    .fa-spin {-webkit-animation: spin 2s infinite linear;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;animation: spin 2s infinite linear;}
    .fa {display: inline-block;font-size: 30px;color: #666;}

/*登陆页*/
header{height: 84px;}
#log_body{height:100%; overflow: hidden; min-height: 700px;}
.header_fixed{position: fixed; top:0; z-index: 999; background: #fff; width: 100%;}
.logo{padding:11px 0;}

.log_bg{background: url(./img/banner/login_banner.jpg) no-repeat; height:500px; width:100%; background-position: center;}
.log_wrap_small{width:358px;height:305px;background: transparent; background-color: rgba(255,255,255,0.6); border-radius: 4px;margin-top: 54px;position: relative;}
.log_wrap{width:358px;height:355px;background: transparent; background-color: rgba(255,255,255,0.6); border-radius: 4px;margin-top: 54px;position: relative;}
.log_shape{background: url(./img/log_shape.png) no-repeat; position: absolute; width:13px; height:52px; top:21px; left:-13px;}
.log_wrap_small h2{line-height: 38px; height: 38px; text-align: center; background: #009944; color:#fff; margin: 21px 0; font-size: 18px; font-weight: normal; padding-left: 20px;}
.log_wrap h2{line-height: 38px; height: 38px; text-align: center; background: #009944; color:#fff; margin: 21px 0; font-size: 18px; font-weight: normal; padding-left: 20px;}
.log_wrap_small ul{width:250px;  margin:0 auto;}
.log_wrap ul{width:250px;  margin:0 auto;}
.log_wrap_small ul li{margin-top: 20px; position: relative;}
.log_wrap ul li{margin-top: 20px; position: relative;}
.log_wrap_small ul li input{font-family: 微软雅黑;}
.log_wrap ul li input{font-family: 微软雅黑;}
.org_name{width:200px; height:36px;border:none;background: #efffff; display: inline-block;padding:0 40px 0 10px; border-radius: 4px;}
.name,.pwd,.sch{width:200px; height:36px;border:none;background: #fff; display: inline-block;padding:0 40px 0 10px; border-radius: 4px;}
.name:hover,.pwd:hover,.sch:hover{box-shadow: 0px 0px 4px #094; outline: none;}
.name:focus,.pwd:focus,.sch:focus{box-shadow: 0px 0px 4px #094; outline: none;}
.log_wrap_small ul li i{position: absolute; top: 9px; right:14px; color:#094;font-size: 18px;}
.log_wrap ul li i{position: absolute; top: 9px; right:14px; color:#094;font-size: 18px;}
.sub{width:250px; height:36px;border:none;background: #094; display: inline-block; color: #fff; border-radius: 6px;}
.sub:hover{background: #23b363;}
.sub:focus{background: #094; outline: none;}
.message{display: block; padding-top: 0px; text-align: right; padding-right:20px;font-size: 14px;color:#30bb41;}
.message_red{display: block; padding-top: 0px; text-align: right; padding-right:20px;font-size: 14px;color:#ff0000;}


.footer{text-align: center; height: 40px; line-height: 40px; color:#666; position: absolute; bottom: 0; width:100%; background: #fff; }


/*首页*/
/*导航*/
.bor_btm{border-bottom: 4px solid #30bb41;}
.index_nav{height:84px;}
.index_nav:after{content:; clear:both;}
.index_nav li{display: inline-block; float: left; position: relative;}
.index_nav li a{display: inline-block; line-height: 80px; font-size: 16px; color:#666; padding: 0 20px; border-top: 4px solid transparent;}
.index_nav span{height: 4px; background: #30bb41; position: absolute; top: 0; left:50%;}
.index_nav li>a.index_active{border-top: 4px solid #30bb41; color:#30bb41; }
.sch_txt{ display: inline-block;font-size: 24px;text-align: center;margin-top: 10px;}
/*search*/
.index_search{margin-left: 10px;}
.index_search a{line-height: 80px; padding:0 18px; color: #666; display: inline-block; border-top: 4px solid transparent;}
.index_search a:hover{color: #30bb41;}

/*幻灯区域*/
.swiper-container a{display: block; height: 670px;}
.swiper-container .proj1{background: url("../img/banner01.jpg") no-repeat  center;}
.swiper-container .proj2{background: url("../img/banner02.jpg") no-repeat  center;}
.swiper-container .proj3{background: url("../img/banner03.jpg") no-repeat  center;}

/*16个导航*/
.index_tit{ margin: 70px auto 40px; background: url("../img/index_tit_bg.png") no-repeat; width: 1000px; height: 70px; background-position-x: center; background-position: center;}
.index_tit p{text-align: center;}
.index_tit .index_tit_e{font-size: 16px; color:#30bb41; padding-top: 9px;}
.index_tit .index_tit_c{font-size: 32px; color:#666; padding-top: 4px;}

.list1{display: block; font-size: 0;}
.list1 .item { width: 25%; display: inline-block; margin-top: 58px;}
.list1 .item a{display:inline-block; font-size: 16px;}
.swiper-slide .menu_img {width: 100%; display: inline-block;}
.swiper-slide .menu_text {padding-top: 24px;}
.swiper-container01{
        width: 1000px;
        height: 500px;
        margin: 20px auto;
    }
.swiper-slide {text-align: center;
    /*Center slide text vertically*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
} 

/*图书馆推荐*/
.recom{background: url(../img/recom_bg.jpg) repeat;}
.recom_wrap{padding: 80px 0;}
.recom_wrap{overflow: hidden;}
.recom_wrap li{float: left; height: 324px; display: inline-block; position: relative;}
.recom_wrap a{display: inline-block; background: #2fbe6e; height:324px;}
.recom_wrap .recom_tit{position: relative; width:324px;}
.recom_wrap .recom_tit span{/*position: absolute; top:50%; left:50%; margin-top: -44px; margin-left: -122px; */ margin-top: 112px; margin-left: 40px;display: inline-block; background: url(../img/recom_tit_bg.png) no-repeat; color: #fff;width: 243px; height: 72px; text-align: center;}
.recom_wrap .recom_tit span p{display: inline-block;}
.recom_tit_c{font-size: 28px; padding-top:10px;}
.recom_tit_e{font-size: 12px; padding-top:10px;}
.recom_box{height:324px; overflow: hidden;}
.recom_01{width:668px; background: url(../img/recom_jr.png) no-repeat; text-align: center; }
.recom_txt{line-height: 324px; color: #fff; font-size: 24px; font-style: normal; padding: 6px 22px; border:2px solid #fff; border-radius: 4px; opacity: 0; zoom: 1;}
.recom_01:hover,.recom_02:hover,.recom_03:hover,.recom_04:hover,.recom_05:hover,.recom_06:hover{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
.recom_01:hover .recom_txt,.recom_02:hover .recom_txt,.recom_03:hover .recom_txt,.recom_04:hover .recom_txt,.recom_05:hover .recom_txt,.recom_06:hover .recom_txt{opacity: 1; -moz-transform:scale(1.3); -webkit-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3);}

.recom_02{width:495px; background: url(../img/recom_02.png) no-repeat; text-align: center; }
.recom_03{width:495px; background: url(../img/recom_03.png) no-repeat; text-align: center; }
.recom_04{width:328px; background: url(../img/recom_04.png) no-repeat; text-align: center; background-size: cover;}
.recom_05{width:328px; background: url(../img/recom_05.png) no-repeat; text-align: center; background-size: cover;}
.recom_06{width:328px; background: url(../img/recom_06.png) no-repeat; text-align: center; background-size: cover;}

/*图书馆推荐效果*/
.recom_scale{transition:transform 0.75s; -moz-transition:transform 0.75s; /* Firefox 4 */-webkit-transition:transform 0.75s; /* Safari and Chrome */-o-transition:transform 0.75s; /* Opera */}
.recom_opa{transition:opacity 1.5s; -moz-transition:opacity 1.5s; /* Firefox 4 */-webkit-transition:opacity 1.5s; /* Safari and Chrome */-o-transition:opacity 1.5s; /* Opera */}


/*视差滚动区域*/
#scroll{background: url(../img/scroll.jpg) fixed;}
.scroll{    height: 500px;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 1920px;
    position: relative;
    margin: 0 auto;
    border-top: 1px solid rgba(255,255,255,0.3);
    border-bottom: 1px solid rgba(0,0,0,0.4);
}

/*成品展示区域*/
.show{padding-top: 100px; padding-bottom: 40px;}
.show span{width:368px; padding: 72px 60px 0;}
.show span h5{font-size: 28px; color:#333; font-weight: normal; line-height: 40px;}
.show span p{font-size: 16px; color:#666; font-weight: normal; line-height: 24px; padding-top: 18px; text-indent: 2em;}
.show_t{padding-left:20px;}
.show_b{padding-top: 100px; padding-right: 20px;}

/*footer*/
.footer_t{background: url(../img/footer_top.png) no-repeat; background-position: center; height: 49px; width:100%;}
.p_footer{background: #373737; height: 80px; width: 100%;}
.p_footer p{line-height: 80px; font-size: 14px; color:#b5b5b5; text-align: center;}
.share{position: fixed; bottom: 60px; right:20px; z-index: 999;}
.small_code{background: #fff; width: 40px; position: absolute; right: 0px; bottom: 60px; border-radius: 3px; border: solid 1px #d7dde3; line-height: 40px; text-align: center; cursor: pointer;}
.mini_code{display: block; width:40px; height: 40px; color:#666;}
.top{border-top: 1px solid #d7dde3;display: block; width:40px; height: 40px; color: #666;}
.share_to{display: none; position: absolute; right: 60px;; bottom: 10px;padding: 15px; background: #fff; border-radius: 4px;border:1px solid #d7dde3; text-align: center;}
.share_to img{width: 120px; height: 120px; }
.top:hover{background: #30bb41; color:#fff;}



/*jq*/
/*16导航旋转*/
.rom{transform:rotate(360deg) scale(1.4);-o-transform:rotate(360deg) scale(1.4);-moz-transform:rotate(360deg) scale(1.4);-webkit-transform:rotate(360deg) scale(1.4); -o-transition:transform 0.75s;-moz-transition:transform 0.75s;-webkit-transition:transform 0.75s;transition:transform 0.75s;}
.rom1{-o-transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);transform: scale(1); -o-transition:transform 0.75s;-moz-transition:transform 0.75s;-webkit-transition:transform 0.75s;transition:transform 0.75s;}
/*导航动画*/
.yapiskan{transition:top 1s;}
.gizle {top: -90px;}
.sabit {top:0;z-index: 9999;}


/*公共样式*/
.mg_au{margin:0 auto; width: 1000px;}
.fl{float: left;}
.fr{float: right;}
.over_hd{overflow: hidden;}
.dis_in_b{display: inline-block;}
.dis_b{display: block;}
.f16{font-size: 16px!important;;}
.f18{font-size: 18px!important;;}
.f20{font-size: 20px!important;;}
.f24{font-size: 24px!important;;}
.f28{font-size: 28px!important;;}
.f32{font-size: 32px!important;}
.mar_r_10{margin-right: 8px;}
.mar_t_10{margin-top: 8px;}
.col333{color:#333;}

.clearfix { *zoom: 1; } 
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: "";} 
.clearfix:after { clear: both; }