#banner{position:relative; width:100%; min-width:1200px; height:614px; overflow:hidden; background:rgba(0,161,233,0.5); +background:#00a1e9;}
#banner_cut{position:absolute; top:0; left:0; width:100%; height:614px;}
#banner_cut li{ background-position:center; background-repeat:no-repeat; float:left; width:100%; height:614px; position:relative;}
#banner_cut li a{position:absolute; left:0; top:0; width:100%; height:100%; display:block;}

#banner div{position:absolute; bottom:0; left:0; width:100%; height:40px; background:rgba(0,0,0,0.1); overflow:hidden;}
#banner ol{position:absolute; top:15px; left:50%; margin-left:-2%;}
#banner ol li{float:left; width:8px; height:8px; border-radius:50%; cursor:pointer; margin-right:10px; position:relative;}
#banner ol li b{position:absolute; left:50%; top:50%; margin-top:-4px; margin-left:-4px; width:8px; height:8px; display:block; border-radius:50%; border:1px solid #fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#banner ol li:hover b, #banner ol li.hover b{width:10px; height:10px;  background:#00a1e9; border:0;}
#pro_color{width:50%; min-width:500px; position:absolute; left:0; top:0; height:312px; background:#00a1e9;}


#about{width:100%; overflow:hidden; position:relative;} 

