@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;}
html, body { width: 100%; background: #fff; color:#333; font-family:"微软雅黑";}
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:#00324b;}

.main { width:92%; max-width: 1750px; height: 100%; margin: 0 auto;}
.symain { width:86%; height: 100%; margin: 0 auto; position:relative;}
@media screen and (max-width: 1660px) {
.symain { width:86%; margin:0 auto; }
.main { width:92%; margin:0 auto; }
}
@media screen and (max-width: 1260px) {
.symain { width:92%; margin:0 auto; }
.main { width:95%; margin:0 auto; }
}
@media screen and (max-width: 780px) {.symain { width:95%; padding: 0; } }
.fl { float: left; }
.fr { float: right;}

@media screen and (min-width: 1600px) {
.ft_16{ font-size:16px;}
.ft_18{ font-size:18px;}
.ft_20{ font-size:18px;}
.ft_22{ font-size:22px;}
.ft_24{ font-size:23px;}
.ft_26{ font-size:26px;}
.ft_28{ font-size:24px;}
.ft_30{ font-size:30px;}
.ft_32{ font-size:32px;}
.ft_34{ font-size:34px;}
.ft_36{ font-size:36px;}
.ft_38{ font-size:38px;}
.ft_40{ font-size:40px;}
.ft_46{ font-size:46px;}
.ft_48{ font-size:48px;}
.ft_50{ font-size:50px;}
.ft_56{ font-size:56px;}
.ft_60{ font-size:60px;}
.ft_100{ font-size:100px;}
}
@media screen and (max-width: 1600px) and (min-width: 1360px) {
.ft_16{ font-size:15px;}
.ft_18{ font-size:17px;}
.ft_20{ font-size:18px;}
.ft_22{ font-size:20px;}
.ft_24{ font-size:20px;}
.ft_26{ font-size:23px;}
.ft_28{ font-size:20px;}
.ft_30{ font-size:26px;}
.ft_32{ font-size:28px;}
.ft_34{ font-size:30px;}
.ft_36{ font-size:32px;}
.ft_38{ font-size:32px;}
.ft_40{ font-size:36px;}
.ft_46{ font-size:40px;}
.ft_48{ font-size:44px;}
.ft_50{ font-size:45px;}
.ft_56{ font-size:47px;}
.ft_60{ font-size:50px;}
.ft_100{ font-size:70px;}
}
@media screen and (max-width: 1360px) and (min-width: 960px) {
.ft_16{ font-size:14px;}
.ft_18{ font-size:16px;}
.ft_20{ font-size:17px;}
.ft_22{ font-size:19px;}
.ft_24{ font-size:20px;}
.ft_26{ font-size:21px;}
.ft_28{ font-size:22px;}
.ft_30{ font-size:22px;}
.ft_32{ font-size:24px;}
.ft_34{ font-size:26px;}
.ft_36{ font-size:28px;}
.ft_38{ font-size:30px;}
.ft_40{ font-size:30px;}
.ft_46{ font-size:35px;}
.ft_48{ font-size:38px;}
.ft_50{ font-size:40px;}
.ft_56{ font-size:41px;}
.ft_60{ font-size:42px;}
.ft_100{ font-size:60px;}
}
@media screen and (max-width: 960px){
.ft_16{ font-size:13px;}
.ft_18{ font-size:14px;}
.ft_20{ font-size:14px;}
.ft_22{ font-size:16px;}
.ft_24{ font-size:18px;}
.ft_26{ font-size:18px;}
.ft_28{ font-size:19px;}
.ft_30{ font-size:20px;}
.ft_32{ font-size:18px;}
.ft_34{ font-size:20px;}
.ft_36{ font-size:20px;}
.ft_38{ font-size:20px;}
.ft_40{ font-size:21px;}
.ft_46{ font-size:21px;}
.ft_48{ font-size:21px;}
.ft_50{ font-size:22px;}
.ft_56{ font-size:24px;}
.ft_60{ font-size:25px;}
.ft_100{ font-size:50px;}
}

.footer{ background:#0c1014; padding:3% 0; color:#fff;}

@media screen and (min-width:1200px) {
.flogo{ width:17%; height:100%; position:absolute; left:0; top:0;}
.flogo p{ position:absolute; left:0; bottom:10%;}
.fcenter{ float:left; width:58%; padding-right:7%; margin-left:17%; position:relative;}
.flink{ margin-top:6%; }
.fliuy{ float:right; width:25%;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.flogo{ margin-bottom:35px;}
.flogo p{ margin-top:15px;}
.fcenter{ float:left; width:60%; padding-right:7%;}
.flink{ margin-top:3%; }
.fliuy{ float:right; width:40%;}
}
@media screen and (max-width:960px) {
.flogo{ margin-bottom:35px;}
.flogo p{ margin-top:15px; width:100%;}
.flink{ margin:15px 0 35px; }
}
.flink img{ max-width:55px;}
.flogo img{ max-width:100px;}
.flogo p{ display:flex;}
.flogo p a{ margin-right:20px;}
.flogo p a img{ max-width:30px;}
.fcenter{ box-sizing: border-box;}
.fcenter a{ color:#fff; line-height:2; float:left; width:33.33%; font-family:"DIN-Bold";}
.fliuy em{ line-height:2; font-family:"DIN-Bold";}
.fliuy p{ margin:7px 0;}
.fliuy p .mytxt{ border:1px #323232 solid; height:40px; width:100%; background:#0c1014; box-sizing: border-box; padding:0 15px; outline:none; color:#eee;}
.fliuy p .mytxts{ border:1px #323232 solid; height:60px; width:100%; background:#0c1014; box-sizing: border-box; padding:15px; outline:none; color:#eee;}
.fliuy .mysub{ border:0; background:#b61d23; width:50%; height:40px; color:#fff;}
.copyright{ background:#0c1014; text-align:center; color:#ccc; border-top:1px #1d252d solid; padding:25px 0; line-height:1.5}

