﻿/*Common For Max 1900*/
@media only screen and (max-width: 1900px) {

    /*******************************
        -------[=关于兆胜]-------
    ********************************/
    .l-history{height: 655px;}
    .l-history .box{
        position: absolute;
        left:50%;top:32px;
        margin-left: -948px;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7); 
        -ms-transform: scale(0.7); 
        -o-transform: scale(0.7); 
        transform: scale(0.7);
        transform-origin: 50% 50%;
    }
    .l-history ul{top:50px;}


}

@media only screen and (max-width: 1750px) {
    .wp2{width: 98%;}

    /*******************************
        -------[=产品展示]-------
    ********************************/
    .m-ban2 .right{width: 680px;}
    .m-ban2 .form{width: 465px;}
    .m-ban2 .left{width: 540px;}

    /*******************************
        -------[=关于兆胜-资质荣誉]-------
    ********************************/
    .about-slide-con .slick-next{right:-105px;}
    .about-slide-con .slick-prev{left:-105px;}

}

@media only screen and (max-width: 1674px){
    .nv li{margin: 0 30px;}
    .hd-ibox .tel{font-size: 16px;}

}

@media only screen and (max-width: 1500px) {
    .m-ban2 .right{width: 566px;margin-right: 0;}
    .m-ban2 .form{width: 370px;}
}



@media only screen and (max-width: 1440px){
    .wp{width: 98%;}
    .nv li{margin: 0 15px;}
    .nv .box .warp{margin-left: 4%;}
    .nv .box li{margin: 0 15px;}
    .fd-nv dd a{font-size: 13px;}

    #hd .nv{width: 72%;}
    #hd .hd-ibox{width: 25%;}

    /*******************************
        -------[=关于兆胜]-------
    ********************************/
    .ul-honour .li em{bottom:10px;}

    /*******************************
        -------[=产品展示]-------
    ********************************/
    .ul-pic-l li .txt h3{font-size: 16px;}
    .ul-pic-l li .txt a{margin:5px 0;padding-left: 21px;
        height: 18px;line-height: 18px;font-size: 12px;
        -webkit-background-size: auto 100%;
        -o-background-size: auto 100%;
        -moz-background-size: auto 100%;
        background-size: auto 100%;
    }

    /*******************************
        -------[=新闻动态-社会责任-列表]-------
    ********************************/
    .ul-imgtxt-l{width: 950px;}
    .ul-imgtxt-l li{height: 253px;}
    .ul-imgtxt-l li .txt{padding:0 25px;}
    .ul-imgtxt-l li .txt p{margin:20px 0;}
}

@media only screen and (max-width: 1300px){
    .about-slide-con .slick-arrow{z-index: 9;
        margin-top: -30px;
        width: 30px;height: 59px;}
    .about-slide-con .slick-prev{left:30px;}
    .about-slide-con .slick-next{right:30px;}
}

@media only screen and (max-width: 1280px){
    .nv li{margin: 0 10px;}
    #hd .nv{width: 69%;}
    #hd .hd-ibox{width: 30%;}

    .video-con .con{    
        margin: 19px 0 0 72px;
    width: 457px;
    height: 286px;}
}

