@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1680px) {
.header{padding:30px 0; }
.header2{ padding:15px 0; }
.header3{ padding:15px 0;}
.header .logo{ height:64px;}
.header .tel{line-height:64px; font-size:15px; }
.nav{ padding-right:35px;}
.nav li>a{ padding:0 30px;  line-height:64px; font-size:15px;}
.nav li .sub{ top:64px; font-size:13px; }
.nav li .sub a{ height:35px; line-height:35px; }

/*底部*/
.dbmain{ padding:60px 0;}
.dbcontact .dblogo{ height:64px;}
.dbcontact .info{ line-height:30px; font-size:13px; margin-top:30px; }
.dbcontact .info p{padding-left:30px; }
.dbnav li{ margin-left:110px;}
.dbnav li .tit{ font-size:16px; margin:20px 0;}
.dbnav li .sub{ font-size:13px; line-height:30px; }
.dbrig{  margin-top:15px;}
.wechat{ width:140px; }
.rico{ margin-left:35px;}
.rico a{ width:36px; height:36px; margin-top:16px;}

.footer .bottom{  font-size:13px; padding:25px 0;}
.footer .dburl a{ margin-left:20px;}
/*底部*/


}


@media screen and (max-width: 1440px) {

.header{padding:25px 0; }
.header2{ padding:10px 0; }
.header3{ padding:10px 0;}
.header .logo{ height:60px;}
.header .tel{line-height:60px; font-size:14px; }
.nav{ padding-right:30px; }
.nav li>a{ padding:0 20px; line-height:60px; font-size:14px; }
.nav li .sub{ top:60px; font-size:12px; }
.nav li .sub a{ height:30px; line-height:30px; }


}


@media screen and (max-width: 1240px) {

.header{padding:20px 0; }
.header2{ padding:10px 0; }
.header3{ padding:10px 0;}
.header .logo{ height:50px;}
.header .tel{line-height:50px; }
.nav{ padding-right:20px; }
.nav li>a{ padding:0 20px; line-height:50px; }
.nav li .sub{ top:50px; }


/*底部*/
.dbmain{ padding:40px 0;}
.dbcontact .dblogo{ height:50px;}
.dbcontact .info{ margin-top:20px;}
.dbrig{ margin-top:0;}
.wechat{ width:120px; }
.rico{ margin-left:25px;}
.rico a{ width:30px; height:30px; margin-top:15px;}
.footer .bottom{ font-size:12px; padding:15px 0;}
/*底部*/


}

@media screen and (max-width: 1024px) {

.container{width:100%; padding:0 20px;  }
.container2{width:100%; padding:0 20px;  }

.header{padding:10px 0; }
.header2{ padding:10px 0; }
.header3{ padding:10px 0;}

.header .logo{ height:40px;}
.header .tel{line-height:40px; }
.nav{ display: none;}

.nav-toggle{ display: block; margin-top:6px; margin-left:10px; background: none;border: none;outline: none;cursor: pointer; }
.nav-toggle span{display: block;width: 20px;height:1px;margin: 6px;background-color: #ffffff;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.nav-toggle.close .span1{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transform-origin: 0% 0%;}
.nav-toggle.close .span2{opacity: 0;}
.nav-toggle.close .span3{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);transform-origin: 0% 100% ;}

.nav{ display:none; position:fixed; top:60px; width:100%; left:0; margin:0; border-top:1px solid #454545; background:rgba(255, 255, 255, 0.9); padding:0;}
.nav li{ width:100%; margin:0; text-align:center;}
.nav li>a{ line-height:45px; font-weight:normal; padding:0 20px; font-size:16px;border-bottom:1px solid #454545; display:block; position:relative; color:#454545; }
.nav li .sub{ position: static; width:100%; font-size:14px; }
.nav li .sub a{ height:40px; line-height:40px; border-top:none; }
.nav li.on>a, .nav li:hover>a{box-shadow: none;}

.header2 .nav-toggle span{background-color: #fff;}
.header2 .nav{border-top-color:#454545;}
.header2 .nav li>a{border-bottom-color:#454545;  color:#454545; }



/*底部*/
.dbmain{ padding:30px 0;}
.dbcontact .dblogo{ height:40px;}
.dbcontact .info{ margin-top:15px;}

.dbrig{ margin-top:0;}
.rico{ margin-left:20px;}

.footer .bottom{ font-size:12px; padding:15px 0;}
.footer .dburl a{ margin-left:10px;}
.dbnav li{margin-left: 50px;}
/*底部*/


}


@media screen and (max-width: 768px) {
.container{ padding:0 15px;  }
.container2{ padding:0 15px;  }
.wechat{margin:auto; float:none;}
.dbcontact{width:100%;}
.dbnav{width:100%;}
.dbnav li{margin-left: 0px; border-bottom:solid 1px rgba(255,255,255,.2);width: 100%;}
.rico {margin-left: 0px;}.footer{padding-bottom: 60px;}

/*底部*/
.dbmain{ padding:20px 0;}
.dbcontact .dblogo{ height:40px; }
.dbcontact .info{ margin-top:0;}

.dbrig{ margin-top:15px; width:100%; }

.footer .bottom{ padding:15px 0;}
.footer .dburl { display:none; }
/*底部*/

 /* 手机导航全局 */
    .foot-po {
        width: 100%;
        display: block;
        position: fixed;
        bottom: 0px;
        line-height: 35px;
        float: left;
        z-index: 99999;
    }

        .foot-po ul {
            display: flex;
        }

            .foot-po ul li {
                width: 25%;
                float: left;
                text-align: center;
                background-color: #1c77dc;
                border-right: solid 1px #fff;
            }

                .foot-po ul li.etel { /*background-color:#000;*/
                }

                .foot-po ul li.enal {
                }

                .foot-po ul li:nth-child(4n) {
                    border-right: none;
                }

                .foot-po ul li a {
                    color: #fff;
                    font-size: 1em;
                }

                .foot-po ul li span {
                    float: left;
                    width: 100%;
                    text-align: center;
                    height: 25px;
                    margin-top: 2px;
                }

                    .foot-po ul li span img {
                        max-width: 100%;
                        vertical-align: top;
                    }

                .foot-po ul li p {
                    float: left;
                    width: 100%;
                    text-align: center;
                    height: 25px;
                    line-height: 25px; /*text-align:center; background-image:url(../img/t.png); background-repeat:no-repeat; background-position:0 5px;*/
                }


}
@media screen and (max-width: 1200px) {.nav li > a {
  padding: 0 10px;}}