@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0px;}
body{font-size:12px;font-family: "微软雅黑";margin:0px ; padding:0px;width:100%; }
img{border:none;}
ul li{list-style:none;}
a { text-decoration:none; color: #000000;}
a:hover{ color:#ff6600}

.banner{height:300px;overflow:hidden;}
.banner .d1{width:100%;height:300px;display:block;position:absolute;left:0px;top:200px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:450px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background: url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}
.banquan{ float:left; width:1100px; text-align:center; line-height:30px;}

.top{ float:left; width:100%; line-height:37px; height:37px; border-bottom:1px solid #dddddd}
.wrap{ margin:0 auto; width:1200px;}
.topleft{ float:left; font-size:14px; color:#656565}
.topright{ float:right;font-size:14px; color:#656565}
.topright a{color:#656565}
.topright a:hover{ color:#ff6600}
.daohang{ float:left; width:100%; height:52px; background-color:#ff6600}

/* 导航 */
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none; height: 25px; line-height: 25px;}
ul.menu li {position:relative; float:left; margin-right:0px;border-right:1px solid #fc8536;height:52px;}
ul.menu ul {position:absolute; top:39px; left:0; background:#FF9000; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #ffab3e; border-top:none; width:184px; margin:0; line-height:25px; height:25px;}
ul.menu ul li a {display:block;  color:#fff; text-align:center}
ul.menu ul li a:hover {background-color:#fa7e04; color: #000000;}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink { margin:14px 0px 0px 70px; width:114px; color: #FFF; font-size:16px; }
ul.menu .menulink:hover, ul.menu .menuhover { color:#ffab3e }
ul.menu .topline {border-top:1px solid #aaa}
/* 导航 */
.qiehuan{ float:left; width:100%; background:url(../images/banner1.jpg) no-repeat top center; height:200px; }


.left{ float:left; width:780px; margin-top:30px}
.lefttop{ float:left; width:778px; border:1px solid #F0F0F0; margin-top:30px; }
.lefttop h5{ font-weight:normal; font-size:19px; line-height:40px; color:#ff6600; padding-left:10px;border:1px solid #F0F0F0; text-align:center}
.right{ float:left; width:380px; margin-left:40px; display:inline;margin-top:30px}
.righttop{ float:left; width:378px; border:1px solid #F0F0F0;}
.righttop h5{ font-weight:normal; font-size:16px; line-height:40px; color:#ff6600; text-align:center; float:left;border:1px solid #F0F0F0;width:378px;}

.honors{ float:left; width:778px; border:1px solid #F0F0F0; }
.honors h5{ font-weight:normal; font-size:19px; line-height:40px; color:#ff6600; padding-left:10px;border:1px solid #F0F0F0; text-align:center}


.righttop ul{ float:left; margin:0px; padding:0px;}
.righttop ul li{ float:left; width:378px; line-height:30px; height:30px; text-align:center; background-color:#F0F0F0; margin-bottom:10px;}
.righttop ul li a{ display:block}
.righttop ul li a:hover{ background-color:#ff6600; color:#FFF}



.rightmid{ float:left; width:378px; border:1px solid #F0F0F0; margin-top:30px;}
.rightmid h5{ font-weight:normal; font-size:16px; line-height:40px; color:#ff6600; text-align:center; float:left;border:1px solid #F0F0F0;width:378px;}

.rightmid ul{ float:left; margin:0px; padding:10px;}
.rightmid ul li{ float:left; width:358px; line-height:30px; height:30px;  margin-bottom:10px;  border-bottom:1px dashed #CCCCCC; margin-right:10px;}
.rightmid ul li a{ }
.rightmid ul li a:hover{ }





.qwe{ float:left; width:1200px; font-size:13px; color:#666; margin-top:30px;}
.qwe a{color:#666}
.qwe a:hover{ color:#ff6600}
.lefttop1{ float:left; width:748px; line-height:25px; padding-left:20px; padding-right:10px; padding-top:14px;}



.productdetail{ float:left; margin-left:20px; display:inline; width:400px; line-height:24px; font-size:14px;}
.productdetail h9{ float:left; width:120px; height:30px; background-color:#ff6600; color:#FFF; line-height:30px; text-align:center}
.productdetail h9 a{ color:#FFF; display:block}
.productdetail h9 a:hover{ color:#FFF; background-color:#999}


/* 链接 */

.link{border:1px solid #ebebeb; width:1198px; float:left; height:46px; line-height:46px; color:#555555; font-size:14px; margin-top:20px; margin-bottom:13px;}
.link a{color:#555555;}
.link a:hover{ color:#ff6600}
/* 链接 */







.pordectsd{ margin-bottom:10px; float:left}
.pordectsd ul{ margin-top:10px; float:left}
.pordectsd ul li{ width:230px;float:left; text-align:center; margin:16px 8px 0px 8px; overflow:hidden; display:inline; height:220px;}
.pordectsd ul li img{ width:230px;margin-bottom:0px; }
.pic03{ height:180px;  overflow:hidden;border:1px solid #CCCCCC; }





/* footer */
.footer{ float:left; width:100%; background:url(../images/footer.jpg) repeat-x top left; height:236px; margin-top:35px;}
.footer1{ float:left; width:; margin-top:32px; width:180px}

.footer1 ul{ float:left; margin:0px; padding:0px}
.footer1 ul li{ float:left; width:150px; margin-left:30px; display:inline; line-height:24px; color:#666666}
.footer1 ul li a{color:#666666}
.footer1 ul li a:hover{color:#ff6600}

/* footer */

/* newsleft */
.news{ float:left; width:778px; border:1px solid #F0F0F0; margin-top:30px; }
.news h5{ font-weight:normal; font-size:17px; line-height:40px; color:#ff6600; padding-left:10px;border:1px solid #F0F0F0; padding-right:10px;}

.news1{ float:left; width:778px; line-height:25px;padding-top:14px; background-color:#FAFAFA; border-bottom:1px dashed #DDD}
.newsleft{ float:left; margin:20px; width:230px;}

.newsright{ float:left; width:500px; margin-top:20px; color:#777777; line-height:24px; margin-right:8px;}
.newsright a{color:#777777}
.newsright a:hover{ color:#ff6600}
.news2{ float:left; width:778px; margin-top:20px;}
.news2 ul{ float:left; margin:0px; padding:0px;}
.news2 ul li{ float:left; line-height:24px; width:738px; margin-left:20px; margin-right:20px; border-bottom:1px dashed #ddd; margin-bottom:6px;}

/* newsleft */




/* newsright */


.right11{ float:left; width:380px; margin-left:40px; display:inline;margin-top:30px;}

.rightnews{float:left; width:378px;  display:inline;border:1px solid #F0F0F0;}
.rightnews ul{ float:left; margin:0px; padding:0px;}
.rightnews ul li{ float:left; width:358px; line-height:30px; height:30px; margin-bottom:10px; margin-left:10px; margin-right:10px;border-bottom:1px dashed  #CCCCCC; margin-top:10px}

.rightnews h5{ font-weight:normal; font-size:16px; line-height:40px; color:#ff6600;  float:left;width:358px; padding-left:10px; padding-right:10px;border-bottom:1px solid #F0F0F0;}



.rightnews ul li a{ }
.rightnews ul li a:hover{}



.rightnews1{ float:left; width:378px; border:1px solid #F0F0F0; margin-top:30px;}
.rightnews1 h5{ font-weight:normal; font-size:16px; line-height:40px; color:#ff6600; text-align:center; float:left;border:1px solid #F0F0F0;width:378px;}

.rightnews1 ul{ float:left; margin:0px; padding:10px;}
.rightnews1 ul li{ float:left; width:358px; line-height:30px; height:30px;  margin-bottom:10px;  border-bottom:1px dashed #CCCCCC; margin-right:10px;}
.rightnews1 ul li a{ }
.rightnews1 ul li a:hover{ }



/* newsright */

.hezuo{border:1px solid #ebebeb; width:1198px; float:left; height:46px; line-height:46px; color:#555555; font-size:14px; text-align:left}
.hezuo a{color:#555555;}
.hezuo a:hover{ color:#ff6600}


/* 内页选项卡 */
#article{ width: 380px; height: auto; margin: auto;}

#article a{color: #777; text-decoration: none;}

#article p.title *{color: #666;}

#article p.title span{padding: 6px; line-height: 30px;
}

#article .aLeft{
    width: 380px; float: left;
}

#article .aLeft #slide{
    position: relative; height: 320px; overflow: hidden;
}
#article .aLeft #slide ul{
    height: inherit; padding: 0; margin: 0; list-style: none; background-color: menu;
}
#article .aLeft #slide a{
    cursor: default;
}

#article .aLeft #slide .img{
    position: relative; left: 0; height: inherit; background: no-repeat center / 100% 100%;
}
#article .aLeft #slide .img li{
    position: relative; width: 860px; height: 320px; float: left; cursor: pointer;
}

#article .aLeft #slide .img .fadeIn{
    -webkit-animation: fadeIn .5s ease-in-out both;
    -o-animation: fadeIn .5s ease-in-out both;
    animation: fadeIn .5s ease-in-out both;
}
@-webkit-keyframes fadeIn { from{ opacity: 0 } to { opacity: 1 } }
@-o-keyframes fadeIn { from{ opacity: 0 } to { opacity: 1 } }
@keyframes fadeIn { from{ opacity: 0 } to { opacity: 1 } }

#article .aLeft #slide p{
    position: absolute; bottom: 0; height: 44px; line-height: 44px; padding: 0 200px 0 30px;
    left: 0; right: 0; margin: 0; color: white; font-size: 1.2em; font-weight: bold;
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,.3) 100%);
    background-image: -moz-linear-gradient(transparent, rgba(0,0,0,.3) 100%);
    background-image: -o-linear-gradient(transparent, rgba(0,0,0,.3) 100%);
    background-image: linear-gradient(transparent, rgba(0,0,0,.3) 100%);
}
#article .aLeft #slide .img_index{
    position: absolute; z-index: 666; height: 44px; left: 0; right: 0; bottom: 0; text-align: right; padding-right: 20px; line-height: 44px; background-color: transparent;
}

#article .aLeft #slide .img_index li{
    display: inline-block; border-radius: 50%; padding: 6px; background-color: white; margin: 0 6px;
}

#article .aLeft #slide .img_index li.on{
    background-color: #ff6600;
}

#article .aLeft .module{
    border: 1px solid #F0F0F0; margin: 18px 0;
}
#article .module .title{
    position: relative; border-bottom: 1px solid #F0F0F0; padding: 18px;
}
#article .module .title h2{
    margin: 0; color: #ff6600; font-size:16px; font-weight:normal
}
#article .module .title a{
    position: absolute; right: 18px; top: 50%; line-height: 20px; margin-top: -10px; font-size: .9em;
}

#article .aLeft .module .middle{
    padding: 18px; height: 150px; background-color: #FAFAFA; position: relative;
}

#article .aLeft .module .middle p,#article .aLeft .module .middle h3{
    margin-top: 18px; margin-left: 230px; margin-bottom: 0;
}
#article .aLeft .module .middle h3{
    color: #333; font-weight: bold; font-size: 16px;
}
#article .aLeft .module .middle i{
    position: absolute; top: 50%; margin-top: -65px; height: 130px; width: 196px; margin-left: 0;
    background: no-repeat center;
}
#article .aLeft .module .middle p{
    line-height: 1.5em; color: #9DA4AA; position: relative; height: 42px;
}
#article .aLeft .module .middle .eye{
    margin-top: 10px; padding-left: 20px; height: auto; font-size: .85em;
    background: url("/static/img/front/eye_min.png") no-repeat center left;
}
#article .btna{
    position: absolute; bottom: 0; right: 0; padding: 0 4px 0 8px; font-size: .85em; color: #ff6600;
}

#article .btna:hover{
    color: white; background-color: #ff6600;
}

#article .aLeft .module .list{
    border-style: none; border-top: 1px dashed #DDD; margin: 0 18px; padding: 10px 0; height: 178px; overflow: hidden;
}
#article .aLeft .module .list a{
    position: relative; float: left; width: 41%; padding-right: 6%; margin: 10px 0; color: #4D545E;
}
#article .aLeft .module .list a:before{
    content: ""; display: inline-block; height: 5px; width: 5px; background-color: #888; margin: 2px 10px 2px 4px;
}

#article .aLeft .module .list a:nth-child(2n){
    margin-left: 5%;
}

#article .aRight .module .dt a span,
#article .aLeft .module .list span{
    position: absolute; right: 0; color: #A7A8AC;
}



#article .aRight{
    width: 380px; float: left; margin-top:30px;
}

#article .aRight .module{
    border: 1px solid #F0F0F0; margin-bottom: 18px;
}

#article .aRight .module .dt{
    padding: 6px 16px;
}

#article .aRight .module .dt a{
    position: relative; display: block; margin: 0; padding: 12px 60px 12px 2px; border-bottom: 1px dashed #DDD; color: #4D535F;
}
#article .aRight .module .dt a:last-child{
    border-bottom: none;
}


#article .aRight .module .tal{
    height: 56px; border-bottom: 1px solid #F0F0F0; position: relative; font-size:14px;
}

#article .aRight .module .tal span{
    display: inline-block; margin: 20px 30px; color: #999; cursor: default;
}

#article .aRight .module .list{
    height: 436px; overflow: hidden;
}

#article .aRight .module .list ul{
    padding: 0 16px; margin: 6px 0; list-style: none;
}
#article .aRight .module .list li{
    border-bottom: 1px dashed #DDD; color: #999; font-size: 12px; padding: 8px 0;
}
#article .aRight .module .list li:last-child{
    border-bottom: none;
}
#article .aRight .module .list a{
    color: #333; display: block; font-size: 15px; height: 18px;
}
#article .aRight .module .list a:before{
    content: ""; display: inline-block; height: 5px; width: 5px; background-color: #888; margin: 2px 10px 2px 0;
}
#article .aRight .module .list p{
    color: #999; font-size: 14px; margin: 6px 0; line-height: 1.5em; overflow: hidden; max-height: 42px; min-height: 21px;
}
#article .aRight .module .list span{
    color: #BBB; font-size: 14px; padding-left: 2px;
}

#article .aLeft #slide ul,
#article .aRight #qyDp .list,
#article .aRight #hqJd .list,
#article .aRight #qyDp ul,
#article .aRight #hqJd ul{
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#article .aRight #qyDp .list ul,
#article .aRight #hqJd .list ul,
#article .aRight #qyDp .tal i,
#article .aRight #hqJd .tal i{
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#article .aRight .module .list a,
#article .aRight .module .dt a,
#article .module .list a,
#article .textFlow{
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}



#article .aRight .module .list li:hover,
#article .aRight .module .dt a:hover,
#article .module .list a:hover,
#article .module .middle:hover h3,
    /*#article #slide .img p:hover,*/
#article a:hover{
    color: #ff6600;
}

#article .module .list a:hover:before{
    background-color: #ff6600;
}

#article .aRight #qyDp,
#article .aRight #hqJd{
    perspective: 1000px; -webkit-perspective: 1000px; height: 550px;
}
#article .aRight #qyDp ul,
#article .aRight #hqJd ul{
    position: absolute; left: 0; right: 0; opacity: 0; visibility: hidden;
}

#article .aRight #qyDp .tal i,
#article .aRight #hqJd .tal i{
    position: absolute; bottom: 0; left: 126px; height: 3px; width: 100px; background-color: #ff6600;
}

/* 行情解读 切换*/
#article .aRight #qyDp[data-value="1"] .tal [data-value="1"],
#article .aRight #qyDp[data-value="0"] .tal [data-value="0"],
#article .aRight #hqJd[data-value="1"] .tal [data-value="1"],
#article .aRight #hqJd[data-value="0"] .tal [data-value="0"]{
    color: #ff6600;
}
#article .aRight #qyDp[data-value="0"] .tal i,
#article .aRight #hqJd[data-value="0"] .tal i{
    left: 8px;
}
#article .aRight #qyDp .list [data-value="0"],
#article .aRight #hqJd .list [data-value="0"]{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

