body{}
*{ margin:0; padding:0;box-sizing:border-box}
img{ border:none;}
ul,li{ list-style:none;margin:0; padding:0;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.s_width{width:1330px;margin:0 auto;}
.in_header_banner{overflow: hidden; width:100%;}
.header_banner{position:relative; z-index: 99999}
.header{position:absolute;width:100%;overflow: hidden;height:285px}
.header .logo{position:absolute;left:10px;top:10px;z-index:9}
.index_nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:125px;width:60%;}
.index_nav li{line-height:125px; position:relative;}
.index_nav li a{color:#626262;font-size:17px;display:block;width:100%;}
.index_nav li a:hover{font-weight:bold; text-decoration:none;}
.index_nav li div {display:none;width:180px;text-align:center;color:#4f4f4f;position:absolute;z-index:9999999;left:-60px;top:100%; background: #0e9ca9}
.index_nav li div a {display:block;color: #fff; line-height:39px;font-size: 15px;font-weight:normal;border-bottom:1px solid rgba(255,255,255,0.1);margin-top:0; padding:0 0 0 0;}
.in_search{position:absolute;right:10px;top:10px;z-index: 2}
.nav{ width:22%; position:absolute; right:7%; top:0; z-index: 2}
.nav ul{display: flex;flex-direction:row;justify-content: space-between;}
.nav li{background:url(../images/xian.png) no-repeat top right;padding:16px 8px 0 0;position:relative;}
.nav li a{display: block;width:20px;height:150px;font-size:16px;line-height:17px;color:#fff; text-decoration:none; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.nav li .child_menu{position:absolute;top:17px;right:30px; overflow:hidden;z-index:99999;width:0;}
.nav li .child_menu a{ display:block;float:left;font-size:16px;padding:0 30px 0 0; font-weight:normal; color:#fff;}
.nav li .child_menu a:hover{ color:#fff;}

.nav li a:hover{ font-weight:bold; }
.navbarpage {
  position: absolute;
  right: 0;
  top: -100vh;
  width: 100%;
  box-sizing: border-box;
  transition: all 1s ease;
  background-color: rgba(0, 0, 0, 0.85); z-index:8}
.nav_logo{ position:absolute; left:15px; top:7px}
.navbar {
  position: absolute;
  top: 40px;
  width: 76px; left:320px;
  height: 26px;
  cursor: pointer;
  box-sizing: border-box;
  z-index: 9;
}
.navbar div { position:absolute;
  width: 27px;
  height: 2px;
  transition: all 0.5s ease; font-size:15px; color:#fff
}
.navbar .nav1{
  background:#fff; left:5px; top:0;
}
.navbar .nav2 {
  background:#fff; left:0px; top:12px;
}
.navbar .nav3 {
  background:#fff; left:5px; bottom:0;
}
.navbarOn1 {
  transform-origin: center;
  transform: rotate(45deg) translate(9px, 8px);
}
.navbarOn2 {
  transform-origin: center;
  transform: rotate(-45deg) translate(9px, -8px);
}
.navbarOn3 {
  transform: rotateY(90deg);
}
.navbarpage .navbarpage_da{width: 100%;height: 400px; position:absolute; top:50%; margin-top:-200px;}
.navbarpage .navbarpage_da ul{width: 90%;margin:0 auto;height: 560px; display: flex;display: -webkit-flex;justify-content: space-between}
.navbarpage li{position: relative; text-align:center; width:calc(100%/8)}
.navbarpage li:before{content:'';width:100px; position: absolute;left:50%;margin-left:-50px; top:55px; height: 1px; background: rgba(255,255,255,0.2)}
.navbarpage li a{ display: block; color:#fff; font-size:18px; transition: all 0.3s; line-height: 55px;}
.navbarpage li span{ color:rgba(255,255,255,0.2); font-family:impact; text-transform:uppercase; padding:0 0 0 25px;}
.navbarpage ul li a:hover{ color:#fff; letter-spacing:3px}
.navbarpage ul li a:hover span{ color:rgba(255,255,255,0.7)}
.navbarpage ul li div{margin:35px 0 0 0;width:100%;}
.navbarpage ul li div a{line-height: 45px; font-size: 16px}
.active_navbar{top: 0!important;transition:all 0.2s ease;}
/*banner*/
.slide-main{position: relative; z-index:1}
.prev,.next{display: block;/*width:30px;height:50px;*/position: absolute; z-index: 222; top: 40%; overflow: hidden; cursor: pointer;/*background-color: rgba(165,165,165,0.4);*/}
.prev img,.next img{/*width: 20px;height:30px;*/margin: 10px 0 0 5px;}
.prev{left: 50px;}
.next{right: 50px;}
.item{display: block; width: 100%; height: 15px; position: absolute; z-index: 124; bottom: 45px; left: 0; text-align: center;}
.item a{display: inline-block; width: 15px; height: 15px; margin-right: 15px; background: #fff; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=60); overflow: hidden; border-radius: 50px;}
.item a.cur{background: #f44336; /*width: 40px;*/}
.slide-box,.slide{display:block;width:100%;height: auto;min-width: 1280px;}
.slide-box{position:relative;overflow: hidden;}
.slide{display:none;position:relative;position:relative;z-index:8;}
.slide img{width: 100%;height: auto;}
.slide a{display:block;cursor:pointer;}
/*--search modal--*/
.modal { position: fixed; z-index:999999999999999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);display: none; }
.modal-dialog { position: absolute; z-index:9999999999; left: 0; top:50%; margin-top:-250px; width: 100%; background:; height:500px; }
.modal-content { width: 1200px; margin:0 auto; position:absolute;left:50%; margin-left:-600px; height:400px; }
.modal-content > div {  }
.modal-content input { border: none; float: left;}
.modal-content .search-logo { width: 408px; padding:80px 0 0 0; position:absolute; left:50%; margin-left:-204px; border-bottom:1px solid #5c5c5c}
.modal-content .search-logo img{ width:100%;}
.modal-content .search-bar { position:absolute; width:850px; left:50%; margin-left:-425px; height:90px; top:130px; }
.modal-content .search-tab .tab { padding: 6px 20px; float: left; font-size: 24px; color: #fff; cursor: pointer; }
.modal-content .search-tab .on { background: #fff; color: #fe0000; }
.modal-content .tab-panel { display: none; }
.modal-content .on { display: block; }
.modal-content .search-close { width:60px; height:60px; cursor: pointer; transition:.4s all; display:block; position:absolute; right:0; top:0;}
.modal-content .search-close:hover {  color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.modal-open { overflow: hidden; padding-right: 17px; }
.modal-content .search-bar .search-keywords { margin-top: 2px; border-radius: 6px; overflow: hidden; }
.modal-content .search-bar .form-control { padding-left: 10px; width: 754px; height: 70px; line-height: 70px; font-size: 16px; background:#eee}
.modal-content .search-bar .espcms_search_icon{  width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; margin-left:15px; background:#31459b url(../images/se.png) no-repeat center center;border: none;}
/*footer*/
.footer{background:url(../images/ff.jpg)no-repeat center top;padding:222px 0 0 0;margin:0 0 0 0}
.footer .s_width{display:flex;justify-content:space-between;padding:0 0 27px 0;justify-content:space-between;}
.footer .footer_l{width:83%;display:flex;justify-content:space-between;}
.footer .footer_l .f_l_a{padding:35px 80px 0 0;background:url(../images/f_l.png) no-repeat right top;}
.footer .footer_l .f_l_a p{line-height:28px; color: #adadad;font-size:15px;margin:20px 0 0 0}
.footer .footer_l .f_l_a a{color: #ddd;}
.footer .footer_l .f_l_b{ background:url(../images/f_l.png) no-repeat right top;padding:0 80px 25px 0}
.footer .footer_l .footer_title{ font-size: 22px;color:#f65117;font-weight:bold;position:relative;margin:0 0 30px 0}
.footer .footer_l .footer_title:after{content:'';position:absolute;left:102px;top:3px;width:1px;height:23px;background:rgba(255,255,255,0.3)}
.footer .footer_l .footer_title span{ font-size: 16px;color:#adadad;font-weight:normal; text-transform: uppercase;padding:0 0 0 30px;}
.footer .footer_l .footer_li_a a{display:block; line-height:28px; color: #adadad;font-size:15px;}
.footer .footer_l .footer_li_a a:hover{color:#fff;text-decoration:none;}
.footer .footer_l .f_l_c{ }
.footer .footer_l .f_l_c dd{display: block; line-height: 35px; color: #adadad; font-size:15px;padding:0 0 0 35px;}
.footer .footer_l .f_l_c dd.f_icon_a{background:url(../images/i_a.png) no-repeat left center;}
.footer .footer_l .f_l_c dd.f_icon_b{background:url(../images/i_b.png) no-repeat left center;}
.footer .footer_l .f_l_c dd.f_icon_c{background:url(../images/i_c.png) no-repeat left center;}
.footer .footer_l .f_l_c dd.f_icon_d{background:url(../images/i_d.png) no-repeat left center;}
.footer .footer_r{background:url(../images/f_er_bg.png) no-repeat center top;width:140px;text-align:center;padding:15px 0 0 0;margin:55px 0 0 0}
.footer .footer_r img{display:block;width:118px;margin:0 auto;}
.footer .footer_p{line-height:85px;border-top:1px solid rgba(255,255,255,0.1);text-align:center; font-size:16px;color:#adadad}
.footer .footer_p a{color:#adadad}
.foot_link{width:1330px;margin:0 auto;border-top:1px solid rgba(255,255,255,0.1);padding:25px 0;display: flex;display:-webkit-flex;justify-content:space-between}
.foot_link .foot_link_l{width:72px;background:url(../images/link.png) no-repeat center top; padding:15px 0 0 0;font-size: 18px;color:#a9a9a9;font-weight:bold;}
.foot_link .foot_link_r{width:1200px;display:flex; justify-content:flex-start}
.foot_link .foot_link_r a{ display: block;position:relative;font-size: 14px;line-height:35px;padding:0 35px; color: #aeaeae}
.foot_link .foot_link_r a:after{content:'';position:absolute;right:0;top:11px;width:1px;height:13px;background:rgba(255,255,255,0.3)}