/*CSS整体设定 */
@charset "utf-8"; /*导航栏下方*/

.sub-nav {
    width: 100%;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #3F3F3F;
    padding-left: 10px;
    line-height: 40px;
    background-color: white;
}

.CompanyName {
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 6px;
    width: 250px;
}

    .CompanyName a {
        text-decoration: none; /* 鼠标悬停时元素内的文本没有下划线 */
    }

.CompanyName-Cn {
    font-size: 20px;
    font-weight: 545;
}

.CompanyName-En {
    font-size: 9px;
    font-weight: bold;
}
/*在线咨询样式2*/

#imageBox {
    position: fixed;
    right: 50px;
    top: 100px;
    width: 193px;
    height: 250px;
    background-color: white;
    display: flex;
    z-index: 9999; /*较高的堆叠顺序*/
    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
    display: none;
}

#chatButton {
    position: fixed;
    right: 0px;
    top: 180px;
    transform: translateY(-50%); /*垂直居中*/
    width: 50px;
    height: 150px;
    background-color: rgba(0, 104, 198,0.7);
    color: white;
    display: flex;
    flex-direction: column; /*子元素垂直从上往下排列*/
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    border-radius: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    z-index: 9999; /*较高的堆叠顺序*/
    cursor: pointer;
}

    #chatButton:hover {
        background-color: rgba(0, 104, 198);
    }

    #chatButton span {
        writing-mode: vertical-rl; /*文字竖着排列*/
        text-orientation: upright;
        font-size: 20px;
        letter-spacing: 4px; /*文字间隔*/
        padding-top: 8px; /*第一个字离上边框的距离*/
        font-weight: bold;
    }

    #chatButton img {
        width: 30px;
        height: 30px;
    }
/*横幅/广告*/

.flash-box {
    float: left;
    width: 100%;
    background-color: rgb(234, 233, 231);
    overflow: hidden; /* 清除浮动，使父元素能够包含浮动的子元素 */
    border-top: 1px solid rgb(215, 215, 215);
}

.flash-prev {
    float: left;
    width: 5%;
    margin-top: 180px;
}

    .flash-prev img {
        margin-left: 20px;
    }

.flash-next {
    float: left;
    width: 5%;
    margin-top: 180px;
}

    .flash-next img {
        float: right;
        margin-right: 20px;
    }

.flash-context {
    float: left;
    width: 90%;
    height: 416px;
}

.flash-text {
    float: left;
    background-color: white;
    width: 45%;
    height: 416px;
    margin-right: 10px;
    padding: 20px 20px 0px 40px;
}

.flash-text-title {
    float: left;
    width: 350px;
    height: 75px;
    font-size: 30px;
    line-height: 75px;
}

.flash-text-content {
    float: left;
    text-indent: 2em;
    font-size: 14px;
    line-height: 1.8;
    height: 250px;
}

.flash-text-more {
    color: white;
    float: right;
    width: 100px;
    height: 40px;
    background-color: rgb(70, 142, 208);
    line-height: 40px;
    text-align: center;
    margin-right: 23px;
    margin-bottom: 10px;
    clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%);
    cursor: pointer;
}

    .flash-text-more:hover {
        background-color: rgb(0, 104, 181);
    }

.flash-image {
    float: left;
    height: 416px;
    margin-left: 90px;
    display: flex;
    justify-content: center; /*水平居中*/
    align-items: center; /*垂直居中*/
    padding: 0; /* flex布局能更好地实现居中 */
}
    .flash-image img {
        height: 300px;
        object-fit: fill;
    }

    .ProductClass-box {
        width: 100%;
        background-color: rgb(1, 117, 192);
        overflow: hidden;
        border-top: 3px solid #cce3f2;
        border-bottom: 3px solid #cce3f2;
        outline: 3px solid #000000;
        outline-offset: 0px;
        padding-left: 90px;
    }

.ProductClass-text {
    float: left;
    width: 255px;
    height: 70px;
    border-left: 3px solid #cce3f2;
    color: white;
    cursor: pointer;
}

.ProductClass-text1 {
    float: left;
    width: 1px;
    height: 70px;
    border-left: 3px solid #cce3f2;
    color: white;
    cursor: pointer;
}