#article .aRight #qyDp[data-value="1"] .list [data-value="1"],
#article .aRight #qyDp[data-value="0"] .list [data-value="0"],
#article .aRight #hqJd[data-value="1"] .list [data-value="1"],
#article .aRight #hqJd[data-value="0"] .list [data-value="0"]{
    opacity: 1; visibility: visible;
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    -o-transition-delay: .25s;
    transition-delay: .25s;
}
#article .aRight #qyDp[data-value="1"] .list,
#article .aRight #hqJd[data-value="1"] .list{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
#article .aRight #qyDp[data-value="0"] .list,
#article .aRight #hqJd[data-value="0"] .list{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


/* 内页选项卡 */





/* 新闻列表页 */

.newslistleft{ float:left; width:300px;}
.newslistright{ float:left; width:480px; background-color: #666; height:200px;}
.newslistright h6{ color:#FFF; font-size:18px; color:#FFF; font-weight:normal; float:left; padding-left:20px; padding-top:20px; width:440px; display:inline}

.newslistright h7{ float:left; width:440px; margin-left:20px; margin-right:20px; display:inline; line-height:24px; margin-top:10px; color:#CCC}
.newslistright  a{ color:#FFF}
.newslistright  a:hover{ color:#ff6600}

.newslist{ float:left; width:780px;}
.newslist ul{ float:left; margin:0px; padding:0px}
.newslist ul li{ float:left; width:740px; background-color: #CCC; padding-top:30px; padding-left:20px; padding-right:20px; line-height:24px; color:#666666; padding-bottom:40px;}
.newslist ul li a{ font-size:17px;}


/* 新闻列表页 */


/* 翻页 */
 .newspage {
 width:780px;PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 20px; TEXT-ALIGN: center
}
.newspage A { 
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; FONT: 12px/22px ""; BORDER-LEFT: #999 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
.newspage A:hover {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #ff6600; BORDER-LEFT: #fff 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none
}
.newspage A:active {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND: #ff6600; BORDER-LEFT: #666 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.current {
BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: #ff6600; PADDING-BOTTOM: 2px; BORDER-LEFT: #666 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.disabled {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}
/* 翻页 */




/* 新闻详细内页 */
.neiye{ float:left;  width:780px;background-color: #666; text-align:center; color:#FFF; font-size:16px; line-height:40px;}
.neiye1{ background-color:#f8f8f8; width:740px; padding-left:20px; padding-right:20px; display:inline ; float:left; padding-top:30px; line-height:24px; text-indent:28px;}

.fanye{ float:left; width:750px; padding-top:20px;background-color:#f8f8f8; padding-bottom:20px; padding-left:30px;}

.fanye a{border-radius:10px; background-color:#666; width:740px; float:left; height:30px; line-height:30px; margin-right:10px; text-align:center; color:#FFF; display:block; margin-bottom:10px;}

.fanye a:hover{background-color:#ff6600;}

/* 新闻详细内页 */


/* 现货挂牌 */
.prodfusd{ float:left;  width:1200px; margin-top:20px;}
.guapai{ float:left; border:1px solid #ccc; padding-left:20px; padding-right:20px; width:1158px; margin-top:20px;}

.guapai1{ float:left; width:1158px; margin-top:20px; margin-bottom:20px;}
.guapai1 a{ float:left; border:1px solid #999; margin-right:10px; height:24px; line-height:24px; display:block; padding-left:10px; padding-right:10px; color:#09f}
.guapai1 a:hover{ background-color:#ff6600; color:#FFF;}

.guapai2{ float:left; width:1158px; font-size:15px;}

.guapai2 a{ float:left; border:1px solid #999; margin-right:40px; height:22px; line-height:22px; display:block; padding-left:10px; padding-right:10px; font-size:12px; margin-bottom:10px;}
.guapai2 a:hover{ background-color:#ff6600; color:#FFF;}
.search{ float:left; width:1158px; margin-top:20px; font-size:15px;}
.kuang{ float:left; width:90px; height:24px; border:1px solid #CCC; margin-left:10px; margin-right:40px; margin-bottom:10px;}
.classify{background-color:#ff6600; color:#FFF}



.guapaileft{ float:left; width:878px; margin-right:20px; display:inline; border:1px solid #CCC; padding-top:20px; padding-left:20px;}
.procontent{ float:left; width:878px; line-height:24px; margin-top:20px;}
.guapairight{ float:left; width:280px;}
.guapairight h6{ font-size:17px; font-weight:normal; width:280px; text-align:center; line-height:40px; height:40px; color:#FFF; background-color:#ff6600}

.guapairight ul{ float:left; margin:0px; padding:0px}
.guapairight ul li{ float:left; width:278px; line-height:25px; height:25px; border:1px solid #CCC; margin-bottom:10px; text-align:center; margin-top:5px;}

.guapairight ul li a{ display:block;}
.guapairight ul li a:hover{ background-color:#ff6600; color:#FFF; font-size:14px;}
.conxian{ float:left; line-height:30px; width:268px; border:1px solid #CCC; border-top:none; padding-left:10px;}



/* 现货挂牌 */

.luntan{ float:left; border:1px solid #ccc; padding-left:20px; padding-right:20px; width:1158px; margin-top:20px; text-align:center}