/* 列表左右展示样式 */


.fl {

	float: left;

}

.fr {

	float: right;

}



.w1200 {

	width: 1200px;

	margin: 0 auto;

}


/*清除浮动*/

.clearfix {

*zoom: 1;

}

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}



/*******内页样式********/



.submian {
    padding-top: 10px;

}

.submian .sobtitle {

	height: 30px;

	line-height: 30px;

	padding: 10px 0px 10px;

	margin-bottom: 20px;

	font-size: 14px;

	border-bottom: 1px solid #f1f1f1;

}

.submian .sobtitle s {

	width: 14px;

	height: 14px;

	margin-right: 10px;

	background-position: -129px -30px;

}

.submian .sobtitle a {

	font-size: 14px;

	color: #333

}

.submian .sobtitle a:hover {

	color: #1048a0;

}

.submian .sobtitle a.now {

	color: #1048a0;

	font-size: 14px;

	font-weight: bold;

}

.submian .sobtitle a.now:hover {

	text-decoration: underline;

}

.submian .subleft {

	width: 245px;

}

.submian .subleft .title {

	background: url(../images/bg5.jpg) no-repeat left;

	height: 102px;

	color: #fff;

	font-size: 20px;

	font-weight: bold;

	padding-right: 29px;

}

.submian .subleft .title h2 {

	line-height: 102px;

	text-align: center;

	font-size: 20px;

	font-weight: bold;

}

.submian .subleft .title i {

	font-size: 20px;

	font-weight: bold;

	color: #fff;

	padding-left: 13px;

	padding-top: 2px;

}

.submian .subleft .bort9 {

	border-top: 9px solid #007eb9;

	border-radius: 5px 5px 0px 0px;

}

.submian .subleft .bor9 {

	border-bottom: 9px solid #eaeaea;

}

.submian .subleft .lefta {

	width: 245px;

	margin-bottom: 10px;

}

.submian .subleft .lefta .comt {

	background: #fff;

}

.submian .subleft .lefta .comt ul {

	border: 1px solid #ddd;

}

.submian .subleft .lefta .comt ul li a {

	background: #fff url(../images/tb9.png) 213px center no-repeat;

	border-top: 1px solid #eaeaea;

	line-height: 60px;

	height: 60px;

	display: block;

	padding-left: 25px;

	font-size: 16px;

}

.submian .subleft .lefta .comt ul li .box {

	padding: 10px 0px;

	display: none;

}

.submian .subleft .lefta .comt ul li .box a {

	height: 30px;

	line-height: 30px;

	display: block;

	color: #888;

	border: 0px;

}

.submian .subleft .lefta .comt ul li .box a:hover {

	color: #007eb9;

	background: none;

}

.submian .subleft .lefta .comt ul li:hover a, .submian .subleft .lefta .comt ul li.hover a {

	background: #1048a0 url(../images/tb11.png) 213px center no-repeat;

	font-weight: bold;

	color: #fff

}

.submian .subleft .lefta .comt ul li.hover a {

	background: #1048a0 url(../images/tb11.png) 213px center no-repeat;

	font-weight: bold;

	color: #fff

}

.submian .subleft .lefta .comt ul li.hover .box a {

	background: none;

	font-weight: normal;

}

.submian .subleft .lefta .comt ul li.hover .box a.hover {

	color: #007eb9;

	font-weight: bold;

}

.submian .subleft .lefta .comt1 ul li a {

	background: #fff url(../images/jia.png) 213px center no-repeat;

	border-top: 1px solid #eaeaea;

	line-height: 60px;

	height: 60px;

	display: block;

	padding-left: 25px;

	font-size: 14px;

}

.submian .subleft .lefta .comt1 ul li .box {

	padding: 10px 0px;

	display: none;

}

.submian .subleft .lefta .comt1 ul li .box a {

	height: 30px;

	line-height: 30px;

	display: block;

	color: #888;

	border: 0px;

}

.submian .subleft .lefta .comt1 ul li .box a:hover {

	color: #007eb9;

	background: none;

}

