@charset "utf-8";
/* CSS Document */
body, div, span, ul, li, h1, h2, h3, h4, h5, h6, p, input, dl, dt, dd, p { margin: 0; padding: 0; border: 0; }
body{overflow-x: hidden;}
td, th {padding: 0;margin: 0;}
table {border-spacing: 0;border-collapse: collapse;}
* { padding: 0; margin: 0; box-sizing: border-box;} 
body, table, td, tr, th, input, select {font: 14px/25px Arial, Helvetica, sans-serif;color: #333;font-family: "Source Han Sans CN", "SimHei", "微软雅黑";}
li { list-style: none; }
img {padding: 0; margin: 0; border: 0;height: auto!important; max-width: 100%!important;/*image-rendering: pixelated;*/}
.clear {clear: both; visibility: hidden; }
a {color: #333; text-decoration: none }
a:hover{ color:#007cc3;}
.fl { float: left; }
.fr { float: right; }
i, cite, em { font-style: normal }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; outline: none }
h1 { font-size: 34px; line-height: 45px; }
h2 { font-size: 24px; line-height: 36px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 20px; }
h6 { font-size: 15px; }
:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*********************/


.skinw { width: 100%; max-width: 1280px; margin: 0 auto; }
.wrapper{width: 100%; max-width: 1280px; margin: 0 auto;}
.container { margin: auto; width: 100%; max-width: 1280px; padding:60px 0 80px 0; overflow: hidden; }
@media (max-width:1400px) {
.skinw, .wrapper{width: 95%;}
.container{width: 95%; margin: 0 auto;overflow: hidden;}
}


/*Header*/
.header {width: 100%;height: 120px;background: #fff;box-shadow: 0 -5px 15px 0px rgba(0, 0, 0, .08);}

.logo {float: left;width: 220px;padding-top: 15px;display: inline-block;}
.logo img{display: block;}

.top_tel{float: right;display: inline-block;margin-top: 30px;width: 180px;overflow: hidden;}
.top_tel p {padding-left: 35px;background: url(../images/h_tel0.png) no-repeat left 4px;float: left;}
.top_tel span {display: block;font-size: 15px;color: #333;line-height: 100%;}
.top_tel em {font-style: normal;display: block;font-size: 22px;color: #2A2A36;line-height: 100%;margin-top: 4px;font-weight: bold;font-family:"Arial" ;}

.Navlist {float: left;display: inline-block;height: 120px;width: calc(100% - 400px);padding: 0 30px;box-sizing: border-box;vertical-align: middle;position: relative;z-index: 999;}
.Navlist li {float: left;width: 14.28%;font-size: 16px;position: relative;}
.Navlist li>a {position: relative;display: block;font-size: 16px;color: #222;text-align: center;line-height: 120px;height: 120px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.Navlist li>a:before {position: absolute;content: "";width: 100%;height: 3px;background: #0075be;left: 0;bottom: -10px;transition: .3s ease;-o-transition: .3s ease;opacity: 0;}
.Navlist li:hover>a, .Navlist li:hover>a:before{ opacity: 1; bottom: 0; }

.item2 { display: none;  }
.Navlist li:hover .item2{ width:100%; display: block;z-index: 999; position: absolute; }
.item2 a{display: block;font-size: 14px;padding: 8px 5px;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.6);}
.item2 a:hover {background: #0075be;}

.bannerSlide {position: relative;z-index: 1;clear: both;width: 100%;}
.swiper-container img{display: block;max-width: 100%;}

/*------------手机站导航开始----------*/
.hidden-g{display: none;}
.hidden-g { position: relative; }
.hidden-g .h-nav-g { position: fixed; left: 0; top: 0; z-index: 1000; 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: 24px;height: 2px;background: #0075be;border-radius: 4px;margin: 6px 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: #0075be; width: 220px; height: 100%; position: fixed; right: 0; top: 0; z-index: 100;  -webkit-transition: 300ms; -webkit-transform: translateX(220px);transform: translateX(220px); transition: 300ms;}
.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 a { color: #fff; padding-left: 30px; padding-right: 30px; line-height: 50px; display: block; }
.hidden-g .translate {-webkit-transform: translateX(-220px);transform: translateX(-220px); }
.hidden-g .translate2 { -webkit-transform: translateX(0); transform: translateX(0);}

@media (max-width: 1024px) {
.header{ display: none; }
.hidden-g { display: block; }
.swiper-container{padding-top: 60px}
}




/*底部*/
.footer{width: 100%; overflow: hidden;}
.fcon_lx{padding-top: 40px; padding-bottom:30px; background:#0074bd;overflow: hidden;}
.fcon_lx ul li{float: left; display: block;color: #ffffff; font-size: 15px;word-wrap:break-word;}
.fcon_lx ul li i{font-size: 18px;color: #ffffff;font-weight: normal;display: block;margin-bottom: 3px;}
.fcon_lx ul li .f_box{padding-left: 55px;}
.fcon_lx li:nth-child(1) {width: 37%;background: url(../images/fico1.png) no-repeat;}
.fcon_lx li:nth-child(2) {width: 43%;background: url(../images/fico2.png) no-repeat;font-size: 20px;}
.fcon_lx li:nth-child(3) {width: 20%;background: url(../images/fico3.png) no-repeat;}

.fcon_nav{padding-top:20px; padding-bottom:20px;background:#333;overflow: hidden;text-align: center;}
.fcon_nav a {font-size: 16px;color: #d6d6d6;line-height:40px;padding: 0 40px;background: url(../images/ftxt.png) no-repeat right center;}
.fcon_nav a:last-child {background: none;}

.fcon_copy{padding-top:30px; padding-bottom:30px;background:#272727;overflow: hidden;text-align: center;}
.fcon_copy p{color: #737373;line-height: 32px;}
.fcon_copy a{color: #737373;}

@media only screen and (max-width:1024px) {
.fcon_lx li:nth-child(1) {width: 35%;}
.fcon_lx li:nth-child(2) {width: 40%;}
.fcon_lx li:nth-child(3) {width: 25%;}
}
@media only screen and (max-width:640px) {
.fcon_lx{display:none;}
}