/* global */
/*html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}*/
body,ul,ol,p,h1,h2,h3,h4,dl,dt,dd {margin:0;padding:0;font-weight:normal;}
body {font-size:12px;font-family: "Microsoft YaHei","微软雅黑",sans-serif;background:#FFFFFF;width: 100%;}
li {list-style: none;}
a {text-decoration:none;color:#333333;}
img,input,textarea {border:none;outline: none;}
em,i {font-style:normal;}
.clearfix {zoom:1;}
.clearfix:after {content:"";display: block;height:0;visibility: hidden;clear:both;}
.w{width:1440px;margin:0 auto;position:relative;}
.hide{display: none;}
.show{display: block;}
.left{ float: left;}
.right{ float:right;}
.left1{ position: absolute;
    width: 827px;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
}
.right1{ position: absolute;
    width: 613px;
    height: 100%;
    background: #eee;
    right: 0;
    top: 0;
}
.head{ margin:0 auto; width: 100%; height:40px; background: #194097;}
.heads{ margin: 0 auto; width:1440px; /*background:rgba(255,0,0,0.4);*/}
.heads .left{
    width:50%;
    height:40px;
    line-height: 40px;
    font-size: 16px;
    color: #cecece;
    text-align: left;
}
.heads .right{
    width: 50%;
    height:40px;
    line-height: 40px; 
    display: none;
}
.heads .right a{
    display: block;
    /*font-size: 16px;*/
    /*color: #cecece;*/
    text-align: right;
    height:40px;
    line-height: 40px; 
    padding-right: 10px;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
}
.top .t_left{
    padding-left: 4px;
    margin-top: 4px;
    width:180px;
    height: 55px;
}
.top .t_left img{ width:180px;height:55px; }
.top .nav{
    /*width:898px;*/
    /*padding-left:265px;*/
    width: 958px;
    /*padding-left: 205px;*/
    padding-left: 130px;
}
.top .nav ul{
   /* height:69px; */
   display: flex;
    justify-content: flex-end;
}
.top .nav ul.navul li{ width:80px; height:69px; line-height:69px;  color:#333; float:left; text-align: center; position: relative; }
.top .nav ul.navul li a{ color:#333; font-size:16px;}
.top .nav ul.navul li:last-child{
    margin-right: 0!important;
}
.top .nav ul.navul li:hover{ 
    background:url(../images/icon_key.png) bottom no-repeat; 
}
.top .nav ul.navul li:hover .navlit{ display: block;}
.top .nav .navlit{
    display: none;
    position: absolute;
    top:69px;
    left:-17px;
    /*left: 0;*/
    /*width:404px;*/
    width: 118px;
    z-index: 100;
    background: #f8f8f8;
}
.top .nav .navlit .left{
    width: 118px;
}
.top .nav .navlit .left a{
    display: block;
    color: #333333;
    font-size: 14px;
    line-height:36px;
}
.top .nav .navlit .left a:hover{ color: #e60012;}
.top .nav .navlit .right{
    display:none;
    margin-top: 14px;
    margin-right: 10px;
    width: 270px;
    height: 136px;
    padding: 3px;
    background-color: #FFFFFF;
}
.top .nav .navlit .right img{
    display: block;
    margin: 0 auto;
    width: 270px;
    height: 136px;
}

.top .rend{
    width: 168px;
    margin-top: 20px;
}
.top .rend .zcpt{
    float: left;
    width: 74px;
    line-height: 31px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #194097;
    border-radius: 3px;
}
.top .rend .endlish{
  float: left;
  width: 43px;
  line-height:31px;
  display: block;
  text-align: center;
  color: #333333;
  font-size: 16px;
}
.top .rend .search{
    display: block;
    margin-right: 6px;
    margin-left: 10px;
    float: right;
    width: 34px;
    height: 31px;
    background: url(../images/icon_search.jpg) no-repeat;
    font-size: 0;
}
.m_head{ display:none;}
.search_box{ 
    position: absolute; 
     z-index: 10;
     top:99px;
     left:0;
     width:100%;
     text-align:center;
     background: rgba(2,103,209,0.95); 
     background: #0267d1\9\0;
}
.search_box .searchbox{
    margin:0 auto;
    width: 1200px;
    padding:30px 0px 32px;
}
.search_box .input_box,.search_box .button_box{height:40px;line-height:40px;border:none;padding:0;margin:0;vertical-align:middle;}
.search_box .input_box{width:66%;background:#fff;padding:0 2%;
    outline: 0;
    font-family: inherit;
    font-size: 100%;
}
.search_box .button_box{ 
    cursor: pointer; 
    width:8%;
    background: #FFFFFF;
    color: #0267d1;
    font-size:18px;
    outline:none;
    text-align:center;
    margin-left: 1%;
    font-size:15px;
    border-radius:4px;
}
.search_box .button_box:hover{ background: #e60012;color: #FFFFFF;}

/* fenye */
.fenye_page{ margin:20px auto 53px;background: #fff;  text-align: center;}
.fenye_page_all{ margin:0 auto;text-align: center;}
.fenye_page_all a,.fenye_page_all span{
    display: inline-block;
    padding: 0 14px;
    height:34px;
    line-height: 34px;
    text-align: center;
    color: #333333;
    font-size: 15px;
    background:#f8f8f8;
    margin-right: 5px;
}
.fenye_page_all span{
    background:#d90606!important;
    color: #fff!important;
}
.footerbtm{
    margin: 0 auto;
    width: 100%;
    background: #f4f4f4;
}
.footer{
    margin: 0 auto;
    width: 1440px;
    padding-bottom: 5px;
}
.footer .left01{
   float: left;
   width: 283px;
   padding-top: 20px;
   padding-left: 5px;
}
.footer .left01 h3{  color: #666666; margin-bottom:6px; font-size: 18px; font-weight: bold;}
.footer .left01 p{
    color: #666;
    font-size: 14px;
    line-height: 28px;
}
.footer .left01 .phone{
    margin-top: 17px;
    height: 34px;
    line-height: 34px;
    color: #e60012;
    font-size: 26px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    background: url(../images/icon_phone.png) left center no-repeat;
    padding-left:42px;
}
.footer .line{ float: left; margin-top: 25px; width: 1px; height: 188px; background: #e0e0e0;}
.footer .lenew{
    float: left;
   width:156px;
   padding-left: 23px;
   padding-top: 20px;
   padding-right: 10px;
}
.footer .lenew h3{ margin-bottom:6px; font-size: 18px; font-weight: bold;}
.footer .lenew h3 a{ color: #666666; font-size: 18px; font-weight: bold;}
.footer .lenew ul li{
   line-height: 28px;
}
.footer .lenew ul li a{
    color: #666;
    font-size: 14px;
}
.footer .lenew ul li a:hover{ color: #e60012;}
.footer .code{
    width:246px;
    /*height: 257px;*/
    text-align: center;
    background: #ebebeb; 
}
.footer .code img{ margin: 30px auto 0; display: block; width: 171px; height: 171px;}
.footer .code p{ color: #666666; font-size: 18px; line-height:42px; padding-bottom:8px; }
.copy{ 
    margin: 0 auto;
    width: 100%;
    height: 50px; 
    line-height: 50px; 
    background: #e60012; 
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
}
.copy a{ color: #FFFFFF;}
@media (max-width:1600px) and (min-width:1400px){

}
@media (max-width:1440px) and (min-width:1280px){
    .heads{ width: 1200px;}
    .w{width:1200px;}
    .top .nav{ 
        /*padding-left:105px;width: 818px; */
        padding-left: 55px;
        width: 784px;
    }
    
    .top .nav ul.navul li{ margin-right: 0px;width: 78px;}
    .top .nav ul.navul li a{
        font-size: 15px;
    }    
    .right1 {
        width: 520px;
    }
    
    .footer {
        width: 1200px;
    }
    .footer .lenew {
        width: 121px;
    }
    .footer .code {
        width: 226px;
    }

}

@media (max-width:1280px) and (min-width:1000px){
    .heads{ width: 980px;}
    .w{width:980px;}
    .top .t_left {
        padding-left:0;
    }
    .right1 {
        width: 440px;
    }
    .top .nav{ padding-left:0;width:654px; }
    .top .nav ul.navul li{ margin-right:0;width:auto;}
    .top .nav ul.navul li a{
        padding: 0 4px;
        box-sizing: border-box;
        font-size: 14px;
    }
    .top .rend { width:144px;}
    .top .rend .endlish{width:32px;}
    .top .rend .search {
        margin-right: 0;
        margin-left:0;
        width: 30px;
        background-size: 100%;
    }
    .search_box .searchbox{
       width:940px;
    }
   
    .footer {
        width: 980px;
    }
    .footer .lenew {
        width: 100px;
    }
    .footer .code {
        width: 130px;
    }
    .footer .code img{
        width: 100px;
        height: 100px;
    }
    .detailtop .imglist .bigimg img {
        margin-left: 30px!important;
    }
}

@media (max-width:1000px) and (min-width:768px){
    .heads{ width:96%;}
    .w{width:580px;}
    .top{ display:none;}
   .search_box .searchbox{
       width:740px;
    }
   .m_head{
    width: 100%;
    height:80px;
    background: #004098;
    position: relative;
    display: block!important;
   }
   .right1 {
       width: 0;
       ddisplay: none;
   }
   .right {
       width: 0;
   }
   .detailtop {
       height: auto!important;
   }
   .m_logo {
    margin: 0 auto;
    float: left;
    /*width: 14%;*/
    height: 80%;
    text-align: center;
    padding-top:1%;
    padding-left: 2%;
   }
   .m_logo img {
    /*width:50%;*/
    height: 100%;
   }
   .mnav {
    float: right;
    width: 30%;
    height: auto;
    text-align: center;
   }
   .mnav_but {
    width: 30%;
    height: 30px;
    float: right;
    position: relative;
    background: url(../images/m_nav.png) right no-repeat;
    margin-top: 10%;
    margin-right: 5%;
    background-size:40%;
   }
   .mnavs {
    width: 30%;
    height: auto;
    float: right;
    margin-top:9%;
    position: absolute;
    overflow: hidden;
    z-index: 999;
    display: none;
    background: rgba(0,64,152,0.5);
   }
   .mnavs li {
    line-height: 35px;
   }
   .mnavs li a {
    font-size: 14px;
    color: #fff;
  }


.footer {
    width:100%;
}
.footer .left01{ margin: 0 auto; float: none; width:80%;}
.footer .lenew {
   display: none;
}
.footer .line{ display: none;}
.footer .code {
    display: none;
}


}

@media (max-width:767px) and (min-width:320px){
    .heads{ width:98%;}
    .heads .right{
        display: block;
    }
    .w{width:320px;}
    .top{ display:none;}
    
   .m_head{
    width: 100%;
    height: 55px;
    background: #004098;
    position: relative;
    display: block!important;
   }
   .m_logo {
    margin: 0 auto;
    float: left;
    /*width: 15%;*/
    height: 80%;
    text-align: center;
    padding-top:1%;
    padding-left: 2%;
   }
   .m_logo img {
    /*width:45%;*/
    height: 100%;
   }
   .right1 {
       width: 0;
       ddisplay: none;
   }
   .right {
       width: 0;
   }
   .detailtop {
       height: auto!important;
   }
   .mnav {
    float: right;
    width: 30%;
    height: auto;
    text-align: center;
   }
   .mnav_but {
    width: 30%;
    height: 30px;
    float: right;
    position: relative;
    background: url(../images/m_nav.png) right no-repeat;
    margin-top: 10%;
    margin-right: 5%;
    background-size: 100% 100%;
   }
   .mnavs {
    width: 30%;
    height: auto;
    float: right;
    margin-top:12%;
    position: absolute;
    overflow: hidden;
    z-index: 999;
    display: none;
    background: rgba(0,64,152,0.5);
   }
   .mnavs li {
    line-height: 35px;
   }
   .mnavs li a {
    font-size: 14px;
    color: #fff;
  }
  .fenye_page{ margin:21px auto 23px;text-align: left;}
  .fenye_page_all{ text-align: center;}
.footer {
    width:100%;
}
.footer .left01{ margin: 0 auto; float: none; width:80%;}
.footer .lenew {
   display: none;
}
.footer .line{ display: none;}
.footer .code {
    display: none;
    margin: 0 auto; 
    float: none;
    width: 130px;
}
.footer .code img{
    width: 100px;
    height: 100px;
}
.copy{ font-size: 12px;}

}