.submian .subleft .lefta .comt1 ul li:hover a, .submian .subleft .lefta .comt1 ul li.hover a {

	background: #1048a0 url(../images/jia1.png) 213px center no-repeat;

	font-weight: bold;

	color: #fff

}

.submian .subleft .lefta .comt1 ul li.hover a {

	background: #1048a0 url(../images/jian.png) 213px center no-repeat;

	font-weight: bold;

	color: #fff

}

.submian .subleft .lefta .comt ul li .boxlist {

	padding: 0;

	display: none;

	border: none;

}

.submian .subleft .lefta .comt ul li .boxlist li {

	line-height: 50px;

	background: #b1aeae;

}

.submian .subleft .lefta .comt ul li .boxlist li a {

	height: 40px;

	padding-left: 45px;

	color: #333;

	font-weight: normal;

	border-bottom: 0;

	line-height: 40px;

	background: #f6f6f6 url(../images/tb12.png) 26px center no-repeat;

	border-top: none;

}

.submian .subleft .lefta .comt ul li .boxlist li a:hover, .submian .subleft .lefta .comt ul li .boxlist li a.hover {

	color: #1048a0;

	font-weight: bold

}

.submian .subleft .lefta .comt ul li.hover .boxlist {

	display: block;

}

.submian .subright .anlitopH4 {

	background: #fff;

}

.submian .subright .anlitopH4 {

	height: 38px;

	line-height: 38px;

	border: 1px solid #e4e4e4;

	margin-top: 20px;

}

.submian .subright .anlitopH4 span {

	border-left: 5px solid #1048a0;

	height: 38px;

	line-height: 38px;

	padding-left: 22px;

	display: block;

	float: left;

	color: #1048a0;

	font-weight: bold;

	font-size: 14px;

}

.submian .subright .divanli {

	border: 1px solid #e4e4e4;

	border-top: none;

	margin-bottom: 10px;

	padding: 15px;

}

.submian .subright .divanli ul {

	width: 105%;

	height: 185px;

}

.submian .subright .divanli ul li {

	float: left;

	margin-left: 10px;

}

.submian .subright .divanli ul li:first-child {

	margin-left: 0;

}

.submian .subright .divanli ul li a img {

	width: 194px;

	height: 143px;

	display: block;

	border: solid 1px #e4e4e4;

}

.submian .subright .divanli ul li a span {

	height: 45px;

	line-height: 45px;

	text-align: center;

	display: block;

	width: 170px;

}

.submian .subright .divanli ul li a:hover img {

	border-color: #007eb9;

}

.submian .subright .divanli ul li a:hover span {

	color: #007eb9;

	font-weight: bold;

}

.submian .subright .divremmnews {

	border: 1px solid #e4e4e4;

	border-top: none;

	margin-bottom: 10px;

	padding: 15px;

	background-color: #fff;

}

.submian .subright .divremmnews ul {

	width: 100%;

	overflow: hidden;

}

.submian .subright .divremmnews ul li {

	float: left;

	width: 47%;

	height: 35px;

	line-height: 35px;

	margin: 0 1.5%;

	border-bottom: 1px dashed #ccc;

}

.submian .subright .divremmnews ul li a {

	height: 35px;

	line-height: 35px;

	float: left;

	overflow: hidden;

}

.submian .subright .divremmnews ul li span {

	color: #666;

	float: right;

	height: 35px;

	line-height: 35px;

	white-space: nowrap

}

.submian .subright .divremmnews ul li a:hover {

	color: #1048a0;

}

.map_ul {

	list-style: outside none none;

	display: block;

	width: 100%;

	padding-top: 10px;

}

.map_ul li {

	display: block;

	width: 100%;

	padding-bottom: 10px;

	margin-bottom: 10px;

	border-bottom: 1px solid #DCDBDB;

	margin-left: 10px;

	float: left;

}

.map_ul li a {

	font-size: 14px;

	float: left;

	width: 100%;

	height: 23px;

	line-height: 23px;

	font-weight: bold;

}

.map_ul .list-inline {

	display: block;

	margin-left: 14%;

	width: 80%;

	min-height: 30px;

}

