@charset "utf-8";
* { padding: 0; margin: 0; text-decoration: none; list-style: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family:Arial, Helvetica, sans-serif;}
@font-face
{
font-family:GOTHIC;
src: url("GOTHIC.ttf")
    ,url("GOTHIC.eot"); /* IE9+ */
}
@font-face
{
font-family:GOTHICB;
src: url("GOTHICB.ttf")
    ,url("GOTHICB.eot"); /* IE9+ */
}
html, body { width: 100%; background: #fff;}
img { border: none; display: block; }
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
em,i{ font-style:normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#111;}

@media screen and (min-width: 1360px) {
.ft14{ font-size:14px;}
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}
.ft20{ font-size:20px;}
.ft24{ font-size:24px;}
.ft26{ font-size:26px;}
.ft32{ font-size:32px;}
.ft36{ font-size:36px;}
.ft42{ font-size:42px;}
.ft46{ font-size:46px;}
}
@media screen and (max-width:1360px) and (max-width:960px) {
.ft16{ font-size:15px;}
.ft18{ font-size:16px;}
.ft20{ font-size:18px;}
.ft24{ font-size:20px;}
.ft32{ font-size:26px;}
.ft36{ font-size:30px;}
.ft46{ font-size:32px;}
.ft50{ font-size:35px;}
}
@media screen and (max-width:960px) {
.ft16{ font-size:13px;}
.ft18{ font-size:14px;}
.ft20{ font-size:16px;}
.ft24{ font-size:18px;}
.ft32{ font-size:18px;}
.ft36{ font-size:24px;}
.ft46{ font-size:26px;}
.ft50{ font-size:20px;}
}

.main { width:100%; max-width:96%; margin: 0 auto; }
.symain { width:1300px; margin: 0 auto; }
.symains { width:90%; margin: 0 auto; }
.symainy { width:100%; max-width:1100px; margin: 0 auto; }
@media screen and (max-width: 1660px) {
.symain { width:90%; margin:0 auto; }
}
@media screen and (max-width: 1460px) {
.symain { width:95%; margin:0 auto; }
}
@media screen and (max-width: 780px) {
.symain { width: 92%; padding: 0; }
}
.fl { float: left; }
.fr { float: right;}

.footer{ padding-top:3%; background:url(../images/bg02.jpg) center no-repeat; background-size:cover; background-attachment:fixed; overflow:hidden;}
.footer em{ font-weight:700; display:block; line-height:2;}
.footer em a{ color:#a11318;}
.footer span{ display:block; line-height:2; font-size:14px; color:#666;}
.footer span a{ font-size:14px; color:#666;}
@media screen and (min-width:640px) {
.footer_menu{ width: calc(70% - 35px); float:left;}
.footer_weima{ width:30%; float:right;}
}
@media screen and (max-width:640px) {
.footer_weima{ margin-top:20px;}
}
.footer_menu{ border-top:3px #3e3a39 solid; padding-top:25px;}
.footer_menu li{ float:left; width:25%;}
.footer_weima{ border-top:3px #3e3a39 solid; padding-top:25px;}
.footer_weima p{ max-width:140px; text-align:center; line-height:1.5; margin:3% 0;}
.footer_weima img{ display:block; width:100%;}
.copyright{ border-top:1px #7a7878 solid; padding:3% 0; line-height:1.5;}
.copyright span{ display:inline; margin-right:25px;}
@media screen and (min-width:640px) {
.copyright p{  float:right; }
.copyright p a{ margin-left:20px;}
}
.copyright p{ display:flex;}
@media screen and (max-width:640px) {
.copyright p a{ margin-right:20px;}
}

.izl-rmenu{position:fixed; right:0; margin-right:5px; bottom:20px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#3c3c3c;}
.izl-rmenu .btn-qq:hover{background-color:#b33622;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#3c3c3c; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#3c3c3c;}
.izl-rmenu .btn-wx:hover{background-color:#b33622;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#3c3c3c;}
.izl-rmenu .btn-phone:hover{background-color:#b33622;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}