@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "Bronova";
  src: 
       url("../fonts/Bronova-Regular.woff") format("woff"),
	   url("../fonts/Bronova-Regular.ttf") format("truetype"),
       url(".../fonts/Bronova-Regular.eot") format("embedded-opentype"),
       url("../fonts/Bronova-Regular.otf") format("opentype");
}

.main {margin-left:160px;margin-right:160px;}
.skinw{margin-left:160px;margin-right:160px;}
.wrapper{margin-left:160px;margin-right:160px;;}
.container {padding: 60px 0 100px;margin-right: auto;margin-left: auto;overflow: hidden;}

@media screen and (max-width:1600px) {
.main {margin-left: 90px;margin-right: 90px;}
.skinw{margin-left: 90px;margin-right: 90px;}
.wrapper{margin-left: 90px;margin-right: 90px;}
}
@media screen and (max-width:1366px){
.main{margin-left: 70px;margin-right: 70px;}
.skinw{margin-left: 70px;margin-right: 70px;}
.wrapper{margin-left: 70px;margin-right: 70px;}
}
@media screen and (max-width:1200px){
.main{margin-left: 50px;margin-right:50px;}
.skinw{margin-left: 50px;margin-right:50px;}
.wrapper{margin-left: 50px;margin-right:50px;}
}
@media screen and (max-width:1024px){
.main{margin-left: 30px;margin-right: 30px;}
.skinw{margin-left: 30px;margin-right: 30px;}
.wrapper{margin-left: 30px;margin-right: 30px;}
}
@media screen and (max-width:767px){
.main{margin-left: 15px;margin-right: 15px;}
.skinw{margin-left: 15px;margin-right: 15px;}
.wrapper{margin-left: 15px;margin-right: 15px;}
}



