@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: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;}
.m_top30 {margin-top: 30px;}
.m_bottom20 {margin-bottom: 20px;}
.nomargin {margin-right: 0 !important; margin-left: 0 !important;}
/*body {background: #fbf7fe;}*/
/* 初始样式 End */

#head {width: 100%; height: auto;}
#head img {width: 100%; height: auto; }

#con1 .banner {width: 735px; height: 410px; float: left; position: relative; overflow: hidden;}
#con1 .banner .banner_images {width: 735px; height: 410px;}
#con1 .banner .banner_images img { position: absolute; left: 735px; width: 735px; height: 410px;}
#con1 .banner .banner_btn {position: absolute; bottom: 0; right: 0;}
#con1 .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;}
#con1 .banner .banner_btn span:nth-child(1) {border-left: 1px solid #1a4d94}
#con1 .banner .banner_btn span:hover{cursor: pointer; background: #2e3192; color: #fff;}
#con1 .banner .banner_btn span.on {cursor: pointer; background: #2e3192; color: #fff;}

#con1 .con1_news {width: 422px; float: right;}
#con1 .con1_news ul li {float: left; width: 100%; height: auto; margin-bottom: 14px; padding-bottom: 13px; border-bottom: 1px solid #e5e5e5;}
#con1 .con1_news ul li:nth-child(4) {margin-bottom: 0;}
#con1 .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 .con1_news ul li a:hover {color: #a67c52;}
#con1 .con1_news ul li p {font-size: 14px; color: #737070; line-height: 22px;}

.view_title{ text-align:center;}
.view_title h1{ height:38px; line-height:38px; background:url(../images/border_homtitle.png) center center repeat-x; font-family:'Microsoft Yahei'; font-size:32px; color:#333; font-style: italic; font-weight: bold;}
.view_title span{ color:#999; font-family:'Microsoft Yahei'; font-style: italic;}

#con2 .newsCar_title {height: 40px; line-height: 40px; text-align: center; font-size: 34px;}
#con2 .newsCar_list {width: 100%; height: auto; margin-top: 5px;}
#con2 .newsCar_list li {float: left; margin: 15px 15px 0 0;}
#con2 .newsCar_list li:nth-child(3n) {margin-right: 0;}
#con2 .newsCar_list li a {display: block; width: 390px; height: auto; position: relative; transition: height 0.5s;}
#con2 .newsCar_list li a img {width: 390px; height: 260px; display: block;}
#con2 .newsCar_list li a span {display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; text-indent: 10px; background: rgba(0,0,0,.5); color: #fff; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: height 0.5s;}
#con2 .newsCar_list li a:hover span {height: 100px; line-height: 100px; transition: height 0.5s; font-size: 16px; overflow: }

#con3 .Car_interview_title {height: 40px; line-height: 40px; text-align: center; font-size: 34px;}
#con3 .Car_interview_list {width: 100%; height: auto; margin-top: 8px;}
#con3 .Car_interview_list li {float: left; margin: 12px 12px 0 0;}
#con3 .Car_interview_list li:nth-child(4n) {margin-right: 0;}
#con3 .Car_interview_list li a {display: block; width: 291px; height: auto; position: relative; transition: height 0.5s;}
#con3 .Car_interview_list li a img {width: 291px; height: 194px; display: block;}
#con3 .Car_interview_list li a span {display: block; width: 100%; height: 40px; line-height: 40px; text-indent: 10px; background: #e5e5e5; color: #000; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.5s;}
#con3 .Car_interview_list li a div.viewpoint {padding: 10px; width: 271px; position: absolute; top: -30px; left: 0; overflow: hidden; background: rgba(255,255,255,0); color: #fff; font-size: 14px; transition: all 300ms; z-index: -1;}
#con3 .Car_interview_list li a div.viewpoint_show {position: absolute; left: 0; top: 0; overflow: hidden; background: rgba(0,0,0,0.7); z-index: 10;}
#con3 .Car_interview_list li a div.viewpoint_show b {color: #fdbd00;}

#con4 .scroll_news_list {width: 100%; height: auto;}
#con4 .scroll_news_list ul li {float: left; margin: 0 15px 8px 0;}
#con4 .scroll_news_list ul li a {display: block; width: 390px; height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
#con4 .scroll_news_list ul li:nth-child(3n) {margin-right: 0;}
#con4 .scroll_news_list ul li a p{float: left; width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #5a5a5a;}
#con4 .scroll_news_list ul li p:hover{color: #ff3300;}
#con4 .scroll_news_list ul li a span{float: right; color: #a9a9a9; display: block; width: 40px; text-align: right;}



/*尾部*/
#common_footer{ width: 100%; min-width: 1200px; /*margin-top: 30px;*/ height: 172px; background:#fafafa; border-top:2px solid #EEE;}
#common_footer .w1200 { margin: 15px auto 0;}
#common_footer .common_footer_left {width: 399px; float: left; height: 135px; padding-top: 10px; border-right: 1px solid #e5e5e5; }
#common_footer .common_footer_left h3 {font-size: 16px; margin-bottom: 10px; font-weight: bold; margin-left: 35px; height: 30px; line-height: 30px;}
#common_footer .common_footer_left img {display: block; width: 259px; height: 55px; margin-left: 35px;}

#common_footer .common_footer_nav {width: 280px; float: left; height: 135px; padding: 10px 60px 0;}
#common_footer .common_footer_nav dl {width: 50%;}
#common_footer .common_footer_nav dl.dl_left {float: left; text-align: left;}
#common_footer .common_footer_nav dl.dl_right {float: right; text-align: right;}
#common_footer .common_footer_nav dl dt {font-size:14px; font-weight: bold;}
#common_footer .common_footer_nav dl dt,#common_footer .common_footer_nav dd{ height:30px; line-height:30px; overflow:hidden;}

#common_footer .common_footer_right {width: 399px; float: left; height: 135px; padding-top: 10px; border-left: 1px solid #e5e5e5; }
#common_footer .common_footer_right dl {display: inline-block;}
#common_footer .common_footer_right dl.dl_left {float: left; text-align: left; margin-left: 80px;}
#common_footer .common_footer_right dl.dl_right {float: right; text-align: right;}
#common_footer .common_footer_right dl dt {font-size:14px; font-weight: bold; height: 30px; line-height: 30px;}
#common_footer .common_footer_right dd{ height:100px; overflow:hidden;}
#common_footer .common_footer_right dd img {width: 100%; height: auto;}

.copyright { width: 100%;  text-align:center; background:#0C1F31; color:#FFF; padding:15px 0; font-size:12px;}
.copyright a{ color:#FFF;}