@CHARSET "UTF-8";
/**** yky ***/
.active-color {
    color: #FF9B00;
    font-style: normal;
}
/* index 头部 */
.index_head {
    padding-bottom: 20px;
}
.logo {
    margin-top: 48px;
    display: block;
    float: left;
}
.index_head button {
    float: right;
    background: none;
    cursor: pointer;
}
.index_head form {
    margin-top: 70px;
    float: right;
}
.index_head input{
    padding-left: 30px;
    width: 272px;
    height: 41px;
    border: 1px solid #CCCCCC;
    float: right;
}
.lan {
    float: right;
    margin-top: 80px;
    margin-left: 38px;
    color: #383F45;
}
.no-data {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #B4B4B4;
    padding: 80px 0;
}
/* nav */
.nav {
    background-color: #023990;
}
.nav ul li {
    float: left;
}
.nav ul li a {
    display: block;
    color: white;
    line-height: 50px;
    padding: 0 24px;
    font-size: 14px;
}
.nav ul li a:hover {
    background-color: #FF9B00;
}
/* content */
.banner-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    background: rgba(0, 0, 0, .5);
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.part {
    width: 568px;
    float: left;
    margin-top: 16px;
}
.box_title {
    background-color: #FCFCFF;
    padding: 16px 5px 6px 25px;
}
.box_title img {
    vertical-align: middle;
}
.box_title_text {
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #023990;
    vertical-align: middle;
}
.icon_title {

}
.more {
    float: right;
    padding-right: 26px;
}
.arrow-more {
    display: inline-block;
    margin-left: 5px;
    width: 12px;
    height: 12px;
    background: url("../images/arrow_right.png");
    vertical-align: middle;
}
.arrow-prev {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("../images/arrow_right.png");
    vertical-align: middle;
    transform: rotate(180deg);
}
.more span {
    font-size: 12px;
    color: #A1A1A1;
}
.more:hover .arrow-more {
    background: url("../images/arrow_right_h.png");
}
.more:hover span {
    color: #FF9B00;
}
.box_content {
    background-color: white;
    height: 278px;
    padding: 19px 26px 24px 25px;
}
.box_content h1{
    margin-top: 11px;
    font-size: 16px;
    font-weight: bold;
    color: #383F45;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.box_content h1 a{
    color: #383F45;
}
.box_content h1:hover a {
    color: #FF9B00;
}
.box_content p {
    margin-top: 17px;
    font-size: 12px;
    color: #666666;
    height: 40px;
    line-height: 22px;
    overflow: hidden;
}
.box_content .box_content_list {
    margin-top: 12px;
}
.box_content .box_content_list li {
    line-height: 38px;
    border-bottom: 1px dotted #E3E5E8;
}
.box_content .box_content_list li:hover a {
    color: #FF9B00;
}
.box_content .box_content_list li a {
    display: inline-block;
    color: #666666;
    margin-left: 8px;
    font-size: 14px;
    width: 410px;
    height: 20px;
    line-height: 20px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    vertical-align: middle;
}
.box_content .box_content_list li span {
    float: right;
    color: #B4B4B4;
    font-size: 12px;
}
.placeholder_box {
    width: 530px;
    height: 330px;
    background-color: grey;
}
.index-frame1 {
    height: 375px;
    overflow: hidden;
}
.index-detail {
    color: #FF9B00;
}
.part2 {
    width: 564px;
    margin-top: 10px;
    float: left;
}
.box_content .notice_list {
    margin-top: 0;
}
.box_content .notice_list li {
}
.box_content .notice_list li a{
    margin-left: 15px;
}
.index_list_num {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #B4B4B4;
    border-radius: 3px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #ffffff;
    font-style: normal;
}
.index_list_dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #023990;
    border-radius: 50%;
    vertical-align: middle;
}
.card_content {
    background-color: #fff;
    padding: 28px 0 40px 25px;
}

