@charset "utf-8";
@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+ */
}
@font-face
{
font-family:ROBOTO;
src: url("ROBOTO.ttf")
    ,url("ROBOTO.eot"); /* IE9+ */
}
* { 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:"ROBOTO";}
html, body { width: 100%; background: #fff; color:#333;}
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:85%; max-width: 1600px; height: 100%; margin: 0 auto;}
.mains { width:80%; max-width: 1400px; height: 100%; margin: 0 auto;}
.symain { width: calc(85% - 60px); max-width: 1600px; height: 100%; margin: 0 auto; position:relative;}
@media screen and (max-width: 1660px) {
.symain{ width:85%; margin:0 auto; }
.main{ width:85%; margin:0 auto; }
}
@media screen and (max-width: 1260px) {
.symain{ width:95%; margin:0 auto; }
.main{ width:95%; margin:0 auto; }
.mains{ 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:20px;}
.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;}
}
@media screen and (max-width: 1600px) and (min-width: 1360px) {
.ft_16{ font-size:14px;}
.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;}
}
@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;}
}
@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:22px;}
.ft_40{ font-size:24px;}
.ft_46{ font-size:24px;}
.ft_48{ font-size:24px;}
.ft_50{ font-size:32px;}
}
.ft_14{ font-size:14px;}
.footer{ background:#505050; 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%;}
.flixi p{ margin:5% 0 3%;}
.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%;}
.flixi p{ margin:5% 0 3%;}
.fliuy{ float:right; width:40%;}
}
@media screen and (max-width:960px) {
.flogo{ margin-bottom:35px;}
.flogo p{ margin-top:15px; width:100%;}
.flixi p{ margin:15px auto;}
}
.flogo img{ max-width:100px;}
.flogo p{ display:flex;}
.flogo p a{ margin-right:20px;}
.flogo p a img{ width:20px;}
.fcenter{ box-sizing: border-box;}
.fmenu a{ color:#fff; line-height:2; margin-right:6%;}
.flixi p{ background-color:rgba(255,255,255,0.1); padding:8px 20px; border-radius:25px;}
.flixi span{ line-height:35px; display:inline-block; background:url(../images/ico10.png) left top 4px no-repeat; padding-left:30px;}
.flixi i{ line-height:35px; padding-left:30px; display:inline-block; margin-right:35px;}
.flixi i.ftel{ background:url(../images/ico08.png) left no-repeat;}
.flixi i.femail{ background:url(../images/ico09.png) left no-repeat;}
.fliuy em{ line-height:2;}
.fliuy p{ margin:15px 0;}
.fliuy p .mytxt{ border:1px #8d8d8d solid; height:40px; width:100%; background:#505050; box-sizing: border-box; padding:0 15px; outline:none;}
.fliuy .mysub{ border:1px #8d8d8d solid; background:#505050; width:50%; height:40px; color:#fff; border-radius:12px;}


.indnews{ padding:2% 0 3%;}
.indnews .indtitle{ margin:0 30px;}
.indnews_con{ margin-top:2%;}
.indnews_con li{ margin-bottom:4%;}
@media screen and (min-width:960px) {
.indnews_con li{ width: calc(33.33% - 20px); float:left; margin-right:30px;}
.indnews_con li:nth-child(3n+0){ margin-right:0;}
}
@media screen and (max-width:960px) and (min-width:560px) {
.indnews_con li{ width: calc(50% - 15px); float:left; margin-right:30px;}
.indnews_con li:nth-child(2n+0){ margin-right:0;}
}
.indnews_con li .nnimg{ height:295px; position:relative; overflow:hidden; transition: all 0.3s;}
@media screen and (max-width:560px) {
.indnews_con li .nnimg{ height:240px; }
}
.indnews_con li .nnimg img{ width:100%; height:100%; position:relative; object-fit: cover; transition: all 0.3s;}
.indnews_con li:hover .nnimg{ border-top-left-radius:30px; border-bottom-right-radius:30px;}
.indnews_con li:hover .nnimg img{transform: scale(1.1);}
.indnews_con li p{ padding:20px 30px; border-bottom:4px #c3d6eb solid; transition: all 0.3s;}
.indnews_con li:hover p{ border-bottom:4px #4b8cca solid;}
.indnews_con li a{ display:block;}
.indnews_con li a i{ display:block; line-height:1.5;}
.indnews_con li a em{ line-height:2; font-family:"ROBOTO"; font-weight:700; color:#034080; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;}
.indnews_con li a span{ display:block; height:66px; line-height:22px; color:#999; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}