﻿/*
* 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); }
/*
* 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 { width:940px; }
    /*padMode 1240px 网站样式*/
    .nav{display:none;}
    .mobile_key{display:block;line-height:20px;margin-top: 40px;margin-right: 10px;}



    /*index*/
    .ipart01 .rect-35 {padding-bottom: 0;height: auto;}
    .ipart01 .rect-394 {padding-bottom: 34%;}
    .ipart01 .content .content_c .item {width: 100%;}
    .ipart01 .content .content_c .item .box {padding: 20px;}

    .ipart02 .f_left {width: 42%;margin-left: 2.5%;}
    .ipart02 .f_right {margin-right: 2.5%;width:48%;}

    .ipart03 .info{margin-left:0;}


    /* 服务支持 */
    .service01 .infor .tit{font-size:33px; line-height:30px;}
    .service02 .cover .box .t{margin-bottom:10px}
    .service02 .left .cover .box{padding:25px;}
    .service02 .cover .box{padding:20px;}


}
@media only screen and (max-width: 992px) {
    body:after {
        content: 'Padp';
    }
    .wrap, .mwrap { width:95%; }
    /*padMode 992px 网站样式*/
    .header .head .logo{margin-right:0;width: 80%;}

    /* xc_nav */
    .xc_nav{line-height:60px; height:60px;}
    .xc_nav .left ul li{padding:0 15px;}

    /* xc_banner */
    .xc_banner{position:relative; overflow:hidden; height:307px;}
    .xc_banner img {position:absolute;width:1200px;left:50%;margin-left:-600px;max-width:none;}
    .xc_banner .content{bottom:60px;}
    .xc_banner .banner_mouse{bottom:0;}
    .xc_banner .content .tit{font-size:30px;}

    /*关于我们*/
    .common-infor .con{font-size:25px;}

    .ibulletin .inotice_wrap { margin-bottom:10px; width:100%; }
    .ibulletin .istock { float:left; width:100%; }
    /*index*/
    .index .pt1 .l_box .t1{font-size:38px;}
    .index .pt1 .l_box .t2{font-size:24px; margin-bottom:10px;}
    .index .pt1 .l_box .num_box .num span{font-size:32px;}
    .index .pt1 .l_box .info{margin-bottom:15px;}
    .index .pt2 .t1{font-size:46px;}
    .index .pt2 .t2{font-size:26px;}
    .index .pt2 .pro_box .mask .desc{margin-bottom:10px;}
    .index .pt2 .tit .name{font-size:16px;}

    /* 服务支持 */
    .service02{margin-top:40px}
    .service02 .cover .box .c{height:48px; overflow-y:auto;}
    .service02 .left .cover .box .c{height:144px; overflow-y:auto;}
    .service02 .right .r_top .item{margin-bottom:12px;}


    /* 新闻列表 */
    .news_list01{padding:50px 0; background-size:cover;}
    .news_list01 .infor .tit{font-size:30px;}
    .news_list01 .content .item{width:48%; margin:0 1%;}
    .news_list01 .content .item.item2{margin:0 1%;}
    .news_list01 .content .item.item3{width:100%; margin:0; overflow:hidden; margin-top:15px;}
    .news_list01 .content .item .item_t{width:48%; margin:0 1%; float:left;}

    /* 新闻详细 */
    .news_detail01 .content .c_left{display:none;}
    .news_detail01 .content{padding-left:0;}
    .news_detail01 .content .c_right{width:27%;}
    .news_detail01 .content .c_center .tit{font-size:30px;}
    .news_detail01 .content .c_right .hot_news .infor .box{padding:20px 20px 0;}
    .news_detail01 .content .c_right .hot_news .con .box{padding:20px;}

    /* 联系我们 */
    .contact_us01 .map{width: 100%;}
    .contact_us01 .content{height: 100%;}
    .contact_us01 .content .cover{width:50%;}
    .contact_us02 ul li .box{padding:7%;}
    .contact_us02 ul li{min-height:215px;}
    
}
/*
* MobileMode
*/
@media only screen and (max-width: 760px) {
    body:after {
        content: 'Mobile';
    }
    body,input,textarea,button,select {font-size: 13px;}
    .UnmobilePush{display: none;}
    .MobilePush{display:block;}
    img[data-src]{opacity: 1;}
    .wrap, .mwrap {padding-left:2%;padding-right:2%;width:auto;}
    .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 网站样式*/
    .footer_area {padding-top: 30px;height: auto;padding-bottom: 30px;}
    .foot_right {float: none;width: 165px;margin-top: 0;}
    .foot_copy {float: none;margin-top: 0;}
    .foot_copy_num,.foot_copy_com,.foot_copy_record {color: #fff;margin-right: 7px;margin-top:30px;}
    .foot_menu{float: none;margin-bottom: 20px;}
    /* xc_banner */
    .xc_banner{height:205px;margin-top: 80px;}
    .xc_banner img{width:800px; margin-left:-400px;}
    .xc_banner .content{bottom:40px;}
    .xc_banner .content .tit{font-size:18px;}
    .xc_banner .banner_mouse{right:10px;}
    
    /* xc_nav */
    .xc_nav {display:none;}

    .channel_content{padding:20px 0;}

    
    /*index*/
    .index_slider {margin-top: 83px;}
    .index_slider .owl-carousel .owl-item .mobile_img{display:block; height:auto;}
    .index_slider .ibanner .text_box{position: absolute;bottom: 10%;top: auto;}
    .index_slider .ibanner .banner_img{position:static; width:100%; margin:0;}
    .index_slider .ibanner .active .text_box{left:2%;width:auto;right:2%;margin-left: 0;}
    .index_slider .ibanner .text_box .en{font-size: 14px;}
    .index_slider .ibanner .text_box .tit{font-size:18px;}
    .index_slider .ibanner .text_box .cn{font-size: 20px;}


    .ipart03 .con .titen{font-size:20px;}
    .ipart03 .con .tit{font-size: 24px;margin-top: 40px;}
    .ipart03 .info{margin-top:40px;}
    .ipart03 .info .name{font-size:18px;}
    .ipart03 .info .d{font-size:14px;} 


    /* 关于我们 */
    .common-infor .tit{font-size:14px;}
    .common-infor .con{font-size:20px; margin-bottom:20px;}
    .about_us01{margin-bottom:20px;}
    .about_us01 .left{width:100%;}
    .about_us01 .right{width:100%; font-size:14px;}


    /*业务*/
    .yewu01 .yw_c_ri {width: 100%; padding-bottom:20px; height: auto; }
    .yewu01 .wrap_copper {height: auto; } 
    .yewu01 .yw_c_le {width: 100%; padding: 0; }
    .yewu01 .yw_c_le p {width: 100%; -webkit-line-clamp:none; height: auto; }
    .yewu01 .yw_cl_l {width: 98%; }
    .yewu02 {padding: 40px 0; }

    /* 服务支持 */
    .service01 .infor .tit{font-size:20px; line-height:24px;}
    .service01 .content .t{font-size:17px; line-height:23px; margin:5px 0}
    .service01 .content .c{font-size:13px; line-height:20px;}
    .service02{margin-top:20px}
    .service02 .left{width:100%; margin-bottom:20px;}
    .service02 .right{width:100%;}
    .service02 .cover .box .c{height:auto;}
    .service02 .left .cover .box .c{height:auto;}
    .service02 .right .r_top .item{width:100%;}
    .service02 .cover .box .c a{font-size:20px; vertical-align:-2px}



    /* 新闻列表 */
    .channel_content.news_list{padding:0;}
    .news_list01{padding:15px 0;}
    .news_list01 .infor .tit{font-size: 24px;float: none;}
    .news_list01 .infor .list{margin-top: 20px;float: none;}
    .news_list01 .infor {margin-bottom: 10px;}
    .news_list01 .content .item .txt .box .tit{font-size:13px; line-height:24px; height:48px; margin-bottom:5px;}
    .news_list01 .content .item .txt .box .con{font-size:12px;}
    .news_list02{padding:15px 0;}
    .news_list02 .list_hd{margin-bottom:15px;}
    .news_list02 .list_hd .inp_box_wrap .hd_btn{height:30px;}
    .news_list02 li:last-child{margin-bottom:0;}
    .news_list02 .list_hd{padding:0 2%}
    .news_list02 .list_hd .inp_box_wrap .hd_btn{margin-left:0; background-color:transparent; float:right; margin-top:-5px; width:9%;}
    .news_list02 .list_hd .inp_box_wrap{margin-left:0; border-bottom:1px solid; margin-bottom:10px; width:100%;}
    .news_list02 .list_hd .inp_box_wrap .inp_box{font-size:13px; line-height:30px; height:30px;}
    .news_list02 .list_bd ul li{margin-bottom:15px;}
    .news_list02 .list_bd ul li .content .txt .box{padding:10px 15px;}
    .news_list02 .list_bd ul li .content .txt .box .tit{font-size:13px; line-height:16px;}
    .news_list02 .list_bd ul li .content .txt .box .date{font-size:12px; line-height:16px; margin-bottom:0;}
    .news_list02 .list_bd ul li .content .txt .box .con{font-size:12px; height:40px; line-height:20px;}
    .news_list02 .list_bd ul li .more{display:none;}
    .news_list02 .list_bd ul li .content .img{width:40%;}
    .news_list02 .list_bd ul li .content .txt{width:60%;}


    /* 新闻详细 */
    .news_detail01 {padding: 40px 0 0;}
    .news_detail01 .content .c_center{width:100%; float:none;}
    .news_detail01 .content .c_right{width:100%; position:static; margin-top:15px;}
    .news_detail01 .content .c_center .tit{font-size:20px;}
    .news_detail01 .content .c_center .tools{margin:15px 0; font-size:13px;}

    .news_detail01 .content .c_right .list .box{padding:15px;}
    .news_detail01 .content .c_right .list .box .t{font-size:13px;}
    .news_detail01 .content .c_right .list .box .d{font-size:13px;}
    .news_detail01 .content .c_right .list .box .tit{font-size:13px; height:auto;}
    .news_detail01 .content .c_right .list>div{margin-bottom:15px;}
    .news_detail01 .content .c_right .hot_news .infor .tit{font-size:16px;}
    .news_detail01 .content .c_right .hot_news .infor .more{font-size:13px;}
    .news_detail01 .content .c_right .hot_news .con .box{padding:15px;}
    .news_detail01 .content .c_right .hot_news .con .item .t{font-size:13px; height:auto;}
    .news_detail01 .content .c_right .hot_news .con .item .d{font-size:13px;}

    /* 联系我们 */
    .contact_us01 .content .map{height:230px; width:100%;}
    .contact_us01 .content .cover{width:100%; position:static;}
    .contact_us01 .content .cover .infor{padding:15px;}
    .contact_us01 .content .cover .infor .tit{font-size:20px; padding-bottom:15px; margin-bottom:15px;}
    .contact_us01 .content .cover .infor .con dt{margin-bottom:15px;}
    .contact_us01 .content .cover .infor .con{margin-bottom:15px;}
    .contact_us01 .content .cover .infor .img_box .item .txt{font-size:13px;}
    .contact_us01 .content .cover .infor .con dd{font-size:13px;}
    .contact_us02 ul li{margin-bottom:15px;}
    .contact_us02 ul li,.contact_us02 ul li.three_item{width:49%; margin-right:2%;}
    .contact_us02 ul li:nth-child(2n){margin-right:0;}
    .contact_us02{margin-top:15px;}
    .contact_us02 ul li .box .tit{font-size:16px;}
    .contact_us02 ul li .box .con{font-size:13px;}
    .contact_us02 ul li{min-height:160px;}
    #contact-map-49410{width:450px!important; height:230px!important;}


     
     .widget-newslist-10 li:hover .list_box{background-color:#eee;}
     body .content-49096 .dib.sear_f{margin-bottom:5px;}


}
@media only screen and (max-width: 480px) {
    /*mobileMode 480 网站样式*/
    .ipart01{
    padding-top: 40px;
    padding-bottom: 40px;
}
    .jt_gd_title {color: #333;}
    .ipart01 .main_left{float: none;width: 100%;} 
    .ipart01 .us_con {float: none;min-height: 0;}
    .ipart01 a.us_more {float: none;}
    .ipart01 .main_right{float: none;width: 100%;margin-top: 30px;}

    .ipart01 .up .item .cover {position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: background .3s ease; }
    .ipart01 .up .box {padding: 40px; }
    .ipart01 .rect-394 {padding-bottom: 50%;}
    .ipart01 .content .content_c .item {}
    
    .ipart02{padding:60px 0}
    .ipart02 .f_left {width: 96%;margin-left: 0;margin: auto;float: none;}
    .ipart02 .f_right {width: 96%;float: none;margin: 20px auto;}
    .ipart02 .f_right a.more{margin-top:30px}

}
