﻿body {
    font-family: "Microsoft YaHei",SimHei,SimSun, Arial,SimSun,sans-serif;
    padding: 0;
    margin: 0;
    background-color: #fff;
    overflow-x: hidden;
}

html,
body {
    scrollbar-face-color: #eee;
    
    scrollbar-highlight-color: #fff;
    
    scrollbar-shadow-color: #eeeeee;
   
    scrollbar-3dlight-color: #eeeeee;
    
    scrollbar-arrow-color: #000;
    
    scrollbar-track-color: #fff;
    
    scrollbar-darkshadow-color: #fff;
    
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: middle;
    font-family: "Microsoft YaHei",SimHei,SimSun, Arial,SimSun,sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
	width: 100%;
}


/* ------------------------------------------------------------------------- *
*  Base Styles
/* ------------------------------------------------------------------------- */

html {
    -webkit-text-size-adjust: none;
}

::selection {
    background: #3b8dbd;
    color: #fff;
}

::-moz-selection {
    background: #3b8dbd;
    color: #fff;
}

ul,
li {
    list-style: none;
}

img {
    border: 0;
    vertical-align: middle;
	max-width: 100%;
}

a:focus,
a:active,
a:hover {
    text-decoration: none;
    outline: none;
}


::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #f1f1f1;
}


/*å®šä¹‰æ»šåŠ¨æ¡è½¨é“ å†…é˜´å½±+åœ†è§’*/

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(205, 205, 205, 0.3);
    border-radius: 10px;
    background-color: #f1f1f1;
}


/*å®šä¹‰æ»‘å— å†…é˜´å½±+åœ†è§’*/

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -moz-box-shadow: inset 0 0 6px rgba(205, 205, 205, .3);
    background-color: #cdcdcd;
}

::-moz-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #f1f1f1;
}


/*å®šä¹‰æ»šåŠ¨æ¡è½¨é“ å†…é˜´å½±+åœ†è§’*/

::-moz-scrollbar-track {
    -moz-box-shadow: inset 0 0 6px rgba(205, 205, 205, 0.3);
    border-radius: 10px;
    background-color: #f1f1f1;
}


/*å®šä¹‰æ»‘å— å†…é˜´å½±+åœ†è§’*/

::-moz-scrollbar-thumb {
    border-radius: 10px;
    -moz-box-shadow: inset 0 0 6px rgba(205, 205, 205, .3);
    background-color: #cdcdcd;
}


/*æ»šåŠ¨æ¡*/


.container {
    width: 1200px !important;
    margin: 0 auto;
    padding: 0px;
}



/*banner*/
.teachers_b {
    position: relative;
    margin-top: 0px;
}

.carousel-control img {
    position: relative;
    top: 40%;
}

.slide {
    margin: 0 auto;
    position: relative;
}

.index_tips li.first {
    bottom: 85px;
    position: absolute;
    background-color: #fff;
    border: 1px solid #dcdcdc;
}

    .index_tips li.first a span {
        padding: 1px;
        width: 38px;
    }

.maincontent {
    min-height: 300px;
    background: url(../images/index/botton-bg.png) bottom repeat-x;
    padding: 50px 0;
    overflow: hidden;
    background-color: #fff;
}

.maincontent-js {
    width: 100%;
    height: 140px;
    background-color: #fff;
}

.col-md-4 {
    float: left;
    margin-top: 30px;
}

    .col-md-4 span {
        display: inline-block;
    }

        .col-md-4 span.left {
            width: 70px;
        }

            .col-md-4 span.left i {
                font-size: 60px;
                color: #1296db;
            }

        .col-md-4 span.right {
            font-size: 20px;
            color: #242424;
        }

            .col-md-4 span.right .bottom {
                font-size: 16px;
                color: #666666;
                line-height: 30px;
            }

.maincontent-ry {
    padding: 50px 0;
    background-color: #f2f9fc;
}

h2.title {
    font-size: 22px;
    color: #242424;
}

.scrollbox-cell {
    float: left;
    width: 22.5%;
    margin-right: 3.333%;
    min-height: 280px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    margin-top: 10px;
}


.item .scrollbox-cell:last-child {
    margin-right: 0%;
}

.scrollbox-cell a img {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    max-width: 100%;
}


.scrollbox-cell a span.right, .scrollbox-cell a span.right .bottom {
    padding: 10px;
}

.scrollbox-cell a span.right {
    font-size: 18px;
    color: #000;
    clear: both;
    top: 10px;
    position: relative;
}

    .scrollbox-cell a span.right .bottom {
        font-size: 14px;
        color: #666;
        line-height: 30px;
    }

.topright {
    float: right;
}

    .topright i {
        color: #8bbdea;
        font-size: 30px;
    }

