@charset "utf-8";


.mi_head{
    width: 100%;
    background-color: #ffffff;
    transition: all 0.3s;
    z-index: 102;
    box-shadow: none;
    height: 18vw;
	position:fixed;
}

.mi_head .logo {
    width: 47.46%;
    float: left;
    margin: 0 0 0 5%;
}
.mi_head .mi_Cal{
    float: right;
    width: 15%;
    position: relative;
    right: 0;
    padding: 9% 0;
}
.mi_head .mi_Cal .mmitem{
    position: absolute;
    width: 10vw;
    height: 2px;
    background-color: #0c4c8d;
    display: block;
    transition: all .3s;
}
.mi_head .mi_Cal .mmitem:nth-of-type(1){
    top: 6vw;
}
.mi_head .mi_Cal .mmitem:nth-of-type(2){
    top: 9vw;
}
.mi_head .mi_Cal .mmitem:nth-of-type(3){
    width: 6vw;
    top: 12vw;
    margin-left: 4vw;
}
.menuls{
    position: fixed;
    right: 0;
    width: 100%;
    transform: translateX(100%);
    top: 0;
    z-index: 101;
    height: 100%;
    background-color: #ffffff;
    transition: all .3s;
    overflow-y: scroll;
    overflow-x: hidden;
    opacity: 0;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.5);
}
.menuls .menu_one {
    line-height: 18vw;
    height: 18vw;
    background-color: #0c4c8d;
}

.menuls .menu_one .span1 {
    display: inline-block;
    font-size: 4vw;
    color: #ffffff;
    margin-left: 10%;
    letter-spacing: 1px;
}
.menuls .menu_one .headclose {
    width: 10vw;
    height: 10vw;
    position: absolute;
    left: -15vw;
    top: 5vw;
    display: none;
}

.language-switch-m,
.language-switch-m a{
    color: #777;
}

.menuls .menu_two ul {
    width: 100%;
}
.menuls .menu_two ul li {
    line-height: 15vw;
    width: 100%;
    border-top: 1px solid #f2f2f2;
    display: flex;
}
.menuls .menu_two ul li>a{
    font-size: 4vw;
    display: block;
    width: 60%;
    padding: 0 10%;
    color: #777;
    transition: color 0.3s ease 0s;
}
.show .mi_head{
    /*transform: translateX(-60%);*/
}
.show .logo{
    /*padding: 5% 0;*/
}
.show .menuls{
    opacity: 1;
    transform: translateX(0%);
}
.show .mmitem:nth-child(2n){
    opacity: 0;
}
.show .mmitem:nth-of-type(1) {
    transform: rotate(45deg);
    top: 9vw!important;
}
.show .mmitem:nth-of-type(3) {
    transform: rotate(-45deg);
    width: 10vw!important;
    top: 9vw!important;
    margin-left: 5vw!important;
    right: 5vw!important;
}
.show .headclose{
    display: block!important;
}

.hhh{ display:none;}
.mi_head_all{ display:none;}
.hz{ display:block;}
.hz2{ display:none;}

.mbx{ font-size:14px; color:#666;}
.mbx b{ color:#222;}
.mbx a{ color:#666; }
.search{ line-height:50px; width:100%; padding:5px 0;box-sizing:border-box; background:#f1f1f1;}
.mbx{ float:left;}
.ss{ float: right; margin:10px 0;}
.ss input{ line-height:35px; height:35px; float:left; text-indent:20px;outline:0;border:1px solid #f07512;}
.ss input.cpke{ width:380px;}
.ss input.btn2{ width:40px;background:url(../images/sarch.png)no-repeat;background-size:100% 100%;}

.dibu{ padding:50px 0; background:#333; color:#ddd; font-size:13px; line-height:30px;}
.dibu a{ color:#ddd;}
.min1200{ width:1200px; margin:0 auto; max-width:90%;}
.dib2{ width:30%; float:left;}
.dib2 h2{ font-size:20px; font-weight:bold; margin:0 0 10px 0;}
.dib1{ float:left; width:15%;}
.dib1 b{ display:block; font-size:15px; margin:0 0 10px 0;}
.dib1 span{ display:block;}
.dib3{ width:25%; float:left;}
.dib3 input{ width:90%; line-height:30px; height:30px; text-indent:5px; background:#ddd; border:1px solid #000; margin:0 0 5px 0; color:#000;outline:0;}
.dib3 textarea{width:90%; line-height:30px; height:60px; text-indent:5px; background:#ddd; border:1px solid #000; margin:0 0 5px 0;color:#000;outline:0;}
.dib3 .btn2{ background:#000; color:#fff; text-align:center;width:90%; line-height:30px; height:30px; border:1px solid #000;outline:0;}

@media screen and (max-width: 1000px){
.mi_head_all {
    display: block;
}
.dib2,.dib3{ width:100%; margin-top:30px ;}
.dib1{ width:33.3333%;}
.mbx,.ss{ width:100%;}
.navbar{ display:none;}
.hhh{ display:block;}
.carousel-control{ display:none;}
.tittle{  margin:0 auto;}
.tittle h2{margin-top: 40px; font-size:3em;}
.tittle p {
    font-size: 1.4em;
    margin-top: 15px;}
.iab_nr{ padding:10px 0;}
.iab_nr li{ width:49%;margin: 2px 0.5%;}
.iab_nr li p{ top:40%;font-size: 1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.iab_nr li p span{ font-size:12px;}
.iab_nr2{ padding:10px 0;}
.iab_nr2 li{ width:100%; height:300px; margin:0;}
.iab_nr2 li p{bottom: 10%;left: 10%;font-size: 2em; top:auto;}
.iab_nr2 li i{line-height: 22px;
    height: 88px;
    overflow: hidden;}
.iab_nr3{ padding:0;}
.iab_nr3 li{ height:300px;}
.iab_nr3 li img{width: 200%;   max-width: 200%;left: -50%;}
.iab_nr3 li p{top: auto; bottom:10%;font-size:2em;}
.iab_nr3 li i{margin: 0 0 5px 0;font-size:14px;}
.iab_nr4{ padding:0;}
.iab_nr4 li{ height:300px;}
.iab_nr4 li img{width: 200%;   max-width: 200%;left: -50%;}
.iab_nr4 li p{top: auto; bottom:10%;font-size:2em;}
.iab_nr4 li i{margin: 0 0 5px 0; font-size:14px;}
.hz{ display:none;}
.hz2{display:block;}
.ny_lb{ height:auto;    display: flow-root;}
.menu{ display:block; width:100%;}
.menu li{ width:25%;margin-right:0;}
.menu li a{ padding:0; width:100%; line-height:50px; height:50px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.iab_nr5{ padding:0;}
.iab_nr5 li{    width: 49%;
    margin: 2px 0.5%;
    height: 180px;}
.ly_zp,.zxly input, .zxly textarea,.zp,.zp1 h3,.zxly{ width:100% !important;}

}