*{padding:0;margin:0;list-style: none; font-family:"微软雅黑";}
a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:focus {
    text-decoration: none;
}
img{ border:none;}
a{ outline:none;}
html,body{width:100%;height:100%;
}


.clearfix { *zoom: 1; } 
.clearfix:before, .clearfix:after {  display: table; line-height: 0; content: ""; } 
.clearfix:after { clear: both; } 

/* flex布局 */
.flex-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-middle{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-betw{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}

.index{ width:100%;float:left;}
.top{ width:100%; height:36px; background:#004679; float:left;}
.top .nr{ width:1200px; margin:0px auto; display:block;}
.top .nr .left{ float:left; line-height:36px;}
.top .nr .left span{ color:#ffffff; font-size:13px;}
.top .nr .right{ float:right; height:12px; margin-top:12px;}
.top .nr .right .wz{ line-height:12px; font-size:13px; border-right:1px solid #ffffff; float:left; height:12px; padding-right:15px; padding-left:15px; color:#ffffff}
.top .nr .right a:hover{ text-decoration:underline;}
.top .nr .right .wwz{ line-height:12px; font-size:13px;float:left; height:12px; padding-right:15px; padding-left:15px; color:#ffffff}
.top .nr .right .sj_ico{ height:22px; float:left; position:relative; margin-top:-5px;}
.top .nr .right .sj_ico i{ width:22px; height:22px; float:left; background:url(../images/sj_ico.png) no-repeat;}
.top .nr .right .sj_ico span{ line-height:22px; color:#ffffff; font-size:13px; float:left;}
.top .nr .right .sj_ico:hover div{ display:block;}
.top .nr .right .sj_ico .ewm{padding:8px; background:#fff; float:left; position:absolute; top:29px; left:-25px; display:none; z-index:666;}
.top .nr .right .sj_ico .ewm i{ width:110px; background:url(../images/jt_ico.png) center no-repeat; height:10px; float:left; margin-top:-18px;}
.top .nr .right .sj_ico .ewm img{ width:110px; height:110px; float:left;}
.top .nr .right .sj_ico .ewm span{ width:110px; height:30px; text-align:center; line-height:30px; margin-top:8px; float:left; color:#fff; font-size:14px; background:#007AD5; border-radius:100px;}
.header{ width:100%; float:left; background:#ffffff; height:104px;}
.header .contant{ width:1200px; margin:0px auto; display:block;}
.header .contant .logo{ width:500px; height:80px; margin-top:12px; float:left;}
.header .contant .logo a{width:500px; height:80px;float:left; background:url(../images/logo.png) no-repeat;}
.header .contant .nav{ float:right; height:80px; margin-top:15px; width:660px;}
.header .contant .nav a{ line-height:40px; width:110px; text-align:center;float:left; color:#333333; font-size:18px; font-weight:bold;}
.header .contant .nav a:hover{background:#007AD5; color:#ffffff;}
.header .contant .nav .li{ color:#007AD5; font-weight:bold}
.header .contant .nav a.hover{background:#007AD5; color:#ffffff;}

.index_pf{ position:fixed; z-index:999;}
.cd-top {display: inline-block;height:76px; width:76px;position: fixed; bottom:310px; right:30px;overflow: hidden;text-indent: 100%;white-space: nowrap; background:url(../images/fh_ico.png) no-repeat;color:#fff;visibility: hidden; opacity: 0; -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;transition: all 0.3s;z-index: 97;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;}

.nav-btn{display: none;}
.nav-overlay{display: none;}

#gg1{width: 300px;height: 170px;background: #fff;z-index: 99;}
#gg1 a{display: block;width: 100%;height: 100%;}
#gg1 a img{width: 100%;height: 100%;}


@media screen and (max-width: 1280px) {
    .top .nr{width: 920px;}

    .header{height: auto;padding: 10px 0;box-sizing: border-box;}
    .header .contant .logo{margin-top: 0;width: 450px;height: 72px;}
    .header .contant .logo a{width: 450px;height: 72px;background-size: contain;}
    .header .contant{width: 920px;position: relative;}
    .header .contant .nav{position: fixed;width: 70%;height: 100%;top: 0;right: 0;background: #004679;z-index: 99;overflow-y: auto;float: none;margin: 0;transition: .4s;transform: translateX(100%);visibility: hidden;}
    .header .contant .nav.nav-show{transition: .4s;transform: translateX(0);visibility: visible;}
    .header .contant .nav .nav-wp{padding: 50px 0;}
    .header .contant .nav a{display: block;float: none;padding: 0 5%;width: 100%;box-sizing: border-box;text-align: left;color: #fff;border-bottom: 1px solid #03548f;font-size: 16px;font-weight: normal;line-height: 50px;}
    .header .contant .nav .nav-close{display: block;width: 30px;height: 30px;position: absolute;top: 15px;right: 20px;background: url(../images/close.png) no-repeat center center;background-size: contain;}
    .nav-overlay{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 98;background: rgba(0, 0, 0, .5);}
    .nav-btn{display: -webkit-box;display: -ms-flexbox;display: flex;width: 40px;height: 40px;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
    .nav-btn span{display: block;width: 100%;height: 2px;background: #004679;}
    .nav-btn span:nth-child(2){margin: 12px 0;}

    .footer_a .nr{width: 920px;}
    .footer_a .nr .right{width: calc(100% - 200px);padding: 40px 0;}
    .footer_a .nr .right li{float: none;width: 100%;display: flex;flex-wrap: wrap;}
    .footer_a .nr .right li .t{float: none;text-align: left;margin-top: 0;width: 100px;}
    .footer_a .nr .right li .b{line-height: 46px;}

    .footer_b .nr{width: 920px;}
}

@media screen and (max-width: 991px) {
    .top .nr{width: 720px;}
    .top .nr .left{display: none;}

    .header .contant{width: 720px;}
    .header .contant .logo{width: 350px;height: 56px;}
    .header .contant .logo a{width: 350px;height: 56px;}

    .footer_a .nr{width: 720px;}
    .footer_b .nr{width: 720px;font-size: 14px;padding: 12px 0;line-height: 24px;}

    .cd-top{width: 50px;height: 50px;background-size: contain;}
}

@media screen and (max-width: 767px) {
    .top{height: auto;}
    .top .nr{width: 100%;}
    .top .nr .right{float: none;margin-top: 0;height: 30px;display: flex;justify-content: space-between;align-items: center;}
    .top .nr .right a{display: block;width: 100%;height: 14px;line-height: 14px;text-align: center;}
    .top .nr .right .sj_ico{display: none;}
    .top .nr .right .wz{padding: 0 5px;font-size: 12px;float: none;}
    .top .nr .right .wwz{padding: 0 5px;font-size: 12px;float: none;}

    .header .contant{width: 92%;}
    .header .contant .logo{width: 225px;height: 36px;}
    .header .contant .logo a{width: 225px;height: 36px;}
    .nav-btn{width: 30px;height: 30px;}
    .nav-btn span:nth-child(2){margin: 7px 0;}
    .header .contant .nav .nav-close{width: 24px;height: 24px;}
    .header .contant .nav a{font-size: 14px;line-height: 44px;}

    #gg1{width: 224px;height: 128px;}

    .footer_a .nr{width: 92%;display: flex;flex-direction: column;}
    .footer_a .nr .left{width: 100%;order: 3;float: none;background: none;height: auto;margin: 0;padding: 0 0 10px;display: flex;justify-content: center;}
    .footer_a .nr .left i{width: 122px;height: 40px;background-size: contain;}
    .footer_a .nr .left img{width: 108px;height: 108px;}
    .footer_a .nr .right{width: 100%;padding-top: 10px;float: none;}
    .footer_a .nr .right li{margin: 0 -8px;}
    .footer_a .nr .right li a{padding: 0 8px;}
    .footer_a .nr .right li .t{width: 100%;line-height: 30px;margin-top: 20px;margin-bottom: 4px;}
    .footer_a .nr .right li .b{line-height: 24px;width: auto;}
    .footer_b .nr{width: 92%;font-size: 14px;line-height: 20px;}

    .cd-top{right: 5px;width: 40px;height: 40px;bottom: 20%;}
}