@charset "UTF-8";
/**
全局样式**/
body { font-family: "microsoft Yahei", arial; margin: 0; padding: 0; background: #FFF; }

li { list-style-type: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

div, form, img, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; border: 0; }

input, select { outline: none; }

a { text-decoration: none; }

a:visited, a:link { text-decoration: none; }

a:hover { color: #ed6d00; text-decoration: none; }

img { max-width: 100%; height: auto; }

.marbt10 { margin-bottom: 10px; }

.marbt20 { margin-bottom: 20px; }

.martb12 { margin: 12px 0; }

.btn-active { background-color: #ed6d00; color: #fff; }

.btn-def { background-color: #0075c1; color: #fff; }

.btn { background-color: #0075c1; color: #fff; }

.btn.focus, .btn:focus, .btn:hover { color: #fff; }

.inside { padding-left: 15px; padding-right: 15px; }

.flexbox { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.active, .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; }

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 0; }

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

@media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } }
@media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } }
@media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } }
.col-xs-1-8, .col-sm-1-8, .col-md-1-8, .col-lg-1-8 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; }

.col-xs-1-8 { width: 12.5%; float: left; }

@media (min-width: 768px) { .col-sm-1-8 { width: 12.5%; float: left; } }
@media (min-width: 992px) { .col-md-1-8 { width: 12.5%; float: left; } }
@media (min-width: 1200px) { .col-lg-1-8 { width: 12.5%; float: left; } }
.col-vl-1, .col-vl-2, .col-vl-3, .col-vl-4, .col-vl-5, .col-vl-6, .col-vl-7, .col-vl-8, .col-vl-9, .col-vl-10, .col-vl-11, .col-vl-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; }

@media (min-width: 1600px) { .col-vl-6 { width: 50%; }
  .col-vl-4 { width: 33.33333333%; }
  .col-vl-3 { width: 25%; }
  .col-vl-2 { width: 16.66666667%; } }
/**********修改fancytree默认样式*************/
ul.fancytree-container { border: none; }

.ui-fancytree:focus { outline: 0; }

