@charset "utf-8";
/* CSS Document */

.top{ position:relative; border-top:5px solid #014991;}
.header{ position:absolute; top:0; left:0; z-index:100;width:100%;}
.head{width:92%; margin:0 auto;}
.logo{ float:left; padding:40px 0;transition: .3s;}
.logo img{ display:inline-block;vertical-align:middle}
.logo span{ display:inline-block; margin-left:15px; padding-left:15px; border-left:1px solid #fff; vertical-align:middle; color:#fff; font-size:28px;}
.headr{ float:right; padding-top:26px;}
.search{ float:right; padding-left:20px; position:relative;}
.search img.ssicon{ cursor:pointer;margin-top:8px;margin-right: 6px; float:right}
.search .form{ float:right;border-radius: 15px; overflow:hidden;border: 0px solid #fff; width:0; height:28px; margin-right:5px}
.search .form input{width:113px;height: 28px;line-height: 28px; border:0; outline: 0; background: none;color: #fff;font-size: 12px;padding-left:12px;overflow: hidden;border-radius: 15px;}
.search .form .search-btn{ width:35px; height:26px; float:right;padding-top:2px; cursor:pointer;}
.search .form button{width:35px; height:26px; float:right;cursor:pointer; background:transparent;}
.head-links a{float:right; display:block; padding:0 20px; color:#fff; height:22px; line-height:22px; margin:5px 0;font-weight:700;}
.head-links{ position:relative;}
.head-links a img{vertical-align: middle;}
.ewm{ width:116px; height:116px; background:#fff; position:absolute; top:33px; right:-30px; padding:8px;z-index: 999; display:none}
.ewm img{ width:100px; height:100px;}
.ewm:before{ position:absolute;content:'';width:0;height:0;border-bottom:6px solid #fff; border-left:6px solid transparent;border-right:6px solid transparent;top: -6px;
    right: 46%;}


/*导航*/
.nav{ margin-top:10px;}
.nav li{ float:left; line-height:50px; position:relative;font-size:16px;}
.nav li:hover{color: #fff; line-height:50px;  background:rgba(27,91,154, 1);border-top:1px solid #283152;}
.nav li a{ padding:0 20px; display:block; color:#fff;font-weight: 700;}
.nav li ul{ position:absolute; left:0; top:50px; display:none; width:160px; }
.nav li ul li{ float:none; background:rgba(27,91,154, 1); font-size:14px; text-align:left; border-bottom:1px dotted #014991; }
.nav li ul li:hover{ border-top:0;}
.nav li ul li a:hover{background:#1b5b9a;}


.jbbg{ background:url(../images/zzbg.png) repeat-x top; position:absolute; top:0; width:100%; height:382px; z-index:99}

/*banner*/
.banner{width:100%;height:700px;overflow: hidden; position:relative}

.banner .slick-slide img{ width:100%;height:700px;}
.banner .slick-slide img{ width:100%;min-height:500px;}
.banner .slick-dots{ position:absolute;right:60px; top:50%; margin-top:-150px;}
.banner .slick-dots li{margin:24px 0;position:relative}
.banner .slick-dots li button{font-size:20px; background:transparent; color:#fff; cursor:pointer;}
.banner .slick-dots li.slick-active button{font-size:28px; font-style:italic; position:relative}
.banner .slick-dots li.slick-active{padding-bottom:75px;}
.banner .slick-dots li.slick-active:after{ position:absolute; top:36px;left:50%; width:1px; height:70px; background:#fff; display:block;content: "";}
.banner button{ position:absolute; top:48%; width:60px;height:60px;background: url(../images/sn.png) no-repeat; font-size:0;z-index:9999; cursor:pointer }
.banner .slick-next{right: 5%; background-position:0px 0px}
.banner .slick-prev{left: 5%; background-position:-68px 0px}
.banner .slick-next:hover{background-position:0px -64px}
.banner .slick-prev:hover{ background-position:-68px -64px}

.row_one{ width:100%; background:#e6f2ff; height:393px;}
.rowbox{width:1300px; margin:0 auto;}
.rowbox:after,.titbox:after{visibility:hidden; display:block; content:""; clear:both}

/*栏目*/
.subbox{ width:1300px; margin-top:-75px; background:#fff; border-top:2px solid #d9af76;-moz-box-shadow:2px 2px 5px #ABABAB; -webkit-box-shadow:2px 2px 5px #ABABAB; box-shadow:2px 2px 5px #ABABAB; padding:30px; position:relative; z-index:99999}
.sublist .hd{border-bottom:1px solid #ddd; position:relative}
.zatb{ position:absolute; top:-6px; right:48px; text-align:center; width:130px;}
.zatb p{ font-size:20px; color:#cf1010; font-weight:bold}
.sublist .hd li{ float:left; padding: 0 35px; text-align:center;padding-bottom: 20px; cursor:pointer}
.sublist .hd li.on{position:relative;}
.sublist .hd li.on:before{ position:absolute;content:'';width:0;height:0;border-top:8px solid #ddd; border-left:8px solid transparent;border-right:8px solid transparent;bottom: -8px;
    right: 45%;}
.sublist .hd li.on:after{position:absolute;content:'';width:0;height:0;border-top:8px solid #fff; border-left:8px solid transparent;border-right:8px solid transparent;bottom: -7px;
    right: 45%;}
.sublist .hd li span{ display:inline-block; width:40px; height:34px; background:url(../images/subicon.png) no-repeat;}
.sublist .hd li p{ margin-top:10px; font-size:20px; color:#666666; font-weight:600}
.sublist .hd li span.s01{ background-position:-3px 0;}
.sublist .hd li span.s02{ background-position:-162px 0;}
.sublist .hd li span.s03{ background-position:-310px 0;}
.sublist .hd li span.s04{ background-position:-477px 0;}
.sublist .hd li span.s05{ background-position:-649px 0;}
.sublist .hd li span.s06{ background-position:-850px 0;}
.sublist .hd li.on span.s01{background-position:-3px -42px;}
.sublist .hd li.on span.s02{background-position:-162px -42px;}
.sublist .hd li.on span.s03{background-position:-310px -42px;}
.sublist .hd li.on span.s04{background-position:-477px -42px;}
.sublist .hd li.on span.s05{background-position:-649px -42px;}
.sublist .hd li.on span.s06{background-position:-850px -42px;}
.sublist .hd li.on p{ color:#014991}
.txtBox{ margin-top:30px;}
.tetleft{ float:left; width:940px;}
.tetleft img{ float:left; margin-right:15px;}
.tetleft .text{float:left; width:74%;}
.tetleft h1{ font-size:16px; font-weight:bold; color:#666; position:relative}
.tetleft h1:after{position:absolute;content:'';width:42px;height:2px; background:#014991; bottom:-9px; left:0;}
.tetleft p{ color:#999; font-size:15px; line-height:27px; margin-top:15px;}
.smallsub{ float:right; width:250px;}
.smallsub a{ float:left; display:block; background:url(../images/xjt.png)0 center no-repeat; padding-left:12px; width:50%; color:#666; font-size:16px; margin-top:15px;}

.row_two{ width:100%; background:url(../images/xyxwbg.jpg) 0 bottom no-repeat #fff;}
/*学院新闻*/
.college_news{margin:40px 0 50px 0;}
.tit{ margin-bottom:30px; text-align:center; position:relative}
.tit h1{ font-size:34px; font-weight:bold; color:#014991; display:inline-block; padding:0 15px 10px 15px; border-bottom:1px solid #a3b3cc; position:relative}
.tit h1:after{position:absolute; left:50%; bottom:-2px; margin-left:-16px; content:"";height:3px;width:32px;  background:#a3b3cc;}
.tit h1:before{ position:absolute; left:50%; bottom:-2px; margin-left:-18px; content:"";height:3px; width:36px; background:#fff;}
.tit .Subtitle{ text-align:center; color:#828282; line-height:40px;}
.tit .more{ position:absolute; right:0; bottom:0; color:#666; padding-right:10px; background:url(../images/xsj.png) right center no-repeat #fff;}
.newlist:after{visibility:hidden; display:block; content:""; clear:both}
.newlist li{ float:left;}
.newlist .tplist{ width:415px; margin-left:27px; margin-bottom:20px}
.newlist .tplist:first-child{margin-left:0}
.newlist .tplist .pic{ width:100%; height:276px; overflow:hidden;}
.newlist .tplist .pic img{ width:100%;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;height:276px;  }
.newlist .tplist .pic img:hover{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; transform:scale(1.05);}
.newlist .tplist .title{ padding:10px 20px; z-index:9999; position:relative; margin:-34px auto 0 auto;background:#fff; width:370px;-moz-box-shadow:2px 2px 5px #ABABAB; -webkit-box-shadow:2px 2px 5px #ABABAB; box-shadow:2px 2px 5px #ABABAB;}
.newlist .tplist .title p{ font-size:14px; color:#999; line-height:27px;}
.newlist .tplist .title h2{font-size:16px;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}
.newlist li.btlist{ background:#FFF; font-size:16px; height:70px; line-height:70px; margin-top:25px; padding:0 20px;-moz-box-shadow:2px 2px 5px #ABABAB; -webkit-box-shadow:2px 2px 5px #ABABAB; box-shadow:2px 2px 5px #ABABAB; width:634px; margin-left:32px}
.newlist li.btlist span{ float:right; color:#999;}
.newlist li.btlist a{ float:left; width:80%; text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}
.newlist li.btlist:hover{ background:#014991; color:#fff;}
.newlist li.btlist:hover a,.newlist li.btlist:hover span{color:#fff;}

/*通知公告*/
.notice{background:url(../images/ggbg.png) 140px bottom no-repeat rgba(230, 242, 255, 0.8); border-top:1px solid #b5d2e5; padding:50px 0;}
.notice .tit h1:before{background: #ebf5ff;}
.notlist:after{visibility:hidden; display:block; content:""; clear:both}
.notlist li{ float:left; width:413px; height:182px; padding:30px 20px; margin-bottom:30px; background:#fff;-moz-box-shadow:2px 2px 5px #dcdcdc; -webkit-box-shadow:2px 2px 5px #dcdcdc; box-shadow:2px 2px 5px #dcdcdc; margin-left:27px; cursor:pointer}
.notlist li:first-child{margin-left:0}
.notlist .date{float:left; width:68px;margin-top: -5px;}
.notlist .date h2{ font-size:48px; color:#014991; text-align:right}
.notlist .date p{ font-size:14px;text-align:right; color:#014991; border-bottom:1px solid #014991; padding-bottom:10px;}
.notlist .date p i{ font-size:20px; }
.notlist .notit{ float:right; width:270px;}
.notlist .notit h1{ font-size:16px; line-height:32px;}
.notlist .notit p{ font-size:14px; line-height:30px; color:#666; margin-top:10px;}
.notlist li:hover .date h2{color:#d6aa6d}
.notlist li:hover .date p{color:#d6aa6d;border-bottom:1px solid #d6aa6d;}
.morebtn{ display:block; width:123px; height:40px; margin:0 auto; color:#fff; background:#014991; text-align:center; line-height:40px; font-size:16px}
.morebtn:hover{ background:#d6aa6d}
/*案例资源*/
.notice{background:url(../images/ggbg.png) 140px bottom no-repeat rgba(230, 242, 255, 0.8); border-top:1px solid #b5d2e5; padding:50px 0;}
.notice .tit h1:before{background: #ebf5ff;}
.notlist1:after{visibility:hidden; display:block; content:""; clear:both}
.notlist1 li{float:left;width: 413px !important;height: auto;padding:30px 20px;margin-bottom:30px;background:#fff;-moz-box-shadow:2px 2px 5px #dcdcdc;-webkit-box-shadow:2px 2px 5px #dcdcdc;box-shadow:2px 2px 5px #dcdcdc;margin-right: 27px;cursor:pointer;display: flex;justify-content: space-between;align-items: center;}
.notlist1 li:first-child{margin-left:0}
.notlist1 .date{float:left; width:80px;margin-top: -5px;}
.notlist1 .date h2{font-size:40px;color:#014991;text-align: center;}
.notlist1 .date p{font-size: 16px;text-align: center;color:#014991;border-top: 1px solid #014991;padding-top: 10px;}
.notlist1 .date p i{ font-size:20px; }
.notlist1 .notit{ float:right; width:270px;}
.notlist1 .notit h1{ font-size:18px; line-height:40px;}
.notlist1 .notit p{ font-size:14px; line-height:30px; color:#666; margin-top:10px;}
.notlist1 li:hover .date h2{color:#d6aa6d}
.notlist1 li:hover .date p{color:#d6aa6d;border-top:1px solid #d6aa6d;}
.morebtn{ display:block; width:123px; height:40px; margin:0 auto; color:#fff; background:#014991; text-align:center; line-height:40px; font-size:16px}
.morebtn:hover{ background:#d6aa6d}

/*学生活动*/
.row_stu{ background:url(../images/activitybg.jpg) 0px bottom no-repeat #0b5198; padding:57px 0;}
.row_stu .tit{ margin-bottom:30px; text-align:center; position:relative}
.row_stu .tit h1{ font-size:34px; font-weight:bold; color:#d6aa6d; display:inline-block; padding:0 15px 10px 15px; border-bottom:1px solid rgba(214, 170, 109, 0.15); position:relative}
.row_stu .tit h1:after{position:absolute; left:50%; bottom:-2px; margin-left:-16px; content:"";height:3px;width:32px;  background:rgba(214, 170, 109, 0.45);}
.row_stu .tit h1:before{ position:absolute; left:50%; bottom:-2px; margin-left:-18px; content:"";height:3px; width:36px; background:#0b5198;}
.row_stu .tit .Subtitle{ text-align:center; color:#d6aa6d; line-height:40px;}
.activity{}
.activity:after{visibility:hidden; display:block; content:""; clear:both}
.activity li{ float:left; width:300px; height:215px; margin-left:20px; overflow:hidden; position:relative;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.activity li:first-child{ width:660px; height:450px; float:left; margin-left:0;}
.activity li img{ width:100%; height:100%;}
.activity li:hover{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; transform:scale(1.05);}
.activity li h1{ position:absolute; bottom:0; left:0; text-align:center; width:100%; background:url(../images/hdtmbg.png) 0px bottom repeat-x; height:236px;}
.activity li h1 span{ color:#fff; font-size:16px; position:absolute; bottom:10px; left:0; width:100%;}
.activity li:first-child h1{ position:absolute; bottom:0; left:0; text-align:center; width:100%; background:url(../images/hdtmbg.png) 0px bottom repeat-x; height:236px;}
.activity li:first-child h1 span{ color:#fff; font-size:16px; position:absolute; bottom:10px; left:0; width:100%;}
.activity li:first-child h1 span {font-size:24px;}
.activity li:nth-child(4){ margin-top:20px;}
.activity li:nth-child(5){ margin-top:20px;}
.more_y{ display:block; width:123px; height:40px; margin:0 auto; color:#000; background:rgba(214, 170, 109, 0.8); margin-top:30px; text-align:center; line-height:40px;}
.more_y:hover{ background:#d6aa6d}

/*学术交流-论坛讲座*/
.row_learn{background:url(../images/cation.png) 0px bottom no-repeat #014991; padding:57px 0;}
.row_learn .tit h1{ color: #fff;}
.row_learn .tit p{ color: #efefef;}
.science{ position:relative;}
.science:after{visibility:hidden; display:block; content:""; clear:both}
.science li{ width:407px; margin:0 13px; padding: 15px; float:left; position:relative; background:#fff;}
.bt{ height:50px;}
.bt .type{ float: left; width: 80px; height:30px; line-height: 30px; text-align: center; background:#014991; color: #fff ; position: relative;}
.bt .type:after{ content: ''; display: block; position: absolute; bottom:-4px; left: 0; background: url(../images/jzsj.png) no-repeat; width: 5px; height: 4px ;}
.bt .date{ float: right; color:#014991; line-height:30px;}
.science li .picture{ width:100%; height:264px; overflow:hidden; position:relative}
.science li .yg{ position:absolute; top:0; left:0; background:url(../images/ygbg.png) no-repeat; width:75px; height:50px; text-align:center; color:#fff; font-size:20px; font-weight:bold; line-height:38px; display:block; z-index:999;}
.science li .picture img{ width:100%; height:100%;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.science li .picture img:hover{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; transform:scale(1.05);}
.science li .texbox{ }
.science li .texbox h1{ font-size:16px; line-height:30px; margin-bottom: 20px; text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}
.science li .texbox p{ font-size:14px; line-height:25px; color:#666; height: 25px; margin-bottom: 25px;}
.science li .texbox p:after{}
.science li .texbox p em{float: left; width:56px; text-align: left; background: #f5f5f5; height: 25px; line-height: 25px;padding-left: 10px; }
.science li .texbox p span{float: left;  width: 300px; margin-left: 10px;vertical-align: middle;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}
.science .slick-list{ height:337px;}
.science button{ font-size:0; width:53px; height:53px; background:url(../images/jljt.png) no-repeat; cursor:pointer}
.science .slick-prev{ position:absolute; left:-70px; top:50%; background-position:0 0}
.science .slick-prev:hover{background-position:0 -57px;}
.science .slick-next{ position:absolute; right:-70px; top:50%; background-position:-60px 0}
.science .slick-next:hover{background-position:-60px -57px;}

/*科研动态--学术观点*/
.row_research{background:url(../images/scienbg.jpg) 0px bottom no-repeat #13589c; padding:57px 0;}
.row_research .tit h1{border-bottom:1px solid #1b5b9a}
.row_research .tit h1:before{ background:#13589c}
.row_research .tit h1:after{ background:#014991}
.row_research .tit p{ color:#5d5d5d}
.relist{padding-top: 79px;margin-bottom: 40px;}
.relist:after{visibility:hidden; display:block; content:""; clear:both}
.relist a{ display:block; float:left; width:408px; height: 162px; margin-left:36px; background: #fff; position: relative; padding-bottom: 30px;-moz-box-shadow:2px 2px 5px #dcdcdc; -webkit-box-shadow:2px 2px 5px #dcdcdc; box-shadow:2px 2px 5px #dcdcdc; }
.relist a:first-child{margin-left:0;}
.relist a span{width: 150px;height: 150px;overflow:hidden;display:block;position:absolute;top: -75px;left: 50%;margin-left: -75px;border-radius:50%;}
.relist a span img{width:100%;/* height:100%; *//* border-radius:50%; *//* object-fit: cover; */-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.relist a span img:hover{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; transform:scale(1.05);}
.relist a h1{margin-top: 86px;font-size: 18px;text-align: center;}
.relist a p{ width:100%; line-height:48px; font-size:14px; color:#666; text-align:center;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}

/*专项工作*/
.row_work{background:#fff; padding:57px 0;}
.worklist{ position:relative}
.worklist:after{visibility:hidden; display:block; content:""; clear:both}
.worklist li{ width:310px; height:159px;float:left;    padding: 0 7.5px;}
.worklist li a{ width:310px; height:159px; display:block}
.worklist button{ font-size:0; cursor:pointer; position:absolute; top:50%;z-index:999; width:30px; height:52px; margin-top:-26px; background:url(../images/ztjt.png) no-repeat;}
.worklist button.slick-prev{left:7px; background-position:0 0;}
.worklist button.slick-next{right:8px; background-position:-41px 0;}



.kczy{ position:relative}
.kczy:after{visibility:hidden; display:block; content:""; clear:both}
.kczy li{ width:390px; height:338px;float:left;    padding: 0 7.5px;}
.kczy kczyli a{ width:390px; height:338px; display:block}
.kczy button{ font-size:0; cursor:pointer; position:absolute; top:50%;z-index:999; width:30px; height:52px; margin-top:-26px;display: none !important;}
.kczy button.slick-prev{left:7px; background-position:0 0;}
.kczy button.slick-next{right:8px; background-position:-41px 0;}

/*各项统计*/
.row_data{background:url(../images/databg.jpg) 0px bottom no-repeat #13589c; padding:20px 0;}
.numlist:after{visibility:hidden; display:block; content:""; clear:both}
.numlist li{ float:left; width:25%; border-right:1px solid rgb(255, 255, 255, 0.5); color:#fff; padding-left:56px }
.numlist li:first-child{padding-left:0px}
.numlist li:last-child{border-right:0}
.numlist li i{background:url(../images/dataicon.png) no-repeat; display:inline-block; width:45px; height:48px; margin-right:25px; float:left; margin-top:14px;}
.numlist li h1{ font-size:36px;color:#fff; }
.numlist li p{ font-size:15px;color:#fff; }
.numlist li i.icon_a{ background-position:0 0}
.numlist li i.icon_b{ background-position:-75px 0}
.numlist li i.icon_c{ background-position:-150px 0}
.numlist li i.icon_d{ background-position:-229px 0}

/*底部目录*/
.meun{padding:30px 0;}
.meun:after{visibility:hidden; display:block; content:""; clear:both}
.meun dl{ width:14.2%; float:left}
.meun dl dt{ font-size:16px; font-weight:bold; margin-bottom:15px;}
.meun dl dd{ font-size:14px;  line-height:28px;}
.meun dl dd a{color:#666;}
.meun dl a:hover{ color:#014991; font-weight:bold}




.footbg{ width:100%; background:#283152;}
.foot{ color:#fff; line-height:24px; text-align:center;padding: 15px 0;}
.foot p{ color:#fff;  text-align:center;}

/*栏目页*/

/*banner*/
.banner_s{width:100%;height:700px;overflow: hidden; position:relative}
.banner_s .slick-slide img{ width:100%;height:700px;}
.banner_s .slick-dots{ position:absolute;right:60px; top:50%; margin-top:-150px;}
.banner_s .slick-dots li{margin:24px 0;position:relative}
.banner_s .slick-dots li button{font-size:20px; background:transparent; color:#fff; cursor:pointer;}
.banner_s .slick-dots li.slick-active button{font-size:28px; font-style:italic; position:relative}
.banner_s .slick-dots li.slick-active{padding-bottom:75px;}
.banner_s .slick-dots li.slick-active:after{ position:absolute; top:36px;left:50%; width:1px; height:70px; background:#fff; display:block;content: "";}
.banner_s button{ position:absolute; top:48%; width:60px;height:60px;background: url(../images/sn.png) no-repeat; font-size:0;z-index:9999; cursor:pointer }
.banner_s .slick-next{right: 5%; background-position:0px 0px}
.banner_s .slick-prev{left: 5%; background-position:-68px 0px}
.banner_s .slick-next:hover{background-position:0px -64px}
.banner_s .slick-prev:hover{ background-position:-68px -64px}


.conbox{ padding:60px 0;}
.column{ width:280px; float:left;}
.column h2{ width:100%; background:#014991; text-align:center; height:85px; line-height:85px; color:#fff; font-size:30px; font-weight:bold;}
.column .first li{ width:100%; background:#f9f9f9;margin-top: 3px; text-align:left;text-indent: 30px;  line-height:70px; font-size:18px; position:relative}
.column .first li a{ display:block}
.column .first li i{ display:block; width:14px; height:8px; background:url(../images/dir-down.png) no-repeat; position:absolute; right:20px; top:30px;}
.column .second li{ font-size:16px; line-height:60px; border-top:1px solid #fff; position:relative;margin-top: 0;text-indent:60px;}
.column .second li:hover{background:url() no-repeat 84% center #d6aa6d;}
.column .second li .third{ position:absolute; left:282px; width:280px; top:0px}
.column .first li.on{ background:#d6aa6d;}
.column .first li.on i{ background:url(../images/dir-down2.png) no-repeat #d6aa6d;}
.column .second,.column .third{ display:none;}
.column .second li.on{background:url() no-repeat 84% center #d6aa6d}
.column .second li .third li.on{background:#d6aa6d}
.listing{ width:970px;  float:right;}
.location{ padding:10px 15px; border-bottom:1px solid #e5e5e5}
.location:after,.newlist01 li:after{visibility:hidden; display:block; content:""; clear:both}
.location h1{ float:left; font-size:24px; font-weight:bold;}
.location span{ float:right; color:#666; font-size:16px; padding-left:30px; line-height:31px;background:url(../images/wzicon.png) no-repeat 0 center;}
.location span a{color:#666; }
.location span a:hover{color:#014991}

/*新闻列表*/
.newlist02 li{ padding:30px 0; border-bottom:1px dashed #e5e5e5;}
.newlist02 li:after{visibility:hidden; display:block; content:""; clear:both}
.newlist02 li:last-child{border-bottom:none}
.newlist02 li .date{ float:left; width:83px; line-height:32px; height:64px; text-align:center; background:#f9f9f9;  }
.newlist02 li .date .str{ font-size:20px; color:#014991; background:#f9f9f9; font-weight:bold}
.newlist02 li .date p{ color:#d8e3ec; font-size:14px;background: #014991;}
.newlist02 .xwdd{ width:88%; float:right}
.newlist02 .xwdd h1{ font-size:18px; line-height:32px; width:100%;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}
.newlist02 .xwdd h1:hover a{ color:#014991}
.newlist02 .xwdd p{font-size:14px; color:#999; line-height:26px;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}


/*内容页*/
.position{ height:40px; line-height:40px;color:#666; background:url(../images/wzicon.png) no-repeat 0 center; padding-left:28px;}
.position a:hover{ color:#014991}
.position:after{visibility:hidden; display:block; content:""; clear:both}
.content .pr{ color:#999; text-align:center;border-bottom:1px solid #e5e5e5; padding-bottom:15px ;margin-bottom:25px}
.position .pl{}
.position .pl a{color:#666;}
.position .pl a:hover,.location span a:hover{color:#005597}
.content h3{ font-size:24px; color:#333; font-weight:bold; padding:15px 0; text-align:center;}
.content p{ text-indent:2em; line-height:30px; color:#666; font-size:16px;}
.content p img{    max-width: 95%;
    margin: 15px auto;
    display: block;
    height: auto !important;}


#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}










.pro_list {float:left; width:148px; margin:10px 40px;}
.pro_img {
	overflow: hidden;
	width: 148px;
	height: 181px;
	position:relative;}

.pro_img img {
	display: block;
	overflow: hidden;
        width: 148px;
	height: 181px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; position:absolute; z-index:1;}
.pro_title {
	width: 100%;
        height: 45px;
        line-height: 23px;
        text-align:center;
	overflow: hidden;
}

.pro_img:hover img {
-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.zhybt{
line-height: 40px;
    margin: 20px;
    text-indent: 2em;
    height: 40px;
    clear: both;
    font-size: 20px;
    font-weight: bold;
    color: #0b5198;
    border-bottom: #ccc 1px dotted;
    border-top: #ccc 1px dotted;}
.clear{
clear:both;
}

/* 慕课图片列表 */
.muke_list {
    float: left;
    width: 465px;
    height: 365px;
    margin: 10px 0;
}
.muke_img {
	overflow: hidden;
	width: 465px;
	height: 281px;
	position:relative;}

.muke_img img {
	display: block;
	overflow: hidden;
        width: 465px;
	height: 281px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; position:absolute; z-index:1;}
.muke_title {
	width: 100%;
        text-align:left;
	overflow: hidden;
padding-left:20px;
}

.muke_img:hover img {
-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.zhybt{
line-height: 40px;
    margin: 20px;
    text-indent: 2em;
    height: 40px;
    clear: both;
    font-size: 20px;
    font-weight: bold;
    color: #0b5198;
    border-bottom: #ccc 1px dotted;
    border-top: #ccc 1px dotted;}