.map_ul .list-inline a {

	font-weight: normal;

	width: auto;

	float: none;

	line-height: 32px;

	height: 32px;

	margin: 0 10px 10px 0;

	display: inline-block;

	border: 1px solid #ccc;

	padding: 0px 10px;

}

.map_ul .list-inline a:hover {

	background: #1048a0;

	color: #fff;

}

.submian .subleft .adv {

	margin-bottom: 10px;

	background: #000;

}

.submian .subleft .adv a img {

	display: block;

	width: 100%;

}

.submian .subleft .adv a:hover img {

	opacity: 0.9;

	filter: alpha(opacity=90);

	-moz-opacity: 0.9;

	-khtml-opacity: 0.9;

}

.submian .subleft .leftnews {

	margin-bottom: 10px;

}

.submian .subleft .leftnews .title {

	height: 42px;

	padding-left: 52px;

	padding-top: 18px;

}

.submian .subleft .leftnews .leftnewscomt {

	background: #fff;

	padding: 10px;

}

.submian .subleft .leftnews .leftnewscomt ul li {

	height: 30px;

	line-height: 30px;

	border-bottom: 1px solid #f2f2f2;

	overflow: hidden;

}

.submian .subleft .leftnews .leftnewscomt ul li a {

	font-size: 14px;

	display: block;

	padding-left: 10px;

}

.submian .subleft .leftnews .leftcont {

	background: #fff;

	padding: 10px;

}

.submian .subleft .leftnews .leftcont h2 {

	font-size: 16px;

	font-weight: bold;

	color: #1048a0;

	padding-bottom: 10px;

	border-bottom: 1px solid #f2f2f2;

}

.submian .subleft .leftnews .leftcont span {

	line-height: 24px;

	font-size: 12px;

	padding-top: 10px;

	display: block;

	border-bottom: 1px solid #f2f2f2;

}

.submian .subleft .leftnews .leftcont p {

	font-size: 18px;

	color: #333;

	padding-top: 10px;

	line-height: normal;

}

.submian .subleft .leftnews .leftcont p i {

	font-size: 22px;

	color: #1048a0;

	display: block;

}

.submian .subright {
	width: 85%;
	line-height: 28px;
}

/* 文章列表右侧响应宽度 */

@media (max-width:1800px) {
    .submian .subright { width: 84%; }
}

@media (max-width:1700px) {
    .submian .subright { width: 83.5%; }
}

@media (max-width:1680px) {
    .submian .subright { width: 83%; }
}

@media (max-width:1600px) {
    .submian .subright { width: 82%; }
}

@media (max-width:1550px) {
    .submian .subright { width: 81%; }
}

@media (max-width:1440px) {
    .submian .subright { width: 80%; }
}

@media (max-width:1360px) {
    .submian .subright { width: 79.5%; }
}

@media (max-width:1280px) {
    .submian .subright { width: 78%; }
}

@media (max-width:1200px) {
    .submian .subright { width: 77%; }
}

@media (max-width:1150px) {
    .submian .subright { width: 76%; }
}


@media (max-width:1100px) {
    .submian .subright { width: 75%; }
}

@media (max-width:1050px) {
    .submian .subright { width: 73%; }
}

@media (max-width:999px) {
    .submian .subright { width: 100%; }
    .submian .subleft { display: none;}
}



.submian .subright .aboutlist {

	color: #666;

}

.submian .subright img {

	max-width: 920px;

}

.submian .subright .newslist .textlist li {

	padding: 25px 0px 25px;

	height: 110px;

	border-bottom: 1px solid #ddd;

	width: 100%;

	margin-bottom: 25px;

}

.submian .subright .newslist .textlist li a {

	display: block;

	cursor: pointer;

}

.submian .subright .newslist ul li a img {

	width: 147px;

	float: left;

	margin-right: 18px;

	border: 1px solid #eee;

	height: 110px;

	display: block;

}

.submian .subright .newslist ul li a .txt {

	color: #888;

	line-height: 24px;

	font-size: 12px;

}

.submian .subright .newslist .textlist li a p {

	height: 40px;

	line-height: 40px;

}

.submian .subright .newslist .textlist li a b {

	color: #1048a0;

	font-size: 14px;

}

