@charset "utf-8";
/*====================================================================================
■01.Common_CSS PAGE 
====================================================================================*/
.tt_page {background:#000 url(../common_img/tt_pages_bg.png) no-repeat center top; height: 120px;}
.tt_page h2 {padding-top: 47px; text-align: center;}
.tt_page h2 a img {margin-left: 13px;margin-top: 5px;}
.content_pages {background: #000080; padding-top: 50px; padding-bottom: 180px;}
.content_pages .left_side {float: left; width: 250px;}
.content_pages .right_content {float: right; width: 680px;}

.content_pages .left_side > div {margin-bottom: 10px;}
.content_pages .left_side .tt1_sec {background: url(../common_img/side_tt1_bg.png) no-repeat center top; height: 252px; text-align: center;}
.content_pages .left_side .tt1_sec h3 {padding-top: 22px; margin-bottom:24px;}
.content_pages .left_side .tt1_sec .btn {margin-top: 30px;}

.content_pages .left_side .tt4_sec {background: #fff; border: 1px solid #888; padding: 8px 7px 15px 7px;}
.content_pages .left_side .tt4_sec h3 {margin-bottom: 20px;}
.content_pages .left_side .tt4_sec h4 {margin-bottom: 10px;}
.content_pages .left_side .tt4_sec p {color: #666; margin-bottom: 10px;}
.content_pages .left_side table td {padding: 0 30px 0px 0px;}

.content_pages .right_content {padding: 17px 20px; background: #fff;}
.content_pages .right_content.news {padding: 0; background: none; width: 720px;}
.content_pages .container.contact {padding: 30px; background: #fff; width: 940px;}
/*====================================================================================
■02.News PAGE 
====================================================================================*/
.news_sec {background: #fff; padding: 17px 20px 40px 17px;}
.news_sec .news_tt {border-bottom: 1px solid #f85555; padding-bottom: 10px; margin-bottom: 15px;}
.news_sec .news_tt dt {float: left; background: url(../news/images/bg_date.png) no-repeat center top; height: 34px; width: 155px; text-align: center; color:#ffa634; line-height: 34px; font-weight: bold;}
.news_sec .news_tt dd {float: left; margin-left: 16px; font-size: 16px; width: 500px;}
.news_sec .news_content .photo > a {display: block; position: relative;}
.news_sec .news_content .photo > a:after {display: block; position: absolute; content:""; width: 33px; height: 33px; background: url(../news/images/icon_zoom.png) bottom right;bottom: 0px; right: 0px;}

.nav_sec {margin-top: 30px;}

.slide_show .slides_container {float: left;width: 480pxpx;border: 1px solid #dedede;padding: 3px;background: #fff;}
.slide_show .pagination {float: right; }
.slide_show .pagination li {border: 1px solid #dedede;padding: 3px;background: #fff;margin-bottom: 10px;width: 176px;overflow: hidden;text-align: center;}
.slide_show .pagination li:hover {border: 1px solid #c71717; transition:all 0.3s linear;}
.slide_show .pagination li img {max-width:100%}
/*====================================================================================
■03.Contact PAGE 
====================================================================================*/
.contact_sec {margin-bottom:55px;}
.contact_sec .banner_contact img {margin-left: -5px;}
.contact_sec .content {padding: 0px 25px;}
.contact_sec .content2 {padding: 0px 20px;}
.contact_sec h3 {margin-bottom: 25px;}
.contact_sec h4 {margin-bottom: 20px;}
.contact_sec p {margin-bottom: 30px;}
.contact_sec p a {color: #537fc1;}

.contact_sec table {width: 100%;font-size: 14px;}
.contact_sec table th {padding: 15px 10px;width: 190px;background: #0e0e49;text-align: left;color: #fff;font-weight: normal;vertical-align: top;border: 1px solid #eaeaea;}
.contact_sec table td {padding: 15px 30px;border: 1px solid #eaeaea;}
.contact_sec .ninni {background: url(../contact/images/ninni.png) no-repeat left 0px;padding: 2px 0px 4px 65px;}
.contact_sec .hissu {background: url(../contact/images/hissu.png) no-repeat left 0px;padding: 2px 0px 4px 65px;}
.contact_sec table ul {margin-bottom: 15px;}
.contact_sec table ul .spec-li {margin-right: 87px;}
.contact_sec table ul li {float: left; margin-right: 30px;}
.w100 {width: 100%; height: 25px;}
.w270 {width: 270px; height: 25px;}
.w370 {width: 370px; height: 25px;}
.w100-area {width: 100%;}
.h30 {height: 25px;}
.h40 {height: 30px;}
.contact_sec .text-blue {color: #0669b2; margin-left: 15px;}
.contact_sec .box_submit {margin-top: 40px;}
.contact_sec .btn_form {background: url(../contact/images/btn_contact.png) no-repeat;border: medium none;cursor: pointer;overflow: hidden;width: 384px;height: 48px;}

.contact_sec .list {border: 2px solid #333; padding: 20px 30px; border-radius: 5px;}
.contact_sec .list li {background: url(../contact/images/li_bg.png) no-repeat left center; padding-left: 25px; margin-bottom: 10px;}
/*====================================================================================
■04.Company PAGE 
====================================================================================*/
.company_sec {margin-bottom: 40px;}
.company_sec > .clearfix > .left {float:left;width: 365px;}
.company_sec h3 {margin-bottom: 20px;}
.company_sec h4 {color:#ffa634; font-size: 16px;}
.company_sec p {margin-bottom: 20px;}
.company_sec iframe {margin-bottom: 20px;}
.company_sec .style1 {width: 100%;}
.company_sec .style1 th {border: 1px solid #888; background:#333391; color: #fff; text-align: center; padding: 10px 0; width: 200px;}
.company_sec .style1 td {border: 1px solid #888; text-align: left; padding: 10px 20px;}

.company_sec .style2 {width: 100%; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc;}
.company_sec .style2 th {background:#fff; color: #333391; text-align: center; padding: 10px 0; width: 200px;}
.company_sec .style2 td {text-align: left; padding: 10px 0px; font-size: 11px;}
.company_sec .style2 tr {border-bottom: 1px dashed #ccc;}
/*====================================================================================
■05.Reason PAGE 
====================================================================================*/
.reason_sec {background: url(../reason/images/tt1_bg.png) no-repeat right top;}
.reason_sec h3 {margin-bottom: 20px;}
.reason_sec p {margin-bottom: 15px;}
.reason_sec h4 {margin-bottom: 15px;}
.reason_sec .content2 {background: #0e0e49 url(../reason/images/tt2_bg.png) no-repeat center top; padding: 20px; color: #fff;}
.reason_sec .content2 > img {margin-bottom: 20px;}
.reason_sec .reason_btn {text-align: right;}
.reason_sec .mbspec {margin-bottom: 85px;width: 390px;}
/*====================================================================================
■06.Technic PAGE 
====================================================================================*/
.teachnic_sec {background: url(../teachnic/images/tt1_bg.png) no-repeat right top;}
.teachnic_sec h3 {margin-bottom: 20px;}
.teachnic_sec p {margin-bottom: 15px;}
.teachnic_sec h4 {margin-bottom: 15px;}
.teachnic_sec .content2 {background: #0e0e49 url(../teachnic/images/tt2_bg.png) no-repeat center top; padding: 20px; color: #fff;}
.teachnic_sec .content2 {background-size: cover;}
.teachnic_sec .content2 dl {margin-bottom: 20px;}
.teachnic_sec .content2 dl dt {float: left; margin-right: 20px;}
.teachnic_sec .content2 dl dd {float: left;width: 440px;}
.teachnic_sec .content2 dl dd h4 {margin-bottom: 20px;}
.teachnic_sec .mbspec {margin-bottom: 85px;width: 390px;}
/*====================================================================================
■07.Use PAGE 
====================================================================================*/
.use_sec .right_style > img {float: right; margin-left: 20px;}
.use_sec .right_style {margin-bottom: 20px;}
.use_sec .left_style > img {float: left; margin-right: 20px;}
.use_sec .left_style {margin-bottom: 20px;}
.use_sec h3 {margin-bottom: 20px;}
.use_sec .list {background: url(../usedcar/images/tt3_bg.png) no-repeat center top; height: 331px; width: 702px;}
.use_sec .list h3 {text-align: center; padding-top: 23px; margin-bottom: 18px;}
.use_sec .list ul {background: #fff; margin: 0 30px; padding: 20px 25px;}
.use_sec .list ul li {margin-bottom: 10px; background: url(../usedcar/images/tt3_li.png) no-repeat left center; padding-left: 40px; min-height: 18px; padding-top: 15px;}
.use_sec .row {text-align: center; margin: 20px 0;}
.use_sec > p {margin-bottom: 20px; text-align: center;}
.use_sec .step li {float: left; margin-right: 4px; width: 167px;}
.use_sec .step h4 {margin-bottom: 5px;}
.use_sec {margin-bottom: 40px;}