*{ margin:0; padding:0; list-style:none;*zoom:1; font-family:"Microsoft Yahei","Helvetica Neue",Arial,sans-serif;} body,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;} dl,ul,ol,menu,li {list-style:none;} a {color:#000;text-decoration:none;} input{ display:block; border:0; color:#000; -webkit-appearance: none; border-radius: 0;outline: none;} a:active, a:hover {cursor: pointer;} img{border: none;vertical-align: middle;max-width: 100%;} a{vertical-align: middle;} .clear{clear: both;} .header{ width: 100%; float: left; background: #e8e8e8; border-top: 3px solid #006fae;} .top{ width: 1200px; margin: 0 auto; overflow: hidden;} .logo{ float: left; margin-top: 40px; margin-bottom: 40px;} .top_right,.rig_nav{ float: right; width: 330px;} .rig_nav a{ font-size: 14px; color: #333333; margin-top: 40px; float: left;} .rig_nav i{ width: 0px; height: 10px; border-left: 1px solid #666666; display: inline-block; float: left; margin: 0px 10px; margin-top: 45px;} .search{ float: right; margin-top: 70px; width: 356px;} .input{ float: left; border: 1px solid #cccccc; height: 38px; width: 279px; font-size: 14px; border-right: none;} .sear_ico{ width: 38px; height: 38px; background: url(../img/ico.png) no-repeat center center; display: inline-block;} .input input{ background: none; float: right; height: 38px; width: 240px;} .search button{ width: 75px; text-align: center; height: 40px; background: #006fae; color: #ffffff; font-size: 14px; font-family: 'Arial Regula'; border: none;} .nav{ width: 100%; float: left; background: #006fae;} .nav_con{ width: 1200px; margin: 0 auto;} .nav_con li{ width: 200px; float:left; text-align: center; position: relative;} .nav_con li a{ display: block; font-size: 16px; color: #ffffff; line-height: 55px;} .nav_con li:hover{ background: #05507a;} .nav_con li dl{ display: none; position: absolute; top: 55px; left: 0; width: 150px; padding-top: 10px; background-color:rgba(255,255,255,0.9); overflow: hidden; z-index: 99;} .nav_con li dl a{ line-height: 35px; font-size: 14px; color: #333333; text-align: left; padding-left: 25px;} .nav_con li dl a:hover{ color: #FFFFFF; background: #05507a;} .nav_con li:hover dl{display: block;} /**********banner_css**************/ .flexslider { margin: 0px auto; position: relative; width: 100%; height: 457px; overflow: hidden; zoom: 1;} .flexslider .slides li { width: 100%; height: 100%;} .flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center;} .flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a { background: url(../img/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; border-radius: 16px; background: #fff; cursor: pointer; } .flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; background: #22a1e9; } .flexslider .slides a img { width: 100%; height: 457px; display: block;} .mod{ width: 100%; float: left; height: 800px; background: #e8e8e8; background-size: cover;} .main{ width: 1200px; margin: 0 auto; overflow: hidden;} .notice{ width: 390px; float: left; margin-left: 10px;} .notice1{ width: 437px; float: left; } .notice2{ width: 430px; float: left; margin-left: 10px; } .notice3{ width: 310px; float: left; margin-left: 10px; } .tit{ width: 100%; float: left; height: 55px; line-height: 55px; } .title{ float: left; font-size: 16px; color: #000000;} .title i{ width: 2px; height: 14px; background: url(../img/ico2.png) 0px 0px; display: inline-block; vertical-align: middle; margin-right: 10px;} .title span{ color: #c2c2c2; margin-left: 15px;} .more{ font-size: 14px; color: #006fae; float: right;} .more a{ font-size: 14px; color: #006fae;} .more i{ width: 11px; height: 10px; background: url(../img/ico2.png) -20px 0px; display: inline-block; margin-left: 5px;} .content_notice{ width: 100%; float: left; background: #FFFFFF; padding: 20px 0px; height: 290px; overflow: hidden;} .content_notice ul li{ width: 90%; float: left; margin: 0px 18px; padding-left: 12px; background: url(../images/qdt.png) no-repeat left center;} .content_notice ul li:last-child{margin-bottom: 0px;} .date,.date2{ width: 60px; height: 60px; float: left; text-align: center;} .date span{ font-size: 48px; font-weight: bold; color: #999999; font-family: 'Arial Regular';} .date p{ font-size: 14px; color: #acacac; font-family: 'Arial Regular';} .border{ width: 0px; height: 58px; float: left; border-left: 1px solid #cccccc; margin: 9px 15px 0 10px;} .content_notice a{ font-size: 14px; color: #444444; line-height: 30px; margin-top: 6px; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; float: left;} .content_notice a:hover{ color: #006fae; text-decoration: none;} .content_news a{ font-size: 14px; color: #444444; line-height: 30px; margin-top: 6px; width: 96%; display: -webkit-box; padding-left: 12px; background: url(../images/qdt.png) no-repeat left center; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; float: left; } .content_news a:hover{ color: #006fae; text-decoration: none;} .lecture{ width: 790px;float: left;margin-left: 30px;} .content_lecture{ width: 750px; padding: 17px 20px; float: left; background: #FFFFFF; height: 349px; overflow: hidden;} .lec_left{ width: 310px; float: left; margin-top: 25px;} .lec_left h2{ font-size: 18px; color: #444444; line-height: 33px; font-weight: normal;} .lec_left p{ font-size: 14px; color: #888888; margin-top: 10px; line-height: 30px;} .lec_right{ width: 390px; float: left; padding-left: 20px; margin-left: 20px; margin-top: 5px; position: relative;} .border2{ position: absolute; top: 0px; width: 0px; left: 0; bottom: 0px; border-left: 1px solid #dcdcdc;} .lec_right li{ width: 100%; float: left; margin-bottom: 35px;} .lec_right li:last-child{margin-bottom: 0px;} .date2 span{ font-size: 24px; color: #FFFFFF; font-family: 'Arial Regular'; background: #006fae; display: block; line-height: 30px;} .date2 p{ font-size: 12px; color: #444444; font-family: 'Arial Regular'; background: #e1e1e1; display: block; line-height: 30px;} .cont{ width: 310px; float: right; font-size: 14px; color: #999999;} .cont a{ font-size: 14px; color: #444444; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 30px;} .cont a:hover{ color: #006fae;} .news{ width: 632px; float: left; margin-left: 10px; } .content_news{ width: 632px; padding: 17px 4px; float: left; background: #FFFFFF; height: 277px; overflow: hidden; } .news_left{ width: 360px; float: left;} .news_img{ position: relative;} .label{ left: 0px; bottom: -18px;} .hot_con{ width: 100%; float: left; margin-top:28px; font-size: 16px; color: #424242; line-height: 30px;} .news_right{ width:370px; float: left; margin-left: 20px; font-size: 14px; color: #c2c2c2;} .news_right ul li{ width: 100%; float: left; margin-bottom: 22px;} .news_right ul li:last-child{margin-bottom: 0px;} .news_right ul li span{float: right;} .news_right ul li a{ width: 285px; float: left; color: #444444;} .news_right ul li a:hover{ color: #006FAE;} .activity{ width: 550px; float: left; } .content_activity{ width:100%; float: left; background: #FFFFFF; height: 384px; overflow: hidden;} .date3{ width: 100%; float: left; font-size: 14px; color: #999999;} .date3 i{ width: 13px; height: 14px; display: inline-block; background: url(../img/ico2.png) -1px -26px; margin-right: 10px;vertical-align: middle; margin-top: -2px;} .content_activity li{ width: 90%; margin: 0 auto; overflow: hidden; padding: 22px 0px; border-bottom: 1px solid #e5e5e5;} .content_activity li a{ width: 100%; font-size: 14px; float: left; color: #444444; margin-top: 13px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .content_activity li a:hover{color: #006FAE;} .system{ width: 100%; float: left; margin-top: 28px; margin-bottom: 25px;} .system ul li{ width: 348px; height: 78px; border: 1px solid #006fae; padding: 15px; margin-right: 30px; float: left;} .system ul li:last-child{margin-right: 0px;} .tgxt{ background: #006fae; display: block; height: 80px; line-height: 80px; color: #FFFFFF; font-size: 20px;} .tgxt i,.tgxt2 i{ margin-left: 13px; margin-right:18px;} .tgxt2{ display: block; height: 80px; line-height: 80px; color: #006fae; font-size: 18px; border: 1px solid #006fae; display:flex;/*flex脙茠脝鈥櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮该兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮泵兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮�*/ display: -webkit-flex; /* safari */ align-items:center;} .tgxt2 span{line-height: 25px;width: 240px;} .tgxt i,.tgxt3 i{ margin-left: 13px; margin-right:18px;} .tgxt3{ display: block; height: 80px; line-height: 20px; color: #006fae; font-size: 18px; border: 1px solid #006fae; display:flex;/*flex脙茠脝鈥櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮该兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮泵兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮�*/ display: -webkit-flex; /* safari */ align-items:center;} .tgxt3 span{line-height: 25px;width: 240px;} .foot{ width: 100%; float: left; background: #006fae; line-height: 35px; font-size: 14px; color: #ffffff; text-align: center;} .foot p span{ display: inline-block; margin: 0px 13px;} .foot .ff{ width: 450px; height: auto; float: left; overflow: hidden; margin-top: 16px; } .foot .fz{ width: 378px; height: auto; float: left; color: #fff; line-height: 26px; margin-top: 34px; } .ewm{width: 370px;/* height: 54px; */float: right;/* overflow: hidden; */margin-top: px;} .ewm p{ width: 100px; /* height: 130px; */ float: left; overflow: hidden; text-align: center; margin-left: 20px; } .ewm img{ margin:0px auto;} .yqlj{ width: 1200px; float: left;} .content_yqlj{ width: 100%; float: left; background: #FFFFFF; padding: 20px 0px; height: 25px; margin-bottom:20px; overflow: hidden;} .content_yqlj ul li{ float: left; margin: 0px 18px;} .content_yqlj ul li:last-child{margin-bottom: 0px;} .picbox{float: left;overflow:hidden;position:relative;zoom:1;width: 590px;height: 310px;background: #ffffff;} .picbox .hd{width: 304px;float: right;margin-right: 10px;margin-top: 10px;} .picbox .hd ul li{overflow: hidden;_display: inline-block;height: 91px;_height: 69px;padding: 3px 4px;margin-bottom: 2px;border: 1px solid #d2d2d2;} .picbox .hd ul li .pic{float: left;width:120px;height: 91px;} .picbox .pic{overflow: hidden;} .picbox .pic img{width: 100%;height: 100%;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;transition: all 0.2s ease-out;} .picbox a:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms- transform:scale(1.1);transform:scale(1.1);} .picbox .hd ul li.on{border-color: #c00;} .picbox .hd ul li.on .txt a{color: #c00;} .picbox .hd ul li .txt{overflow: hidden;float: right;width: 150px;height: 90px;padding-top: 6px;line-height:20px;} .picbox .bd{position:relative;width: 566px;height: 301px;border: 1px solid #e8ebec;margin-left: 10px;margin-top: 10px;} .picbox .bd .swiper-slide{ position:relative; zoom:1; vertical-align:middle;} .picbox .bd .swiper-slide .bg{position:absolute; left:0; bottom:0;z-index:1; width: 100%; height:26px;background: #000;filter: alpha(opacity=60);opacity: 0.6;} .picbox .bd .swiper-slide .pic{position:relative;z-index:0;width: 569px;height: 300px;} .picbox .bd .swiper-slide .txt{position:absolute;left:0;bottom:0;z-index:2;width: 100%;height:26px;line-height:26px;text-align: center;} .picbox .bd .swiper-slide .txt a{color:#fff;} .list{float: right;width: 345px;font-size: 13px;} .list li{overflow: hidden;height: 31px; line-height:31px;_height: 28px; _line-height:28px;} .list li a{overflow: hidden;float: left;display: block;width: 310px;} .list li a:hover{-webkit-transform:translateX(3px); -moz-transform:translateX(3px); -o-transform:translateX(3px); -ms-transform:translateX(3px);transform:translateX(3px);} .list li span{float: right; font-family:"Times New Roman", Times, serif;} .mb20 { margin-bottom: 20px; min-height: 480px; } .footer-wrap{ padding-top: 36px; padding-bottom: 22px; width: 100%; background-color: #006fae;} .b-logo{ line-height: 220px; width: 380px;} .b-item{ height: 200px; float: left; background: url(../img/bbg.png) no-repeat right top;} .b-logo img{ display: inline-block; vertical-align: middle; margin-top: 55px;} .b-contact{ padding-left: 60px; padding-right: 60px; margin-right: 48px;} .b-contact p{ font-size: 16px; color: #8bc0f0; padding-left: 46px; line-height: 40px;} .b-contact .address{ margin-top: 8px; background: url(../img/address.png) no-repeat left center;} .b-contact .post{ background: url(../img/post.png) no-repeat left center;} .b-contact .tel{ background: url(../img/tel.png) no-repeat left 10px;} .b-access{ padding-left: 60px;} .link-wrap{ width: 109px; margin-top: 8px; height: 151px; float: right; } .link-wrap li{ float: left; width: 120px; line-height: 40px;} .link-wrap li a{ display: inline-block; color: #8bc0f0; padding-left: 15px; background: url(../img/dot.png) no-repeat left center;} .bottom-wrap{ width: 100%; height: 50px; line-height: 50px; background-color: #000; color: #fff;} .bottom-wrap p{ text-align: center; font-size: 14px;} .foot { width: 100%; float: left; background: #006fae; line-height: 35px; font-size: 14px; color: #ffffff; text-align: center; } .px1200 { width: 1200px; margin: 25px auto; } .ff { float: left; width: 46%; margin: 37px 0; } .fz { margin-top: 35px; float: right; width: 50%; } .container_right { width: 895px; min-height: 630px; } .container_right_title { line-height: 40px; border-bottom: solid 1px #dcdcdc; font-size: 24px; color: #0176c1; margin: 20px 6px; } /* flexslider */ .flexslider{position:relative;height:413px;overflow:hidden;} .slides{position:relative;z-index:1;} .slides li{width:100%;height:413px;} .slides li img{width:100%;height:413px;} .flex-control-nav{position:absolute;bottom:50px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:45px;height:16px;margin:0 8px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:45px;height:16px;line-height:100px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;} .flex-control-nav .flex-active{background-position:0 0;} .flex-direction-nav{position:absolute;z-index:9999;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:38px;height:67px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/lb1.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(../images/rb1.png) center center no-repeat;}