.ProductClass-text img {
    float: left;
    margin-top: 7px;
}
/*.banner-class:hover {    background-color:white;    color:black;}*/

.ProductClass-text-cn {
    float: left;
    width: 180px;
    height: 26px;
    margin-left: 5px;
    margin-top: 10px;
    font-size: 16px;
}

.ProductClass-text-en {
    float: left;
    width: 105px;
    height: 15px;
    margin-left: 5px;
    margin-top: 8px;
    font-size: 10px;
}

.introduction-box {
    width: 100%;
    overflow: hidden;
}

.introduction1-text {
    float: left;
    width: 40%;
    margin-left: 5%;
    padding: 20px 20px 0px 40px;
}

#introduction1-text-title {
    height: 55px;
    font-size: 30px;
}

#introduction1-text-content {
    text-indent: 2em;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 84px;
}

.introduction1-text-detail {
    float: right;
    width: 135px;
    height: 40px;
    background-color: rgb(70, 142, 208);
    border-radius: 20px;
    line-height: 40px;
    text-align: center;
    margin-right: 23px;
    margin-bottom: 10px;
    cursor: pointer;
    color: white;
}

    .introduction1-text-detail:hover {
        background-color: rgb(1, 117, 192);
    }

.introduction2-text {
    float: right;
    width: 50%;
    margin-right: 5%;
    padding: 20px 20px 0px 40px;
}

#introduction2-text-title {
    height: 55px;
    font-size: 20px;
}

#introduction2-text-content {
    font-size: 40px;
}

.RecommendProduct1 {
    width: 100%; /* linear-gradient渐变*/
    background-image: linear-gradient(to left, black 0%, rgb(73, 42, 31) 50%, black 100%);
    padding-top: 20px;
    border-bottom: 8px solid white;
    overflow: hidden;
}

.RecommendProduct2 {
    width: 100%;
    background-color: rgb(246, 227, 187);
    padding-top: 20px;
    border-bottom: 8px solid white;
    overflow: hidden;
}

.RecommendProduct1_Model {
    width: 450px;
    height: 50px;
    margin: 0 auto;
    font-size: 30px;
    color: white;
    text-align: center;
}

.RecommendProduct2_Model {
    width: 450px;
    height: 50px;
    margin: 0 auto;
    font-size: 30px;
    color: black;
    text-align: center;
}

.RecommendProduct1_Para {
    width: 800px;
    height: 35px;
    margin: 0 auto;
    font-size: 15px;
    color: white;
    text-align: center;
}

.RecommendProduct2_Para {
    width: 800px;
    height: 35px;
    margin: 0 auto;
    font-size: 15px;
    color: black;
    text-align: center;
}

.RecommendProduct1_btn {
    width: 250px;
    height: auto;
    margin: 0 auto;
}

