*{ font-family: 'Microsoft Yahei', 'regular', sans-serif; margin:0; padding:0; list-style: none;transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;}

/* 清理浮动 */.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

.clearfix {zoom:1;}

.pagewidth{ width: 1200px; margin: 0 auto;}

a{ text-decoration: none;transition-duration: 0.3s;-moz-transition-duration: 0.3s; /* Firefox 4 */-webkit-transition-duration: 0.3s; /* Safari 和 Chrome */-o-transition-duration: 0.3s; /* Opera */}

a:hover{ text-decoration: none;color: #16336b}

img{ border:none;}

,h1,h2,h3,h4,h5,h6,p{transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; }

body{}

body{ height: 100%;}

html{ height: 100%;}

/*翻页样式*/

.page { text-align: center; padding-top: 30px; padding-bottom: 90px; }

.page a,.page span{margin-right: 10px; height: 40px;line-height: 40px; padding-left: 20px; border-radius: 2px; padding-right: 20px; background: #fff; border:#ececec solid 1px; color: #666; font-size: 14px; display: inline-block; }

.page a:hover{height: 40px; line-height: 40px; padding-left: 20px; padding-right: 20px; background: #f5f5f5; color: #555; font-size: 14px; display: inline-block; }

.page a.page-num-current{ background: #16336b; color: #fff;}

.page .page-num-current{ background: #16336b; color: #fff;}

.width100{ width:100%;}

.em0{ text-indent: 0em;}

.hidden{display:none;}

#dl-menu{display: none;}









#menu-wrap { width: 100%;z-index: 999999;margin: 0 auto;top: 0;left: 0;    box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);    transition: .3s;    position: relative;


}

.menu-back {background: #fff;transition: all .3s ease-out}

.cbp-af-header {transition: all .3s ease-out}

.cbp-af-header.cbp-af-header-shrink, .cbp-af-header.cbp-af-header-shrink .logo {-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out}

.cbp-af-header.cbp-af-header-shrink {background: rgba(0, 0, 0, .4);transition: all .5s ease-out}





.menu-back .top{position: relative; z-index: 99999}

.menu-back .top .logo{ float: left;padding: 14px 0px;  }

.menu-back .top .logo img{ }

.menu-back .top .menu{float: right; margin-top: 13px} 

.menu-back .pagewidth{ margin:0 auto;}





.index_header .title{ text-align: center; color: #fff; padding-top: 40px;}

.index_header .title h1{ font-size: 36px; font-weight: 500; margin-bottom: 5px;}

.index_header .title h2{ font-size: 18px; font-weight: normal; margin-bottom: 20px;}

.index_header .title span{ width: 60px; height: 4px; border-radius: 4px; background: #fff; margin: 0 auto; display: block; margin-bottom: 120px;}

.index_header .bottom{ background:rgba(0,0,0,0.2); padding: 0px 30px; height: 60px; line-height: 60px; font-size: 15px; color: #fff;}

.index_header .bottom .position{ float: left;}

.index_header .bottom .position a{ color: #fff;}

.index_header .bottom .position i{ margin-left: 10px; margin-right: 10px;}

.index_header .bottom .right_nav{ float: right;}

.index_header .bottom .right_nav ul li{ float: left;}

.index_header .bottom .right_nav ul li a{ color: #fff; padding-left: 20px; padding-right: 20px;  display: block;}

.index_header .bottom .right_nav ul li a.active{ background: #2273ba; color: #fff;}

.index_header .bgbox{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index:-1; overflow: hidden; }

.index_header .bgimg{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index:-1; }









.detail_banner .title{ text-align: center; color: #fff; padding-top: 180px; position: relative; z-index:99999}

.detail_banner .title h1{ font-size: 36px; font-weight: 500; margin-bottom: 5px;}

.detail_banner .title h2{ font-size: 18px; font-weight: normal; margin-bottom: 20px;}

.detail_banner .title span{ width: 60px; height: 4px; border-radius: 4px; background: #fff; margin: 0 auto; display: block; margin-bottom: 120px;}

.detail_banner .bottom{ background:rgba(0,0,0,0.2); padding: 0px 30px; height: 60px; line-height: 60px; font-size: 15px; color: #fff;}

.detail_banner .bottom .position{ float: left;}

.detail_banner .bottom .position a{ color: #fff;}

.detail_banner .bottom .position i{ margin-left: 10px; margin-right: 10px;}

.detail_banner .bottom .right_nav{ float: right;}

.detail_banner .bottom .right_nav ul li{ float: left;}

.detail_banner .bottom .right_nav ul li a{ color: #fff; padding-left: 20px; padding-right: 20px;  display: block;}

.detail_banner .bottom .right_nav ul li a.active{ background: #2273ba; color: #fff;}

.detail_banner .bgbox{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; }

.detail_banner .bgbox .swiper-slide{ height: 400px;}

.detail_banner .bgbox .swiper-pagination{ z-index: 999999;} 

.detail_banner{ height: 415px; position: relative;}

.detail_banner .bgimg{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index:-1; }

.mgsale{

  animation:mysale 10s;

  -webkit-animation:mysale 10s ;

  -moz-animation:mysale 10s ;

  animation-iteration-count: 1;

}

@keyframes mysale{

  from{ transform:scale(1.1);}

  to{ transform:scale(1) }

}

-webkit-@keyframes mysale{

  from{ transform:scale(1.1);}

  to{ transform:scale(1) }

}

-moz-@keyframes mysale{

  from{ transform:scale(1.1);}

  to{ transform:scale(1) }

}







.nav_z {position: relative;z-index: 9999 ;}

#navul li { float: left;position: relative;text-align: center;margin:0 25px; }

#navul li a:link, #navul li a:visited {font-size: 18px;color:#15326c;height: 82px; line-height: 82px; display: block; }

#navul li.on,#navul li:hover{ border-bottom: 2px solid #16336b;  }

#navul li.on a{ color:#15326c;  }

#navul li .sub {display: none; position: absolute;z-index: 9999;left: 0px; right: 0px; top: 0px;}

/*#navul li.navmoon .link {color: #16336b; text-decoration: none; position: relative;}
*/
#navul li .sub {display: none; background:rgba(255,255,255,1); width: 150px; position: absolute; left: -10px; right: 0px; top: 82px;  }

#navul li .sub ul{  width: 100%;}

#navul li .sub ul li{     box-sizing: border-box;
padding:0 10px; margin: 0; height: 50px; line-height: 50px; text-align: left; display: block; width: 100%;border-bottom: 1px solid #eee;  }
#navul li .sub ul li:hover{ border-bottom:none;border-bottom: 1px solid #eee;  }

#navul li .sub ul li a{ height: 50px; line-height: 50px;font-size: 16px;color:#303031; } 
#navul li .sub ul li a:hover{ color:#16336b; } 

#navul li .sub .info{ float: left;  width:320px;  padding-left: 10px; text-align: left; padding-top: 10px;}

#navul li .sub .info img{ width: 300px; border:#ececec solid 1px; padding: 3px; border-radius: 3px; margin-bottom: 10px;background: #fff;}

#navul li .sub .info p{ font-size: 14px; color: #666; line-height: 1.8em; width: 310px;}

#navul li .sub1{}

#navul li:hover .sub{ display: block;  }



#navul li .sub2 {display: none; position: absolute;z-index: 9999;left: 0px; right: 0px; top: 0px;}

/*#navul li.navmoon .link {color: #16336b; text-decoration: none; position: relative;}
*/
#navul li .sub2 {display: none; background:rgba(255,255,255,1); width: 150px;
    position: absolute;
    left: 150px;
    right: 0px; }

#navul li .sub2 ul{  width: 100%;}

#navul li .sub2 ul li{     box-sizing: border-box;
padding:0 10px; margin: 0; height: 50px; line-height: 50px; text-align: left; display: block; width: 100%;border-bottom: 1px solid #eee;  }
#navul li .sub2 ul li:hover{ border-bottom:none;border-bottom: 1px solid #eee;  }

#navul li .sub2 ul li a{ height: 50px; line-height: 50px;font-size: 16px;color:#303031; } 
#navul li .sub2 ul li a:hover{ color:#16336b; } 

#navul li .sub2 .info{ float: left;  width:320px;  padding-left: 10px; text-align: left; padding-top: 10px;}

#navul li .sub2 .info img{ width: 300px; border:#ececec solid 1px; padding: 3px; border-radius: 3px; margin-bottom: 10px;background: #fff;}

#navul li .sub2 .info p{ font-size: 14px; color: #666; line-height: 1.8em; width: 310px;}

#navul li .sub1{}

#navul .sub li:hover .sub2{ display: block;  }

.guide{width:60px; position:fixed; bottom:134px;right:  30px;display:block;z-index: 9999999999;background: #fff;border-radius: 3px; }

.guide a{display:block;width:40px; padding: 10px;text-align:center;color:#fff;border-radius:2px;}

.guide a img{ width:40px;}

 .guide a:hover img{  transform: rotate(0deg) scale(1.1);}

 
.guide-wrap a{position: relative;}
.guide-wrap a.qr i {
    width:141px;
    height: 141px;
    position: absolute;
    right: 60px;
    top: 50%;
     border-radius: 3px  0 0 3px;
   margin-top: -70px;
    display: none;
    border: 10px solid #fbfbfb;    

}
.guide-wrap .qr:hover i {
    display: block;
}
.guide-wrap a.dhkj i {
    width:141px;
    height:60px;
    line-height: 60px;
    position: absolute;
    right: 60px;
    top: 0;
    display: none;
    color: #0483c3;
    font-style: normal;
    background: #fff;
    border-radius: 3px  0 0 3px;
 
 }
.guide-wrap .dhkj:hover i {
    display: block;
}







.dl-menuwrapper {width: 100%;float: right;position: absolute;top:0;right:0;padding-top: 45px;z-index: 999;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;-moz-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}

.dl-menuwrapper:first-child {}

.dl-menuwrapper button {border: none;width: 50px;height: 50px;text-indent: -900em;overflow: hidden;position: absolute;top:0;right:0;cursor: pointer;outline: none;background: url(../images/menu-button-bg.png) no-repeat center center;background-size: 50%;}

.dl-menuwrapper button:hover ,.dl-menuwrapper button.dl-active {}

.dl-menuwrapper ul {background: rgba(0,0,0,0.6);}

.dl-menuwrapper ul {padding: 0;list-style: none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}

.dl-menuwrapper li {position: relative;}

.dl-menuwrapper li a {display: block;position: relative;padding: 15px 20px;font-size: 16px;line-height: 20px;font-weight: 300;color: #fff;border-bottom:1px solid rgba(255,255,255,0.1);outline: none;}

.no-touch .dl-menuwrapper li a:hover {background: rgba(255,248,213,0.1);}

.dl-menuwrapper li.dl-back > a {padding-left: 30px;background: rgba(0,0,0,0.1);}

.dl-menuwrapper li.dl-back:after,.dl-menuwrapper li > a:not(:only-child):after {position: absolute;top: 0;line-height: 50px;font-family: 'FontAwesome';speak: none;-webkit-font-smoothing: antialiased;content: "\f105"; color: #fff;}

.dl-menuwrapper li.dl-back:after {left: 10px;color: rgba(255,255,255,0.8);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}

.dl-menuwrapper li > a:after {right: 10px;color: rgba(255,255,255,0.8);}

.dl-menuwrapper .dl-menu {margin: 5px 0 0 0;position: absolute;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}

.dl-menuwrapper .dl-menu.dl-menu-toggle {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}

.dl-menuwrapper .dl-menu.dl-menuopen {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}

.dl-menuwrapper li .dl-submenu {display: none;}

.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subviewopen > a,.dl-menu.dl-subview li.dl-subview > a {display: none;}

.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display: block;}

.dl-menuwrapper > .dl-submenu {position: absolute;width: 100%;top: 50px;left: 0;margin: 0;}

.dl-menu.dl-animate-out-1 {-webkit-animation: MenuAnimOut1 0.4s;-moz-animation: MenuAnimOut1 0.4s;animation: MenuAnimOut1 0.4s;}

.dl-menu.dl-animate-out-2 {-webkit-animation: MenuAnimOut2 0.3s ease-in-out;-moz-animation: MenuAnimOut2 0.3s ease-in-out;animation: MenuAnimOut2 0.3s ease-in-out;}

.dl-menu.dl-animate-out-3 {-webkit-animation: MenuAnimOut3 0.4s ease;-moz-animation: MenuAnimOut3 0.4s ease;animation: MenuAnimOut3 0.4s ease;}

.dl-menu.dl-animate-out-4 {-webkit-animation: MenuAnimOut4 0.4s ease;-moz-animation: MenuAnimOut4 0.4s ease;animation: MenuAnimOut4 0.4s ease;}

.dl-menu.dl-animate-out-5 {-webkit-animation: MenuAnimOut5 0.4s ease;-moz-animation: MenuAnimOut5 0.4s ease;animation: MenuAnimOut5 0.4s ease;}

@-webkit-keyframes MenuAnimOut1 {50% {-webkit-transform: translateZ(-250px) rotateY(30deg);}

75% {-webkit-transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}

100% {-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}}

@-webkit-keyframes MenuAnimOut2 {100% {-webkit-transform: translateX(-100%);opacity: 0;}}

@-webkit-keyframes MenuAnimOut3 {100% {-webkit-transform: translateZ(300px);opacity: 0;}}

@-webkit-keyframes MenuAnimOut4 {100% {-webkit-transform: translateZ(-300px);opacity: 0;}}

@-webkit-keyframes MenuAnimOut5 {100% {-webkit-transform: translateY(40%);opacity: 0;}}

@-moz-keyframes MenuAnimOut1 {50% {-moz-transform: translateZ(-250px) rotateY(30deg);}

75% {-moz-transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}

100% {-moz-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}}

@-moz-keyframes MenuAnimOut2 {100% {-moz-transform: translateX(-100%);opacity: 0;}}

@-moz-keyframes MenuAnimOut3 {100% {-moz-transform: translateZ(300px);opacity: 0;}}

@-moz-keyframes MenuAnimOut4 {100% {-moz-transform: translateZ(-300px);opacity: 0;}}

@-moz-keyframes MenuAnimOut5 {100% {-moz-transform: translateY(40%);opacity: 0;}}

@keyframes MenuAnimOut1 {50% {transform: translateZ(-250px) rotateY(30deg);}

75% {transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}

100% {transform: translateZ(-500px) rotateY(0deg);opacity: 0;}}

@keyframes MenuAnimOut2 {100% {transform: translateX(-100%);opacity: 0;}}

@keyframes MenuAnimOut3 {100% {transform: translateZ(300px);opacity: 0;}}

@keyframes MenuAnimOut4 {100% {transform: translateZ(-300px);opacity: 0;}}

@keyframes MenuAnimOut5 {100% {transform: translateY(40%);opacity: 0;}}

.dl-menu.dl-animate-in-1 {-webkit-animation: MenuAnimIn1 0.3s;-moz-animation: MenuAnimIn1 0.3s;animation: MenuAnimIn1 0.3s;}

.dl-menu.dl-animate-in-2 {-webkit-animation: MenuAnimIn2 0.3s ease-in-out;-moz-animation: MenuAnimIn2 0.3s ease-in-out;animation: MenuAnimIn2 0.3s ease-in-out;}

.dl-menu.dl-animate-in-3 {-webkit-animation: MenuAnimIn3 0.4s ease;-moz-animation: MenuAnimIn3 0.4s ease;animation: MenuAnimIn3 0.4s ease;}

.dl-menu.dl-animate-in-4 {-webkit-animation: MenuAnimIn4 0.4s ease;-moz-animation: MenuAnimIn4 0.4s ease;animation: MenuAnimIn4 0.4s ease;}

.dl-menu.dl-animate-in-5 {-webkit-animation: MenuAnimIn5 0.4s ease;-moz-animation: MenuAnimIn5 0.4s ease;animation: MenuAnimIn5 0.4s ease;}

@-webkit-keyframes MenuAnimIn1 {0% {-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}

20% {-webkit-transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}

100% {-webkit-transform: translateZ(0px) rotateY(0deg);opacity: 1;}}

@-webkit-keyframes MenuAnimIn2 {0% {-webkit-transform: translateX(-100%);opacity: 0;}

100% {-webkit-transform: translateX(0px);opacity: 1;}}

@-webkit-keyframes MenuAnimIn3 {0% {-webkit-transform: translateZ(300px);opacity: 0;}

100% {-webkit-transform: translateZ(0px);opacity: 1;}

}

@-webkit-keyframes MenuAnimIn4 {0% {-webkit-transform: translateZ(-300px);opacity: 0;}

100% {-webkit-transform: translateZ(0px);opacity: 1;}}

@-webkit-keyframes MenuAnimIn5 {0% {-webkit-transform: translateY(40%);opacity: 0;}

100% {-webkit-transform: translateY(0);opacity: 1;}}

@-moz-keyframes MenuAnimIn1 {0% {-moz-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}

20% {-moz-transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}

100% {-moz-transform: translateZ(0px) rotateY(0deg);opacity: 1;}}

@-moz-keyframes MenuAnimIn2 {0% {-moz-transform: translateX(-100%);opacity: 0;}

100% {-moz-transform: translateX(0px);opacity: 1;}}

@-moz-keyframes MenuAnimIn3 {0% {-moz-transform: translateZ(300px);opacity: 0;}

100% {-moz-transform: translateZ(0px);opacity: 1;}}

@-moz-keyframes MenuAnimIn4 {0% {-moz-transform: translateZ(-300px);opacity: 0;}

100% {-moz-transform: translateZ(0px);opacity: 1;}}

@-moz-keyframes MenuAnimIn5 {0% {-moz-transform: translateY(40%);opacity: 0;}

100% {-moz-transform: translateY(0);opacity: 1;}}

@keyframes MenuAnimIn1 {0% {transform: translateZ(-500px) rotateY(0deg);opacity: 0;}

20% {transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}

100% {transform: translateZ(0px) rotateY(0deg);opacity: 1;}}

@keyframes MenuAnimIn2 {0% {transform: translateX(-100%);opacity: 0;}

100% {transform: translateX(0px);opacity: 1;}}

@keyframes MenuAnimIn3 {0% {transform: translateZ(300px);opacity: 0;}

100% {transform: translateZ(0px);opacity: 1;}}

@keyframes MenuAnimIn4 {0% {transform: translateZ(-300px);opacity: 0;}

100% {transform: translateZ(0px);opacity: 1;}}

@keyframes MenuAnimIn5 {0% {transform: translateY(40%);opacity: 0;}

100% {transform: translateY(0);opacity: 1;}}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {-webkit-animation: SubMenuAnimIn1 0.4s ease;-moz-animation: SubMenuAnimIn1 0.4s ease;animation: SubMenuAnimIn1 0.4s ease;}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;animation: SubMenuAnimIn2 0.3s ease-in-out;}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {-webkit-animation: SubMenuAnimIn3 0.4s ease;-moz-animation: SubMenuAnimIn3 0.4s ease;animation: SubMenuAnimIn3 0.4s ease;}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {-webkit-animation: SubMenuAnimIn4 0.4s ease;-moz-animation: SubMenuAnimIn4 0.4s ease;animation: SubMenuAnimIn4 0.4s ease;}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {-webkit-animation: SubMenuAnimIn5 0.4s ease;-moz-animation: SubMenuAnimIn5 0.4s ease;animation: SubMenuAnimIn5 0.4s ease;}

@-webkit-keyframes SubMenuAnimIn1 {0% {-webkit-transform: translateX(50%);opacity: 0;}

100% {-webkit-transform: translateX(0px);opacity: 1;}}

@-webkit-keyframes SubMenuAnimIn2 {0% {-webkit-transform: translateX(100%);opacity: 0;}

100% {-webkit-transform: translateX(0px);opacity: 1;}}

@-webkit-keyframes SubMenuAnimIn3 {0% {-webkit-transform: translateZ(-300px);opacity: 0;}

100% {-webkit-transform: translateZ(0px);opacity: 1;}}

@-webkit-keyframes SubMenuAnimIn4 {0% {-webkit-transform: translateZ(300px);opacity: 0;}

100% {-webkit-transform: translateZ(0px);opacity: 1;}}

@-webkit-keyframes SubMenuAnimIn5 {0% {-webkit-transform: translateZ(-200px);opacity: 0;}

100% {-webkit-transform: translateZ(0);opacity: 1;}}

@-moz-keyframes SubMenuAnimIn1 {0% {-moz-transform: translateX(50%);opacity: 0;}

100% {-moz-transform: translateX(0px);opacity: 1;}}

@-moz-keyframes SubMenuAnimIn2 {0% {-moz-transform: translateX(100%);opacity: 0;}

100% {-moz-transform: translateX(0px);opacity: 1;}}

@-moz-keyframes SubMenuAnimIn3 {0% {-moz-transform: translateZ(-300px);opacity: 0;}

100% {-moz-transform: translateZ(0px);opacity: 1;}}

@-moz-keyframes SubMenuAnimIn4 {0% {-moz-transform: translateZ(300px);opacity: 0;}

100% {-moz-transform: translateZ(0px);opacity: 1;}}

@-moz-keyframes SubMenuAnimIn5 {0% {-moz-transform: translateZ(-200px);opacity: 0;}

100% {-moz-transform: translateZ(0);opacity: 1;}}

@keyframes SubMenuAnimIn1 {0% {transform: translateX(50%);opacity: 0;}

100% {transform: translateX(0px);opacity: 1;}}

@keyframes SubMenuAnimIn2 {0% {transform: translateX(100%);opacity: 0;}

100% {transform: translateX(0px);opacity: 1;}}

@keyframes SubMenuAnimIn3 {0% {transform: translateZ(-300px);opacity: 0;}

100% {transform: translateZ(0px);opacity: 1;}}

@keyframes SubMenuAnimIn4 {0% {transform: translateZ(300px);opacity: 0;}

100% {transform: translateZ(0px);opacity: 1;}}

@keyframes SubMenuAnimIn5 {0% {transform: translateZ(-200px);opacity: 0;}

100% {transform: translateZ(0);opacity: 1;}}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {-webkit-animation: SubMenuAnimOut1 0.4s ease;-moz-animation: SubMenuAnimOut1 0.4s ease;animation: SubMenuAnimOut1 0.4s ease;}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;animation: SubMenuAnimOut2 0.3s ease-in-out;}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {-webkit-animation: SubMenuAnimOut3 0.4s ease;-moz-animation: SubMenuAnimOut3 0.4s ease;animation: SubMenuAnimOut3 0.4s ease;}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {-webkit-animation: SubMenuAnimOut4 0.4s ease;-moz-animation: SubMenuAnimOut4 0.4s ease;animation: SubMenuAnimOut4 0.4s ease;}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {-webkit-animation: SubMenuAnimOut5 0.4s ease;-moz-animation: SubMenuAnimOut5 0.4s ease;animation: SubMenuAnimOut5 0.4s ease;}

@-webkit-keyframes SubMenuAnimOut1 {0% {-webkit-transform: translateX(0%);opacity: 1;}

100% {-webkit-transform: translateX(50%);opacity: 0;}}

@-webkit-keyframes SubMenuAnimOut2 {0% {-webkit-transform: translateX(0%);opacity: 1;}

100% {-webkit-transform: translateX(100%);opacity: 0;}}

@-webkit-keyframes SubMenuAnimOut3 {0% {-webkit-transform: translateZ(0px);opacity: 1;}

100% {-webkit-transform: translateZ(-300px);opacity: 0;}}

@-webkit-keyframes SubMenuAnimOut4 {0% {-webkit-transform: translateZ(0px);opacity: 1;}

100% {-webkit-transform: translateZ(300px);opacity: 0;}}

@-webkit-keyframes SubMenuAnimOut5 {0% {-webkit-transform: translateZ(0);opacity: 1;}

100% {-webkit-transform: translateZ(-200px);opacity: 0;}}

@-moz-keyframes SubMenuAnimOut1 {0% {-moz-transform: translateX(0%);opacity: 1;}

100% {-moz-transform: translateX(50%);opacity: 0;}}

@-moz-keyframes SubMenuAnimOut2 {0% {-moz-transform: translateX(0%);opacity: 1;}

100% {-moz-transform: translateX(100%);opacity: 0;}}

@-moz-keyframes SubMenuAnimOut3 {0% {-moz-transform: translateZ(0px);opacity: 1;}

100% {-moz-transform: translateZ(-300px);opacity: 0;}}

@-moz-keyframes SubMenuAnimOut4 {0% {-moz-transform: translateZ(0px);opacity: 1;}

100% {-moz-transform: translateZ(300px);opacity: 0;}}

@-moz-keyframes SubMenuAnimOut5 {0% {-moz-transform: translateZ(0);opacity: 1;}

100% {-moz-transform: translateZ(-200px);opacity: 0;}}

@keyframes SubMenuAnimOut1 {0% {transform: translateX(0%);opacity: 1;}

100% {transform: translateX(50%);opacity: 0;}}

@keyframes SubMenuAnimOut2 {0% {transform: translateX(0%);opacity: 1;}

100% {transform: translateX(100%);opacity: 0;}}

@keyframes SubMenuAnimOut3 {0% {transform: translateZ(0px);opacity: 1;}

100% {transform: translateZ(-300px);opacity: 0;}}

@keyframes SubMenuAnimOut4 {0% {transform: translateZ(0px);opacity: 1;}

100% {transform: translateZ(300px);opacity: 0;}}

@keyframes SubMenuAnimOut5 {0% {transform: translateZ(0);opacity: 1;}

100% {transform: translateZ(-200px);opacity: 0;}}

.no-js .dl-menuwrapper .dl-menu {position: relative;opacity: 1;-webkit-transform: none;-moz-transform: none;transform: none;}

.no-js .dl-menuwrapper li .dl-submenu {display: block;}

.no-js .dl-menuwrapper li.dl-back {display: none;}

.no-js .dl-menuwrapper li > a:not(:only-child) {background: rgba(0,0,0,0.1);}

.no-js .dl-menuwrapper li > a:not(:only-child):after {content: '';}







.position{  height: 60px; line-height: 60px;    border-bottom: 1px solid #eee; }

.position2{  height: 60px; line-height: 60px;    border-bottom:none;background: #f5f6fa }
.position3{  height: 60px; line-height: 60px;    border-bottom:none;  }

.position .menu{ float: right;}

.position .menu ul li{ float: left; font-size: 18px;margin-left: 20px}

.position .menu ul li a{ color: #999999; font-weight: 500; display: block; padding-left: 10px; padding-right: 10px;}

.position .menu ul li a.active{ color: #16336b; position: relative;}

.position .menu ul li a.active:after{ content: "";  position: absolute;  left: 0px; right: 0px; bottom: 0px; height: 2px; background: #16336b}

.position .menu ul li a:hover{ color: #16336b; position: relative;}

.position .menu ul li a:hover:after{ content: "";  position: absolute;  left: 0px; right: 0px; bottom: 0px; height: 2px; background: #16336b}

.position .menu h1{ color: #16336b; position: relative;padding-left: 20px; padding-right: 20px; font-size: 16px;}

.position .menu h1:after{ content: "";  position: absolute;  left: 0px; right: 0px; bottom: 0px; height: 1px; background: #16336b}

.position .location{ float: left; color: #333; font-size: 15px;}

.position .location a{ color: #333;font-size: 15px;}

.position .location a:hover{ color: #16336b;}

.position .location i{  margin-right: 3px;font-size: 18px;color:#999;}
.position3 {height: 45px; line-height: 45px;   }
.position3 .location  {  color: #fff; }
.position3 .location i{   color:#fff;}

.position3 .location a{  color: #fff; }
.position3 .location a:hover{  color: #fff; }


.swiper-pagination{ bottom: 20px!important;}

.swiper-pagination-bullet{ border:#fff solid 2px; background: none!important; width: 8px!important; height: 8px!important;opacity: 0.5!important}

.swiper-pagination-bullet-active{  border:#fff solid 2px;opacity: 1!important}









.footer{ background: #0b1c30 url(../images/foot.png) center top no-repeat  }

.footer .box{ float: left; margin-right: 100px;}

.footer .box img{ margin-top: 8px;}

.footer .box h1{ font-size: 18px; color: #fff; font-weight: normal;}

.footer .box span{ display: block; margin: 20px 0; height: 1px;width: 40px; background: #656565;}

.footer .box ul li{ line-height: 2.3em;}

.footer .box ul li a{ color: #dddcdc; font-size: 18px;font-weight: 400}

.footer .box ul li a:hover{ color: #fff; }



.footer .contact { float: left;}

.footer .contact h1{ font-size: 18px; color: #ffffff; font-weight: normal;}

.footer .contact .tel{ font-size: 32px;font-weight: bold; color: #fff; line-height: 32px;margin:20px 0;}

.footer .contact p{ line-height: 2em; color: #dddcdc; font-size: 14px;}

.footer .contact p strong{ font-size: 18px!important; color: #fff!important;}

.footer .wechat { float: right; text-align: center; font-size: 16px; line-height: 2.5em; color: #fff;  }

.footer .wechat img{ width: 190px;}

.footer .wechat p{ text-align: center;}

.footer-nav{ border-bottom: 1px solid #2f3e4f;padding:70px 0 45px 0 }

.footer .linx{background: #2f3e4f;height: 160px;width: 1px;float: left;margin-right: 100px;}

.footer .copy2{ color: #dad7d7;line-height: 70px;font-size:14px}

.footer .copy2 a{ color: #dad7d7}



/**标题*

.footer .contact { float: left;}

.footer .contact h1{ font-size: 18px; color: #fff; font-weight: normal;}

.footer .contact span{ display: block; margin: 20px 0; height: 1px;width: 40px; background: #656565;}

.footer .contact p{ line-height: 2em; color: #a7a7a7; font-size: 14px;}

.footer .contact p strong{ font-size: 18px!important; color: #fff!important;}

 */

.footer dl{

  float: left;

     margin-right: 70px;

}

.footer dl.cp{

  float: left;

 }

.footer dl dt{

   color: #fff;

  font-size: 18px;

  padding-bottom: 20px;

}
.footer dl dt a{

   color: #fff;

  font-size: 18px;

 
}


.footer .ul-fd li{

  line-height: 30px;

 font-size: 14px;

}

.footer .ul-fd li a{

  color: #dad7d7;

}

.footer .ul-fd li a:hover{

  text-decoration: underline;

}

.footer .ewm {     margin-right:0px;



  width: 140px;

  float:right;

   text-align: center;

}

.footer .ewm img{

  width: 140px;

  margin-bottom: 5px;

}





.copy { border-top:#2f2f2f solid 1px; color: #a7a7a7; background: #222222; font-size: 14px; line-height: 60px; height: 60px;}

.copy .left{ float: left;}

.copy .right{ float: right;}

.copy a{ color: #a7a7a7}

.copy a:hover{ color: #fff}





/*大屏幕*/

@media screen and (max-width: 1920px) {} 

/*平板*/

@media screen and (max-width:1024px) {

  .guide {display: none;}

.pagewidth{ width: auto; margin: 0 10px;}

.menu-back .top{padding: 10px 0px; }

.menu-back .top .logo{ float: left;  position: relative; z-index: 999999;}

.menu-back .top .logo img{ height: 30px; display: block;}

.menu-back .top .menu{ display: none;} 

.menu-back .top{padding: 10px 0px; }

.menu-back .top .logo{ float: left; padding-left: 10px; position: relative; z-index: 999999;}

.menu-back .top .logo img{ height: 30px; display: block;}

.menu-back .top .menu{ display: none;} 

.menu-back .pagewidth{ margin: 0 auto;}



#dl-menu{display: block;}

.footer .box{ width: 100%; margin-right: 0; margin-bottom: 20px;}

.footer .box ul li{ float: left; width: 50%; }

.footer .box span{ display: block; margin: 10px 0; height: 1px;width: 40px; background: #656565;}

.footer .contact{ width: 100%; float: none;}

.footer .wechat{ width: 100%; float: none; text-align: center;}

.copy { border-top:#2f2f2f solid 1px; color: #a7a7a7; background: #222222; font-size: 14px; line-height: 1.4em; padding-top: 10px; padding-bottom: 10px; height: auto;}

.copy .left{ float: none; text-align: center;}

.copy .right{ float: none; display:none;}

.copy a{ color: #a7a7a7}

.copy a:hover{ color: #fff}

.position .menu{ display: none;}

.position{ height: 40px; line-height: 40px; font-size: 12px;}

.position .location{ float: none; color: #999999; font-size: 12px;}

.position .location a{ color: #999999;}

.position .location a:hover{ color: #666;}

.position .location i{ margin-left: 5px; margin-right: 5px;}

.detail_banner{ height: 200px;}

.detail_banner .title{ text-align: center; color: #fff; padding-top: 80px; position: relative; z-index:99999}

.detail_banner .title h1{ font-size: 24px; font-weight: 500; margin-bottom: 5px;}

.detail_banner .title h2{ font-size: 14px; font-weight: normal; margin-bottom: 20px;}

.detail_banner .title span{ width: 60px; height: 4px; border-radius: 4px; background: #fff; margin: 0 auto; display: block; margin-bottom: 120px;}

.detail_banner .bottom{ background:rgba(0,0,0,0.2); padding: 0px 30px; height: 60px; line-height: 60px; font-size: 15px; color: #fff;}

.detail_banner .bottom .position{ float: left;}

.detail_banner .bottom .position a{ color: #fff;}

.detail_banner .bottom .position i{ margin-left: 10px; margin-right: 10px;}

.detail_banner .bottom .right_nav{ float: right;}

.detail_banner .bottom .right_nav ul li{ float: left;}

.detail_banner .bottom .right_nav ul li a{ color: #fff; padding-left: 20px; padding-right: 20px;  display: block;}

.detail_banner .bottom .right_nav ul li a.active{ background: #2273ba; color: #fff;}

.detail_banner .bgbox{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; }

.detail_banner .bgbox .swiper-slide{ height: 200px;}

.detail_banner .bgbox .swiper-pagination{ z-index: 999999;} 



.page { text-align: center; padding-top: 20px; padding-bottom: 20px; }

.page a{ height: 32px;line-height: 32px; padding-left: 12px; border-radius: 2px; padding-right: 12px; background: #fff; border:#ececec solid 1px; color: #666; font-size: 14px; display: inline-block; }

.page a:hover{height: 32px; line-height: 32px; padding-left: 12px; padding-right: 12px; background: #f5f5f5; color: #555; font-size: 14px; display: inline-block; }

.page a.active{ background: #16336b; color: #fff;}

}

/*手机*/

@media screen and (max-width: 480px) {}

/*小尺寸手机*/

@media screen and (max-width: 320px) {}