@charset "utf-8";

body{font-family:"Microsoft Yahei","Hiragino Sans GB",Helvetica; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,  dl, dt, dd, ol, ul, li, tr, th, td, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, s, fieldset, form, label, legend, table, caption,  tfoot, thead,  article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
    word-break: break-all;
    word-break: break-word;
}


ul,ol,li
{
	list-style-type: none;
	margin: 0;
	padding: 0
}

img
{
	border: 0;
}
a{
color: #333;
}
a:link
{
	text-decoration: none;
	color: #333;
}

.fl
{
	float: left !important;
}

.fr
{
	float: right !important;
}

.clearboth
{
	clear: both;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.con1200
{
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
p{
    word-wrap: break-word;
    word-break: break-word;
    }


.header
{
	background-color: #18437f;
	background: rgba(24,67,127,0.9);
	height: 82px;
	width: 100%;
	margin: 0 auto
}

body{margin: 0;padding: 0;font-size: 14px;color: #333;font-family: "微软雅黑";min-width: 1366px;background-position:top;background-image:url(../images/body_bg01.jpg) ;background-repeat:no-repeat;background-size: cover;}




.logo
{
	margin-top: 15px;
	float: left
}

.nav
{
	width: 750px;
	height: 82px;
	float: right;
	position: relative;
}

.menu
{
}

.menu ul#topnav
{
	margin: 0;
	padding: 0;
	float: left;
	width: 750px;
	height: 82px;
	list-style: none;
	position: relative;
	font-size: 16px;
}

.menu ul#topnav li
{
	float: left;
	margin: 0;
	padding: 0;
}

.menu ul#topnav .first
{
	width: 40px;
	background: #003366;
}

.menu ul#topnav .first:hover
{
	background: #ff9933;
}

.menu ul#topnav li a
{
	padding: 0px 16px;
	display: block;
	color: #f0f0f0;
	min-width: 85px;
	height: 50px;
	line-height: 30px;
	padding-top: 32px;
	text-align: center;
	text-decoration: none;
	background: url(../images/topnav_s.png) right 38px no-repeat;
}

.menu ul#topnav li a:hover
{
	color: #fff;
}

.menu ul#topnav li:hover
{
	background: #ff9933;
}

.menu ul#topnav li span
{
	float: left;
	padding: 5px 10px;
	position: absolute;
	left: 0;
	top: 82px;
	display: none;
	width: 730px;
	background: #ff9933;
	color: #fff;
}

.menu ul#topnav li:hover span
{
	display: block;
}

.menu ul#topnav li span a
{
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 5px 5px;
	margin: 5px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.menu ul#topnav li span a:hover
{
	text-decoration: none;
	color: #fff;
	background: #000;
}

.menu ul#topnav .last
{
	background: url(../images/ico_more.png) 56px 41px no-repeat !important;
	width: 60px !important;
	text-align: left !important;
}

.menu ul#topnav .last:hover
{
	background: url(../images/ico_more.png) #ff9933 56px 41px no-repeat !important;
}




.clearfix::after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ".";
	overflow: hidden;
	width: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0;
}

.clearfix {
	display: block;
}





 
.teach_main
{
	
	width: 1100px;
	margin: 70px auto;
	background-color: #FFF;
	background: rgba(255,255,255,0.9);
	padding: 40px 50px;
}

.teach_main .left
{
	width: 330px;
	height: auto;
	color: #000;
	line-height: 27px;
	float: left;
}

.teach_main .t_name
{
	font-size: 22px;
	color: #333;
	margin: 0 auto;
	text-align: center;
}

.teach_main .t_photo
{

	text-align: center;
	width: 292px;
	height: 338px;
	margin: 0 auto;
	position: relative;
}

.teach_main .t_photo .tiezhi
{
	background: url(../images/photo_bq.png) top center no-repeat;
	width: 292px;
	height: 338px;
	position: absolute;
	left: 0;
	top: 0; 
	overflow:hidden;	
}


{
	margin-top: 25px; width:78%;       border:#CCC 1px solid; padding:5px; background:#fff;
}

.teach_main .t_content
{
	width: 300px;
	height: 340px;
}

.teach_main .t_content ul
{
	margin: 10px 0 0 0px;
padding-left: 20px;
}

.teach_main .t_content li
{
	text-align: left;
	color: #000;
	line-height: 32px;
	background: url(../images/t_ico001.png) left 13px no-repeat; padding-left:10px;
}

.teach_main .t_content li img
{
	width: 25px;
	height: 25px;
	float: left;
	margin: 2px 10px 0 0;
	display: inline;
}

.teach_main .right
{
	width: 750px;
	
	float: left;
	margin: 50px 0 0 20px;
}

.teach_main .right_two
{
	width: 709px;
	height: 510px;
	float: left;
	margin: 10px 0 0 50px;
}

#boxscroll
{
	padding: 0px;

	width: 750px;
	/* overflow: auto; */
	margin-bottom: 0px;
	clear: both;
}

#boxscroll2
{
	padding: 0px;
	/* height: 200px; */
	width: 300px;
	overflow: auto;
}

#boxscroll3
{
	padding: 0 20px;
	height: 390px;
	width: 750px;
	/* overflow: auto; */
	margin-bottom: 0px;
}

.right_content
{
}

.right_title
{
	border-bottom: #000 2px solid;
	/* margin-bottom: 25px; */
}
.right_title:after{

visibility:hidden; display:block; content:""; clear:both
}
.right_title .lmmc
{
	font-size: 20px;
	line-height: 40px;
	padding: 0 20px;
	border-bottom: #ff9933 4px solid;
	float: left;
	margin-left: 15px;
}

.right_title .dqwz
{
	font-size: 14px;
	color: #666;
	line-height: 30px;
	float: right;
	text-align: right;
	margin-top: 10px
}
.right_title .dqwz a
{
	color: #666;
}

.r_list
{
}

.r_list li
{
          word-wrap: break-word;
          line-height: 30px;
          font-size: 14px;
          color: #333;
          border-bottom: #CCC 1px dotted
}

.r_list li a
{
	line-height: 36px;
	font-size: 14px;
	color: #555;
	/*display: block;*/
	/*padding-left: 15px;*/
	width: 735px
}

.r_list li a:hover
{
	color: #000;
}

.r_list li:hover
{
	color: #000;
	border-bottom: #CCC 1px dotted
}

.r_list .fanye
{
	text-align: center;
	width: 100%;
	height: 40px;
	margin-top: 15px;
}

.r_info
{
	font-size: 14px;
	line-height: 30px;
	color: #333
}

.r_info p
{
	font-size: 14px;
	line-height: 30px;
	color: #333;
	text-indent: 2em;
}

.r_piclist
{
	width: 750px;
	overflow: hidden
}
.r_piclistnr_d{width: 733px; overflow: hidden;}
.r_piclistnr
{
	width: auto; overflow: hidden;
}

.r_piclist li
{
	float: left;
	width: 220px; height:180px; border:#CCC 1px solid; background:#FFF;
	position: relative;
	margin: 10px 12px 10px 0; text-align:center; overflow:hidden; 
}
.r_piclist lli img
{ width:100%; height:100%;
}

.r_piclist li .name
{
	background-color: #000;
	background: rgba(0,0,0,0.7);
	text-align: center;
	line-height: 40px;
	height: 40px;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	overflow:hidden;
}

.r_piclist li .name a
{
	display: block;
	width: 100%;
	color: #fff
}

.r_piclist li .name a:hover
{
	display: block;
	width: 100%;
	color: #fff;
	background: rgba(0,0,0,0.9);
}

.r_content
{
}

.r_content .title
{
	font-size: 24px;
	line-height: 40px;
	color: #000;
	width: 100%;
	text-align: center;
}

.r_content .time
{
	width: 100%;
	background: #e0e0e0;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #ff6600;
	margin-top: 15px;
}

.r_content .time a
{
	color: #ff6600
}

.r_content .nr
{
	line-height: 30px;
	font-size: 14px;
	color: #333;
}

.r_content .nr p
{
               word-wrap: break-word;
    word-break: break-word;
	line-height: 30px;
	font-size: 14px;
	color: #333;
	text-indent: 2em
}

.jg_content
{
}

.jg_content .title
{
  word-wrap: break-word;
    word-break: break-word;
	font-size: 24px;
	line-height: 40px;

	color: #000;
	width: 100%;
	text-align: center;
	border-bottom: #CCC 1px dashed;
}

.jg_content .nr
{
	line-height: 30px;
	font-size: 14px;
	color: #333;
}

.jg_content .nr p
{
	line-height: 30px;
	font-size: 14px;
	color: #333;
	text-indent: 2em
}

.jg_nr
{
	margin: 20px 0;
	color: #555;
}

.jg_nr li
{
 word-wrap: break-word;
    word-break: break-word;
	min-width: 50%;
	width: auto;
	display: block;
	line-height: 34px;
	font-size: 14px;
	text-align: left;
	float: left;
}

.jg_nr span
{
	font-weight: bolder;
	color: #000
}

.jg_nr p
{
	line-height: 30px;
	font-size: 14px;
	color: #333;
	margin-top: 0px;
}

.jg_nr .oneli
{
	width: 100%;
}

.jg_nr a:hover
{
	color: #ff8203
}




.pic_content
{
}

.pic_content .title
{
	font-size: 24px;
	line-height: 40px;
	padding-bottom: 15px;
	color: #000;
	width: 100%;
	text-align: center;
	border-bottom: #CCC 1px dashed;
}

.pic_content .nr
{
	line-height: 30px;
	font-size: 14px;
	color: #333;
}

.pic_content .nr p
{
	line-height: 30px;
	font-size: 14px;
	color: #333;
	text-indent: 2em
}

.pic_nr
{
	margin: 20px 0;
	color: #555;
	padding-right:10px;
}

.pic_nr p
{
	line-height: 30px;
	font-size: 14px;
	color: #555;
	margin-top: 0px;
}




#search
{
	position: absolute;
	bottom: 80px;
	right: 0px;
	opacity: 0.8
}

#searchform
{
	width: 300px;
	margin: 0 auto;
}


#searchform fieldset
{
	padding: 0px;
	border: none;
	margin: 0px;
}

#searchform input[type="text"]
{
	background: #e8e8e8;
	border: none;
	float: left;
	padding: 0px 10px 0px 15px;
	margin: 0px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	color: #585858;
}

#searchform input[type="text"]:hover, #searchform input[type="text"]:focus
{
	width: 200px;
}

#searchform input[type="submit"]
{
	background: url(../images/ico_search.png) center 11px no-repeat;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	width: 50px;
	height: 50px;
	line-height: 50px;
}

input[type="submit"]
{
	padding: 4px 17px;
	color: #ffffcolor:#585858;
	ff;text-transform: uppercase;
	border: none;
	font-size: 20px;
	cursor: pointer;
	margin-top: 10px;
	float: left;
	overflow: visible;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
}



#searchform input[type="submit"]:hover
{
	background-color: #ff6600;
}

#searchform input[type='submit']
{
	background-color: #ff9933;
}


.s_language
{
	float: right;
	color: #003366 !important;
	line-height: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	width: 92px;
	text-align: center;
	z-index: 1
}



.select{position:relative;margin:0;}
.select dt{height:30px;color: #ff9933;display:inline-block;background:#003366 url(../images/ico_xl.png) no-repeat 75px 13px;line-height:30px;cursor:pointer;width:78px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99; text-align:left; padding-left:15px;}
.select dt:hover,.select dt.cur{box-shadow:0 0 3px #409DFE;}
.select dd{position:absolute;left:-40px;top:29px;background:#003366;display:none;}
.select dd ul{width:92px;max-height:250px;}
.select dd ul li a{line-height:28px;display:block;padding:0 8px; color:#fff}
.select dd ul li a:hover{background:#ff9933;}



.tylj{ margin-left:20px;}
.tylj a{padding-left:10px; color:#fff}

.footer
{
	background-color: #18437f;
	background: rgba(24,67,127,0.9);
	height: auto;overflow:hidden;
	width: 100%;
	margin: 0 auto;
	border-top: #ff9933 2px solid;
	color: #fff;
	padding-top: 20px;
	line-height: 30px;
}

.footer .left
{
	float: left;
}

.footer .left p
{
	margin: 0;
	padding: 0;
}
.footer .end_sj a{ margin-left:30px; color:#FFF; padding-left:20px; background:url(../images/ico_endsj.png) left no-repeat; }
.footer .right
{
	float: right;
	width: 110px;
	text-align: center;
	margin-bottom: 20px;
}
.footer .right .er_code{
	padding:5px;
	background:#fff;
	box-sizing: border-box;
	width: 110px;
	height: 110px;
}
.footer .right span
{
	display: block;
	width: 100%;
	line-height: 30px;
} 
.btn-like{
	width: 100%; bottom:0px;
    text-align: center;
    z-index: 999;
	height:40px;
	line-height:30px; overflow:hidden;display:none;
	}
.btn-like-i{ position:relative;margin-left: -45px;}
.btn-like-img{background: url("../images/btn-like.png")  center no-repeat; display:block; width:20px; height:20px;}
.btn-like img{ position:absolute; top:5px;}
.btn-like span{ display:inline; margin-right:10px;}


.footer .center
{
	float: left;
	margin:0px 0 0 30px;
}
.footer .center a
{ font-size:14px; line-height:27px; color:#254d84; display:block; background:url("../images/t_ico001.png")10px center no-repeat #ffffff; margin:10px; padding:0 25px; border-radius:5px;
}
.footer .center a:hover
{ background:#f1f1f1
}

.r_tztlist
{
	width: 750px;
	overflow: hidden
}

.r_tztlistnr
{
	width: 780px
}

.r_tztlistnr h1
{ font-size:18px; line-height:30px; text-align:center; color:#333333
}
.r_tztlist li
{
	float: left;
	width: 239px;
	position: relative;
	margin: 10px 12px 10px 0
}

.r_tztlist li .name
{
	background-color: #000;
	background: rgba(0,0,0,0.7);
	text-align: center;
	line-height: 40px;
	height: 40px;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff
}

.r_tztlist li .name a
{
	display: block;
	width: 100%;
	color: #fff
}

.r_tztlist li .name a:hover
{
	display: block;
	width: 100%;
	color: #fff;
	background: rgba(0,0,0,0.9);
}


ul#topnav .sub-list
{
	width:150px !important; height:auto;  position:absolute; top:80px; left:600px ; z-index:9999999999; margin:0; padding:0
}
ul#topnav .sub-list a
{
	width:150px !important;height:auto !important; padding-left:20px; line-height:27px !important;  margin:0 !important;
}
ul#topnav .sub-list a:hover
{ 
}
ul#topnav .subtwo
{
	background:url(../images/i_subbg.png) 10px center no-repeat #ff9933 !important;border-bottom:#ffb061 1px solid !important; 
}
ul#topnav .subtwo:hover
{
	background:url(../images/i_subbg.png) 10px center no-repeat #184075 !important; 
}
ul#topnav .subno
{
	background:url() 10px center no-repeat #ff9933 !important;border-bottom:#ffb061 1px solid !important; 
}
ul#topnav .subno:hover
{
	background:url() 10px center no-repeat #184075 !important; 
}
#sou_ul1 ul{display:none;}
#sou_ul1  .s-sub{}
#sou_ul1  .s-sub a{ background:rgba(24,67,127,0.9); !important; color:#ffffff; border-bottom:#17437e 1px solid !important}
#sou_ul1  .s-sub a:hover{ background:#17437e !important}