.submian .subright .newslist .textlist li a:hover b {

	color: #1048a0;

}

.submian .subright .newslist .textlist li a i {

	color: #999;

	display: block;

	line-height: 20px;

	margin-bottom: 5px;

	font-size: 12px;

}

.submian .subright .newslist .textlist li a span {

	line-height: 22px;

	max-height: 66px;

	overflow: hidden;

	display: block;

	color: #666;

}

.submian .subright .newslist .textlist2 li {

	height: 40px;

	line-height: 40px;

}

.submian .subright .newslist .textlist2 li a {

	display: block;

}

.submian .subright .newslist .textlist2 li s {

	width: 4px;

	height: 4px;

	display: inline-block;

	vertical-align: middle;

	background: #007eb9;

	margin-right: 10px;

	border-radius: 100%;

}

.submian .subright .newslist ul li a:hover img {

	opacity: 0.8;

	filter: alpha(opacity=80);

	-moz-opacity: 0.8;

	-khtml-opacity: 0.8;

}

.submian .subright .newslist ul li a:hover p b {

	text-decoration: underline;

}

.submian .subright .newslist ul li a:hover span {

	color: #777;

}

.submian .subright .caselist ul li {

	padding: 20px 0px;

	border-bottom: 1px dotted #c2c2c2;

	height: 176px;

}

.submian .subright .caselist ul li a {

	display: block;

}

.submian .subright .caselist ul li a img {

	width: 220px;

	height: 162px;

	display: block;

	border: 7px solid #e2e2e2;

}

.submian .subright .caselist ul li a .txt {

	width: 470px;

	float: left;

	padding-left: 20px;

}

.submian .subright .caselist ul li a .txt p {

	height: 40px;

	line-height: 40px;

	color: #007eb9;

	font-size: 14px;

	font-weight: bold;

}

.submian .subright .caselist ul li a .txt i {

	color: #666;

	padding-bottom: 10px;

	display: block;

}

.submian .subright .caselist ul li a .txt span {

	line-height: 22px;

	height: 88px;

	overflow: hidden;

	display: block;

	color: #666;

}

.submian .subright .caselist ul li a:hover img {

	opacity: 0.8;

	filter: alpha(opacity=80);

	-moz-opacity: 0.8;

	-khtml-opacity: 0.8;

	border-color: #007eb9;

}

.submian .subright .caselist ul li a:hover p {

	text-decoration: underline;

}

.submian .subright .caselist ul li a:hover span {

	color: #777;

}

.submian .subright .mess {

	background: #fff;

	padding: 0px 40px 30px;

	width: 596px;

	margin-left: 80px;

}

.submian .subright .mess h1 {

	text-align: center;

	font-size: 30px;

	padding-bottom: 10px;

}

.submian .subright .mess p {

	text-align: center;

	padding-bottom: 30px;

}

.submian .subright .mess .left {

}

.submian .subright .mess .left li {

	margin-bottom: 15px;

	float: left;

	margin-right: 10px;

}

.submian .subright .mess .left label {

	width: 150px;

	height: 43px;

	line-height: 43px;

	text-align: center;

	background: none;

	color: #1048a0;

	font-size: 16px;

	float: left;

	border-radius: 3px 0 0 3px;

	border: 1px solid #1048a0;

}

.submian .subright .mess .left input {

	border: 1px solid #ccc;

	border-left: none;

	float: left;

	height: 21px;

	line-height: 21px;

	padding: 11px 10px;

	width: 404px;

	color: #666;

	border-radius: 0px 3px 3px 0;

	outline: none;

}

.submian .subright .mess .left select {

	border: 1px solid #ccc;

	border-left: none;

	float: left;

	height: 45px;

	line-height: 45px;

	width: 424px;

	color: #666;

	border-radius: 0px 3px 3px 0;

	outline: none;

	text-indent: 10px;

}

.submian .subright .mess .right {

	float: left;

	width: 585px;

	padding-top: 10px;

*padding-top:20px;

}

