/*** product css **/
p img {
    text-indent: 0;
}
.NewsNav ul li{width:49.8%;border:1px solid #d7d7d7;height:52px;line-height:52px;color:#666666;float:left;text-align:center;font-size:18px;}

.NewsNav ul li.cur{border:1px solid #f8963d;background-color:#f8963d;color:#ffffff;}
.NewsNav ul li:first-child{border-right:0;}
.NewsNav ul li:last-child{border-left:0;}
.NewsNav ul li a{display:block;width:100%;}

.NewsList{position:relative;margin-top:40px;}
.NewsList ul li{height:72px;line-height:72px;border-bottom:1px dotted #c9c9c9;}
.NewsList ul li:hover{background-color:#f8f8f8;}
.NewsListDate{position:relative;float:left;width:120px;height:100%;margin-right:50px;}
.NewsListTitle{position:relative;float:left;width:60%;height:100%;text-align:left;overflow:hidden;}
.NewsListMore{position:relative;float:right;width:72px;height:48px;padding-top:24px;}
.NewsListMore a{display:block;width:70px;border:1px solid #c9c9c9;height:24px;line-height:24px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background-color:#ffffff;text-align:center;color:#666666;
-webkit-transition: all .2s ease-out .05s;
    -moz-transition: all .2s ease-out .05s;
    -ms-transition: all .2s ease-out .05s;
    -o-transition: all .2s ease-out .05s;
    transition: all .2s ease-out .05s;
}
.NewsListMore a:hover{border:1px solid #ffb53e;background-color:#ffb53e;color:#ffffff;}
.NewsListDate img{margin-top:-4px;margin-right:15px;}

.NewsDetailsHead{position:relative;}
.NewsDetailsHead h2{text-align:center;color:#fd9803;font-size:1.5em;line-height:53px;font-weight:400;border-bottom:2px solid #ffb53e !important;}
.NewsDetailsHead h5{margin-top:15px;height:25px;line-height:25px;font-weight:400;}
.NewsDetailsHead h5 div{height:25px;color:#b3b3b3;line-height:25px;font-size:0.75em;}
.Time{margin-left:7px;float:left;margin-top:6px;}
.Time img{margin-top:-2px;}
.Hit{float:left;margin-top:6px;width:0px;}

.Resource{margin-left:30px;margin-top:6px;float:left;max-width:80%;overflow:hidden;}
.Resource a{display:inline-block;width:22px;height:22px!important;line-height:22px!important;text-align:center;border:1px solid #c9c9c9;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background-color:#efefef;
	-webkit-transition: all .2s ease-out .05s;
    -moz-transition: all .2s ease-out .05s;
    -ms-transition: all .2s ease-out .05s;
    -o-transition: all .2s ease-out .05s;
    transition: all .2s ease-out .05s;}
.Resource a:hover{display:inline-block;width:22px;height:22px!important;line-height:22px!important;text-align:center;border:1px solid #c9c9c9;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
background-color:#ffb53e;color:#FFF;
	-webkit-transition: all .2s ease-out .05s;
    -moz-transition: all .2s ease-out .05s;
    -ms-transition: all .2s ease-out .05s;
    -o-transition: all .2s ease-out .05s;
    transition: all .2s ease-out .05s;}

.back{float:right;width:130px;height:24px!important;line-height:24px!important;font-size:12px;text-align:center;border:1px solid #c9c9c9;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
	-webkit-transition: all .2s ease-out .05s;
    -moz-transition: all .2s ease-out .05s;
    -ms-transition: all .2s ease-out .05s;
    -o-transition: all .2s ease-out .05s;
    transition: all .2s ease-out .05s;
}
.back:hover{border: 1px solid #ffb53e;
    background-color: #ffb53e;
    color: #ffffff;
}
.back a{display:block;width:100%}
.NewsDetailsText{padding:30px 20px;font-size:14px;line-height:30px;}
.NewsDetailsText img{max-width:100%;}
.content-daodu{
	padding: 0 10px 10px 10px;
    margin-top: -10px;
    background-color: #f7f7f7;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
}
.content-daodu div{
	width: 40px;
    height: 30px;
    font-size: 14px;
    text-align: center;
    background-color: #6ba2d6;
    color: #fff;
    border-bottom-right-radius: 4px;-webkit-border-bottom-right-radius:4px;-moz-border-bottom-right-radius:4px;
    border-bottom-left-radius: 4px;-webkit-border-bottom-left-radius:4px;-moz-border-bottom-left-radius:4px;
    margin-bottom: 10px;
}
.content-daodu span{
    color: #1B1E25;
	line-height: 22px; 
	text-align:justify;
	font-size:14px;
}

.Content .AboutUs {color:#252525;line-height:26px;font-size:1em;margin-top:24px;}
.Content .AboutUs img{text-indent:0;display: inline-block;height: auto !important;max-width: 100%;}
.Content .AboutUs blockquote {
          margin-top: 10px;
          margin-bottom: 10px;
          padding-left: 15px;
          padding-top: 10px;
          padding-right: 10px;
          padding-bottom: 10px;
          border-left: 4px solid #ccc;
          background-color:#f1f1f1
     }
.Content .AboutUs table {border-collapse:collapse; border-spacing:0; border:0;width:100%;}
.Content .AboutUs table td {border:1px solid #999; padding:0.5em}
.Content .AboutUs table th{border:1px solid #999; padding:.5em 1em;background:#dedede;}
.Content .AboutUs table p{margin: 0px; padding: 0px; font-weight: normal;text-indent:0;}
.Content .AboutUs table td:nth-child(1){font-weight:bold;text-align:right;}
/*加背景色则左侧背景色代替下一行的背景色*/
.Content .AboutUs table tr:nth-of-type(odd){background:#f4f4f4}
.Content .AboutUs div p {text-indent:0;}
.Content .AboutUs div img,p img {text-indent:-50px !important;padding-bottom:10px;}

.Content .AboutUs .img{text-align: center;}
.Content .AboutUs .img img{display:inline-block;margin:20px 0px;max-width:98%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.Content .AboutUs .img span{display:block;padding:3px 0 18px;line-height:20px;color:#7b7b7b;}
.Content .AboutUs p{padding-bottom:20px;text-indent:2em;text-align:justify;}
.A0 { border-bottom:#666 1px  dotted;}






/*首页，列表页*/

.fieldset_4 {border: dashed 1px #999;border-top: dashed 1px #999;display:block;padding:0.5em 1em;border-radius:5px;-webkit-border-radius:3px;-moz-border-radius:3px;width:94%;}
.fieldset_4 legend{top:-3px; position:position;background-color:#f6f6f6;padding:.5em 1em;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin-left:20px;}
.fieldset_4 {
	display:inline-block;
	margin:0 20px 20px 0
}
.fieldset_4:first-child {
	margin-left:0
}
.fieldset_4 legend a{color:#000;font-size:1.125rem;letter-spacing:2px;}


.fieldset_4 span  a {
transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
	border-radius:50%;
	color:#535353;
	display:inline-block;
	font-size:1em;
	background:#ddd;
	padding:13px 20px;
	margin-top:10px;
	margin-right:5px;
}
.fieldset_4 span:hover a {
	color:#fff;
	background:#e75c1e
}

.fieldset_4 span.this a {
	color:#fff;
	background:#e75c1e
}




/*上交所介绍样式*/
.show_bottom {
	opacity:0;
	transition:transform cubic-bezier(.4, 0, .2, 1) 1.5s, opacity cubic-bezier(.4, 0, .2, 1) 1.5s;
	-ms-transition:transform cubic-bezier(.4, 0, .2, 1) 1.5s, opacity cubic-bezier(.4, 0, .2, 1) 1.5s;
	-o-transition:transform cubic-bezier(.4, 0, .2, 1) 1.5s, opacity cubic-bezier(.4, 0, .2, 1) 1.5s;
	-webkit-transition:transform cubic-bezier(.4, 0, .2, 1) 1.5s, opacity cubic-bezier(.4, 0, .2, 1) 1.5s;
	-moz-transition:transform cubic-bezier(.4, 0, .2, 1) 1.5s, opacity cubic-bezier(.4, 0, .2, 1) 1.5s;
	transform:translateY(60px);
	-ms-transform:translateY(60px);
	-o-transform:translateY(60px);
	-webkit-transform:translateY(60px);
	-moz-transform:translateY(60px)
}
.show_bottom {
	opacity:1;
	transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0)
}
.ib-middle{
	display: inline-block;
	vertical-align: middle;
}
.theme-item {
	margin-top:30px
}
.theme-list:last-child {
	border-bottom:1px dashed #d9d9d9
}
.theme-list .name {
	position:relative
}
.theme-list .name .one {
	display:inline-block;
	background:#fff;
	padding-right:10px
}
.theme-list .name i {
	width:35px;
	height:35px;
	margin-right:10px
}
.theme-list .name h3 {
	font-size:1.125em;
	color:#e75c1e
}
.theme-list .name .line {
	width:100%;
	border-bottom:1px dashed #d9d9d9;
	position:absolute;
	left:0;
	top:19px;
	z-index:-1
}
.theme-list .desc {
	padding:15px 0 10px
}
.theme-list .desc p {
	text-indent:2em;
	/*font-size:14px;*/
	line-height:32px;
	color:#333
}
.theme-bg {
	position:relative;
	margin-top:75px
}
.theme-bg>a {
	z-index:1;
	position:absolute;
	width:130px;
	height:130px;
	border-radius:50%
}
.theme-item img{padding-bottom:18px;}












@media (max-width:780px){
.NewsList{position:relative;margin-top:40px;font-size:0.75em;}
.NewsListDate{width:100px;margin-right:10px;}
.NewsListTitle{width:40%;}
.NewsListDate img{margin-top:-4px;margin-right:5px;}
.NewsListMore{width:52px;}
.NewsListMore a{width:50px;}
.NewsNav ul li {width:49.5%}
.theme-item img{  display: inline-block; height: auto ; width: 100%;}
.theme-list .name h3 {
	font-size:1em;
	color:#e75c1e;
}

}
@media (max-width: 660px){
.NewsDetailsHead h2 {
    font-size: 1.25em;
    line-height: 30px;
    padding: 10px;
}
.Resource {
    margin-left: 10px;

}
}

@media (max-width: 480px){
.fieldset_4 {border: dashed 1px #999;border-top: dashed 1px #999;display:block;padding:0.5em 1em;border-radius:5px;-webkit-border-radius:3px;-moz-border-radius:3px;width:90%;}
.fieldset_4 legend{top:-3px; position:position;background-color:#f6f6f6;padding:.5em 1em;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin-left:20px;}
.fieldset_4 {
	display:inline-block;
	margin:0 20px 20px 0
}
.fieldset_4:first-child {
	margin-left:0
}

.fieldset_4 span  a {
transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
	border-radius:50%;
	color:#535353;
	display:inline-block;
	font-size:1em;
	background:#ddd;
	padding:8px 14px;
	margin-top:10px;
}
.fieldset_4 span:hover a {
	color:#fff;
	background:#e75c1e
}

.fieldset_4 span.this a {
	color:#fff;
	background:#e75c1e
}





}
@media (max-width: 360px){
.theme-list .name h3 {
	font-size:0.875em;
	color:#e75c1e;
}
.fieldset_4 legend {color:#000;font-size:0.875em;}
}