/*------------ style -----------------*/
*{box-sizing: border-box;}
html{overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td{margin: 0; padding: 0;}
body{word-break: break-all; font: 12px/1.5 'microsoft yahei', 'simsun', sans-serif, tahoma, arial, 'Hiragino Sans GB', sans-serif;background:#fff;}
button,img,em{border: 0;}
img{vertical-align: middle;}
li,ul{list-style: none;}
i{font-style: normal;}
a{text-decoration: none; outline: none;}
a:hover{text-decoration: none;}
input,textarea{outline: none;}
em,i{font-style: normal; font-weight: normal;}
table{border-collapse: collapse; border-spacing: 0;}
label{display: block;}


/*------------ class -----------------*/
.clearfix{display: inline-table}
*html .clearfix{height: 1%}
*+html .clearfix{min-height: 1%}
.clearfix{display: block}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear{clear: both;}
.center{text-align: center;}
.auto-0{margin: 0 auto;}
.bold{font-weight: bold;}
.ell{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cursor{cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
.block{display: block;}
.inline-block{display: inline-block;}
.hide{display: none;}
.allWidth{width: 1260px;margin: 0px auto;}


/*------------ header -----------------*/
.header{overflow: hidden;}
.logo{margin: 14px 0;}
.search{margin:22px 0}
.search p{font-size:20px;font-weight:bold;margin-bottom:8px}
.search form{height:30px;border:1px solid #1777e6;overflow:hidden;border-radius:4px}
.search input{width: 290px; line-height: 28px; border: none; padding: 0 8px; float: left;color:#333;}
.search button{background: #1777e6; line-height: 28px; float: right; cursor: pointer; padding: 0 10px;}


/*------------ nav -----------------*/
.nav{background: #1777e6;height: 60px;line-height: 60px;}
.navbar_ul > li{float: left; font-size: 16px; position: relative;margin:0 6px;}
.navbar_ul > li > a{color: #fff; display: block; padding: 0 39px;}
.navbar_ul > li:hover > a,.navbar_ul>li > a.action{background:#135eb4;}
.navbar_ul .menu{width: 100%;background: #e6f4ff; position: absolute; top: 60px; left: 0; z-index: 9; display:none;}
.navbar_ul .menu li{line-height:24px;font-size: 15px;}
.navbar_ul .menu li a{color:#1777e6; display: block;padding: 8px 4px;}
.navbar_ul .menu li:hover{background: #fff;font-weight: bold;}


/*------------ banner -----------------*/
.banner{position:relative;}
.banner .tempWrap{margin:0 auto;}
.banner .bd{margin:0 auto;}
.banner .bd li a{display: block;}
.banner .bd li img{width:100%;}

.banner .hd{position:absolute;bottom:20px;left:0;right:0;margin:auto;text-align:center;}
.banner .hd li{display:inline-block;width:16px;height:16px;background:#ddd;border-radius:50%;margin:0 10px;}
.banner .hd li.on{background:#fff;}
.banner >a{position: absolute;top: 50%;margin-top: -28px;}
.banner a.prev{left: 30px;}
.banner a.next{right: 30px;}


/*------------ main-content -----------------*/
.one_title{height: 40px; line-height: 40px;background: #1777e6;overflow: hidden;position:relative;margin-bottom: 14px;}
.one_title:before{content:'';width:6px;height:20px;background:#fff;position:absolute;left:10px;top:10px;}
.one_title .title_name{padding-left:26px;}
.one_title span{color:#fff;font-size:16px;cursor:pointer;margin-right:30px;padding:0 10px;float:left}
.one_title span.normal{background:#135eb4}
.one_title .more a{color:#fff;display:block;margin-right:12px}
.one_title .more a:hover{font-weight:bold}

.one_floor{height:272px;margin:40px 0;overflow:hidden}
.news_tab{width:870px;position:relative}
.slideBox{width:370px;height:218px;overflow:hidden;position:relative}
.slideBox .bd{width:100%;height:100%}
.slideBox .bd li{position:relative}
.slideBox .bd li img{width:370px;height:218px;transition:all 0.8s ease-out 0s;-moz-transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;-o-transition:all 0.8s ease-out 0s}
.slideBox .bd li img:hover{transform:scale(1.05);-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05)}
.slideBox .bd li p{width:100%;height:30px;line-height:30px;color:#fff;font-size:14px;background:rgb(0 0 0 / 30%);padding:0 16px;position:absolute;left:0;bottom:0}
.slideBox .hd{overflow: hidden; position: absolute; right: 10px; bottom: 7px; z-index: 1;}
.slideBox .hd li{width: 16px;height: 16px;line-height:16px;float: left;color:#fff;text-align:center;margin: 0 3px;background: #666666;cursor: pointer;}
.slideBox .hd li.on{background: #1777e6;}
.news_list{width:478px;overflow:hidden;margin-top:-10px}
.news_list li{height:34px;line-height:34px;padding-left:12px;position:relative}
.news_list li:before{content:'';width:5px;height:5px;background:#666565;border-radius:50%;position:absolute;left:0px;top:14px}
.news_list li a{font-size:14px;color:#333;width:80%}
.news_list li:hover a{font-weight: bold;}

.notice_tab{width:340px;position:relative}
.notice_info{margin-top:-10px}
.notice_info li{height:34px;line-height:34px;padding-left:12px;position:relative}
.notice_info li:before{content:'';width:5px;height:5px;background:#666565;border-radius:50%;position:absolute;left:0px;top:14px}
.notice_info li a{font-size:14px;color:#333;width:80%}
.notice_info li:hover a{font-weight:bold;}

.two_floor{overflow:hidden}
.teach_tab{width:410px;margin-right:50px}
.two_title{height:40px;line-height:40px;overflow:hidden;margin-bottom:14px;background:url(/upload/images/316541959.png) no-repeat left center #FFF;padding-left:20px;border-bottom:2px solid #ccc}
.two_title span{font-size:16px;cursor:pointer;margin-right:30px;float:left}
.two_title .more a{display:block;color:#333}
.two_title .more a:hover{font-weight:bold;}
.teach_tab .two_title{padding-left:28px}
.teach_info .teach_img{width:90px;float:left;border:1px solid #ccc;padding:4px;margin:0 20px 15px 0}
.teach_info .teach_img img{width:100%;height:100%}
.teach_info .teach_txt{font-size:14px;text-align:justify;color:#333;line-height:28px}
.teach_info .teach_txt em{font-style:normal;color:#1777e6}
.teach_info .teach_txt a{color:#000}
.teach_info .teach_txt a:hover{ color: #1777e6;}

.message_tab{width:410px;margin-right:50px}
.message_info{margin-top:-10px}
.message_info li{height:34px;line-height:34px;padding-left:12px;position:relative}
.message_info li:before{content:'';width:5px;height:5px;background:#666565;border-radius:50%;position:absolute;left:0px;top:14px}
.message_info li a{font-size:14px;color:#333;width:80%}
.message_info li:hover a{font-weight:bold;}

.nav_tab{width:340px}
.nav_info .smart img{width:100%}
.nav_ul{margin-top:20px;width:352px;margin-left:-6px;overflow:hidden}
.nav_ul li{float:left;width:76px;height:80px;text-align:center;background:#e6e4e7;margin:0px 6px}
.nav_ul li .nav_img{height:60px;line-height:60px;text-align:center}
.nav_ul li .nav_img img{display:inline-block;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}
.nav_ul li:hover .nav_img img{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg)}
.nav_ul li .nav_title{font-size:12px;width:100%;display:block;background:#1b77e6;color:#fff;line-height:20px}

.three_floor{margin:36px 0}
.view_tab .tempWrap{width:100% !important;}
.view_tab .two_title{background:none;position:relative;padding-left:10px}
.view_tab .two_title:before{content:'';width:6px;height:20px;background:#1777e6;position:absolute;top:10px;left:0px}
.view_info li{width:160px;height:120px;margin-right:24px;position:relative}
.view_info li img{width:100%;height:100%}
.view_info li p{width:100%;line-height:26px;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.3);color:#fff;text-align:center;padding:0 5px}
.view_info li:hover p{display:block;}


/*-------------- channel ----------------*/
.page_con .allWidth{margin: 30px auto;min-height: 600px;}
.left_page{width: 250px;}
.left_page .page_title{line-height: 40px; padding: 20px 0; background: #0071c8; font-size: 28px; color: #fff; letter-spacing: 2px;}
.left_page ul li{background: #e0e8f9;line-height: 30px;}
.left_page ul li a{color: #4d4d4d; font-size: 18px;display: block; margin-top: 6px;padding: 10px 25px;}
.left_page ul li a.normal,.left_page ul li a:hover{background:#52b5eb;color: #fff;}

.right_page{width: 1110px; margin-top: 30px;}
.right_page .address{line-height: 30px;padding: 8px 0;color: #4d4d4d;border-bottom: 4px solid #0259ab;}
.right_page .address .add_title{font-size: 26px;}
.right_page .address .local{font-size: 14px;}
.right_page .address .local a{color:#0089e1;}

.page_list{margin: 10px 0;}
.page_list li{overflow: hidden;height: 50px;line-height: 50px;font-size: 16px;    padding: 0 10px;}
.page_list li a{color: #333;width:76%;}
.page_list li i{font-size:14px;color:#666;}
.page_list li:hover{background: #f8f8f8;}
.page_list li:hover a{font-weight: bold;font-size: 17px;color: #0259ab;}

.page_num{margin: 30px 0;font-size: 15px; color: #898989;border-top: 1px dashed #ccc;padding-top: 30px;}
.page_num .page >li{display: inline-block;padding: 4px 8px;border: 1px solid #aaa;border-radius: 4px;}
.page_num .page >li > a{color: #0259ab;}
.page_num .page .pageBtn{border: none;padding: 4px 0;}
.page_num .page .pageBtn a{border: 1px solid #aaa;border-radius: 4px;padding: 5px 10px;margin: 0 4px;}
.page_num .page .pageBtn a.active{background: #0259ab;color: #fff;border-color: #0259ab;}
.page_num .page li span{color: #0259ab;}


/*-------------- content ----------------*/
.con_text{color: #666;padding:0 16px;}
.con_text .tit h4{color: #0259ab;font-size: 24px;line-height: 28px;margin: 40px 0 40px;font-weight: normal;}
.con_text .tit p{line-height: 20px;color: #666;font-size: 14px;background: #f5f5f5;padding: 8px 0;}
.con_text .tit p span{display:inline-block !important;}
.con_text .text{margin-top: 20px;line-height: 34px; font-size: 16px;}
.con_text .text img{max-width: 100%;height:auto !important;}
.con_text .text video{max-width: 100%;height:auto !important;}
.con_text .text table{max-width: 100%;}
.con_text .text table th,.con_text .text table td{padding: 5px 10px;border: 1px solid #DDD;}
.con_text .text li, .con_text .text ul {list-style: auto;}
.con_text .text a{text-decoration: auto;outline: auto;}
.con_text .text a:hover{text-decoration: auto;}

.filedownload{margin:10px 0;line-height: 52px;color:#666;font-size: 14px;}
.filedownload a{display:inline;}

.text_next{padding: 30px 0; line-height: 36px; font-size: 16px;border-top: 1px solid #ccc;}
.text_next a{color: #666;}
.text_next a:hover{color: #0071c8}



/*-------------- footer ----------------*/
.footer{background:#1777e6;overflow: hidden;text-align: center;padding: 10px 0;}
.footer a{display:inline; color:#fff;}
.footer a:hover{font-weight:bold;}
.footer img{display: inline;margin: -4px 4px 0 0;}
.footer .foot_con p{line-height: 30px;color:#fff;}

/*-------------- media ----------------*/
@media screen and (min-width:1260px){
  .banner .bd li img{height:475px;}
}
@media screen and (max-width:768px){
  .allWidth{width:92%;}
/*head*/
.header{position: relative;}
.logo{height:76px;margin:14px auto;float:none;display:block;text-align:center}
.logo{width:auto;height:100%}
.search{margin:14px 0;float:none;width:70%}
.search input{width:220px}

/*nav*/
.mob_select{height:30px;display:block;position:absolute;right:15px;bottom:20px}
.mob_select li{width:32px;height:2px;background:#1777e6;margin-top:8px}
.nav_btns>li:nth-child(1){-webkit-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
.nav_btns>li:nth-child(2){display:none}
.nav_btns>li:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav{height:auto;background: #f4f4f4;}
.pc_nav{display:none}
.mob_navbar{display:block;}
.mob_navbar > li{width: 100%;line-height: 50px;font-size: 18px;}
.mob_navbar > li > a{padding: 0;width: 86%;color:#333;}
.mob_navbar > li > a.action {background: none;}
.mob_navbar > li >strong{display:block; position: absolute; right: 20px; top: 0; font-size: 25px; color: #333; cursor: pointer; width: 40px;line-height: 50px; text-align: center;z-index: 100;}
.mob_navbar .menu{position: inherit;top:0;background: #fff; }
.mob_navbar .menu li a{color: #0066cc;width: 86%;}
.add{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.navbar_ul > li:hover > a, .navbar_ul>li.on > a{background:transparent}
.mob_index{text-align: center;background: #0066cc;}
.mob_index a{display: inline-block;font-size: 18px;color: #fff;padding: 0 30px;}
/*ban*/
.banner{height:100px;}
.banner .hd{bottom:10px;}
.banner .hd li{width:12px;height:12px;}
/*main*/
.one_floor{height:auto;margin:20px 0}
.news_tab{width:100%}
.slideBox{width:100%}
.news_list{width:100%;margin:15px 0}
.notice_tab{width:100%}
.teach_tab{width:100%;margin:0}
.message_tab{width:100%;margin:15px 0}
.nav_tab{width:100%}



}