/*功能点配图左右定位公共设置*/
.index_body .mode1 .product_img img,
.index_body .mode3 .product_img img,
.pro_body .mode2 .product_img img,
.pro_body .mode4 .product_img img,
.pro_body .mode6 .product_img img,
.pro_body .mode8 .product_img img{left:auto;right:-99px;}
/*连接人与知识部分*/
#one4,#two4,#three4,#ten4,#five4,#nine4,#ten6 {margin-right:0;}
/*2、about页面*/
.about_banner {
    width: 100%;
    height: 358px;
    background: url(../image/about-banner.jpg) top center no-repeat;
    background-size: cover;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}
/*静态banner内容end*/
/*科技管理部分*/
.mode_title{text-align: center;width:100%;color:#333;}
.mode_title .line{background:#888;display:block;}
.product { max-width: 1200px;margin:auto;display: flex;justify-content: space-between;align-items: center; height:auto;box-sizing: border-box;}
.product div {  border-right:1px solid #ddd;  text-align: center;  box-sizing: border-box;  }
.product div a{display: block;}
.product div a img{transition: all 0.5s;}
.product div a:hover img{transform: rotateY(180deg);}
.product div:last-child { border-right:none;}
/*解决方案部分*/
/*解决方案部分*/
.research a .pic_box{ overflow:hidden;}
.research a .pic_box img{ transition:all 0.3s;}
.research a:hover { box-sizing: border-box; }
.research a:hover .pic_box img{transform: scale(1.2);}
/*功能配图集合*/
.wrapper_gray {
    background-color: #FFF;
    position: relative;
    margin:auto;
    overflow: hidden;
}
.product_achievement {
    width: 100%;
    background: #f3f8fc;
    overflow: hidden;
}
.function div span {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}
.function div.active span {
    background: #2882D8;
}
.icon_hover_noneimg span:hover {
    background:#218AED;
}
.icon_hover_noneimg {
    padding: 0;
    display: block;
    float: left;
    text-align: center;
}
.pro_info_left h4, .pro_info_right h4 {  font-weight: normal;  color:#666; }
.tab_text_part h4{display:none;}
.tab_text_part h4:first-child{display:block;}
i.icon_dot {
    display: inline-block;
    width:6px;
    height:6px;
    background:#2882d8;
    border-radius: 100%;
    margin-right:8px;
}
.function {
    display:inline-block;
    text-align: center;
}
.pro_info_right h2,.pro_info_left h2 {  font-weight: normal;  }
@media (max-width: 1024px){
    /*banner按钮*/
    .small-btn {
        background: #f8f8f8;
        height:6rem;
        position:relative;
    }
    /*按钮内容展示*/
    .wrapper_gray,.product_achievement {
        width:100%;
        padding: 3rem 0 1rem;
        box-sizing: border-box;
    }
    .pro_info_right,.function,.pro_info_left { width:100%;text-align: center;}
    /*按钮*/
    .function { display: flex;justify-content: center;margin-top:0;padding:2rem 0 0.2rem 0;}
    .function div span { width:3.5rem;height:3.5rem;border:1px solid #2882d8;}
    .function p { font-size: 1.2rem;margin-top: 0.625rem;color:#333;}
    .pro_info_left h4, .pro_info_right h4 {
        position: relative;
        z-index: 50;
        text-align: left;
        line-height: 1.2rem;
        padding-left: 8%;
        margin-top: 0;
    }
    .pro_info_left h4 i, .pro_info_right h4 i { float:left;margin-top: 0.42rem;}
    .pro_info_left h4 span, .pro_info_right h4 span { display: inline-block;width:calc( 100% - 2.8rem);}
    .icon_hover_noneimg { margin-right:2rem;margin-bottom: 1.8rem;}
    .icon_hover_noneimg:last-child { margin-right:0;}
    /*图片大小*/
    .product_img img { width: 114%;margin-left:-7%; margin-top: -10%; margin-bottom: -3%;  }
    .wrapper_mode7 img { margin-bottom: 0;}
    .pro_info_right h2, .pro_info_left h2 { font-size: 1.6rem;}
    /*科技管理部分*/
    .frame_content,.research{ padding:2.5rem 0 4rem; }
    .mode_title{ margin-bottom:2rem;}
    .mode_title font{ font-size: 1.6rem;color:#333;}
    .mode_title .line{ height: 1px;width: 2.5rem;margin: 0.4rem auto 0;}
    .mode_title .en_name{ font-size: 1rem;color:#888;margin-top:0.2rem;}
    .mode_title.solution{ margin-top:3rem;}
    .product div { width:33.3%;border-right:1px solid #ececec;}
    .product div a img{ width: 30%;}
    .product h2 {
        font-size: 1.1rem;
        font-weight: normal;
        margin-top: 1.2rem;
        margin-bottom: 0.3rem;
    }
    .product p {color:#666;}
    /*解决方案部分*/
    .research { padding-top:0;}
    .research a {
        width: 90%;
        display: flex;
        border-radius: 3px;
        background: #fff;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        margin:24px auto;
        overflow: hidden;
        /*border-bottom: 1px solid #ddd;*/
        box-sizing: border-box;
    }
    .research a:last-child { margin-bottom:0;}
    .research a .pic_box { width:40%;margin-right:1rem;}
    .research a .pic_box img{ width:100%;}
    .research h2 {
        margin-top:28px;
        font-size: 1.4rem;
        margin-bottom: 6px;
        font-weight: normal;
    }
    .research p{color:#666;}
    /*banner轮播图部分*/
    .small-swiper { display: block;}
    .pc-swiper { display: none;}
}
@media (min-width: 1025px) {
    /*科技管理部分*/
    .frame_content{padding:100px 0;}
    .mode_title{font-size: 36px;margin-bottom:80px;}
    .mode_title font{font-size: 36px;*margin-left:5px;color:#333;}
    .mode_title .line{height:2px;width:48px;margin:10px auto 0;}
    .mode_title .en_name{font-size: 14px;color:#444;margin-top:8px;}
    .mode_title.solution{margin-top:100px;}
    .product div { width:400px;}
    .product h2 { font-size: 24px;font-weight: normal;margin-top:36px;}
    .product p { margin-top:12px;font-size: 16px;color:#666;}
    /*解决方案部分*/
    .research {
        width: 1200px;
        margin: auto;
        padding: 0 0 100px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .research a {
        width: 346px;
        padding-bottom: 48px;
        display: inline-block;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        text-align: center;
        overflow: hidden;
        box-sizing: border-box;
    }
    .research a .pic_box{height:229px;overflow:hidden;}
    .research h2 {
        font-size: 24px;
        margin-top:28px;
        margin-bottom: 18px;
        font-weight: normal;
    }
    .research p{color:#666;font-size: 16px;}
    /*内容部分*/
    .wrapper_gray { padding:80px 0;width: 1200px;}
    .product_achievement { padding: 80px 0; }
    .pro_info_right h2,.pro_info_left h2 { font-size: 32px;line-height: 30px; }
    .function { margin-top: 62px;  }
    .pro_info_left h4,.pro_info_right h4 {
        font-size: 16px;
        margin-top: 25px;
        line-height: 28px;
    }
    /*按钮*/
    .icon_hover_noneimg { margin-right: 40px;margin-bottom: 20px;}
    .function div span {
        width: 78px;
        height: 78px;
        border:2px solid #2882d8;
    }
    .function p {
        margin-top: 15px;
        color: #333;
        font-size: 14px;
    }
    .wrapper_white{width:1200px;margin:0 auto;}
    .product_img_left {
        float: left;
        width: 50%;
        height: 296px;
        position:relative;
    }
    .product_img_right {
        float: right;
        width: 50%;
        height: 296px;
        position:relative;
    }
    .product_img img{position:absolute;}
    /*功能配图集合*/
    .product_img img{top:-101px;left:-89px;}
    /*功能配图集合 end*/
    .pro_info_left {  width: 45%;  float: left; }
    .pro_info_right {  width: 45%; float: right; }
    .function {
        display:inline-block;
        width: 485px;
        text-align: center;
        margin-top: 62px;
    }
    .wrapper_mode7 { padding:120px 0;}
}
