@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; } 
body, table, td, tr, th, input, select { font: 14px/25px Arial, Helvetica, sans-serif; color: #333; font-family:"Microsoft YaHei", "微软雅黑";}
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: #666; text-decoration: none }
a:hover{ color:#0092dc;;}
.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; }


/*********************/
.skinw { width: 100%; max-width: 1200px; margin: 0 auto; }
.wrap{width: 100%; max-width: 1200px; margin: 0 auto;}
.container { margin: auto; width: 100%; max-width: 1200px; padding:60px 0; /*overflow: hidden; */}
@media (max-width:1199px) {
.container{width: 96%; margin: 0 auto;overflow: hidden;}
.wrap{width:96%;}
}


/*Header*/
.header {width:100%;height:100px;background:rgba(255,255,255,0.89);box-shadow:0 2px 6px rgba(0,0,0,.1);position:fixed;left: 0;top:0;z-index:900;}
.logo {float: left;padding-top:25px;}
.logo img{display: block;}

.hdr {float: right;padding-top: 7px;text-align: center;}
.hdr ul{height:25px;}
.hdr li{z-index: 5;width: 25px;height: 25px;border-radius: 50%;margin: 0 6px;border:1px solid #666;float: right;text-align: center;line-height: 25px;color:#666;cursor: pointer;}
.hdr li:hover{color:#fff;background: #666;}
.hdr li>a{display: block;width: 25px;height: 25px;position: absolute;top: 0;left: 0;color:#fff;}

.hdr .gzh{position: relative;}
.hdr .gzh div{display: none;position: absolute;left: 50%;margin-left: -60px;top: 42px;right: 0;width: 140px;z-index: 9;}
.hdr .gzh:hover div {display: block;}

.hdr dl{position: absolute;top: 25px;right: -20px;width: 60px;background-color: #000;z-index: 100 !important;padding: 5px 0;display: none;}
.hdr dl dd{width:100%;height:20px;line-height: 20px;}
.toptel {position: relative;margin-top: 20px;z-index: 2;line-height: 28px;}
.toptel i{font-size:26px;display:block;float: left;}
.toptel span{font-size:26px;font-weight: bold;padding-left: 10px;letter-spacing: 0px;font-family:"Impact";}

.Navlist {overflow: hidden;padding: 20px 0 0 30px;}
.Navlist li {float: left;margin: 0 15px;}
.Navlist li .v1 {display: block;height: 80px;font-size: 15px;line-height: 82px;color: #333;}
.Navlist .subBox {position: absolute;z-index: 1;top: 100%;left: 0;width: 100%;height: 0;text-align: center;background-color: #f8f8f8;overflow: hidden;opacity: 0;}
.Navlist li:hover .subBox{display: block;height: 187px;opacity:1;transition:0.5s, opacity .15s;}
.Navlist .subBox .wp{max-width: 1200px;margin-left: auto;margin-right: auto;padding: 20px 0 !important;height:auto;overflow: hidden;}
.Navlist .subBox .navpic{position: relative;width:260px;height:auto;overflow: hidden;float:left;}
.Navlist .subBox .navpic img{width:100%;vertical-align: bottom;}
.Navlist .subBox .navpic:after{content: "";display: block;width: 100%;height: 100%;top: 0;left: 0;border: 10px solid rgba(255,255,255,0.6);position: absolute;box-sizing: border-box;}
.Navlist .subBox .navtxt{margin-left: 320px;}
.Navlist .subBox .navtxt dd{float:left;width:28%;margin-right: 2%;height:50px;line-height: 50px;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;margin-top: -1px;}
.Navlist .subBox .navtxt dd:hover{background: #0092dc;color:#fff;}
.Navlist .subBox .navtxt dd:hover a{color:#fff;}

.swiper-container img{display:block;max-width:100%;image-rendering:pixelated;}

@media (max-width:1155px){
.Navlist li{margin: 0 10px;}
}
@media (max-width:1046px){
.hdr{display: none;}
.Navlist li{margin: 0 15px;}
}

/*------------手机站导航开始----------*/
.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; box-shadow: 0 2px 6px rgba(0,0,0,.1);}
.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%; transform:translateY(-50%); -webkit-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:#0092dc; 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 .h-nav-g .i_tel { display: block; background-repeat: no-repeat; background-position: center; cursor: pointer; background-image: url(../images/tel.png); position: absolute; right: 15px; top: 0; height: 60px; width: 40px; }
.hidden-g .ul-small { background:#0976ad; width: 220px; height: 100%; position: fixed; right: 0; top: 0; z-index: 100; transform: translateX(220px); transition: 300ms; -webkit-transition: 300ms; -webkit-transform: translateX(220px); }
.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}
.swiper-button-next, .swiper-button-prev{height:0;}
}


.nyban{overflow: hidden;padding-top: 100px}
.nyban img{width: 100%; display: block;}
@media (max-width: 1024px) {
.nyban{padding-top: 60px}
}

/*底部*/
.footer{padding-top: 66px;box-sizing: border-box;color: #eee;background:#333}
.foot{max-width: 1200px;margin: auto;overflow: hidden;}
.f_con{clear: both;overflow: hidden;}

.f_logo{width:32%;float: left;}
.f_logo ul li{ margin-bottom: 20px; margin-top: 7px;}
.f_logo ul li span{ display: block; color: #eee; font-size: 16px;line-height: 19px; margin-bottom:9px;}
.f_logo ul li i{width: 26px;height: 26px;line-height: 26px;border: 1px #eee solid;border-radius: 50%;display: inline-block;font-size: 14px;text-decoration: none;color: #eee;text-align: center;margin-right: 10px;}
.f_logo ul li p{ display: block; color: #eee; font-family: Arial; font-size: 20px; line-height: 100%;}

.f_text{width: 50%;padding-top:6px;margin: 0 3%;float: left;}
.f_text ul li{float: left;width: 31.33%;margin: 0 1%;}
.f_text ul li i{display:block;line-height:100%;font-size:16px;font-weight:bold;color:#fff;height:57px;background: url(../images/f_lin.jpg) no-repeat 0 31px;}
.f_text a{display: block;font-size: 14px; color: #d3d3d3; margin-bottom: 16px; line-height: 100%;}

.f_code{width:12%;text-align:center;color:#fff;font-size:14px;float: right;}
.f_code p img{width: 100%;display: block;}
.f_code p span{display: block;padding-top: 5px;}

.f_copy{border-top: 1px solid rgba(255, 255, 255, .2); padding: 16px 0;margin-top: 20px; overflow: hidden;opacity: 0.7;}
.f_copy a{color: #FFF; }
.f_copy em{padding: 0 10px;}

@media only screen and (max-width:1199px){
.footer .foot{width: 95%;margin: auto;}
}
@media only screen and (max-width:640px){
	.footer{padding-top: 30px;}
	.f_logo{width: 100%;text-align: center;}
	.f_text{display: none;}
	.f_code{display: none;}
}
@media only screen and (max-width:474px){

}

/*Link*/
.Link{width: 100%;overflow: hidden;height:auto;line-height: 50px;background-color: #ffffff;padding: 5px 0;}
.Link h2{width:130px;float: left;font-size: 14px;font-weight: bold;height: 50px;line-height: 50px;overflow: hidden;color:#666;}
.Link h2 em{font-size: 14px;color: #666;font-family: "Arial";display: inline-block;font-weight: bold;padding-left: 8px;}
.Link .bd{margin-left: 100px;}
.Link .bd a{margin-right:30px;color: #7d7d7d;display: inline-block;line-height: 35px;opacity: 0.7;}
@media only screen and (max-width:560px){
.Link{display: none;}
}