/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
    #hd .logo{width: 60%;}
    .nv li .a1{font-size: 14px;}
    .hd-ibox .tel{font-size: 14px;}
    .hd-ibox .tel{width: 140px;}
    #hd .hd-ibox{width: 24%;}
    #hd .logo{padding-left: 20px;}
    #hd .nv{width: 76%;}
    .fd-nv .box .xiala em{width: 160px;height: 30px;line-height: 30px;}
    .fd-nv dd{padding: 5px 0;}
    .index-list1 .g-tit1,.index-list2.fb-xg .g-tit1{padding:40px 0 20px 0;}
    .g-tit1 span{font-size: 30px;}
    .g-tit1 em{font-size: 22px;}
    .index-list1 li h5{margin: 14px 0;font-size: 18px;line-height: 24px;height: 48px;}
    .index-list1 li .more{margin:30px 0 20px 0;}
    .index-list1 li p{font-size: 14px;line-height: 20px;height: 40px;}
    .index-bg1{margin-top: 0;}
    .index-bg1 .g-tit1{padding-top: 135px;}
    .index-list2 li h5{font-size: 20px;padding-top: 15px;}
    .index-list2 li .txt{padding: 0 10px;}
    .index-list2 li p{font-size: 14px;}
    .index-list2 li .more{font-size: 16px;}
    .index-imgtxt1 .slick-prev{left: 44%;}
    .index-imgtxt1 .slick-next{left: 56%;}
    .index-imgtxt1 .col-r{margin-top: 50px;}

    /*******************************
        -------[=关于兆胜]-------
    ********************************/
    .about-imgtxt{position: relative;}
    .about-imgtxt .img{float: none;width: 100%;}
    .about-imgtxt .img img{width: 100%;}
    .about-imgtxt .txt{position: static;margin:20px 0;
        width: 100%;text-align: center;}
    .about-imgtxt .txt p{height: auto;}
    .about-imgtxt .table,
    .about-imgtxt .table-cell{display: block;}


    .l-history .box{
        position: static;
        width: 100%;margin-left: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1); 
        -ms-transform: scale(1); 
        -o-transform: scale(1); 
        transform: scale(1);
        transform-origin: 50% 50%;
    }
    .l-history .box ul{}
    .l-history .box ul{position: static;width: 100% !important;}
    .l-history,
    .l-history .box{height: auto;}
    .l-history ul{overflow: visible;}
    .l-history ul li em{padding:0 !important;background:none !important;
        margin: 0 !important;}
    .l-history li{margin-bottom: 20px !important;padding:0 10px 0 35px;
        width: 50% !important;float: left;text-align: left !important;font-size: 14px;
        background: url(../images/l-ico2.png) no-repeat left -2px !important;}
    
    .l-history .bg{width: 320px;margin-bottom: 20px;}
    .ul-brank-l li{/*width: 20%;*/}

    /*******************************
        -------[=产品展示]-------
    ********************************/
    .m-ban2{padding:50px 0;}
    .m-ban2 .left,
    .m-ban2 .right{float: none;}
    .m-ban2 .left{width: 100%;text-align: center;margin-left: 0;}
    .m-ban2 .right{margin:20px auto 0;}

    .ul-pic-l{margin-left: -5px;}
    .ul-pic-l li{margin-bottom: 5px;}
    .ul-pic-l li .box{margin-left: 5px;}

    /*******************************
        -------[=关于兆胜-资质荣誉]-------
    ********************************/
    .about-slide-nav .item{width: 50%;}
    .about-slide-nav .item p{height: 70px;line-height: 70px;font-size: 14px;}

    /*******************************
        -------[=投资者关系-公告列表]-------
    ********************************/
    .ul-txt-l{margin-left: -10px;}
    .ul-txt-l li .box{margin:0 0 10px 10px;}

    /*******************************
        -------[=新闻动态-精彩视频]-------
    ********************************/
    .video-con{width: 600px;height: 354px;}
    .video-con .slide{margin: 20px 0 0 72px;
    width: 456px;height: 285px;}
    .video-con .slide video{height: 100%;}
    .video-nav .item{margin:0 5px;}

    /*******************************
        -------[=公用]-------
    ********************************/
    .g-tabnav li a{padding:0 15px;
        height: 30px;line-height: 30px;}


    .ul-txt-l li{width: 33.3%;}
}

@media only screen and (max-width: 1024px) {
    #fd .wp{width: 98%;}
    .ul-pic-l .li1{width: 50%;}
    .ul-pic-l li{width: 50%;}
    /*.ul-pic-l li .imgtxt{padding-top: 0;}*/
    .ul-pic-l li .img{padding-top: 55%;}
    .ul-pic-l li .txt{height: 20%;bottom:0;}
    .ul-pic-l li .txt a{margin:0;}
    .ul-pic-l .l1-img h3{padding-left: 20px;bottom:20px;}

    /* 2016/8/9 */
    .process-nav{width: 100%;}
}


