/* header start */
 #header { display: block; } #el_74311560564973{width:100%;} #el_46481560564976 { } #el_29091560564976{width:36%;}@media screen and (max-width: 991px){ #el_29091560564976 {width:100%;} } #el_78571560564991 img { max-width: 100%; } #el_78571560564991 { margin-top: 12px; } @media screen and (max-width: 575px){ #el_78571560564991 { margin-top: 0px; margin-bottom: 0px; } } #nav_top{width:63.99510000000001%;}@media screen and (max-width: 991px){ #nav_top {width:100%;} } #nav { height: 100px; line-height: 100px; float: right; display: block; } @media screen and (max-width: 991px){ #nav {height: 40px; line-height: 40px; float: lfet; display: block;} } #nav ul { margin: 0; padding: 0; } #nav .navBox>ul>li { height: inherit; float: left; position: relative; } #nav .navBox>ul>li>a { display: block; height: 100%; padding: 0 15px; color: #333; font-size: 16px; font-weight: 600; } #nav .navBox>ul>li:hover>a,#nav .navBox>ul>li.active>a { background-color: #4B73B0; color: #fff; } #nav .navBox>ul>li>ul { position: absolute; z-index: 999; left: 0; top: 100%; width: 100%; background-color: #4B73B0; box-shadow: 0 2px 6px #ddd; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out; -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } #nav .navBox>ul>li>ul>li { overflow: hidden; } #nav .navBox>ul>li>ul>li>a { display: block; color: #fff; font-size: 14px; font-weight: 600; height: 40px; line-height: 40px; text-align: center;} #nav .navBox>ul>li>ul>li>a:hover { background-color: #595959; transition: all 0.4s; } #nav .navBox>ul>li:hover>ul { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media screen and (max-width: 991px){ #nav .navBox>ul>li>a { padding: 0 2px; font-size:12px;}}
/* header end */
/* footer start */
 #el_22931560579995 { background-color: #353535; padding-top: 20px; padding-bottom: 20px; display: block; } @media screen and (max-width: 767px){ #el_22931560579995 {} } #el_30911560579995{width:100%;} #el_45791560941974{width:50%;} @media screen and (max-width: 767px){#el_45791560941974{width:100%;}}#el_57761560942026 img { max-width: 100%; } #el_57761560942026 { margin-bottom: 5px;margin-top: 5px; } @media screen and (max-width: 575px){ #el_57761560942026 { margin-top: 0px; margin-bottom: 0px; }} #el_82481560942136 { color: #fff; padding-bottom: 10px; } #el_82481560942136 ul,#el_82481560942136 li { margin: 0; padding: 0; } #el_82481560942136 a { display: block; color: #fff; font-size: 14px; } #el_82481560942136 .navBox>ul { display: table; width: 100%; }@media screen and (max-width: 767px){#el_82481560942136 .navBox>ul { display: none;}} #el_82481560942136 .level1 { display: table-cell; } #el_82481560942136 .level1>a { padding: 0px 8px; border-right: 1px solid #fff; display: block; position: relative; text-align: center; } #el_82481560942136 .level1:first-child>a { padding-left: 0; } #el_82481560942136 .level1:last-child>a { border-right: none; } #el_82481560942136 .level1:hover>a { color: #00bdff; } #el_82481560942136 .level1>ul { position: absolute; left: 0; display: none; width: 100%; z-index: 100; } #el_82481560942136 .level1:hover>ul { padding: 20px; display: table; background-color: #212121; } #el_82481560942136 .level2 { display: table-cell; } #el_82481560942136 .level2>a { font-size: 16px; color: #fff; } #el_82481560942136 .level2>a:after { content: ''; display: block; margin-top: 10px; width: 1em; height: 2px; background-color: rgba(255,255,255,0.5); } #el_82481560942136 .level3>a { margin-top: 10px; color: rgba(255,255,255,0.5); } #el_82481560942136 .level3>a:hover { color: #00bdff; } #el_82481560942136 .level3>ul { display: none; } #el_82481560942136 ul li.level4{float:left; margin-left:4px; margin-right: 6px; margin-top: 9px;} #el_60131560942006{width:15%;}@media screen and (max-width: 767px){#el_60131560942006{width:28%;}} #el_76291560942480 { padding-top: 30px; padding-bottom: 30px; border-right-color: #595959; border-right-width: 1px; border-right-style: solid; border-left-color: #595959; border-left-width: 1px; border-left-style: solid; } #el_35891560942480{width:100%;} #el_30931560942487 { text-align: center;} #el_24801560942487{width:100%;} #el_83081560942495 img { max-width: 80%; } #el_83081560942495 { transition-property: all; transition-duration: 1s; } #el_89081560942498 p { text-align: center; } #el_89081560942498 { color: #fff; font-size: 14px; line-height: 150%; text-align: center; padding: 10px; } #el_63641560942484{width:50%;} #el_56501560942613 { text-align: center; margin-right: 5%; } #el_58241560942613{width:100%;} #el_78511560942613 img { max-width: 100%; } #el_78511560942613 { transition-property: all; transition-duration: 1s; } #el_76711560942613 p { margin: 0; } #el_76711560942613 { color: #fff; font-size: 14px; line-height: 150%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #el_36941560942006{width:35%;}@media screen and (max-width: 767px){#el_36941560942006{width:72%;}} #el_77511560942714 p { margin: 0; } #el_77511560942714 { color: #BFBFBF; font-size: 12px; margin-left: 20px; margin-top: 14px; } #el_35731560942773 p { margin: 0; } #el_35731560942773 { color: #BFBFBF; font-size: 14px; margin-top: 15px; margin-left: 20px; } #el_64871502334991 { background-color: #171717; } @media screen and (max-width: 575px){ #el_64871502334991 { } } #el_35791502334991{width:100%;} #el_64571502351672 { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #el_60861502351672{width:100%;} #el_54921503451973 { font-size: 12px; line-height: 150%; color: #fff; text-align: center; } #el_54921503451973 p { margin-bottom: 0; } 
/* footer end */
.banner {height:508px;width: 100%;position: relative;padding: 0px;margin:0px;}@media screen and (max-width: 767px){.banner{height:233px;width: 100%;position: relative;padding: 0px;margin:0px;}#pc{display: none;}}
@media screen and (min-width: 767px){#wap{display: none;}}
.banner .bann {width: 100%;height: 100%;}
.banner .bann ul {width: 100%;height: 100%;}
.banner .bann ul li {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
@media screen and (max-width: 767px){.banner .bann ul li {width: 100%;height: 233px;position: absolute;top: 0;left: 0;}}
.banner .cirl {position: absolute;bottom: 12px;width: 50%;left: 25%;z-index: 1;text-align: center;}
.banner .cirl ul {}
.banner .cirl ul li {display: inline-block;float: none;width: 56px;height: 10px;background: #f0f4f9;margin: 0 3px;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;cursor: pointer;}
.banner .cirl ul li.acti {background: #4b4d50;border: none;}