body{width:100%;min-width:1200px;padding:0;margin:0;font-family:Arial,微软雅黑;font-size:12px;background:#ffffff; overflow:hidden;}
p,h2,h1,h3,h4{padding:0;margin:0}
a:link,a:visited{color:#333333;text-decoration:none}
a:hover{color:#168bd5;text-decoration:underline}
img{border:0}
.container{width:1200px;margin:0 auto}
.header{position:absolute;left:0;top:0;width:100%;height:106px;background:#234397 url(../images/tbg.jpg) no-repeat right top;z-index:100}
.header .logo{float:left;margin:20px 0 0 0}
.navbtn { display: none; position: absolute; z-index: 999; width: auto; height: auto; padding: 0 7px; border-radius: 5px; background-color: #3e56c3; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.navbtn span { display: block; width: 35px; height: 4px; margin: 8px 0; border-radius: 5px; background-color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.navbtn.navclose span:nth-child(1) { -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
.navbtn.navclose span:nth-child(2) { opacity: 0; }
.navbtn.navclose span:nth-child(3) { -moz-transform: translateY(-11px) rotate(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); -webkit-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); }
.nav{float:left;margin:54px 0 0 27px}
.nav ul{float:left;list-style:none;padding:0;margin:0}
.nav ul li{float:left;margin-left:52px;width:auto;height:51px;position:relative}
.nav ul li a{float:left;padding:0 3px;height:25px;line-height:25px;font-size:16px;color:#fff;padding-bottom:22px;text-decoration:none;font-family:幼圆}
.nav ul li a:hover,.nav ul li a.current{border-bottom:solid 4px #6babe5}
.nav ul li .submenu{position:absolute;left:-10px;top:47px;width:90px;border-top:solid 4px #6babe5;background:url(../images/t1.png) repeat;z-index:100;display:none}
.nav ul li:hover .submenu{display:block}
.nav ul li .submenu a{float:left;padding:0;width:100%;height:35px;line-height:35px;color:#fff;font-size:12px;text-align:center}
.nav ul li .submenu a:hover{color:#fff;border:none;background:#6babe5}
.header .language{float:left;margin:54px 0 0 40px;width:88px;height:25px;line-height:25px;background:url(../images/icon_arrow.png) no-repeat right 10px;overflow:hidden}
.header .language:hover{overflow:visible}
.header .language a{float:left;width:100%;height:25px;font-size:14px;color:#fff}
.header .language a img{float:left;margin-top:9px;margin-right:5px}
.header .search{float:right;margin-top:48px;width:180px;height:32px;background:url(../images/search.png) no-repeat}
.header .search input[type="text"]{float:left;padding:0;margin:1px 0 0 14px;width:129px;height:30px;line-height:30px;color:#dedede;border:none;background:transparent; outline:none;}
.header .search .btn{float:left;margin-top:1px;width:28px;height:28px;font-size:0;text-indent:-9999px}
.slidebox{position:absolute;left:0;top:0;width:100%;height:100%}
.slidebox .swiper-slide{ background-size:cover; background-repeat:no-repeat; background-position:center top;}
.slidebox .swiper-button-next,.slidebox .swiper-button-prev{outline:none;}
.slidebox .cycle{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.slidebox .cycle img{width:100%;min-height:100%}
.slidebox .container{position:relative;z-index:100}
.slidebox a.prev,.slidebox a.next{float:left;margin:35% 0 0 0;width:70px;height:140px;background:url(../images/navs.png) no-repeat}
.slidebox a.next{float:right;background-position:0 bottom}
.slide-loading{position:fixed;left:0;top:0;width:100%;height:100%;background:url(../images/loading.gif) no-repeat center center;z-index:200;display:none}
.footer{position:absolute;left:0;bottom:0;border:0;width:100%;height:70px;background:#274799 url(../images/fbg.jpg) no-repeat right top;z-index:200}
.footer .mod-links{float:left;margin-top:26px;height:25px;line-height:25px}
.footer .mod-links a{float:left;color:#fff;font-size:14px}
.footer .mod-links span{float:left;width:2px;height:25px;margin:0 23px;background:url(../images/bd.png) no-repeat 0 center}
.footer .copyright{float:right;margin-top:26px;height:25px;line-height:25px;color:#fff;font-size:14px}
.mod-list-box{position:absolute;bottom:70px;left:0;width:100%;height:50px;z-index:100}
.mod-list-box .list{float:left;margin-right:1px;width:298px;height:50px;position:relative;z-index:100}
.mod-list-box .list.last{margin:0}
.mod-list-box .list .item{position:absolute;left:0;width:100%;height:50px;background:url(../images/t1.png) repeat;z-index:2}
.mod-list-box .list .item:hover,.mod-list-box .list .item.hover{background:#336cff url(../images/li_01.jpg) no-repeat}
.mod-list-box .list a{float:left;margin-left:18px;line-height:50px;font-size:14px;color:#fff;text-decoration:none}
.mod-list-box .list .arrow{float:right;margin:21px 16px 0 0;width:15px;height:8px;background:url(../images/icon_arrow1.png) no-repeat}
.mod-list-box .list .itembox{position:absolute;bottom:-162px;left:0;width:100%;height:162px;background:#fff;z-index:1}
.mod-list-box .list .itembox a{margin:0}
.mod-list-box .list .itembox a.title{float:left;margin:14px 0 0 20px;width:255px;height:25px;font-size:15px;color:#336cff;line-height:25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.mod-list-box .list .itembox img{float:left;margin:3px 0 0 20px;width:78px;height:53px}
.mod-list-box .list .itembox .cont{float:right;width:170px;font-size:12px;line-height:18px;margin:3px 20px 0 0}
.mod-list-box .list .itembox.s1 img{float:left;margin:8px 0 0 10px;width:98px;height:98px}
.mod-list-box .list .itembox.s1 a.title{float:left;margin-left:7px;width:150px;height:auto;white-space:normal;overflow:visible}
.mod-list-box .list .itembox.s1 .cont{float:left;margin-left:7px;width:150px;font-size:12px;line-height:18px}

@media(max-width:1024px)
{
body{min-width:auto; overflow-x:hidden; overflow-y:auto;}
.container{width:96%;}
.language{display:none;}
.mod-list-box .container{width:100%;}
.mod-list-box .list{width:25%; box-sizing:border-box; margin-right:0;}
.mod-list-box .list .itembox,.mod-list-box .list .itembox *{box-sizing:border-box;}
.mod-list-box .list .itembox{ padding:0 5px;}
.mod-list-box .list .itembox a.title{margin:0; margin-top:5px; width:100%; font-size:14px;}
.mod-list-box .list .itembox img{margin-left:0;}
.mod-list-box .list .itembox .cont{width:calc(100% - 78px - 10px); margin-right:0;}
}
@media(max-width:768px)
{
body{background-color:#274696;}
.header{height:60px; position:fixed; z-index:999;}
.header .logo{margin-top:12px;}
.header .logo img{ height:40px;}
.header .search{margin-top:15px; margin-right:70px;}
.navbtn span{width:30px; height:3px; margin:7px 0;}
.navbtn{display:block; right:12px; top:12px;}
.nav ul li{height:auto;}
.nav ul li a{ height:auto; line-height:45px; box-sizing:border-box;}
.nav ul li .submenu{display:none !important;}
.header .nav { position: fixed; z-index:1000; top: 0; left: -100%; margin:0; float: none; display: block; width:220px; height: 100%; padding-left: 15px; padding-right: 15px; padding-top: 15px; transition: left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s; }
.header .nav li {float:left; width:100%; position: relative; z-index: 99; padding-top: 0; padding-bottom: 0; margin-left: 0; background-color: #fff; border-bottom: 0.8px solid #efefef; }
.header .nav li:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.header .nav li:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.header .nav li > a { display: block; width: 100%; height: 45px; line-height: 45px; text-align: left; padding:0 15px; color: #000; font-size: 14px; }
.header .nav .sub-nav { position: relative; z-index: 9; opacity: 1; display: none; width: calc(100% - 15px); margin-right: 0; margin-left: auto; box-shadow: none; border-radius: 0; border-top: 0.8px solid #efefef; transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; }
.header .nav .language { z-index: 999; height: 45px; margin-top: 10px; background-color: #fff; border-radius: 5px; overflow: hidden; transition: height 0.3s; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; }
.header .nav .language .current { height: 45px; line-height: 45px; text-align: left; padding-left: 15px; }
.header .nav .language .current:before { left: auto; right: 0; width: 40px; text-align: center; }
.header .nav .language .lang-list { position: static; opacity: 1; padding-top: 0; padding-bottom: 0; border-radius: 0; box-shadow: none; }
.header .nav .language .lang-list a { line-height: 35px; padding-left: 15px; text-align: left; border-top: 0.8px solid #efefef; }
.header .nav .language:hover { height: 80px; }
.header .nav:before { content: ''; position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; background-color: #eee; }
.header .nav:after { content: ''; opacity: 0; visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.header .nav.nav-show { left: 0; transition: left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s; }
.header .nav.nav-show:after { opacity: 1; visibility: inherit;}
.slidebox{ margin-top:60px; height:200px; left:auto; top:auto; position:relative; float:left;}
.swiper-wrapper{float:left; width:100%; height:200px;}
.mod-list-box{float:left; width:100%; height:auto; bottom:auto; position:relative; background-color:#ffffff;}
.mod-list-box .list{height:auto; width:50%; border-right:solid 1px rgba(255,255,255,0.3);}
.mod-list-box .list:nth-child(2n){border-right:none;}
.mod-list-box .list .item{position:relative; float:left; background:#6babe5;}
.mod-list-box .list .arrow{transform:rotate(180deg);}
.mod-list-box .list .itembox{position:relative; left:auto; bottom:auto !important; height:auto; min-height:150px; float:left;}
.mod-list-box .list .itembox.s1 img{margin-left:0; width:70px; height:70px;}
.mod-list-box .list .itembox.s1 a.title{float:right; margin-left:0; width:calc(100% - 70px - 10px)}
.mod-list-box .list .itembox.s1 .cont{margin-left:0;}
.footer{float:left; width:100%; position:relative; bottom:auto; height:auto; background:#274696;}
.footer .mod-links{height:auto; width:100%; text-align:center; margin-top:7px;}
.footer .mod-links a,.footer .mod-links span{float:none; display:inline-block;}
.footer .mod-links span{background-position:0 15px; margin:0 5px;}
.footer .copyright{margin-top:10px; width:100%; height:auto; text-align:center;}
}