html{ overflow: auto; }
body { color:#666; font-size:14px; font-family:"arial","microsoft yahei"; background: #f7f7f7; position: relative; min-width: 1350px; overflow: hidden; }
form,div,body,img,p,img,dl,dt,dd,h2,h1,h3{ margin:0px; padding:0px; border:0; }
a:link{ text-decoration:none; behavior:;}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:focus { -moz-outline-style: none; }
a:active{ outline:none; text-decoration:none;}
em,i{ font-style:normal; }
ul,li{ list-style:none; margin:0; padding:0;}
input,textarea,select{ color:#333; margin:0; padding:0; font-size:12px; font-family:arial; vertical-align:middle;}
input:focus,textarea:focus{ outline:none;}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
	border:none; padding:0;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
	color:#b5b5b5;
}
input::-moz-placeholder,textarea::-moz-placeholder{   /* mozilla firefox 19  */
	color:#b5b5b5;
}
input:-moz-placeholder,textarea:-moz-placeholder{    /* mozilla firefox 4 to 18 */
	color:#b5b5b5;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{  /* internet explorer 10-11 */ 
	color:#b5b5b5;
}
input[type="text"]:focus,input[type="password"]:focus{ border: 1px solid #ba2f2f !important; }
/*浮动*/
.clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{ *zoom:1;}
.left{ float:left;}
.right{ float:right;}


/*字体*/
@font-face {
    font-family:'akz-t';
    src:url(/uploads/image/pfonts/akz-t.otf);
}
@font-face {
    font-family:'akz-l';
    src:url(/uploads/image/pfonts/akz-l.otf);
}
.fz16{ font-size: 16px; }

/*上下间距*/
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb18{ margin-bottom:18px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb80{ margin-bottom:80px;}
.mb100{ margin-bottom:100px;}

/*公用*/
.div100{ width:100%;}
.b{ font-weight:bold;}
.text_l{ text-align:left;}
.text_r{ text-align:right;}
.text_c{ text-align:center;}
.animate{ transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
br{ opacity: 0; }
.red{ color: #ba2f2f; }

.container{ padding-left: 250px; transition: all 0.3s ease; }
.container .all{ width: 1480px; margin: 0 auto; padding-top: 30px; transition: all 0.3s ease; }
.function .notice_box{ height: 36px; overflow: hidden; width: 800px; float: left; padding-left: 22px; background: url(/uploads/image/pimages/icon.png) no-repeat left 11px; }
.function .notice_box li a{ display: inline-block; line-height: 36px; color: #666; font-size: 12px; }
.function .notice_box li a:hover{ color: #ba2f2f; }
.function .btn{ float: right; line-height: 36px; }
.function .btn span{ margin: 0 15px; border-left: 1px dotted #aeadad; height: 16px; display: inline-block; vertical-align: middle; }
.function .btn a{ padding-left: 18px; color: #8a8a8a; font-size: 12px; vertical-align: middle; transition: all 0.3s ease; }
.function .btn a:hover{ color: #ba2f2f; }
.function .btn .login{ background: url(/uploads/image/pimages/login.png) no-repeat left center; }
.function .btn .wei{ background: url(/uploads/image/pimages/wei.png) no-repeat left center; }
.function .btn .login:hover{ background: url(/uploads/image/pimages/login2.png) no-repeat left center; }
.function .btn .wei:hover{ background: url(/uploads/image/pimages/wei2.png) no-repeat left center; }
.function .btn .center{ line-height: 30px; display: inline-block; padding-left: 36px; background: url(/uploads/image/pimages/photo.png) no-repeat left center; }

.main-head{ position: fixed; top: 0; left: 0; width: 250px; height: 100%; background: #fff; z-index: 1000; transition: all 0.3s ease; }
.main-head .main-logo a{ display: block; height: 220px; margin-bottom: 20px; background: url(/uploads/image/pimages/logo.png) no-repeat center; background-size: 100% auto; }
.main-head .main-menu li{ margin-bottom: 10px; text-align: center; }
.main-head .main-menu li .more{ display: block; line-height: 40px; color: #333; transition: all 0.3s ease; position: relative; z-index: 5; background: #fff; }
.main-head .main-menu li .more span{ position: absolute; width: 14px; height: 9px; background: url(/uploads/image/pimages/icon3.png) no-repeat center; right: -1px; top: 11px; transform: translatex(-10px); opacity: 0; transition: all 0.3s ease 0.2s; }
.main-head .main-menu li:hover .more span{ opacity: 1; transform: translatex(0); transition: all 0.3s ease; }
.main-head .main-menu li:hover .more,.main-head .main-menu li.active .more{ color: #ba2f2f; }
.main-head .main-menu li .zi_menu{ position: absolute; left: 250px; width: 250px; height: 100%; background: #fff; top: 0; border-left: 1px solid #f8eaea; box-sizing: border-box; padding-top: 140px; opacity: 0; visibility: hidden; transform: translatex(-10%); transition: all 0.2s ease 0.2s; }
.main-head .main-menu li:hover .zi_menu{ transform: translatex(0); opacity: 1; visibility: visible; transition: all 0.2s ease; z-index: 1; }
.main-head .main-menu li .zi_menu dt{ color: #1d1d1d; font-size: 20px; margin-bottom: 55px; }
.main-head .main-menu li .zi_menu dt span{ font-size: 12px; color: #ba2f2f; font-family: 'akz-t'; display: block; margin-top: 5px; }
.main-head .main-menu li .zi_menu dd{ margin-bottom: 10px; }
.main-head .main-menu li .zi_menu dd a{ display: block; line-height: 40px; color: #333; transition: all 0.3s ease; }
.main-head .main-menu li .zi_menu dd a:hover,.main-head .main-menu li .zi_menu dd.active a{ color: #ba2f2f; }
.main-head .btn{ position: absolute; width: 80%; left: 10%; bottom: 40px; border: 1px solid #e0a1a1; box-sizing: border-box; text-align: center; color: #1d1d1d; }
.main-head .btn:hover{ color: #ba2f2f; }
.main-head .btn::after{ content: ''; width: 14px; height: 9px; background: url(/uploads/image/pimages/icon3.png) no-repeat center; position: absolute; right: -1px; top: 15px; }
.main-head .btn i{ display: inline-block; line-height: 38px; padding-left: 16px; background: url(/uploads/image/pimages/icon2.png) no-repeat left center; transition: all 0.3s ease; }
.main-head .btn:hover i{ background: url(/uploads/image/pimages/icon22.png) no-repeat left center; }

.back_top{ position: fixed; right: 10px; bottom: 100px; width: 40px; height: 40px; box-sizing: border-box; border: 1px solid #db9d9d; text-align: center; color: #1d1d1d; font-size: 10px; cursor: pointer; transition: all 0.3s ease; opacity: 0; visibility: hidden; }
.back_top.active{ opacity: 1; visibility: visible; }
.back_top:hover{ background: #db9d9d; color: #fff; }
.back_top img{ display: block; margin: 0 auto; margin-bottom: 7px; margin-top: -1px; }

.main-page{ padding: 30px 0; text-align: center; }
.main-page a{ color: #ba2f2f; border: 1px solid #db9d9d; width: 28px; height: 28px; display: inline-block; line-height: 28px; font-size: 12px; font-family: 'akz-l'; margin: 0 3px; transition: all 0.3s ease; }
.main-page a.active,.main-page a:hover{ color: #fff; background: #ba2f2f; border: 1px solid #ba2f2f; }

@media only screen and (max-width: 1760px) {
    .container .all{ width: 1300px; }
}
@media only screen and (max-width: 1600px) {
    .main-head{ width: 200px; }
    .container{ padding-left: 200px; }
    .container .all{ width: 1200px; }
    .main-head .main-menu li .zi_menu{ left: 200px; width: 200px; }
}
@media only screen and (max-width: 1470px) {
    .main-head{ width: 150px; }
    .main-head .btn i{ font-size: 12px; }
    .main-head .btn{ width: 90%; left: 5%; }
    .container{ padding-left: 150px; }
    .main-head .main-menu li .zi_menu{ left: 150px; width: 180px; }
}
@media only screen and (max-width: 1400px) {
    .container .all{ width: 1100px; }
}
@media only screen and (max-height: 780px) {
    .main-head .main-logo a{ height: 180px; }
    .main-head .main-menu li .zi_menu{ padding-top: 100px; }
}
@media only screen and (max-height: 730px) {
    .main-head .main-logo a{ height: 120px; background-size: 80% auto; margin-top: 10px; }
    .main-head .main-menu li .zi_menu{ padding-top: 50px; }
}
@media only screen and (max-height: 680px) {
    .main-head .main-menu li .more,.main-head .main-menu li .zi_menu dd a{ line-height: 35px; }
}
@media only screen and (max-height: 640px) {
    .main-head .main-menu li .more,.main-head .main-menu li .zi_menu dd a{ line-height: 30px; }
}