/*header begin*/

.box1{ clear:both; width:100%; height:auto; min-height:100px; position:fixed;left:0;top:0px; background:#fff; z-index:999999;}

.box1.sticky { background:#fff; border-bottom:1px solid #cecece;top:0px;transition: all 0.5s ease; min-height:100px; background:#fff;}

.logo{ float:left; position:absolute; left:60px; top:26px;}

.logo img{ display:block; max-width:90%;}

.yine{ position:absolute; right:60px; top:38px;}

.yine .ss{border-radius:20px;border:1px solid #d1d1d1;line-height:24px;font-size:14px;padding:0px 10px;padding-right:20px;position:relative; z-index:11;}

.yine .z_txyy{position: absolute;z-index:99; right: 5px;top: 5px;}



.yine ul{ float:left; margin-right:33px;}

.yine li{ position:relative; background:url(../images/bg.jpg) no-repeat right 5px;; padding-right:16px; display:block; min-height:54px; }

.yine li a{ color:#b2b2b2; font-size:14px; display:block;}

.dnou3{width:110px; height:0px;position: absolute;left:-15px; opacity:0;background:#fff; z-index:9999;line-height:40px; top:57px;transition: all 1s ease; z-index:999999999; border:1px solid #d9dadb;}

.yine ul li.l2:hover .dnou3{opacity: 1;height:auto; width:110px;}

.yine ul li.l2 .dnou3 a{ display:block; text-align:center; border-bottom:1px solid #d9dadb; display:none;}

.yine ul li.l2:hover .dnou3 a{ display:block;}

.yine ul li.l2 .dnou3 a:hover{ color:#004ea2;}

.dnou3:after{ content:'';position:absolute;left:0; top:-8px; height:8px;width:100%; background:url(../images/bg27.jpg) no-repeat center top;}

.select{background: transparent; border:none; color:#b2b2b2; font-size:14px;-webkit-appearance: none;-moz-appearance: none; background:url(../images/bg.jpg) no-repeat right center; padding-right:16px; margin-right:33px;}

.yine img{ vertical-align:middle; margin-right:16px;}

.yine img:last-child{ margin-right:0px;}



.pc_nav{transition: all 0.5s ease; line-height:81px; text-align:center; line-height:100px;}

.pc_nav a{ display:inline-block; color:#2b2b2b; font-size:16px; padding:0 13px;}

.pc_nav em{ color:#2b2b2b; font-size:16px; margin:0 40px;}

.pc_nav a:hover{ background:url(../images/bg1.jpg) no-repeat center 79px; color:#004ea2; font-weight:bold;}
.pc_nav a.bg{color:#004ea2;font-weight:bold;}
.pc_nav a.acin{ background:url(../images/bg1.jpg) no-repeat center 79px; color:#004ea2; font-weight:bold;}



.pc_nav li{ display:inline-block; position:relative;}

.dnou2{width:153px; height:0px; overflow:hidden;position: absolute;left:-35px; opacity:0;background:#f5f5f5; z-index:9999;line-height:40px; top:81px;transition: all 1s ease; z-index:999999}

.pc_nav ul li.le .dnou2 a{ display:block; background:none; color:#606060; font-size:14px;}

.pc_nav ul li.le .dnou2 a:hover{ background:none; color:#5793c7; font-weight:normal;}

.pc_nav ul li.le:hover .dnou2 {opacity: 1;height:auto; width:153px;}

.pc_nav ul li.le:hover{ background:url(../images/bg1.jpg) no-repeat center 79px; }

.sj_nav{ display:none;}

@media(max-width:1680px){

.pc_nav em{ color:#2b2b2b; font-size:16px; margin:0 28px;}

.logo{ float:left; position:absolute; left:50px; top:26px;}	

}

@media(max-width:1600px){

.logo{ float:left; position:absolute; left:50px; top:26px;}	

.yine{ position:absolute; right:50px; top:38px;}

.pc_nav em{ color:#2b2b2b; font-size:16px; margin:0 24px;}

}

@media(max-width:1440px){

  .dnou2{left:-31px;}

.logo{ float:left; position:absolute; left:30px; top:26px;}	

.yine{ position:absolute; right:30px; top:38px;}

.pc_nav em{ color:#2b2b2b; font-size:16px; margin:0 15px;}

}

@media(max-width:1366px){

.logo{ float:left; position:absolute; left:30px; top:26px;}	

.yine{ position:absolute; right:30px; top:38px;}

.pc_nav em{ color:#2b2b2b; font-size:16px; margin:0 15px;}

.pc_nav a{ display:inline-block; color:#2b2b2b; font-size:14px; padding:0 4px;}

}

@media(max-width:1280px){
.dnou2{left:-44px;}
.logo{ float:left; position:absolute; left:30px; top:26px;}	

.yine{ position:absolute; right:30px; top:38px;}

.pc_nav em{ color:#2b2b2b; font-size:16px; margin:0 9px;}

}

@media(max-width:1024px){

.pc_nav{transition: all 0.5s ease; line-height:81px; text-align:center; line-height:100px; display:none;}

.yine{ position:absolute; right:60px; top:43px; display:none;}

.logo{ float:left; position:absolute; left:30px; top:16px;}	

.sj_nav{ display:block;}

.box1{ clear:both; width:100%; height:auto; min-height:60px; position:fixed;left:0;top:0px; background:#fff; z-index:999999; border-bottom:1px solid #cecece;}

.box1.sticky { background:#fff; border-bottom:1px solid #cecece;top:0px;transition: all 0.5s ease; min-height:60px; background:#fff;}

.logo img{ display:block; max-width:70%;}

}

@media(max-width:414px){

.pc_nav{transition: all 0.5s ease; line-height:81px; text-align:center; line-height:100px; display:none;}

.yine{ position:absolute; right:60px; top:43px; display:none;}

.logo{ float:left; position:absolute; left:15px; top:16px;}	

.sj_nav{ display:block;}

}



/*header end*/



/*fotter begin*/





.box6{ clear:both; height:auto; overflow:hidden; padding:30px 160px 15px 160px; background:#004ea2;}

.fotter_t{ clear:both; border-bottom:1px solid rgba(255,255,255,0.56); margin-bottom:20px; padding:0 40px 20px 40px; overflow:hidden;}

.fotter_tl{ float:left; width:18%; height:auto; overflow:hidden;}

.fotter_tl h6{ margin-bottom:15px;}

.fotter_tl p{ line-height:24px; overflow:hidden; clear:both;}

.fotter_tl p span{ display:block; float:left;  font-size:12px; color:#e5e5e5;}

.fotter_tl p font{ display:block; float:left; width:200px; color:#e5e5e5; font-size:12px;}

.fotter_tl p font.ome{ line-height:24px;}

.fotter_tl div{ clear:both; padding-top:10px; overflow:hidden;}

.fotter_tl div span{ display:block; width:100px; height:30px; border:1px solid #759fcd; line-height:28px; text-align:center; color:#ffffff; clear:both;}

.fotter_tl div span img{ vertical-align:middle; margin-left:5px;}

.fotter_tr{ float:right; width:65%; height:auto; overflow:hidden;}

.fotter_tr ul{ float:left; width:19%;}

.fotter_tr li{ line-height:28px;}

.fotter_tr li h1{ line-height:24px; margin-bottom:15px;}

.fotter_tr li h1 a{ color:#f5f5f5; font-size:18px;}

.fotter_tr li a{ display:block; color:#e0e0e0; font-size:14px;}

.fotter_b{ clear:both; width:100%; height:auto; overflow:hidden; text-align:center; line-height:24px; color:#e5e5e5;font-size:12px;}

.fotter_b span{line-height:24px; color:#e5e5e5; font-size:12px;}

.fotter_tr li.onie{ display:block;}

@media(max-width:1680px){

.box6{ clear:both; height:auto; overflow:hidden; padding:30px 100px 15px 100px; background:#004ea2;}

.fotter_tl{ float:left; width:20%; height:auto; overflow:hidden;}	

}

@media(max-width:1600px){

.box6{ clear:both; height:auto; overflow:hidden; padding:30px 100px 15px 100px; background:#004ea2;}

.fotter_tl{ float:left; width:22%; height:auto; overflow:hidden;}	

}

@media(max-width:1440px){

.box6{ clear:both; height:auto; overflow:hidden; padding:30px 60px 15px 60px; background:#004ea2;}

.fotter_tl{ float:left; width:22%; height:auto; overflow:hidden;}	

}

@media(max-width:1400px){

.box6{ clear:both; height:auto; overflow:hidden; padding:30px 60px 15px 60px; background:#004ea2;}

.fotter_tl{ float:left; width:26%; height:auto; overflow:hidden;}	

}

@media(max-width:1024px){

.box6{ clear:both; height:auto; overflow:hidden; padding:30px 30px 15px 30px; background:#004ea2;}

.fotter_tl{ float:left; width:32%; height:auto; overflow:hidden;}	

.fotter_t{ clear:both; border-bottom:1px solid rgba(255,255,255,0.56); margin-bottom:30px; padding:0 0px 40px 0px; overflow:hidden;}

}

@media(max-width:768px){

.fotter_b span{line-height:18px;display:block;}

.box6{ clear:both; height:auto; overflow:hidden; padding:30px 30px 15px 30px; background:#004ea2;}

.fotter_tl{ float:left; width:100%; height:auto; overflow:hidden;}	

.fotter_t{ clear:both; border-bottom:1px solid rgba(255,255,255,0.56); margin-bottom:30px; padding:0 0px 40px 0px; overflow:hidden;}

.fotter_tl h6{ margin-bottom:20px;}

.fotter_tl div{ clear:both; padding-top:20px; overflow:hidden;}

.fotter_tr{ float:right; width:100%; height:auto; overflow:hidden; padding-top:20px;}

.fotter_tr ul{ float:left; width:20%;}

}

@media(max-width:414px){

.box6{ clear:both; height:auto; overflow:hidden; padding:30px 15px 10px 15px; background:#004ea2;}

.fotter_tl{ float:left; width:100%; height:auto; overflow:hidden;}	

.fotter_t{ clear:both; border-bottom:1px solid rgba(255,255,255,0.56); margin-bottom:10px; padding:0 0px 5px 0px; overflow:hidden;}

.fotter_tl h6{ margin-bottom:10px;}

.fotter_tl h6 img{width:50%;}

.fotter_tl div{ clear:both; padding-top:10px; overflow:hidden;}

.fotter_tr{ float:right; width:100%; height:auto; overflow:hidden; padding-top:10px;}

.fotter_tr ul{ float:left; width:100%; margin-bottom:0px;}

.fotter_tr li h1{ line-height:24px; margin-bottom:0px;}

.fotter_tr li.onie{ display:block; width:100%;}

.fotter_tr li{ float:left; width:20%;}

.fotter_tr li h1 a{ color:#f5f5f5; font-size:12px; text-align:center; display:block;}

.fotter_tr li a{ display:block; color:#e0e0e0; font-size:12px; display:none;}

.fotter_tr ul{ float:left; width:19%;}

.fotter_b{ clear:both; width:100%; height:auto; overflow:hidden; text-align:center; line-height:18px; color:#e5e5e5; padding:0 5px;}

}

/*fotter end*/





.xdah{ width:54px; height:auto; position:fixed; right:0; top:70%; z-index:9999}

.xdah li{position:relative;z-index:9999;width:54px; height:44px; background:rgba(0,78,162,0.5); text-align:center;margin-bottom:2px; color:#ffffff;text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}

.xdah li a{ display:block; color:#fff;transition: all 0.5s ease;}

.xdah li a img{ display:block; margin:0 auto;}

.xdah li:hover a{ color:#f6c36b;-moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);}

.xdah li:hover a span font{opacity:1;}

.xdah li:hover{ background:#1e63c6;}

.xdah ul li.l1 .dnou{ }

.xdah ul li.l1:hover .dnou{opacity: 1;height:44px; width:203px;right:54px; background:#1e63c6;}

.dnou{color:#fff; font-size:14px; margin:0 10px;width:44px; height:44px;position: absolute;right:54px; opacity:0;background:#828282; z-index:9;line-height:44px; top:0px;transition: all 1s ease;}



.xdah ul li.l1:hover .dnou1 {opacity: 1;height:114px; width:114px;right:54px; }

.dnou1{width:114px; height:114px;position: absolute;right:54px; opacity:0;background:#828282; z-index:9;line-height:44px; top:-44px;transition: all 1s ease;}

.dnou1 img{max-width:100%;}







@media(max-width:1024px){

.xdah{ width:40px; height:auto; position:fixed; right:0; top:80%; z-index:99999; display:block;z-index: 999999999;}

.xdah li{display:block;width:40px;height:40px;padding-top:10px;}

.xdah li.l1{display:none;}

}



.cd-popup3{

    position: fixed;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

    transition: opacity 0.3s 0s, visibility 0s 0.3s;

    z-index:999999999;

}

.cd-popup3.is-visible3 {

    opacity: 1;

    visibility: visible;

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

    transition: opacity 0.3s 0s, visibility 0s 0s;

}

.cd-popup-container3 {

    position: relative;

    width:400px;

    margin:250px auto;

    height:250px;

    background: #FFF;

    border-radius: .4rem .4rem .4rem .4rem;

    text-align: center;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

  -webkit-transform:scale(0.8);

  -moz-transform:scale(0.8);

  -ms-transform:scale(0.8);

  -o-transform:scale(0.8);

  transform:scale(0.8);

    -webkit-backface-visibility: hidden;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    transition-property: transform;

    -webkit-transition-duration: 0.3s;

    -moz-transition-duration: 0.3s;

    -ms-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

}

.is-visible3 .cd-popup-container3 {

  -webkit-transform:scale(1);

  -moz-transform:scale(1);

  -ms-transform:scale(1);

  -o-transform:scale(1);

  transform:scale(1);

  }

  

  .cd-popup3{

    display:none;

    position: fixed;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 1;

    visibility: hidden;

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

    transition: opacity 0.3s 0s, visibility 0s 0.3s;

    z-index:999999999;

}

.cd-popup3.is-visible3 {



}

.cd-popup-container3 {

    position: relative;

    width:400px;

    margin:250px auto;

    height:250px;

    background: #FFF;

    border-radius: .4rem .4rem .4rem .4rem;

    text-align: center;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

  -webkit-transform:scale(0.8);

  -moz-transform:scale(0.8);

  -ms-transform:scale(0.8);

  -o-transform:scale(0.8);

  transform:scale(0.8);

    -webkit-backface-visibility: hidden;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    transition-property: transform;

    -webkit-transition-duration: 0.3s;

    -moz-transition-duration: 0.3s;

    -ms-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

}

.is-visible3 .cd-popup-container3 {

  -webkit-transform:scale(1);

  -moz-transform:scale(1);

  -ms-transform:scale(1);

  -o-transform:scale(1);

  transform:scale(1);

  }

.cd-popup-close {

    position: absolute;

    right: 10px;

    top: 10px;

    z-index: 10;

    width: 30px;

    height: 30px;

    display: block;

    font-size: 14px;

    background: url(../images/cl.png) no-repeat center center;

}

.conwi{padding:40px 30px 10px;}

.conwi p{line-height:30px;overflow: hidden;}

.conwi p span{float:left;width:90%;text-align:left;font-size:14px;color:#333;}

.conwi p em{float:right;width:10%;text-align:right;}

.conwi p span:hover{color:#004ea2}



@media(max-width:414px){

.cd-popup-container3{width:350px;margin-top:150px;}

.conwi{padding:40px 15px 0px;}



}

@media(max-width:320px){

.cd-popup-container3{width:310px;}

.conwi{padding:40px 10px 0px;}

}