*{padding: 0px; margin: 0px; list-style-type: none; font-family: '微软雅黑';}
.ynttmdl .yxtop{ width:100%; height:35px; line-height:35px; background: #3285fa; background: #3285fa; position: fixed; z-index: 999; }
.ynttmdl .yxtopN{ width:1200px; position:relative; margin:0px auto;}
.ynttmdl .yxtopN .fzx h6{ float:left; height:25px; padding:0px 30px; background:#c6d5ff;line-height:25px; border-radius:5px; margin-yxtop:5px;}
.ynttmdl .yxtopN .fzx ul{ float:left; margin-left:15px;}
.ynttmdl .yxtopN .fzx ul li{ float:left; margin-left:5px; color: #fff;}
.ynttmdl .yxtopN .fzx ul li a{ color:#fff; font-size:16px;}
.ynttmdl .yxtopN .fzx ul li:after{ content: '|'; margin-left: 5px; color: #eee; }
.ynttmdl .yxtopN .fzx ul li:last-child:after{ content: ""; }
.ynttmdl .yxtopN .yhdl{ color:#fff; text-align:right; float: right;}
.ynttmdl .yxtopN .yhdl span{ margin-right:15px;}
.ynttmdl .yxtopN .yhdl em{ height:25px; line-height:25px; background:#fc8d54; padding:3px 15px;  margin:0px 5px; margin-yxtop:5px; border-radius:5px; font-style: normal;}
.ynttmdl .yxtopN .yhdl em a{ color:#fff;}
.ynttmdl .yxtop .layui-breadcrumb a{ color:#fff !important;}

.ynttmdl .yxtopN{ width: 1300px;}

.ynttmdl .ymttmyuyanguoqi{ display:none;}
.ynttmdl .ymttmyuyanguoqi span a img{ width:24px; height:15px; margin-right:10px; }
.ynttmdl .yxtopguoqiimg{ float:left; }
.ynttmdl .yxtopguoqiimg ul li{ width:24px; height:15px; border-radius:2px; position:relative; overflow:hidden; float:left; margin:0px 5px; height:35px; line-height:35px;}
.ynttmdl .yxtopguoqiimg ul li img{ width:100%;}

.ynttmdl .zxdluShow{ float:right; position:absolute; right:10px; top:0px; color:#fff; display:none; transition:all 0.3s;}
.ynttmdl .zxdluShow.active{ transform:rotate(180deg);}
.ynttmdl .yxtopLeft_denglu{ display: none;}

.ynttmdl .fzxlist{ color:#fff;}
.ynttmdl .fzxlist li i{ color:#fff;}
.ynttmdl .fzxlist li{ position:initial;}
.ynttmdl .fzxlist li div{ position:absolute; left:0px; top:35px; background:#3285fa; padding:0px 15px; display:none;}
.ynttmdl .fzx{ position:initial; padding:0px; float: left;}
.ynttmdl .yxtopN .fzx ul{ margin-left:0px;}

.ynttmdl .yxbanner{ height: 700px; background: url(../images/banner1.png) no-repeat center top; position: relative; top: 30px;}
.yxnav{ max-width: 1300px; position: relative; margin: 0px auto; background: #3285fa; margin-top: -410px;}
.yxnav .layui-nav{ background: #3285fa;}
.yxnav .layui-nav .layui-nav-item >a{ color: #fff; font-size: 16px;}

.yxbannerN{ max-width: 1300px; position: relative; margin: 0px auto;}
.yxlogo{ padding-top: 55px; width: 800px; float: left;}

.yxtjcx{ width: calc(100% - 800px); float: right;}
.znsuinput{ width: 100%; height: 40px; line-height: 40px; background: #fff; border: 1px solid #ccc; border-radius: 5px; text-indent: 100px;}
.yxlogosousuo{ position: relative; width: 100%; margin-top: 90px;}
.yxsousuoxiala{ width: 80px; float: left; position: absolute; left: 0px; top: 3px;}
.yxsousuoxiala .layui-input{ border: none;}
.yxxinxisousuo{ float: right; height: 40px; line-height: 40px; padding: 0px 15px; border-radius: 5px; position: absolute; right: 0px; top: 1px; background: #3285fa; color: #fff; border: none;}

.yxfooter{ width: 100%; background:#3285fa; color: #fff; padding: 15px 0px; display: inline-block;}
.yxfooterN{ width: 1300px; position: relative; margin: 0px auto;}
.yxfooterL{ width: 1000px; float: left; }
.yxfooterL p{ color: #fff; margin-bottom: 15px;}
.yxfooterR{ width: calc(100% - 1000px); float: right;}
.yxfooterR img{ width: 120px;}

@media screen and (max-width: 1300px) {
    .ynttmdl .yxtopN{ width: 100%;}
    .yxlogosousuo{ width: calc(100% + 200px); margin-left: -200px;}
    .yxfooterN{ padding: 0px 15px; box-sizing: border-box; width: 100%;}
    .yxfooterL{ width: 80%;}
    .yxfooterR{ width: 20%;}
    
}

@media screen and (max-width: 992px) {
    .yxlogosousuo{display: none;}
}

@media screen and (max-width: 800px) {
    .yxlogo{width: 100%; overflow: hidden;}
    .yxlogo img{ width: 140%;}
}
@media screen and (max-width: 768px) {
    .yxfooterL{ width: 100%;}
    .yxfooterR{ width: 100%;}
}

@media screen and (max-width: 500px){
    .yxnav{ margin-top: -450px;}
}