﻿/*********************************************************************************/
/* Base                                                                          */
/*********************************************************************************/
* { margin:0; padding:0; }
/*p { font:62.5% "Microsoft Yahei","宋体", sans-serif; }*/
body {
	font:62.5% "Microsoft Yahei","宋体", sans-serif;
	/*font-style font-variant font-weight font-size/line-height font-family
	62.5%默认是18px*/
}
ul, li { list-style-type:none; }
img{border:none;vertical-align: middle;}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img{display:block;max-width:100%;height:auto;}
.img-rounded{border-radius:6px;}
.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.img-circle{border-radius:50%;}
h1,h2,h3,h4,h5,h6 { letter-spacing: 1px; }
/* 定义浮动居中 */
.clearfix:before,
.container:before,
.container:after,
.row:before,
.row:after,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container:after,
.row:after {
  clear: both;
}
/*.clearfix { clear:both; height:0; font-size:1px; line-height:0px;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }清除浮动*/
.center-block {display: block;margin-right: auto;margin-left: auto;}
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.oh { overflow:hidden; }
.mt8 { margin-top:8px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.ml30 { margin-left:30px }
.mb30 { margin-bottom:30px }
.mb50 { margin-bottom:50px }
.pd8 { padding:8px }
.pd10 { padding:10px }
.pd20 { padding:20px }
.pd30 { padding:30px }
.pd50 { padding:50px }
.pdtb20 { padding:20px 0 }
.pdtb30 { padding:30px 0 }
.pdtb40 { padding:40px 0 }
.pdtb50 { padding:50px 0 }
.vip { overflow: hidden; width:0px; height:0px; }

/*fontsize*/
.fs30 { font-size:3em; }
.fs28 { font-size:2.8em; }
.fs26 { font-size:2.6em; }
.fs24 { font-size:2.4em; }
.fs20 { font-size:2em; }
.fs18 { font-size:1.8em; }
.fs16 { font-size:1.6em; }
.fs14 { font-size:1.4em; }
/*
.fs30 { font-size:1.875em; }
.fs28 { font-size:1.75em; }
.fs26 { font-size:1.625em; }
.fs24 { font-size:1.5em; }
.fs20 { font-size:1.25em; }
.fs18 { font-size:1.125em; }
.fs16 { font-size:1em; }
.fs14 { font-size:0.875em; }
*/

/*line-height*/
.lh50 { line-height:5em; }
.lh30 { line-height:3em; }
.lh28 { line-height:2.8em; }
.lh26 { line-height:2.6em; }
.lh24 { line-height:2.4em; }
.lh20 { line-height:2em; }
.lh18 { line-height:1.8em; }
.lh16 { line-height:1.6em; }
.lh14 { line-height:1.4em; }
/*.lh50 { line-height:5em; }
.lh30 { line-height:3em; }
.lh28 { line-height:2.8em; }
.lh26 { line-height:2.6em; }
.lh24 { line-height:2.4em; }
.lh20 { line-height:2em; }
.lh18 { line-height:1.8em; }
.lh16 { line-height:1.6em; }
.lh14 { line-height:1.4em; }*/

.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }
/*font color*/
.colorred { color:red }
.colorfff { color:#fff }
/*background */
.bgfff { background:#fff }
.bg333 { background:#333 }
.bgf5 { background:#f5f5f5 }
.bged { background:#ededed }
.bgfa { background:#fafafa; }

.container { width:1200px; margin:0 auto; }


/*********************************************************************************/
/* 布局                                                                          */
/*********************************************************************************/

/* 长方形图片列表展示 */
/* 每行3个 */
.imglist-c-3 {}
.imglist-c-3 .item { float:left; width:33.33%; margin-bottom:20px; text-align:center; }
.imglist-c-3 em{ width:306px; height:306px; display:block; overflow:hidden; margin:0 auto;}
.imglist-c-3 em a {
	width:300px; height:300px; *font-size:261px; padding:1px; background:#fff; border:1px solid #c0c0c0;
	display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-family:Arial;  }
.imglist-c-3 em a:hover { border:1px solid #666; }
.imglist-c-3 u { display:block; overflow:hidden; height:20px; line-height:1.2; font-weight:normal; padding:3px 0; }

/* 每行4个 */
.imglist-c-4 {}
.imglist-c-4 .item { float:left; width:25%; margin-bottom:20px; text-align:center; }
.imglist-c-4 em{ width:266px; height:266px; display:block; overflow:hidden; margin:0 auto;}
.imglist-c-4 em a {
	width:260px; height:260px; *font-size:226px; padding:1px; background:#fff; border:1px solid #c0c0c0;
	display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-family:Arial;  }
.imglist-c-4 em a:hover { border:1px solid #666; }
.imglist-c-4 u { display:block; overflow:hidden; height:20px; line-height:1; font-weight:normal; padding:3px 0; }

/* 每行5个 */
.imglist-c-5 {}
.imglist-c-5 .item { float:left; width:25%; margin-bottom:20px; text-align:center; }
.imglist-c-5 em{ width:266px; height:266px; display:block; overflow:hidden; margin:0 auto;}
.imglist-c-5 em a {
	width:260px; height:260px; *font-size:226px; padding:1px; background:#fff; border:1px solid #c0c0c0;
	display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-family:Arial;  }
.imglist-c-5 em a:hover { border:1px solid #666; }
.imglist-c-5 u { display:block; overflow:hidden; height:20px; line-height:1; font-weight:normal; padding:3px 0; }
/* 长方形图片列表展示 end */


/* 正方形图片列表展示 */
/*每行1个*/
.imglist-z .item { float:left; text-align:center; }
.imglist-z em { display:block; overflow:hidden; margin:0 auto; }
.imglist-z em a { display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-family:Arial; }
.imglist-z u { display:block; overflow:hidden; margin:0 auto; /*height:20px;*/ line-height:1.2; font-weight:normal; padding:3px 0; }




/*每行3个*/
.imglist-z-3 {}
.imglist-z-3 .item { width:33.33%; margin-bottom:20px;}
.imglist-z-3 em{ width:306px; height:306px; }
.imglist-z-3 em a {	width:300px; height:300px; *font-size:261px; padding:1px; background:#fff; border:1px solid #c0c0c0; }
.imglist-z-3 em a:hover { border:1px solid #666; }


/* 每行4个 */
.imglist-z-4 {}
.imglist-z-4 .item { width:25%; margin-bottom:20px; }
.imglist-z-4 em{ width:266px; height:266px;}
.imglist-z-4 em a {	width:260px; height:260px; *font-size:226px; padding:1px; background:#fff; border:1px solid #c0c0c0; }
.imglist-z-4 em a:hover { border:1px solid #666; }


/* 每行5个 */
.imglist-z-5 {}
.imglist-z-5 .item { width:20%; margin-bottom:20px; }
.imglist-z-5 em{ width:206px; height:206px; }
.imglist-z-5 em a {	width:200px; height:200px; *font-size:226px; padding:1px; background:#fff; border:1px solid #c0c0c0; }
.imglist-z-5 em a:hover { border:1px solid #666; }
/* 正方形图片列表展示 end */

/*********************************************************************************/
/* 本站通用                                                                      */
/*********************************************************************************/

body {
	overflow-x: hidden;
	background: #fff;
	color:#383838;
	font-size:13px;
}

a { font-size:13px; color:#383838; text-decoration:none }
/*a:link { color:#383838; }*/
a:visited { color:#383838; }
a:hover { color:#f08200; text-decoration:underline }
a:active { color:#f08200; }



/*font color*/
.c1 { color:#bd2a00 }	/*红色*/
.c2 { color:#5e5e5e }	/*灰色*/
.c3 { color:#ff6000 }	/*橙色*/
.c4 { color:#ffcc00 }	/*黄绿色*/

/*bg color*/
.bgblue1 { background:#1C8CFF; }


/*header*/
.header {
    min-width:1200px;
    padding:10px 0;
}
.header .logo {
	float:left;
	width: 200px;
	height: 100px;
}


/****** 顶部导航 ******/
.navbar { /*height:50px;*/ }
.nav {
	float:right;
	margin-top: 48px;
	color: #fff;

}
.nav > li {
	position: relative;
	float:left;
	/*width:120px; */
	padding:0 15px;
	height:56px;
}
.nav > li > a {
	display:block;
	/*padding:0 20px;*/
	color: #333;
	font-size:18px;
	line-height:3.15;
	text-align:center;
	text-decoration:none;
	font-weight: bold;
}
.nav > li:hover > a,
	.nav > li.active > a { color:#ee9b11; border-bottom:2px solid #ee9b11; }

.nav > li .navsub,
.nav > li .dm {
	display:none;
	position: absolute;
	z-index:999;
	/*visibility: hidden;*/
	width:200px;
	margin:20px 0 0 -80px;
	padding:20px 20px;
	color:#fff;
	/*background:#2789ed;*/
	background-color: rgba(90,90,90,.9);
	filter:Alpha(opacity=60);
	/*opacity: 0;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	background-color: #fff;*/
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	/*background-color: #F0F0F0;*/
}


/*.nav li .navsub:before {content:""; position: absolute; left:50%; top:-6px; margin-left:-6px; border-left:6px dashed transparent; border-right:6px dashed transparent; border-bottom:6px solid #E7E7E7; font-size: 0; line-height: 0;}*/
.nav > li:hover .navsub,
.nav > li:hover .dm {
	display:block;
	/*visibility: visible;*/
	margin-top:0;
	/*opacity: 0.9;*/
}
.nav .navsub a,
.nav .dm a {
	color:#fff;
	font-size:14px;
	line-height:2.5;
}

.nav .navsub li,
.nav .dm li {
	text-align:center;
}

.nav .dm .layer3, .nav .dm .layer4 { display:none; }

#m20160387481402 { width:500px; }
#m1 { width:500px; }
#m2 { width:126px; }
#m3 { width:126px; }

/****** 顶部导航 end ******/


/* Banner */
.banner { overflow:hidden; width:100%; height:590px; /*background:url(loading.gif) no-repeat 50% 50%;*/ background:url(banner.jpg) no-repeat center top; }
/*.banner .item { float:left; width:50%; }*/
.banner .item a { display:block; width:300px; height:80px; margin:260px auto 0 auto; background:#ee9b11; border-radius:8px; font-size:30px; color:#fff; text-align:center; line-height:80px; font-weight:bold;
filter:alpha(opacity=70);  /*支持 IE 浏览器*/
-moz-opacity:0.70; /*支持 FireFox 浏览器*/
opacity:0.70;  /*支持 Chrome, Opera, Safari 等浏览器*/
}

.banner img { width:100%; height:590px; }
.banner .nivoSlider { width:100%; height:590px; background-size: cover }


.bannerpage { min-width:1200px; overflow:hidden;
    width:100%; height:auto;
    background:url(banner20114398532943.jpg) no-repeat center top;
    background-size: cover;
}
.bannerpage h3 { color:#fff; font-size:22px; line-height:120px; }
.bannerpage img { width: 100%; }
/*
.banner-contactus {
    background-image:url('../images/contactus/contactus-1.jpg');
}*/
/* Banner end */






/* footer */
.footer {
    min-width:1200px;
    margin-top: 30px;
	padding:50px 0;
	background: #fff;
	font-size: 12px;
	color:#333;
	border-top:1px solid #ddd;
}
/*.footer a { color:#fff }*/
.footer-nav {
    display: flex;
    justify-content: space-between;
	/*width:50%; float:left;*/
}
.footer-nav div {
    width: 300px;
}
.footer-nav h3 {
    padding-bottom: 15px;
}
.footer-nav .spnleft {
    display:inline-block;
    width: 80px;
}

.footer .copyright {
	text-align:center; margin-top:15px; padding-top: 20px; line-height: 24px;
}
/* footer end */









.location { min-width:1200px; padding:5px 0; color:#666; /*background:#00923f;*/ }
.location a { color:#666 }

.content { overflow:hidden; padding:50px 0; }
.maincontent { float:left; width:70%; }
.sider { float:right; width:28%; }

.maincontent .title h3 { padding:20px; font-size:20px; color:#f08200 }

.sider .siderbox { padding:30px; background:#fafafa; border-radius:8px; }
.sider .sidertitle h4 { padding-bottom:10px; font-size:18px; color:#6c6c6c }

.siderbutton { margin-bottom:20px; }
.siderbutton a { display:block; background:#ee9b11; text-align:center; font-size:18px; color:#fff; border-radius:8px; line-height: 50px; }

.siderclass { }
.siderclass li { margin-top:10px; background:url(icon01.jpg) no-repeat 0 10px; line-height:22px; }
.siderclass li a { padding-left:15px; font-size:14px; }

.siderclass li.layer3 { margin-top:0; background:none; }
.siderclass li.layer3 a { padding-left:30px; }
/*.siderclass .layer3, .siderclass .layer4 { display:none; }*/

.prolist{ padding:0;}
.prolist .item { overflow:hidden; float:left; width:33%; margin-bottom:30px; text-align:center; }
.prolist h4{ overflow:hidden; width:180px; height:180px; margin:0 auto; }
.prolist h4 a { width:180px; height:180px; display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:156px;*font-family:Arial;/* padding:1px; background:#fff; border:1px solid #c0c0c0;*/ }
/*.prolist h4 a:hover { border:1px solid #666; }*/
.prolist h4 img{ vertical-align:middle;
				transform: scale(1);
                transition: all 1s ease 0s;
                -webkit-transform: scale(1);
                -webkit-transform: all 1s ease 0s;   }
.prolist h4:hover img {
                transform: scale(1.3);
                transition: all 1s ease 0s;
                -webkit-transform: scale(1.3);
                -webkit-transform: all 1s ease 0s; }
.prolist h3 { overflow:hidden; width:180px; height:40px; margin:0 auto; line-height:40px; font-weight:normal; padding:3px 0; }
.prolist h3 a { display:block; background:#696969; color:#fff }
.prolist h3 a:hover { background:#333 }


.prolistbig .item { width:25% }
.prolistbig .item h4 { width:260px; height:260px; }
.prolistbig .item h4 a { width:260px; height:260px; }
.prolistbig .item h3 { width:260px; }


.article { padding:8px 0; line-height:22px }
	.article h1.article-title { text-align:center; color:#FF6600; line-height:40px; font-size:25px; word-break:break-all; }
	/*.article .article-intro { margin:0 8px; padding:8px; background:#f5f8fd;  }*/
	.article .article-content { font-size:14px; line-height:30px; }

	/*.article .article-content a { color:#0000ee; }

	.article .article-content b, .article .article-content strong { color:#ff0000; }*/
	.article .article-image { float:right; width:300px; }


#imgAbout { display:none; }

.contact-l { width:100%; }
.contact-l p { margin:5px 0; }
.contact-l table { width:100%; }
.contact-l td { padding:5px 0; }
.contact-l .txtbox { width:90%; height:25px; line-height:25px; }
.contact-l .mmobox { width:90%; height:80px; }
.contact-l .button { margin-top:30px; padding:5px 10px; }
.contact-r { float:right; width:46%; background:#fafafa; border-radius:8px }



#fenye, .fenye { overflow:hidden; clear:both; height:30px; margin-top:10px; }
	#fenye a, .fenye a { display:block; float:left; margin:0 5px; padding:0 8px; background:#fff; border:1px
solid #cccccc; color:#000; line-height:22px; }
	#fenye a:hover,
		.fenye a:hover,
		#fenye a.curr,
		.fenye a.curr { background:#ff6212; border:1px solid #cccccc; color:#fff; line-height:22px;
font-weight:bold; }
	#fenye a.curr font, .fenye a.curr font { color:#fff }

#fenye, .fenye { display:none; overflow:hidden; clear:both; height:25px; margin-top:10px; }
	#fenye a, .fenye a { padding:0 5px; }


.classIntro { width:720px; margin:30px auto 0 auto; font-size:1.1rem; }
.classIntro li { list-style:disc inside;  }







.section {}
.section .section-title {
    padding: 3rem 0;
    text-align: center;
    font-size: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 900;
}
.section .section-title h3 {
    padding: 0 10%;
}
.section .section-content {
    padding:1rem 0;
    background:#ede7e2;
}
.section .section-content p {
    font-size: 1rem;
    line-height: 2;
}

.row-flex {
    display: flex;
}




.class-bar-title h1 {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 40px;
    font-weight: 400;
    line-height: 45px;
    margin: 30px auto 30px;
    max-width: 800px;
    text-transform: uppercase;
    color: #6C797E;
    opacity: .6;
    text-align: center;
}

.artlistimg dl { clear:both; overflow:hidden; margin:15px 10px; }
	.artlistimg dt { overflow: hidden; float:left; width:305px; height:260px; }
	.artlistimg dt a { overflow:hidden; width:300px; height:250px; margin:0 auto; padding:1px; border:1px solid #cdcbcb; display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:174px;*font-family:Arial; }
	.artlistimg dt a:hover { border:1px solid #666; }
	.artlistimg dt img{ vertical-align:middle; }
	.artlistimg dd { padding-left:350px; line-height:25px; color: #666; word-break: break-all; }
	.artlistimg dd a { color: #999; }
	.artlistimg dd h2 { margin:0; padding:0; font-family:"microsoft yahei"; font-size:14px; font-weight:bold; }
	.artlistimg dd h2 a { font-size: 1.2rem; color:black  }
	.artlistimg dd span { display:block; color: #999; }
	.artlistimg dd .more { display:block; margin-top: 15px; text-align: center; width:80px; background: #e74f58; color: #fff; }



ul.artlist2 { clear:both; overflow:hidden; margin:0 0 20px 0; padding-bottom:10px; }
	ul.artlist2 li { overflow:hidden; float:left; width:43.5%; _width:43%; height:22px; margin:5px 10px; padding-left:20px; background:url(icon003.gif) no-repeat 6px 6px; border-bottom:1px dashed #999; line-height:22px; }

.article { padding:8px 0; line-height:22px }
	.article h1.article-title { text-align:center; color:#ee7131; line-height:40px; font-size:25px; word-break:break-all; }
	.article .article-author { text-align:center; line-height:30px; font-size:12px; }
	.article  hr { height:1px; border-top: none; border-bottom:1px dotted #666666; }
	.article .article-intro { margin:0 8px; padding:8px; background:#f5f8fd;  }
	.article .article-content { padding:8px 0; font-size: 1rem; line-height:30px; }
	.article .article-content a { color:#0000ee; }
	.article .article-content b, .article .article-content strong { color:#ff0000; }

	.article .article-tags { margin-top:10px; font-size:12px; }
	.article .article-tags a { color:#A10000 }
	.article .article-otherinfo { margin-bottom:10px; font-size:12px; }

	.article .dvbi_image { text-align:center; }
	.article .dvbi_image img { padding:5px; border:1px solid #999999; }
	.article .dvbi_image A:hover img { border:1px solid #ECECEC; background:#ECECEC; }
	.dvbackbtn { margin-bottom:10px; text-align:center; }
	/*附加的*/
	.article .article-image { float:left; width:280px; height:210px; padding:10px; border:2px solid #cccccc; }
	.article .article-intro2 { float:right; width:330px; padding:8px; background:#f4f4f6;  }
	.article h4.article-xg { margin:10px 0; line-height:30px; font-family:"microsoft yahei"; font-size:14px; color:#ee7131; border-bottom:1px dashed #333; }

/*
#fenye, .fenye { overflow:hidden; clear:both; height:30px; margin: 15px; text-align:center }
	#fenye a, .fenye a { display:inline-block; margin:0 5px; padding:0 8px; background:#fff; border:1px
solid #cccccc; color:#000; line-height:22px; }
	#fenye a:hover,
		.fenye a:hover,
		#fenye a.curr,
		.fenye a.curr { background:#ff6212; border:1px solid #cccccc; color:#fff; line-height:22px;
font-weight:bold; }
	#fenye a.curr font, .fenye a.curr font { color:#fff }

*