.submian .subright .mess .right input, .submian .subright .mess .right a {

	width: 40%;

	margin-right: 2%;

	height: 45px;

	line-height: 45px;

	text-align: center;

	display: block;

	border: none;

	background: #1048a0;

	color: #fff;

	font-size: 16px;

	border-radius: 3px;

	cursor: pointer;

	transition: ease-in-out .2s;

	float: left

}

.submian .subright .mess .right a {

	color: #333;

	background: #ffcc00;

	float: right

}

.submian .subright .mess .right a:hover {

	background: #cda503;

}

.submian .subright .mess .right input:hover {

	background: #2bba72;

}

.honorlist ul.list {

	float: left;

	width: 100%;

	padding-left: 0px;

}

.honorlist ul.list li.item {

	float: left;

	width: 296px;

	margin-bottom: 30px;

	margin-right: 14px;

}

.honorlist ul.list li.item a:hover img {

	opacity: 0.8;

}

.honorlist ul.list li.item a:hover span {

	color: #fff;

}

.honorlist ul.list li.item span {

	width: 100%;

	height: 45px;

	color: #555;

	text-align: center;

	display: block;

	line-height: 45px;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.honorlist ul.list li.item img {

	width: 100%;

	display: block;

	padding: 1px;

}

.list_imgH ul.list li.item {

	width: 286px;

	margin-right: 20px;

}

.list_imgH ul.list li.item a {

	display: block;

	width: 100%;

	overflow: hidden;

	position: relative;

	background: #f6f6f6;

}

.list_imgH ul.list li.item a:hover {

	background: #1048a0;

}

.list_imgH ul.list li.item img {

	display: block;

	width: 284px;

	height: 213px;

}

.item_mask {

	width: 284px;

	height: 213px;

	background: rgba(0,0,0,0);

	position: absolute;

	left: 1px;

	top: 1px;

	opacity: 0;

	filter: Alpha(opacity=0);

*zoom:1;

	-webkit-transform: rotateX(180deg) scale(0.5, 0.5);

	transform: rotateX(180deg) scale(0.2, 0.2);

	transition: all ease-out .5s;

}

.item_link_icon {

	display: block;

	width: 45px;

	height: 45px;

	text-align: center;

	background-position: 0px -105px;

	line-height: 38px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -22px;

	opacity: 0;

	filter: Alpha(opacity=0);

*zoom:1;

}

.list_imgH ul.list li.item:hover .item_mask {

	opacity: 1;

	filter: Alpha(opacity=100);

	-webkit-transform: rotateX(0deg) scale(1, 1);

	transform: rotateX(0deg) scale(1, 1);

	transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;

	background: rgba(0, 0, 0, 0.3);

}

.list_imgH ul.list li.item:hover .item_link_icon {

	transform: translateY(-21px);

	opacity: 1;

	filter: Alpha(opacity=100);

}

.submian .t {

	padding: 0 0 25px;

	color: #1048a0;

	font-size: 18px;

}

.submian .t2 {

	padding: 25px 0;

	color: #1048a0;

	font-size: 24px;

}

/* formData */

.formData {

	padding-bottom: 20px;

}

.formData .item {

	float: left;

	color: #999;

	font-weight: normal;

	width: 420px;

	height: 56px;

	line-height: 56px;

	border: 1px solid #e4e4e4;

	margin-right: 76px;

	margin-bottom: 45px;

	position: relative;

}

.formData .item label {

	padding-left: 15px;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 11;

	text-align: center;

	display: block;

	margin: 0;

	height: 56px;

	line-height: 56px;

	font-size: 18px;

	color: #666;

}

.formData .item input {

	outline: none;

	line-height: 38px;

	height: 38px;

	font-size: 18px;

}

.formData .item .txt {

	width: 350px;

	height: 56px;

	line-height: 56px;

	display: block;

	background: none;

	padding-left: 70px;

	border: 0 none;

	color: #666;

}

.formData .item .red {

	position: absolute;

	right: 15px;

	top: 0;

	color: #ff0000;

	z-index: 11;

}

.formData .item.mr0 {

	margin-right: 0;

}

.formData .msg-box {

	position: absolute;

	left: 0;

	top: 0px;

}

.formData .liuyan {

	width: 918px;

	height: 260px;

	border: 1px solid #e4e4e4;

	float: left;

}

.formData .liuyan label {

	text-align: right;

	display: block;

}

.formData .liuyan textarea {

	width: 908px;

	height: 234px;

	line-height: 35px;

	padding: 12px 10px;

	text-indent: 100px;

	font-size: 18px;

	font-family: "microsoft yahei";

	color: #333;

	border: 0 none;

	overflow: hidden;

	background: none;

	resize: none;

	display: block;

	outline: none;

}

.formData .bot {

	width: 100%;

}

.formData .sub {

	width: 232px;

	line-height: 52px;

	border: 2px solid #1048a0;

	margin-right: 2px;

	text-align: center;

	background: #1048a0;

	color: #FFF;

	cursor: pointer;

	font-size: 18px;

	display: block;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.formData .sub:hover {

	background: none;

	color: #1048a0;

}

.formData .yzm .txt {

	padding-left: 80px;

}

.formData .yzm img {

	position: absolute;

	right: 0;

	top: 0;

	height: 56px;

	border: 0px;

	display: block;

}

/** 新闻中心 **/

.submian .subright .thumblist {

}

.submian .subright .thumblist .list {

	padding-bottom: 20px;

}

.submian .subright .thumblist .item {

	width: 880px;

	border-bottom: 1px solid #eaeaea;

	display: block;

	padding: 20px;

	transition: all .5s;

}

.submian .subright .thumblist .item a {

	display: block;

}

.submian .subright .thumblist .item .img {

	position: relative;

	width: 180px;

	height: 135px;

	display: block;

	overflow: hidden;

	cursor: pointer;

}

.submian .subright .thumblist .item img {

	width: 100%;

	height: 100%;

	transition: all 0.3s ease-out 0s;

}

.submian .subright .thumblist .item a:hover img {

	transform: scale(1.1, 1.1);

}

.submian .subright .thumblist .item .txt {

	width: 680px;

	cursor: pointer;

}

.submian .subright .thumblist .item .txt h3 {

	font-size: 16px;

	line-height: 30px;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.submian .subright .thumblist .item .txt .mark {

	color: #999;

	font-size: 12px;

	line-height: 30px;

	padding: 0;

}

.submian .subright .thumblist .item .txt .mark span {

	display: inline-block;

	padding-right: 18px;

}

.submian .subright .thumblist .item .txt p {

	color: #666;

	line-height: 25px;

}

.submian .subright .thumblist .item .txt p span {

	display: inline-block;

	color: #1048a0;

	padding-left: 10px;

}

.submian .subright .thumblist .item a:hover .txt h3 {

	color: #1048a0;

}

.submian .subright .thumblist .item:hover {

	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

}

.reLink {

	height: 38px;

	border: 1px solid #ccc;

	margin: 10px auto 10px;

	padding: 0px 10px;

}

.reLink .prevLink, .reLink .nextLink {

	height: 38px;

	line-height: 38px;

}

.reLink .prevLink a, .reLink .nextLink a {

	height: 38px;

	line-height: 38px;

}

.reLink .prevLink a:hover, .reLink .nextLink a:hover {

	color: #1048a0;

}

.reLink .prevLink {

	float: left;

}

.reLink .nextLink {

	float: right;

}

.submian .subright .conBox .ArticleTitle h1 {

	font-size: 24px;

	text-align: center;

	padding: 20px 0px;

	border-bottom: 1px dashed #ccc;

	font-weight: bold;

}

.submian .subright .conBox .ArticleMessage {

	line-height: 30px;

	height: 30px;

	margin-bottom: 10px;

	text-align: center;

}

.submian .subright .conBox .ArticleMessage span:first-child {

	margin-left: 0;

}

.submian .subright .conBox .ArticleMessage span {

	color: #999;

	margin-left: 14px;

	font-size: 12px;

}

.submian .subright .conBox .ArticleMessage .jiathis_style {

	float: left;

	margin-top: 5px;

}

.submian .subright .conBox .ArticleTencont {

	padding: 5px 0px 20px 0px;

	line-height: 28px;

	overflow: hidden;

	color: #666;

	font-size: 14px;

}

.submian .subright .showproduct .ArticleTencont img {

	max-width: 100%;

}

.submian .subright .conBox .ArticleTencont img {

	max-width: 100%;

}

.field_down {

	text-align: left;

}

.field_down a {

	width: 100px;

	height: 30px;

	line-height: 30px;

	background: #0267ac;

	color: #fff;

	display: block;

	text-align: center;

}


.subright .searchList {

	border-top: 1px solid #ddd;

}

.subright .searchList li {

	padding-top: 20px;

	padding-bottom: 20px;

	border-bottom: 1px solid #ddd;

}

.subright .searchList li:first-child {

	border-top: none;

}

.subright .searchList li:hover a h2 {

	color: #1048a0;

	font-weight: bold;

}

.leftprocomt {

	padding-top: 10px;

}

.leftprocomt li {

	float: left;

	text-align: center;

	width: 117px;

	margin-right: 2px;

}

.leftprocomt li img {

	width: 117px;

	height: 87px;

	border-radius: 3px;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.leftprocomt li p {

	line-height: 30px;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.leftprocomt li:hover img {

	-webkkit-filter: brightness(105%);

	filter: brightness(105%);

}

.leftprocomt li:hover p {

	color: #1048a0;

}

/*******font-face********/

@font-face {

	font-family: didot;

	src: url('../font/didot.html');

	src: url('../fonts/didot.html')format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/didot-2.html') format('woff'), /* Modern Browsers */ url('../fonts/didot-3.html') format('truetype'), /* Safari, Android, iOS */ url('../fonts/didot-4.html#didot') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */

}

/*↓组图样式↓*/

.HS10, .HS15 {

	overflow: hidden;

	clear: both;

}

.HS10 {

	height: 10px;

}

.HS15 {

	height: 15px;

}

.Hidden {

	display: none;

}

.Clearer {

	display: block;

	clear: both;

	font-size: 1px;

	line-height: 1px;

	margin: 0;

	padding: 0;

}

.FlLeft {

	float: left;

}

.FlRight {

	float: right;

}

/*幻灯片区域背景*/

.MainBg {

	width: 920px;

	margin: 0 auto;

}

/*大图展示区域*/

.OriginalPicBorder {

	padding: 0;

}

#OriginalPic {

	width: 920px;

	overflow: hidden;

	position: relative;

	font-size: 12px;

}

#OriginalPic img {

	display: block;

	min-width: 100px;

	margin: 0 auto;

}

/*鼠标手势*/

.CursorL {

	position: absolute;

	z-index: 999;

	width: 50%;

	height: 600px;

	color: #FFF;

	left: 0;

	cursor: url(../images/CurL.html), auto;

	background: url(../images/space.html) repeat scroll 0 0 transparent;

}

.CursorR {

	position: absolute;

	z-index: 999;

	width: 50%;

	height: 600px;

	color: #FFF;

	right: 0;

	cursor: url(../images/CurR.html), auto;

	background: url(../images/space.html) repeat scroll 0 0 transparent;

}

/*小图预览和滑动*/

.SliderPicBorder {

	width: 100%;

	overflow: hidden;

}

.ThumbPicBorder {

	width: 920px;

	margin: 0 auto;

	background: #eeeeee;

	overflow: hidden;

	position: relative;

}

.ThumbPicBorder #btnPrev {

	width: 45px;

	height: 113px;

	cursor: pointer;

	position: absolute;

	left: 20px;

	top: 20px;

}

.ThumbPicBorder #btnNext {

	width: 45px;

	height: 113px;

	cursor: pointer;

	position: absolute;

	right: 20px;

	top: 20px;

}

.ThumbPicBorder .pic {

	width: 755px;

	overflow: hidden;

	position: relative;

	margin: 20px auto;

}

#ThumbPic img {

	border: 3px solid #ddd;

	cursor: pointer;

	background-color: #ddd;

	margin: 0 5px;

	width: 135px;

	height: 108px;

	display: block;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

#ThumbPic img.active {

	border: 3px solid #1048a0;

}

/*↑组图样式↑*/