@charset "utf-8";
@import "iconfont.css";
@import "iconfont2.css";
html, body { margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei", Arial, sans-serif; -webkit-font-smoothing:antialiased; background:#f4f8fc; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button { border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:14px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%;  }
input { border: 1px solid #D7D7D7; }
.fl { float:left; }
.fr { float:right; }
a { color:#454545; text-decoration:none; }
a:hover{ color:#1b48ad; text-decoration:none;}
.clearfix:after { content: ''; display: block; height: 0; line-height: 0;visibility: hidden; clear: both; }
div,ul,li,h1,h2,h3,h4,h5,h6,p,span,em,dl,dd,dt { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}   
input { border:0; }
textarea { width:96%; display:block; background:#fff; border:px solid #bbb; border-radius:5px; color:#444; font-size:16px; line-height:30px; padding:2%; height:5rem;}


.amn{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.amn img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}

.amn3 img { transition:all ease-out .5s 0s;-webkit-transition:all ease-out .5s 0s;-moz-transition:all ease-out .5s 0s;-o-transition:all ease-out .5s 0s; }
.amn3:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}

.cl { height:0px; font-size:0px; clear:both; }

.warp { width:1200px; margin:0 auto; overflow:hidden; }
.warp2 { width:1200px; margin:0 auto;  }


.header { width:100%; margin:0 auto; overflow:hidden; background:#fff; padding:18px 0;}
.logo { float:left; }
.hfont { width:260px; float:right;  }
.txt { width:100%; float:left; text-align:right; font-size:15px; line-height:16px; }
.txt span { color:#e1e1e1; padding:0 12px; font-size:12px; }
.txt a { color:#777; }
.txt a:hover { color:#16407a; }
.sea { float:right; margin:15px 0 0 0; }
.sea .input{ width:180px; float:left; height:40px; border:0; border-radius:20px 0 0 20px; background:#f8f8f8; font-size:15px; line-height:38px; color:#aaa; padding:0 0 0 20px;  }
.sea .bottom { width:60px; float:left; height:40px; border:0; border-radius:0 20px 20px 0; cursor:pointer; background:url(../images/sea.png) center center no-repeat #f8f8f8; display:block ;}

/*菜单*/
.nav { width:100%; margin:0 auto; background:#0e3b9d;  height:56px; float:left; }
#nav { height:56px; position:absolute; left:50%; margin-left:-600px; z-index:999; width:1200px; }
#nav li { float:left; width:8%; font-size:16px; text-align:center; margin-right:2% !important; }
#nav li a { width:100%; color:#fff; display:block; line-height:56px; }
/*#nav li a.cug { background:#07298d; }*/

#nav li a:active { background:#07298d; }
#nav li.navon a,#nav li a:hover { color:#fff; background:#07298d; /*background:linear-gradient(45deg,#b8a05e,#d0aa49);*/ }
#nav li.navon { background:#2e2e2e;}
#nav li .subnav { width:100%; background:#f1f1f1; overflow:hidden; display:none;}
#nav li .subnav a { text-indent:0; display:block; float:left; width:100%; color:#6f6f6f; background:none; font-size:14px; line-height:50px; }
#nav li .subnav a:hover { background:#fff; color:#0e3b9d;}
#nav li:nth-child(6n) { margin-right:0; }


/*海报轮播*/
.banner { width:100%; height:500px; position:relative; overflow:hidden;}
.banner .piclist { width:100%; position:absolute; }
.banner .piclist  div{ width:100%; position:absolute; margin:0 auto}
.banner .piclist li { width:100%; float:left; height:100%; overflow:hidden; }
.banner .piclist li img { width:100%; height:500px; display:block; }
.banner .pager { height:7px; position:absolute;  bottom:30px; z-index:1; text-align:center;  width:100%; left:0;}
.banner .pager ul li {display:inline-block; zoom:1; width:10px; height:10px; margin:0 3px 0 2px; line-height:99px; overflow:hidden; background:#fff; cursor:pointer; border-radius:8px;}
.banner .pager ul li.on { background:#16407a; width:40px;}

.banner .prev,.banner .next { width:51px; height:51px;  top:50%; margin-top:-25px; cursor:pointer; position:absolute; z-index:9999; }
.banner .prev { left:-40px; border-radius:0; background:url(../images/arrow.png) left center no-repeat; opacity:0;}
.banner .next { right:-40px; border-radius:0; background:url(../images/arrow.png) right center no-repeat; opacity:0;}
.banner:hover .prev { left:20px; opacity:1;}
.banner:hover .next { right:20px; opacity:1; }


/*指数介绍*/
.profile { width:100%; float:left; background:#fff;  padding:1.5% 3.2%; position: relative; z-index:5;}
.profile ul li { width:23.2%; float:left; margin-right:2.4%; margin-bottom:1.6%; }
.profile ul li h3 { width:100%; float:left; text-align:center; font-size:80px; line-height:110px; opacity:.6;}
.profile ul li h3.c1 { color:#55c2db; }
.profile ul li h3.c2 { color:#5fc054; }
.profile ul li h3.c3 { color:#4b96ea; }
.profile ul li h3.c4 { color:#ff8282; }
.profile ul li h3.c5 { color:#f75f87; }
.profile ul li h3.c6 { color:#3477c0; }
.profile ul li h3.c7 { color:#56c3c6; font-size:72px; }
.profile ul li h3.c8 { color:#eb8c21; }
.profile ul li h4 { width:100%; float:left; font-size:22px; color:#808080; line-height:30px; font-weight:bold; text-align:center; margin-bottom:10px; }
.profile ul li h5 { width:100%; float:left; font-size:14px; color:#999; line-height:22px; height:66px; overflow:hidden; text-indent:1em; margin-bottom:5%; }
.profile ul li h6 { width:100%; float:left; color:#fff; padding:8px 0; min-height: 72px; }
.profile ul li h6 span { font-size:30px; font-weight:bold; width:100%; display:inline-block; line-height:36px; text-align:center; }
.profile ul li h6 p { font-size:14px; text-align:center; line-height:20px;  }
.profile ul li h6.c1 { background:#55c2db; opacity:.6;}
.profile ul li h6.c2 { background:#5fc054; opacity:.6;}
.profile ul li h6.c3 { background:#4b96ea; opacity:.6;}
.profile ul li h6.c4 { background:#ff8282; opacity:.6;}
.profile ul li h6.c5 { background:#f75f87; opacity:.6;}
.profile ul li h6.c6 { background:#3477c0; opacity:.6;}
.profile ul li h6.c7 { background:#56c3c6; opacity:.6;}
.profile ul li h6.c8 { background:#eb8c21; opacity:.6;}
.profile ul li:nth-child(4n) { margin-right:0;}


/*背景版块栏目*/
.block { margin-top:-100px; }
.block_bg_blue { background:#e4f2ff;  height:455px;}
.block_bg_white { background:#f4f8fc; height:465px; margin-top:90px;}
.block.hd { height:640px; }
.block1 { background-image:url(../images/bg1.png); background-position: 1010px 50px; background-repeat: no-repeat;}
.block2 { background-image:url(../images/bg2.png); background-position: 950px -90px; background-repeat: no-repeat;}
.block3 { background-image:url(../images/bg3.png); background-position: 850px bottom; background-repeat: no-repeat;}

.homelm { float:left; color:#1b48ad; padding:40px 0 30px 0; position: relative; z-index:5;}
.homelm i { float:left; font-size:66px; margin-right:15px; line-height:80px; }
.homelm font { float:left; font-size:36px; font-weight:600; line-height:44px;}
.homelm font p { text-transform:uppercase; letter-spacing:.15em; font-weight:200; font-size:20px; line-height:36px; }
.w100 { width:100%; }
.homelm span { float:right; margin-top:30px; }
.homelm span a { border:1px solid rgba(27,72,173,.6); background:rgba(255,255,255,.8); line-height:40px; font-size:16px; width:90px; text-align:center; display: block;}
.homelm span a:hover { background:#1b48ad; color:#fff; }

/*指数查询*/
.tabs { width:62%; float:right; margin-top:30px; }
.tabs a { display:block; float:left; width:23.5%; color:#545454; text-align:center; background:rgba(255,255,255,.8); border:1px solid rgba(27,72,173,.6); line-height:40px; font-size:16px; margin:0 0 10px 1.5%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tabs a.active { color:#fff; background:#1b48ad;  }

.swiper-container { width:100%; float:left; overflow:hidden; height:480px; background:#fff; padding:30px 0; }
.swiper-slide { width:100%; float:left; text-align:center; height:417px; overflow:hidden;}


/*指数报告*/
.news { width:100%; float:left; position:relative; }
.news ul li { width:384px; height:305px; float:left; margin-right:24px; background:#fff;}
.news ul li h5 { width:100%; float:left; height:215px; overflow:hidden; }
.news ul li h5 img { width:100%; height:100%; }
.news ul li p { width:100%; float:left; padding:15px 20px; font-size:18px; color:#333; line-height:29px; height:60px; display:inline-block; text-align: center;}
.news ul li:hover p { color:#1b48ad;}
.news ul li:last-child {}

.news .left_arrow,.news .right_arrow { width:40px; height:40px; float:left; background:rgba(0,0,0,.6); top:90px;  cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:40px; font-size:28px; color:#fff; font-family: Georgia;  }
.news .left_arrow { left:0px; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.news .right_arrow { right:0px; transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
.news .left_arrow:hover,.news .right_arrow:hover { background:#1b48ad; }




.mb10 { margin-bottom:10px; }

.footer { width:100%; float:left; background:#f4f8fc; padding:25px 0; font-size:15px; color:#777; line-height:30px; text-align:center;}



/*-------------------------------------列表页--------------------------------------------*/
.banner01 { width:100%; float:left; background:url(../images/banner01.jpg) center center no-repeat; height:360px; }
.banner02 { width:100%; float:left; background:url(../images/banner02.jpg) center center no-repeat; height:360px; }
.banner03 { width:100%; float:left; background:url(../images/banner03.jpg) center center no-repeat; height:360px; }
.banner04 { width:100%; float:left; background:url(../images/banner04.jpg) center center no-repeat; height:360px; }
.banner05 { width:100%; float:left; background:url(../images/banner05.jpg) center center no-repeat; height:360px; }
.banner06 { width:100%; float:left; background:url(../images/banner06.jpg) center center no-repeat; height:360px; }

.warp3 { width:1200px; margin:0 auto; background:#fff; padding:50px 70px; overflow:hidden; }
.lm { width:100%; float:left; line-height:48px; font-size:40px; color:#333;  font-weight:bold; padding:0 0 50px 0; text-transform:uppercase;}
.lm span { font-size:34px; font-weight:normal; line-height:50px; vertical-align: text-top; margin-left:16px; } 


/*指数查询*/
.snav { width:22%; float:left; }
.snav ul li { width:100%; float:left; margin-bottom:5px; }
.snav ul li a { background:#f8f8f8; font-size:16px; color:#333; line-height:48px;  display:block; padding:0 18px 0 20px;} 
.snav ul li a:hover { background:#1b48ad; color:#fff;  }
.snav ul li a.cug { background:#1b48ad; color:#fff;  }
.snav ul li i { content:'';  width:0; height:0; border:6px solid transparent;  border-left:6px solid #d5d5d5; border-right:none; float:right;  margin-top:17px; }
.snav ul li a.cug i { border-left:6px solid #fff; }

.sort { width:100%; float:left; margin-bottom:15px; }
.sort dl { width:100%; float:left; padding:0 0 18px 0; border-bottom:1px dashed #e8e8e8; margin-bottom:5px;}
.sort dl dd { width:100%; float:left; }
.sort dl dd font { margin:0 15px; float:left; font-size:14px; line-height:30px; }

.sort dl dd em { width:33.333%; float:left; font-size:14px; line-height:30px; }
.sort dl dd b { width:25%; float:left; font-size:14px; line-height:30px; }
.sort dl dd i { width:10%; float:left; font-size:14px; line-height:30px; }
.checkboxClass { margin-right:6px; }

.sort2 { width:100%; float:left; margin-bottom:15px;  }
.sort2 dl { width:100%; float:left; padding:0 0 18px 0; border-bottom:1px dashed #e8e8e8; margin-bottom:5px;}
.sort2 dl dd { width:100%; float:left; }
.sort2 dl dd font { width:16.666%; float:left; font-size:14px; line-height:30px; }

.data { width:100%; float:left; background:#f4f8fc; padding:15px 5%; margin:10px 0 0 0; }
.data h2 { float:left; font-size:16px; color:#444; line-height:32px; font-weight:bold; margin-right:15px; }
.data h3 { width:30%; float:left; }
.data h4 { float:left;  }
.data h5 { width:27.4%; float:left; }
.data h6 { width:25.5%; float:left; }
.input { width:85%; background:#fff; border:1px solid rgba(0,0,0,.5); border-radius:5px; color:#444; font-size:16px; line-height:30px; text-indent:0.5em; }
.submit { float:left; line-height:32px; font-size:16px; color:#fff; background:#1b48ad; padding:0 25px; cursor:pointer; }

select { width:85%; background:#fff; border:1px solid rgba(0,0,0,.5); border-radius:5px; color:#444; font-size:16px; line-height:32px; text-indent:0.5em; height:32px;}


.echarts { width:100%; float:left; overflow:hidden; margin:30px 0; height:480px;}

.query-table { width:100%; text-align:center; }
.query-table tr:first-child { background-color:#1b48ad; color:#fff;}
.query-table tr:first-child td { background-color:#1b48ad; }
.query-table td { border:1px solid #ddd;}
.query-table > tbody > tr:nth-of-type(odd) { background-color:#f9f9f9; }

table { border-spacing: 0; border-collapse: collapse;}
table thead tr td { width:33%;}
table tbody tr { line-height:45px; color:#333;  }



/*指数介绍*/
.tabBar { width:22%; float:left; }
.tabBar span { display: inline-block; width:100%; background:#f8f8f8; font-size:16px; color:#333; line-height:48px; cursor:pointer; margin-bottom:5px; padding:0 18px 0 20px;}
.tabBar span.current { background:#1b48ad; color:#fff;  }
.tabBar span i { content:'';  width:0; height:0; border:6px solid transparent;  border-left:6px solid #d5d5d5; border-right:none; float:right; margin-top:17px; }
.tabBar span.current i { border-left:6px solid #fff;  }

.tabCon { width:74%; float:right; }
.intro { width:100%; float:left; }
.intro.c1 { background:rgba(85,194,219,.6);}
.intro.c2 { background:rgba(95,192,84,.6);}
.intro.c3 { background:rgba(75,150,234,.6);}
.intro.c4 { background:rgba(255,130,130,.6);}
.intro.c5 { background:rgba(247,95,135,.6);}
.intro.c6 { background:rgba(52,119,192,.6);}
.intro.c7 { background:rgba(86,195,198,.6);}
.intro.c8 { background:rgba(235,140,33,.6);}

.intro h3 { width:27%; float:left; text-align:center; font-size:80px; line-height:80px; color:#fff;}
.intro h3.c1 { background:rgba(85,194,219,.6); padding:20px 25px; }
.intro h3.c2 { background:rgba(95,192,84,.6);  padding:20px 25px;}
.intro h3.c3 { background:rgba(75,150,234,.6);  padding:20px 25px; }
.intro h3.c4 { background:rgba(255,130,130,.6);  padding:20px 25px; }
.intro h3.c5 { background:rgba(247,95,135,.6);  padding:20px 25px; }
.intro h3.c6 { background:rgba(52,119,192,.6);  padding:20px 25px; }
.intro h3.c7 { background:rgba(86,195,198,.6);  padding:20px 25px; font-size:72px; }
.intro h3.c8 { background:rgba(235,140,33,.6);  padding:20px 25px; }
.intro h3 p { width:100%; float:left; font-size:22px; line-height:30px; font-weight:bold; text-align:center; margin-top:15px; }
.intro h5 { width:73%; float:right; font-size:14px; color:#fff; line-height:20px; text-indent:1em;  padding:20px 25px; }

.introlist { width:100%; float:left; margin-top:20px; }
.introlist ul li { width:100%; float:left;  font-size:16px; line-height:48px; color:#333; overflow:hidden; height:48px; border-bottom:1px dashed #e6e6e6;  }
.introlist ul li b {float:left; color:#aaa; padding:0 9px 0 0px; }
.introlist ul li font { width:25%; color:#666; float:left; }
.introlist ul li span { color:#aaa; font-size:14px; float:right; }



/*指数报告&新闻资讯*/
.newslist { width:100%; float:left; } 
.newslist ul li { width:100%; height:138px; overflow:hidden; float:left; border-bottom: dotted 1px #eee; padding:18px 0;}
.newslist ul li img { width:160px; height:100px ;display:block;}
.newslist ul li h4 { width:88%; overflow:hidden; font-size:14px; line-height:22px; color:#9B9B9B; float:left;}
.newslist ul li h4 em { float:left; overflow:hidden; margin-right:22px;}
.newslist ul li h4 span { font-size:20px; line-height:30px; color:#333; height:30px; overflow:hidden;  }
.newslist ul li h4 p { font-size:15px; color: #999; line-height:24px; margin-top:12px; height:48px; overflow:hidden; }
.newslist ul li h5 { float:right; overflow:hidden; height:88px; width:8%; background:#bbbbbb; color:#fff; text-align:center; margin-top:6px; }
.newslist ul li h5 p.p1 { font-size:30px; margin-top:6px; }
.newslist ul li h5 p.p2 { font-size:16px;  }
.newslist ul li:hover h5 { float:right; overflow:hidden; height:88px; width:8%; background:#1b48ad; color:#fff; text-align:center; margin-top:6px; }
.newslist ul li:hover h4 span { color:#1b48ad; }
.newslist ul li:hover { background:#f8f8f8; }

.pages { width:100%; float:left; font-size:16px; text-align:center; margin:50px 0 10px 0; }
.pages a {  color:#555; background:#ededed; margin:0 0 0 10px; padding:0 14px; line-height:38px; display: inline-table; border-radius:3px; }
.pages a:hover {  background:#1b48ad; color:#fff; border-radius:3px;}
.pages a:active {  background:#1b48ad; color:#fff; border-radius:3px;}
.pages span.current { background:#1b48ad; color:#fff; display:inline-table; border-radius:3px; line-height:38px; padding:0 14px; margin:0 0 0 10px;}
.pages span.disabled { margin:0 0 0 10px; }


.pages2 { width:100%; float:left; font-size:16px; text-align:right; margin:35px 0 10px 0; }
.pages2 a { color:#555; background:#ededed; margin:0 0 0 10px; padding:0 14px; line-height:38px; display: inline-table; border-radius:3px; }
.pages2 a:hover { background:#1b48ad; color:#fff; border-radius:3px;}
.pages2 span.disabled { margin:0 10px 0 20px; }
.input2 { width:50px; background:#fff; border:1px solid rgba(0,0,0,.5); border-radius:5px; color:#444; font-size:16px; line-height:30px; margin:0 6px; text-align:center; }


/*联系我们*/
.contact { width:100%; float:left; margin-bottom:30px;} 
.contact h5 { width:49.5%; float:left; font-size:18px; line-height:60px; color:#555; background:#f8f8f8; margin-bottom:10px; padding:0 2%; }
.contact h5 i { float:left; margin-right:15px; font-size:22px; line-height:50px; margin-top:5px; }
.contact h5 b { display:inline-block; float:left; background:url(../images/email.png) center center no-repeat; width:22px; height:50px; margin-top:5px; margin-right:15px;}
.contact h5:nth-child(2n) { float:right; }



/*-------------------------------------正文页--------------------------------------------*/

.article { width:100%; float:left; }
.article .tit { width:100%; float:left; font-size:30px; color:#333; line-height:40px; font-weight:bold; text-align:center; padding:0 0 14px 0; }
.article .info { width:100%; float:left; color:#666; font-size:14px; text-align:center; line-height:20px; padding:0 0 30px 0; border-bottom:1px solid #f7f7f7; margin-bottom:10px; }
.article .info span { padding:0 10px; color:#999; }
.article .info em { padding:0 10px; color:#999; }

.article_player { width:100%; float:left; }
#player { width: auto; height: auto;}

.article .zw { width:100%; float:left; padding:30px 0 20px 0;  color:#444; line-height:32px; font-size:16px; }
.article .zw p { padding:0 0 1em 0; }
.article .zw img { max-width:80%; height:auto; margin:10px 0; }


.fx { width:100%; float:left; padding:10px 0; color:#333; }
.fx span { float:right; font-size:16px; color:#333; }

@media screen and (max-width:999px) and (min-width: 160px){
.header,.footer,.nav,.banner,.warp,.warp2,.block,.block_bg_blue,.block_bg_white,.warp3 { width:1220px; }
#nav { left:0%; margin-left:0px; width:1220px; }

.banner1,.banner2,.banner3,.banner4,.banner5,.banner6 { width:1220px; }

.profile { margin:40px 0 10px 0; }
.block h3 { left:0px;}
.block h3 a { right:10px; }
.tabs { right:10px; }
.swiper-container { margin:10px 0; }
.news { margin:10px 0;  }
}

/*分页*/
#page {
    margin-top: 10px;
    text-align: center;
}