.fancytree-plain span.fancytree-node.fancytree-active, .fancytree-plain span.fancytree-node.fancytree-selected { color: #ed6d00; border: none; }

.fancytree-plain span.fancytree-node.fancytree-active:hover, .fancytree-plain span.fancytree-node.fancytree-selected:hover, .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active, .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected { background-color: #fff; color: #ed6d00; }

.fancytree-active { color: #ed6d00 !important; }
.fancytree-active span.fancytree-title { color: #ed6d00 !important; }

.fancytree-expander { display: none !important; }

.fancytree-plain span.fancytree-node.fancytree-active:hover, .fancytree-plain span.fancytree-node.fancytree-selected:hover, .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active, .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected { background-color: #fff; border-color: #fff; }

.fancytree-plain span.fancytree-node { border: 0; }

.fancytree-plain span.fancytree-node:hover { background-color: #fff; border-color: #fff; }

.title_letter, .title_letter:hover { background-color: #f7f7f7 !important; }

ul.fancytree-container { padding: 0; }

span.fancytree-node { width: auto; }

ul.fancytree-container { position: static; }

/**********修改artdialog默认样式*************/
.ui-dialog { border: 2px solid #0075c1; }

.ui-dialog-header { border-bottom: none; }

.ui-dialog-close { border-radius: 50%; background-color: #0075c1; color: #fff; opacity: .9; font-weight: normal; }

.ui-dialog-close:hover, .ui-dialog-close:focus { color: #fff; }

.ui-dialog-footer button { background-color: #0075c1; color: #fff; border: none; outline: none; }

.ui-dialog-footer { display: flex; justify-content: center; }

.ui-dialog-button { float: none; }

.ui-dialog-footer button:focus, .ui-dialog-footer button:active { outline: none; }

.ui-dialog-footer button.ui-dialog-autofocus { border: none; background-color: #ed6d00; color: #fff; }

.ui-dialog-footer button:hover, .ui-dialog-footer button:focus, .ui-dialog-footer button:active { color: #fff; background-color: #0075c1; border-color: none; }

.ui-dialog-footer button.ui-dialog-autofocus:hover, .ui-dialog-footer button.ui-dialog-autofocus:focus, .ui-dialog-footer button.ui-dialog-autofocus:active { color: #ffffff; background-color: #ed6d00; border: none; }

/*index.html*/
@media (min-width: 990px) { html { font-size: 10.10vw; } }
@media (min-width: 768px) and (max-width: 989px) { html { font-size: 13.02vw; } }
@media (min-width: 414px) and (max-width: 767px) { html { font-size: 24.15vw; } }
@media (min-width: 320px) and (max-width: 413px) { html { font-size: 31.25vw; } }
@media (max-width: 319px) { html { font-size: 31.25vw; } }
header { background-color: #2b2b2b; }
header ul li { display: inline-block; }
header ul li a { color: #999999; line-height: 36px; padding: 0 20px; border-right: 1px solid #999999; }
header ul li.person_center_mobile { position: relative; }
header ul li.person_center_mobile .icon { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
header ul li.person_center_mobile .icon.rotate { transform: rotate(180deg); }
header ul li.person_center_mobile .person_center_menu { padding: 0 5px; position: absolute; background: rgba(0, 0, 0, 0.8); z-index: 99; }
header ul li.person_center_mobile .person_center_menu a { padding-left: .1rem; }
header ul :last-child a { border-right: none; }

nav#website_nav { background-color: #fff; }
nav#website_nav .inside { border-bottom: 3px solid #0075c1; }
@media (max-width: 768px) { nav#website_nav .inside { border-bottom: none; } }
@media (max-width: 990px) { nav#website_nav { background-color: #dddddd; height: 50px; } }
@media (max-width: 768px) { nav#website_nav .container { display: block; } }
@media (max-width: 1200px) and (min-width: 991px) { nav#website_nav .container > .row > .col-sm-12 { display: flex; justify-content: center; height: 100px; } }
nav#website_nav .logo { display: flex; align-items: center; }
nav#website_nav .logo a { display: inline-block; width: 210px; height: 100px; background: url(../images/logo.png) center no-repeat; }
@media (max-width: 1200px) and (min-width: 769px) { nav#website_nav .logo a { width: 120px; height: 57px; background-size: contain; } }
nav#website_nav .nav { flex: 1; display: flex; justify-content: center; align-items: center; }
nav#website_nav .nav ul { display: flex; }
nav#website_nav .nav ul li a { color: #4c4c4c; display: inline-block; position: relative; padding: 14px 20px; font-size: 18px; }
@media (max-width: 1200px) and (min-width: 768px) { nav#website_nav .nav ul li a { font-size: 14px; } }
nav#website_nav .nav ul li a .line { display: inline-block; width: 20px; height: 3px; background-color: #fff; margin: 0 auto; position: absolute; left: 0; bottom: 0; right: 0; }
nav#website_nav .nav ul li a::after { content: ''; display: inline-block; width: 1px; height: 18px; background-color: #ddd; margin: auto; position: absolute; right: 0; bottom: 0; top: 0; }
nav#website_nav .nav ul li a:hover { color: #ed6d00; }
nav#website_nav .nav ul li a:hover .line { background-color: #ed6d00; }
nav#website_nav .nav ul li:last-child ::after { width: 0; }
nav#website_nav .search { display: flex; justify-content: center; align-items: center; }
@media (max-width: 990px) { nav#website_nav .search { width: 100%; } }
nav#website_nav .search form { width: 340px; height: 50px; line-height: 50px; background-color: #eeeeee; }
nav#website_nav .search form .form-group { vertical-align: inherit; }
@media (max-width: 1200px) and (min-width: 991px) { nav#website_nav .search form { width: auto; }
  nav#website_nav .search form .form-group { margin-bottom: 0; display: inline-block; } }
@media (max-width: 990px) { nav#website_nav .search form { width: 100%; display: flex; justify-content: center; align-items: center; }
  nav#website_nav .search form .form-group { margin-bottom: 0; display: inline-block; }
  nav#website_nav .search form .form-group .form-control { padding: 0 0.18rem; } }
@media (max-width: 374px) { nav#website_nav .search form .form-group .input-sm { padding: .05rem .10rem; }
  nav#website_nav .search form .form-group .form-control { padding: .06rem 0.04rem; } }
nav#website_nav .search .form-inline .input-group > .form-control { border-color: #ed6d00; width: auto; border-radius: 0 2px 2px 0; }
nav#website_nav .search .input-group select.form-control { height: 34px; }
nav#website_nav .search .input-group select.form-control:focus { border-color: #d2d2d2; }
nav#website_nav .search button[type=submit] { border-radius: 2px; background-color: #0075c1; color: #f5f5f5; }
nav#website_nav .search button.dropdown-toggle { border-color: #ed6d00; background-color: #fff; color: #4c4c4c; border-radius: 2px 0 0 2px; }
nav#website_nav .search button:focus { outline: 0 !important; }
nav#website_nav .search input[type=text] { border-left: 0; }
nav#website_nav .search a:focus { outline: 0; }
nav#website_nav .search .dropdown-menu > li > a:focus, nav#website_nav .search .dropdown-menu > li > a:hover { color: #fff; background-color: #ed6d00; }
nav#website_nav .search select { visibility: hidden; }

#mob_nav { max-height: 1rem; padding: .1rem 0; }
#mob_nav .site-logo { max-height: .4rem; max-width: 100%; }
#mob_nav .mob_menu { font-size: .24rem; float: right; text-align: center; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#mob_nav .mob_menu_list { display: none; background-color: #fff; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; }
#mob_nav .mob_menu_list .mob_menu_close { padding: 0 5px; text-align: right; font-size: 28px; }
#mob_nav .mob_menu_list > ul { display: flex; flex-direction: column; padding: 0 20px; }
#mob_nav .mob_menu_list > ul > li { border-bottom: 1px solid #dddddd; }
#mob_nav .mob_menu_list > ul > li > .first_title a { font-size: 18px; line-height: 48px; }
#mob_nav .mob_menu_list > ul > li > .second_title { display: none; }
#mob_nav .mob_menu_list > ul > li > .second_title ul li a { font-size: 16px; line-height: 24px; }

.unslider { position: relative; }

.unslider-arrow { position: absolute; width: 40px; height: 40px; top: 55%; margin-top: -40px; }
@media (max-width: 768px) { .unslider-arrow { display: none; } }

.unslider-arrow.prev { left: 20%; background: url(../images/index/left_arrow.png) no-repeat; background-size: contain; }

.unslider-arrow.next { right: 20%; background: url(../images/index/right_arrow.png) no-repeat; background-size: contain; }

.unslider-nav { position: absolute; bottom: 20px; left: 0; right: 0; top: auto; }
@media (max-width: 768px) { .unslider-nav { bottom: 0; } }
.unslider-nav ol { text-align: center; }
.unslider-nav ol li { display: inline-block; width: 30px; height: 2px; background-color: #fff; margin: 0 10px; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; background-size: contain; text-indent: -9999px; cursor: pointer; }
@media (max-width: 768px) { .unslider-nav ol li { margin: 0 .03rem; } }
.unslider-nav ol li.unslider-active { background-color: #ed6d00; }

#business { height: 420px; padding-top: 80px; }
@media (max-width: 768px) { #business { height: auto; padding-top: 0.1rem; } }
#business .item .item_icon { text-align: center; margin-bottom: 30px; }
#business .item .item_icon > a { display: inline-block; width: 90px; height: 97px; }
#business .item .item_content { text-align: center; }
#business .item .item_content > h3 { font-size: 22px; line-height: 36px; margin-bottom: 26px; }
#business .item .item_content > h3 a { color: #4c4c4c; }
#business .item .item_content > article > p { font-size: 14px; line-height: 24px; color: #999999; }
@media (max-width: 768px) { #business .item .item_content { padding-bottom: 0.1rem; } }
#business .unslider-nav ol li { width: 6px; height: 6px; border-radius: 50%; }
#business .item:nth-child(1) .item_icon > a { background: url(../images/index/produce_g.png) no-repeat; }
#business .item:nth-child(1) .item_icon a:hover { background: url(../images/index/produce_o.png) no-repeat; }
#business .item:nth-child(2) .item_icon > a { background: url(../images/index/data_g.png) no-repeat; }
#business .item:nth-child(2) .item_icon a:hover { background: url(../images/index/data_o.png) no-repeat; }
#business .item:nth-child(3) .item_icon > a { background: url(../images/index/design_g.png) no-repeat; }
#business .item:nth-child(3) .item_icon a:hover { background: url(../images/index/design_o.png) no-repeat; }
#business .item:nth-child(4) .item_icon > a { background: url(../images/index/origin_g.png) no-repeat; }
#business .item:nth-child(4) .item_icon a:hover { background: url(../images/index/origin_o.png) no-repeat; }

#case { background-color: #f5f5f5; text-align: center; }
@media (max-width: 768px) { #case { height: auto; } }
#case .case_title { padding: 20px 0; }
#case .case_title h3 { font-size: 26px; line-height: 36px; padding-bottom: 10px; }
#case .case_title p > span { display: inline-block; background-color: #0075c1; border-radius: 2px; width: 30px; height: 4px; }
#case .case_content { background-color: #fff; padding: 20px; border: 1px solid #e5e5e5; }
#case .case_content .row { margin-left: -1px; margin-right: -1px; }
#case .case_content .row .case_content_item { overflow: hidden; padding: 1px 1px; }
#case .case_content .row .case_content_item a { display: inline-block; overflow: hidden; }
#case .case_content .row .case_content_item img { width: 100%; }
#case .more { padding: 24px 0; }
#case .more .btn { background-color: #ed6d00; width: 120px; height: 35px; border-radius: 16px; }

.oversize a { display: inline-block; overflow: hidden; }

#news { margin-bottom: 20px; }
#news .title > h3 { font-size: 26px; line-height: 76px; }
#news .title > h3 .more { font-size: 14px; }
#news .news_content .news_content_img img { width: 100%; height: 100%; }
@media (min-width: 768px) { #news .news_content .news_content_img img { height: 70px; } }
@media (min-width: 991px) { #news .news_content .news_content_img img { height: 163px; } }
@media (min-width: 1200px) { #news .news_content .news_content_img img { height: 170px; } }
#news .news_content .news_content_cont h5 a { color: #4c4c4c; display: inline-block; font-size: 16px; line-height: 36px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#news .news_content .news_content_cont h5 a:hover { color: #ed6d00; }
#news .news_content .news_content_cont article { color: #999999; text-align: justify; }

#hot .title > h3 { font-size: 26px; line-height: 76px; }
#hot .title > h3 .more { font-size: 14px; }
#hot .hot_content { margin-bottom: 40px; }
#hot .hot_content dl { margin-bottom: 20px; }
#hot .hot_content dt.hot_content_img a img { width: 100%; height: 100%; }
@media (min-width: 1200px) { #hot .hot_content dt.hot_content_img a img { height: 107px; } }
#hot .hot_content .hot_content_cont h5 a { color: #4c4c4c; display: inline-block; font-size: 16px; line-height: 36px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#hot .hot_content .hot_content_cont h5 a:hover { color: #ed6d00; }
#hot .hot_content .hot_content_cont article { color: #999; justify-content: center; }
#hot .hot_content .hot_content_cont .view { font-size: 18px; }
#hot .hot_content .hot_content_cont .view .num { font-size: 14px; }

#partner { padding-bottom: 20PX; background-color: #0075c1; text-align: center; }
@media (max-width: 768px) { #partner { height: auto; } }
#partner .case_title { padding: 20px 0; }
#partner .case_title h3 { color: #fff; font-size: 26px; line-height: 36px; padding-bottom: 10px; }
#partner .case_title p > span { display: inline-block; background-color: #ed6d00; border-radius: 2px; width: 30px; height: 4px; }
#partner .partner_item { margin-bottom: 15px; padding-left: 10px; padding-right: 10px; }
#partner .partner_item img { width: 100%; background-color: #fff; }
#partner .partner_item a.more { background-color: rgba(255, 255, 255, 0.6); display: inline-block; width: 100%; font-size: 20px; color: #fff; position: relative; }
#partner .partner_item a.more span { position: absolute; left: 0; top: 50%; right: 0; transform: translateY(-50%); }

footer { background-color: #4c4c4c; height: 260px; }
@media (max-width: 1200px) { footer { height: auto; overflow: hidden; } }
footer .contact { color: #ddd; border-bottom: 1px solid #999999; padding: 36px 0; }
footer .contact .info { padding: 15px 0; padding-left: 30px; }
footer .contact .info ul > li { margin-bottom: 20px; font-size: 14px; line-height: 36px; }
@media (max-width: 1200px) { footer .contact .info ul > li { font-size: 12px; } }
footer .contact .info ul > li .icon { position: absolute; transform: translateY(-50%); top: 50%; font-size: 24px; }
@media (max-width: 1200px) { footer .contact .info ul > li .icon { font-size: 16px; } }
footer .contact .info ul > li .txt { display: inline-block; margin-left: 30px; }
@media (max-width: 1200px) { footer .contact .info ul > li .txt { margin-left: 20px; } }
@media (max-width: 1200px) { footer .contact .col-sm-2 { padding-top: 15px; } }
footer .info { line-height: 36px; }
@media (max-width: 768px) { footer .info { line-height: inherit; } }
footer .info ul li { display: inline-block; }
footer .info ul li a { color: #999999; padding: 0 20px; border-right: 1px solid #999999; }
@media (max-width: 991px) and (min-width: 769px) { footer .info ul li a { padding: 0 10px; } }
footer .info ul :last-child a { border-right: none; }
footer .info .copyright { color: #999999; text-align: right; }
@media (max-width: 990px) { footer .info .copyright { text-align: center; }
  footer .info .copyright span { display: block; } }

.float-ad { z-index: 1000; position: absolute; }
.float-ad .close-ad { background-color: #000; position: absolute; right: 0; bottom: -20px; color: #e6e6e6; font-size: 14px; }

/* website models_default.html  models_classify.html models_final.html **********************/
.models_content { padding-top: 16px; max-width: 100%; display: flex; background-color: #fff; }
.models_content .left { width: 300px; min-width: 300px; }
.models_content .left nav { display: flex; width: 300px; }
.models_content .left nav .letter_list { text-align: center; background-color: #0075c1; }
.models_content .left nav .letter_list a { display: inline-block; padding: 0 5px; width: 100%; line-height: 24px; color: #fff; font-weight: 500; }
.models_content .left nav .letter_list a:visited, .models_content .left nav .letter_list a:hover { background-color: #ed6d00; }
.models_content .left nav .brand_list { padding-bottom: 600px; border: 1px solid #e5e5e5; width: 100%; overflow-y: auto; position: relative; transition: all 0.3s ease-out; }
.models_content .left nav .brand_list img { width: 30px; vertical-align: middle; }
.models_content .left nav .brand_list .title_img { display: inline-block; text-align: center; vertical-align: middle; width: 65px; height: 50px; line-height: 50px; }
.models_content .left nav .brand_list .first_brand { display: inline-block; vertical-align: middle; height: 50px; line-height: 50px; background: #fff; padding: 0px 20px 0 0px; font-size: 14px; color: #333; cursor: pointer; }
.models_content .left nav .brand_list .second_brand { display: inline-block; width: 100%; height: 40px; line-height: 40px; background: url(../images/silde_nav_img.png) no-repeat; background-position-x: 45px; background-position-y: 12px; font-weight: bold; padding: 0px 20px 0 65px; font-size: 14px; color: #333; border-bottom: 1px solid #e5e5e5; cursor: pointer; }
.models_content .left nav .brand_list .third_brand { display: inline-block; width: 100%; height: 30px; line-height: 30px; background: url(../images/silde_nav_img.png) no-repeat; background-position-x: 65px; background-position-y: -54px; padding: 0px 20px 0 85px; font-size: 14px; color: #000; border-bottom: 1px solid #e5e5e5; cursor: pointer; }
.models_content .right { flex: 1; margin: 0 40px 0 30px; }
@media (max-width: 991px) { .models_content .right { margin: 0; } }
.models_content .right .classify { display: table; background-color: #fff; border: 1px solid #e5e5e5; width: 100%; }
.models_content .right .classify .table_row { display: table-row; }
.models_content .right .classify .table_row .select_car { display: table-cell; padding: 0 12px; }
.models_content .right .classify .classify_title { display: table-cell; width: 90px; font-size: 16px; line-height: 50px; padding-left: 13px; background-color: #f7f7f7; border-bottom: 1px solid #e5e5e5; }
.models_content .right .classify .classify_list { display: table-cell; width: 74%; padding: 0 12px; border-bottom: 1px solid #e5e5e5; }
.models_content .right .classify .classify_list > ul { height: 25px; overflow: hidden; transition: .5s; }
.models_content .right .classify .classify_list > ul li { display: inline-block; }
.models_content .right .classify .classify_list > ul li > a { display: inline-block; padding: 0 20px; height: 25px; line-height: 25px; font-size: 16px; text-align: center; }
@media (max-width: 1080px) { .models_content .right .classify .classify_list > ul li > a { font-size: 14px; } }
.models_content .right .classify .classify_list > ul li > a.active { color: #fff; background-color: #ed6d00; }
.models_content .right .classify .classify_list > ul li > a:hover, .models_content .right .classify .classify_list > ul li > a:visited, .models_content .right .classify .classify_list > ul li > a:focus { color: #fff; background-color: #ed6d00; }
.models_content .right .classify .more { display: table-cell; padding-right: 10px; border-bottom: 1px solid #e5e5e5; }
.models_content .right .position { height: 40px; font-size: 16px; line-height: 40px; }
.models_content .right section.article { padding-top: 30px; text-align: center; color: #231815; }
.models_content .right section.article .article_title { line-height: 50px; }
.models_content .right section.article .article_info { line-height: 30px; background-color: #f7f7f7; color: #747372; }
.models_content .right section.article article { padding-top: 20px; }
.models_content .right .partner .title h3 { line-height: 54px; font-size: 22px; font-weight: 500; }
.models_content .right .partner .partner_list a { display: inline-block; border: 1px solid #e5e5e5; }
.models_content .right .partner .partner_list img { width: 100%; }
.models_content .right .partner .partner_list .more { display: inline-block; background-color: rgba(0, 117, 193, 0.5); color: #fff; position: relative; width: 100%; }
.models_content .right .partner .partner_list .more span { position: absolute; left: 0; top: 50%; right: 0; transform: translateY(-50%); text-align: center; }
.models_content .right .latest .car img { display: block; margin: 0 auto; width: 100%; height: auto; max-height: 100%; }
@media (min-width: 768px) and (max-width: 991px) { .models_content .right .latest .car img { height: 170px; } }
@media (min-width: 992px) and (max-width: 1023px) { .models_content .right .latest .car img { height: 120px; } }
@media (min-width: 1024px) and (max-width: 1279px) { .models_content .right .latest .car img { height: 228px; } }
@media (min-width: 1280px) and (max-width: 1599px) { .models_content .right .latest .car img { height: 345px; } }
@media (min-width: 1600px) { .models_content .right .latest .car img { height: 328px; } }
.models_content .right .latest .title h3 { line-height: 54px; font-size: 22px; font-weight: 500; }
.models_content .right .latest .car { margin-bottom: 40px; }
.models_content .right .latest .car dt > a { display: block; text-align: center; border: 1px solid #e5e5e5; }
.models_content .right .latest .car dd { padding-top: 10px; }
.models_content .right .latest .car .car_name, .models_content .right .latest .car .car_info { font-size: 16px; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.models_content .right .latest .car .car_name .year, .models_content .right .latest .car .car_info .year { float: right; }
@media (max-width: 1080px) and (min-width: 769px) { .models_content .right .latest .car .car_name .year, .models_content .right .latest .car .car_info .year { float: none; } }
@media (max-width: 1280px) { .models_content .right .latest .car .car_name, .models_content .right .latest .car .car_info { font-size: 12px; } }
@media (max-width: 1080px) and (min-width: 769px) { .models_content .right .latest .car .car_name, .models_content .right .latest .car .car_info { font-size: 10px; } }
@media (max-width: 1280px) { .models_content .right .latest .car .opt { display: flex; justify-content: space-between; } }
.models_content .right .latest .car .opt button { border-radius: 0; background-color: #0075c1; color: #fff; }
@media (max-width: 1280px) { .models_content .right .latest .car .opt button { font-size: 12px; padding: 6px 6px; } }
@media (max-width: 1080px) and (min-width: 769px) { .models_content .right .latest .car .opt button { font-size: 10px; padding: 6px 0px; } }
.models_content .right .latest .car .opt button:hover, .models_content .right .latest .car .opt button:visited { background-color: #ed6d00; }

.models_final .models_content .right .latest .car .opt button { width: 32.3%; }

.main_container { position: relative; }

.sidebar { position: fixed; right: -200px; z-index: 99; top: 26%; -webkit-transition: .5s ease; transition: .5s ease; }
.sidebar .nav-tabs { border-bottom: 0; width: 40px; overflow: hidden; height: 344px; }
.sidebar .nav-tabs .free_use { margin-bottom: 2px; }
.sidebar .nav-tabs > li { margin-bottom: 6px; height: 33%; }
.sidebar .nav-tabs > li > a { height: 100%; border-radius: 4px 0 0 4px; border: 0; background-color: #0075c1; color: #fff; }
.sidebar .nav-tabs > li > a:focus, .sidebar .nav-tabs > li > a:hover { color: #fff; cursor: pointer; background-color: #ed6d00; border: none; }
.sidebar .nav-tabs > li.active > a, .sidebar .nav-tabs > li.active > a:focus, .sidebar .nav-tabs > li.active > a:hover { color: #fff; cursor: default; background-color: #ed6d00; border: none; }
.sidebar .tab-content { border-top: 2px solid #0075c1; border-bottom: 2px solid #0075c1; width: 200px; opacity: 1; background-color: #f0f7fc; -webkit-transition: .5s ease; transition: .5s ease; }
.sidebar .tab-content .panel { background-color: inherit; border-radius: 0; margin: 0; height: 340px; }
.sidebar .tab-content #order_info { padding-left: 10px; padding-top: 25px; }
.sidebar .tab-content #order_info .model .result_list { left: 35px; width: 135px; border: 1px solid #ccc; background: #fff; position: absolute; max-height: 251px; overflow-y: auto; }
.sidebar .tab-content #order_info .model .result_list li { line-height: 24px; padding-left: 5px; font-size: 12px; }
.sidebar .tab-content #order_info .model .result_list li:hover { background-color: #f0f0f0; cursor: pointer; }
.sidebar .tab-content #order_info .model .result_list:focus { outline: -webkit-focus-ring-color auto 5px; }
.sidebar .tab-content #order_info label { font-weight: normal; }
.sidebar .tab-content #order_info input[type=text] { width: 135px; outline: 0; border: 1px solid #0075c1; }
.sidebar .tab-content #order_info .form-control:focus { outline: 0; }
.sidebar .tab-content #order_info .choose { text-align: right; padding: 5px 17px; }
.sidebar .tab-content #order_info .choose .btn { color: #0075c1; background-color: inherit; border: 1px solid #0075c1; }
@media (max-width: 768px) { .sidebar .tab-content #order_info .form-inline .form-control { display: inline-block; } }
.sidebar .tab-content #online_service { padding: 4px; color: #ccc; background-color: #ed6d00; }
.sidebar .tab-content #online_service .phone_number { padding: 14px; border-radius: 2px; height: 280px; background-image: url(../images/index/web/service.png); background-repeat: no-repeat; background-color: #fff; position: relative; }
.sidebar .tab-content #online_service .phone_number .item_list { margin-top: 110px; }
.sidebar .tab-content #online_service .phone_number .item_list .item { background-color: rgba(237, 109, 0, 0.6); border-radius: 3px; padding: 0 7px; margin-bottom: 5px; height: 45px; color: #fff; font-size: 16px; }
.sidebar .tab-content #online_service .phone_number .item_list .item .item_icon { line-height: 45px; font-size: 32px; margin-right: 10px; }
.sidebar .tab-content #online_service .phone_number .item_list .item .item_info { padding-top: 2px; }
.sidebar .tab-content #online_service .work_time { padding-top: 10px; color: #fff; }
.sidebar .tab-content #online_service .work_time h3 { font-size: 16px; font-weight: bold; }
.sidebar a:focus { outline: 0; }

/* mob   models_default.html  models_classify.html models_final.html **********************/
body.filter_show { overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

#mob_car_list { border: 1px solid #ddd; }
#mob_car_list button { color: #4c4c4c; border: none; background: none; }
#mob_car_list .mob_brand_list { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 100; overflow: hidden; position: fixed; top: 0; bottom: 0; left: 0; right: 0; }
#mob_car_list .mob_brand_list header { position: relative; z-index: 10; border-bottom: 1px solid #e5e5e5; height: .38rem; line-height: .38rem; background-color: #fff; }
#mob_car_list .mob_brand_list header svg { transform: rotate(180deg); }
#mob_car_list .mob_brand_list header .btn.active { color: #ed6d00; }
#mob_car_list .mob_brand_list .mob_brand_list_content { position: absolute; background: #fff; width: 100%; }
#mob_car_list .mob_brand_list .mob_brand_list_content .filter_item { position: absolute; background: #fff; top: 0; left: 0; right: 0; -webkit-transition: -webkit-transform .5s ease; -moz-transition: transform .5s ease,-moz-transform .5s ease; -o-transition: transform .5s ease,-o-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease,-webkit-transform .5s ease,-moz-transform .5s ease,-o-transform .5s ease; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; z-index: 1; }
#mob_car_list .mob_brand_list .mob_brand_list_content .filter_item .brand, #mob_car_list .mob_brand_list .mob_brand_list_content .filter_item .sub_brand, #mob_car_list .mob_brand_list .mob_brand_list_content .filter_item .car { overflow: auto; }
#mob_car_list .mob_brand_list .mob_brand_list_content .filter_item .list_brand_list { width: 100%; max-height: 4.1rem; background: #fff; overflow: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
#mob_car_list .mob_brand_list .mob_brand_list_content .filter_item .brand { background: #f0f0f0; padding-left: 0; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }
#mob_car_list .mob_brand_list .mob_brand_list_content .filter_item .brand .letter { background-color: #b2b2b2; color: #fafafa; }
#mob_car_list .mob_brand_list .mob_brand_list_content .filter_item .brand li { padding-left: .3rem; line-height: .4rem; }
#mob_car_list .mob_brand_list .mob_brand_list_content .filter_item .brand li.active { background: #fff; margin-right: -1px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
#mob_car_list .mob_brand_list .mob_brand_list_content .filter_item .brand li:first-child { border-top: 0; }
#mob_car_list .mob_brand_list .mob_brand_list_content .filter_item .sub_brand { flex: 1; padding-left: .19rem; border-right: 1px solid #e5e5e5; }
#mob_car_list .mob_brand_list .mob_brand_list_content .filter_item .sub_brand li { line-height: .4rem; border-bottom: 1px solid #e5e5e5; }
#mob_car_list .mob_brand_list .mob_brand_list_content .filter_item .sub_brand li.active { color: #ed6d00; }
#mob_car_list .mob_brand_list .mob_brand_list_content .filter_item .car { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: .19rem; }
#mob_car_list .mob_brand_list .mob_brand_list_content .filter_item .car li { border-bottom: 1px solid #e5e5e5; line-height: .4rem; }
#mob_car_list .mob_brand_list .mob_brand_list_content .filter_item .car li.active { color: #ed6d00; }
#mob_car_list .mob_brand_list .mob_brand_list_content .filter_item.active { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; z-index: 2; }
#mob_car_list .mob_brand_list .mob_brand_list_content .list_classify .list_classify_list > ul li { padding-left: .3rem; line-height: .4rem; }
#mob_car_list .mob_brand_list .mob_brand_list_content .list_brand.active { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.table_form { display: table; border-collapse: collapse; width: 100%; margin: 5px 0; }
.table_form .form-group { display: table-row; }
.table_form .form-group label.show-title { background-color: #F2F7FD; display: table-cell; border: 1px solid #0176BC; padding: 5px; text-align: center; vertical-align: middle; width: 20%; font-weight: normal; color: #0176BC; }
.table_form .form-group .val { display: table-cell; border: 1px solid #0176BC; padding: 10px; }
.table_form .form-group .val input { width: auto; }
@media (max-height: 1366px) { .table_form .form-group .val input[type=text] { width: 120px; } }
.table_form .form-group .val .classify { padding: 10px; display: flex; }
.table_form .form-group .val .classify .classify_title { width: 20%; }
.table_form .form-group .val .classify ul li { color: #BDBDBD; }

@media (max-width: 768px) { #submit_dialog, #submit_user_dialog { width: 100% !important; } }
#style_detail .main_content, #car_detail .main_content { padding-top: 20px; }
#style_detail .main_content .car_info, #car_detail .main_content .car_info { padding-bottom: 12px; font-size: 22px; }
#style_detail .main_content .car_info .info, #car_detail .main_content .car_info .info { display: inline-block; background-color: #f0f7fc; line-height: 25px; }
#style_detail .main_content .car_info .info .car_id, #style_detail .main_content .car_info .info .car_date, #car_detail .main_content .car_info .info .car_id, #car_detail .main_content .car_info .info .car_date { font-size: 16px; color: #0075c1; }
#style_detail .main_content .car_info .btn, #car_detail .main_content .car_info .btn { padding: 0; width: 105px; height: 35px; background-color: #ed6d00; color: #fff; font-size: 16px; line-height: 35px; }
#style_detail .main_content .car_img, #car_detail .main_content .car_img { overflow: hidden; margin-bottom: 35px; border: 1px solid #e5e5e5; text-align: center; }
#style_detail .main_content .car_img img, #car_detail .main_content .car_img img { max-height: 100%; }
@media (max-width: 990px) { #style_detail .main_content .car_img, #car_detail .main_content .car_img { max-height: 350px; } }
@media (max-width: 767px) { #style_detail .main_content .car_tab_info .nav-tabs.nav-justified > li, #car_detail .main_content .car_tab_info .nav-tabs.nav-justified > li { float: none; display: table-cell; width: 1%; } }
#style_detail .main_content .car_tab_info .nav-tabs.nav-justified > li > a, #car_detail .main_content .car_tab_info .nav-tabs.nav-justified > li > a { background-color: #f5f5f5; border-bottom: 1px solid #0075c1; color: #333; }
#style_detail .main_content .car_tab_info .nav-tabs.nav-justified > .active > a, #style_detail .main_content .car_tab_info .nav-tabs.nav-justified > .active > a:focus, #style_detail .main_content .car_tab_info .nav-tabs.nav-justified > .active > a:hover, #car_detail .main_content .car_tab_info .nav-tabs.nav-justified > .active > a, #car_detail .main_content .car_tab_info .nav-tabs.nav-justified > .active > a:focus, #car_detail .main_content .car_tab_info .nav-tabs.nav-justified > .active > a:hover { border-bottom-color: #fff; }
#style_detail .main_content .car_tab_info .nav-tabs > li.active > a, #style_detail .main_content .car_tab_info .nav-tabs > li.active > a:focus, #style_detail .main_content .car_tab_info .nav-tabs > li.active > a:hover, #car_detail .main_content .car_tab_info .nav-tabs > li.active > a, #car_detail .main_content .car_tab_info .nav-tabs > li.active > a:focus, #car_detail .main_content .car_tab_info .nav-tabs > li.active > a:hover { cursor: default; color: #fff; background-color: #0075c1; }
#style_detail .main_content .car_tab_info #artwork, #style_detail .main_content .car_tab_info #physical, #style_detail .main_content .car_tab_info #specification, #car_detail .main_content .car_tab_info #artwork, #car_detail .main_content .car_tab_info #physical, #car_detail .main_content .car_tab_info #specification { padding-top: 27px; }
#style_detail .main_content .car_tab_info #specification table, #car_detail .main_content .car_tab_info #specification table { width: 100%; border: 1px solid #e6e6e6; }
#style_detail .main_content .car_tab_info #specification table tr, #car_detail .main_content .car_tab_info #specification table tr { height: 40px; }
#style_detail .main_content .car_tab_info #specification table tr td:first-child, #car_detail .main_content .car_tab_info #specification table tr td:first-child { width: 25%; padding: 10px 0 10px 26px; color: #0075c1; background-color: #f2f7fd; }
#style_detail .main_content .car_tab_info #specification table tr td:nth-child(2), #car_detail .main_content .car_tab_info #specification table tr td:nth-child(2) { padding: 10px 0 10px 40px; }
#style_detail .main_content .car_tab_info #specification table td, #car_detail .main_content .car_tab_info #specification table td { border: 1px solid #e6e6e6; }
#style_detail .main_content .related_product header, #style_detail .main_content .related_models header, #car_detail .main_content .related_product header, #car_detail .main_content .related_models header { margin-bottom: 9px; }
#style_detail .main_content .related_product header h3, #style_detail .main_content .related_models header h3, #car_detail .main_content .related_product header h3, #car_detail .main_content .related_models header h3 { background-color: #fff; font-size: 22px; padding-bottom: 14px; }
#style_detail .main_content .related_product img, #style_detail .main_content .related_models img, #car_detail .main_content .related_product img, #car_detail .main_content .related_models img { width: 100%; max-height: 120px; }
#style_detail .main_content .related_product dl, #style_detail .main_content .related_models dl, #car_detail .main_content .related_product dl, #car_detail .main_content .related_models dl { margin-bottom: 16px; }
#style_detail .main_content .related_product dd, #style_detail .main_content .related_models dd, #car_detail .main_content .related_product dd, #car_detail .main_content .related_models dd { text-align: center; line-height: 24px; }
#style_detail .main_content .ad, #car_detail .main_content .ad { margin-bottom: 26px; }
#style_detail .main_content .related_product .classify, #car_detail .main_content .related_product .classify { margin-bottom: 12px; }
#style_detail .main_content .related_product .classify button, #car_detail .main_content .related_product .classify button { color: #fff; background: #0075c1; border-radius: 0; }

.position { line-height: 40px; font-size: 16px; color: #fff; background-color: #0075c1; }

#style .models_content .right { margin: 0; }
#style .models_content .right .latest { padding-top: 20px; }
#style .models_content .right .latest dl dt { overflow: hidden; position: relative; }
#style .models_content .right .latest dl dt a { display: block; border: 1px solid #e5e5e5; }
#style .models_content .right .latest dl dt a img { width: 100%; height: auto; }
@media (min-width: 768px) and (max-width: 991px) { #style .models_content .right .latest dl dt a img { height: 240px; } }
@media (min-width: 992px) and (max-width: 1199px) { #style .models_content .right .latest dl dt a img { height: 320px; } }
@media (min-width: 1200px) { #style .models_content .right .latest dl dt a img { height: 400px; } }
#style .models_content .right .latest dl dt .member_logo { position: absolute; right: -20px; top: -20px; transform: rotate(90deg); width: 100px; height: 100px; background: url(../images/index/member_logo.png) no-repeat; }
#style .models_content .right .latest dl .style_info ul li { padding: 6px 0; font-size: 14px; line-height: 1.42857143; }
@media (max-width: 1080px) and (min-width: 769px) { #style .models_content .right .latest dl .style_info ul li { font-size: 12px; } }
#style .models_content .right .latest dl .style_info ul li .style_id { display: inline-block; }
#style .models_content .right .latest dl .style_info ul li .pay_way { display: inline-block; padding-left: 10px; color: #0075c1; }
#style .models_content .right .latest .car { margin-bottom: 20px; }

.manage .main_content { min-height: 400px; padding-top: 20px; padding-bottom: 50px; }
.manage .main_content .nav_menu > ul { border: 1px solid #e5e5e5; }
.manage .main_content .nav_menu li.first_menu > a { display: block; padding-right: 21px; padding-left: 26px; width: 100%; font-size: 18px; line-height: 50px; height: 50px; color: #4c4c4c; background-color: #f5f5f5; border-bottom: 1px solid #e5e5e5; }
.manage .main_content .nav_menu li.first_menu > a .menu_icon { font-size: 19px; }
.manage .main_content .nav_menu li.first_menu > a .title { padding-left: 16px; }
.manage .main_content .nav_menu li.first_menu > a .arrow { font-size: 24px; }
.manage .main_content .nav_menu li.first_menu > a .arrow svg.icon { transform: rotate(-90deg); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.manage .main_content .nav_menu .first_menu.has_sub_menu .sub_menu_list .sub_menu { background-color: #fff; }
.manage .main_content .nav_menu .first_menu.has_sub_menu .sub_menu_list .sub_menu a { overflow: hidden; display: block; margin-right: 21px; margin-left: 26px; font-size: 14px; line-height: 40px; height: 40px; color: #4c4c4c; background-color: #fff; border-bottom: 1px solid #e5e5e5; }
.manage .main_content .nav_menu .first_menu.has_sub_menu .sub_menu_list .sub_menu a span.title { padding-left: 35px; }
.manage .main_content .nav_menu .first_menu.has_sub_menu .sub_menu_list .sub_menu a:hover { color: #0075c1; }
.manage .main_content .nav_menu li.first_menu > a:hover { color: #fff; background-color: #0075c1; }
.manage .main_content .nav_menu li.first_menu.active > a { color: #fff; background-color: #0075c1; }
.manage .main_content .nav_menu li.first_menu.active > a .arrow svg.icon { transform: rotate(0); }

/*
* my_login.html recharge_management.html recharge_record.html
* batch_order.html my_account.html user_info.html information
* about_us.html partner.html project.html
*/
.my_login, .recharge_management, .recharge_record, .batch_order, .my_account, .user_info, .information, .about_us, .partner_page, .project { background-color: #fff; }
.my_login .title h3, .recharge_management .title h3, .recharge_record .title h3, .batch_order .title h3, .my_account .title h3, .user_info .title h3, .information .title h3, .about_us .title h3, .partner_page .title h3, .project .title h3 { font-size: 22px; padding-bottom: 17px; border-bottom: 1px solid #dcdcdc; }
.my_login .title h3 span.title_name, .recharge_management .title h3 span.title_name, .recharge_record .title h3 span.title_name, .batch_order .title h3 span.title_name, .my_account .title h3 span.title_name, .user_info .title h3 span.title_name, .information .title h3 span.title_name, .about_us .title h3 span.title_name, .partner_page .title h3 span.title_name, .project .title h3 span.title_name { padding-bottom: 15px; border-bottom: 2px solid #0075c1; }

.my_login .avatar { height: 98px; line-height: 98px; }
.my_login .avatar .avatar_box { height: 98px; }
.my_login .avatar .avatar_box svg { border-radius: 50%; border: 1px solid #ccc; position: relative; top: 50%; transform: translateY(-50%); color: #dcdcdc; font-size: 55px; }
.my_login .avatar .user_name { padding-left: 10px; }
.my_login .order_analysis .title, .my_login .news .title, .my_login .user_info .title { padding-left: 6px; padding-right: 8px; background-color: #f5f5f5; height: 44px; line-height: 44px; font-size: 18px; color: #4c4c4c; border-bottom: 1px solid #0075c1; }
.my_login .order_analysis .title .more, .my_login .news .title .more, .my_login .user_info .title .more { font-size: 14px; }
.my_login .user_info .title a { position: relative; top: 50%; transform: translateY(-50%); }
.my_login .user_info .user_info_cont { padding-top: 20px; padding-bottom: 40px; }
.my_login .user_info .user_info_cont #user_info_table thead { border: none; }
.my_login .user_info .user_info_cont #user_info_table thead tr { background-color: #f0f7fc; }
.my_login .user_info .user_info_cont #user_info_table thead tr th { border-color: #e5e5e5; border-bottom-width: 1px; color: #0075c1; font-size: 16px; font-weight: normal; text-align: center; }
.my_login .news .news_list { padding-bottom: 50px; }
.my_login .news .news_list .news_item { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px dashed #dcdcdc; }
.my_login .news .news_list .news_item .news_title { color: #4c4c4c; font-size: 16px; line-height: 36px; }
.my_login .news .news_list .news_item .news_title .point { display: inline-block; width: 5px; height: 3px; background-color: #4c4c4c; }
.my_login .news .news_list .news_item .news_title:hover { color: #ed6d00; }
.my_login .news .news_list .news_item .news_content { padding-left: 12px; font-size: 14px; line-height: 24px; color: #999999; }

.recharge_management .content { padding: 30px 0; }
.recharge_management .content form label { font-weight: normal; font-size: 16px; }

.register .content, .login .content { position: relative; min-height: 490px; background: url(../images/login_background.png) no-repeat; background-size: cover; }
@media (min-width: 1640px) { .register .content, .login .content { min-height: 600px; } }
@media (min-width: 1920px) { .register .content, .login .content { min-height: 700px; } }
@media (max-width: 768px) { .register .content, .login .content { background-size: cover; } }
.register .content .login_group, .login .content .login_group { width: 750px; height: 300px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.register .content .login_group .login_form, .login .content .login_group .login_form { border: 1px solid #dcdcdc; background-color: #fff; height: 100%; padding: 45px 50px 0 38px; }
.register .content .login_group .login_form .login_input_group, .login .content .login_group .login_form .login_input_group { overflow: hidden; margin-bottom: 15px; height: 40px; border-radius: 3px; border: 1px solid #0075c1; line-height: 38px; }
.register .content .login_group .login_form .login_input_group .icon_group, .login .content .login_group .login_form .login_input_group .icon_group { height: 40px; color: #fff; background-color: #0075c1; padding: 0 9px; }
.register .content .login_group .login_form .login_input_group .input_group input, .login .content .login_group .login_form .login_input_group .input_group input { text-indent: 10px; border: 0; width: 320px; line-height: 30px; }
.register .content .login_group .login_form .login_input_group .icon, .login .content .login_group .login_form .login_input_group .icon { font-size: 25px; }
@media (max-width: 768px) { .register .content .login_group, .login .content .login_group { width: 3rem; height: 2.8rem; }
  .register .content .login_group .login_form, .login .content .login_group .login_form { width: 100%; margin: 0 auto; height: auto; padding: .2rem; }
  .register .content .login_group .login_form .login_input_group, .login .content .login_group .login_form .login_input_group { margin-bottom: .08rem; }
  .register .content .login_group .login_form .login_input_group .input_group input, .login .content .login_group .login_form .login_input_group .input_group input { text-indent: .1rem; width: 2.1rem; line-height: .3rem; }
  .register .content .login_group .login_form .login_input_group .icon, .login .content .login_group .login_form .login_input_group .icon { font-size: 25px; } }
.register .content .login_group .qr_code, .login .content .login_group .qr_code { background-color: #0075c1; padding: 0 60px; height: 100%; }
.register .content .login_group .qr_code .qr_code_body, .login .content .login_group .qr_code .qr_code_body { transform: translateY(-50%); position: relative; top: 50%; }
.register .content .login_group .qr_code p, .login .content .login_group .qr_code p { color: #fff; line-height: 46px; font-size: 14px; margin: 0; }
.register .content .login_group .qr_code p a, .login .content .login_group .qr_code p a { color: #ed6d00; }

.third_party .title { height: 150px; background-color: #0075c1; position: relative; }
@media (max-width: 768px) { .third_party .title { height: auto; } }
.third_party .title dl { transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; }
.third_party .title dl dt, .third_party .title dl dd { float: left; }
.third_party .title dl dd { color: #fff; padding: 10px 16px; }
.third_party .title dl dd h3 { font-size: 26px; line-height: 40px; }
.third_party .title dl dd p { font-size: 16px; }
@media (max-width: 768px) { .third_party .title dl { display: flex; position: static; transform: none; align-items: center; padding: .1rem; }
  .third_party .title dl dt, .third_party .title dl dd { float: none; }
  .third_party .title dl dt img { min-width: .6rem; }
  .third_party .title dl dd { color: #fff; padding: .10rem .16rem; }
  .third_party .title dl dd h3 { font-size: 18px; line-height: .3rem; }
  .third_party .title dl dd p { font-size: 14px; } }
.third_party .content { text-align: center; }
.third_party .login_form { margin: 0 auto; width: 455px; background-color: #fff; height: 100%; padding: 24px 50px 40px 38px; }
.third_party .login_form .login_input_group { overflow: hidden; margin: 15px 0; height: 40px; border-radius: 3px; border: 1px solid #0075c1; line-height: 38px; }
.third_party .login_form .login_input_group .icon_group { color: #fff; background-color: #0075c1; padding: 0 9px; }
.third_party .login_form .login_input_group .input_group input { text-indent: 10px; border: 0; width: 320px; line-height: 30px; }
.third_party .login_form .login_input_group .verification_code_btn { position: absolute; right: 0; top: 0; }
.third_party .login_form .login_input_group .verification_code_btn .btn { height: 40px; border-radius: 0 3px 3px 0; }
.third_party .login_form .login_input_group .input_group.verification_code input { width: 220px; }
@media (max-width: 768px) { .third_party .login_form .login_input_group .input_group.verification_code input { width: 157px; } }
@media (max-width: 320px) { .third_party .login_form .login_input_group .input_group.verification_code input { width: 112px; } }
.third_party .login_form .login_input_group .icon { font-size: 25px; }
@media (max-width: 768px) { .third_party .login_form { width: 100%; margin: 0 auto; height: auto; padding: .2rem; }
  .third_party .login_form .login_input_group { margin: .08rem 0; }
  .third_party .login_form .login_input_group .input_group input { text-indent: .1rem; width: 2.1rem; line-height: .3rem; }
  .third_party .login_form .login_input_group .icon { font-size: 25px; } }

.register .content .login_group { height: 465px; }
.register .content .login_group .login_form .login_input_group .verification_code_btn { position: absolute; right: 0; top: 0; }
.register .content .login_group .login_form .login_input_group .verification_code_btn .btn { height: 40px; border-radius: 0 3px 3px 0; }
.register .content .login_group .login_form .login_input_group .input_group.verification_code input { width: 220px; }
@media (max-width: 768px) { .register .content .login_group .login_form .login_input_group .input_group.verification_code input { width: 157px; } }
@media (max-width: 320px) { .register .content .login_group .login_form .login_input_group .input_group.verification_code input { width: 112px; } }

.my_account .content section { height: 122px; line-height: 122px; border-bottom: 1px dotted #ccc; }
.my_account .content section .photo { padding-top: 5px; width: 50px; height: 50px; display: inline-block; border-radius: 50%; text-align: center; line-height: 50px; }
.my_account .content section .section_title { font-size: 18px; font-weight: bold; }
.my_account .content section .icon { font-size: 27px; color: #fff; }
.my_account .content section.info .photo { background-color: #84c9cb; }
.my_account .content section.password .photo { background-color: #abd67e; }
.my_account .content section.client .photo { background-color: #b692be; }

.user_info .content { padding: 30px 30px 0 30px; }
@media (max-width: 768px) { .user_info .content { padding: 0; } }
.user_info .content form .photo .photo_img { border: 1px solid #ccc; padding-top: 5px; width: 50px; height: 50px; display: inline-block; border-radius: 50%; text-align: center; line-height: 50px; }
.user_info .content form .photo .icon { font-size: 33px; }
.user_info .content form .photo .upload-team { display: inline-block; position: relative; overflow: hidden; cursor: pointer; }
.user_info .content form .photo .upload-team button { border: none; background: none; color: #0075c1; }
.user_info .content form .photo .upload-team input { position: absolute; right: 0; background-color: #000; top: 0; height: 100%; cursor: pointer; opacity: 0.0001; }
.user_info .content form label { font-size: 16px; font-weight: normal; }

.information .content { padding-top: 20px; }
.information .content .nav-tabs { background-color: #f5f5f5; }
.information .content .nav-tabs li:nth-child(1) { border-left: 1px solid #e5e5e5; }
.information .content .nav-tabs li { width: 100px; height: 40px; line-height: 40px; color: #4c4c4c; text-align: center; border: 1px solid #e5e5e5; border-left: 0; cursor: pointer; }
@media (max-width: 768px) { .information .content .nav-tabs li { width: 33.3%; } }
.information .content .nav-tabs li:hover { color: #fff; background-color: #0075c1; border-color: #0075c1; }
.information .content .nav-tabs li.active { color: #fff; background-color: #0075c1; border-color: #0075c1; }
.information .content .nav-tabs .info_opt { float: right; height: 40px; line-height: 40px; }
.information .content .nav-tabs .info_opt .btn { border: none; background-color: inherit; color: #4c4c4c; }
.information .content .nav-tabs .info_opt label { font-weight: normal; }
.information .content .tab-content .info { display: none; }
.information .content .tab-content .info .news_item { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px dashed #dcdcdc; }
.information .content .tab-content .info .news_item .news_title { color: #4c4c4c; font-size: 16px; line-height: 36px; }
.information .content .tab-content .info .news_item .news_title .point { display: inline-block; width: 5px; height: 3px; background-color: #4c4c4c; }
.information .content .tab-content .info .news_item .news_title:hover { color: #ed6d00; }
.information .content .tab-content .info .news_item .news_content { padding-left: 12px; font-size: 14px; line-height: 24px; color: #999999; }
.information .content .tab-content .info.active { display: block; }

.about_us .content { padding-top: 20px; }
.about_us .content .info .item { padding: 7px 0; }
.about_us .content .info .icon_box { width: 40px; height: 40px; border-radius: 50%; display: inline-block; text-align: center; background-color: #ed6d00; }
.about_us .content .info .icon { color: #fff; font-size: 28px; position: relative; top: 50%; transform: translateY(-50%); }
.about_us .content .message_board { padding: 20px 45px; background-color: #f5f5f5; }
@media (max-width: 768px) { .about_us .content .message_board { padding: .05rem .10rem; } }
.about_us .content .message_board h3 { margin-bottom: 26px; }
.about_us .content .message_board form input[type=text] { border-radius: 0; height: 40px; border: 1px solid #e5e5e5; }
@media (max-width: 768px) { .about_us .content .message_board form input[type=text] { margin-bottom: .10rem; } }
.about_us .content .message_board form textarea { border: 1px solid #e5e5e5; border-radius: 0; max-width: 100%; }

.partner .content { padding-top: 20px; margin-left: -10px; margin-right: -10px; }
.partner .content .partner_item { margin-bottom: 20px; }
.partner .content .partner_item a { border: 1px solid #dcdcdc; }

.project .content { padding-top: 20px; margin-left: -5px; margin-right: -5px; }
.project .content .case_content_item { padding: 5px; }

.models_content .style_classify { padding-right: 80px; position: relative; overflow-x: hidden; background-color: #fff; border-bottom: 2px solid #ed6d00; }
.models_content .style_classify a { display: block; font-size: 14px; padding: 10px 10px; color: #000; text-decoration: none; }
.models_content .style_classify .title_slide { font-size: 0; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; }
.models_content .style_classify .title_slide li { display: inline-block; vertical-align: middle; }
.models_content .style_classify .title_slide li:hover a.slide-item { color: #fff; background-color: #ed6d00; }
.models_content .style_classify .title_slide a.active { color: #fff; background-color: #ed6d00; }
.models_content .style_classify .slide-btn-li { position: absolute; top: 0px; }
.models_content .style_classify .slide-btn-li.prev { right: 40px; }
.models_content .style_classify .slide-btn-li.next { right: 0; }
.models_content .style_classify .slide-btn { color: #ed6d00; display: none; border: 0; }
.models_content .style_classify .show-btn { display: inline-block; }
.models_content .style_classify .prev-btn { line-height: 0; }
.models_content .style_classify .prev-btn svg { font-size: 20px; transform: rotate(90deg); }
.models_content .style_classify .next-btn { line-height: 0; }
.models_content .style_classify .next-btn svg { font-size: 20px; transform: rotate(-90deg); }
.models_content .models_main_content { padding-bottom: 45px; }
@media (min-width: 1200px) { .models_content .models_main_content { min-height: 550px; } }
.models_content .advertisement_list { padding: 5px 0; }
.models_content .advertisement_list .swiper-container { height: 90px; }
.models_content .advertisement_list li { height: 100%; }
.models_content .advertisement_list li a { margin-right: 5px; display: block; text-align: center; border: 1px solid #e5e5e5; height: 100%; }
.models_content .advertisement_list li a img { height: 100%; }

/*# sourceMappingURL=style.css.map */