@charset "utf-8";

@media (min-width: 768px){

    #nav #navbar ul.navbar-nav{float: right;}
    #nav #navbar ul.navbar-nav li a{height: 72px;line-height: 72px;padding:0 15px;margin: 15px 10px;}
    #main-slider .carousel-indicators{bottom: 10px;}
    #nav #navbar .dropdown .dropdown-toggle{background: none;}
    #nav #navbar .dropdown .dropdown-menu{background: #0093DD;}
    #nav #navbar .dropdown .dropdown-menu li a{height: 30px;line-height: 30px;text-align: center;color: #fff}
    /***********************/
    .about .w1000{width: 1030px;padding: 0;}
    .about-nav li{
        float: left;
        width:166px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        margin-right: 5px;
    }
    .about-nav li a{
        color: #666666;
        font-size: 16px;
        display: block;
    }
    .about-nav li.active,.about-nav li.active a,.about-nav li a:hover,.about-nav li a.hover{
        background: #0095e0;
        color:#fff;
    }
    .product{width: 1065px;margin: 30px auto;}
    .product .pro-s{margin: 30px 0}
    .product .pro-s .hd{ position: relative;width: 100%;margin: 30px 0; }
    .product .pro-s .hd ul{overflow: hidden;font-size: 14px;}
    .product .pro-s .hd ul li{float:left;width:100px;height:33px;line-height:33px;cursor:pointer;text-align: center;border-bottom: 2px solid transparent}
    .product .pro-s .hd ul li.on{border-bottom: 2px solid #0093DD;}
    .product .pro-s .bd ul{padding:9px 0;  zoom:1;position: relative;transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;-webkit-transition:all 0.3s;}
    .product .pro-s .bd ul li{position: relative;}
    .product .pro-s .bd ul li.one{background: url(../images/j0.jpg) no-repeat center;background-size: 100%;min-height: 840px;}
    .product .pro-s .bd ul li .tt{position: absolute;bottom: 3%;width: 350px;font-size: 14px;left: 33%;}
    .product .pro-s .bd ul li .tt h2{font-size: 25px;color:#0093DD }
    .product .pro-s .bd ul li .tt p{line-height: 30px;}
    .product .hist {width: 100%;}
    .product .hist h2{font-size: 25px;text-align: center}
    .product .hist ul{background: url(../images/hist-bg.jpg) repeat-y center;margin: 30px 0;}
    .product .hist ul li{margin-bottom: 100px;}
    .product .hist ul .tu{position: relative;text-align: center}
    .product .hist ul .tu img{border-radius: 50%;border: 2px solid #ccc;padding: 2px;}
    .product .hist ul .tu p{position: absolute;bottom: 57px;font-size: 14px;line-height: 25px;}
    .product .hist ul .tu p.left{left: 120px;}
    .product .hist ul .tu p.right{right: 120px;}
    .product .hist .last{text-align: center}
    /**************************/
    .circle{
        background: url(../images/icon.png) no-repeat center center;
        width: 442px;
        height: 442px;
        position: relative;
        margin:  auto;
    }
    .circle table{
        width: 100%;
        height: 100%;
    }
    .circle table td{
        padding: 0 40px;
    }
    .round .small-t{display: none}
    /****************************/
    .circle .hd{position: relative;}
    .circle .hd li{cursor:pointer;position: absolute;width: 45px;height: 45px;border-radius: 25%;background: #0093DD;transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;-webkit-transition:all 0.3s; }
    .circle .hd li.on{transform:scale(2); 
        -moz-transform:scale(2); 
        -ms-transform:scale(2); 
        -o-transform:scale(2); 
        -webkit-transform:scale(2);transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; 
        -webkit-transition:all 0.3s;}

    .circle .hd li.on1{left:23px; top:40px;}
    .circle .hd li.on2{right:283px; top:40px;}
    .circle .hd li.on3{ right:197px; top:40px;}
    .circle .hd li.on4{ left:285px; top:40px;}
    .circle .hd li.on5{ left:373px; top: 40px;}
    .circle .bd{width: 100%;height: 100%;}
    .circle .bd ul{width: 100%;height: 100%;transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;-webkit-transition:all 0.3s;}
    .circle .bd li{width: 100%;height: 100%;font-size: 14px;line-height: 30px;}
    /*****************************/
    .pro{width: 1030px;}
    .pro .w-5 .list:hover{
        box-shadow: 0 0 14px 13px rgba(0,0,0,.1);
        -webkit-transform: translateZ(-5px);
        -moz-transform: translateZ(-5px);
        -ms-transform: translateZ(-5px);
        -o-transform: translateZ(-5px);
        transform: translateZ(-5px);
        -webkit-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
        -ms-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in;
    }
    .pro .w-5 .list{width: 250px;margin: auto;}
    .pro-txt{width:94%;}
    .ns {
        width:960px;
        overflow: hidden;
    }
    .news-contant .date{
        float: left;
        width: 160px;
        height: 84px;
        line-height: 98px;
        text-align: center;
        background: url(../images/month.jpg) no-repeat;
        font-size: 20px;
        color: #777;
    }
    .news-contant .ns{
        float: right;
        width:900px;
        border-bottom: 1.5px dotted #ccc;
        margin-left: 13px;
    }
    .news-contant .ns a{
        float: left;
        width: 800px;
    }
    .news-contant .ns img{
        float: left;
        border: 1px solid #ccc;
        padding: 2px;
        margin-left: 20px;
    }
    .ns .time{
        float:right;
        font-size: 12px;
        width:110px;
        color: #b8b8b8;
        padding-left: 20px;
    }
    #contact{width: 960px;}
   #contact .cont-txt{width:330px;height:355px;background:#0095e0;color:#fff;padding: 0 10px}
    #contact .fr{width:630px;height:356px;margin-bottom:20px;}
    #contact .cont-txt{
        position: relative;
        margin-bottom:20px;
    }
    #contact .cont-txt table{
        margin: 40px 0;
    }
    #contact .cont-txt table tr td:first-child{
        width: 30%;
    }
    .section{width:960px;}
    .section h2{font-size: 20px;margin: 5px 0}
    .section h2 span{border-bottom: 2px solid #0093DD;padding-bottom: 2px;}

    .hz form .-input{
        margin: 20px 0;
    }
    .hz form .input-group{
        width:350px;
    }
    .hz form .input-group span{
        padding: 6px 12px;
    }
    .hz form  textarea{
        width:730px;
        height: 180px;
    }
    .button input{background-color: #0095e0;border: 1px solid #0095e0;width:150px;height: 50px;font-size: 18px;color: #fff;margin-top: 30px;}
    .button input:last-child{margin-left: 20px;background-color: #9C9C9C;border: 1px solid #9C9C9C;}
    /*******************************/
    .gh{width: 1030px;padding: 2px 0;}
    .gh .w-5{padding: 0 15px;width: 50%;float: left;}
    .gh .row h3{font-size: 26px;}
    .gh .w-5 h2{font-size: 20px;margin: 60px 0 10px 0;font-weight: bold}
    .gh .w-5 p{font-size: 16px;}
    .gh .yuan{width: 320px;height:320px;border-radius: 50%;border: 2px solid #ccc;text-align: center;padding: 50px 0;background:#fff;position: absolute;right: 100px;}
    .gh .yuan p{margin-top: 10px;}
    .gh .ln{margin: 133px 0 0 0}
    .gh .ln .color{padding-left: 15px;}
    .gh .ln .row{margin: 10px 0}
    .gh .ln .row .w-5 p{margin-top: 65px;}
    .gh .bot{padding: 30px 0;position: relative}
    .gh .bot p{margin: 20px 0}
    .gh .bot .row .w-5:last-child{margin: 30px 0;position: absolute;right: -100px;}
    .gh .top h2{font-size: 20px;}
}

@media screen and (max-width: 768px){
    #navbar .navbar-nav .list{opacity: 0;}
    #center .zz{opacity: 1}
    #cs,#zc,#news,#fc,#footer #list{display: none;}
    #video .more{width: 55%;}
    #footer .wx p{display: none}
    #footer{background:#171717}
    #face .border{margin: 10px 0;}
    .about .w1000{width: 80%;margin: auto;}
    .about-nav li{width: 100%;text-align: center; height: 45px;line-height: 45px;}
    .dx .w-5 img{width: 50%;}
    .product{width: 80%;margin: 20px auto}
    .product .pro-s{display: none;}
    .product .hist h2{font-size: 25px;text-align: center}
    .product .hist ul li{margin:30px 0;}
    .product .hist ul .tu p{margin: 20px 0}

    .round .circle{display: none}
    .round .small-t{display: block;padding: 0 20px;}
    .round .small-t p{margin: 20px 0}

    .pro{width: 80%;margin: 20px auto;}
    .pro .w-5 .list{width: 100%;margin: auto;}
    .pro .w-5 .list img{width: 100%}
    .pro .row .art img{display: none;}
    .pro-txt{width:100%;}
    .about-contant>img{width: 100%;}
    /************************/
    .news-contant .date,.ns img{display: none;}
    .zzry .list img{width: 100%}
    /************************/
    #contact{width: 100%;}
    #contact .cont-txt{width:100%;height:auto;background:#0095e0;color:#fff;padding: 20px 0;text-align: center}
    #contact .cont-txt table{
        margin: 10px 0;
    }
    #contact .fr{display: none;}
    #contact .cont-txt p{margin: 20px 0}
    /**************************/
    .section{width:100%;}
    .section h2{font-size: 1em;margin: 5px 0}
    .section h2 span{border-bottom: 2px solid #0093DD;padding-bottom: 2px;}
    .section .w-5  p{font-size: 0.8em}

    .hz form .-input{
      margin: 0;
    }
    .hz form .input-group{
        width:100%;
        margin: 10px 0;
    }
    .hz form .input-group .form-control{
        width: 100%;
    }
    .hz form .input-group span{
      display: none;
    }
    .hz form  textarea{
        width: 100%;
    }
    .button input{background-color: #0095e0;border: 1px solid #0095e0;width:150px;height: 50px;font-size: 18px;color: #fff;margin-top: 30px;}
    .button input:last-child{background-color: #9C9C9C;border: 1px solid #9C9C9C;}
    #nav #nav-sc{display: none}

    /********************/
    .gh .w-5{float: none;width: 100%;}
    .gh .w-5 h2{font-size: 18px;margin: 0;font-weight: bold}
    .gh .row h3{font-size: 20px;}
    .gh .top h2{font-size: 18px;}
}