@charset "utf-8";
*{font-family: Arial,Microsoft YaHei;}
html{font-size:14px;color:#444;} 
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td,span,input,textarea{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:14px;}
small{font-size:14px;}
li,ol{list-style:none;}
input,textarea{border:none;outline:none;}
textarea{resize:none;}
em,i{font-style:normal;}
a{text-decoration:none;color:#444;}
a:hover{color:#2e3192;}
a:focus{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a img{border:none;}
.clearfix:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.w1200 {width: 1200px; margin: 0 auto;}
.top35 {margin-top: 35px;}
.f_left {float: left;}
.f_right {float: right;}
.nomargin {margin-right: 0 !important; margin-left: 0 !important;}

#top {width: 100%; height: auto; margin-bottom: 15px;}
#top img {display: block; width: 100%; height: auto;}

.con1_news {width: 422px; float: left;}
.con1_news ul li {float: left; width: 100%; height: auto; margin-bottom: 14px; padding-bottom: 13px; border-bottom: 1px solid #e5e5e5;}
.con1_news ul li:nth-child(4) {margin-bottom: 0;}
.con1_news ul li a {display: block; width: 100%; margin-bottom: 8px; color: #2e3192; font-size: 20px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.con1_news ul li a:hover {color: #a67c52;}
.con1_news ul li p {font-size: 14px; color: #737070; line-height: 22px;}

.banner {width: 735px; height: 410px; float: right; position: relative; overflow: hidden;}
.banner .banner_images {width: 735px; height: 410px;}
.banner .banner_images img { position: absolute; left: 735px;}
.banner .banner_btn {position: absolute; bottom: 0; right: 0;}
.banner .banner_btn span {display: block; float: left; width: 27px; height: 26px; text-align: center; line-height: 26px; background: #fff; border-top: 1px solid #1a4d94; border-bottom: 1px solid #1a4d94; border-right: 1px solid #1a4d94;}
.banner .banner_btn span:nth-child(1) {border-left: 1px solid #1a4d94}
.banner .banner_btn span:hover,.banner .banner_btn span.on{cursor: pointer; background: #2e3192; color: #fff;}

.con2_left{width: 735px; float: left; position: relative;}
.con2_left .con2_nav {width: 735px; height: 50px; border-bottom: 2px solid #2e3192;}
.con2_nav ul li {margin-right: 40px; float: left; font-weight: 700; font-size: 20px;}
.con2_nav ul li a {display: block; height: 50px; line-height: 50px; text-align: right; text-indent: 12px; color: #828a92; }
.con2_nav ul li.on a{background: url(../images/on.png) no-repeat left center; color: #2e3192;}

.con2_left a.more {display: block; font-size: 12px; color: #333; position: absolute; top: 20px; right: 0;}
.con2_left a.more:hover {color: #2e3192;}

.con2_right{width: 422px; float: right; position: relative;}
.con2_right .con2_nav2 {width: 422px; height: 50px; border-bottom: 2px solid #2e3192;}
.con2_nav2 ul li {margin-right: 40px; float: left; font-weight: 700; font-size: 20px;}
.con2_nav2 ul li a {display: inline-block; float: left; height: 50px; line-height: 50px; text-align: left; font-size: 24px; font-weight: 700; color: #2e3192;}
.con2_nav2 ul li a b {display: inline-block; width: 10px; height: 10px; background: #2e3192; border-radius: 10px; vertical-align: middle; margin-right: 5px;}
.con2_right a.more {display: block; font-size: 12px; color: #333; position: absolute; top: 20px; right: 0;}
.con2_right a.more:hover {color: #2e3192;}

.list_w li {width: 735px; height: 170px; padding: 20px 0; float: left; border-bottom: 1px solid #e5e5e5; position: relative;}
.list_w li img {display: inline-block; width: 260px; height: 170px; float: left;}
.list_w li div.recommend_title {position: absolute; top: 25px; left: 5px; padding: 0 15px; height: 20px; font-size: 13px; background: rgba(0, 0, 0, 0.5); border-radius: 50px; color: #fff; line-height: 20px; }
.list_w li div.video_icon {position: absolute; top: 20px; left: 0px; width: 260px; height: 170px; background: rgba(0, 0, 0, 0.3); text-align: center; vertical-align: middle;}
.list_w li div.video_icon i {display: inline-block; width: 50px; height: 50px; margin-top: 60px; text-align: center; vertical-align: middle; background: url(../images/vbtn.png) no-repeat;}

.list_w li span {display: block; width: 450px; height: 170px; float: right; position: relative;}
.list_w li span a {display: block; width: 450px; line-height:30px; overflow: hidden; float: left; margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #3d464d;}
.list_w li span a:hover {color: #2e3192;}
.list_w li span p {display: block; width: 450px; height: 70px; float: left; line-height: 24px; font-size: 14px; color: #828a92; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.list_w li span em {display: block; width: 100px; position: absolute; bottom: 0; font-size: 14px; color: #767373;}
.list_w li span em.time {left: 0;}
.list_w li span em.author {left: 95px;}
.list_w li span i {display: block; width:auto; position: absolute; bottom: 0; right: 0; font-size: 14px; color: #333; height:20px; float:right;}
.list_w li span i span{ float:right; width:auto!important; padding:0!important; margin:0!important; height:20px;}
.list_w li span i img{ width:19px; height:12px; padding:3px 0 0 0!important; margin:0!important; float:right;}

.con2_list li {width: 422px; height: 90px; padding: 20px 0 0; float: left; position: relative;}
.con2_list li img {display: inline-block; width: 135px; height: 90px; float: left;}

.con2_list li a {display: block; width: 270px; float: right; margin-bottom: 10px; font-size: 16px; color: #3d464d; line-height: 24px;}
.con2_list li a:hover {color: #2e3192;}
.con2_list li span {display: block; width: 270px; position: absolute; bottom: 0; left: 153px; text-align: left; font-size: 13px; color: #4b4a4a;}

h3.substation_carnews a { display: inline-block; float: left; height: 50px; line-height: 50px; text-align: left; font-size: 24px; font-weight: 700; color: #2e3192; }
h3.substation_carnews a b {display: inline-block; width: 10px; height: 10px; background: #2e3192; border-radius: 10px; vertical-align: middle; margin-right: 5px;}

#con3 .con3_title {width: 100%; margin-bottom: 20px; height: 50px; line-height: 50px; border-bottom: 2px solid #2e3192}
#con3 .con3_title h3{ display: inline-block; float: left; height: 50px; line-height: 50px; text-align: left; font-size: 24px; font-weight: 700; color: #2e3192; }
#con3 .con3_title  h3 b {display: inline-block; width: 10px; height: 10px; background: #2e3192; border-radius: 10px; vertical-align: middle; margin-right: 5px;}
#con3 .con3_title a {display: inline-block; font-size: 14px; color: #333; float: right; line-height: 60px;}
#con3 .con3_title a:hover {color: #2e3192;}

#con3 .con3_common {width: 600px;height: auto;}
#con3 .con3_common ul {margin-bottom: 50px;}
#con3 .con3_common ul li {width: 575px;}
#con3 .con3_common ul li a {display: block; float: left; width: 450px; height: 30px; line-height: 30px; color: #000; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#con3 .con3_common ul li span {display: block; float: right; width: 95px; height: 30px; line-height: 30px; color: #999; font-size: 16px;}
#con3 .con3_common ul li:hover a{color: #2e3192;}