.about{ width:1360px; margin:60px auto 0; position:relative;}
.about_con{width:100%;}
.about_con article{width:100%; height:480px; overflow:hidden; position:relative;}
.about_con article .aboutbg1{ height:60px; background:#051b54;}
.about_con article .aboutbg1 a{ height:60px; line-height:60px; color:#f6e2a7; margin-left:60px;}
.about_con article h2{font-size:20px; padding-left:50px; line-height:90px; color:#000; background:url(aboutbg1.jpg);}
.about_con article .about_con_1{ color:#fff;   background:#040e29; width:1320px; height:290px; padding:20px; line-height:28px; overflow:hidden;}
.about_con article .about_con_2{ color:#fff;   height:285px;overflow:hidden;}
.about_con article p{ font-size:15px; color:#fff; line-height:28px; text-align:justify; }
.about_con:hover article a{left:0;}




#news{width:100%; overflow:hidden; margin-top:60px; position:relative;} 

#news .con{ width:1360px; margin:0 auto; position:relative;}
#news .con_news{width:800px; float:left;}
#news .con_news .newsbg1{ height:60px; background:#051b54;}
#news .con_news .newsbg1 a{ height:60px; line-height:60px; color:#f6e2a7; margin-left:60px;}
#news .con_news h2{font-size:20px; line-height:90px;padding-left:50px; color:#000; background:url(aboutbg3.jpg);}
#news .con_news ul{ background:#040e29; padding:20px; padding-bottom:41px; }
#news .con_news ul li{ line-height:40px; border-bottom:1px dotted #ccc;}
#news .con_news ul li a{ color:#fff; font-size:16px;}
#news .con_news ul li span{ float:right; color:#fff; font-size:13px; padding-right:5px;}

#news .con_vid{width:520px; float:right; }
#news .con_vid article{width:520px; height:480px; overflow:hidden; position:relative;}
#news .con_vid article .aboutbg1{ height:60px; background:#051b54;}
#news .con_vid article .aboutbg1 a{ height:60px; line-height:60px; color:#f6e2a7; margin-left:60px;}
#news .con_vid article h2{font-size:20px; padding-left:50px; line-height:90px; color:#000; background:url(aboutbg1.jpg);}
#news .con_vid article .about_con_1{ color:#fff;   background:#040e29; width:480px; height:210px; padding:60px 20px; line-height:28px; overflow:hidden;}
#news .con_vid article p{ font-size:15px; color:#fff; line-height:28px; text-align:justify; }
#news .con_vid:hover article a{left:0;}



#invest{width:100%; overflow:hidden; background:url(rybg.jpg) no-repeat center; height:500px; margin-top:60px;}
.invest_box{width:1360px; margin:auto;}
.invest_box .title1{ overflow:hidden; padding:70px 0 50px 0;}
.invest_box .title1 h2{text-align:center; font-size:30px; line-height:30px; color:#f6e2a7;}
.invest_box .title1 aside{text-align:center; font-size:24px; line-height:30px; color:#f6e2a7; position:relative; padding-bottom:40px;}
.invest_box .title1 aside:after{position:absolute; left:50%; bottom:20px; margin-left:-15px; width:30px; height:3px; background:#c59950;}
.invest_box #demo td a{ color:#f6e2a7;}
.invest_box #demo td span{ margin-top:10px;}




#pro{width:100%; overflow:hidden; position:relative; margin-top:40px;}
.pro_wrap{width:1360px; margin:auto;}

.pro_title{width:100%; text-align:center; }
.pro_title h2{ padding:0; font-size:30px; line-height:30px; color:#000;}

.pro_con{width:100%; overflow:hidden;}
.pro_con ul{width:100%; display:flex; padding-bottom:30px; }
.pro_con ul li{width:100%; margin-right:20px; background:#040e29;}
.pro_con ul li:nth-child(6){ margin-right:0;}
.pro_con ul li p{ text-align:center; padding-top:15px; padding-bottom:15px; font-size:16px;}
.pro_con ul li p a{ color:#f6e2a7; font-size:18px;}
.pro_con ul li img{ width:210px; height:210px;}


.pro_con_fl{width:750px; float:left;}
.pro_con_01{width:100%; display:block; overflow:hidden;}
.pro_con_01 picture{width:500px; height:212px; overflow:hidden; float:left;}
.pro_con_01 picture img{width:100%;}
.pro_con_01 article{width:250px; height:212px; float:left; background:#00a1e9; color:#fff; position:relative;}
.pro_con_01 article h2{padding:30px 28px 0; font-size:24px; line-height:24px; position:relative;}
.pro_con_01 article h2:after{content:''; position:absolute; left:28px; bottom:-14px; height:2px; width:30px; background:#fff;}
.pro_con_01 article p{padding:30px 28px 0;}
.pro_con_01 article i{position:absolute; bottom:24px; left:28px; width:30px; height:30px; background:url(index07.png) no-repeat; display:block;  -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pro_con_01:hover article i{background:url(index08.png) no-repeat;}

.pro_con_01 article b{position:absolute; left:-10px; top:20px; border-right:10px solid #00a1e9; border-top:10px solid transparent; border-bottom:10px solid transparent;}

.pro_con_02{width:100%; display:block; overflow:hidden;}
.pro_con_02 picture{width:250px; height:212px; overflow:hidden; float:left;}
.pro_con_02 picture img{width:100%;}
.pro_con_02 article{width:500px; height:212px; float:left; background:#00a1e9; color:#fff; position:relative;}
.pro_con_02 article h2{padding:30px 28px 0; font-size:24px; line-height:24px; position:relative;}
.pro_con_02 article h2:after{content:''; position:absolute; left:28px; bottom:-14px; height:2px; width:30px; background:#fff;}
.pro_con_02 article p{padding:30px 28px 0;}
.pro_con_02 article i{position:absolute; bottom:24px; left:28px; width:30px; height:30px; background:url(index07.png) no-repeat; display:block;  -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pro_con_02:hover article i{background:url(index08.png) no-repeat;}

.pro_con_02 article b{position:absolute; right:-10px; top:50%; margin-top:-5px; border-left:10px solid #00a1e9; border-top:10px solid transparent; border-bottom:10px solid transparent;}

.pro_con_rl{width:250px; float:left;}
.pro_con_rl a{width:100%; display:block; overflow:hidden;}
.pro_con_rl picture{width:250px; height:212px; overflow:hidden; float:left;}
.pro_con_rl picture img{width:100%;}
.pro_con_rl article{width:250px; height:212px; float:left; background:#00a1e9; color:#fff; position:relative;}
.pro_con_rl article h2{padding:30px 28px 0; font-size:24px; line-height:24px; position:relative;}
.pro_con_rl article h2:after{content:''; position:absolute; left:28px; bottom:-14px; height:2px; width:30px; background:#fff;}
.pro_con_rl article p{padding:30px 28px 0;}
.pro_con_rl article i{position:absolute; bottom:24px; left:28px; width:30px; height:30px; background:url(index07.png) no-repeat; display:block;  -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pro_con_rl:hover article i{background:url(index08.png) no-repeat;}

.pro_con_rl article b{position:absolute; left:50%; top:-10px; margin-left:-10px; border-bottom:10px solid #00a1e9; border-right:10px solid transparent; border-left:10px solid transparent;}

#tdc{width:100%; overflow:hidden; height:280px; background:url(cx.jpg) no-repeat center; text-align:center; color:#f6e2a7;}
#tdc h2{margin-top:50px; font-size:30px;}
#tdc aside{font-size:18px; margin-bottom:40px; position:relative; }
#tdc aside:after{position:absolute; content:''; width:30px; height:3px; background:#c59950; left:50%; margin-left:-15px; bottom:-20px;}
#tdc p{margin-bottom:15px;}

#news_box{width:100%; overflow:hidden; padding:60px 0; position:relative;}
#news_color{position:absolute; right:0; top:40px; width:50%; background:#0068b7; height:142px;}
#news_con{width:1360px; margin:auto; overflow:hidden; }
#news_title{width:100%; height:142px;  background:url(titlebg.jpg); position:relative; z-index:1; }
#news_title article{width:100%; margin:0 auto; text-align:center;}
#news_title article h2{padding:60px 0 25px; font-size:30px; line-height:30px; color:#f6e2a7;}
#news_title article aside{color:#588ec7; padding:0 30px; margin-left:-20px; font-size:24px; position:relative; }
#news_title article aside:after{ position:absolute;  width:35px; height:3px; background:#c59950;}
#news_title ul{width:685px; float:left; overflow:hidden;}
#news_title ul li{float:left; width:165px; height:142px; text-align:center; background:#181a2f; cursor:pointer;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news_title ul li h2{color:#f6e2a7; line-height:142px; font-size:18px;}
#news_title ul li aside{ color:#587ba0; font-size:12px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news_title ul li:hover, #news_title ul li.cur{background:url(newshover.jpg);}
#news_title ul li:hover aside, #news_title ul li.cur aside{color:#58b6ee;}
#news_title ul a{color:#f6e2a7;}

.news_con{width:100%; background:#fff;}
.news_con p a{color:#fff;}
.news_con li a{color:#fff;}
.news_con li{width:995px; float:right;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; border-bottom:1px dotted #fff; background:#fff;}
#news_con .fuwu{width:365px; float:left;}
#news_con .jishu{width:365px; height:150px; float:left; background:#040e29; text-align:center; overflow:hidden; border-bottom:1px dotted #c59950;}
#news_con .jishu h3{font-size:24px; line-height:48px; margin-top:50px;}
#news_con .jishu h3 a{color:#f6e2a7;}
#news_con .jishu span{color:#f6e2a7; font-size:16px;}

.news_con li article{width:995px; height:150px; float:left; position:relative;background:#c59950;}
.news_con li article h2{font-size:16px; color:#000; padding:40px 30px 0; line-height:16px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news_con li article p{font-size:12px; color:#000; padding:14px 30px 0;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} 
 
.news_con li:hover{background:#c59950;}
.news_con li:hover h2, .news_con li:hover p{color:#fff;}
.news_con li a{color:#000;}
.news_con li a:hover{color:#fff;}


#video{position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:10; display:none;}
#video div{width:1000px; height:500px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -500px; z-index:999; background:#000;}
#video b{background:#000; opacity:0.5; position:fixed; left:0; top:0; width:100%; height:100%; display:block; filter:alpha(opacity=50);}
#video i{position:absolute; right:0; top:0; background:url(shut.png) no-repeat; width:32px; height:32px; display:block; cursor:pointer;}
#video i{position:absolute; right:0; top:0; background:url(shut.png) no-repeat; width:32px; height:32px; display:block; cursor:pointer;}


.clear{ clear:both;}