/*
* name: responsive
* version: v2.1.1
* update: 添加pad竖屏状态Padp
* data: 2017-06-13
*/

/* hide template textarea */
.UnpcPush textarea,
.PcPush textarea,
.MobilePush textarea,
.UnmobilePush textarea {
    display: none;
}

/*
* PcMode
*/
body:after {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    content: 'Pc';
}

.PcMode:after {
    content: 'Pc' !important;
}

.UnpcPush,
.MobilePush {
    display: none;
}

img[data-src] {
    opacity: 0;
    filter: alpha(opacity=0);
}

img[data-srcloaded] {
    opacity: 1;
    filter: alpha(opacity=100);
}

.index .mwrap {
    padding-top: 120px;
}


@media only screen and (max-width: 1450px) {

    /*首页*/
    .index .mwrap {
        width: 1200px;
    }

    .index .index_d {
        line-height: 24px;
    }
}

/*
* PadMode
*/
@media only screen and (max-width: 1240px) {

    body:after {
        content: 'Pad';
    }

    body {
        user-select: none;
        -webkit-user-select: none;
    }

    html {
        overflow-x: hidden;
    }

    body,
    input,
    textarea,
    button,
    select {
        font-size: 14px;
    }

    .PcPush {
        display: none;
    }

    .UnpcPush {
        display: block;
    }

    .wrap,
    .mwrap,
    .index .mwrap,
    .index .pt3 .bottom .con .item a {
        width: 940px;
    }

    /*padMode 1240px 网站样式*/
    /* .footer1{display:none} */
    .footer2 .l_box,
    .footer2 .r_box {
        float: none;
    }

    .iheader .mobile_key {
        display: block;
    }

    .iheader .inav {
        display: none;
    }

    .iheader .h_earth .language {
        background-size: contain;
        width: 111px;
    }

    .common_banner .comban_img {
        width: 100%;
    }

    .common_banner2 .left_box {
        width: 300px;
    }

    .footer2 .l_box,
    .footer2 .r_box {
        float: right;
    }

    /*新闻列表*/
    .news_list .pt1 .content .left .box {
        padding: 45% 5% 0;
    }

    .news_list .pt1 .content .center .box {
        padding: 10%;
    }

    .news_list .pt1 .content .right .box {
        padding: 6% 6% 13.6%
    }

    .news_list .pt2 .list_hd {
        padding: 30px 20px;
    }

    .news_list .pt2 .list_box {
        padding: 46px 10px 40px;
    }

    .news_list .pt2 .list_main {
        width: 85%;
    }

    .news_list .pt_page a,
    .news_list .pt_page span {
        line-height: 30px;
        padding: 5px 15px;
    }

    /*产品综合*/
    .product .pt1 .item .info .en {
        font-size: 36px;
    }

    .product .pt1 .item .info .ch {
        font-size: 30px;
    }

    .product .pt1 .item .info .d {
        margin-bottom: 10px;
    }

    .product .pt1 .item .info .c {
        margin-right: 40px;
    }

    .product .pt1 .item:nth-child(even) .info .c {
        margin-left: 40px;
    }

    /*产品技术*/
    .product_technology.product .pt1 .item .info .w {
        margin-top: 50px;
    }

    /*产品详细*/
    .product_detail .pt1 .detail_hd_r .con {
        margin: 0 40px;
    }

    .product_detail .pt1 .detail_hd_r .con .tit {
        font-size: 34px;
        margin: 30px 0;
    }

    .product_detail .pt1 .detail_hd_r .con .desc {
        padding-left: 0px;
    }

    .product_detail .pt2 .tit {
        font-size: 40px;
    }

    /*关于我们*/
    .about .con .en {
        font-size: 40px;
    }

    .about .con .ch {
        font-size: 32px;
    }

    .about .pt3 .tit {
        font-size: 40px;
    }

    .about .pt3 .con .pic .item .text {
        padding: 30px;
    }

    .about .pt3 .con .pic .item .text .en {
        font-size: 20px;
    }

    .about .pt3 .con .pic .item .text .ch {
        font-size: 26px;
    }

    /*联系我们*/
    .contact .pt_map .map_info {
        margin-left: -480px;
    }

    /*首页*/
    .index .index_tit {
        font-size: 36px;
    }

    .index .index_en1 {
        font-size: 28px;
    }

    .index .index_ch1 {
        font-size: 18px;
    }

    .index .index_en2,
    .index .pt3 .bottom .index_en2 {
        font-size: 38px;
    }

    .index .index_ch2,
    .index .pt3 .bottom .index_ch2 {
        font-size: 30px;
    }

    .index .pt2 .box2 .con {
        width: 70%;
    }

    .index .pt2 .box3 .index_en2 {
        font-size: 24px;
    }

    .index .pt2 .box3 .index_ch2,
    .index .pt2 .box4 .index_ch2 {
        font-size: 26px;
    }

    .index .pt2 .box .con .info {
        margin: 25px 35px;
    }

    .index .pt4 .span-4 .text .t1 {
        font-size: 32px;
    }

    .index .pt4 .span-4 .text.center .t1 {
        font-size: 36px;
    }

    /*下层banner*/
    .common_banner {
        width: 100% !important;
        height: 300px !important;
    }

    .common_banner img {
        height: 100%;
    }

    .product_banner .con_tab {
        width: 60%;
    }

    .product_banner .con_img {
        height: 100%;
        padding-bottom: 0 !important;
        position: relative;
    }

    .product_banner .con_img img,
    .product_banner .con_img .boll {
        min-height: auto !important;
        width: 1240px !important;
        height: 100%;
        margin-left: -620px;
    }

    .product_banner .con_tab ul li {
        margin-bottom: 10px;
    }

    .job_detail_bg .job_detail_win {
        left: 5%;
        width: 90%;
        margin-left: 0;
    }
}

