:root {--thm-font: 'Inter', sans-serif;--thm-base: #4c7ce3;--thm-base-rgb: 76, 124, 227;--thm-primary-rgb: 98, 206, 197;--thm-black: #282f44;--thm-black-rgb: 40, 47, 68;--thm-gray: #717580;--border-radius: 4px;}
body {font-family: var(--thm-font);color: var(--thm-gray);font-size: 16px;line-height: 26px;}
button:focus {outline: none;}
i{ font-style: normal;}
a:active,
a:hover,
a:focus,
a:visited {text-decoration: none;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-5935{padding-bottom: 59.35%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-62{padding-bottom: 62%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-70{padding-bottom: 70%;}
.rect-715{padding-bottom: 71.5%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-98{padding-bottom: 98%;}
.rect-99{padding-bottom: 99%;}
.rect-100{padding-bottom: 100%;}
.rect-102{padding-bottom: 102%;}
.rect-110{padding-bottom: 105%;}
.rect-120{padding-bottom: 120%;}
.rect-130{padding-bottom: 130%;}
.rect-165{padding-bottom: 165%;}
.rect-160{padding-bottom: 160%;}
.rect-180{padding-bottom: 180%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
h1,
h2,
h3,
h4,
h5,
h6 {margin: 0;font-weight: 400;}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {margin: 0;padding: 0;word-wrap: break-word
}
input {font-size: 15px;line-height: 1.5;font-family: 'Microsoft Yahei';}
label {max-width: none;}input.dialog {height: 0;height: 0;font-size: 0;line-height: 0;border: none
}
input.button,
input.btn {padding: 0.25em;width: auto;}
button {border: 0;border-radius: 0%;appearance: button;-moz-appearance: button;-webkit-appearance: button;}
input[type="button"],
input[type="submit"],
input[type="reset"],
input {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}
textarea,
input {outline: none;}
ul,
li {list-style: none;margin: 0;padding: 0;}
.page-wrapper {position: relative;margin: 0 auto;width: 100%;min-width: 300px;overflow: hidden;}
.auto-container {position: static;max-width: 1200px;padding: 0px 15px;margin: 0 auto;}.block-title {margin-bottom: 60px;margin-top: -7px;}
.block-title h4 {position: relative;font-size: 16px;color: var(--thm-primary);line-height: 26px;display: inline-block;font-weight: 600;margin-bottom: 7px;}
.block-title h2 {font-size: 50px;color: var(--thm-black);line-height: 60px;font-weight: 700;}
.thm-btn {display: inline-block;vertical-align: middle;border: none;outline: none;background-color: var(--thm-base);font-size: 14px;color: #ffffff;font-weight: 700;padding: 17px 40px;border-radius: var(--border-radius);-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.thm-btn:hover {background-color: var(--thm-black);color: #ffffff;}
.clearfix{ clear: both;}/* datepicker */
.datepicker.dropdown-menu {min-width: 17rem;}
.datepicker table {width: 100%;}
.float-left{ float: left;}.float-right{float: right;}/* owl dots style */
.scroll-to-top {display: inline-block;width: 45px;height: 45px;background: var(--thm-primary);position: fixed;bottom: 40px;right: 40px;z-index: 99;text-align: center;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;display: none;border-radius: 50%;transition: all 0.4s ease;}
.scroll-to-top i {color: #ffffff;font-size: 18px;line-height: 45px;}
.scroll-to-top:hover {background: var(--thm-black);}
.scroll-to-top:hover i {color: #fff;}/* Cursor Style */
.cursor {position: absolute;background-color: #fff;width: 6px;height: 6px;border-radius: 100%;z-index: 1;-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,    0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,    0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,    0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,    0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;z-index: 10000;-webkit-transform: scale(1);transform: scale(1);visibility: hidden;}
.cursor {visibility: visible;}
.cursor.active {opacity: 0.5;-webkit-transform: scale(0);transform: scale(0);}
.cursor.hovered {opacity: 0.08;}
.cursor-follower {position: absolute;background-color: RGBA(255, 255, 255, 0.3);width: 50px;height: 50px;border-radius: 100%;z-index: 1;-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,    0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,    0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,    0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,    0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;z-index: 10000;visibility: hidden;}
.cursor-follower {visibility: visible;}
.cursor-follower.active {opacity: 0.7;-webkit-transform: scale(1);transform: scale(1);}
.cursor-follower.hovered {opacity: 0.08;}
.cursor-follower.close-cursor:before {position: absolute;content: "";height: 25px;width: 2px;background: #fff;left: 48%;top: 12px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);display: inline-block;}
.cursor-follower.close-cursor:after {position: absolute;content: "";height: 25px;width: 2px;background: #fff;right: 48%;top: 12px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/*page*/
.page{color: #777777; text-align: center;padding-top: 40px;clear:both;float: none;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 7px 12px;vertical-align: middle; margin-left:5px}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #024aa3;border: 1px solid #024aa3;padding: 7px 12px;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page .fa{ font-size:22px;}
@media (max-width:426px) {
.page a,.page span { padding: 4px 8px; margin-left:2px}
.page a:hover,.page span{padding: 4px 8px;}
}
/* custom animations */

@keyframes btnIconMove {0% {    transform: rotate(0deg) translate(0px, 0px);}
50% {    transform: rotate(20deg) translate(10px, 0px);}
100% {    transform: rotate(0deg) translate(0px, 0px);}
}

@keyframes ImgBounce {0% {    transform: translateY(0);}
25% {    transform: translateY(5px);}
50% {    transform: translateY(10px);}
75% {    transform: translateY(5px);}
100% {    transform: translateY(0px);}
}


/*--------------------------------------------------------------Site Header Header one wrap--------------------------------------------------------------*/
.site-header__header-one-wrap {position: relative;display: block;z-index: 91;box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);}
.site-header__header-one-wrap.has-shadow {box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);}
.header_top_one {position: relative;display: block;padding: 15px 0;}
.header_top_one_inner {position: relative;display: block;}
.header_top_one_logo_box {position: relative;display: block;max-width: 425px;width: 100%;}
.header_top_one_logo {position: relative;display: block;  /*  padding: 50.4px 0;*/}
.header_top_one_content_box {position: relative;display: block;max-width:705px;width: 100%;}
.header_top_one_content_box_top {position: relative;display: block;background: #eff1f6;border-bottom-left-radius: var(--border-radius);border-bottom-right-radius: var(--border-radius);padding: 8px 30px;}
.header_top_one_content_box_top_left p {font-size: 14px;margin: 0;line-height: 27px;}
.header_top_one_content_box_top_right_list li {position: relative;display: inline-block;}
.header_top_one_content_box_top_right_list li+li {margin-left: 10px;}
.header_top_one_content_box_top_right_list li a {font-size: 14px;color: var(--thm-gray);}
.header_top_one_content_box_top_right_list li span {padding-left: 15px;}
.header_top_one_content_box_bottom {position: relative;display: block;margin-top: 15px;}
.header_top_one_content_box_bottom_inner {position: relative;display: block;}
.header_top_one_content_box_bottom__social_box {position: relative;display: block;float: right;margin-right: 20px;}
.header_top_one_content_box_bottom__social {display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;}
.header_top_one_content_box_bottom__social a {display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;text-align: center;font-size: 14px;color: #999;-webkit-transition: all 500ms ease;transition: all 500ms ease; position: relative;}
.header_top_one_content_box_bottom__social a:after {position: absolute;top: 0;right: -15px;width: 1px;height: 100%;content: "|";}
.header_top_one_content_box_bottom__social a:last-child:after {width: 0px;content: "";}
.header_top_one_content_box_bottom__social a+a {margin-left: 30px;}
.header_top_one_content_box_bottom__social a:hover {color: #024aa3;}
.header_top_one_content_box_bottom_contact_info {position: relative;display: block;float: right;}
.header_top_one_content_box_bottom_contact_info_list {display: flex;align-items: center;}
.header_top_one_content_box_bottom_contact_info_list li {display: flex;align-items: center;}
.header_top_one_content_box_bottom_contact_info_list li .scan:hover .vx { display: block;}
.header_top_one_content_box_bottom_contact_info_list li .scan .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; top: -12px; width: 0; height: 0; border-width: 6px 6px 6px 8px; border-style: solid; border-color:transparent transparent #f3f3f3 transparent }
.header_top_one_content_box_bottom_contact_info_list li .scan .vx { position: absolute; top: 27px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -63px; display: none;}
.header_top_one_content_box_bottom_contact_info_list li .scan .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.header_top_one_content_box_bottom_contact_info_list li .scan .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.header_top_one_content_box_bottom_contact_info_list li .scan .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.header_top_one_content_box_bottom_contact_info_list li+li {margin-left: 20px;}
.header_top_one_content_box_bottom_contact_info_list li span {font-size:16px;color:#044da3;}
.header_top_one_content_box_bottom_contact_info_list li .fa {float: left;}
.header_top_one_content_box_bottom_contact_info_list li .fa-qrcode,.header_top_one_content_box_bottom_contact_info_list li .fa-angle-down{ margin-top: 5px; margin-left: 2px;}
.header_top_one_content_box_bottom_contact_info_list li .text {margin-left:5px; float: left;}
.header_top_one_content_box_bottom_contact_info_list li a { color: #333;}
.header_top_one_content_box_bottom_contact_info_list li .text p {float: left;font-size: 14px;margin: 0;}
.header_top_one_content_box_bottom_contact_info_list li {position: relative;}
.header_top_one_content_box_bottom_contact_info_list li:hover .vx{ display: block;}
.header_top_one_content_box_bottom_contact_info_list li .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; top: -12px; width: 0; height: 0; border-width: 6px 6px 6px 8px; border-style: solid; border-color:transparent transparent #f3f3f3 transparent }
.header_top_one_content_box_bottom_contact_info_list li .vx { position: absolute; top:27px; width: 120px; height: 102px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -23px; display: none;}
.header_top_one_content_box_bottom_contact_info_list li .vx dl {padding: 10px; }
.header_top_one_content_box_bottom_contact_info_list li .vx dl dd{ line-height: 35px; border-bottom: 1px solid #eee;}
.header_top_one_content_box_bottom_contact_info_list li .vx dl dd a:hover{ color: #024ba9;}
.main-nav__header-one {position: relative;display: block;background: #024ba9;}
.header-navigation.one.original {position: relative;}
.main-nav__header-one .container-box {position: relative;display: block;}
.main-nav__left {position: relative;display: block;}
.main-nav__left .side-menu__toggler {position: relative;display: inline-block;margin-left: 0px;font-size: 20px;color: #fff;}
.language {margin-right: 0px;font-size: 20px;color: #fff;padding: 24.5px 0;}
.language ul li{list-style: none;float: left; margin: 0 8px;}
@media (max-width: 767px){.language {padding: 14.5px 0;}}
.main-nav__left .side-menu__toggler i{font-style: normal;}
.main-nav__left_one {position: relative;display: block;}
.logo_one {position: relative;display: block;padding: 46.5px 0;}
.logo_one a {display: inline-block;}
.main-nav__main-navigation.one {position: relative;display: block;}
.main-nav__main-navigation .main-nav__navigation-box {margin: 0;padding: 0;list-style: none;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;}
.main-nav__main-navigation .main-nav__navigation-box,
.main-nav__main-navigation .main-nav__navigation-box ul {margin: 0;padding: 0;list-style: none;}
.main-nav__main-navigation .main-nav__navigation-box>li+li {margin-left: 34px;}
.main-nav__main-navigation .main-nav__navigation-box>li {position: relative;padding: 8px 35px 8px;}
.stricked-menu .main-nav__main-navigation .main-nav__navigation-box>li {padding: 8px 25px 8px!important;}
.main-nav__main-navigation .main-nav__navigation-box>li>a {position: relative;display: inline-block;padding: 6px 0px;color: #fff;font-size: 16px;line-height: 28px;font-weight: 500;border-radius: var(--border-radius);text-transform: capitalize;-webkit-transition: all 500ms ease;transition: all 500ms ease;z-index: 1;}
@media(max-width: 1440px) {.main-nav__main-navigation .main-nav__navigation-box>li {    padding: 8px 20px 8px;}}    
@media(max-width: 1280px) {.main-nav__main-navigation .main-nav__navigation-box>li {    padding: 8px 15px 8px;}}
@media(max-width: 1200px) {.main-nav__main-navigation .main-nav__navigation-box>li {    padding: 8px 11px 8px;}}
.main-nav__main-navigation .main-nav__navigation-box>li>a:before {position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius: 7px;background: var(--thm-primary);content: "";transform: scaleX(0.5);opacity: 0;transition: all 500ms ease;z-index: -1;}
.main-nav__main-navigation .main-nav__navigation-box>li:hover>a,
.main-nav__main-navigation .main-nav__navigation-box>li.current>a,
.main-nav__main-navigation .main-nav__navigation-box>li.current-menu-item>a {color: #ffffff;}
.main-nav__main-navigation .main-nav__navigation-box>li:hover>a:before,
.main-nav__main-navigation .main-nav__navigation-box>li.current>a:before,
.main-nav__main-navigation .main-nav__navigation-box>li.current-menu-item>a:before {opacity: 1;transform: scaleX(1);}
/* Dropdown menu */
.main-nav__main-navigation .dropdown-btn {display: none;}
.main-nav__main-navigation .main-nav__navigation-box>li ul {position: absolute;width: 230px;background-color: #fff;border-top: 0px solid #f7f6f6;box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);-webkit-transform-origin: top;transform-origin: top;visibility: hidden;opacity: 0;z-index: 991;border-bottom-left-radius: var(--border-radius);border-bottom-right-radius: var(--border-radius);-webkit-transition: opacity 500ms ease, visibility 500ms ease,    -webkit-transform 500ms ease;transition: opacity 500ms ease, visibility 500ms ease,    -webkit-transform 500ms ease;transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease,    -webkit-transform 500ms ease;}
.main-nav__main-navigation .main-nav__navigation-box>li ul>li {position: relative;}
.main-nav__main-navigation .main-nav__navigation-box>li ul>li+li {border-top: 1px solid #f7f6f6;}
.main-nav__main-navigation .main-nav__navigation-box>li ul>li>a {display: block;color:#333;font-size: 16px;word-break: break-all;padding-top: 9.5px;padding-bottom: 9.5px;padding-left: 20px;padding-right: 20px;font-weight: 500;-webkit-transition: all 500ms ease;transition: all 500ms ease;text-transform: capitalize;}
.main-nav__main-navigation .main-nav__navigation-box>li ul>li:last-of-type>a {border-bottom-left-radius: var(--border-radius);border-bottom-right-radius: var(--border-radius);}
.main-nav__main-navigation .main-nav__navigation-box>li ul>li:hover>a {background: #024ba9;color: #ffffff;}/* Second level menu */
.main-nav__main-navigation .main-nav__navigation-box>li>ul {top: 100%;left: 0;-webkit-transform: translateY(30px);transform: translateY(30px);
visibility: hidden;opacity: 0;}
.main-nav__main-navigation .main-nav__navigation-box>li:hover>ul {-webkit-transform: translateY(0);transform: translateY(0);visibility: visible;opacity: 1;}/* Third level menu */
.main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul {top: 0;left: 100%;-webkit-transform: translateX(30px);transform: translateX(30px);visibility: hidden;opacity: 0;}
.main-nav__main-navigation .main-nav__navigation-box>li>ul>li:hover>ul {-webkit-transform: translateX(0px);transform: translateX(0px);visibility: visible;opacity: 1;}/* After Third level menu */
.main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul>li ul {display: none;}/* stricky Menu Css */.stricked-menu {position: fixed;top: 0;left: 0;right: 0;z-index: 999999999999;background-color: #024ba9;box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);opacity: 0;-webkit-transform: translateY(-110%);transform: translateY(-110%);-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.stricked-menu.stricky-fixed {opacity: 1;max-width: 100%;width: 100%;margin: 0 auto;-webkit-transform: translateY(0%);transform: translateY(0%);}
.stricked-menu .logo_one {padding: 26.5px 0;}.stricked-menu .container-box {max-width: 1200px;width: 100%;margin: 0 auto;padding-left: 15px;padding-right: 15px;}
.stricked-menu .header_btn_1 {padding: 17px 0 17px;}/* stricky Menu Css */
@media (min-width: 1200px) {
.main-nav__left .side-menu__toggler {display: none;}
.language{  display: none;}
.main-nav__main-navigation {display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: flex;-webkit-box-align: center;    align-items: center;}}
#footer { background: #023773 url(../images/foot.png) no-repeat; }
.footertop { padding-top: 3.5%; position: relative; border-bottom: 1px solid rgba(224, 236, 250, 0.5); }
.footerMenu a:hover{ color:#f4f4f4;}
.footerMenu dl { width:18%;  float:left; margin-bottom: 30px;}
.footerMenu dl:last-child{ width: 10%; text-align: left;}
.footerMenu dl dt a { display: block; color: #fff; font-size: 20px; margin-bottom: 25px; font-weight:normal;}
.footerMenu dl dd { margin-bottom: 10px;}
.footerMenu dl dd a{color: rgba(224, 236, 250, 0.5);  font-size:15px; line-height: 30px; font-family: 微软雅黑;}
.footerContact { width:88%; float:left; /*margin-right:1%;*/}
.footerContact ul > li { float: left; margin-right: 3%; font-size: 15px;  margin-bottom: 10px; color: rgba(224, 236, 250, 0.5);  }
.footerContact ul > li .fa {color: rgba(224, 236, 250, 0.5);  margin-right: 5px; }
.footerContact ul > li > a {color: rgba(224, 236, 250, 0.5);   }
.footerContact ul > li .cont { color: rgba(224, 236, 250, 0.5);   }
.footerContact ul > li.big:before{font-size: 24px;top:0;}
.footerContact ul > li.big{font-size: 22px;color: rgba(224, 236, 250, 0.5);  font-weight: bold;padding-left: 30px;}
.footerContact ul > li.big a{color: rgba(224, 236, 250, 0.5);  }
.footer-share { width:10%; float:right;text-align: right;}
.footer-share .wechat { position: relative;}
.footer-share .wechat:hover .vx { display: block;}
.footer-share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.footer-share .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
.footer-share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.footer-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.footer-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.footer-share .share-item { margin-right: 15px;}
.footer-share div.share-item{display: inline;} 
.footer-share>a:last-child { margin-right: 0;}
.footerbottom{ clear: both;}
.footerBot { padding-bottom: 15px; padding-top: 15px; color: rgba(224, 236, 250, 0.5);  }
.footerBot a {color: rgba(224, 236, 250, 0.5);   }
.footerBot span{ float:left; margin-right:10px;}
.footerBot .copyRight{ float:left;}
.footerBot .support{ float:right;}

@media screen and (max-width:1300px) { 
.footerContact ul > li { float: left; margin-right: 2%; }
.footer-share { width:12%;}
}
@media screen and (max-width:1199px) { 
.footerContact { width:100%; float:left; margin-right:0;}
.footer-share { width:100%; float:left;margin-top: 10px; margin-bottom: 20px;}
.footerContact ul > li { width: 100%; float: left; font-size: 15px;  margin-bottom: 10px;  color: rgba(255, 255, 255, 0.9); }
.footerbottom { margin-top: 10px; margin-bottom: 20px;}
}
@media screen and (max-width: 875px) { 
.footerBot { padding-bottom: 20px; padding-top: 20px; text-align: center; }
.footerBot span{ width:100%; text-align: center; }
.footerTop .title:before { display: none; }
.footerTop { border-bottom: 0; } 
}
@media screen and (max-width: 767px) { 
.footerBot span { margin:0 auto; width: 100%;text-align:center;}
.footerBot span a{ float: none; text-align:center; margin-right:5px;}

}
@media screen and (max-width: 675px) { 
.footerBot .copyRight{ float: none;}
.footerBot .support{ float:none;text-align:center; }
}
/*--------------------------------------------------------------
# Banner Two
--------------------------------------------------------------*/
.banner{padding-top: 370px;padding-bottom: 430px;position: relative;}
.banner .banner_tit{ padding-top: 20%;}
.banner .banner1{ text-align: right;}
.banner .banner_tit .tit{ font-size: 54px;line-height: 80px;margin-bottom: 10px;font-weight: bold;color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.7);}
.banner .banner_tit .pr50{ padding-right:140px;}
.banner .banner_tit .tit1{ font-size: 32px;color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.7);line-height: 40px;}

.banner .container {position: relative;z-index: 10;}
.banner__bg-slide {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.banner__bg-slide .swiper-container {width: 100%;height: 100%;}
.banner__bg-slide .swiper-slide .image-layer {width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.banner__bg-slide .swiper-pagination {bottom: 30px;z-index: 21;position: absolute;left: 0;width: 100%;}
.banner__bg-slide .swiper-pagination .swiper-pagination-bullet {width:10px;height: 10px;background-color: #024ba9;opacity: 0.5;transition: all 500ms ease;margin-left: 7px;margin-right: 7px;outline: none;}
.banner__bg-slide .swiper-pagination .swiper-pagination-bullet-active,
.banner__bg-slide .swiper-pagination .swiper-pagination-bullet:hover {opacity: 1;}

@media(max-width: 1440px) {
.banner{padding-top: 300px;padding-bottom: 300px;}
.banner .banner_tit{padding-top: 16%;}    
.banner .banner_tit .tit{font-size: 44px;line-height: 70px;}  
.banner .banner_tit .tit1{font-size: 28px;} }
@media(max-width: 1366px) {.banner{padding-top: 270px;padding-bottom: 300px;}}
@media(max-width: 1280px) {.banner{padding-top: 270px;padding-bottom: 260px;}}
@media(max-width: 1240px) {.banner{padding-top: 260px;padding-bottom: 260px;}}
@media(max-width: 1200px) {.banner{padding-top: 250px;padding-bottom: 250px;}
.banner .banner_tit{padding-top: 16%;}  
.banner .banner_tit .tit{font-size: 34px;line-height: 50px;}   
.banner .banner_tit .tit1{font-size: 24px;} 
}
@media(max-width: 1024px) {.banner{padding-top: 227px;padding-bottom: 200px;}
.banner .banner_tit{padding-top: 14%;}  
.banner .banner_tit .tit{font-size:28px;line-height:40px;}   
.banner .banner_tit .tit1{font-size: 20px;} 
}
@media(max-width: 768px) {
.banner{padding-top: 160px;padding-bottom: 160px;}
.banner .banner_tit .tit{font-size:24px;line-height:40px;}   
.banner .banner_tit .tit img{height:50px;}
.banner .banner_tit .tit1{font-size: 18px; line-height: 30px;} 
.banner .banner_tit .pr50{ padding-right:40px;}
}
@media(max-width: 568px) {
.banner .banner_tit{padding-top: 25%;}  
.banner .banner_tit .tit{font-size:18px;line-height:30px;}   
.banner .banner_tit .tit1{font-size: 16px;line-height:26px;}   
.banner .swiper-button-prev, .banner .swiper-button-next { display: none;}
}

/*--------------------------------------------------------------
# MobileNav
--------------------------------------------------------------*/
.mobile-nav__wrapper {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;-webkit-transform: scale(0, 1);transform: scale(0, 1);-webkit-transform-origin: left center;transform-origin: left center;-webkit-transition: -webkit-transform 500ms ease;transition: -webkit-transform 500ms ease;transition: transform 500ms ease;transition: transform 500ms ease, -webkit-transform 500ms ease;z-index: 999;}
.mobile-nav__wrapper .container {padding-left: 0;padding-right: 0;}
.mobile-nav__wrapper.expanded {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.mobile-nav__overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--thm-black);opacity: 0.8;cursor: pointer;}
.mobile-nav__content {width: 300px;background-color: var(--thm-black);z-index: 10;position: relative;height: 100%;overflow-y: auto;padding-top: 30px;padding-bottom: 30px;padding-left: 15px;padding-right: 15px;}
.mobile-nav__content .header_btn_1 {margin-left: 0;}
.mobile-nav__content .logo-box {margin-bottom: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.mobile-nav__close {position: absolute;top: 20px;right: 15px;font-size: 18px;color: #fff;cursor: pointer;}
.mobile-nav__content .main-nav__navigation-box,.mobile-nav__content .main-nav__navigation-box ul {margin: 0;padding: 0;list-style-type: none;width: 100%;float: none !important;}
.mobile-nav__content .main-nav__navigation-box ul {display: none;border-top: 1px solid rgba(255, 255, 255, 0.1);}
.mobile-nav__content .main-nav__navigation-box ul li a {padding-left: 1em;}
.mobile-nav__content .main-nav__navigation-box li:not(:last-child) {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.mobile-nav__content .main-nav__navigation-box li a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;line-height: 30px;color: #fff;font-size: 15px;font-family: var(--thm-font);font-weight: 500;height: 46px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: 500ms;transition: 500ms;}
.mobile-nav__content .main-nav__navigation-box li a.open {color: var(--thm-primary);}
.mobile-nav__content .main-nav__navigation-box li a button {width: 30px;height: 30px;background-color: var(--thm-primary);border: none;outline: none;color: #fff;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transition: -webkit-transform 500ms ease;transition: -webkit-transform 500ms ease;transition: transform 500ms ease;transition: transform 500ms ease, -webkit-transform 500ms ease;}
.mobile-nav__content .main-nav__navigation-box li a button.open {-webkit-transform: rotate(0deg);transform: rotate(0deg);background-color: #fff;color: var(--thm-black);}
.mobile-nav__content .main-nav__navigation-box li.cart-btn span {position: relative;top: auto;right: auto;-webkit-transform: translate(0, 0);transform: translate(0, 0);}
.mobile-nav__content .main-nav__navigation-box li.cart-btn i {font-size: 16px;}
.mobile-nav__contact .main-nav__right_one {display: none;}
.mobile-nav__top {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: center;text-align: center;}
.mobile-nav__language {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.mobile-nav__language img {border-radius: 50%;margin-right: 10px;}
.mobile-nav__language .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 70px;}
.mobile-nav__language .bootstrap-select>.dropdown-toggle {padding: 0;background-color: transparent;border-radius: 0;border: none;outline: none;color: #fff;}
.mobile-nav__social {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.mobile-nav__social a {font-size: 16px;color: #fff;-webkit-transition: 500ms;transition: 500ms;}
.mobile-nav__social a+a {margin-left: 10px;}
.mobile-nav__social a:hover {color: var(--thm-primary);}
.mobile-nav__contact {margin-bottom: 0;margin-top: 20px;margin-bottom: 20px;}
.mobile-nav__contact li {color: #fff;font-size: 15px;font-weight: 500;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.mobile-nav__contact li+li {margin-top: 15px;}
.mobile-nav__contact li a {color: inherit;-webkit-transition: 500ms;transition: 500ms;}
.mobile-nav__contact li a:hover {color: var(--thm-primary);}
.mobile-nav__contact li>i {width: 30px;height: 30px;border-radius: 50%;background-color: var(--thm-primary);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;font-size: 14px;margin-right: 10px;color: #fff;}
.mobile-nav__contact li>i::before {font-size: inherit;}
@media (max-width: 575px) {.side-menu__block-inner {max-width: 480px;}}
@media (max-width: 480px) {.side-menu__block-inner {max-width: 400px;}}
@media (max-width: 375px) {.side-menu__block-inner {max-width: 300px;}}
@media (max-width: 575px) {
.side-menu__top,.side-menu__content,.mobile-nav__container {padding-left: 50px;padding-right: 50px;}
.side-menu__sep {margin-top: 40px;margin-bottom: 40px;    width: calc(100% - 100px);}
}
@media (max-width: 480px) {.side-menu__top,.side-menu__content,.mobile-nav__container {padding-left: 0;padding-right: 0;}
.side-menu__sep {width: calc(100% - 50px);}
.side-menu__social {margin-top: 40px;}
.side-menu__social a {width: 45px;height: 45px;}
}
.page-section{padding:60px 0;}
.page-section-white{background: #FFF;color:#333;}
.section-title{margin-bottom: 20px;}
.section-title h2{font-size: 46px; color:#fff; font-weight:600; position: relative; padding-left: 30px;}
.section-title h2:before{ position: absolute; left: 0; top: 5px; width: 4px; height: 46px; background:#fff; content: "";}
.section-title h2 span{ font-size: 30px; font-weight: normal; text-transform: uppercase;}
.section-title p{font-size: 18px;padding: 20px 30PX; width: 60%; line-height: 38px;}
.index-section-white .section-title h2{color:#333;}
.index-section-white .section-title h2:before{ background:#024ba9; content: "";}
.index-section-white .section-title p{color:#555;}
.index-section-white .section-title p:after, .index-section-white .section-title p:before {background: #666;}
@media(max-width: 1440px) {
.section-title h2{font-size: 40px; padding-left: 30px;}
.section-title h2:before{top: 8px; width: 3px; height: 36px; background:#fff; content: "";}
.section-title h2 span{ font-size: 28px;}
}
@media(max-width: 1280px) {
.section-title h2{font-size: 36px; padding-left: 20px;}
.section-title h2:before{top:7px; width: 3px; height: 32px; background:#fff; content: "";}
.section-title h2 span{ font-size: 24px;}
.section-title p{font-size: 17px;padding: 20px 20PX; }
}
@media(max-width: 1200px) {
.section-title h2:before{top: 4px; width: 3px; height: 28px; background:#fff; content: "";}
}
@media (max-width:1024px) {
.page-section{padding:50px 0;}
.section-title h2{font-size:24px;}
.section-title h2 span{ font-size: 16px;}
.section-title p{font-size: 16px;padding: 20px 20PX; }
.section-title h2:before{top: 4px; width: 2px; height: 20px; background:#fff; content: "";}
}
@media (max-width: 768px) {
.page-section{padding:40px 0;}
.section-title{margin-bottom:10px;}
.section-title h2{font-size:20px;}
.section-title p{width: 80%; }
}
@media(max-width: 468px) {
.section-title p{width: 100%;  line-height: 26px;}
}
.more span{ padding:0em 2em; border:1px #ccc solid; line-height:2.25em;display:inline-block;font-family: "GILROY-LIGHT";border-radius:2.25em;}
.more span b{ color:#808080;font-size:0.875em; font-weight:normal; display:inline-block; background-position:right center; background-repeat:no-repeat; padding-right:18px;}
/*--------------------------------------------------------------
# indexpro
--------------------------------------------------------------*/
.indexpro ul li{ margin-right:1.10815602836879%; background-color:#ebeff2;float:left; width:32.5%; position:relative; padding:4em 0; overflow:hidden;}
.indexpro ul li:nth-child(3n){margin-right:0;}
.indexpro_left{height:16.9375em; width:50%; text-align:center;}
.indexpro_left img{max-width:75%;}
.indexpro_right{  position:absolute; right:0; top:0; width:50%; height:100%;} 
.indexpro_right_mid{padding:0 1em;}
.indexpro_right_1{color:#333; font-size:18px;}
.indexpro_right_2{ margin-top:0.7em; margin-bottom:2.5em;font-size:15px; color:#808080;}
.indexpro_right_3 span{ padding:0em 2em; border:1px #ccc solid; line-height:2.25em;display:inline-block;font-family: "GILROY-LIGHT";border-radius:2.25em;}
.indexpro_right_3 span b{ color:#808080;font-size:0.875em; font-weight:normal; display:inline-block; background-position:right center; background-repeat:no-repeat; padding-right:18px;}
.indexpro ul li:hover .indexpro_right_3 span{background-color:#003e97; border-color:#003e97;}
.indexpro ul li:hover .indexpro_right_3 span b{color:#fff;} 
.indexpro{margin-top:3.4375em; margin-bottom:3.4375em;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
@media(max-width: 1440px) {
.indexpro_left{height:12.9375em; width:45%;}
.indexpro_right_1{color:#333; font-size:17px;}
.indexpro_right{width:55%;} 
}
@media(max-width: 1024px) {
.indexpro ul li{ margin-right:0; float: none;; width:100%; padding:0em 0;margin-bottom:1em;}
.indexpro{margin-top:1em; margin-bottom:0;}
.indexpro_left{height:14.9375em; }
.indexpro_left img{max-width:45%;}
}
@media(max-width: 700px) {
.indexpro_left img{max-width:75%;}
.indexpro_right{width:55%;} 
.indexpro_right_mid{padding:0 0.5em;}
.indexpro_right_3 span{ padding:0em 1em;}
}

/*--------------------------------------------------------------
 indexprolist
--------------------------------------------------------------*/
.indexprolist{background: url(../images/pro_bg.jpg) top center no-repeat #FFF;padding-bottom:10px; height: calc(100vh); max-height: 690px; overflow: hidden;}
.indexprolist .section-title p{ color:#fff;}
.indexprolist-content{text-align: center; width: 100%; margin-top: 26.3%; position: relative;}
.indexprolist .indexprolist_list{display:block; background-color: rgba(255, 255, 255, 0.7); height: 75px; line-height: 55px; padding: 10px 0;  width: 100%; }
.indexprolist .indexprolist_list li{ list-style: none;  text-align: center; position: relative;}
.indexprolist .indexprolist_list a{ color: #333; font-size: 18px; width: 100%;}
.indexprolist .indexprolist_list li:after{ position: absolute; right: 0px; top: 0px; width: 1px; content: "|"; }
.indexprolist .indexprolist_list a:hover {color:#a80d0f;}
.indexprolist .swiper-pagination-bullet {width: 10px;height: 10px; border-radius: 10px; background: #666;}
.indexprolist .swiper-pagination-bullet-active {background: #d7000e;}
/*
.indexprolist_nav {position: absolute;top: 0;left: 0px;right: 0px;z-index: 1;height: 0;}
.indexprolist_prev {font-size: 20px;height: 75px;width: 58px; color: #044da3;display: flex;align-items: center;justify-content: center;transform: rotate(180deg);float: left;-webkit-transition: all 500ms ease;transition: all 500ms ease;cursor: pointer;}
.indexprolist_next {font-size: 20px;height: 75px;width: 58px; color: #044da3;display: flex;align-items: center;justify-content: center;float: right;-webkit-transition: all 500ms ease;transition: all 500ms ease;cursor: pointer;}
.indexprolist_prev,
.indexprolist_next:focus {outline: none;}
.indexprolist_prev:hover,
.indexprolist_next:hover {color: #ffffff;}
*/
.indexprolist .swiper-button-prev,.indexprolist .swiper-button-next{width: 25px;height: 26px;margin-top: -16px;}

@media(max-width: 1280px) {
.indexprolist .indexprolist_list{height: 55px; line-height: 35px; padding: 10px 0; }
/*
.indexprolist_prev { height: 55px;}
.indexprolist_next { height: 55px;}
*/
}
@media(max-width: 1024px) {
.indexprolist{ background-size: 100% 100%;  height: calc(60vh); max-height: 400px;}
.indexprolist .indexprolist_list li:after{ right: -30px;content: "|"; }
.indexprolist-content{  margin-top: 8.3%;  }
}
@media(max-width: 768px) {
.indexprolist{ background-size: auto 100%; }
.indexprolist .indexprolist_list a{font-size: 16px;}
.indexprolist-content{  margin-top: 12.3%;  }
}
/*
.indexprolist_prev { width: 30px;}
.indexprolist_next { width: 30px;}

@media(max-width: 568px) {.indexprolist_nav {left: 0px;right: 0px; }    
}
*/
/*--------------------------------------------------------------
 indexabout
--------------------------------------------------------------*/
.indexabout .section-title p{ width: 100%;}
.indexabout .desc{ padding: 0 30px 30px;}
.indexabout .desc p{ line-height: 32px; color: #777;}
.indexabout .more{ padding-left: 30px; margin-top: 30px;}
.about-lists {width:100%; text-align: center; background-color: #f0f0f0;padding: 20px 0;  }
.about-lists ul{ margin:20px auto; text-align: center;  }
.about-lists ul li{ float: left; width: 25%; position:relative; list-style: none;text-align: center; }
.about-lists ul li:after{ position:absolute; right:1px; bottom:0; content:""; height:100%; width:1px; background:#ddd;}
.about-lists ul li:last-child:after{  width:0px; }
.aboutlist_text { line-height: 1.7; text-align: center;padding: 30px 0; }
.aboutlist_text .index_about_number { font-size: 70px;color: #044da3; font-weight: bold;}
.aboutlist_text .index_about_number .counter{ font-size: 70px;color: #044da3;}
.aboutlist_text .index_about_lend { margin:10px 10% 8px; font-size:16px; line-height: 1.7; color: #333;}
@media(max-width: 1440px) {
.aboutlist_text .index_about_number { font-size: 50px;}
.aboutlist_text .index_about_number .counter{ font-size: 50px; }
}
@media(max-width: 1280px) {
.indexabout .cssimg{ width: 100%;}
.aboutlist_text .index_about_number { font-size: 30px;}
.aboutlist_text .index_about_number .counter{ font-size: 30px; }
.indexabout .desc{ padding: 0 20px 30px;}
}
@media(max-width: 992px) {
.indexabout .more{ margin-bottom: 30px; margin-top: 0px;}
.about-lists ul li{ float: left; width: 50%; position:relative; list-style: none;text-align: center; margin-bottom: 10px; }
.about-lists ul li:nth-child(2n):after{  width:0px; }
.aboutlist_text { line-height: 1.5; text-align: center;padding:20px 0; }
}
@media(max-width: 768px) {
    .aboutlist_text .index_about_lend { margin:10px 5% 8px; font-size:15px; line-height: 1.5; height: 80px; }

}
@media(max-width: 425px) {
    .aboutlist_text .index_about_lend { margin:10px 5% 8px; font-size:15px; line-height: 1.5; height: 80px; }
}
.indexnews{  background:url(../images/indexnews.jpg) no-repeat center;}
.indexnews .content{background:rgba(222,237,255,.9); margin-top: 50px; height: 455px;}
.indexnews .content .box{padding:45px;}
.indexnews .content .box .left{width:57%; float:left; border:1px solid rgba(51,63,72,.1)}
.indexnews .content .box .left .hd{width:25%; float:left;}
.indexnews .content .box .left .hd li{float:none;}
.indexnews .content .box .left .hd li a{display:block; width: 100%; height:68px; line-height:68px; text-align:center; color:#fff; font-size:18px;}
.indexnews .content .box .left .hd .li01 a{background:#abc6e3;}
.indexnews .content .box .left .hd .li02 a{background:#69a8ef;}
.indexnews .content .box .left .hd .li03 a{background:#2769b3;}
.indexnews .content .box .left .hd .li04 a{background:#0b4d97;}
.indexnews .content .box .left .hd .li05 a{background:#333f48;}
.indexnews .content .box .left .hd li:hover a,.indexnews .content .box .left .hd li .active{background:transparent; color:#333f48;}
.indexnews .content .box .left .bd{width:75%; float:right;}
.indexnews .content .box .left .bd .item li{border-bottom:1px solid rgba(51,63,72,.15); position:relative; cursor:pointer;}
.indexnews .content .box .left .bd .item li .li_box{padding:14px 5% 13px; transition:padding-top 0.5s ease; display:block;}
.indexnews .content .box .left .bd .item li .t{font-size:17px; color:#333f48; width:80%; line-height:34px;}
.indexnews .content .box .left .bd .item li .c{font-size:15px; color:#333f48; color:rgba(51,63,72,.8); height:0; overflow:hidden; transition:height 0.5s ease;}
.indexnews .content .box .left .bd .item li .d{font-size:15px; color:#333f48; font-family:Arial; position:absolute; right:5%; top:14px;}
.indexnews .content .box .left .bd .item li.cur .li_box,.indexnews .content .box .left .bd .item li:hover .li_box{padding-top:10px;}
.indexnews .content .box .left .bd .item li.cur .t,.indexnews .content .box .left .bd .item li:hover .t{font-size:18px; font-weight:bold;}
.indexnews .content .box .left .bd .item li.cur .c,.indexnews .content .box .left .bd .item li:hover .c{height:48px; line-height:24px; padding-top:5px;}
.indexnews .content .box .left .bd .item li:last-child{border-bottom:none;}
.indexnews .content .box .left .nav > li > a {padding: 0px 35px;}
.indexnews .content .box .left .nav-tabs {border-bottom: 0px solid #ddd!important;}
.indexnews .content .box .left .nav-tabs > li > a {margin-right: 0px!important;line-height:68px!important;border: 0px solid transparent!important;border-radius: 0px 0px 0 0!important;}
.indexnews .content .box .right{width:40%; float:right; position: relative;}
.indexnews .content .box .right ul li .slideother {position:absolute;bottom:0px;width:100%;height:55px; line-height:55px;display:inline-block;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) , rgba(0, 0, 0, 0.7) );}
.indexnews .content .box .right ul li .slideother .h12 {font-size:18px;padding-left:10px;position:absolute;}
.indexnews .content .box .right ul li .slideother .h12 a {color:#FFF;font-size:18px;text-decoration:none;}
.indexnews .content .box .right ul li .slideother .h12 a:hover {text-decoration:underline;}
.indexnews .content .box .right .swiper-pagination{ right: 10px!important; bottom: 10px!important; text-align: right;}
.indexnews .content .box .right .swiper-pagination-bullet{ background: #fff; margin-left: 5px;}
.indexnews .content .box .right .swiper-container-horizontal > .swiper-pagination-bullets { width: auto;}
@media(max-width: 1280px) {
.indexnews .content .box{padding:25px;}
.indexnews .content .box .left .bd img{ width: 100%;}
.indexnews .content .box .left .bd .item li .t{ height: 34px; overflow: hidden; line-height:34px;}
.indexnews .content .box .left .nav > li > a {padding: 0px 25px;}
}
@media(max-width:768px) {
.indexnews .content .box .left{width:100%;  border:1px solid rgba(51,63,72,.1); margin-bottom: 30px;}
.indexnews .content .box .right{ display: none;}
.indexnews .content .box .left .hd{width:100%; float:left;}
.indexnews .content .box .left .bd{width:98%; padding: 0 1%; float:right;}
.indexnews .content .box .left .hd li { width: 20%;float: left;}
}
@media(max-width:425px) {
.indexnews .content{ margin-top: 30px; height:405px;}
.indexnews .content .box{padding:15px;}
.indexnews .content .box .left .bd .item li .li_box{padding:10px 0 10px; }
.indexnews .content .box .left .hd li a{ height:40px; line-height:40px!important;  font-size:15px;}
.indexnews .content .box .left .nav > li > a {padding: 0px 0px;}
.indexnews .content .box .left .bd .item li .t{ height: 30px; overflow: hidden; line-height:30px; font-size: 15px; }
.indexnews .content .box .left .bd .item li .d{font-size:14px; right:0; }
.indexnews .content .box .left .bd .item li.cur .t,.indexnews .content .box .left .bd .item li:hover .t{font-size:15px; font-weight:bold;}
.indexnews .content .box .left .bd .item li.cur .c,.indexnews .content .box .left .bd .item li:hover .c{ font-size: 14px;}
}
@media(max-width:400px) {
.indexnews .content{ margin-top: 30px; height:515px;}
.indexnews .content .box .left .bd .item li{border-bottom:1px solid rgba(51,63,72,.15); position: static; cursor:pointer;}
.indexnews .content .box .left .hd li a{ height:40px; line-height:40px!important;  font-size:12px;}
.indexnews .content .box .left .bd .item li .t{ height: 30px; overflow: hidden; line-height:30px; font-size: 15px; width: 100%;}
.indexnews .content .box .left .bd .item li .d{font-size:14px; color:#333f48; font-family:Arial; position: static; right:0; left: 0; top:5px;}
}
.indexmanufacture { margin-top: 40px;}
.indexmanufacture .left{ width: 37%; float: left; position: relative;}
.indexmanufacture .left .con{ position: absolute; top: 0; left: 0; width: 88%; height: 100%; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 25% 0 5% 12%; z-index: 2; }
.indexmanufacture .left .con .title { margin-bottom: 20px; }
.indexmanufacture .left .con .title a{ font-size: 26px; color: #fff; }
.indexmanufacture .left .con .dec{ font-size: 16px; height: auto; margin-bottom: 30px; transition: all .5s ease; line-height: 1.8;}
.indexmanufacture .left .more span {padding: 0em 1em;line-height: 1.95em;}
.indexmanufacture .left .more span b { color: #fff;}
.rect-74{ padding-bottom: 74%; }
.indexmanufacture .right{ width: 63%; float: left; }
.indexmanufacture .right .w30{ width: 40%; float: left; background-color: #f4f4f6; min-height: 305px; position: relative; }
.indexmanufacture .right .li2:after{ z-index: 999; position: absolute; right: -15px; top: 47%; content: ""; width: 15px; height: 15px;  border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #f4f4f6;}
.indexmanufacture .right .li4{ float: right; }
.indexmanufacture .right .li4:after{ z-index: 999; position: absolute; left: -15px; top: 47%; content: ""; width: 15px; height: 15px;  border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid #f4f4f6;}
.indexmanufacture .right .w30 .con{ width: 88%; height: 100%; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15% 0 5% 12%; z-index: 2; }
.indexmanufacture .right .w30 .con .title { margin-bottom: 20px; }
.indexmanufacture .right .w30 .con .title a{ font-size: 26px; color: #333; }
.indexmanufacture .right .w30 .con .dec{ font-size: 16px; color: #666; height: auto; margin-bottom: 30px; transition: all .5s ease; line-height: 1.8;}
.indexmanufacture .right .w30 .more span {padding: 0em 1em; line-height: 1.95em;}
.indexmanufacture .right .w30 .more span b { color: #666;}
.indexmanufacture .right .w70{ width: 60%; float: left; }
@media(max-width: 1366px) {
.indexmanufacture .right .rect-5935 {padding-bottom: 62%;}
}
@media(max-width: 1300px) {
.indexmanufacture .right .rect-5935 {padding-bottom: 69.5%;}
}
@media(max-width: 1280px) {
.indexmanufacture .left .con .title a{ font-size: 22px; }
.indexmanufacture .right .w30 .con .title a{ font-size: 22px; }
}
@media(max-width: 1190px) {
.indexmanufacture .right .rect-5935 {padding-bottom: 85.3%;}
}
@media(max-width:768px) {
.indexmanufacture .left{ width: 100%; float: left; position: relative;margin-bottom: 10px;}
.indexmanufacture .left .imgbox img{ width: 100%;}
.indexmanufacture .left .con{ width: 94%; padding: 15% 0 3% 6%;}
.indexmanufacture .right{ width:100%; float: left; }
.indexmanufacture .right .w30 {min-height: 265px;}
.indexmanufacture .right .w30 .con{ width: 94%;padding: 10% 0 3% 6%;}
.indexmanufacture .right .w30 .con .title a{ font-size: 20px; }
}
@media(max-width: 450px) {
.indexmanufacture .right .w30{ width: 100%; float: none; }
.indexmanufacture .right .w70{ width: 100%; float: none; margin-bottom: 10px; }
.indexmanufacture .right .li2:after{ right: 47%; top: 100%; bottom: 0; content: ""; width: 15px; height: 15px;  border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #f4f4f6;}
.indexmanufacture .right .li4:after{ left: 47%;  top: 100%; bottom: 0; content: ""; width: 15px; height: 15px;  border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #f4f4f6;}
}
.indexcoporation{ background:url(../images/indexcoporation.jpg) no-repeat center;}
.indexcoporation .desc{ font-size: 24px; color: #fff; margin-top: 30px; line-height: 45px;}
.indexcoporation .content{ width: 100%; padding-bottom: 20px;}
.indexcoporation .content li{border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5; background-color: #fff;}
.indexcoporation .content li .img{ width: 100%; background-color: #fff;}
.indexcoporation .content .swiper-wrapper{ margin-bottom: 40px;}
.indexcoporation .content .swiper-pagination-bullet{background: #fff; }

@media(max-width: 1280px) {
.indexcoporation .desc{ font-size: 20px; line-height: 35px;}
}
@media(max-width: 1200px) {
.indexcoporation .content li .img img{ width: 100%;}
}
@media(max-width: 768px) {
.indexcoporation .desc{ font-size: 18px; line-height: 30px;}
}
@media(max-width: 668px) {
.indexcoporation .desc{ font-size: 16px; line-height: 28px;}
}
/***内容页*****/
.page_banner{position:relative;  height:455px;}
.page_banner .cat_box{position:absolute; bottom:45%; left:0; width:100%;}
.page_banner .cat_box .cat_name{font-size:40px; color:#fff; margin-bottom:30px;line-height:1; font-weight: bold;}
.page_banner .cat_box h4{font-size:20px; color:#fff; font-weight:normal;}
.about_banner{background:url(../images/about_banner.jpg) no-repeat center center; background-size:auto 100%;}
.news_banner{background:url(../images/news_banner.jpg) no-repeat center center;  background-size:auto 100%;}
.pro_banner{background:url(../images/pro_banner.jpg) no-repeat center center; background-size:auto 100%;}
.craftsmanship_banner{background:url(../images/craftsmanship_banner.jpg) no-repeat center center; background-size:auto 100%;}
.manufacturing_banner{background:url(../images/manufacturing_banner.jpg) no-repeat center center; background-size:auto 100%;}
.party_banner{background:url(../images/party_banner.jpg) no-repeat center center; background-size:auto 100%;}
.case_banner{background:url(../images/case_banner.jpg) no-repeat center center; background-size:auto 100%;}
.job_banner{background:url(../images/job_banner.jpg) no-repeat center center; background-size:auto 100%;}
.contact_banner{background:url(../images/contact_banner.jpg) no-repeat center center; background-size:auto 100%;}
@media (max-width:1440px){
.page_banner{height:340px;}
}
@media (max-width:1366px){
.page_banner{height:325px;}
.page_banner .cat_box .cat_name{font-size:30px;}
}
@media (max-width:1200px){
.page_banner{height:284px;}
}
@media (max-width:992px){
.page_banner{ height:235px;}
.page_banner .cat_box h4{font-size:26px;}
}
@media (max-width: 768px){
.page_banner{  height:200px;}
.page_banner .cat_box h4{ display:none;}
.page_banner .cat_box{bottom:40%;}
}
@media only screen and (max-width: 760px){
.page_banner .cat_box .cat_name {font-size:20px;margin-bottom: 10px;text-shadow:0 0 2px rgba(0,0,0,0.8); font-weight: normal; }
}
@media only screen and (max-width:425px){
.page_banner{  height:140px;}
.page_banner .cat_box{bottom:36%;}
}
@media only screen and (max-width:375px){
.page_banner{  height:140px;}
}
@media only screen and (max-width:325px){
.page_banner{  height:120px;}
}
.page_nav{height: 70px;line-height: 70px;border-bottom: 1px solid #eaeaea;}
.page_nav .crumb{float: right;}
.page_nav .crumb li{float: left;font-size: 15px;color: #313131;}
.page_nav .crumb a{color: #313131;}
.page_nav .r_sec{float: left;}
.page_nav .r_sec li{position:relative; float:left; font-size:18px; padding:0 15px; margin:0 15px;}
.page_nav .r_sec li:after{content:''; position:absolute; width:1px; height:12px; background:#dddddd; left:-10px; top:50%; margin-top:-6px;}
.page_nav .r_sec li:first-child:after{display:none;}
.page_nav .r_sec li:before{content:""; position:absolute; bottom:0; left:50%; right:50%; height:2px; background:#0c4d97; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.page_nav .r_sec li:hover:before,
.page_nav .r_sec li.cur:before{left:0; right:0;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#0c4d97;}
.page_nav .r_sec li a{color:#666666;}
.page_nav .fa {margin: 0 8px; font-size:15px;}
.page_nav a:hover{color:#0c4d97;}
@media (max-width: 1336px){
.page_nav .r_sec li{position:relative; float:left; font-size:16px; padding:0 10px; margin:0 10px;}
}
@media only screen and (max-width: 992px){
.page_nav .crumb{display: none;}
}
@media (max-width: 768px){
.page_nav{line-height:50px; height:50px;}
.page_nav .r_sec li:after{left:-7px; }
}
@media (max-width:668px){
.page_nav{line-height:40px; height:40px;}
.page_nav .r_sec li{padding:0 8px; margin:0 8px;}
}    
@media only screen and (max-width: 425px){
.page_nav .container{padding-right: 0px;padding-left:1px;}
.page_nav{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;}
.page_nav .r_sec li{ font-size:14px; padding:0 6px; margin:0 6px; }
}
@media only screen and (max-width: 400px){.page_nav .r_sec li{ padding:0 5px; margin:0 4px; }
}
/***关于我们*****/
.aboutpage h3{ font-size: 32px; text-align: center; color: #333; position: relative; padding-bottom: 30px;}
.aboutpage h3:after{ position: absolute; left:28%; bottom: 0; width:46%; content: ""; height: 1px; background: #ccc;} 
.aboutpage .content{ margin: 30px 0;}
.aboutpage .content p{ line-height: 32px;}
.aboutpage .about-lists {width:100%; text-align: center; background-color: #fff;}
.aboutpage .about-lists ul{ margin:20px auto; text-align: center;  }
.about_img .left{ width: 49%; margin-right: 2%; float: left;}
.about_img .right{ width: 49%; float: left;}
.mb15{ margin-bottom: 15px;}
@media (max-width:1200px){
.aboutpage h3{ font-size: 26px; }
.aboutpage .rect-99{ padding-bottom: 101%!important;}
.about_img .rect-715{ padding-bottom: 71%;}
}
@media (max-width: 768px){
.aboutpage h3{ font-size: 22px; }
.about_img .rect-715{ padding-bottom: 70%;}
}
@media (max-width: 760px){
.aboutpage h3{ font-size: 18px; line-height: 30px;}
.about_img img{width: 100%;}
.about_img .mt15 { margin-top: 15px;}
.aboutpage .content p{ font-size: 15px; line-height: 28px;}
}
/***企业文化*****/
.culturepage ul li { border-bottom: 1px solid #ccc; padding: 30px 0;}
.culturepage ul li:first-child{ padding-top: 0px;}
.culturepage ul li:last-child{ border-bottom: 0px solid #ccc; }
.culturepage ul li h3{ font-size: 22px; color: #333; padding-bottom: 20px;}
.culturepage ul li p{line-height: 32px;}
@media (max-width: 767px){
.culturepage h3{ font-size: 18px; }
.culturepage ul li { text-align: center; }
.culturepage ul li p{line-height:28px;font-size: 14px; }
.culturepage ul li img{margin: 0 auto 20px;}
}
/***发展历程*****/
.historypage {}
#timeline {list-style: none;margin: 0px 0 30px 220px;padding-left: 30px; padding-bottom:50px; padding-top:40px;border-left: 1px solid #666;}
#timeline li { padding-bottom:70px;position: relative;}
#timeline .date {margin-top: -58px;top: 50%;left: -208px;line-height: 20px; color: #0c4d97; font-size:48px;position: absolute;}
#timeline .circle {margin-top: -60px;top: 50%;left: -46px;width: 38px;height: 38px; background: url(../images/dian.png) no-repeat;  position: absolute;}
#timeline .content {padding: 0px 20px 0; font-size:16px; line-height:30px;margin: 10px 0 15px; }
#timeline .content div{ margin-bottom:8px; padding-left:40px; } 

@media screen and (max-width: 767px) {
#timeline {margin: 0px 0 0px 0px;padding-left: 0; padding-bottom:0px; padding-top:0px;border-left: none;}
#timeline li {margin: 10px 0; padding-bottom:0px;}
#timeline .circle  {display: none;}
#timeline .date {margin-top: 0px;top: 0px;left:0px;line-height: 38px; font-size:20px;position: static;}
#timeline .content {padding: 0px 0px; font-size:15px; line-height:24px;margin: 10px 0 15px;}
#timeline .content div{ margin-bottom:8px; padding-left:0px; } 

}
/***组织机构*****/
.organizepage img{ width: 100%; }

/***资质荣誉*****/
.honor-lists ul li {margin-top: 30px;}
.honor-lists ul li .honor-item .rect {padding-bottom: 78%;}
.honor-lists ul li img{ width:100%;}
.honor-lists ul li .honor-item:hover .img-box img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.honor-lists ul li .honor-item p {text-align: center;margin-top: 20px;}
.honor-lists ul li a p { color: #333;}
.honor-lists ul li a:hover p { color: #0c4d97;}

/***show*****/
.show-main .page-tit{ font-size: 30px; color: #000; font-weight: bold; text-align: center;} 
.show-main .tool { margin-top: 30px; padding-bottom: 15px; border-bottom: 1px solid #dcdcdc;text-align: center;}
.show-main .tool  { font-size: 15px; color: #666;}
.show-main .news-c { font-size: 15px; margin-top:20px; color: #666; line-height: 30px;text-align: center;}
.show-main .news-c * { margin-top: 25px;text-align: center;}
.show-main .news-c img { max-width: 100%;}
.show-main .news-box>.left { float: left; width: 66.64%;}
.show-main .news-box>.right { float: right; width: 33.36%; padding-left: 7.75%;}
.show-main .news-box>.right .arr_box{background:#f7f7f7;padding:10% 8%;margin-bottom:14px;color:#666;display:block;}
.show-main .news-box>.right .arr_title{font-size:24px;color:#0c4d97; font-weight:600; border-bottom: 1px solid #dcdcdc; padding-bottom: 30px; margin-bottom:20px; margin-top:10px;}
.show-main .news-box>.right .arr_news_title{font-size:16px;}
.show-main .news-box>.right .arr_box:hover .arr_news_title{color:#0c4d97;}
@media(max-width:1280px) {
.show-main .page-tit{font-size:20px;}
.show-main .tool { margin-top: 20px; }
.show-main .news-box>.right .arr_title{font-size:20px;}

}    
@media(max-width:768px) {
.show-main .page-tit{font-size:18px;}
.show-main .news-box>.left { float: none; width: 100%;}
.show-main .news-box>.right { float: none; display:none; width: 0px; padding-left: 0;}
}

/***新闻资讯*****/
.news_list{padding-bottom:100px;}
.news_list .rect-5665{padding-bottom:56.65%;}
.news_list ul{position:relative;}
.news_list ul:after{content:''; background:#bcbcbc; position:absolute; top:0; left:21%; height:100%; width:1px; z-index:3}
.news_list ul .item{height:242px; margin-bottom:20px;}
.news_list ul .item_l{width:27%; float:left; position:relative; height:100%;}
.news_list ul .item_l:after{content:''; position:absolute; top:0; right:23px; width:0; height:232px; transition:all .5s ease; -webkit-transition:all .5s ease;}
.news_list ul .item_r{width:60.5%; float:left; height:100%; background:#fafafa; position:relative;}
.news_list ul .item_r:after{content:''; position:absolute; top:0; right:0; background:#fafafa; height:100%; width:0; transition:all .5s ease; -webkit-transition:all .5s ease;}
.news_list ul .item_l .time{width:78%; float:left;  font-family:'Arial'; padding-top: 18%; padding-right: 17%; line-height:1; vertical-align: middle; text-align:right; position:absolute; height:100%; top:0; margin-top:0px; color:#0c4d97; z-index:5; font-size:16px}
.news_list ul .item_l .time .d{font-size:56px; margin-bottom:8px;}
.news_list ul .item_l .time:after{content:''; position:absolute; width:48px; height:1px; top:50%; right:-12%; background-color: #ccc; transition:all .5s ease; -webkit-transition:all .5s ease;}
.news_list ul .item_r .box{padding:30px 40px;}
.news_list ul .item_r .intro_box .tit{font-size:22px; font-weight:bold; line-height:24px; margin-bottom:20px;}
.news_list ul .item_r .intro_box .tit a{display:block;color:#333f48; }
.news_list ul .item_r .intro_box .time .fa{margin-right:10px;}
.news_list ul .item_r .intro_box .con{font-size:16px;  height:90px; line-height:30px; margin-top: 10px; overflow:hidden;}
.news_list ul .item_r .intro_box .con a{color:#666;}
.news_list ul .item_r .intro_box{width:75%; float:left;}
.news_list ul .item_r .img_box{float:right; width:24%;}
.news_list ul .item:hover .item_l .time{color:#fff; background:#0c4d97;} 
.news_list ul .item:hover .item_l .time:before{content:''; position:absolute; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid #0c4d97; right:-15px; top:50%; margin-top:-15px; z-index:3;}
.news_list ul .item:hover .item_l .time:after{background:#0c4d97; right:-16%;}
.news_list ul .item:hover .tit{color:#0c4d97;}
.news_list ul .item:hover .item_l:after{width:505px}
.news_list ul .item:hover .item_r:after{width:330px;right:-330px;}
.news_list ul .item:last-child{margin-bottom:0;}
.news_list .widgets_common_pages_6{padding-left:15%;}
@media(max-width:1440px) {
.news_list ul .item_l .time:after{ right:-15.5%;}
.news_list ul .item:hover .item_l .time:after{ right:-18%;}
.news_list ul .item{height:205px;}
.news_list ul .item_r .intro_box .tit{font-size:20px;}
}
@media(max-width:1366px) {
.news_list ul .item_l{width:21%; }
.news_list ul:after{ left:16.3%; }
.news_list ul .item_l .time:after{ right:-21.5%;}
.news_list ul .item:hover .item_l .time:after{ right:-18%;}
.news_list ul .item_r{width:75.5%;}
.news_list ul .item:hover .item_l .time:after{ right:-12%;}
.news_list ul .item{height:225px;}
}
@media(max-width:1240px) {
.news_list ul:after{ left:16%; }
.news_list ul .item{height:215px;}
.news_list ul .item_r .intro_box .tit{font-size:18px;}
.news_list ul .item:hover .item_l .time:after{ right:-25%;}
.news_list ul .item_l .time:after{ right:-23.5%;}

}
@media(max-width:1024px) {
.news_list ul .item_l{width:20%; }
.news_list ul:after{ left:14%; }
.news_list ul .item_l .time .d{font-size:50px;}
.news_list ul .item_l .time{width:70%; padding-top: 28%; padding-right: 17%;font-size:15px}
.news_list ul .item_l .time:after{ right:-27.5%; width:38px; }
.news_list ul .item:hover .item_l .time:after{ right:-31%;}
}
@media(max-width:768px) {
.news_list ul .item_l .time:after{ right:-35%; width:25x; }
.news_list ul .item:hover .item_l .time:after{ right:-37%;}
}
@media(max-width:760px) {
.news_list ul .item_l{width:0%; float: none; position:relative; height:100%; display: none;}
.news_list ul .item_r{width:100%; float:none; height:100%; background:#fafafa; position:relative; }
.news_list ul:after{ display: none; }
}
@media(max-width:425px) {
.news_list ul .item{height: 400px;}
.news_list .rect-75{padding-bottom:56.65%;}
.news_list ul .item_r .box{padding:20px 20px;}
.news_list ul .item_r .intro_box{width:100%; float:left;}
.news_list ul .item_r .img_box{float:right; width:100%;}
.news_list ul .item_r .intro_box .tit{ margin-bottom: 15px;}
.news_list ul .item_r .intro_box .con{ margin-top: 5px; overflow:hidden;}
}
/***新闻详情*****/
.news_show .wenz{width:100%; }
.news_show .wenz .tit{width:100%;}
.news_show .wenz .tit h1{font-size: 30px;color:#000;text-align: center; font-weight: bold;}
.news_show .wenz .tit .text{margin-top:30px; margin-bottom: 20PX; width:100%;display:flex;justify-content: center;}
.news_show .wenz .tit .text span{display:block;line-height: 30px;color:#999;font-size: 14px;padding:0 10px;}
.news_show .wenz .wzi{padding:30px 0px;border-top:1px dashed #ddd; font-size: 16px;  line-height: 35px;}
.news_show .wenz .wzi p{color:#666;font-size: 16px;line-height: 32px; margin-bottom: 15PX; text-indent: 25px;}
.news_show .wenz .wzi img{max-width:80%;margin:10px auto;}
.news_show .pn{display:flex;justify-content: space-between;flex-wrap:wrap;padding:20px 10px; background: #f8f8f8;}
.news_show .pn p{color:#666;font-size: 16px;line-height: 30px;}
.news_show .pn p a{color:#666;}
.news_show .pn p a:hover{color:#008d84;}
@media all and (max-width:1440px) {
.news_show .wenz .tit h1{font-size: 26px;}
}
@media all and (max-width:1366px) {
.news_show .wenz .tit h1{font-size: 24px;}
}
@media all and (max-width:1280px) {
.news_show .wenz .tit h1{font-size: 22px;}
}
@media all and (max-width:768px) {
.news_show .wenz .tit h1{font-size: 20px;}
.news_show .wenz .tit .text{  margin-top:15px;}
.news_show .wenz .tit .text span{  font-size: 14px;}
.news_show .wenz .wzi{padding:20px 0px;}
.news_show .wenz .wzi p{  font-size: 15px;}  
.news_show .pn p{font-size: 15px;}
}
/***产品列表*****/
.pro_list .page_left .menu{ background: #f7f7f7; margin-bottom:30px; padding: 25px 20px;}
.pro_list .page_left .menu .tt{ color: #0f4c9d; font-size:24px; font-weight: bold; padding:10px 10px 30px; }
.pro_list .page_left .pc-aside {display: block;/* box-shadow: 0 4px 10px rgba(11,1,2,.1);*/}
.pro_list .page_left .pc-aside li{border-top: 1px dotted #ddd; }
.pro_list .page_left .pc-aside li:last-child{border-bottom: 0px;}
.pro_list .page_left .pc-aside a{display: block;  padding:15px 10px; font-size: 18px; line-height: 30px; font-weight:500;color: #666; text-decoration:none; }
.pro_list .page_left .pc-aside a:hover{color: #666; text-decoration:none; }
.pro_list .page_left .pc-aside .aside-tit{position: relative; padding-left:-25px;}
.pro_list .page_left .pc-aside .aside-tit:after{content: "";position: absolute;right: 0px;top:50%;margin-top:-13px;width:30px;height: 30px; background: url(../images/arrow.png) no-repeat;}
.pro_list .page_left .pc-aside li.cur .aside-tit,.pro_list .page_left .pc-aside li.cur a{color: #666;}
.pro_list .page_left .pc-aside li.cur .aside-tit:after{content: ""; background: url(../images/arrow.png) no-repeat;}
.pro_list .page_left .pc-aside .sub a:hover,.pro_list .page_left .pc-aside .sub a.cur {color:#666; }
.pro_list .page_left .left_bottom{ margin-bottom:30px;}
.pro_list .page_left .left_bottom img{width:100%;}
.pro_list .page_left .left_bottom .cover{display:block;position: absolute;top: 0; left: 0;color:#fff;text-align: center;}
.pro_list .page_left .left_bottom .cover .title{font-size:24px; font-weight:bold; color:#666; margin: 45% 0 0px 10%; width:100%; }
.pro_list .page_right li{ margin-bottom: 20px;}
.pro_list .li_{ padding:20px; border:1px solid #eee;}
.pro_list .box{ margin: 10px 0;}
.pro_list .box .tit a{display:block; font-size:24px; line-height:40px; color:#333;  }
.pro_list .box .tit p{ height: 30px; overflow: hidden;}
.pro_list .box .tit a:hover{ color:#0f4c9d;}
@media (min-width: 992px){
.pro_list .page_left .m-aside {display: none;}
}
@media (max-width: 1366px){
.pro_list .li_ img{ width: 100%;}
.pro_list .box .tit a{font-size:22px; }
}
@media (max-width: 1200px){
.pro_list .box .tit a{font-size:20px; }
}
@media (max-width: 992px){
.pro_list .page_left { margin-bottom:20px;}
.pro_list .page_left .pc-aside .ul1 {  }
.pro_list .page_left .pc-aside .ul1 li{ }
.pro_list .page_left .pc-aside a{display: block;padding: 10px 10px; font-size: 16px; }
.pro_list .page_left .pc-aside li.cur .aside-tit,.pro_list .page_left .pc-aside li.cur a{color: #fff;  background-color:#c8a063;}
.pro_list .page_left .pc-aside .sub a:hover,.pro_list .page_left .pc-aside .sub a.cur {color:#fff; background-color:#c8a063;}
.pro_list .page_left .menu{ border:0px solid #ddd;}
.box-in .select_top1 select, .box-in .select_top2 select {-webkit-appearance: none;-moz-appearance: none;}
.box-in .select_top1,.box-in .select_top2 {background:#f9f9f9;line-height:40px;height:40px;position:relative;margin-bottom:10px; font-family:'FontAwesome';}
.box-in .select_top1:after,.box-in .select_top2:after {position:absolute;content:"\f107"; font-size:18px;width:28px;height:14px;right:0;top:0;}
.box-in .select_top1 select,.box-in .select_top2 select {width:100%;border:none;background:none;color:#666;padding:0 center;position:relative;z-index:1;padding-left:10px;}
.box-in .btn-group { width:100%; margin-bottom:15px;}
.box-in .btn-group > .box-in .btn, .btn-group-vertical > .box-in .btn {width:100%; text-align: left;}
.box-in .dropdown-menu { width:100%; z-index:99999999;background-color: #fff;border-color: #eee;}
.box-in .btn-group.open .dropdown-toggle { border:1px solid #999;}
.box-in .dropdown-menu > li > a { line-height: 30px; border-bottom: 1px solid #eee; ;}
.btn-group > .btn, .btn-group-vertical > .btn {width:100%; }
.pro_list .box .tit a{font-size:18px; }
}
@media (max-width: 768px){
.pro_list .box .tit a{font-size:16px; }
.pro_list .page_left .m-aside {display: block;}

}

/****产品详情页*****/
.pro-big-img {width: 580px;height: 500px;overflow: hidden;}
.pro-big-img .gallery-left{width:415px;height: inherit;border: 1px solid #eeeeee; margin: 0; float: left;}
.pro-big-img .gallery-left img{width: 100%;}
.pro-big-img .gallery-left .swiper-slide{width: 100%;height: initial;}
.pro-big-img .gallery-left .swiper-slide img{width: 100%;height: initial; }
.pro-big-img .gallery-thumbs{padding: 22px 5px; width:140px; height: inherit;margin: 0 0 0 10px; float: left; box-sizing: border-box;}
.pro-big-img .gallery-thumbs img{width: 100%;border: 1px solid #eeeeee; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(90deg) translate(0, 0);transform: rotate(90deg) translate(0, 0);/**/left:40%;right:inherit;top:-15px;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(90deg) translate(0, 0);transform: rotate(90deg) translate(0, 0);/**/left:inherit;right:36%;top:inherit;bottom:-15px;}
.pro-big-img .gallery-thumbs .swiper-slide {opacity: 0.6;height: initial; }
.pro-big-img .gallery-thumbs .swiper-slide img{width: 100%;}
.pro-big-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{width:25px;height:50px;background-size: 60%;}
.section-content{font-size:18px;line-height: 32px;padding-bottom:25px;margin-bottom: 25px;}
.page-product-show-section .pro-show-info{min-height: 300px;}
.page-product-show-section .pro-show-info h1{font-size:30px;line-height: 70px;border-bottom:1px solid #f8f8f8;margin-bottom: 20px;margin-top: 0;}
.page-product-show-section .pro-show-info p{min-height: 180px;}
.page-product-show-section .pro-show-info .share { margin-top: 30px;}
.page-product-show-section .pro-show-info .share ul li {float: left;margin-right: 15px;}
.page-product-show-section .pro-show-info .share .wechat { position: relative;}
.page-product-show-section .pro-show-info .share .wechat:hover .vx { display: block;}
.page-product-show-section .pro-show-info .share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.page-product-show-section .pro-show-info .share .wechat .vx { position: absolute; top: -180px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -63px; display: none;}
.page-product-show-section .pro-show-info .share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.page-product-show-section .pro-show-info .share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.page-product-show-section .pro-show-info .share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.page-product-show-section .pro-show-info .share .share-item { margin-right: 10px;}
.page-product-show-section .pro-show-info .share>a:last-child { margin-right: 0;}
.page-product-show-section .pro-show-info .pro-btn{color:#333;}
.page-product-show-section .pro-show-info .pro-btn a{display:block;background: #0b4d97;color:#FFF;width:160px;text-align:center;line-height:50px;height: 50px;border:none;padding:0;float:left;margin-right: 30px;text-transform: uppercase; position: relative;}
.page-product-show-section .pro-show-info .pro-btn a:after{content: "";position: absolute;right: 0px;top:50%;margin-top:-13px;width:30px;height: 30px; background: url(../images/arrow01.png) no-repeat;}
.page-product-show-section .pro-show-info .pro-btn a:nth-child(2){background: #cc0001;}
.page-product-show-section .pro-show-info .pro-btn {line-height: 50px;}
.page-product-show-section .pro-show-info .pro-btn i.fa{margin-right: 8px;}
.page-product-show-section .pro-detail-content{padding: 0 0 50px 0;min-height: 200px;}
.page-product-show-section .pro-detail-content img{max-width:100%;height: inherit;}
.pro_info_1_2 ul li{float:left; width: 25%; border-right:1px #fff solid;  }
.pro_info_1_2 ul li a{ font-size:18px; text-align: center; line-height: 70px; display:block;   color:#333;}
.pro_info_1_2{ background-color:#f8f8f8;  line-height: 70px; height: 70px; overflow:hidden}
.pro_info_1_2 ul li a.active{background-color:#0b4d97;color:#fff;}
.pro_info_2_1_t{ margin-top:2.2em;font-size:20px; font-weight: bold; color:#333;}
.pro_info_2_3_t{margin-top:2.3em; margin-bottom:0em; color:#666; line-height:2;}
.pro_info_2_mid{overflow:hidden;}
.pro_info_2_mid:last-child{/*background-color:#f5f7f8;  */}
.pro_info_2_mid:last-child .pro_info_2_3_t,.pro_info_2_mid:nth-last-child(2) .pro_info_2_3_t{}
.nav-wrap.navFix{position: fixed;top: 89px;left: 0; width:100%;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e39; z-index: 99999; background-color:#92959b;}
.nav-wrap .container{padding-left:0; padding-right:0}
.nav-wrap.navFix .container{padding-left:1em; padding-right:1em;}
.section-content{font-size:16px;line-height: 32px;padding-bottom:25px;margin-bottom: 25px;}
.page-product-show-section .pro-show-info{min-height: 300px;}
.page-product-show-section .pro-show-info h1{font-size:30px;line-height: 70px;border-bottom:1px solid #f8f8f8;margin-bottom: 20px;margin-top: 0;}
.page-product-show-section .pro-show-info p{min-height: 180px;}
.page-product-show-section .pro-show-info .share { margin-top: 30px;}
.page-product-show-section .pro-show-info .share ul li {float: left;margin-right: 15px;}
.page-product-show-section .pro-show-info .share .wechat { position: relative;}
.page-product-show-section .pro-show-info .share .wechat:hover .vx { display: block;}
.page-product-show-section .pro-show-info .share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.page-product-show-section .pro-show-info .share .wechat .vx { position: absolute; top: -180px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -63px; display: none;}
.page-product-show-section .pro-show-info .share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.page-product-show-section .pro-show-info .share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.page-product-show-section .pro-show-info .share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.page-product-show-section .pro-show-info .share .share-item { margin-right: 10px;}
.page-product-show-section .pro-show-info .share>a:last-child { margin-right: 0;}

.page-product-show-section .pro-show-info .pro-btn{color:#333;}
.page-product-show-section .pro-show-info .pro-btn a{display:block;background: #0b4d97;color:#FFF;width:160px;text-align:center;line-height:50px;height: 50px;border:none;padding:0;float:left;margin-right: 30px;text-transform: uppercase; position: relative;}
.page-product-show-section .pro-show-info .pro-btn a:after{content: "";position: absolute;right: 0px;top:50%;margin-top:-13px;width:30px;height: 30px; background: url(../images/arrow01.png) no-repeat;}
.page-product-show-section .pro-show-info .pro-btn a:nth-child(2){background: #cc0001;}
.page-product-show-section .pro-show-info .pro-btn {line-height: 50px;}
.page-product-show-section .pro-show-info .pro-btn i.fa{margin-right: 8px;}
.page-product-show-section .pro-shall-btn{padding:40px 0;}
.page-product-show-section .pro-shall-btn a{color:#FFF;display: block;float:left;width:28px;height:28px;line-height: 28px;text-align:center;margin-right: 10px;border-radius: 4px;}
.page-product-show-section .pro-shall-btn a:first-child{background:#3b579d;}
.page-product-show-section .pro-shall-btn a:nth-child(2){background:#007bb6;}
.page-product-show-section .pro-shall-btn a:nth-child(3){background:#cc0000;}
.page-product-show-section .pro-shall-btn a:nth-child(4){background:#d23f5d;}
.page-product-show-section .pro-shall-btn a i{line-height: 28px;}
.page-product-show-section .pro-detail-content{padding: 0 0 50px 0;min-height: 200px;}
.page-product-show-section .pro-detail-content img{max-width:100%;height: inherit;}

.pro_info_1_2 ul li{float:left; width: 25%; border-right:1px #fff solid;  }
.pro_info_1_2 ul li a{ font-size:18px; text-align: center; line-height: 70px; display:block;   color:#333;}
.pro_info_1_2{ background-color:#f8f8f8;  line-height: 70px; height: 70px; overflow:hidden}
.pro_info_1_2 ul li a.active{background-color:#0b4d97;color:#fff;}
.pro_info_2_1_t{ margin-top:2.2em;font-size:20px; font-weight: bold; color:#333;}
.pro_info_2_3_t{margin-top:2.3em; margin-bottom:0em; color:#666; line-height:2;}
.pro_info_2_mid{overflow:hidden;}
.pro_info_2_mid:last-child{/*background-color:#f5f7f8;  */}
.pro_info_2_mid:last-child .pro_info_2_3_t,.pro_info_2_mid:nth-last-child(2) .pro_info_2_3_t{}
.nav-wrap.navFix{position: fixed;top: 89px;left: 0; width:100%;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e39; z-index: 99999; background-color:#92959b;}
.nav-wrap .container{padding-left:0; padding-right:0}
.nav-wrap.navFix .container{padding-left:1em; padding-right:1em;}
@media only screen and (max-device-width: 1366px){
.pro-big-img {width: 500px;height: 470px;}
.pro-big-img .gallery-left{width:375px; }
.page-product-show-section .pro-show-info .pro-btn a{width:140px; line-height:40px;height: 40px; margin-right: 20px; }
.page-product-show-section .pro-show-info h1{font-size:26px;line-height: 70px;}
}
@media only screen and (max-device-width: 1200px){
.pro-big-img {width: 100%;height: 470px;}
.pro-big-img .gallery-left{width:80%; }
.pro-big-img .gallery-left .swiper-slide a{ width: 70%; margin: 0 auto; }
.pro-big-img .gallery-left .swiper-slide img{width:70%;height: initial; margin: 0 auto; text-align: center; }
}
@media only screen and (max-device-width: 992px){
.page-product-show-section .pro-show-info h1{font-size:22px;line-height: 50px;}
.section-content{font-size:15px;line-height: 28px;padding-bottom:20px;margin-bottom: 20px;}
.page-product-show-section .pro-show-info p{min-height: auto; margin-bottom: 20px; font-size: 16px;}

}
@media only screen and (max-device-width: 760px){
.pro-big-img {  width: 100%;  height: inherit;}
.pro-big-img .gallery-left{width:100%;height: initial;}
.pro-big-img .gallery-thumbs{width:100%;padding: 10px 25px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:0;right:inherit;top:42%;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:inherit;right:0;top:42%;bottom:inherit;}
.page-product-show-section .pro-show-info h1{font-size:18px;line-height: 50px;}
.pro_info_2_1_t{ font-size:18px;}

}

/***合作伙伴*****/
.partners ul li{overflow: hidden; margin-bottom:20px; float:left; width:18.8%; margin-right:1.5%;}
.partners ul li:nth-child(5n){margin-right:0;}
.partners ul li .img{display: block; text-align:center;  border:1px solid #ccc; padding:5px 0; }
@media only screen and (max-device-width: 1700px){
.partners ul li .img img{ width:92%; margin:0 auto;}
}
@media only screen and (max-device-width: 769px){
.partners ul li{overflow: hidden; margin-bottom:15px; float:left; width:31.82%;}
.partners ul li:nth-child(3n){margin-right:0;}
.partners ul li:nth-child(5n){margin-right:1.5%;}
}

/***文档下载*****/
.down .down_list {width:100%;}
.down dt .con { float: left; width: 97%;}
.down .down_list dt:first-child {margin-top:0px}
.down .down_list dt {border-bottom:1px dashed #ccc;color:#666;font-weight:normal;height:60px;line-height:40px; margin:20px 0;position:relative}
.down .down_list dt .name {  font-size:18px; text-align:left;}
.down .down_list dt .con li {float:left;width:10%; text-align: right;}
.down .down_list dt .con li:first-child {width:90%}
.down .down_list dt i{ margin-right:5px;}
.down .down_list dt a {float:left;height:60px; }
@media (max-width:992px){
.down dt .con { width: 94%;}
.down .down_list dt {height:40px;line-height:40px;padding-left:10px;margin-top:15px;}
.down .down_list dt .name {width:100%;height:40px; line-height:40px; font-size:16px;text-align:left;}
.down .down_list dt a { height:40px; }

}
@media (max-width:768px){
.down .down_list dt { padding-left:6px; margin:0px auto;}
.down .down_list dt .name { font-size:15px; }
.down .down_list dt .con li {float:left;width:15%; text-align: right;}
.down .down_list dt .con li:first-child {width:85%}
}
@media (max-width:700px){
.down .down_list dt .con li:last-child { display:none;}
}

@media (max-width:425px){
.down .down_list dt a { }
.down dt .con { width: 92%;}
}

/***服务承诺*****/
.server-title{margin-bottom: 20px; text-align:center;}
.server-title h2{font-size: 32px;width:50%; margin:0 auto; color:#444; margin-bottom:10px;}
.server-title h2:after,.server-title h2:before{content: "";height: 1px;  background: #444;  width: 65px; margin-bottom:9px;display: inline-block;}
.server-title h2:before{margin-right: 24px;}
.server-title h2:after{margin-left: 24px;}
.server-title p{font-size: 17px;padding: 20px 0; width: 80%; line-height: 30px; margin: 0 auto;}
@media (max-width:1024px) {
.server-title h2{font-size:24px;}
.server-title p{font-size: 16px; width: 100%; }

}
@media (max-width: 768px) {
.server-title{margin-bottom:10px;}
.server-title h2{font-size:20px;width:100%; }
.server-title h2:after,.server-title h2:before{ width: 45px; margin-bottom:5px;}
}
.server .fact-counter{ padding-top:30px; width:80%; margin:0 auto;}
.server .fact-counter .column{margin-bottom:30px;}
.server .fact-counter .column .inner{width:160px; height:160px; margin:0 auto 20px;border-radius: 50%; border:1px solid #0f4c9d; }
.server .fact-counter .column .inner .content{text-align:center; padding:40px 0;}
.server .fact-counter .column:last-child .inner .content:before{display:none;}
.server .fact-counter .column .inner .count-text{ font-size:36px; color:#0f4c9d; line-height:50px;}
.server .fact-counter .column .inner .counter-title{ line-height:30px;color:#0f4c9d; font-size:16px;font-weight:300;}
.server .fact-counter .column .tit{ font-size: 16px; color: #666; line-height: 30px; text-align: center;}
.server .desc{ font-size:26px; margin:30px auto 0px; width:70%; text-align:center;}
@media (max-width: 768px) {
.server .fact-counter{ padding-top:10px; width:100%; margin:0 auto;}
.server .fact-counter .column .inner{width:140px; height:140px;}
.server .fact-counter .column .inner .count-text{ font-size:24px; color:#0f4c9d; line-height:30px;}
.server .fact-counter .column .tit{ font-size: 15px;line-height: 26px; }
}
@media (max-width:425px){
.server .fact-counter{ width:100%; margin:0 auto; padding-top:10px;}
.server .fact-counter .column .inner .content:before{position:absolute;content:'';right:0; width:0; }
.server .fact-counter .column .inner{width:85px; height:85px;}
.server .fact-counter .column .inner .content{ padding:10px 0;}
.server .fact-counter .column .inner .counter-title{ font-size:15px;font-weight:300;}
.server .desc{ font-size:20px; margin:20px auto 0px;}
}
@media (max-width:375px){
.server .fact-counter .column .inner .count-text{ font-size:22px; line-height:26px;}
.server .fact-counter .column .inner{width:75px; height:75px;}
.server .desc{ font-size:18px; }
.server .fact-counter .column .inner .counter-title{ line-height:20px; font-size:14px; }
}
@media (max-width:320px){
.server .fact-counter .column .inner{width:60px; height:60px;}
.server .fact-counter .column .inner .count-text{ font-size:20px; line-height:20px;}

}
.server2 { background: #f7f7f7;}
.server2 .counter{ padding-top:30px; width:80%; margin:0 auto;}
.server2 .shuzi{width:100px; height:100px; line-height: 100px; text-align: center; margin:0 auto 20px;border-radius: 50%; color: #fff; font-size:36px; }
.server2 .item1{ background-color: #eba54b;}
.server2 .item2{background-color:#45a3cc}
.server2 .item3{ background-color: #cc0000;}
.server2 .item4{background-color:#da6632}
.server2 .item5{ background-color: #034289;}
.server2 .item6{background-color:#76a555}
.server2 .tit{ font-size: 16px; color: #666; line-height: 30px; text-align: center;}
@media (max-width: 768px) {
.server2 .tit{ height:82px; font-size: 15px;line-height:24px; }
}

/***匠心制造*****/
.craftsmanship .content .item{transition:background 0.5s ease; margin-bottom:25px;}
.craftsmanship .content .item .right{width:50%; float:right;}
.craftsmanship .content .item .left{width:50%; float:left; position:relative;}
.craftsmanship .content .item .left .box{padding:0px 40px 0;}
.craftsmanship .content .item .left .box .t{font-size:24px; line-height:28px; font-weight:bold; color:#0133a4}
.craftsmanship .content .item .left .box .c{ line-height:32px; color:#5a5a5a; overflow:hidden; margin:20px 0 32px;}
.craftsmanship .content .item02 .right{float:left;}
.craftsmanship .content .item02 .left{float:right;}
.craftsmanship .content .more{ border: 1px solid #999; width: 160px; padding: 10px 25px;}
@media only screen and (max-width:768px) {
.craftsmanship .info{text-align:center; padding:0 0; margin-bottom:20px;}
.craftsmanship .content .item { margin-bottom:15px;}
.craftsmanship .content .item .right{width:100%; float:right;}
.craftsmanship .content .item .left{width:100%; float:left; position:relative;}
.craftsmanship .content .item .left .box{padding:20px 20px 0;}
.craftsmanship .content .item .left .box .c{ line-height:26px; color:#5a5a5a; overflow:hidden; margin:10px 0 12px; font-size:15px;}
.craftsmanship .info .tit{font-size:20px; font-weight:bold; color:#373737;}
.craftsmanship .infor .tit{font-size:20px; line-height:36px; font-weight:bold; color:#2b2b2b;}
.craftsmanship .content .item .left .box .t{font-size:18px; line-height:28px; font-weight:bold; color:#005bac}
}
@media only screen and (max-width:568px) {
.craftsmanship .content .item .left .box .t{font-size:16px; line-height:26px;}
.craftsmanship .content .more{ width: 140px; padding: 5px 15px;}
}
.craftsmanship1{ background-color: #f7f7f7;}
/***制造能力*****/
.manufacture .con{font-size:16px; color:#5f5f5f; line-height:28px; margin-bottom:10px;}
.manufacture ul li {margin-top: 30px;}
.manufacture ul li .honor-item .rect {padding-bottom: 78%;}
.manufacture ul li img{ width:100%;}
.manufacture ul li .honor-item:hover .img-box img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.manufacture ul li .honor-item p {text-align: center;margin-top: 20px;}
.manufacture ul li a p{ color: #333;}
@media (max-width: 768px){
.manufacture ul li {margin-top: 0px;}
.manufacture ul li .honor-item p { margin-top: 0px; line-height:38px; font-size:15px;}
}
/***研发平台*****/
.research h3 {position: relative;padding-bottom: 22px;font-weight: 400; text-align: center;font-family: arial;font-size: 36px;color: #333; margin-bottom: 30px;font-weight: bold;}
.research h3:after {display: block;position: absolute;bottom: 0;left: 50%;margin-left: -25px;width:50px;height: 2px;background: #0c4d97;content: '';}
.research_pt2 { background:url(../images/research_bg.jpg) no-repeat center;}
.research_pt2 h3 {color: #fff;}
.research_pt2 h3:after {background: #fff;}
.research_pt2 .syFocusThumb{width: 100%;position: relative;overflow: hidden;}
.research_pt2 .syFocusThumb .pagination{width: 100%;position: relative;padding-bottom: 20px;margin-bottom: 25px;box-sizing: border-box;padding: 0 30px;}
.research_pt2 .syFocusThumb .pagination:before{content: "";width: 100%;height: 9px;position: absolute;left: 0;top:76px;background: url(../images/devpBg.png) repeat-x;}
.research_pt2 .syFocusThumb .pagination .thumbWrap{width: 100%;position: relative;overflow: hidden;height: 101px;}
.research_pt2 .syFocusThumb .pagination .thumbWrap .holder{width: 4000px;}
.research_pt2 .syFocusThumb .pagination .thumbWrap .toc{width: 160px;}
.research_pt2 .syFocusThumb .pagination .thumbWrap .toc a{display: block;width: 136px;height: 61px;line-height: 31px;text-align: center;font-size: 36px;color: #ccc;font-weight: bold; padding-bottom:20px; font-family: "HelNeu55Rom";position: relative;}
.research_pt2 .syFocusThumb .pagination .thumbWrap .toc a:before{content: "";width: 13px;height: 13px;position: absolute;left: 50%;margin-left: -6px;top:61px; margin-top:10px; background: #c2c2c2;border-radius: 50%;}
.research_pt2 .syFocusThumb .pagination .thumbWrap .toc.selected a{ color: #fff;font-weight: bold;}
.research_pt2 .syFocusThumb .pagination .thumbWrap .toc.selected a:before{ background: #fff; border:1px solid #fff; width: 17px;height: 17px; top:58px; }
.research_pt2 .syFocusThumb .contentWrap{position: relative;padding-bottom: 20px;width:85%; margin:0 auto; }
.research_pt2 .syFocusThumb .contentWrap:before{content: "";width: 100%;height: 100%; position: absolute;left: -20px;top:20px;}
.research_pt2 .syFocusThumb .contentWrap .contentdiv{position: relative; padding:20px 80px 100px; z-index: 2;}
.research_pt2 .syFocusThumb .contentWrap .contentdiv .text{ margin-bottom:30px;}
.research_pt2 .syFocusThumb .contentWrap .contentdiv .text .tit{line-height: 44px;font-size: 96px;color: #0c4d97; font-weight: bold; margin-bottom: 16px; float:left; width:25%;text-align:right;}
.research_pt2 .syFocusThumb .contentWrap .contentdiv .text .detail{font-size: 18px;color: #fff; float:left; padding-left:2%; width:73%; margin-top: -8px; line-height: 35px;}
.research_pt2 .syFocusThumb .contentWrap .btn{width: 32px;height: 32px;position: absolute;bottom:16px;z-index: 9999;}
.research_pt2 .syFocusThumb .contentWrap .btn.prev{background: url(../images/leftArr3.png) no-repeat left center;left: 46%;}
.research_pt2 .syFocusThumb .contentWrap .btn.next{background: url(../images/rightArr3.png) no-repeat right center;right:46%;}
.research_pt3.page-section { padding-bottom:0px;}
.research_pt3 h4{ text-align: center; font-size: 22px; line-height: 50px; margin-bottom: 20px; font-weight: bold;color:#0c4d97;}
.research_pt3_content{text-align: center; background:#f7f7f7; margin-top:30px; }
.research_pt3_content .nav-tabs > li { width:33%; line-height: 54px;}
.research_pt3_content .nav-tabs > li > a {background-color:#959595;color:#fff; border-radius: 0px 0px 0 0;line-height: 34px; font-size:18px;}
.research_pt3_content .nav-tabs > li > a:hover {border:none; background-color:#0c4d97;  border:0px solid transparent;border-radius:0px 0px 0 0;line-height: 36px;}
.research_pt3_content .nav-tabs > li.active > a,
.research_pt3_content .nav-tabs > li.active > a:hover,
.research_pt3_content .nav-tabs > li.active > a:focus {color: #fff;cursor: default;line-height: 34px;background-color: #0c4d97;border: 1px solid #0c4d97;border-bottom-color:#0c4d97;}
.research_pt3_tabs { border-bottom: 0px solid #ddd; text-align:center; width:80%; margin:-30px auto 12px;  }
.research_pt3_tabs .nav-tabs{border-bottom: none;margin: 0 auto;width:45%;}
.research_pt3_tabs .nav-tabs > li.active a{color:#d7000e;background-color:#0c4d97;border: none;}
.research_pt3_tabs .nav-tabs > li > a:hover {border:none; background-color:#0c4d97; }
.research_pt3_tab-content{text-align: center;margin-top: 30px; padding:30px 0 80px;color:#333; }
.research_pt3_tab-content .box .tit{ line-height:44px;}
.research_pt3_tab-content dl { text-align:left; margin-bottom: 20px;}
.research_pt3_tab-content dl dt { font-size: 18px; font-weight: normal;}
.research_pt3_tab-content dl dt span{color:#0c4d97; }
.research_pt3_tab-content dl dd{ line-height: 40px; color: #666;}
.research_pt3_tab-content .white{ background-color: #fff; padding: 30px; height: 530px;}
.research_pt3_tab-content .right dl { width: 50%; float: left;}
@media (max-width: 1200px) {
.research_pt3_tabs { width:100%; }
.research_pt3_tab-content dl dd{ line-height: 28px; color: #666;}
}
@media (max-width: 768px) {
.research_pt3_tab-content .white{  margin-bottom: 20px;}
}
@media (max-width: 667px) {
.research_pt3_content .nav-tabs > li > a { line-height: 24px; font-size:15px; padding:5px 5px;}
.research_pt3_content .nav-tabs > li.active > a,
.research_pt3_content .nav-tabs > li.active > a:hover,
.research_pt3_content .nav-tabs > li.active > a:focus { line-height: 24px; }   
.research_pt3_tab-content .box .tit{ line-height:24px; margin-top: 10px;margin-bottom: 15px;}
.research_pt2 .syFocusThumb .pagination .thumbWrap .toc{width: 205px;}
.research_pt2 .syFocusThumb .contentWrap .contentdiv .text .tit{ float:none; width:100%;text-align: center;}
.research_pt2 .syFocusThumb .contentWrap .contentdiv .text .detail{ padding-left:0; width:100%; margin-top: -8px; line-height: 30px;text-align: center;}
}

@media (max-width: 1440px){
.research h3 {font-size:32px;}
}
@media (max-width: 1366px){
.research h3 {font-size:28px;}
}
@media (max-width: 1200px){
.research h3 {font-size: 24px;}
.research_pt2 .syFocusThumb .contentWrap{ width:100%; }
.research_pt2 .syFocusThumb .contentWrap .contentdiv{position: relative; padding:20px 10px 100px; z-index: 2;}
.research_pt2 .syFocusThumb .contentWrap .contentdiv .text .tit{line-height: 44px;font-size:46px;   }
.research_pt2 .syFocusThumb .contentWrap .contentdiv .text .detail{font-size: 16px;  margin-top: 0px;  line-height: 30px;}
}
@media (max-width: 500px){
.research h3 {font-size: 20px;}
.research_pt2 .syFocusThumb .pagination .thumbWrap .toc a{ font-size: 26px;}
.research_pt2 .syFocusThumb .contentWrap .contentdiv .text .tit{ font-size:36px;   }
.research_pt2 .syFocusThumb .contentWrap .btn.prev{background: url(../images/leftArr3.png) no-repeat left center;left: 40%;}
.research_pt2 .syFocusThumb .contentWrap .btn.next{background: url(../images/rightArr3.png) no-repeat right center;right:40%;}
.research_pt2 .syFocusThumb .contentWrap .contentdiv .text .detail{font-size: 15px; line-height:26px;}
.research_pt3 h4{ font-size: 20px;}

}
/***党群活动****/
.party_page_list .list_box{padding:50px 50px;position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; background-color:#f8f8f8;}
.party_page_list .list_main{overflow:hidden;}
.party_page_list li{ margin-bottom: 20px;  }
.party_page_list .list_title{font-size:24px; margin-bottom:15px;font-weight:bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.party_page_list .list_title a{color:#333;}
.party_page_list .list_p{ color:#666;line-height: 26px;height:52px;overflow:hidden;}
.party_page_list .list_time{font-size:14px; font-family: Arial; text-align: center; color: #0c4d97; position: relative;}
.party_page_list .list_time_day{display:block; font-size:50px; line-height:50px;font-family:helvetica; color: #0c4d97;}
.party_page_list .list_box:after{ width: 86%; }
.party_page_list .arrow{ margin-top: 15px; text-align: center;background: url(../images/right_f.png) no-repeat right center; width:80px; height: 80px; }
.party_page_list li:hover .list_box{background-color:#f8f8f8;}
.party_page_list li:hover .list_box:after{background-color:#f8f8f8;}
.party_page_list li:hover .list_time{ color:#03439d;-moz-transition:background .8s ease 0s; -ms-transition:background .8s ease 0s; -o-transition:background .8s ease 0s; -webkit-transition:background .8s ease 0s; transition:background .8s ease 0s;}
.party_page_list li:hover .list_title a{color:#03439d;}
@media only screen and (max-width:1240px){
.party_page_list .list_box{padding:40px 20px;}
}
@media only screen and (max-width:996px){
.party_page_list .list_box{padding:20px 15px;}
}
@media only screen and (min-width:768px){
.party_page_list .date{ display: none;}
}
@media only screen and (max-width:768px){
.party_page_list .list_box:after{width:100%;}
.party_page_list .list_time:after{display:none!important;}
.party_page_list .list_time{ margin-top:5px; }
.party_page_list .list_time_day{font-size:32px; line-height:38px;}
.party_page_list .list_title{font-size:18px;}
.party_page_list .date{ display: block;}
.party_page_list .list_p { font-size: 15px;}

}
@media only screen and (max-width:767px){
.party_page_list .date{ display: block;}
.party_page_list .list_title{font-size:16px;}
}
/***廉政反馈****/
.integrity .desc{ line-height: 32px;}
.integrity .desc ul{ margin-bottom: 5px;}
.integrity .desc ul li{ line-height: 36px;}
.integrity .desc ul li span{color:#03439d;}
.integrity form{ margin-top: 20px;}
.integrity .form-main {padding-top: 40px;border-top: 1px solid #dcdcdc;}
.integrity .form-item {width: 50%;float: left;margin-bottom: 20px;}
.integrity .form-item:nth-child(odd) {padding-right: 25px;}
.integrity .form-item:nth-child(even) {padding-left: 25px;}
.integrity form .button {text-align: center;}
.integrity form .button button {padding: 10px 50px;background-color: #0c4d97;color: #fff; border: 0px;}
.integrity label {display: block;color: #666;font-weight: 400;margin-bottom: 20px;}
.integrity label span {color: #cc0000;}
.integrity label {padding-left: 30px;}
.integrity .form-item input {width: 100%;border: 0;padding-left: 30px;border-bottom: 1px solid #dcdcdc;padding-bottom: 5px;}
.integrity .form-area textarea {resize: none;width: 100%;text-indent: 2em;height: 100px;border: 0;border-bottom: 1px solid #dcdcdc;}.integrity .form-bottom {margin-top: 60px;}
.integrity .form-bottom span {display: inline-block;color: #666;margin-right: 30px;}
.integrity .form-bottom #code {width: 185px;height: 55px;border: 1px solid #e5e5e5;background-color: #fff;margin-right: 15px;}
.d-inline {display: inline-block;}
@media only screen and (max-width:768px){
.integrity .form-item {width: 100%;float: left;margin-bottom: 20px;}
.integrity .form-item:nth-child(odd) {padding-right: 0px;}
.integrity .form-item:nth-child(even) {padding-left: 0px;}
.integrity label {padding-left: 10px;}
.integrity .form-item input { padding-left: 10px;}
.integrity .form-bottom .float-right{ float: left; margin-top: 15px;}
}

/****人才理念****/
.job ul li .tit{  width: 100%; height: 50px; overflow: hidden;}
.job ul li .tit span { float: left; color: #0c4d97; position: relative; width: 8%; font-size: 20px; font-weight: bold; margin-bottom: 25px;}
.job ul li .tit span:after{ position: absolute; right: 0; top: 15px; content: " "; width: 40px; height: 1px; background-color:#0c4d97 ;}  
.job ul li .tit .title{ float: left; padding-left: 2%; width: 92%; color: #333;}
.job .desc{ margin-top: 20px;}
@media only screen and (max-width:1366px){
.job .img .col-xs-6{ margin-bottom: 15px;}
.job .img img{ width: 100%;}
}
@media only screen and (max-width:1200px){
.job ul li .tit span { width:12%; }
.job ul li .tit .title{ width: 88%; }
}
@media only screen and (max-width:768px){
.job ul li .tit span { width:18%; font-size: 18px; }
.job ul li .tit .title{ width: 82%; }
.job ul li .tit span:after{width: 30px; }  
.job ul li { margin-bottom: 15px;}
}
/****人才招聘****/
.join-main .hr-lists {width: 100%;}
.join-main .hr-lists .head {display: flex;justify-content: space-between;padding: 30px 0; background-color: #0c4d97; color: #fff;}
.join-main .hr-lists .head .head-t:first-child {text-align: center;}
.join-main .hr-lists .head .head-t {flex: 1;text-align: center; font-size: 18px;}
.join-main .hr-lists .td { margin-top: 10px; color: #333;}
.join-main .hr-lists .td .td-box {display: flex;justify-content: space-between;flex-wrap: wrap;padding: 20px 0;border: 1px solid #eee;cursor: pointer;}
.join-main .hr-lists .td .item:first-child {text-align: center;}
.join-main .hr-lists .td .item {flex: 1;text-align: center;}
.join-main .hr-lists .td .dropdown {width: 100%; border: 1px solid #edecec; border-top: 0px; padding: 55px 50px;display: none;}
.join-main .hr-lists .td .dropdown .drop-t {margin-bottom: 20px;}
.join-main .hr-lists .td .dropdown .drop-c p {font-size: 15px;color: #666;line-height: 30px;}
.join-main .hr-lists .td .dropdown .button a {display: inline-block;padding: 10px 45px;background-color: #0c4d97;color: #fff;margin-top: 25px;}
@media(max-width:768px) {
.join-main .hr-lists .head {padding:20px 0;}
.join-main .hr-lists .td .dropdown {padding: 35px 20px;}
.join-main .hr-lists .td .td-box {padding: 20px 0;}
.join-main .hr-lists .td .dropdown .drop-c { margin-bottom:30px;}
.join-main .hr-lists .td .dropdown .button.text-right{ text-align:left;}
}

/****职位申请****/
.apply-main .page-tit {margin-bottom: 50px; color: #0c4d97;}
.apply-main .form-main {padding-top: 40px; padding-bottom: 40px; background-color: #fbfbfb; border: 1px solid #e5e5e5;}
.apply-main .form-item { margin-bottom: 20px;}
.apply-main .form-item1 {width:49%;float: left;margin-bottom: 20px;}
.apply-main .form-item p{ line-height: 45px;}
.apply-main .form-item:nth-child(odd) {padding-right: 25px;}
.apply-main .form-item:nth-child(even) {padding-left: 25px;}
.apply-main form .button {text-align: center;}
.apply-main form .button button {padding: 10px 50px;background-color: #0c4d97;color: #fff;}
.apply-main label {display: block;color: #666;font-weight: 400;margin-bottom: 15px; text-align: right; padding-right: 10px;}
.apply-main label span {color: #cc0000;}
.apply-main label {padding-left: 30px; width: 27%; float: left;}
.apply-main .form-item input {width: 66%;border: 0;padding:7px 30px;border: 1px solid #dcdcdc; float: left;}
.apply-main .form-item select{ width: 32%; float: left;padding:7px 30px;border: 1px solid #dcdcdc; }
.apply-main .form-item select.budget{ margin-right:2%;}
.apply-main .form-area textarea {resize: none;width: 100%;text-indent: 2em;height: 100px;border: 0;border: 1px solid #dcdcdc;}
.apply-main .form-bottom {margin-top: 60px;}
.apply-main .form-bottom span {display: inline-block;color: #666;margin-right: 30px;}
.apply-main .form-bottom #code {width: 185px;height: 55px;border: 1px solid #e5e5e5;background-color: #fff;margin-right: 15px;}

/****联系我们****/
.contact .contact_left{ padding: 50px 40px; box-shadow: 0px 2px 11px rgba(0,0,0,.16);  }
.contact .contact_left .tit{font-size:24px; color:#0c4d97; line-height:46px; font-weight:bold; padding-bottom: 22px;margin-bottom:22px; border-bottom: 1px solid #dcdcdc;}
.contact .contact_left .con{font-size:16px; color:#303030; line-height:30px; margin-bottom:28px;}
.contact .contact_left .text .addr{position:relative; padding-left:35px; margin-bottom:22px; border-bottom: 1px solid #dcdcdc;padding-bottom: 20px;}
.contact .contact_left .text .addr .icon{display:inline-block; width:25px; height:18px; background:url(../images/contact_us01_2.png) no-repeat left; position:absolute; left:0; top:5px; margin-right: 5px;}
.contact .contact_left .text .addr span{display:inline-block; font-size:16px; color:#3d3d3d; line-height:30px;}
.contact .contact_left .text .tel{position:relative; padding-left:35px; font-size:16px; color:#3d3d3d;  margin-bottom:22px; border-bottom: 1px solid #dcdcdc;padding-bottom: 22px;}
.contact .contact_left .text .tel .icon{display:inline-block; width:25px; height:18px; background:url(../images/contact_us01_3.png) no-repeat left; position:absolute; left:0; top:5px; margin-right: 5px;}
.contact .contact_left .text .fax{position:relative; padding-left:35px; font-size:16px; color:#3d3d3d;  margin-bottom:22px; border-bottom: 1px solid #dcdcdc;padding-bottom: 22px;}
.contact .contact_left .text .fax .icon{display:inline-block; width:25px; height:18px; background:url(../images/contact_us01_4.png) no-repeat left; position:absolute; left:0; top:5px; margin-right: 5px;}
.contact .contact_left .text .mail{position:relative; padding-left:35px; font-size:16px; color:#3d3d3d;  margin-bottom:22px; border-bottom: 1px solid #dcdcdc;padding-bottom: 22px;}
.contact .contact_left .text .mail .icon{display:inline-block; width:25px; height:22px; background:url(../images/contact_us01_5.png) no-repeat left; position:absolute; left:0; top:5px; margin-right: 5px;}
.contact .contact_left .text .tel a,.contact .contact_left .text .fax a,.contact .contact_left .text .mail a{color:#3d3d3d; }
.contact .contact_left .text .tel a:hover,.contact .contact_left .text .fax a:hover,.contact .contact_left .text .mail a:hover{color:#0c4d97; }
.contact .map_box{overflow:hidden; height:480px;} 
.contact .map_box img{max-width:none;}
.contact_bottom { margin-top: 50px;}
.contact_bottom .contact_bottom_box { margin-bottom: 20px;box-shadow: 0px 2px 11px rgba(0,0,0,.16);  min-height: 400px; }
.contact_bottom .contact_bottom_box dl{ width: 20%; float: left; border-right: 1px solid #f0f0f0; }
.contact_bottom .contact_bottom_box dt{background-color: #0c4d97; line-height: 80px; text-align: center; color: #fff; font-size: 24px; font-weight: normal; }
.contact_bottom .contact_bottom_box dd { text-align: center; padding:50px 0px;height: 160px; border-bottom: 1px solid #f0f0f0; vertical-align: middle;}
.contact_bottom .contact_bottom_box dd span{ width: 26%; float: left;}
.contact_bottom .contact_bottom_box dd .tit{ width: 74%; float: left; text-align: left; font-size: 18px; line-height: 32px; color: #333;}
.contact_bottom .contact_bottom_box dd:nth-child(3){border-bottom: 0px solid #f0f0f0; }
.contact_bottom h3{ font-size: 16px;}

@media(max-width:1366px) {
.contact_bottom .contact_bottom_box dd { padding:50px 0px;}
}
@media(max-width:1300px) {
.contact_bottom .contact_bottom_box { min-height: 320px; }
.contact_bottom .contact_bottom_box dd span{ display: none;}
.contact_bottom .contact_bottom_box dd { padding:30px 10px; height: 120px;}
.contact_bottom .contact_bottom_box dd .tit{ width:100%; text-align: center;}
.contact_bottom .contact_bottom_box dt{ font-size: 22px; }
}
@media(max-width:1200px) {
.contact_bottom .contact_bottom_box dt{ font-size: 20px; }
}
@media(max-width:768px) {
.contact .contact_left{ margin-bottom: 20px;}
.contact_bottom { margin-top: 40px; }
.contact_bottom .contact_bottom_box dl{ width: 50%; }
.contact_bottom .contact_bottom_box dl:last-child{ width:100%; }
.contact_bottom .contact_bottom_box { min-height: 780px; }
.contact_bottom .contact_bottom_box dt{ line-height: 60px; font-size: 20px;}
.contact_bottom .contact_bottom_box dd { text-align: center; padding:20px 20px;height: 100px; }
}
@media(max-width:600px) {
.contact_bottom { margin-top: 30px; }
.contact_bottom .contact_bottom_box {min-height:1150px; }
.contact_bottom .contact_bottom_box dl{ width: 100%; }
.contact_bottom .contact_bottom_box dt{ line-height: 50px; font-size: 18px;}
.contact_bottom .contact_bottom_box dd { text-align: center; padding:15px 20px;height: 90px; }
}

/*****供应商 *****/
.supplier .form-main { border: 1px solid #e5e5e5;box-shadow: 0px 2px 11px rgba(0,0,0,.16); }
.supplier h3{ background-color: #eeeeee; text-align: center; color: #000;padding-top:25px; padding-bottom: 25px; }
.supplier h3 span{color: #0c4d97; margin-right: 8px;}
.supplier .form-item { line-height: 60px; height: 60px; border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5; width: 50%; float: left;}
.supplier .form-item1 {width:100%; }
.supplier .form-item p{ line-height: 45px;}
.supplier .form-item p.fw_data{ line-height: 60px; width: 66%; border: 0; padding: 0px 30px; float: left;}
.supplier .form-item label {display: block;color: #333;font-weight: 400; font-size: 18px; margin-bottom: 15px; text-align: left; padding-left: 10px; line-height: 60px;  border-right: 1px solid #e5e5e5;}
.supplier .form-item span { float: left; width: 5%; text-align: center;border-right: 1px solid #e5e5e5; }
.supplier .form-item input { float: left;}
.supplier .form-item label {padding-left: 30px; width: 27%; float: left;}
.supplier .form-item1 label{width:13.5%; }
.supplier .form-item1 .white{color: #fff;}
.supplier .form-item input {width: 66%;border: 0;padding:0px 30px;border: 0px solid #dcdcdc; float: left;line-height: 58px; }
.supplier .form-item select{ width: 32%; float: left;padding:7px 30px;border: 0px solid #dcdcdc; }
.supplier .form-item select.budget{ margin-right:2%;}
.supplier .form-area textarea {resize: none;width: 100%;text-indent: 2em;height: 100px;border: 0;border: 1px solid #dcdcdc;}
.supplier .form-bottom {margin-top: 60px;}
.supplier .form-bottom span {display: inline-block;color: #666;margin-right: 30px;}
.supplier #code {width: 40%;  background-color: #fff; }
.supplier form .button { margin-top: 40px; margin-bottom: 40px; text-align: center;}
.supplier form .button button {padding: 10px 50px;background-color: #0c4d97;color: #fff;}

.fw_desc{margin-top: 20px;text-align: left;color: #0c4d97;font-weight: 400;}
@media(max-width:1200px) {
.supplier .form-item label { font-size: 16px; }
}
@media(max-width:1024px) {
.supplier .form-item label { width: 32%; }
.supplier .form-item1 label{width:16%; }
}
@media(max-width:768px) {
.supplier .form-item label { width: 22%; }
.supplier .form-item1 label{width:22%; }
.supplier .form-item {width: 100%; float: left;}
}
@media(max-width:500px) {
.supplier .form-item label {padding-left: 5px; width: 27%; }
.supplier .form-item span {  width: 8%; }
}
@media(max-width:450px) {
.supplier .form-item { line-height:50px; height: auto; }
.supplier .form-item label {padding-left: 20px;line-height: 50px;  width: 100%; border-right: 0px solid #e5e5e5; margin-bottom: 0px; }
.supplier .form-item1 label{width:100%; }
.supplier .form-item input {width: 100%;line-height: 40px;padding: 0px 20px;}
.supplier .form-item p.fw_data{width: 100%;line-height: 40px;padding: 0px 20px;}
.supplier .form-item1 .white{color: #333;}
.supplier .form-item span { width: 20%; border-right: 0px solid #e5e5e5;  }
.supplier .honor label{ display: none; }
}