/* main */
body {font-size: 14px; font-family:Verdana, Arial, Tahoma, 宋体,"Microsoft Yahei";  color: #333333;background: #f5f6fa;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,i,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
a{color: #333333;text-decoration: none;}
a:hover{text-decoration:none}
ul,ol {list-style:none;}

.toper{width: 100%;height: 34px; line-height: 34px;border-bottom: 0px #ccc solid; background: #b11c1b; color: #fff;}
.top{max-width: 1000px; margin: 0 auto;}
.top a{color:#fff;}
.top .zb{float: left;width: 50%;}
.top .yb{float: right;width: 50%;text-align: right;}
.header{width: 100%;height: 90px; box-shadow: 0 0 0.8rem -0.1rem rgba(0, 0, 0, 0.1); border-bottom: 1px solid #f1f1f3;background: #fff;}
.head{max-width: 1000px; margin: 0 auto;overflow: hidden;}
.head .logo{float: left; width: 20%;padding: 15px 0px;}
.head .logo img{ height: 60px;}

.head .meso .nav {float: left;width: 50%;line-height: 90px;font-size: 16px;font-weight: 500;}
.head .meso .nav li{width: 16.66%; text-align: center;float: left;}
.head .meso .nav li a{display: block;}
.head .meso .nav li a:hover{color: #b11c1b;}

.head .sousu{width: 25%; float: right;padding-top: 28px;}
.head .sousu .cxk{border: 1px #ccc solid;float: left;box-sizing: border-box;width: 70%; height: 34px; line-height: 34px;outline:none;padding:0px 6px;}
.head .sousu .cxk:focus{border-color: #b11c1b;z-index:999999;}
.head .sousu .cxan{border: 1px #b11c1b solid; background: #b11c1b; color: #fff;height: 34px; line-height: 34px;width: 30%;cursor: pointer;}
.head .sousu .cxan:hover{background: #9f0f0e;}


.footer{overflow: hidden;width: 100%; padding: 20px 0px; background: #646464;border-top: 5px #9f0f0e solid;}
.foot{max-width: 1000px; margin: 0 auto; text-align: center; line-height: 36px;color: #fff;box-sizing: border-box;}
.foot a{color: #fff;}
.foot a:hover{color: #9f0f0e;}

.weizhi{height: 40px; line-height: 40px;  padding: 0px 10px; box-sizing: border-box; max-width: 1000px; margin: 15px auto;}
.weizhi i{padding: 2px 5px; border-left: 5px solid #9f0f0e; overflow: hidden; display: initial;}

/* yema */
.yema{text-align: center; line-height: 38px; margin-top: 10px; overflow: hidden;}
.yema a{border: 1px #ccc solid;padding: 0px 7px;margin: 0px 3px;cursor:pointer;display:inline-block;height:26px;line-height:26px;}
.yema b{border: 1px #ccc solid;padding: 0px 8px;background: #9f0f0e;color:#fff;height:26px;line-height:26px;display:inline-block;}
.yema a b{border:none; padding:0px; background:none;color: #9f0f0e;}
.yema a b:hover{color:#fff;}
.yema a:hover{background: #9f0f0e;color:#fff;}

.main .you{width: 28%;float: right; }
.main .you .box{padding: 15px 2%; border: 1px solid #f1f1f1; border-radius: 2px; background: #fff;box-sizing: border-box;margin-bottom: 15px;}
.main .you .box .bt{padding: 0 0 13px; text-align: center; font-weight: 600; letter-spacing: 5px; font-size: 18px;border-bottom: 1px solid #f5f6f7;}
.main .you .box .nr{overflow: hidden;padding: 10px 5px;}
.main .you .ycyi ul{overflow: hidden;margin: 0px -1.5%;}
.main .you .ycyi ul li{width: 30.3%; float: left; height: 32px; line-height: 32px; border: 1px #ccc solid; box-sizing: border-box; border-radius: 3px; margin: 5px 1.5%;text-align: center;}
.main .you .ycyi ul li a{display: block;}
.main .you .ycyi ul li:hover{background: #9f0f0e; border: 1px #9f0f0e solid;}
.main .you .ycyi ul li:hover a{color: #fff;}
.main .you .ycer ul{overflow: hidden;margin: 0px -2%;}
.main .you .ycer ul li{width: 29.3%; float: left;  box-sizing: border-box;  margin: 5px 2%;text-align: center;height:95px;position:relative;}
.main .you .ycer ul li img{width:80%;}
.main .you .ycer ul li a{display: block; position: absolute; width: 100%; bottom: 10px; padding-top: 80px; }
.main .you .ycer ul li:hover{background:#efefef;}

.main .you .ycsan ul{overflow: hidden;margin: 0px -1.5%;}
.main .you .ycsan ul li{width: 22%; float: left; height: 32px; line-height: 32px; background: #f1f1f1; box-sizing: border-box; border-radius: 3px; margin: 5px 1.5%;text-align: center;}
.main .you .ycsan ul li a{display: block;}
.main .you .ycsan ul li:hover{background: #9f0f0e; border: 1px #9f0f0e solid;}
.main .you .ycsan ul li:hover a{color: #fff;}
.main .you .ycsi ul{overflow: hidden;margin: 0px -1.5%;}
.main .you .ycsi ul li{width: 30.3%; float: left; height: 32px; line-height: 32px; background: #f1f1f1; box-sizing: border-box; border-radius: 3px; margin: 5px 1.5%;text-align: center;}
.main .you .ycsi ul li a{display: block;}
.main .you .ycsi ul li:hover{background: #9f0f0e; border: 1px #9f0f0e solid;}
.main .you .ycsi ul li:hover a{color: #fff;}
.main .you .ycwu ul{overflow: hidden;}
.main .you .ycwu ul li{width: 100%; float: left; line-height: 46px; height: 46px; overflow: hidden;position: relative; padding-left: 17px; box-sizing: border-box; border-bottom: 1px #ccc dashed;}
.main .you .ycwu ul li a{width:67%;float:left;text-overflow: ellipsis; white-space: nowrap; display: inline-block; overflow: hidden;}
.main .you .ycwu ul li span{width:31%;float:right;font-size:12px;color: #666;}
.main .you .ycwu ul li:before { position: absolute; left: 3px; top: 21px; width: 5px; height: 5px; background-color: #ddd; border-radius: 100%; content: ""; } 
.main .you .ycwu ul li a:hover{color: #9f0f0e;}



@media (max-width: 768px){
    .top .zb{width: 100%;}
    .top .yb{display: none;}
    .header{height: auto;}
    .head .logo{width: 50%;padding-left: 1.5%;}

    .head .meso {display: none;position: fixed; width: 100%; top: 125px;z-index: 3;  transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; overflow: hidden;}
    .head .meso .nav{width: 100%;background: rgba(0,0,0,0.7);}
    .head .meso .nav li{width: 50%;line-height: 44px;border-bottom: 1px #636060 solid;}
    .head .meso .nav li a{color: #fff;}
    .head .meso .sousu{width: 100%;width: 80%; padding: 15px 10%;background: #f1f1f3;  border-bottom: 2px #9f0f0e solid;}

    .head .navbtn{ width:28px; height: 25px; margin:22px 20px 0px 0px; display: block; position: relative; z-index: 11; float:right;    }
    .head .navbtn span{ display: block; height:3px; margin-top:8px; background: #000000; transition: all .5s ease-out;transform-origin: 0 0;}
    .head .navbtn.active span{background: #900;}
    .head .navbtn.active span:nth-child(2) { opacity: 0;}
    .head .navbtn.active span:first-child {transform: rotate(50deg) translate(2px,0);}
    .head .navbtn.active span:last-child {transform: rotate(-50deg) translate(-2px,0);}

    .foot{padding: 0px 2%;line-height: 30px;font-size: 12px;}
    .weizhi{height:auto;line-height: 30px;}
    .main .you{width: 100%; margin-top: 15px;}






}