@charset"utf-8";
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button{margin:0;padding:0; border:0;}
body{font-size: 12px;font-family:"Microsoft YaHei","Shonar Bangla","Arial" }
input,textarea,button{padding: 0;font-family:"Microsoft YaHei","Shonar Bangla","Arial"}
ul,ol,li{ list-style-type:none;}
img{border:0;vertical-align:middle;max-width:100%;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}
.clearfix:after{
	display:block;
	content:"";
	clear:both;
	}
.fl{
	float: left;
}
.fr{
	float:  right;
}

.wrap { max-width: 1200px; margin: 0 auto; }

.wrap_1400 { max-width: 1400px; margin: 0 auto; }

.header { position: fixed; top: 0; left: 0; z-index: 990; width: 100%; height: 78px; background: #fff; box-sizing: border-box; box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2); line-height: 78px; font-size: 0; }
.logo a { display: inline-block; vertical-align: middle; height:45px; line-height: 1; margin-top:15px}
.logo img { max-width: 100%; max-height: 100%; }

.nav { display: block; box-sizing: border-box; }
.nav > ul { float: left; }
.nav > ul > li { display: inline-block; vertical-align: top; position: relative; padding: 0 24px; }
.nav > ul > li > a { display: block; font-size: 16px; color: #35394a; }
.nav > ul > li.on { background: #0B2184; }
.nav > ul > li.on > a { color: #fff; }
.nav > ul > li.on:hover > a { color: #fff; }
.nav > ul > li:hover > a { color: #ed2836; }
.nav .addition { float: right; }
.nav .addition > div { display: inline-block; vertical-align: top; position: relative; margin: 0 12px; font-size: 12px; color: #666; cursor: pointer; }
.nav .addition > div i { display: inline-block; vertical-align: top; font-size: 16px; }
.nav .addition > div em { position: relative; display: inline-block; vertical-align: top; }
.nav .addition > div em span { display: none; position: absolute; z-index: 99; top: 70%; left: 0; width: 120px; height: 120px; padding: 5px; border: 1px solid #ddd; background: #fff; }
.nav .addition > div em span img { width: 100%; height: 100%; }
.nav .addition > div em:hover span { display: block; }
.nav .addition > div a { display: inline-block; vertical-align: top; font-size: 16px; color: #666; }
.nav .addition > div:before { position: absolute; top: 50%; right: -12px; height: 12px; width: 1px; content: ''; margin-top: -7px; background: #ccc; }
.nav .addition > div:last-child:before { display: none; }
.nav .addition > div:hover { color: #ED2836; }
.nav .addition > .a0 .a1:hover, .a0 .a2:hover, .a0 .a3:hover, .nav .addition > div:hover i { color: #ED2836; }
.nav .down_nav {display: none;position: absolute;top: 100%;/* height: auto; */line-height: initial;left: 0;width:100%;background:  #0B2184;}
.nav .down_nav > a {display: inline-block;padding: 0px;vertical-align:  top;background: #0B2184;/* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */font-size: 14px;color: #fff;line-height: 53px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:128px;}
.nav .down_nav > a:hover { background: #ed2836; color: #fff; }



.push-nav, .bg-nav { display: none; }


@media (max-width: 1420px) { .wrap_1400 { max-width: 1200px; margin: 0 auto; } }
@media (max-width: 1240px) { .wrap, .wrap_1400 { max-width: 100%; padding: 0 3%; }
  .header { height: 60px; line-height: 60px; padding: 0; }
  .logo { display: inline-block; position: absolute; left: 3%; width: auto; height: 100%; padding: 0; border: none; background: transparent; font-size: 0; vertical-align: top; -webkit-transform: translate(0); transform: translate(0); line-height: 60px; }
  .logo a { display: inline-block; height: 35px; vertical-align: middle;}
  .nav { position: fixed; top: 0; right: 0; z-index: 997; width: 300px; height: 100%; padding: 60px 3%; margin: 0; background: #fff; box-sizing: border-box; }
  .nav.close-nav { -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease; -webkit-transform: translate(300px, 0); transform: translate(300px, 0); }
  .nav.open-nav { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; -webkit-transition: -webkit-transform .5s; transition: transform .5s; }
  .nav > ul { float: none; width: 100%; max-height: 100%; overflow: auto; }
  .nav > ul > li { display: block; float: none; width: 100%; margin: 0; padding: 0; line-height: 1; text-align: center; }
  .nav > ul > li > a { display: block; padding: 20px 0; font-size: 16px; border-bottom: 1px solid #e5e5e5; color: #2b2c2d; line-height: 1; }
  .nav > ul > li.Have > a { pointer-events: none; }
  .nav .addition { float: none; width: 100%; }
  .nav .addition > div { display: inline-block; width: 50%; text-align: center; border-bottom: 1px solid #ddd; margin: 0; }
  .nav .addition > div:before { right: 0; }
  .nav .down_nav { position: static; width: 100%; padding: 0; margin: 0; border: none; background: transparent; }
  .nav .down_nav:before { display: none; }
  .nav .down_nav > a {padding: 15px 0;line-height: 20px;display:  block;}
  .push-nav { display: block; position: absolute; top: 0; right: 3%; z-index: 998; width: 56px; height: 60px; }
  .push-nav .nav-toggle { display: block; position: absolute; left: 50%; top: 50%; border: 0; background-image: none; border-radius: 4px; cursor: pointer; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .push-nav .nav-toggle span { display: block; position: relative; z-index: 1; width: 36px; height: 3px; margin-bottom: 8px; background: #2B2C2D; border-radius: 3px; -webkit-transform-origin: 33px; transform-origin: 33px; -webkit-transition: all .5s; transition: all .5s; }
  .push-nav .nav-toggle span:last-child { margin-bottom: 0; }
  .push-nav.on .nav-toggle span { opacity: 1; background: #ED2836; }
  .push-nav.on .nav-toggle span:nth-child(3) { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .push-nav.on .nav-toggle span:nth-child(2) { -webkit-transform: scale(0); transform: scale(0); }
  .push-nav.on .nav-toggle span:nth-child(1) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .bg-nav { display: none; position: fixed; top: 0; left: 0; z-index: 996; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); animation: fade-in .43s ease 0s; -webkit-animation: fade-in .43s ease 0s; }

  .index { padding-top: 60px; }
}
@media (max-width: 1024px) { .index { padding-top: 60px; } }
@media (max-width: 900px) { .index { padding-top: 60px; }}
@media (max-width: 768px) { .index { padding-top: 60px; }}
@media (max-width: 640px) { .header { height: 50px; line-height: 50px; }
  .logo { line-height: 50px; }
  .logo a { height: 30px; }
  .nav { padding: 50px 3%; width: 200px; }
  .nav.close-nav { -webkit-transform: translate(200px, 0); transform: translate(200px, 0); }
  .nav > ul > li > a { padding: 15px 0; font-size: 14px; }
  .nav .addition > div { font-size: 12px; }
  .nav .addition > div i { margin: 0; }
  .nav .addition > div:before { height: 10px; }
  .push-nav { right: 0; width: 50px; height: 50px; }
  .push-nav .nav-toggle span { width: 25px; height: 2px; margin-bottom: 6px; -webkit-transform-origin: 24px; transform-origin: 24px; }
  .index { padding-top: 50px; }
 }
@media (max-width: 500px) { .banner { height: 170px; } }
@media (max-width: 420px) { .banner { height: 140px; } }