/* 头部 */
head{ position: sticky; top: 0 ; ;left: 0; width: 100%; z-index: 999; }
.carousel{position: relative;}
nav {width: 1400px; margin: 0 auto; position: relative; z-index: 999;  position: sticky; top: 80px; transition: all .5s;}
nav .logo{display: block; float: left; width: 215px;}
nav .logo img{max-width: 100%; margin-top: 10px;}
nav ul{float: right;}
nav li {float: left; line-height: 80px; margin: 0 42px; font-size: 16px;}
nav li a{display: block; color: #232323; position: relative;}
nav li a:hover{color: #232323; text-decoration: none;}
.fog{position: relative;}
nav .glyphicons{display: none;}
.fog::before{content: ''; display: block;background-image: url(../image/icon1.png);  width: 16px;height: 16px;background-repeat: no-repeat; background-size: cover; position: absolute; top: 32px; right: -20px; transition: .5s; display: none;}
nav li .fog:hover::before{  transform:rotate(180deg)}
.appfter{display: none;}
.whitecon{width: 63%;   transition: all .5s;  z-index: 10;float: right; display: flex; justify-content: space-between;  position: absolute; top: 80px; right: 0;z-index: 99; background-color: #fff;  border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.whitecon ul{transition: all .5s;padding: 20px 0;}
.whitecon ul:last-of-type{margin-right: 0;}
.whitecon li{float: none; line-height: 30px;}
.whitecon p{text-align: center; line-height: 16px; background-color: #d6180c; padding: 10px 0; border-radius: 20px; color: #fff; margin-bottom: 10px; font-size: 14px;}
nav .whitecon li a:hover::after{width: 0; }
nav .whitecon li{margin: 0 5px;}
.whitecon a{font-size: 14px;}
.whitecon a:hover{color: #4e689c;}
/* nav .fog:hover +.whitecon ul{display: block;} */
/* 头部上面！！！！！！！！！！！！！！ */
.hall{width: 280px; margin: 30px auto; position: relative;}
.hall h2{text-align: center; line-height: 56px; font-size:38px; font-weight: bold; color: #4e689c; position: relative; letter-spacing: 5px;}
.hall p{text-align: center;font-size: 16px; }
.hall p:nth-child(1){color: #4e689c; }
.hall p:last-of-type{color: #232323; font-weight: bold;}
.hall::after,.hall::before{content: ''; display: block; width: 280px; height: 1px; background-color: #9e9e9e; position: absolute; top: 46px; left: -280px;} 
.hall::before{left: 280px;}
.hall h2::before,.hall h2::after{content: ''; display: block; width: 1px; height: 38px; background-color: #9e9e9e; position: absolute; top: 8px; left: 0;}
.hall h2::before{left: 280px;}
/* 底部 */
footer{background-color: #3e5484; padding-top: 50px;}
footer dl{width: 1400px; margin: 0 auto;}
footer dt{width: 60%;float: left;}
footer dd{width: 40%;float: right;}
footer dt ul{float: left; margin-right:160px; color: #fff; font-weight: 500;}
footer dt li{line-height: 28px;}
footer dt ul:last-of-type{margin-right: 0;}
footer dt a{color: #fff; font-weight: 500; line-height: 28px;}
footer dt a:hover{color: #bdd2ff;}
footer dt p{font-size: 20px; margin-bottom: 10px;}
.wechat{width: 120px; float: right; margin-left: 20px;}
.wechat img{width: 100%;}
.wechat p{text-align: center; line-height: 28px; color: #ffff;}
.dbfooter{border-top: 1px solid #4e689c; margin-top: 40px;}
.dbfooter ul{width: 1400px; margin: 0 auto; }
.dbfooter li{float: left; line-height: 60px; color: #fff; margin-right: 50px;}
.dbfooter p{float: left;  line-height: 60px; margin-left: 80px; position: relative;}
.dbfooter a{color: #fff; }
.dbfooter a:hover{color: #bdd2ff;}
.dbfooter li:last-of-type{float: right;}
.dbfooter li:nth-child(2) p{margin-right: 10px;}
.dbfooter p::after{content: ''; display: block;width: 23px;height: 20px; background-image: url(../image/logomi.jpg); background-repeat: no-repeat; background-size: cover; position: absolute;left: -28px; top: 18px;}
.world dl{display: none;}
.hill{background-color: #4e689c;}
.hill2{background-color: #4e689c;color: #fff;}
.trace dl{display: none;}
head{position: sticky; top: 0;}
.up{font-size: 40px; position: fixed ; top: 85%; right: 5%; z-index: 999; background-color: #ffff; border-radius: 10px; padding: 2px; line-height: 40px; color: #4e689c;}
.headline{width: 1400px; margin: 0 auto; padding: 20px 0;}
.headline li{float: left; color: #232323;}
.headline li span{padding: 0 5px;}
.headline li a{color: #232323;}
.headline li a:hover{color: #4e689c}
.headline .hom span{ padding-left: 8px;}
/* 产品产品 */
.prodcwap{background-color: #f7faff; padding: 50px 0;}
.procont{width: 1400px; margin: 0 auto; display: flex; justify-content: space-between;}
.procont a{display: block;  width: 32%; position: relative;
color: #232323; overflow: hidden; transition: all .5s;}
.procont a span img{width: 100%;}
.pwhite img{max-width: 100%; display: none; transition: all .5s; margin-top: 0;}
.pwhite{padding: 35px; position: absolute; bottom: 0; left: 0;background-color: rgba(255, 255, 255, .8); height: 50px; padding-top: 10%; padding-top: 0; border: none; transition: all .5s;}
.pwhite h3{line-height: 50px; font-size: 20px;}
.pwhite p{line-height: 24px; padding-top: 20px; font-size: 16px;}
.procont a:hover .pwhite{height: 80%;}
.procont a:hover .pwhite img{display: block; margin-top: 30px;}
.headline{transition: all .5s;}
.prmain dl{position: relative; padding-bottom: 40px;}
.glass{display: flex; justify-content: space-between; margin-top:30px; flex-wrap: wrap;}
.glass a{width: 23.5%; border-radius: 3px; transition: all .5s;  }
.glass a img{width: 100%; border-radius: 3px;border-bottom-left-radius: 0; border-bottom-right-radius: 0; height: 210px;}
.busybox{position: relative;}
.glass a p{font-size: 18px; line-height: 50px; text-align: center; box-shadow: 0 2px 5px #e3e3e3;  transition: all .5s; position: relative; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp: 1; padding: 0 2px;}
.glass a p::after{content: ''; display: block; width: 0; height: 3px;background-color: #4e689c; position: absolute; left: 50%; bottom: 0; transition: all .5s;}
.glass a:hover p::after{width: 100%; left: 0; }
.busyy{position: absolute;bottom: 0; left: 0; width: 100%;height: 0%; background-color: rgba(59, 91, 156, .7); transition: .5s;}
.busyy span{display: block;width: 120px;height: 40px;  color: #fff; font-size: 16px; border-radius: 2px; background-color: #3b5b9c; position: absolute; top: 50%; left: 50%; line-height: 40px; text-align: center; margin-left: -60px; margin-top: -20px; display: none;}
.busyy span i{font-style: normal;  transition: all .5s;}

.glass a:hover .busyy{height: 100%;}
.glass a:hover .busyy span{display: block;}
.newstu1{width: 1400px; margin: 0 auto; }
.newstu1 dl{width: 48%; float: left; }
.newstu1 dl:last-of-type{float: right;}
.dlcont{width: 100%;  overflow: hidden;margin-bottom: 25px;border-bottom: 1px solid #e6e6e6; }
.dlcont dt{width: 30%; float: left; }
.dlcont dt img{width: 100%; border-radius: 3px; display: block;}
.dlcont dd{width: 55%; float: left; box-sizing: border-box; padding-left:15px;}
.dlcont dd h2{font-size: 20px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 30px; margin: 10px 0; color: #232323;  transition: all .5s;}
.dlcont dd p{font-size: 16px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;line-height: 30px;color: #8c8c8c;}
.shijainne{width: 15%; float: right; padding: 0 15px ;}
.shijainne p{margin-top: 32px; font-size: 24px; color: #8c8c8c;}
.shijainne i{font-style: normal; font-size: 16px; display: block; padding-top: 5px; color: #5d5d5d;}
.dlcont:hover{box-shadow: 0 0px 10px #e6e6e6; border-bottom-color: transparent;}

.dlcont:hover h2{color: #3f61a4;} 
.tu1head a{transition: all .5s;}
.tu1head a:hover{background-color: #3f61a4; color: #fff; border-color: #3f61a4;}
.newsbc01{background-color: #f7faff; padding-bottom: 20px;}
.dasdins{width: 1400px; margin: 0 auto; padding: 30px 0; position: relative;}
.dasdins h2{float: left; position: absolute; top: 30px;left: 0; z-index: 2;}
.dasdins a{float: right; box-sizing: border-box; padding: 5px 15px; border: 1px dashed #aeaaaa; border-radius: 20px; font-size: 16px; transition: all .5s;}
.dasdins a:hover{color: #fff; background-color: #3f61a4; border-style: solid;}
.dasdins p{position: absolute; top: 18px; left: 0; font-size: 24px; color: #e3e3e3; font-weight: bold; z-index: 1;}
.in01 dd{width: 80%; padding-bottom: 15px;}
.in01 dd p{-webkit-line-clamp: 1;}
.in01  .shijainne p {margin-top: 20px;}
.in01  .shijainne i{padding-top: 8px;}
.in002{margin-top: 20px;}
.dbu{margin-bottom: 40px;}

#toup {z-index: 999; box-sizing: border-box; line-height: normal; background-color: #4e689c; cursor: pointer; width: 45px; height: 45px; border-radius: 2px; position: fixed; top: 80%;right: 0; box-sizing: border-box;}
#toup img{padding: 8px;}

/* nav */
.huaguo{position: relative; }
.huaguo ul{width: 140px; position:absolute;top: 80px; left: 0; background-color: #fff;padding: 0 10px; border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
nav .huaguo ul li{ text-align: center; margin: 0; line-height: 40px; }
nav .huaguo ul li a{text-align: center; display: inline;}

/* page */


.my_pages{margin:2% 0;}
.my_pages ul{display:table;margin:0 auto;}
.my_pages ul li{float:left;margin:0.5rem;}
.my_pages ul li a{color:#666;padding: 10px 15px;}
.my_pages ul li a:hover{color: #fff; background-color: #3673ba; cursor: pointer;}

.my_pages ul li, .my_pages ul .thisclass {display: block;line-height: 36px;border: 1px solid #3673ba;font-size: 1rem;color: #333;}
.my_pages ul .thisclass {background: #3673ba;color: #fff;}
.dbycde{display: none;}
.glyphicons{background-image: url(../icons/liebiao.png);width: 30px;height: 30px;}
@media screen and (max-width:1400px){
    .headline,nav,footer dl,.dbfooter ul,.newstu1,.dasdins,.newstit{width: 1200px; transition: all .5s;}
    footer dt ul{margin-right: 10%;}
    .wechat{margin-left: 5%;}
    .shijainne p{font-size: 22px;}
    nav li{margin: 0 30px;}
    .glass a img{height: auto;}


}
@media screen and (max-width:1250px){
    .headline,nav,footer dl,.dbfooter ul,.newstu1,.dasdins,.newstit{width: 950px;}
    nav li{margin: 0 15px;}
    .wechat{margin-left: 6%;}
    .dbfooter p{margin-left: 25px;}
    .dbfooter li,.dbfooter li,.dbfooter p{line-height: 45px;}
    .dbfooter p::after{top: 10px;}
    .newstit dd p{font-size: 16px;}

    .newstit dd a span{line-height: 40px;width: 40px;}
    .newstit dd a{width: 160px; font-size: 16px; line-height: 40px;}
    .newstit dt::before{width: 300px; height: 69px;}
    .newstit dt::before{bottom: 70px;}
   .dlcont dd h2{font-size: 18px; margin: 7px 0;}
    .dlcont dd p{font-size: 14px; line-height: 23px;}
    .shijainne p{font-size: 20px;}
    .shijainne{padding: 0 8px;}
    .shijainne span{ display: none;}
    .dlcont dd h2{margin-top: 8px; margin-bottom: 0;}
    .in01 .shijainne p{margin-top: 14px;}
    .newstit{padding: 10px 0;}




}
@media screen and (max-width:980px){
    .headline,nav,footer dl,.dbfooter ul,.newstu1,.dasdins,.newstit{width: 96%;}
    nav .logo{width: 160px;}
    nav li{margin: 0 10px;}
    .wechat {width: 80px;}
    footer dd{width: 13%;}
    footer dt ul{margin-right: 2%;}
    footer dt{width: 87%;}
    footer{margin-top: 30px;}
    .dbfooter li{margin-right: 0;}
    .glass a p{font-size: 16px;}
    .newstit dt p{font-size: 16px;}
    .newstit dt h2{margin-bottom: 10px;}
    .newstit dt::before{display: none;}
    .dlcont dd{padding-left: 10px;}
    .dlcont dd p{-webkit-line-clamp: 1;}
    .shijainne{width: 20%;}
    .dlcont dd{width: 50%;}
    .shijainne p{margin-top: 14px;}
    .in01 dd{width: 80%;}
    
 
}
@media screen and (max-width:780px){
    nav ul{display: none;}
    nav .glyphicons{display: block; font-size: 25px; color: #323232; float: right; margin-top: 18px;}
    nav .logo img{margin-top: 0;}
    .hall h2::before, .hall h2::after{display: none;}
    .hall::after, .hall::before{display: none;}
    footer,.hall{display: none;}
    .factory,.cinema li{display: none;}
    nav li a::aft16pxremer{bottom: 0;}
    .appfter{display: block; width: 100%; background-color: #fff; position: fixed;bottom: 0; border-radius: 2px;z-index: 999;
        display: flex; justify-content: space-around; box-sizing: border-box; border-top: 1px solid #e3e3e3; height: 55px; line-height: 55px;}
        .appfter a{display: block; padding-top: 8px; font-size: 20px; text-align: center; color: #232323;}
        .appfter a p{font-size: 12px; padding-top: 8px;}
    .appfter a:hover{color: #3e5485;}
    .glass a{width: 49%; margin-bottom: 20px;}
    .prmain dl{margin-bottom: 0; padding-bottom: 20px;}
    .headline{padding: 10px 0;}
    .head ul{ width: 100px; padding: 5px 0; background-color: #fff; position: absolute;right: 0;top: 60px;  z-index: 999; border-radius: 5px;}
    .head ul li{float: none; line-height: 30px; font-size: 16px; text-align: center;}
    .newstit dt,.newstit dd{width: 100%;float: none;}
    .newstit dt h2{font-size: 24px; margin-bottom: 0;}
    .newstit dt p{font-size: 14px;}
    .newstit dt i{display: none;}
    .anniu {display: none;}
    .newstit dd p{font-size: 14px;}
    .newstit dd p{line-height: 22px;}
    .newstu1 dl{width: 100%;}
    .dlcont dt{width: 100%; float: none;}
    .dlcont dd{width: 100%;float: none;}
    .dlcont{width: 32%; float: left; margin-right: 10px;}
    .dlcont:nth-child(3){margin-right: 0;}
    .dlcont dd h2{font-size: 16px;}
    .shijainne i{display: none;}
    .shijainne{width: 100%;}
    .shijainne p{float: right;font-size: 14px;margin:5px 0;}
    .dlcont{margin-bottom: 15px;}
    .in01 .shijainne p{margin-top: 0;}
    .dibulinea{height: 55px;width: 100%;}
    .world a{background-color: #fff;}
    .world a .xuanzau{border-radius: 2px;}
    nav li a{font-size: 14px;}
    .head{position: fixed;top: 0;z-index: 1000; background-color: #fff; width: 100%;}
    .mingga{width: 100%;height: 60px; }
    .dbycde{display: block;}
    .appfter a{padding: 0; padding-top: 4px;}
.appfter a p{padding: 0;line-height: 10px; padding-top: 8px;}
.appfter a img{display: block;width: 28px;height: 28px; margin: 0 auto;}
.appfter a:first-of-type img{width: 30px;height: 30px;}
.appfter a:first-of-type p{padding-top: 6px;}


    
}
@media screen and (max-width:500px){
    .hall h2{font-size: 24px;}
    .hall{margin: 20px auto;}
    .hall h2{line-height: 33px;}
    .hall p{font-size: 14px;}

    .dasdins h2{font-size: 24px;}
    .dasdins a{font-size: 14px;}
    .dasdins p{font-size: 20px;}
    .dasdins {padding: 20px 0;}
    .dasdins h2{top: 20px;}
    .dasdins p{top: 10px;}
    .dlcont {width: 48%;}
    .dlcont:nth-child(2){margin-right: 0;}
    .dlcont:nth-child(3){display: none;}
    .in01 {width: 100%;}
    .dasdins {font-size: 18px;}
    .in01 dd{width: 85%;float: left;}
    .in01 .shijainnes {width: 15%;float: right;  margin-top: 15px; }
    .in01{box-shadow: none;border-bottom: 1px solid #eee; border-radius: 0;}
    .dbu {margin-bottom: 10px;}
    .world a .xuanzau{border-radius: 5px;border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;}
        .dlcont dd p{font-size: 12px;}
        .dlcont dd h2{font-size: 14px;}
        .dlcont dd{padding:0 5px;}
        .dlcont dt img{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
        .dlcont dd h2{margin-top: 2px;}
        .newstit dt h2{margin-bottom: 10px;}
        .formaa1{width: 100%; display: block; background-color: #4e689c; padding: 10px;}
        .formaa1 form{width: 100%;}
        .formaa1 form h2{color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 10px;}
        .formaa1 form .inputbox input{width: 48%; font-size: 14px; line-height: 30px;margin-right: 0; margin-bottom: 10px; box-sizing: border-box; padding: 0 10px; outline: none;}
        .formaa1 form textarea {width: 100%; height: 80px; font-size: 14px;margin-bottom: 10px; box-sizing: border-box; padding: 10px; outline: none;}
        .formaa1 form button{width: 100%; border: none; line-height: 35px;border-radius: 2px;font-size: 14px; background-color: #237dd5; color: #fff;}
        #toup{display: block;}
        #toup{border-radius: 30px; background-color: rgba(0, 0, 0, .5);}

        .cebian{display: block;}
        #toup{display: block;}
        .cebian li{display: none;}
        .cebian li:last-of-type{display: block;width: 40px;height: 40px;}
        .cebian{top: 62%;}
        #toup{border-radius: 30px; background-color: rgba(0, 0, 0, .5);}
        .cebian li img{padding-top: 9px; top: 70%;}


        .my_pages ul li{font-size: 14px; line-height: 23px;}
        .my_pages ul li a{padding: 4px 8px;}
        .my_pages ul li{margin: 0.2rem;}

        .glass a{margin-bottom: 10px;}
        nav .glyphicons{margin-top: 13px; margin-right: 2px;}
    
    .inputbox{display: flex; justify-content: space-between;}
    .formaa1 form .inputbox input{float: none;}


}