.maincontent-cg {
    padding: 50px 0;
    background-color: #fff;
}

.spear-line {
    width: 100%;
    height: 2px;
    background-color: #20a0de;
}

.bottom-area {
    padding: 40px 0;
}

.news-item {
    margin: 15px;
    margin-bottom: 40px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .news-item .inner-item {
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
    }

        .news-item .inner-item img {
            width: 100%;
height: 187px;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -o-border-radius: 10px;
            transition: all 0.17s ease-in-out;
            -moz-transition: all 0.17s ease-in-out;
            -webkit-transition: all 0.17s ease-in-out;
            -o-transition: all 0.17s ease-in-out;
        }

    .news-item:hover .inner-item img {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -moz-transform: scale(1.2);
    }

    .news-item p {
        line-height: 22px;
        margin-bottom: 10px;
        color: #9a9a9a;
        font-size: 13px;
        font-weight: 300;
        margin: 0;
		height:150px;
    }


    .news-item h5 {
        margin-bottom: 5px;
        line-height: 22px;
        color: #000000;
        font-size: 16px;
        font-weight: 300;
        margin: 0;
    }

.bottom-area {
    clear: both;
    height: auto;
    overflow: hidden;
}

.owl-item {
    float: left;
    width: 20%;
}

a.read-more {
    padding: 10px 30px;
    font-size: 12px;
    color: #20a0de;
    border: 1px solid #20a0de;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.morelink-a {
    float: right;
}

    .morelink-a a i {
        color: #666666;
        font-size: 28px;
    }

.allcontent.none {
    display: none;
}

.allcontent {
    display: block;
}

.tab_db li a {
    float: left;
    padding: 10px 30px;
    color: #372f38;
    font-size: 18px;
}

.tab_db li.active a {
    background-color: #20a0de;
    color: #fff;
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
}

.news-cell-item-top {
    line-height: 45px;
    height: 45px;
    border-bottom: 1px solid #eeeeee;
    font-size: 20px;
    color: #242424;
}

.news-cell-item {
    width: 48%;
    margin-right: 1%;
    margin-bottom: 20px;
    min-height: 300px;
    overflow: hidden;
    display: inline-block;
}

.news-cell-item-top i {
    font-size: 25px;
    margin-right: 5px;
    color: #20a0de;
    vertical-align: middle;
}

.news-cell-item:nth-child(1) .news-cell-item-top i {
    font-size: 35px;
}

.news-cell-item-top span {
    line-height: 45px;
    height: 45px;
    border-bottom: 1px solid #20a0de;
    display: inline-block;
    padding: 0 6px;
}

.new-cell a {
    display: inline-block;
    width: 220px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

    .new-cell a i {
        font-size: 12px;
        margin-right: 3px;
        position: relative;
        top: 0px;
        vertical-align: middle;
        color: #20a0de;
    }

.new-cell.tt a {
    font-size: 16px;
    width: 75%;
    color: #242424;
    line-height: 42px;
}

.new-cell {
    line-height: 42px;
    height: 42px;
    border-bottom: 1px dashed #dcdcdc;
}

.rightime {
    color: #999999;
    font-size: 14px;
    float: right;
    line-height: 42px;
    margin-right: 20px;
}

.news-cell-item-inner {
    padding: 5px 20px;
}


/*2sec*/
.spear-line.grey {
    background-color: #eeeeee;
}

.news-list {
    height: 110px;
    background-color: #fff;
}

.maincontent-ee {
    min-height: 300px;
    background-color: #fff;
}

.news-list-nav li a {
    margin-top: 20px;
    color: #242424;
    float: left;
    padding: 15px 30px;
    border-right: 1px solid #eeeeee;
    font-size: 22px;
}

.news-list-nav li.active a, .news-list-nav li.active a i {
    color: #1f9fde;
}

.news-list-nav li a i {
    color: #666;
    font-size: 35px;
    margin-right: 10px;
    vertical-align: middle;
}

.news-list .container {
    /*width: 780px !important;*/
}



.newslist-inner-cell {
    padding: 40px 0;
    position: relative;
}

.left-pic-1 {
    float: left;
    width: 225px;
    height: 150px;
    overflow: hidden;
    margin-right: 20px;
    position: relative;
}

    .left-pic-1 img {
        max-width: 225px;
    }

.click-all {
    position: absolute;
    right: -5px;
    top: -10px;
}

.right-pic-1 {
    float: left;
    width: 70%;
    height: 150px;
    position: relative;
}

.del-all-top {
    color: #242424;
    font-size: 18px;
}

 .del-all-top a {
        color: #000000;
    }


.del-all-bottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

    .del-all-bottom span {
        font-size: 12px;
        color: #666;
    }

        .del-all-bottom span i {
            margin-right: 10px;
        }

.rightview {
    float: right;
}

.click-all i.icon-biaoqian {
    position: relative;
    font-size: 60px;
    color: rgba(255,255,255,0.8);
}

.click-all-bottom {
    position: absolute;
    top: 5px;
    color: #ff0000;
    text-align: center;
    top: 12px;
    left: 20px;
    font-size: 11px;
}

.del-all {
    color: #666666;
    font-size: 14px;
    padding: 10px 0;
    height: 110px;
    overflow: hidden;
}

.maincontent-ee .newslist-inner-cell:nth-child(n) {
    background-color: #fff;
    background: url(../images/arrow-bottom.png) bottom repeat-x;
}

.maincontent-ee .newslist-inner-cell:nth-child(2n) {
    background: url(../images/arrow-top.png) bottom repeat-x;
    min-height: 100px;
    overflow: hidden;
    background-color: #f9f8f8;
}
/*2sec*/

/*2detail*/
.mainstyle {
    background-color: #fff;
    min-height: 300px;
    overflow: hidden;
}

.content-detail-text {
    line-height: 36px;
    color: #333333;
    padding: 30px 0;
    font-size: 16px;
}

    .content-detail-text img {
        margin: 20px 0;
    }

    .content-detail-text p {
        /*text-indent: 28px;*/
    }

.pagelist {
    padding:10px; background-color:#fff;
}

.h2{font-size:24px;width:100%;text-align:center;line-height:60px;}

.bottom-mainstyle-time {
    float:left;
    color:#666;
}

 .bottom-mainstyle-time span {
     vertical-align:baseline;
    color:#242424;
    }
 .bottom-mainstyle{border-bottom:1px dashed #dcdcdc;line-height:40px;height:40px;font-size:12px;}

.bottom-mainstyle-dji{float:right;color:#666;}

.bottom-mainstyle-dji i{color:#242424;}
/*2detail*/

.news-list-nav li:last-child a{border:0px;}

.filtr-item {
    display: inline-block;
    width: 240px;
    padding:8px 10px 2px 0;
    margin-right:10px;
}
.container .jq22{margin:20px 0;}
.filtr-item  img{max-width:235px;}


/*0205add*/

.photo-mask {
		position: fixed;
		z-index: 10;
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.8);
		filter: alpha(opacity=20);
		-moz-opacity: 0.8;
		opacity: 0.8;
		display: none;
	}
	
	.photo-panel {
		position: absolute;
		display: none;
		clear: both;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 10;
	}
	
	.photo-panel .photo-div,
	.photo-panel .photo-bar {
		width: 100%;
	}
	
	.photo-panel .photo-div {
		width: 960px;
		height: 560px;
		z-index: 11;
		margin: auto;
		position: relative;
        margin-top:400px !important;
	}
	
	.photo-panel .photo-close {
		background: url(../images/close.png);
		width: 56px;
		height: 56px;
		position: absolute;
		margin-left: 664px;
	}
	
	.photo-panel .photo-close:hover {
		background: url(../images/close_ch.png);
		width: 56px;
		height: 56px;
		position: absolute;
		margin-left: 664px;
	}
	
	.photo-panel .photo-bar-tip {
		width: 700px;
		height: 44px;
		position: absolute;
		margin-top: -64px;
		padding: 10px;
	}
	
	.photo-panel .photo-bar-tip:hover {
		width: 700px;
		height: 44px;
		position: absolute;
		margin-top: -64px;
		background: #000;
		filter: alpha(opacity=20);
		-moz-opacity: 0.8;
		opacity: 0.8;
		color: #fff;
		padding: 10px;
	}
	
	.photo-panel .photo-img {
		width: 720px;
		float: left;
		height: 560px;
		background: #fff;
	}
	
	.photo-panel .photo-view-w {
		width: 720px;
		height: 560px;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}
	
	.photo-panel .photo-view-h {
		width: 720px;
		height: 560px;
		text-align: center;
		vertical-align: middle;
	}
	
	.photo-panel .photo-view-w img {
		max-width: 700px;
		height: auto;
		vertical-align: middle;
		text-align: center;
		max-height: 540px;
		margin: 10px;
		-moz-box-shadow: 5px 5px 5px #a6a6a6;
		/* è€çš„ Firefox */
		box-shadow: 5px 5px 5px #a6a6a6;
		-webkit-animation: swing 1s .2s ease both;
		-moz-animation: swing 1s .2s ease both;
	}
	
	.photo-panel .photo-view-h img {
		max-width: 700px;
		height: 540px;
		margin: 10px;
		-moz-box-shadow: 5px 5px 5px #a6a6a6;
		/* è€çš„ Firefox */
		box-shadow: 5px 5px 5px #a6a6a6;
		-webkit-animation: swing 1s .2s ease both;
		-moz-animation: swing 1s .2s ease both;
	}
	
	@-webkit-keyframes swing {
		20%,
		40%,
		60%,
		80%,
		100% {
			-webkit-transform-origin: top center
		}
		20% {
			-webkit-transform: rotate(15deg)
		}
		40% {
			-webkit-transform: rotate(-10deg)
		}
		60% {
			-webkit-transform: rotate(5deg)
		}
		80% {
			-webkit-transform: rotate(-5deg)
		}
		100% {
			-webkit-transform: rotate(0deg)
		}
	}
	
	@-moz-keyframes swing {
		20%,
		40%,
		60%,
		80%,
		100% {
			-moz-transform-origin: top center
		}
		20% {
			-moz-transform: rotate(15deg)
		}
		40% {
			-moz-transform: rotate(-10deg)
		}
		60% {
			-moz-transform: rotate(5deg)
		}
		80% {
			-moz-transform: rotate(-5deg)
		}
		100% {
			-moz-transform: rotate(0deg)
		}
	}
	
	.photo-panel .photo-left,
	.photo-panel .photo-right {
		width: 120px;
		float: left;
		margin-top: 220px;
	}
	
	.photo-panel .arrow-prv {
		background: url(../images/l.png);
		width: 120px;
		height: 120px;
	}
	
	.photo-panel .arrow-prv:hover {
		background: url(../images/l_ch.png);
		width: 120px;
		height: 120px;
		cursor: pointer;
	}
	
	.photo-panel .arrow-next {
		background: url(../images/r.png);
		width: 120px;
		height: 120px;
	}
	
	.photo-panel .arrow-next:hover {
		background: url(../images/r_ch.png);
		width: 120px;
		height: 120px;
		cursor: pointer;
	}
	
	
.allotherlist{line-height:36px;color:#666666;padding:20px; /*text-indent:30px;*/}

/*0205add*/	
	.all-list-app  .applictions-cell{width:19%;}
	.banner-list-box{width:100%;margin-bottom:20px;border: 1px solid #b8d2ed;}
/*0205add*/	


/*0301add*/	

.left-mail{width:120px;text-align:right;font-size:14px;color:#6e6e6e;display:inline-block; vertical-align:middle;}

.right-mail{display: inline-block;margin:10px;width:40%;}

.red{margin:0 10px;color:red;}

.right-mail.width80{width:62%;}

.right-mail.width80 textarea.form-control{height:220px;margin-bottom:20px;}

.col-md-8.pl{margin-left:130px;margin-top:10px;margin-bottom:20px;}

.col-md-8.pl .btn{width:98px;}

/*0301add*/	

.procell-list {
    border: 1px solid #b8d2ed;
    height: auto;
    overflow: hidden;
    min-height: 430px;
    background-color: #fff;
	    position: relative;
}

.procell-list-top {
    height: 50px;
    background-color: #dfebf7;
    height: 50px;
    font-size: 20px;
    color: #333333;
    border-bottom: 1px solid #b8d2ed;
    line-height: 50px;
    padding: 0 15px;
}
.fir .procell-list {
    padding: 0px;
}

    .fir .procell-list.leftbox {
        width: 720px;
        float: left;
        border-right: 0px;
    }

    .fir .procell-list.rightbox {
        width: 480px;
        float: left;
        border-left: 0px;
    }
    .news-list-box-bottom.content{padding:20px;}
    .h2{border-bottom:1px dashed #dcdcdc;font-size:24px;width:100%;text-align:center;line-height:40px;padding-bottom:20px;}
	
.leadership-ul li {
    float: none !important;
    display: inline-block !important;
    min-height: 300px !important;
}	
@media (max-width:1024px){
.container {width: 1000px !important;}
.news-item p{height: 200px;}
.allotherlist{overflow: hidden;}
}

@media (max-width:998px){
.wzq_box { width:80%;}
.wzq_box ul { padding:15px;}
.news-list{height:auto;}
.container {
    width: auto !important;
    margin: 0 auto;
    padding: 3px;
}
.procell-list-mid-4 .countNum-cell{width:auto}
.header{height:auto;}
.nav-list {
    position: relative;
    right: 0px;
    width: 100%;
    float: left;
    padding: 10px 0px;
    border-top: 1px solid #ebebeb;
    margin-top: 20px;
}
.nav-list a{float: left; line-height: normal;padding: 8px 15px;}
.banner-list{clear: both;}
.news-cell-item{width:100%;}
.rightime{margin-right:0px;}
.scrollbox-cell{width:100%;}
.maincontent-ry{clear: both;}
.owl-item{clear: both;width:100%;}
body{overflow-x:hidden;}
.left-text, .right-text{line-height: 30px;}
}