.card_content p {
    float: left;
    width: 154px;
    margin-left: 16px;
}
.card_content p a {
    color: #4A5055;
    font-size: 14px;
    font-weight: bolder;
}
.card_box {
    float: left;
    padding: 21px 25px 23px 13px;
    margin-left: 15px;
}
.card_box:first-child {
    margin-left: 0;
}
.card_box:hover {
    background-color: #F5F5F5;
}
.card_box .imgbox{
    float: left;
    width: 49px;
    height: 49px;
    background-color: #B4B4B4;
    border-radius: 7px;
}
/* yuangaikuang_html */
.left_menu {
    background-color: #FCFCFF;
    width: 200px;
    float: left;
    margin-top: 30px;
    min-height: 460px;
    padding-bottom: 50px;
}
.left_menu_header {
    position: relative;
    padding: 30px 35px;
    background-color: #023990;
}
.left_menu_header .left_menu_mark {
    position: absolute;
    left: 35px;
    bottom: -12px;
}
.left_menu_title {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}
.left_menu_subtitle {
    margin-top: 5px;
    font-size: 14px;
    color: #ffffff;
}
.left_menu h4{
    margin: 20px;
    color: #023990;
    padding: 10px;
    border-bottom: 1px solid #E3E5E8;
}
.left_menu > ul {
    margin-top: 50px;
}
.left_menu > ul li {
    width: 200px;
    padding-left: 35px;
}
.left_menu > ul li:hover, .left_menu ul li.active {
    background-color: #FF9B00;
}
.left_menu > ul li a{
    display: block;
    line-height: 40px;
    font-size: 14px;
    font-weight: bolder;
    color: #023990;
}
.left_menu > ul li:hover a, .left_menu > ul li.active a{
    color: #FFFFFF;
}
.right_container {
    float: left;
    width: 936px;
    margin-top: 30px;
    background-color: #fff;
    padding: 0 52px 60px 40px;
}
.crumbs {
    float: right;
    color: #818181;
    font-size: 12px;
}
.crumbs a {
    color: #818181;
}
.crumbs a:hover {
    color: #ffb900;
}
.right_title {
    padding: 37px 0 22px 0;
    border-bottom: 2px solid #023990;
    color: #3C59BD;
}
.r-t-h2 {
    display: inline-block;
    padding-left: 12px;
    font-size: 16px;
    font-weight: bolder;
    color: #3C59BD;
    line-height: 20px;
    border-left: 3px solid #3C59BD;
}
.right_content {
    margin-top: 42px;
    background-color: #fff;
}
.page_content {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}
.l-c-title {
    margin-top: 28px;
    padding-bottom: 28px;
    border-bottom: 1px solid #E3E5E8;
}
.l-c-title h1{
    padding-left: 10px;
    line-height: 25px;
    font-size: 18px;
    font-weight: bolder;
    color: #3C59BD;
    margin-bottom: 20px;
    border-left: 3px solid #3C59BD;
}
.l-c-title span{
    margin-top: 20px;
    font-size: 12px;
    color: #707070;
}
.l-c-title i{
    font-style: normal;
    font-size: 12px;
    color: #707070;
}
.l-c-title a {
    text-align: center;
    display: block;
    color: #FF9B00;
    width: 106px;
    line-height: 40px;
    border: 1px solid #B4B4B4;
}
.l-c-content {
    padding: 28px 0;
    font-size: 14px;
    color: #818181;
    line-height: 35px;
}
.l-c-content img {
    max-width: 100%;
}
.l-c-content table {margin-bottom: 10px; border-collapse: collapse; display: table;}
.l-c-content table td {background: white; padding: 5px 10px; border: 1px solid #DDD;}
.leader_list {
    padding-bottom: 50px;
    border-bottom: 1px dotted #E3E5E8;
    margin-top: 40px;
}
.leader_list img {
    width: 150px;
    height: 192px;
    background-color: #DFDFDF;
    object-fit: cover;
}
.leader_infor {
    display: inline-block;
    width: 660px;
    margin-left: 25px;
    vertical-align: top;
}
.leader_infor h1 {
    color: #383F45;
    font-size: 18px;
}
.leader_infor h2 {
    color: #383F45;
    font-size: 14px;
    font-weight: normal;
    margin: 14px 0 18px 0;
}
.leader_infor p {
    color: #818181;
    font-size: 15px;
    line-height: 15px;
}
/* newsCenter */
.news_list {
    border-bottom: 1px dotted #E3E5E8;
    margin-top: 15px;
    padding-bottom: 15px;
}
.news_brief {
    float: left;
}
.news_links {
    float: right;
    border-left: 1px solid #E3E5E8;
    padding: 0 36px 0 40px;
}
.news_links a {
    font-size: 12px;
    color: #818181;
}
.news_links:hover a {
    color: #FF9B00;
}
.news_links:hover .arrow-more {
    background: url("../images/arrow_right_h.png");
}
.list_time {
    margin-top: 10px;
    font-size: 12px;
    color: #B4B4B4;
}
.news_brief:hover h1 {
    color: #FF9B00;
}
.news_brief h1 {
    width: 844px;
    color: #383F45;
    font-size: 16px;
}
.news_brief h1 img {
    vertical-align: middle;
}
.news_brief h1 span {
    display: inline-block;
    width: 830px;
    vertical-align: middle;
}
.news_brief p {
    color: #B4B4B4;
    font-size: 12px;
    width: 834px;
    height: 47px;
    line-height: 25px;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 25px;
}
/* news-detail */
.left-content {
    width: 796px;
    background-color: #fff;
    float: left;
    margin-top: 30px;
    padding: 30px 30px 30px 40px;
}
.right-menu {
    background-color: #FCFCFF;
    width: 340px;
    float: right;
    padding: 30px 35px;
    margin-top: 30px;
    transition: all 0.3s ease;
    z-index: 99;
}
.r-m-title {

}
.r-m-title h1{
    float: left;
    font-size: 16px;
    font-weight: bolder;
    color: #3C59BD;
    padding-left: 10px;
    border-left: 3px solid #3C59BD;
}
.r-m-title h1 span{
    font-size: 12px;
    font-weight: normal;
    color: #707070;
    margin-left: 8px;
}
.r-m-title a{
    float: right;
    margin-top: 2px;
    font-size: 12px;
    color: #A1A1A1;
}

.r-m-list-box {

}
.r-m-list-box li {
    margin-top: 24px;
}
.r-m-list-box a{
    display: block;
    font-size: 14px;
    color: #666666;
    width: 250px;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.r-m-list-box a:hover {
    color: #ff9b00;
}
.r-m-list-box span{
    font-size: 1px;
    color: #B4B4B4;
}
/* tech */
.tech-list {
    border-bottom: 1px dotted #E3E5E8;
    margin-top: 30px;
    padding-bottom: 30px;
}
.tech-brief {
    float: left;
    width: 475px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;

}
.tech-brief h1 {
    width: 100%;
    color: #383F45;
    font-size: 18px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    height: 25px;
}
.tech-list a:hover .tech-brief h1 {
    color: #ff9b00;
}
.tech-brief p {
    color: #B4B4B4;
    font-size: 12px;
    height: 47px;
    line-height: 25px;
    overflow: hidden;
    margin-top: 15px;
}
/* tech-img-box */
.tech-img-box {
    width: 188px;
    height: 120px;
    background-color: gray;
    float: left;
    overflow: hidden;
}
.tech-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* page */
.pagination {
    padding: 35px 0;
    text-align: center;
}
.pagination li {
    display: inline-block;
}
.pagination li .page-link {
    display: inline-block;
    margin: 0 2px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #333333;
    border: 1px solid #ffffff;
}
.pagination li:hover .page-link, .pagination li.active .page-link {
    border: 1px solid #E3E5E8;
    color: #F23B00;
}
/* footer */
.footer {
    background-color: #E3E5E8;
    margin-top: 28px;
}
.footer .container {
    background-color: #E3E5E8;
}
.links {
    padding-top: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 24px;
}
.links_title {
    font-size: 16px;
    font-weight: bold;
    color: #023990;
}
.links_sub_title {
    font-size: 12px;
    color: #FF9B00;
    margin-left: 5px;
}
.seleclt_box {
    display: inline-block;
    width: 305px;
    position: relative;
    margin-left: 14px;
}
.seleclt_box:hover .ulselect {
    display: block;
}
.ulselect {
    position: absolute;
    bottom: 30px;
    width: 100%;
    display: none;
}
.ulselect li{
    background-color: #fff;
    font-size: 14px;
    padding: 0 14px;
    line-height: 30px;
    border-bottom: #F5F5F5 1px solid;
}
.ulselect li:hover {
    background-color: #F5F5F5;
}
.ulselect li a {
    color: #818181;
}
.ulselect {
    background-color: #fff;
}
.uloption {
    width: 305px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    color: #818181;
    font-size: 14px;
    padding: 0 14px;
}
.uloption:hover .arow_up {
    transform: rotateZ(180deg);
}
.arow_up {
    transition: 0.3s;
    float: right;
    margin-top: 11px;
}
.contact_title {
    font-size: 16px;
    font-weight: bold;
    color: #023990;
}
.contact_sub_title {
    font-size: 14px;
    font-weight: bold;
    color: #FF9B00;
    margin-left: 5px;
}
.contact_info {
    margin-top: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #B4B4B4;
}
.contact_info img {
    vertical-align: middle;
}
.contact_info span {
    margin-left: 22px;
    font-size: 14px;
    color: #666666;
    vertical-align: middle;
}
.contact_col1 {
    float: left;
    margin-top: 15px;
    padding-right: 35px;
    border-right: 1px solid #B4B4B4;
}
.contact_col1 div:nth-child(2) {
    margin-top: 15px;
}
.contact_col2 {
    float: left;
    margin-top: 15px;
    padding: 0 100px 0 32px;
}
.contact_col2 div:nth-child(2) {
    margin-top: 15px;
}
.contact_col3 {
    float: left;
    padding-right: 100px;
    border-right: 1px solid #B4B4B4;
}
.contact_col3 span {
    font-size: 12px;
    color: #818181;
}
.contact_col4 {
    float: left;
    padding-left: 62px;
}
.copyright {
    padding: 20px 0;
    font-size: 12px;
    color: #666666;
    text-align: center;
}
/* fix_nav */
.posr {
    position: relative;
}
.fix_nav {
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: 588px;
}

.fix_box {
    position: relative;
    width: 50px;
    height: 50px;
    border: 2px solid #E3E5E8;
    cursor: pointer;
}
.f1 {
    background: #fff url(../images/tool1.png) no-repeat center;
}
.f2 {
    background: #fff url(../images/tool2.png) no-repeat center;
}
.f3 {
    background: #fff url(../images/tool3.png) no-repeat center;
}
.f4 {
    background: #fff url(../images/tool4.png) no-repeat center;
}
.f5 {
    background: #fff url(../images/tool5.png) no-repeat center;
}
.fix_box:hover {
    border-color: #FF9B00;
}
.fix_box:hover.f1 {
    background: #FF9B00 url(../images/tool11.png) no-repeat center;
}
.fix_box:hover.f2 {
    background: #FF9B00 url(../images/tool21.png) no-repeat center;
}
.fix_box:hover.f3 {
    background: #FF9B00 url(../images/tool31.png) no-repeat center;
}
.fix_box:hover.f4 {
    background: #FF9B00 url(../images/tool41.png) no-repeat center;
}
.fix_box:hover.f5 {
    background: #FF9B00 url(../images/tool51.png) no-repeat center;
}
.fix_tool_tel {display: none; position: absolute; top: -2px; right: -1px; border: 2px solid #FF9B00; width: 160px; height: 50px; font-size: 14px; color: #ffffff; background-color: #FF9B00; line-height: 50px; text-align: center; opacity: 0;}
.fix_box:hover.f2 .fix_tool_tel{display: block; opacity: 1;}
.fix_box:hover.f4 .fix_tool_tel{display: block; opacity: 1;}
.qr {display: none; position: absolute; top: -35px; right: 50px; border: 2px solid #FF9B00; width: 85px; height: 85px; background-color: #FF9B00; opacity: 0;}
.fix_box:hover.f3 .qr{display: block; opacity: 1;}
.fix_oa {display: none; position: absolute; top: -2px; right: -1px; border: 2px solid #FF9B00; width: 160px; height: 50px; font-size: 14px; color: #ffffff; background-color: #FF9B00; line-height: 50px; text-align: center; opacity: 0;}
.fix_oa div {display: inline-block;}
.fix_oa div:first-child {margin-right: 15px;}
.fix_oa div a {font-size: 14px; color: #ffffff;}
.fix_box:hover.f1 .fix_oa{display: block; opacity: 1;}

/* 上传图片点击弹出层 */
.upload-img-popup {
    position: fixed;
    z-index: 9999;
    padding: 3px;
    border: 1px solid #c3c3c3;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,.5);
    overflow-y: scroll;
}
.upload-img-popup .close-pop {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 16px;
    height: 16px;
    background: url(../images/close_btn.png);
}
.upload-img-popup .close-pop:hover {
    text-decoration: none;
    border-bottom: 0 none;
}
.upload-img-popup img {
    display: block;
}

.equipment-detail-cover {float: left; width: 316px;}
.equipment-detail-title {float: left; margin-left: 20px; width: 730px;}
.equipment-detail-contact {margin-top: 10px;}
.equipment-detail-contact span {font-size: 14px;}
.equipment-detail-table {width: 100%;}
.equipment-detail-table td:first-child {background-color: #f2f2f2;}
.equipment-detail-content-title {
    padding-left: 10px;
    line-height: 25px;
    font-size: 18px;
    font-weight: bolder;
    color: #3C59BD;
    margin: 20px 0;
    border-left: 3px solid #3C59BD;
}