.RecommendProduct1_btn1 {
    float: left;
    width: 120px;
    height: 40px;
    background-color: rgb(70, 142, 208);
    border-radius: 20px;
    margin-right: 40px;
    color: white;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

    .RecommendProduct1_btn1:hover {
        background-color: rgb(1, 117, 192);
    }

.RecommendProduct1_btn2 {
    float: left;
    width: 60px;
    height: 40px;
    border: 1px solid rgb(1, 117, 192);
    border-radius: 20px;
    color: rgb(70, 142, 208);
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

    .RecommendProduct1_btn2:hover {
        background-color: black;
        color: white;
    }

.RecommendProduct1_Img {
    margin: 60px auto 20px auto;
    overflow: hidden;
    display: flex; /* 设置为Flex布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

    .RecommendProduct1_Img img {
        height: 380px;
        object-fit: fill;
    }

.RecommendProduct1_select {
    float: right;
    height: 40px;
    margin-right: 2%;
    border-radius: 10px;
    color: white;
    background-color: rgb(70, 142, 208);
    margin-bottom: 10px;
    cursor: pointer;
}

.RecommendProduct2_select {
    width: fit-content;
    height: 40px;
    margin: 0 auto;
    border-radius: 10px;
    color: white;
    background-color: rgb(70, 142, 208);
    margin-bottom: 10px;
    cursor: pointer;
}

    .RecommendProduct2_select a div {
        display: inline-block;
    }

.RecommendProduct1_select1 {
    float: left;
    width: 160px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

    .RecommendProduct1_select1:hover {
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
        color: #faca08;
    }

.RecommendProduct1_select2 {
    float: left;
    width: 1px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.whitebox {
    width: 100%;
    height: auto;
    background-color: white;
    overflow: hidden; /* 清除浮动，使父元素能够包含浮动的子元素 */
}

.RecommendProduct3 {
    width: 48.5%;
    float: left;
    margin-left: 1%;
    background-color: #f5f5f7;
    padding-top: 20px;
    border-bottom: 8px solid white;
    overflow: hidden;
}

.productapplication {
    width: 100%;
    height: 70px;
    background-color: rgb(245, 245, 247);
    font-size: 30px;
    line-height: 70px;
    padding-left: 8%;
}

.solutionandapplication {
    width: 80%;
    height: auto;
    background-color: white;
    overflow: hidden; /* 清除浮动，使父元素能够包含浮动的子元素 */
    margin-left: 10%;
}

.app1 {
    float: left;
    width: 25%;
    overflow: hidden;
}

.app1-img {
    width: 360px;
    height: 190px;
    background-color: rgb(209, 227, 237);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 2%;
}
    .app1-img img {
        object-fit: fill;
    }

.app1-title {
    height: 50px;
    color: rgb(1, 117, 192);
    font-size: 18px;
    line-height: 50px;
    margin-left: 2%;
}

.app1-text {
    height: 70px;
    font-size: 14px;
    margin-left: 2%;
}

.news {
    width: 100%;
    height: auto;
    background-color: rgb(245, 245, 247);
    overflow: hidden;
}

.news-class-title {
    font-size: 14px;
}

.news1 {
    float: left;
    width: 450px;
    background-color: rgb(245, 245, 247);
    margin-left: 130px;
    overflow: hidden;
}

.news1-img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 450px;
    height: 180px;
    background-color: white;
}

.news1-text {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 450px;
    background-color: rgb(227, 227, 227);
    overflow: hidden;
}

.news1-text-text {
    float: left;
    font-size: 14px;
    height: 80px;
    width: 80%;
    line-height: 20px;
    text-indent: 2em;
    margin-top:30px;
}

.news1-text-time {
    float: left;
    font-size: 14px;
    height: 80px;
    line-height: 20px;
    margin-top: 30px;
}

.news-more {
    float: left;
    width: 65px;
    height: 35px;
    background-color: rgb(76, 149, 215);
    margin-left: 375px;
    margin-bottom: 10px;
    border-radius: 20px;
    text-align: center;
    line-height: 35px;
    font-size: 12px;
    color: white;
    cursor: pointer;
}

    .news-more:hover {
        background-color: rgb(0, 104, 198);
    }

.footer-nav1 {
    float: left;
    width: 330px;
    height: 450px;
    margin-left: 8%;
    margin-top: 40px;
}

    .footer-nav1 ul {
        padding-left: 0;
        list-style: none;
    }

        .footer-nav1 ul li {
            font-size: 12px;
            line-height: 2;
        }

.footer-nav2 {
    float: left;
    width: 330px;
    height: 450px;
    margin-top: 40px;
}

    .footer-nav2 ul {
        padding-left: 0;
        list-style: none;
    }

        .footer-nav2 ul li {
            font-size: 12px;
            line-height: 2;
        }
/* 左右按钮通用样式 */ /* 左按钮样式 */ /* 右按钮样式 */ /* CSS整体设定 */
@charset "utf-8";

img {
    border: 0px
}

a {
    text-decoration: none
}

ul li {
    list-style: none
}
/* “关于我们”标题*/ /* 标题文字链接*/ /* “关于我们”内容输出*/ /* “关于我们”文字的超链接颜色显示*/ /* 左边新闻内容 */ /* 更多选项 */ /* 左边产品推荐 */ /* 右边分类介绍内容 */ /* 相机,margin:10px(距顶部) 0px (距右侧) 10px(距下面) 50px; (距左侧)*/ /* 图像采集卡,margin:10px(距顶部) 0px (距右侧) 10px(距下面) 50px; (距左侧)*/ /* 镜头,margin:10px(距顶部) 0px (距右侧) 10px(距下面) 50px; (距左侧)*/ /* 光源 ,margin:10px(距顶部) 0px (距右侧) 10px(距下面) 50px; (距左侧)*/ /* 相机,margin:10px(距顶部) 0px (距右侧) 10px(距下面) 50px; (距左侧)*/ /* 图像采集卡,margin:10px(距顶部) 0px (距右侧) 10px(距下面) 50px; (距左侧)*/ /* 电气,margin:10px(距顶部) 0px (距右侧) 10px(距下面) 50px; (距左侧)*/ /* 行业应用 */ /* 底部 */ /* 快速通道 */ /* 联系我们 */ /* 市场监管 */ /*边框*/ /* 产品选型助手 */ /*.产品介绍cont_panel{ width:600px; float:left; padding:10px 32px;  border-top:1px dotted #fff}*/ /*border:1px solid #C6D2E3;*/ /* flexslider */ /* 相机介绍 */ /* 相机介绍图片 */ /* 相机介绍文字 */ /* 相机介绍文字标题 */ /* 相机介绍文字正文 */ /* 图像产品介绍 */ /* 图像产品介绍标题 */ /* 图像产品介绍正文 */ /* 图像产品导航栏 */ /* 图像产品子类介绍整体 */ /* 图像产品子类介绍个体 */ /* 图像产品子类介绍个体图片 */ /* 图像产品子类介绍个体文字 */ /* 图像产品子类介绍个体文字标题 */ /* 图像产品子类介绍个体参数 */ /* 图像产品子类介绍个体文字正文 */ /* 图像产品子类推荐产品 */ /* 图像产品子类介绍整体 */ /* 图像产品子类介绍左 */ /* 图像产品子类介绍右 */ /* 图像产品子类介绍图片 */ /* 图像产品子类介绍文字 */ /* 图像产品子类介绍标题 */ /* 图像产品子类介绍正文 */ /* 图像产品子类介绍 */ /* 图像产品子类介绍左边 */ /* 图像产品子类介绍右边 */ /* 品牌介绍 */ /* 品牌介绍图片 */ /* 品牌介绍文字 */ /* 品牌介绍文字标题 */ /* 品牌介绍文字正文 */ /* "系列产品" */ /* "系列产品"无下划线 */ /* "系列产品"标题*/ /* 品牌系列介绍整体 */ /* 品牌系列介绍个体 */ /* 品牌系列介绍个体图片 */ /* 品牌系列介绍个体文字 */ /* 品牌系列介绍个体文字标题 */ /* 品牌系列介绍个体文字正文 */ /* 图像采集卡介绍图片 */ /* 一级页面二级类介绍主体 */ /* 一级页面介绍主体 */ /* 相机介绍图片 */ /* 相机介绍文字 */ /* 相机介绍文字标题 */ /* 一级页面二级类介绍单个 */ /* 一级页面二级类介绍背景 */ /* 一级页面二级类介绍单个图片 */ /* 一级页面二级类介绍单个标题 */ /* 一级页面二级类介绍单个介绍文字 */ /* 一级页面二级类介绍单个进入按钮 */ /* 产品选型工具 */ /* 产品选型参数 */ /* 产品选型参数文字 */ /* 产品选型参数下拉框 */ /* 产品介绍导航栏 */ /* 图像产品导航栏 */ /* "系列产品"标题*/ /*.Product_nav2 {    width: 1200px;    height: 50px;    margin: 0 auto;    border-bottom: 1px solid #15487F;}*/ /*    .Product_nav2 ul {        width: 1200px;        height: 50px;        font-size: 20px;        line-height: 50px;        float: left;        font-family: "微软雅黑"    }.Product_nav2_1 {    width: 240px;    background: url() no-repeat center right;    float: left;    text-align: center;    background-color: #15487F;}    .Product_nav2_1 a {        color: #FFFFFF;    }.Product_nav2_2 {    width: 240px;    background: url() no-repeat center right;    float: left;    text-align: center;}    .Product_nav2_2 a {        color: #000000;    }*/ /*底部不要设置高度，否则缩小浏览器窗口，超过范围的里面的子元素会跑出来*/

.footer {
    width: 100%;
    background-color: rgb(231, 231, 231);
    overflow: hidden;
    margin-top:50px;
}
/*底部内容*/

.footer-center {
    display: flex; /* 设置为flex容器 */
    flex-wrap: wrap; /* 允许换行，适应小屏幕 */
    max-width: 1600px;
    width: 85%;
    margin: 0 auto;
    background-color: transparent;
    overflow: hidden;
    padding: 10px 10px 10px 50px;
}

.footer_list1 {
    width: 125px;
    float: left;
}

    .footer_list1 b p {
        font-size: 16px;
        line-height: 26px;
        color: black;
    }

    .footer_list1 a p {
        font-size: 16px;
        line-height: 26px;
        color: black;
    }

.footer_list2 {
    width: 155px;
    float: left;
}

    .footer_list2 b p {
        font-size: 16px;
        line-height: 26px;
        color: black;
    }

    .footer_list2 a p {
        font-size: 16px;
        line-height: 26px;
        color: black;
    }

.footer_list3 {
    width: 135px;
    float: left;
    color: black;
}

    .footer_list3 b p {
        font-size: 16px;
        line-height: 26px;
        color: black;
    }

    .footer_list3 a p {
        font-size: 16px;
        line-height: 26px;
        color: black;
    }

.footer_list4 {
    width: 260px;
    float: left;
    color: black;
}

    .footer_list4 b p {
        font-size: 16px;
        line-height: 26px;
        color: black;
    }

.footer_list5 {
    float: left;
    width: 650px;
    color: black;
}

.footer_list6 {
    font-size: 16px;
    margin-top: 44px;
    line-height: 40px;
    color: black;
}

.record_no {
    width: 1200px;
    color: black;
    line-height: 22px;
    font-size: 16px;
    text-align: left;
    float: left;
}

.search-input {
    border: none;
    outline: none;
    flex: 1;
    font-size: 16px;
}

.ImgProductIntroduction {
    padding-left: 90px;
    height:500px;
}
.ImgProductIntroduction_Title {
    width:100%;
    font-weight: bold;
    font-size: 40px;
    line-height: 100px;
}
.ImgProductIntroduction_Img {
    float: left;
    width: 30%;
}
    .ImgProductIntroduction_Img img {
        width:100%;
        object-fit: fill;
    }
.ImgProductIntroduction_Text {
    float: right;
    padding-right: 10%;
    width: 60%;
}


.ImgProductClassIntroduction {
    padding-left: 10%;
    height: 250px;
}
.ImgProductClassIntroduction_Img {
    float: left;
    width: 250px;
    height: 250px;
}
    .ImgProductClassIntroduction_Img img {
        width: 100%;
        object-fit: fill;
    }
.ImgProductClassIntroduction_Text {
    float: left;
    width: 75%;
}
    .ImgProductClassIntroduction_Text div {
        margin-top: 50px;
        margin-left: 10%;
        width: 80%;
    }

.ImgProductSearch {
    width: 100%;
    height: 204px;
    float: left;
    background-color: white;
}
.ImgProductSearch_Title {
    width: 100%;
    margin-top: 40px;
    font-size: 24px;
    line-height: 80px;
    text-align: center;
}
.ImgProductSearch_Search {
    width: 26%;
    height:44px;
    margin: auto;
    border-radius: 10px;
    border: 1px solid gray;
}
.ImgProductSearch_SearchImg {
    float:left;
    width: 20px;
    height: 20px;
    margin-top: 11px;
    margin-left: 11px;
}
.ImgProductSearch_SearchInput {
    float: left;
    width: 50%;
    font-size: 12px;
    line-height: 36px;
    margin-top: 4px;
    margin-left: 12px;
    border: none;
    outline: none;
    flex: 1;
}
.ImgProductSearchClass {
    width: 100%;
    height: 530px;
    border-bottom: 4px solid #4f4f4f;
    background-color:#ffffff;
}
.ImgProductSearchClass1 {
    width: fit-content;
    margin: 0 auto;
}
.ImgProductSearchClass1_word {
    width: 200px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    color: gray;
    display: inline-block;
    border-bottom: 2px solid gray;
}
    .ImgProductSearchClass2 {
        width: 800px;
        margin: 0 auto;
    }
.ImgProductSearchClass2_one{
    float:left; 
    width:200px;
    height:250px;
}
    .ImgProductSearchClass2_one img {
        margin-top: 33px;
        margin-left: 33px;
    }
    .ImgProductSearchClass2_one div {
        font-size: 20px;
        line-height: 40px;
        color: gray;
        text-align: center;
    }

.ImgProductAll {
    margin-top: 40px;
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.ImgProductClass {
    float: left;
    width: 13%;
    margin-left:8%;
}
.ImgProductClass_Title {
    font-size: 20px;
    line-height: 40px;
    color:black;
}
.ImgProductClass_Word1 {
    font-size: 16px;
    line-height: 32px;
    color: black;
}

.ImgProductClass_Series{
    width:80%;
    margin-left:10%;
    float:left;
}
.ImgProductClass_img {
    width: 30%;
    position: relative;
    float: left;
}

    .ImgProductClass_img img {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
.ImgProductClass_word {
    height: 300px;
    width:50%;
    position: relative;
    float: left;
}
.ImgProductClass_word_title {
    font-size: 30px;
    line-height: 50px;
    float: left;
    margin-left: 100px;
    color: #000000;
}
.ImgProductClass_word_context {
    font-size: 15px;
    line-height: 24px;
    float: left;
    margin-top: 30px;
    margin-left: 30px;
    color: #000000;
}
.ImgProductClass_box {
    width: 100%;
    height: 40px;
    background-color: #0175c0;
    overflow: hidden;
    padding-left: 10%;
    margin-top: -40px;
}
    .ImgProductClass_box div {
        float: left;
        width: 160px;
        border: 1px solid #ffffff;
        color: white;
        font-size: 12px;
        line-height: 40px;
        text-align: center;
    }


.ImgProductSeries_box {
    width: 100%;
    height: 40px;
    background-color: #999999;
    overflow: hidden;
    padding-left: 90px;
}

    .ImgProductSeries_box div {
        float: left;
        width: 160px;
        border: 1px solid #ffffff;
        color: white;
        font-size: 12px;
        line-height: 40px;
        text-align: center;
    }


.ImgProductClassSeries {
    width: 100%;
    height: 200px;
    margin-top: 50px;

    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
}
    .ImgProductClassSeries a{
        width:300px;
    }
        .ImgProductClassSeries a div {
            float: left;
            width: 300px;
            color: #9f9fa0;
            font-size: 12px;
            line-height: 40px;
        }

.ProductClass_One {
    padding-left: 10%;
    width:80%;
}
    .ProductClass_One a {
        width: 300px;
    }
        .ProductClass_One a div {
            float: left;
            width: 300px;
            color: #9f9fa0;
            font-size: 12px;
            line-height: 40px;
        }
.ImgProductType_box {
    width: 100%;
    height: 40px;
    background-color: #999999;
    overflow: hidden;
    padding-left: 10%;
    margin-top: -40px;
}
    .ImgProductType_box div {
        float: left;
        width: 160px;
        border: 1px solid #ffffff;
        color: white;
        font-size: 12px;
        line-height: 40px;
        text-align: center;
    }
.ImgProductClassType {
    width: 80%;
    margin-left: 10%;
    margin-top: 50px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.ImgProductClassTypeOne {
    float: left;
    width: 50%;
    margin-top: 50px;
}
.ImgProductClassType_Img {
    float:left;
    width: 40%;
    background-color: #f5f5f7;
}
    .ImgProductClassType_Img img {
        width: 100%;
    }
.ImgProductClassType_Word {
    float: left;
    width: 50%;
    margin-left:5%;
}
.ImgProductClassType_Word_Title {
    font-size: 24px;
    line-height: 40px;
    color: black;
    font-weight: bold;
}
.ImgProductClassType_Word_Context {
    font-size: 12px;
    line-height: 24px;
    color: black;
}
.ImgProductClassType_Word_Button {
    height: 40px;
    width: 100px;
    float:right;
    margin-right:5%;
    margin-bottom:5%;
    border-radius: 10px;
    background-color: #0175c0;
}
    .ImgProductClassType_Word_Button a div {
        font-size: 12px;
        line-height: 40px;
        color:white;
        text-align: center;
    }

.ImgProductSelector {
    width: 100%;
    overflow: hidden;
    padding-left: 10%;
    margin-top: -50px;
}
.ImgProductSelectorOne {
    float: left;
    width: 13%;
    margin-left: 8%;
    margin-top:50px;
    color: black;
    border-radius: 20px;
    background-color: #0175c0;
}
    .ImgProductSelectorOne:hover {
        background-color: #faca08;
    }
    .ImgProductSelectorOne a div {
        font-size: 16px;
        line-height: 40px;
        color: white;
        text-align: center;
    }

.ProductSelectorAll {
    width: 90%;
    overflow: hidden;
    padding-left: 90px;
}
.ProductSelectorAll_Title {
    width:100%;
    font-size: 30px;
    line-height: 50px;
    float: left;
    color: black;
}
/* 产品选型参数 */
.ProductSelector_One {
    width: 250px;
    height: 94px;
    float: left;
    margin-left: 0px;
}
/* 产品选型参数文字 */
.ProductSelector_One_Word {
    width: 230px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    color: #f76900;
    margin-top: 10px;
    margin-left: 10px;
}
/* 产品选型参数下拉框 */
.ProductSelector_One_DropDownList {
    width: 230px;
    height: 32px;
    border: 1px solid #969696;
    font-size: 18px;
    margin-left: 10px;
}

    .ProductSelector_One_DropDownList:hover {
        border: 1px solid #f76900;
    }

.NewsSelectorAll {
    width: 100%;
    height: 84px;
    /*background-color: #f5f5f7;*/
}
.NewsSelector {
    width: 100%;
    overflow: hidden;
    padding-left: 90px;
    float: left;
}
.NewsSelector_One {
    width: 240px;
    height: 32px;
    border-radius: 10px;
    font-size: 18px;
    margin-top: 26px;
    margin-left: 20px;
    float:left;
}
.NewsAll {
    width: 80%;
    overflow: hidden;
    padding-left: 90px;
}
.NewsTime {
    width: 100%;
    height: 50px;
    border-bottom: 3px solid #f5f5f7;
    font-size: 24px;
    line-height: 50px;
    font-weight: bold;
    float: left;
    margin-top: 50px;
}
.NewsOne{
    width:100%;
    height:240px;
}
.NewsOne_Img {
    width:25%;
    height:240px;
    float:left;
}
    .NewsOne_Img img{
        margin-top:25px;
        height:190px;

    }
.NewsOne_Word {
    width: 75%;
    height: 240px;
    float: left;
}
.NewsOne_Word_Title {
    margin-top: 25px;
    font-size: 18px;
    line-height: 50px;
    color: #707075;
}
.NewsOne_Word_Word {
    font-size: 24px;
    line-height: 50px;
    font-weight: bold;
    color: black;
}
.NewsOne_Word_Time {
    font-size: 18px;
    line-height: 50px;
    color: #707075;
}

.DownloadOne {
    width: 100%;
    height: 150px;
}
.DownloadOne_Word {
    width: 100%;
    float: left;
}
.DownloadOne_Word_Word {
    float: left;
    width: 60%;
    font-size: 24px;
    line-height: 50px;
    font-weight: bold;
    color: black;
}
.DownloadOne_Word_Time {
    float: left;
    width: 40%;
    font-size: 18px;
    line-height: 50px;
    color: #707075;
}

.table1 {
    width: 100%;
    border-collapse: collapse;
}

    .table1 caption {
        font-size: 2em;
        font-weight: bold;
        margin: 1em 0;
    }

.th1, td1 {
    border: 1px solid #999;
    text-align: center;
    padding: 20px 0;
}

.tr2 {
    background-color: #15487F;
    color: #fff;
}

.tr1 {
    background-color: #eee;
}

    .tr1:hover {
        background-color: #c6c6c6;
    }

.tr1choose {
    background-color: #eee;
}

    .tr1choose:hover {
        background-color: #c6c6c6;
    }

.td1:first-child {
    color: #15487F;
}

.table1 tfoot1 tr1 td1 {
    text-align: right;
    padding-right: 20px;
}