header{width: 100%;height:auto;position: fixed;top: 0;transition: 0.5s;z-index: 100;background:#FFFFFF;-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4);box-shadow: 0px 0px 15px rgba(0,0,0,0.4);}
header .headBox{height:120px;display: flex;justify-content: space-between;align-items: center;}
.logo{margin-left:40px;padding: 10px 0;}
.logo a{float: left;}
.logo .bit{margin-top:8px;float: left;margin-left: 15px;padding-left: 15px;border-left: 1px solid #cacaca;font-size: 13px;line-height: 18px;}
.logo .bit span{font-weight: bold;font-size: 22px;color: #000000;}
.logo .bit p{margin-top: 10px;font-size: 15px;font-weight: 300;color: #868383;}

.header-mid{position: relative;padding-right: 150px;}
.top-mid{width:100%;height:45px;overflow: hidden;padding:15px 0 0 0;}
.language{float:right;height:30px;}
.language a{display: inline-block;width:30px;height:30px;margin-left:12px;}
.language a img{width:100%;height:100%;}

.sousuo{position: absolute;width: 100px;height: 120px;right: 0;top: 0;background: #094589;}   
.sousuo .iconfont{display: block;width:100px;height:120px;}
.icon-search {background: url(../images/search-icon.png)no-repeat center;}
.icon-guanbi {background: url(../images/searchgb-icon.png)no-repeat center;}

.Navlist{display:flex;justify-content: center;}
.Navlist > ul > li{display:inline-block;height:75px; line-height:75px;margin-left:62px;font-size:17px;position: relative;}
.Navlist > ul > li > a{display: block;color:#222;}
.Navlist > ul > li > a:hover, .Navlist > ul > li > a.current{color:#1673b8;font-weight:bold;}
.Navlist > ul > li:hover .nav_son{opacity:1; visibility:visible; margin-top:0}
.Navlist > ul > li .nav_son{width: 160px;position: absolute;top: 100%;left: 50%;margin-left: -80px;z-index: 1;opacity: 0;visibility: hidden;margin-top: 20px;background-color: #fff;transition: margin .15s, opacity .15s;box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.5);}
.Navlist .nav_son ul{}
.Navlist .nav_son ul li{width:100%;border-bottom:1px solid #f1f1f1;text-align:center;}
.Navlist .nav_son ul li:first-child>a:after{content:'';position:absolute;height:0;width:0;left:50%;top:-6px;border:6px solid transparent; margin-left: -6px; border-top:0;border-bottom-color:inherit}
.Navlist .nav_son ul li:last-child{border:0}
.Navlist .nav_son ul li a{display: block;border-color:#fff;line-height: 20px;font-size: 14px;padding: 15px 5px;}
.Navlist .nav_son ul li a:hover{color:#1673b8;}



/*搜索*/
.searchbox {width: 100%;top:120px;text-align: center;z-index:10;position: fixed;}
.displaynone {display: none;}
.searchbox .main{padding: 80px 15px;background: rgb(1, 1, 1, 0.75);box-shadow: 0 3px 6px rgba(0,0,0,0.1);border-top: 1px solid #f5f5f5;margin-left: 0;margin-right: 0;}
.searchs {width: 90%;margin:0 auto;position: relative;}
.searchs .sertext {border-radius:3px;display: block;padding: 0;outline: 0;padding-left: 20px;width: 100%;float: left;color: #a2a2a2;font-size: 15px;height: 66px;line-height: 66px;transition: 0.4s;box-sizing: border-box;background: #ffffff;}
.serbtn {position: absolute;width:60px;height: 63px;top:1px;right:1px;box-sizing: border-box;background: url(../images/search-icon.svg) no-repeat 15px center;cursor: pointer;border-radius:3px;}



@media screen and (max-width:1550px){
.Navlist > ul > li{font-size: 16px;margin-left:42px;}
}
@media screen and (max-width: 1380px){
.logo .bit span{font-size:18px;}
.logo .bit p{font-size:13px;}
.Navlist > ul > li{margin-left:30px;}
}
@media screen and (max-width: 1260px){
/*.logo img{width:100px;}*/
.logo .bit{margin-top:0;}
.logo .bit span{font-size:16px;}
.logo .bit p{font-size:12px;}
.Navlist > ul > li{margin-left:20px;font-size:15px;}
}
@media screen and (max-width:1130px) {
.logo .bit{display: none;}
}
@media screen and (max-width:1024px) {
header{display:none;}
}


/*------------手机站导航开始----------*/
.hidden-g{display: none;}
.hidden-g { position: relative; }
.hidden-g .h-nav-g { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height:60px; background:#FFF; transition: 300ms; -webkit-transition: 300ms; }
.hidden-g .h-nav-g img { max-height: 96%; margin-left: 15px; }
.hidden-g .h-nav-g .btn_i {display: block; position:absolute;right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform:translateY(-50%); }
.hidden-g .h-nav-g .btn_i small, .hidden-g .h-nav-g .btn_i:before, .hidden-g .h-nav-g .btn_i:after {display: block;content: '';width:22px;height:3px;background:#094589;margin:4px 0;}
.hidden-g .h-nav-g .btn_i_click small { opacity: 0; }
.hidden-g .h-nav-g .btn_i_click:before { transform: rotateZ(45deg); transform-origin: 0px 6px; }
.hidden-g .h-nav-g .btn_i_click:after { transform: rotateZ(-45deg); transform-origin: 5px -1px; }
.hidden-g .ul-small {background:#094589; width:250px; height:100%; position:fixed; right:0; top:0; z-index:100; -webkit-transition:300ms; -webkit-transform:translateX(250px); transform:translateX(250px); transition:300ms;overflow-y: scroll;}
.hidden-g .ul-small input {width:160px; line-height: 40px; background: #fff; border: 0; border-radius: 20px; margin: 20px 30px 0 30px; text-indent: 10px; }
.hidden-g .ul-small ul {margin-top:20px;}
.hidden-g .ul-small ul li{}
.hidden-g .ul-small ul li > a {color: #fff;height:50px; line-height:50px;display:block;text-align:center;font-size:16px; }
.hidden-g .translate {-webkit-transform: translateX(-250px);  transform: translateX(-250px); }
.hidden-g .translate2 {-webkit-transform: translateX(0); transform: translateX(0);  }

@media (max-width: 1024px) {
.hidden-g{display: block;}
.m-language{display: flex;height:22px;line-height:22px;font-size:18px;font-family:Arial;position:absolute;right:80px;top:18px;z-index:100;padding-left:30px;background: url(../images/icon-Hlang.png)no-repeat left center;justify-content: space-between;align-items: center;}
.m-language a{color: #666;}
.m-language a:hover {text-decoration:underline;}
.m-language span{font-size:12px;padding: 0 6px;color: #666;}
}



/*banner*/
.banner{width:100%;height:auto;overflow: hidden;padding-top: 120px}
.banner .swiper-container img{display:block; width:100%!important;/*image-rendering:pixelated;*/}
.banner .swiper-button-next, .banner .swiper-button-prev{display:none;}

@media only screen and (max-width:1024px){
.banner{padding-top:60px;}
}




/*FOOTER*/
footer{width:100%;height:auto;overflow:hidden;background:url(../images/footbg.png) no-repeat center 0;padding: 116px 0 0;background-size:cover;}
.ft_contain{margin-top:30px;padding:30px 30px;background:#1a1a1a;overflow: hidden;}

.ft_Left{width:70%;float:left;overflow:hidden;/* border-right:1px solid #4a4a4a; */}
.ft_follow{width: 40%;float: left;overflow: hidden;padding-right: 60px;}
.ft_follow .ftlogo{text-align:center;margin-bottom:30px;}
.ft_follow .ft_ewm li{width: 100%;overflow: hidden;margin-bottom:26px;box-sizing: border-box;}
.ft_follow .ft_ewm li img{display:block;max-width:110px!important;margin: auto;}
.ft_follow .ft_ewm li em{color: #F1F1F1;text-align: center;display: block;font-size:15px;padding-top:8px;;}

.ft_nav{width: 60%;float:left;display:flex;flex-wrap:wrap;overflow:hidden;}
.ft_nav_li {width:33.33%;margin-bottom: 25px;height: auto;overflow: hidden;padding-right:25px;}
.ft_nav_li h5 {font-size: 18px;margin-bottom: 20px;font-weight: normal;color:#FFF;}
.ft_nav_li p{padding:6px 0;transition: 0.36s;}
.ft_nav_li p a{color:#BFBFC0;font-size:16px;line-height:1.5;display: block;}
.ft_nav_li p a:hover{color:#FFF;}

.ft_tj{padding: 25px 0px;border: none;border-top: solid 1px #3F4146;width: 100%;}
.ft_tj p{line-height: 24px;font-size: 16px;color: #CFCFD0;}

.ft_contact{width:30%;float:right;overflow:hidden;padding-left:60px;box-sizing:border-box;}
.ft_contact .follow_tel {display: block;overflow: hidden;}
.follow_tel h5{font-size:18px;margin-bottom: 20px;font-weight: normal;color:#FFF;}
.ft_contact .follow_tel li{padding-top:10px;padding-bottom:10px;padding-left: 50px;font-size:16px;line-height: 26px;position:relative;}
.ft_contact .follow_tel li i{position:absolute;left:0;top:25px;font-size:28px;color:#FFF;}
.ft_contact .follow_tel li div span{display:block;height:34px;font-weight:bold;color:#e3232f;font-size:16px;line-height: 34px;}
.ft_contact .follow_tel li div span em{font-family: Arial;color: #6d6d6d;font-weight: normal;font-style: normal;}
.ft_contact .follow_tel li div p{font-size: 14px;color:#FFF;}

.copyright{padding:30px 0;display:flex;align-items:center;justify-content:space-between;color: #cacaca;font-size:16px;line-height:1.5;}
.copyright p{line-height:26px;color:#cacaca;}
.copyright p a{color:#cacaca;}
.copyright p a:hover{text-decoration:underline;color:#FFF;transition:0.5s;}
.otherinfo a{color:#cacaca;}
.otherinfo a:hover{text-decoration:underline;color:#FFF;transition:0.5s;}


/*Link*/
.Link{width:100%;overflow:hidden;height:auto;padding:24px 0;border-bottom: 1px solid #4e4e4e;}
.Link h2{width:130px;float:left;font-size:15px;font-weight:bold;height:36px;line-height:36px;overflow:hidden;color: #fff;}
.Link h2 em{font-size:15px;color: #fff;font-family:"Arial";display:inline-block;font-weight: bold;padding-left:5px;}
.Link .bd{margin-left: 140px;}
.Link .bd a{margin-right: 20px;color: #fff;display:inline-block;line-height:36px;opacity:0.88;font-size:15px}
.Link .bd a:hover{color:#0095d9;}


@media only screen and (max-width:1024px){
.ft_Left{width:50%;}
.ft_follow{width:100%;}
.ft_nav{display: none}
.ft_contact{width:50%;padding-left:0;}
}
@media only screen and (max-width:768px){
.copyright{display: block;text-align: center;}
}
@media only screen and (max-width:499px){
.ft_Left{width:100%;}
.ft_ewm{display: none;}
.ft_follow {padding-right:0;}
.ft_contact {width:100%;}
}


/***************en**********************/
#en{font-family:"Bronova"!important;}
#en .Navlist > ul > li > a{font-weight: bold;}
#en .ft_contact .follow_tel li div span{text-transform: uppercase;}