@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input{margin:0;padding:0}em,i,s{font-style:normal;text-transform:uppercase;}li{list-style:none}a,s,a:hover{text-decoration:none}img{border:0;vertical-align:top;max-width: 100%;}table{border-collapse:collapse;border-spacing:0}body,button,input,select,textarea{font:14px/1.5 'microsoft yahei',Tahoma,arial,'Hiragino Sans GB',\5b8b\4f53}input,textarea{resize:none;border:none;}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.noBg{background:none!important}.noBd{border:0!important}.noMg { margin: 0!important; }

input[type="button"], input[type="submit"], input[type="reset"] , botton,bottom {-webkit-appearance:none;}
input::-webkit-input-placeholder {opacity:1}
input:-moz-placeholder {opacity:1}
input::-moz-placeholder {opacity:1}
input::-ms-input-placeholder {opacity:1}
textarea::-webkit-input-placeholder {opacity:1}
textarea:-moz-placeholder {opacity:1}
textarea::-moz-placeholder {opacity:1}
textarea::-ms-input-placeholder {opacity:1}

/* 项目主体部分设置 */
body { background: #fff; color:#333; }
a { color:#333;text-decoration:none; transition: all 0.5s ease 0s; }
a:hover { color: #1d5099; }

.fl{float: left;}
.fr{float: right;}
.wrapper { position:relative; width:100%; height: 100%; margin:0 auto; overflow:hidden; }
.wrap { width: 1200px; margin:0 auto; }
.g-in{width: 1200px;margin: 0 auto;position: relative;}

.header.scrollfixed{box-shadow: 0px 3px 10px 0px #ccc;}

#headerpc{background: #fff;width: 1920px !important;position: fixed;left: 50% !important;margin-left: -960px;height: 70px;display: flex;align-items: center;z-index: 99;}

#headerpc2{background: #fff;width: 1920px;position: fixed;left: 50%;margin-left: -960px;height: 70px;display: flex;align-items: center;z-index: 99;display: none;top: 0%}

.mystyle{box-shadow: 0px 3px 10px 0px rgba(0,0,0,.3);}
.logo{margin-top: 18px;}
.nav{}
.nav>ul>li{float: left;width: 100px;height: 80px;text-align: center;transition: all .5s linear;line-height: 80px;}
.nav>ul>li.current>a,.nav>ul>li:hover>a{ font-weight:bold; color:#1d5099}
.nav>ul>li>a{font-size: 17px;color: #000;line-height: 32px;}


.nav>ul>li .subnav{line-height: 30px;position: absolute; width: 100%; top: 80px; z-index:100; height: 0;opacity: 0; font-size: 14px;overflow: hidden;transition: all 0.2s linear 0s;}

/* .nav>ul>li .subnav ul li a{color: #000;} */
.nav>ul>li .subnav_on{opacity:1;height:330px;}
.nav>ul>li .subnav_on>li{line-height: 30px;}
.nav>ul>li .subnav_on>li>a{position: relative;color: #000;font-size: 14px;}
.nav>ul>li .subnav_on>li>a:hover{color:#1d5099;}
.nav>ul>li .subnav_on>li>a:hover:after{position: absolute;width: 10px;height:1px;background: url(iconleft.png) no-repeat center;left: 0;top:10px;content: '';}

.submenu{border-top: 1px solid #ccc;position: fixed;top: 80px;left: 0;width: 100%;right: 1px;height: 0;overflow: hidden;background: #fff;transition: all 0.2s linear 0s;z-index: 99;}
.submenu_on{height:330px;opacity:1;}

.sNav {position: absolute;z-index: 30;left: 50%;top: 80px;width: 1920px;min-height: 288px;background: rgba(255, 255, 255, 1); margin-left: -960px;border-top: 1px solid #ccc; display:none; z-index:9999}
.sNav.on { opacity: 1; filter: alpha(opacity=1); visibility: visible; top:74px; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease;z-index: 999;display: block;}
.sNav>.wal {padding-top: 20px; }
.sNav>.wal>ul{ width:1200px; margin:0 auto;position: relative;text-align: center;}

.nav>ul>li:nth-child(3) .sNav>.wal>ul{left: 25%;}
.nav>ul>li:nth-child(4) .sNav>.wal>ul{left: 25%;}
.nav>ul>li:nth-child(5) .sNav>.wal>ul{left: 17%;}


/* .nav > ul > li:hover .sNav{ display:block;box-shadow: 0px 6px 8px 0px #efefef;} */
.sNav li {float: left;font-size: 14px;line-height: 40px;position: relative;text-align: left; margin-right:40px}
.sNav>.wal>ul>li>dl{line-height: 30px !important;text-align: center;}


.sNav a { color: #000; }
.sNav a:hover { color: #1d5099;}
.tabContent { display: none; }
.tab li { cursor: pointer; }
.nav>ul>li .sNav ul li dt{text-align:left;height: 56px;overflow: hidden;}
.nav>ul>li .sNav ul li dt a{font-size: 16px;color: #1d5099;position: relative;text-align: left;padding-bottom: 8px;margin-bottom: 10px; height:38px; line-height:38px;display: inline-block;}
.sNav li:last-child{ margin-right:0}


.nav>ul>li .sNav ul li dd{font-size: 13px;color: #666;text-align: left;}



.search{margin-top: 27px;margin-left: 30px;}
#bannerSwiper{position: relative;padding-top: 70px;}

.bannerSwiper .swiper-slide img{position: relative;}
#bannerpagination .swiper-pagination-bullet{width: 12px !important;height: 12px !important;background: #fff !important;opacity: 1 !important;}
#bannerpagination .swiper-pagination-bullet-active{width: 40px !important;border-radius: 20px !important;}

.aForm{ position: relative;top: 0;right: 0px;width:194px;height:18px;background:#ebebeb;padding:3px; z-index:1;border-radius: 24px;overflow: hidden;}
.aForm .input-a{width:150px;height:18px; border:none; outline:none; font-size:14px; line-height:18px;padding-left:14px; position:relative; top:-10px;background: #ebebeb;appearance: none;-webkit-appearance: none;}
.aForm .input-a:focus{border: none;outline: none;}
.aForm .input-b{width:30px;height:34px; border:none; background: url(search.png) no-repeat center; outline:none; cursor:pointer;text-indent: 99em; overflow: hidden;position:relative;top: -8px;}


.news{width: 1920px;position: relative;left: 50%;margin-left: -960px;background: url(newsbg.png) no-repeat center;height: 70px;}
.newsL span{padding-left: 37px;display: inline-block;background: url(newl.png) no-repeat left center;font-size: 24px;color: #fff;font-weight: bold;line-height: 70px;}

.newsR{width: 720px;margin-left: 45px;overflow: hidden;}
.newsR .prev{position: absolute;width: 46px;height: 46px;background: url(newprev.png) no-repeat center;right: 50px;top: 50%;margin-top: -23px;z-index: 3;}
.newsR .next{position: absolute;width: 46px;height: 46px;background: url(newnext.png) no-repeat center;right: 0px;top: 50%;margin-top: -23px;z-index: 3;}


.newsR ul li{margin-right: 100px;width: 350px;}
.newsR ul li a{display: inline-block;padding-left: 18px;background: url(point.png) no-repeat left center;line-height: 70px;font-size: 16px;color: #000;}

/* 手机上展示栏目 */
#header{display: none;width: 100%;height: 60px;background-color: #fff;;align-items: center;position: fixed;top: 0;left: 0;transition: top 0.5s;z-index: 999;}
.app-top-nav {background: #182028;height: 100%;position: fixed;top: 0;left: 0;width: 100%;z-index: 99;display: none;}
.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:9; }
.u-mask2 { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:9; }
.m-nav { width:200px; height:100%; right:-200px; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:1; }
.m-nav h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center; }
.m-nav li { position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px; }
.m-nav li a { display:block; }
.m-nav li a:hover,.m-nav .current a { color:#f9b655; }
.m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #f9b655; content:"" }

/* 菜单显示 */
.u-menu2 { position:absolute; right:6px; top:10px; display:block; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99; }
.u-menu2 div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu2 div i { position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#000; }
.u-menu2 .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu2 .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu2 .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
/* body.z-open .g-wp {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);} */
body.z-open .u-menu2 {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.z-open .u-menu2  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu2  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); }
body.z-open .u-menu2 .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu2 .u-menu-middle { display:none; }

.h-in{width: 96%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;height: 100%;}

.sideMenu h3{width: 96%;padding: 2%;display: flex;justify-content: space-between;color: #fff;border-bottom: 1px solid #ffff;}
.sideMenu h3 em{width: 16px;height: 16px;background: url(../images/section-jia.png) no-repeat center;transition: all .4s linear;}
.smul{margin-top: 60px}
.sideMenu h3.on em{background: url(../images/section-cheng.png) no-repeat center;}
.sideMenu ul{display: none;padding: 0 2% 4%;}
.sideMenu ul li a{font-size: 14px;font-weight: 600;font-style: normal;font-stretch: normal; line-height: 1;letter-spacing: normal;color: #ffffff;display: block;margin-top: 24px;}


.secol .erji{display: block;}
.third{display: none;}


.app-footers h3{border-top: 1px solid rgba(255,255,255,0.2);padding: 24px 0;width: 86%;margin-left: 6%;display: flex;justify-content: space-between;color: #fff;}
.app-footers h3 em{width: 16px;height: 16px;background: url(../images/section-jia.png) no-repeat center;}
.smul{margin-top: 60px}
.app-footers h3.on em{background: url(../images/section-cheng.png) no-repeat center;}

.app-footers ul{display: none;padding: 0 7% 4%;}

.app-footers ul li a{font-size: 14px;font-weight: 600;font-style: normal;font-stretch: normal; line-height: 1;letter-spacing: normal;color: #ffffff;display: block;margin-top: 24px;}

.footer{width: 1920px;position: relative;left: 50%;margin-left: -960px;background: #eef2f8;padding-top: 34px;padding-bottom: 12px;}
.ftl dl{float: left;margin-right: 114px;}
.ftl dl:nth-child(3){margin-right: 0;}

.ftl dl dt{font-size:16px;color: #1d5099;padding-bottom: 18px;position: relative;margin-bottom: 16px;}
.ftl dl dt:after{position: absolute;width: 33px;height: 2px;background: #bec2c6;content: '';left: 0;bottom: 0;}
.ftl dl dd a{font-size: 14px;color:rgba(0,0,0,.8);line-height: 38px;}

.ftrT{width: 464px;border-bottom: 1px solid #bec2c6;padding-bottom: 17px;}
.ftrT .ftrTl{font-size: 16px;color: #1d5099;}

.ftrCon{margin-top: 18px;}
.contact{margin-left: 7px;line-height: 31px;color: rgba(0,0,0,.7);font-size: 13px;}

.ends{background: #1d5099;line-height: 45px;height: 45px;font-size: 14px;color: rgba(255,255,255,0.3);}
.ends a{font-size: 14px;color: rgba(255,255,255,0.3);}

#announcement{display: none;background: #eef2f8;}
.sjbanner{display: none;width: 100%;padding-top: 60px;}
.sjbanner .swiper-slide a img{max-width: 100%;width: 100%;}
.ftl ul{display: none;}


.slideR{position: fixed;right: 0;bottom:100px;z-index: 30;width: 45px;}
.slideR ul li{width: 45px;height: 43px;background: #1d5099;margin-bottom: 2px;text-align: center;}
.slideR ul li:last-child img{margin-top: 19px;}
.slideR ul li:first-child img{margin-top: 14px;}

.sjcol{display: none;border-top: 1px solid #ccc;text-align: center;height: 40px;line-height: 40px;}
.sjcol a{display: inline-block;}

.webc{display: none;}

#bannerSwiper2{display: none;}


.bannerSwiper .arrow-left{background: url(banner_arrow.png) no-repeat left top;position: absolute;left: 20px;top: 55%;margin-top: -35px;width: 70px;height: 70px;z-index: 999;}
.bannerSwiper .arrow-right{background: url(banner_arrow.png) no-repeat left bottom;position: absolute;right: 20px;top: 55%;margin-top: -35px;width: 70px;height: 70px;z-index: 999;}

#bannerSwiper2 .arrow-left2{background: url(banner_arrow.png) no-repeat left top;position: absolute;left: 20px;top: 55%;margin-top: -35px;width: 70px;height: 70px;z-index: 999;}
#bannerSwiper2 .arrow-right2{background: url(banner_arrow.png) no-repeat left bottom;position: absolute;right: 20px;top: 55%;margin-top: -35px;width: 70px;height: 70px;z-index: 999;}



@media (min-width:1330px) and (max-width:1388px){
	.bannerSwiper{display: none;}
    #bannerSwiper2{display: block;height: 460px;padding-top: 70px;position: relative;}
    .bannerSwiper2 .swiper-slide{height: 460px !important;}
    .bannerSwiper2 .swiper-slide img{width: auto;height: 100%;}
}


@media(max-width:1200px){
    .g-in{width: 98%;margin: 0 auto;overflow: hidden;}
    .search {display: none;}
    #headerpc{width: 100% !important;left: 0 !important;margin-left: 0;} 
    .cpSwiper .cpbox{width: auto !important;}
    .news{width: 100%;left: 0;margin-left: 0;background: #1d5099;top: -1px;}
    .newsL {width: 18%;}
    .newsR{width: calc(100% - 36%);}
    .newsR ul li a{color: #fff;}
    .footer{width: 100%;margin: 0 auto;left: 0;margin-left: 0;}
}

@media (max-width:960px){
    .ftl dl{margin-right: 57px;}
}

@media(max-width:850px){
    .serbanner{display: none;}
    #header{display: block;border: 1px solid #ccc;}
    #headerpc{display: none;} 
    .logo{margin-top: 0;} 
    .newsR{margin-left: 25px;}
    .newsL span{padding-left: 35px;display: inline-block;background: url(newl.png) no-repeat left center;font-size: 20px; color: #fff;font-weight: bold;line-height: 70px;}
    .newsR ul li {margin-right: 50px;}
    .sjbanner{display: block;}
    #bannerSwiper{display: none;}
    .cpSwiper{width: 96%;margin: 0 auto;}
    .newsR ul li a{background: url(point3.png) no-repeat left center;}
    .sed_col ul li{border: 1px solid #e9f1f6;margin-left: -1px;}
    .cpr{display: none;}
}

@media (min-width:750px) and (max-width:850px){
    .ftr {width: 400px;}
    .ftrT{width: 100%;}
    .ftrCon .code {display: none;}  
}

@media(max-width:750px){
    .footer{padding-top: 20px;}
    .ftl {float: none;display: none;}
    .ftl dl{display: none;}
    .ftl ul{display: block;text-align: center}
    .ftl ul li{display: inline-block;margin: 0 10px;}
    .ftl ul li a{font-size: 18px;color: #1d5099;}
    .ftr{float: none;width: 92%;margin: 0 auto;margin-top: 10px;}
    .ftrCon{margin-top: 0;}
    .ftrT{width: 100%;padding-bottom: 8px;display: none;} 
    .ends{height: auto;line-height: 30px;padding: 10px 0;}
    .cp,.ibw {float: left;width: 100%;text-align: center;}
    .code {width: 36%;margin-left: 7%}
    .code img{width: 100%;height: 100%;}
    .contact{display: none;}
    .webc{display: block;width: 50%;text-align: left;}
    .sjcol{display: block;text-align: center;}
    /* .sjcol a:first-child{border-left: 1px solid #ccc;} */
}

@media (max-width:640px){
    .news{display: none;}
    #announcement{display: block;height: 60px;line-height: 60px;overflow: hidden;text-align: center;}
    #announcement .swiper-slide a{font-size: 20px;color: #000;}
    .logo{width: 33%;margin-top: 0}
    .logo img{max-width: 100%;}
}

@media(max-width:520px){
    .ftrCon {text-align: center;}    
    /* .code {float: none;} */
    /* .contact {float: none;margin-left: 0;} */
}