/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    #hd{display: none;}
    #phone-hd{display: block;position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;z-index: 30;}
    #phone-hd .logo{text-align: center;padding: 10px 0;}
    #phone-hd .logo img{max-width: 98px;}
    #phone-hd .search{position: absolute;top:20px;left: 20px;
    width: 19px;height: 19px;background: url(../images/so.png) no-repeat center;}
    #phone-hd .menu{position: absolute;top:25px;right: 20px;width: 20px;height: 16px;
    background: url(../images/menu.png) no-repeat center;}
    #phone-hd .search-box{display: none;position: absolute;top: 100%;left: 0;width: 100%;background-color: #fff;
    border:2px solid #59c7ac;border-radius: 10px;overflow: hidden;height: 30px;}
    #phone-hd .search-box .inp{width: 90%;border:0;float: left;padding: 0 10px;height: 26px;}
    #phone-hd .search-box .btn{width: 10%;float: right;border:0;height: 26px;
    background: url(../images/hd-search.png) no-repeat center;background-size: 20px auto !important;}
    #phone-hd #nav{display: none;position: absolute;top: 100%;left: 0;width: 100%;text-align: center;background-color: #fff;z-index: 30;
    height: 299px;overflow: auto;}
    #nav li{border-bottom: 1px solid rgba(0,0,0,.1);}
    #nav li .a1{display: inline-block;font-size: 16px;color:#59c7ac;
    min-width: 100px;position: relative;padding: 8px 0;
    background-color: #fff;}
    #nav li .a2:after{content: '';position: absolute;top: 50%;
    right:-25px;width: 25px;height: 25px;background: url(../images/jia.png) no-repeat center;
    background-size: 15px auto !important;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);}
    #nav li.on .a2:after{
        background: url(../images/jian.png) no-repeat center;}
    #nav li .lange{display: inline-block;margin: 10px;font-size: 14px;color:#59c7ac;}
    #nav li dl{display: none;background-color: #fff;}
    #nav li dd:last-child{border-bottom: 0;}
    #nav li dd{padding: 10px 0;border-bottom: 1px solid rgba(0,0,0,.1);}
    #nav li dd a{color:#000;font-size: 14px;}
    #fd .col-l{float: none;width: 100%;overflow: hidden;margin-bottom: 50px;}
    #fd .col-r{float: none;width: 100%;text-align: center;}
    #bd{padding-top: 59px;}
    .index-list1 li{width: 50%;}
    .index-list2 li{width: 50%;}
    .index-imgtxt1 .col-r{margin-top: 0;}
    .index-imgtxt1 h5{padding-bottom: 10px;}
    .index-imgtxt1 .more{margin-top: 20px;}
    .index-imgtxt1 h5 a{font-size: 24px;}
    .index-bg2 .g-tit1{padding:30px 0 50px 0;}
    .index-bg3{background-image: url(../images/phone-bg3.jpg);}
    .index-bg3 .g-tit1{padding-top: 50px;}
    .index-bg1 .g-tit1{padding-top: 50px;}
    .index-bg1{
        background-image: url(../images/phone-bg1.jpg);
    }

    /*******************************
        -------[=关于兆胜]-------
    ********************************/
    .l-blurb-ban .con{width: 720px;}
    .l-history li{width: 100% !important;margin-bottom: 10px !important;
        padding-left: 28px !important;
        height: auto !important;
        background-position: left 1px !important;
        -webkit-background-size: auto 20px !important;
        -o-background-size: auto 20px !important;
        -moz-background-size: auto 20px !important;
        background-size: auto 20px !important;}

    .ul-honour .slick-dots{margin-top: 16px;}
    .ul-honour .slick-dots li button{
        width: 8px;height: 8px;border-radius: 50%;}
    .ul-honour .slick-dots li{margin:0 4px;}

    .ul-brank-l li{width: 33.3%;}

    /*******************************
        -------[=投资者关系-公告列表]-------
    ********************************/
    .ul-txt-l li{width: 50%;}


    /*******************************
        -------[=新闻动态-精彩视频]-------
    ********************************/
    .video-tit{font-size: 25px;}

    /*******************************
        -------[=新闻动态-社会责任-列表]-------
    ********************************/
    .ul-imgtxt-l{width: 755px;}
    .ul-imgtxt-l li{height: 201px;}
    .ul-imgtxt-l li .txt h3 a{font-size: 20px;}
    .ul-imgtxt-l li .txt p{font-size: 14px;line-height: 20px;height: 40px;}

    /* 2016/8/9 */
    .process-hd{width: 100%;padding:0 15px;}
    .process-con .slick-list{width: 100%;}
    .process-con .img{float: none;}
    .process-con .img img{margin:0  auto;height: auto;}
    .process-con .txt{float: none;width: 100%;text-align: center;margin-top: 30px;}
    .process-hd a{display: none;}
}