@media only screen and (max-width: 992px) {
    body:after {
        content: 'Padp';
    }

    .wrap,
    .mwrap,
    .index .mwrap,
    .index .pt3 .bottom .con .item a {
        width: 80%;
    }

    /*padMode 992px 网站样式*/
    .iheader .h_earth .en,
    .iheader .h_earth .jp {
        line-height: 24px;
        font-size: 12px;
    }

    .iheader .h_earth .language .lan_box {
        padding: 10px 5px;
    }

    .iheader .h_earth .language {
        background-size: contain;
        width: 72px;
    }

    .iheader .h_earth .language {
        top: 57%;
        left: -24px;
    }

    /*新闻列表*/
    .news_list .pt1 .content .left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .news_list .pt1 .content .center {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .news_list .pt1 .content .right {
        width: 100%;
    }

    .news_list .pt1 .rect-150 {
        padding-bottom: 95%;
    }

    .news_list .pt1 .content .left .box {
        padding-top: 55%;
    }

    .news_list .pt1 .content .center .box {
        padding: 6%;
    }

    .news_list .pt1 .content .center .box .t {
        height: auto;
        max-height: 52px;
        overflow: hidden;
    }

    .news_list .pt1 .content .right .box .t {
        height: 52px;
    }

    .news_list .pt1 .content .right .box {
        margin-bottom: 30px;
        padding: 6% 6%;
    }

    .news_list .pt1 .content .right .box2 {
        margin-bottom: 0;
    }

    /*产品综合*/
    .product .pt1 .item,
    .product_technology.product .pt1 .item {
        margin-bottom: 50px;
    }

    .product .pt1 .item .info .en {
        font-size: 30px;
    }

    .product .pt1 .item .info .ch {
        font-size: 24px;
        font-weight: 900;
    }

    /*产品技术*/
    .product_technology.product .pt1 .item .info .w {
        margin-top: 15px;
    }

    /*产品详细*/
    .product_detail .pt1 .detail_hd_r .con .tit {
        font-size: 28px;
    }

    .product_detail .pt1 .detail_hd_l {
        padding: 0;
        margin-bottom: 20px;
    }

    .product_detail .pt1 .pro_detail_hd {
        background: #fff;
    }

    .product_detail .pt1 .detail_hd_r {
        background: #bd0e2d;
    }

    .product_detail .pt1 .detail_hd_r .tools_box {
        position: static;
        text-align: right;
        padding: 0 20px 20px;
    }

    .product_detail .pt1 .detail_hd_l,
    .product_detail .pt1 .detail_hd_r {
        width: 100%;
    }

    .product_detail .pt1 .detail_hd_r .con {
        position: static;
    }

    .product_detail .pt2 .tit {
        font-size: 28px;
        margin-top: 50px;
        margin-bottom: 20px;
    }

    /*关于我们*/
    .about .pt2 .culture .cover {
        display: none;
    }

    .about .pt3 .con .map {
        display: none;
    }

    .about .pt3 .con .pic {
        width: 100%
    }

    /*联系我们*/
    .contact .pt_map .map_info {
        margin-left: -370px;
    }

    /*首页*/
    .index .index_tit {
        font-size: 32px;
    }

    .index .index_en1 {
        font-size: 20px;
    }

    .index .index_en2,
    .index .pt3 .bottom .index_en2 {
        font-size: 25px;
    }

    .index .index_ch2,
    .index .pt3 .bottom .index_ch2 {
        font-size: 22px;
    }

    .index .pt2 .box2 .con {
        width: 100%;
    }

    .index .pt4 .span-4 .text.center .t1 {
        font-size: 32px;
    }

    .index .pt2 .box1 .index_tit_desc {
        margin-bottom: 36px;
    }

    .index .pt2 .box .con .info {
        margin: 5px 10px;
    }

    .index .pt1 li .con .info {
        margin: 0 15px 15px;
    }

    .index .pt1 li .con {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding-left: 4rem;
        padding-right: 4rem;
        box-sizing: border-box;
    }

    .index .pt2 .box .con {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding-left: 4rem;
        padding-right: 4rem;
        box-sizing: border-box;
    }

    .index .mwrap {
        padding-top: 12px;
    }

    .index .pt3 .bottom .cover {
        margin-left: 50px;
    }

    .index .pt4 .span-4 .text .t1 {
        font-size: 30px;
    }

    .iheader .search_con .form_el input {
        width: 85%;
    }

    .common_banner2 .left_box {
        width: 180px;
    }

    .index .pt3 .bottom .index_d {
        width: 70%;
    }

    .index_banner h3 {
        font-size: 2rem;
    }

    .index_banner .titles {
        padding-left: 4rem;
        padding-right: 4rem;
        box-sizing: border-box;
    }
}

/*
* MobileMode
*/
@media only screen and (max-width: 760px) {
    body:after {
        content: 'Mobile';
    }

    body,
    input,
    textarea,
    button,
    select {
        font-size: 16px;
    }

    .UnmobilePush {
        display: none;
    }

    .MobilePush {
        display: block;
    }

    img[data-src] {
        opacity: 1;
    }

    .wrap,
    .mwrap,
    .index .mwrap {
        padding-left: 2%;
        padding-right: 2%;
        width: auto;
    }

    .index .pt3 .bottom .wrap {
        padding-left: 0;
        padding-right: 0;
    }

    .mwrap .wrap {
        padding-left: 0;
        padding-right: 0;
    }

    /*移动端防恶意复制信息*/
    * {
        -webkit-touch-callout: none;
        /*系统默认菜单被禁用*/
        -webkit-user-select: none;
        /*webkit浏览器*/
        -khtml-user-select: none;
        /*早期浏览器*/
        -moz-user-select: none;
        /*火狐*/
        -ms-user-select: none;
        /*IE10*/
        user-select: none;
    }

    input {
        -webkit-user-select: auto;
        /*webkit浏览器*/
    }

    textarea {
        -webkit-user-select: auto;
        /*webkit浏览器*/
    }

    /*mobileMode 760 网站样式*/
    .iheader .h_earth {
        height: 76px;
    }

    .iheader .logo {
        width: 50%;
    }

    .iheader .logo a {
        margin: 3px 0;
        width: 120px;
        height: 60px;
    }

    .iheader .h_search {
        width: 30px;
        height: 60px;
    }

    .iheader .h_earth a {
        padding-left: 40px;
    }

    .iheader .mobile_key {
        margin-top: 5px;
        margin-right: 0;
        margin-left: 5px;
    }

    .index_banner{
        padding-top: 67px;
    }

    .footer2 {
        font-size: 12px;
    }

    .channel_content {
        padding: 20px 0 30px;
        min-height: 600px;
    }

    .index_banner .common_tit {
        font-size: 20px;
    }

    .index_banner .common_desc {
        font-size: 18px;
    }

    .index_banner .common_button {
        font-size: 14px;
    }

    /*下层banner*/
    .common_banner .common_tit {
        font-size: 20px;
    }

    .common_banner .common_desc {
        font-size: 18px;
    }

    .common_banner .common_button {
        font-size: 14px;
    }

    /*新闻列表*/
    .news_list {
        padding: 0 0 30px;
    }

    .news_list .pt1 {
        padding: 20px 0;
    }

    .news_list .pt1 .content .center .box {
        padding: 5%;
    }

    .news_list .pt1 .content .left .box {
        padding: 55% 0;
    }

    .news_list .pt1 .content .left .box .t {
        font-size: 18px;
        line-height: 25px;
    }

    .news_list .pt1 .content .center .box .t,
    .news_list .content .right .box .t {
        font-size: 16px;
    }

    .news_list .pt1 .rect-150 {
        padding-bottom: 10px;
        height: auto;
    }

    .news_list .pt2 .bd_r {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .news_list .pt2 .list_main {
        width: 100%;
    }

    .news_list .pt2 .list_box {
        padding: 0;
    }

    .news_list .pt2 li {
        padding: 20px 0;
        border-bottom: 1px solid #e6e6e6;
    }

    .news_list .pt2 .list_box:after {
        display: none;
    }

    .news_list .pt_page a,
    .news_list .pt_page span {
        line-height: 30px;
    }

    /*产品列表*/
    .product_banner .con_tab {
        font-size: 14px;
        /* margin-top:-125px; */
    }

    .prodect_list .pt1 .con {
        width: 100%;
    }

    .prodect_list .pt1 .con .t {
        font-size: 16px;
    }

    .prodect_list .pt1 .con .d {
        font-size: 14px;
    }

    .prodect_list .pt1 .span-6 {
        margin-bottom: 20px;
    }


    /*产品综合*/
    .product .pt1 .item .pic,
    .product .pt1 .item .info {
        width: 100%;
    }

    .product .pt1 .item,
    .product_technology.product .pt1 .item {
        margin-bottom: 20px;
    }

    .product .pt1 .item .info .en {
        font-size: 16px;
    }

    .product .pt1 .item .info .ch {
        font-size: 20px;
        font-weight: 900;
    }

    .product .pt1 .item .info p {
        font-size: 14px;
    }

    .product .pt1 .item .info .d {
        font-size: 12px;
    }

    .product .pt1 .item .pic .tit {
        padding: 0 20px;
    }

    .product .pt1 .item .pic .arrow {
        right: 20px;
    }

    .product .pt1 .item .pic .l_arrow {
        right: 60px;
    }

    .product .pt1 .item:hover .pic .tit {
        background: #bd0e2d;
    }

    .product .pt1 .item:hover .common-btn {
        background: #fff;
        color: #bd0e2d;
        border: 1px solid #bd0e2d;
    }

    .product .pt1 .item .info .c {
        margin-right: 0;
    }

    .product .pt1 .item:nth-child(even) .info .c {
        margin-left: 0;
    }

    /*产品技术*/
    .product_technology.product .pt1 .item .info .w {
        margin: 10px 15px;
    }

    /*.product_banner .con_img img, .product_banner .con_img .boll{margin-left:-380px;}*/

    /*产品详细*/
    .product_detail .pt1 .detail_hd_r .con {
        margin: 0 20px;
    }

    .product_detail .pt1 .detail_hd_r .con .tit {
        font-size: 18px;
        margin: 20px 0;
    }

    .product_detail .pt1 .detail_hd_r .con .desc .t2 {
        font-size: 16px;
    }

    .product_detail .pt1 .detail_hd_r .con .desc .d {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .product_detail .pt1 .detail_hd_r .tools_box {
        font-size: 12px;
    }

    .product_detail .pt2 .tit {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    /*关于我们*/
    .about .pt1 .pic,
    .about .pt1 .desc {
        width: 100%
    }

    .about .pt3,
    .about .pt2 {
        margin-top: 20px;
    }

    .about .pt3 .tit {
        font-size: 18px;
    }

    .about .pt3 .area {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .about .pt3 .con .pic .item .text .en,
    .about .pt3 .con .pic .item .text .ch {
        font-size: 16px;
    }

    .about .pt1 .desc .con {
        margin-left: 0;
    }

    .about .con .en,
    .about .con .ch {
        font-size: 18px;
    }

    /*联系我们*/
    .contact .pt_map {
        height: auto;
        margin: 0 20px;
    }

    .contact .pt_map .map {
        height: 500px;
    }

    .contact .pt_map .map_info {
        position: static;
        width: 100%;
        margin: 20px 0 40px;
    }

    .contact .pt_map .map::before {
        display: none;
    }

    /*人才招聘*/
    .job li .con {
        margin: 0 10px;
        padding: 20px 0;
    }

    .job li .con .tit {
        font-size: 18px;
    }

    .job li .con .t2 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .job li .con .info {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .job li a {
        font-size: 14px;
    }

    .job ul li.form_el {
        margin-bottom: 15px !important;
    }

    .job .form_item {
        border-width: 2px;
    }

    .job li {
        float: none;
        width: auto;
        margin-right: 0;
    }

    /*新闻详细*/
    .news_detail .detail_l,
    .news_detail .detail_r {
        width: 100%;
    }

    .news_detail .news_title {
        font-size: 24px;
    }

    /*首页*/
    .index .pt1 li,
    .index .pt2 .left_box,
    .index .pt2 .box3,
    .index .pt2 .box4,
    .index .pt2 .right_box {
        width: 100%;
        margin-bottom: 2%;
    }

    .index .index_tit,
    .index .index_en1,
    .index .index_en2,
    .index .pt3 .bottom .index_en2,
    .index .pt2 .box4 .index_en2,
    .index .pt2 .box5 .index_en2,
    .index .pt4 .span-4 .text .t1 {
        font-size: 18px;
    }

    .index .index_ch1,
    .index .index_ch2,
    .index .pt3 .bottom .index_ch2,
    .index .pt2 .box3 .index_ch2,
    .index .pt2 .box4 .index_ch2 {
        font-size: 16px;
    }

    .index .index_d {
        font-size: 14px;
    }

    .index .index_d br{
        display: none;
    }

    .index .pt2 .box1 .index_tit_desc {
        margin-bottom: 15px;
    }

    .index .pt2 .box1 .index_tit {
        margin: 20px 0 10px;
    }

    .index .pt3 .index_tit_desc {
        padding-bottom: 15px;
    }

    .index .pt2 .box4 {
        margin-bottom: 0;
    }

    .index .pt2,
    .index .pt3 .top,
    .index .pt4 {
        padding-top: 0;
    }

    .index .pt3 .top {
        padding-bottom: 0;
    }

    .index .pt3 .index_tit,
    .index .pt4 .index_tit {
        padding-top: 20px;
    }

    .index .pt3 .top .scroll {
        display: none;
    }

    .index .pt2 .box1 .index_tit_desc,
    .index .pt3 .box1 {
        margin-bottom: 10px;
    }

    .index .pt3 .bottom .cover {
        display: none;
    }

    .index .pt4 .con {
        margin-top: 15px;
    }

    .index .pt4 .span-4 .text.center .t1 {
        font-size: 18px;
    }

    .index .pt4 .span-4 .text.center .t2 {
        font-size: 16px;
    }

    .index .pt4 {
        padding-bottom: 30px;
    }

    .index .pt4 .more {
        margin-top: 20px;
    }

    .index .pt3 .bottom:before {
        background: url(../img/ipt3_video_cover_m.png) repeat;
    }

    /* .common_banner{height:280px !important;} */
    .product_banner .con_img img,
    .product_banner .con_img .boll {
        width: 760px !important;
        margin-left: -380px;
    }

    .product_banner .con_tab ul li {
        padding: 0 25px;
        margin-bottom: 0;
    }

    .product_banner .con_tab ul li:not(:last-child):after {
        bottom: 0;
    }

    .common_banner .common_content {
        margin-top: -65px;
    }

    .job_detail_bg .job_detail_win {
        height: 400px;
        top: 50%;
        margin-top: -200px;
        overflow-y: auto;
    }

    .job_detail .txt_con {
        height: auto;
    }

    .job_detail .det_rec {
        margin-bottom: 16px;
    }

    .job_detail .det_rec .tit {
        margin-right: 3%;
    }

    .scroll_off .job_detail_bg .job_detail_win {
        height: 400px !important;
    }

    .scroll_off .job_detail_bg .job_detail_win .job_detail_wrap {
        height: 100%;
        overflow-y: auto;
    }

    .job_detail_bg .btn_close {
        right: 10px;
    }

    .job_detail_bg .btn_close {
        width: 15px;
        height: 15px;
        background-size: 100%;
        right: 25px;
        top: 17px;
    }

    .ibanner .video,
    .ibanner .video_cover {
        display: none;
    }

    .ibanner .mobile_img {
        object-fit: cover;
        display: block;
        width: 100%;
        height: 100%;
    }

    .index_banner .common_content,
    .index_banner:before,
    .index_banner:after {
        display: none;
    }

    .iheader .search_con .form_el input {
        width: 70%;
    }

    body .content-49260 .dib.sear_f {
        width: auto;
    }

    body .content-49260 .submit {
        width: 95px;
    }

    .common_banner2 .left_box {
        display: none;
    }

    .index .pt3 .bottom .index_d {
        width: 100%;
    }

    .index .pt3 .bottom .info .btn_box {
        right: 10%
    }

    .pt3 .bottom {
        background: url('../image/maizi.jpg') no-repeat;
        background-size: auto 100%;
        background-position: top center;
        padding-left: 1rem;
        padding-right: 1rem;
        background: #fff
    }

    .index .pt1 li .con,
    .index .pt3 .top {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .index .pt2 .box .con {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .index_banner .titles {
        padding-top: 67px;
        padding-left: 1rem;
        padding-right: 1rem;
        box-sizing: border-box;
    }

    .index_banner h3 {
        font-size: 1rem;
        margin-top: 0 !important;
    }
}


@media only screen and (max-width: 480px) {

    /*mobileMode 480 网站样式*/
    .iheader .logo a img {
        width: 55%;
    }

    .iheader .h_earth {
        display: none;
    }
}