body{background-color:#fff;margin:0px;padding:0px;font-size:10px;}
*{margin:0px;padding:0px;}
.header{width:100%;position:fixed;top:0;left:0;z-index:999;height: 95px;background: rgba(255,255,255,0.8);z-index: 9999;}
.header .left{width:15%;float:left;position: relative;z-index: 9999;}
.header .left a img{height:95px;margin-top:0px}
.header .left .img2{display:none}
.header .nav{-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;height:auto;display:block;width: 70%;float:right}


.header .nav .navbar_nav{width:100%;text-align: right;height: auto;margin-bottom: 0px;clear: both;float: right;}
.header .navbar_nav li{position:relative;display: table-cell;}
.header .navbar_nav li:after{content:"";width:0;height:2px;background:#0054a6;position:absolute;bottom:0;left:0;transition:all 0.5s ease 0s}
.header .navbar_nav li:hover:after{width:100%}
.header .navbar_nav li a{text-align: center;text-decoration:none;height:auto;display:block;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;color:#000;font-size:16px;border-right:solid #000 1px;line-height: 20px;}
.header .navbar_nav li:hover a{color:#0054a6;font-weight:bold}
.header .navbar_nav li.dropdown{height: 45px;position:relative;width: 11%;display: inline-table;}
.header .navbar_nav li.dropdown .jt{width:20px;height:20px;background:url(i/top.png) no-repeat;background-size:100% 100%;display:block}
.header .navbar_nav li.dropdown .dropdown_menu{z-index: 888;display: none;position: absolute;top: 45px;width: 100%;background: rgba(0,0,0,0.7);box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);width: 200%;left: -50%;}
.header .navbar_nav li.dropdown .dropdown_menu a{font-size:14px;color:#666;padding:0 10px;line-height:40px;text-align:center;margin-bottom:2px}


.header .navbar_nav li.dropdown:hover .dropdown_menu{display:block;background:rgba(0,0,0,0.7);-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{color:#fff}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color:#fff;background:#0054a6}


.header.on{}



#navToggle{display:block;display: none;background:url(../images/menu.png) no-repeat center top;width:40px;height:40px;float:left;position:absolute;-webkit-transform:translateY(-50%));-moz-transform:translateY(-50%);transform:translateY(-50%); top: 50%; right: 0;}
.m_nav{position:fixed;top:0px;box-shadow:0 15px 27px 0 rgba(167,165,165,0.38);width:100%;height:100%;background:#000;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;top:0;transform:translateX(100%)}

.en{left:40px;display:block;background:url(../images/en.png) no-repeat center top;width:40px;height:40px;float:left;position:absolute;-webkit-transform:translateY(-50%));-moz-transform:translateY(-50%);transform:translateY(-50%); top: 50%; }
.header .left .phone{width:100%;height:95px;line-height:95px;text-align:center;color:#fff;font-size:1.4rem;font-weight:600;}
.header .left .plogo{}









.m_nav.open{transform:translateX(0);background: url(../images/nav.jpg) no-repeat center center;background-size:cover;  z-index: 9999;}
.m_nav .top{height:60px;padding:20px;box-sizing:border-box}
.m_nav .top .closed{width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}
.m_nav .logo{width:100%;margin:0 auto}
.m_nav .logo img{height:80px;display:block;margin:30px auto}
.m_nav .ul{margin-top:30px}
.m_nav .ul li{padding:0 20px;border-bottom:1px solid rgba(255,255,255,0.4);transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;opacity:0}
.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);color:#fff;}
.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;transition:all .2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;transition:all .4s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;transition:all .8s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(5){-webkit-transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li a{display:block;text-decoration:none;color:rgba(255,255,255,0.4);font-size:16px;height:50px;line-height:50px;width:100%}
.m_nav .ul li .dropdown_menu{display:none}
.m_nav .ul li.dropdown.active .dropdown_menu{display:block}
.m_nav .ul li .dropdown_menu a{display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,0.4)}
.m_nav .ul li .dropdown_menu a:last-child{border:none}



.collapse p a{color: rgba(255,255,255,0.7);;float:left;padding:10px 30px 10px 0px;font-size:1.6rem}
.collapse p font{color:#fff;font-size:1.6rem;padding:10px 30px 10px 10px;float:left;display:block}
.collapse.in p a{color: rgba(255,255,255,0.7);;float:left;padding:10px 30px 10px 0px;font-size:1.6rem}
.collapse.in p font{color:#fff;font-size:1.6rem;padding:10px 30px 10px 10px;float:left;display:block}
.panel-title .collapsed span{color:#aeacac !important}
.panel-title a span{color:#fff;font-size:1.8rem;line-height:2;padding:0px 20px}
.panel-default > .panel-heading + .panel-collapse > .panel-body p{float:left;}






.banner{width:100%}
.banner img{width:100%}
@media screen and (max-width:992px){
.header {position: relative;}
.header{padding:0 10px}
.header #navToggle{margin-right: 0px;display: inline-block;float: left;}
.header #navToggle span{position:relative;width:25px;height:1px;margin-top:19px}
.header #navToggle span:before,.header #navToggle span:after{content:'';position:relative;width:100%;height:1px;left:0}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;background:#4f4f4f}
.header #navToggle span:before{top:8px}
.header #navToggle span:after{bottom:10px}
.header #navToggle.open span:before{top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}
.header #navToggle.open span:after{bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
.header #navToggle.open span{background:none}
.header #navToggle.open span:before,.header #navToggle.open span:after{background:#4f4f4f}
.header .nav{display:none}
.banner img{height:600px;object-fit:cover}

.search{display:none;}
.header .left {width: 100%;height:70px;}
.header .left .plogo{display:block;}
.header .left .plogo img{max-height: 70px;display: block; float: left;}
.header {height:70px;}
.en{right:0px;left:inherit;}
#navToggle{display:block;}
}



@media (min-width:991px) and (max-width:1600px){
.header .navbar_nav li a{font-size:1.4rem;}
.header .nav { width: 80%;}

.header .left {width: 15%;height: 95px;}
.header .left .plogo img{max-height: 75px;display: block; float: left;margin-top:10px;}
}

	
	
		
/*banner汽泡*/	

.large-header{position:relative;width:100%;overflow:hidden;z-index:1}
.demo-2 .large-header{}
.main-title{position:absolute;margin:0;padding:0;color:#f9f1e9;text-align:center;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.demo-2 .main-title{font-family:'Clicker Script',cursive;font-weight:normal;font-size:8em;padding-left:10px;text-shadow:2px 2px 4px rgba(0,0,0,0.4)}
.demo-2 .main-title::before{content:'';width:20vw;height:20vw;min-width:3.5em;min-height:3.5em;background:url(../img/deco.svg) no-repeat center center;background-size:cover;position:absolute;top:50%;left:50%;border-radius:50%;z-index:-1;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.main-title .thin{font-weight:200}

@media only screen and (max-width:768px){
.demo-2 .main-title{font-size:4em}
}




/*搜索功能*/
/*搜索图标*/
.search{float:right;height:45px;    width: 100%;position: relative;right:0px}

.search-wrapper{position:absolute;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);top:50%;right:0px;z-index: 9999;}
.search-wrapper.active{}
.search-wrapper .input-holder{overflow:hidden;height:40px;background:rgba(255,255,255,0);border-radius:6px;position:relative;width:70px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.search-wrapper.active .input-holder{z-index: 88;border-radius:40px;width:300px;background:rgba(0,0,0,0.5);-webkit-transition:all .5s cubic-bezier(0.000,0.105,0.035,1.570);-moz-transition:all .5s cubic-bezier(0.000,0.105,0.035,1.570);transition:all .5s cubic-bezier(0.000,0.105,0.035,1.570)}
.search-wrapper .input-holder .search-input{width:100%;height:40px;padding:0px 70px 0 20px;opacity:0;position:absolute;top:0px;left:0px;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none;outline:none;font-family:"Open Sans",Arial,Verdana;font-size:16px;font-weight:400;line-height:20px;color:#FFF;-webkit-transform:translate(0,60px);-moz-transform:translate(0,60px);transform:translate(0,60px);-webkit-transition:all .3s cubic-bezier(0.000,0.105,0.035,1.570);-moz-transition:all .3s cubic-bezier(0.000,0.105,0.035,1.570);transition:all .3s cubic-bezier(0.000,0.105,0.035,1.570);-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;transition-delay:0.3s}
.search-wrapper.active .input-holder .search-input{opacity:1;-webkit-transform:translate(0,0px);-moz-transform:translate(0,0px);transform:translate(0,0px)}
.search-wrapper .input-holder .search-icon{width:40px;height:40px;border:none;border-radius:6px;/*! background:#FFF; */padding:0px;outline:none;position:relative;z-index:2;float:right;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background: none;}
.search-wrapper.active .input-holder .search-icon{width:40px;height:40px;border-radius:30px}
.search-wrapper .input-holder .search-icon span{width:22px;height:22px;display:inline-block;vertical-align:middle;position:relative;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .4s cubic-bezier(0.650,-0.600,0.240,1.650);-moz-transition:all .4s cubic-bezier(0.650,-0.600,0.240,1.650);transition:all .4s cubic-bezier(0.650,-0.600,0.240,1.650)}
.search-wrapper.active .input-holder .search-icon span{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
.search-wrapper .input-holder .search-icon span::before,.search-wrapper .input-holder .search-icon span::after{position:absolute;content:''}
.search-wrapper .input-holder .search-icon span::before{width:4px;height:11px;left:9px;top:18px;border-radius:2px;background:#000;}
.search-wrapper .input-holder .search-icon span::after{width:20px;height:20px;left:0px;top:0px;border-radius:16px;border:4px solid #000;}
.search-wrapper .close{position:absolute;z-index:1;top:0px;right:20px;width:25px;height:25px;cursor:pointer;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition:all .3s cubic-bezier(0.285,-0.450,0.935,0.110);-moz-transition:all .3s cubic-bezier(0.285,-0.450,0.935,0.110);transition:all .3s cubic-bezier(0.285,-0.450,0.935,0.110);-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;transition-delay:0.2s;opacity: 0;}

.search-wrapper.active .close{z-index: 70;right:-40px;opacity: 1;}

.search-wrapper .result-container{width:100%;position:absolute;top:80px;left:0px;text-align:center;font-family:"Open Sans",Arial,Verdana;font-size:14px;display:none;color:#B7B7B7}
@media screen and (max-width:560px){.search-wrapper.active .input-holder{width:200px}
}






















/*联系我们*/

.foot{width:100%;clear:both;float:left;padding:40px 0px 0px 0px;background:url(../images/footbg.png) no-repeat center top #f1f1f1;background-size:cover;}
.f1{width:100%;clear:both;height: 100px;overflow:hidden;position:relative;border-bottom:solid #666 1px;}
.f1 h3{margin: 0px 0px;display:block;width:30%;float:left;overflow:hidden;height:100%;display: table}
.f1 h3 img{max-width:100%;width:auto;height:auto;display: table-cell;vertical-align: middle; }
.f1 ul{display:block;width:60%;float:right;overflow:hidden;height:100%;display: flex;align-items: center}
.f1 ul li{height:25px;float:left;border-right:solid #666 1px;width:16%;display: flex;align-items: center}
.f1 ul li a{display:block;width:100%;text-align:center;color:#333;font-size:1.6rem;letter-spacing:1px;}
.f1 ul li:last-child{border:none;}


.f2{width:100%;clear:both;height:auto;overflow:hidden;position:relative;padding:3rem 0rem;}
.f2 .left{width:60%;float:right;overflow:hidden;}
.f2 .left p{width:100%;font-size:1.6rem;color:rgba(255,255,255,0.5);line-height:2;}


.f2 .right{width:30%;float:rleft;overflow:hidden;padding: 0px 0px;background: none;clear:none}
.f2 .right ul{display:block;width:100%;float:left;overflow:hidden;height:auto;float:left}
.f2 .right ul li{height:30px;float:left;width:98%;margin:1%;font-size:1.6rem;color:#666;line-height:30px;}
.f2 .right ul li img{width:20px;height:20px;margin-right:5px;}
.f2 .right ul h1 a{font-size:24px;color:#333;}
.f2 .right ul h1 {margin-bottom:3rem;}
.f2 .right .fmore{display:block;width:150px;height:50px;line-height:50px;color:#fff;font-size:14px;letter-spacing:1px;background:#0054a6;float:left;text-align:center;margin-top:1rem;}

.f2 .right:hover .fmore{background:#cc0003;}


.clink{width:100%;clear:both;height:auto;overflow:hidden;position:relative;}
.clink span{float:left;font-size:1.6rem;color:rgba(255,255,255,0.7);}
.clink a{float:left;font-size:1.4rem;color:rgba(255,255,255,0.7);}



.f4{width:100%;clear:both;height:auto;overflow:hidden;position:relative;border-top:solid rgba(255,255,255,0.2) 1px;padding: 10px 0rem;background: #0f100c;}
.f4 p{color:#fff;font-size:14px;text-align:left;line-height:2;letter-spacing:1px;margin: 0px;}
.f4 p a{color:#fff;font-size:14px;}
.f4 p .cxi{float:right;}




@media (max-width:468px){


.foot {padding: 20px 0px 0px 0px}

.f1 {height:auto;}
.f1 h3{width:100%;text-align:center;height:auto;}
.f1 ul{width:100%;height:auto;display:inherit}
.f1 ul li{width:31.333%;margin:1%;}
.f1 ul li:nth-child(3n+3){border:none;}
.f1 ul li a {font-size:1.4rem;}
.f2{padding: 1rem 0rem;}
.f2 .left{width:100%;display:none}
.f2 .left p{font-size:1.4rem;text-align: center;}
.f2 .right{width:100%;}
.f2 .right ul li{width:98%;font-size:1.4rem;text-align: center;}
.f4 p .cxi{float:none;}
.f4 p{font-size:1.4rem;text-align:center}

.f2 .right ul h1{text-align:center}
.f2 .right .fmore{display:none}
.f4 p a {display: block;width: 100%; text-align: center;}
}


@media (min-width:469px) and (max-width:767px){
.foot {padding: 20px 0px 0px 0px}

.f1 {height:auto;}
.f1 h3{width:100%;text-align:center;height:auto;}
.f1 ul{width:100%;height:auto;display:inherit}
.f1 ul li{width:31.333%;margin:1%;}
.f1 ul li:nth-child(3n+3){border:none;}
.f1 ul li a {font-size:1.4rem;}
.f2{padding: 1rem 0rem;}
.f2 .left{width:100%;display:none}
.f2 .left p{font-size:1.4rem;text-align: center;}
.f2 .right{width:100%;}
.f2 .right ul li{width:98%;font-size:1.4rem;text-align: center;}
.f4 p .cxi{float:none;}
.f4 p{font-size:1.4rem;text-align:center}

.f2 .right ul h1{text-align:center}
.f2 .right .fmore{display:none}
.f4 p a {display: block;width: 100%; text-align: center;}
}
@media (min-width:769px) and (max-width:990px){
.foot {padding: 20px 0px 0px 0px}

.f1 {height:auto;}
.f1 h3{width:100%;text-align:center;height:auto;}
.f1 ul{width:100%;height:auto;display:inherit}
.f1 ul li{width:23%;margin:1%;}
.f1 ul li:nth-child(4n+4){border:none;}
.f1 ul li a {font-size:1.4rem;}
.f2{padding: 1rem 0rem;}
.f2 .left{width:40%;}
.f2 .left p{font-size:1.4rem;}
.f2 .right{width:60%;}
.f2 .right ul li{width:98%;font-size:1.4rem;}
.f4 p .cxi{float:none;}
.f4 p{font-size:1.4rem;}
}
@media (min-width:991px) and (max-width:1080px){
.foot {padding: 20px 0px 0px 0px}
.f4 p .cxi{float:none;}
.f4 p{font-size:1.4rem;}
.f1 {height:auto;}
.f1 h3{width:100%;text-align:center;height:auto;}
.f1 ul{width:100%;height:auto;display:inherit}
.f1 ul li {width: 12%;}
.f1 ul li a {font-size:1.4rem;}
}

@media (min-width:1081px) and (max-width:1200px){
.f4 p .cxi{float:none;}
.f4 p{font-size:1.4rem;}
.f1 {height:auto;}
.f1 h3{width:100%;text-align:center;height:auto;}
.f1 ul{width:100%;height:auto;display:inherit}
.f1 ul li {width: 12%;}
.f1 ul li a {font-size:1.4rem;}


}
@media (min-width:1201px) and (max-width:1440px){
.foot {padding: 20px 0px 0px 0px}
.f1 ul li {width: 12%;}
.f1 h3 {width: 25%;}
.f1 ul {width: 70%;}
}

@media (min-width:1441px) and (max-width:1700px){
.foot {padding: 20px 0px 0px 0px}
.f1 h3 {width: 25%;}
.f1 ul {width: 70%;}

}



/*联系我们*/


.foot .contact-form{overflow:hidden;margin-top: 3rem;}
.foot  .map-area{margin-top:50px;overflow:hidden;text-align: right;}
input,textarea,select{background:#fff;width:48%;float:left;margin-left:1%;margin-right:1%;border:1px solid #ddd;color:rgba(0,0,0,0.7);padding: 10px;font-size:14px;font-weight: normal;letter-spacing:1px;transition:.3s;margin-bottom:30px}
.f2 textarea{height:150px;resize:none}
.f2 input[type="submit"]{display:inline-block;text-transform:uppercase;transition:.3s;cursor:pointer;width: 100%;clear:both;}
.f2 input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}

.f2 input:nth-child(4){width:30%;float:left;}
.contact-form img{max-width:18%;float:left;}

.f2 .ok{background:#0054a6;border:solid #fff 1px !important;width: 98% !important;margin: 0 auto;float: left;margin: 0 1% !important;color:#fff;line-height: 4;margin-top: 3rem !important;}





.foot .mess{margin-top:50px}
.foot .mess table .mc{font-size:16px;padding-right:10px;line-height:38px;width:50px;color:#555;text-align:left}
.foot .mess table td{padding:10px 0;vertical-align:top}
.foot .mess .text{width:180px;height:30px;border:1px solid transparent;font-size:14px}
.foot .mess span{color:#fff}
.foot .mess textarea{width:100%;height:94px;border:1px solid transparent;margin-top:10px}
.foot .tj{padding:6px 56px;text-align:center;font-size:16px;color:#fff;background:#d6000f;cursor:pointer;border:1px solid transparent}
.foot .i_tit4 .ch_tit{font-weight:bold;font-size:18px;color:#fff;}
.foot .i_tit4{font-size:18px;color:#fff;margin-bottom:24px;}

















/*搜索和联系方式*/
.phone{float:right;position: relative;top: 10px;}
.phone p{line-height:100px;color:#fff;font-size:1.6rem;text-align:right;padding-left: 40px;}
.phone a{margin-left:10px;}
.phone img{width:20px;height:auto;}
.card__link{color:inherit;text-decoration:none}
.card__readmore{text-transform:uppercase;float:right}





.popup{width:100%;height:100vh;display:none;position:fixed;top:0;right:0;z-index: 9999;}


#popup-article:target{display:block}
.popup__block{height:calc(100vh - 40px);padding:5% 15%;box-sizing:border-box;margin-top:20px;overflow:auto;-webkit-animation:fade .5s ease-out 1.3s both;animation:fade .5s ease-out 1.3s both;background:url(../zimages/search.jpg) no-repeat center top;}
.popup:before{content:"";box-sizing:border-box;width:100%;box-shadow:inset 0 0 0 20px #f0f0f0;background:#fff;position:fixed;top:50%;will-change:height,top;-webkit-animation:open-animation .6s cubic-bezier(0.83,0.04,0,1.16) .65s both;animation:open-animation .6s cubic-bezier(0.83,0.04,0,1.16) .65s both}
.popup:after{content:"";width:0;height:2px;background-color:#f0f0f0;will-change:width,opacity;-webkit-animation:line-animation .6s cubic-bezier(0.83,0.04,0,1.16) both;animation:line-animation .6s cubic-bezier(0.83,0.04,0,1.16) both;position:absolute;top:50%;left:0;margin-top:-1px}
@-webkit-keyframes line-animation{0%{width:0;opacity:1}
99%{width:100%;opacity:1}
100%{width:100%;opacity:0}
}
@keyframes line-animation{0%{width:0;opacity:1}
99%{width:100%;opacity:1}
100%{width:100%;opacity:0}
}
@-webkit-keyframes open-animation{0%{height:0;top:50%}
100%{height:100vh;top:0}
}
@keyframes open-animation{0%{height:0;top:50%}
100%{height:100vh;top:0}
}
@-webkit-keyframes fade{0%{opacity:0}
100%{opacity:1}
}
@keyframes fade{0%{opacity:0}
100%{opacity:1}
}
.popup__title{margin:0 0 1em}
.popup__close{background-size: 100%;width:3.2rem;height:3.2rem;text-indent:-9999px;position:absolute;background-repeat:no-repeat;background-position:center center;background-size:contain;background:url(../zimages/close.png) no-repeat center top;}

@media screen and (min-width:641px){
.popup__close{top:40px;right:40px}
}
@media screen and (max-width:640px){
.popup__close{top:20px;right:20px}
}


.main-container{max-width:1200px;padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto}

@media screen and (max-width:360px){
.melnik909{display:none}
}




#search-form{width: 50%;-moz-transition:max-height,0.5s;-o-transition:max-height,0.5s;-webkit-transition:max-height,0.5s;transition:max-height,0.5s;position:absolute;top:40%;left: 25%;max-height:0;overflow:hidden;background-color: #fcfcfc;}
#search-form.open{max-height:60px}
#search-form fieldset{position:relative;margin:0 60px 0 0;padding:0;border:none}
#search-form input{border: none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:60px;font-size:1.4rem;width:100%;padding-left: 10px;}
#search-form input[type="search"]{width:100%;padding:0 5px 0 22px;background:transparent;border:none;}
#search-form input[type="submit"]{position:absolute;bottom:0;right:0;width:100px;margin:0;padding:0;font-weight:700;text-transform:uppercase;color:#fff;background:#0054a6;border:none;cursor:pointer;font-size:1.4rem;}





@media (max-width:1680px){
.phone .card__readmore {right: 0px !important;text-align: right}
.phone p{display:none;}
.col-md-9 {width: 70%;}
}















/*移动端导航*/
@media screen and (max-width: 990px) and (min-width: 0px){
.top2{display:none}
   .msgNum{display: none;}
   .slider{margin-top: 64px;}
   .head{display:none}
   .m_img{display:block;height:64px;position:absolute;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:60px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}

   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../zimages/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../zimages/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}



/* 侧边悬浮导航 */
.right_nav{ right:0; bottom: 40%; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:#0085cd;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#cf1322}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #0085cd;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #0085cd;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}





@media (max-width:990px){
.right_nav{display:none}
}