/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    .wp {width: 98%;}
    #fd .col-l{display: none;}
    .shaer{text-align: center;margin-bottom: 20px;}
    .shaer li{float: none;display: inline-block;}
    .fenxiang .ibox{width: 320px;margin: 0 auto;}
    .fenxiang .xiala{position: relative;}
    .fenxiang .xiala em{display: block;height: 40px;border:1px solid #ddd;color:#ddd;font-size: 16px;
    padding:0 26px 0 13px;line-height: 40px;
    background:#fff url(../images/fd-select.jpg) no-repeat right center;
    cursor: pointer;}
    .fenxiang .select-box{display: none;position: absolute;top: 100%;left: 0;width: 100%;}
    .fenxiang .select-box span{display: block;height: 25px;line-height: 25px;color:#ddd;}
    .fenxiang .select-box a{display: block;padding:0 26px 0 13px;background-color: #fff;
        color:#ddd;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;}
    .copy p,.copy span{float: none;width: 100%;}
    .copy p{padding-bottom: 20px;line-height: 22px;}
    .index-list1 li{width: 100%;}
    .index-list1 .g-tit1,.index-list2.fb-xg .g-tit1{padding: 15px 0;}
    .g-tit1 span{font-size: 20px;}
    .g-tit1 em{font-size: 16px;}
    #banner .item .img{padding-top: 50%;}
    .index-list2 li{width: 100%;}
    .index-list2 li h5{font-size: 18px;}
    
    .index-bg1 .g-tit1{padding-top: 30px;}

    .index-list2 ul{margin-top: 30px;}
    .index-imgtxt1 .col-l{float: none;width: 100%;}
    .index-imgtxt1 .col-r{float: none;width: 100%;margin: 30px 0 0 0;}
    .fenxiang{display: block;}
    .mejs-poster,
    .mejs-overlay-play,
    .index-video .video,
    .mejs-overlay,
    .mejs-layer,
    .mejs-overlay-play,
    .mejs-poster img
    {width: 100% !important;height: 300px !important;}
    .video-box .box{border:0;}
    .video-box{width: 100%;}
    .mejs-poster{background-size: cover !important;}
    .index-bg1{margin-top: 50px;}   

    /*******************************
        -------[=关于兆胜]-------
    ********************************/
    .l-blurb-ban{padding:20px 10px;height: auto;}
    .l-blurb-ban .con{margin: 0;padding:30px 10px;
        width: auto;}
    .l-blurb-ban .con p{width: auto;height: auto;}
    .l-blurb-ban .con a,
    .about-imgtxt .txt a,
    .g-more a,
    .l-details-pic .return a,
    .inside-xq .xq-fd .return{width: 100px;height: 25px;line-height: 25px;
        font-size: 13px;}

    .g-more{padding-top: 20px;}

    .ul-honour{position: relative;margin-left: 0;}
    .ul-honour .li em{font-size: 14px;bottom:0;}
    .ul-honour .li{padding:0 3px;}

    .ul-brank-l li{width: 33.3%;}


    .ul-honour .li .img{height: 200px;line-height: 200px;}

    /*******************************
        -------[=产品展示]-------
    ********************************/

    .m-ban2 .right{position: relative;width: 90%;}
    .m-ban2 .form{position: relative;float: none;
        width: auto;height: 35px;margin-right: 120px;}
    .m-ban2 .right a{position: absolute;right:0;top:0;z-index: 2;width: 120px;
        height: 35px;line-height: 35px;}
    .m-ban2 .form .txt{padding-right: 40px;height: 35px;line-height: 35px \9;}
    .m-ban2 .form button{height: 35px;width: 35px;}

    /*******************************
        -------[=产品展示-详情]-------
    ********************************/
    .l-details-pic .hd li a{height: 40px;line-height: 40px;}
    .l-details-pic .hd ul{margin-bottom: 40px;}
    .l-details-pic .bd{padding:0 15px;}
    .l-details-pic .return{margin-top: 25px;}
    .l-details-pic .return a em{font-size: 12px;}

    /*******************************
        -------[=投资者关系-公告列表]-------
    ********************************/
    .ul-txt-l li .box{padding:20px 10px;}
    .ul-txt-l li h3 a{font-size: 16px;}
    .ul-txt-l li p{margin:15px 0;}
    .ul-txt-l li p a{line-height: 25px;height: 50px;}


    /*******************************
        -------[=新闻动态-精彩视频]-------
    ********************************/
    .video-nav{padding:0 55px;}
    .video-nav .slick-arrow{width: 55px;}

    /*******************************
        -------[=新闻动态-社会责任-列表]-------
    ********************************/
    .ul-imgtxt-l{width: 100%;padding:0 10px;}
    .ul-imgtxt-l .box{width: 100%;height: auto;}
    .ul-imgtxt-l li{background:#fff;}
    .ul-imgtxt-l li .txt{padding:20px 0;text-align: center;}
    .ul-imgtxt-l li .table,
    .ul-imgtxt-l li .table-cell{display: block;}
    .ul-imgtxt-l li .txt p{height: auto;}
    .ul-imgtxt-l li .txt h3 a{line-height: 1.3;}

    /*******************************
        -------[=新闻动态-社会责任-详情]-------
    ********************************/
    .inside-xq{padding: 20px 10px 0;}
    .bdsharebuttonbox a{height: 25px !important;width: 25px !important;}
    .inside-xq .xq-fd em{line-height: 25px;}
    .inside-xq h3{font-size: 22px;line-height: 1.3;}
    .inside-xq h4{padding:27px 0;}
    .inside-xq p{font-size: 14px;line-height: 26px;}
    .inside-xq h4 em{margin:5px 10px;}

    .inside-xq .btn{padding:30px 0;}
    .inside-xq .btn a.on{margin-top: 15px;}

    /*******************************
        -------[=关于兆胜-资质荣誉]-------
    ********************************/
    .about-slide-con{margin:0 40px;}
    .about-slide-con .slick-arrow{width: 15px;height: 30px;margin-top: -15px;}
    .about-slide-con .slick-prev{left:-30px;}
    .about-slide-con .slick-next{right:-30px;}

    /*******************************
        -------[=公共]-------
    ********************************/
    .g-tabcon{margin-bottom: 40px;}
    .l-details-pic .img{margin-top: 0;}

    .inside-video{padding-top: 20px;}
    .video-con{width: 300px;height: 177px;}
    .video-con .slide {
        margin: 10px 0 0 36px;
        width: 228px;
        height: 142px;
    }

    #fd{margin-top: 30px;}

    /* 2016/8/9 */
    /*.process-nav .box{padding:0 27px;}*/


    .video-con .con {
        margin: 9px 0 0 36px;
        width: 229px;
        height: 144px;
    }
}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    #nav li .a1{font-size: 14px;}
    #nav li dd a{font-size: 12px;}
    .fenxiang .ibox{width: 100%;}
    #banner .item .img{padding-top:50%;}
    .index-list2 li h5{font-size: 16px;}
    .index-imgtxt1 .slick-prev{left: 38%;}
    .index-imgtxt1 .slick-next{left: 62%;}
    .index-imgtxt1 .more{font-size: 16px;height: 40px;line-height: 40px;}
    .video-box .txt h5{padding: 15px 0;font-size: 22px;}
    .video-box .txt p{font-size: 14px;}
    .mejs-poster,
    .mejs-overlay-play,
    .index-video .video,
    .mejs-overlay,
    .mejs-layer,
    .mejs-overlay-play,
    .mejs-poster img
    {height: 200px !important;}
    .video-box .mejs-overlay-button{width: 50px !important;height: 50px !important;
        background-size: 50px 50px !important;margin: 0 !important;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);}
    .index-bg3{padding-bottom: 50px;}
    .g-more-a{height: 40px;line-height: 40px;font-size: 14px;width: 140px;}
    .video-box .txt .btn{padding: 0 15px;height: 35px;line-height: 35px;font-size: 14px;}
    #banner .slick-dots{bottom:10px;}
    .index-bg2{margin-top: 0;}

    /*******************************
        -------[=关于兆胜]-------
    ********************************/
    .about-tit{padding:30px 0;}
    .l-blurb-ban .con p{margin:15px 0;}
    .l-history .bg{width: 220px;}
    .ul-brank-l li{width: 50%;}

    /*******************************
        -------[=产品展示]-------
    ********************************/
    .m-ban2 .left h3{font-size: 22px;line-height: 1.2;height: auto;
        margin-bottom: 0;}
    .m-ban2 .left p{margin:5px 0;font-size: 16px;}
    .m-ban2 .right{margin-top: 0;}
    .m-ban2 .right a{position: static;}
    .m-ban2 .form{width: 100%;}
    .m-ban2 .right a{width: 100%;}

    .g-Modular h3{font-size: 22px;height: 40px;line-height: 40px;}
    .ul-pic-l li,
    .ul-pic-l .li1{width: 100%;}
    .ul-pic-l li .img{display: block;
        position: relative;}
    .ul-pic-l li .imgtxt{padding-top: 0;}
    .ul-pic-l li .txt{position: static;margin:5px 0;
        height: auto;}
    .ul-pic-l li .txt h3{margin-bottom: 5px;}
    

    /*******************************
        -------[=产品展示-详情]-------
    ********************************/
    .l-details-pic .hd li a em{font-size: 14px;}
    .l-details-pic .bd h3{font-size: 22px;}
    .l-details-pic .bd p{font-size: 14px;line-height: 25px;}

    /*******************************
        -------[=关于兆胜-公司简介]-------
    ********************************/
    .l-blurb-con{padding:0 10px;}
    .l-blurb-con h3{padding:20px 0;font-size: 22px;}
    .l-blurb-con p{font-size: 14px;line-height: 25px;}
    .l-blurb-con .img, 
    .l-blurb-con .video{margin:20px 0;}
    .l-blurb-con .video{height: 250px;}

    /*******************************
        -------[=关于兆胜-荣誉资质]-------
    ********************************/
    .about-slide-nav{display: none;}
    .slide-tit{border-bottom: 0;}

    /*******************************
        -------[=投资者关系-公告列表]-------
    ********************************/
    .ul-txt-l li{width: 100%;}
/*    .ul-txt-l li p a,
    .ul-txt-l li h3 a{height: auto;}*/

    /*******************************
        -------[=公用]-------
    ********************************/
    .g-Modular{padding:0 10px;}
    .l-ban1{height: 230px;}
    .g-Modular ul{margin:20px 0;}
    .g-tabcon a{margin:4px;font-size: 14px;}

    /* 字体大小 */
    .l-blurb-ban .con h3,
    .about-imgtxt .txt h3,
    .about-tit,
    .slide-tit{font-size: 22px;}

    /* 2016/8/9 */
    .process-con .img img{width: 100%;}
    /*.process-nav .box{padding:0 45px;}*/
    .process-con p{font-size: 14px;}
    .process-con h3{font-size: 20px;}
    .process-nav{padding:20px 0;}
}
