@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:"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: #333; text-decoration: none }
a:hover{ color:#2f318b;}
.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;}

/*********************/
@media (min-width:1450px){
.skinw{width:1230px;}
.wrapper{width:1230px;}
.container{width:1230px;}
}
@media (min-width:1650px){
.skinw{width:1430px;}
.skiwrappernw{width:1430px;}
.container{width:1430px;}
}
.skinw{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.wrapper{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.container {padding:50px 15px;margin-right: auto;margin-left: auto;}


/*Header*/
.header {width: 100%;height: 110px;background:#FFF;border-bottom: 1px solid #f0f0f0;transition: background 1s;-moz-transition: background 1s;-webkit-transition: background 1s;-o-transition:background 1s;box-shadow: 0 0 6px rgba(0,0,0,.2);}
.top-mid{overflow: hidden;}
.logo {float: left;margin-top:5px;}
.logo img{max-height:90px;display: block;float: left;}
.logo div{margin-top: 15px;float: left;margin-left: 15px;padding-left: 15px;border-left: 1px solid #cacaca;font-size: 13px;line-height: 18px;}
.logo div span {font-weight:bold;font-size: 22px;color: #0d8849;}
.logo div p {margin-top:10px;font-size: 14px;font-weight:300;color: #868383;}

.Navbar-nav {display: block; padding:0;float: right;}
.Navbar-nav li {float: left;padding: 0 35px;font-size:16px;line-height:110px;position: relative;}
.Navbar-nav li a{color: #111;text-shadow:none;position: relative;display: block;}
.Navbar-nav li a.navbg:before {content: '';display: block;width: 100%;height: 3px;background:#009c4b;position: absolute;left: 0;bottom: 0;border-radius: 10px 10px 0 0;transform: scaleX(0);transition: ease .65s;}
.Navbar-nav li:hover a.navbg:before{transform: scaleX(1);}
.Navbar-nav li:hover a.navbg{color:#009c4b;transition: ease .65s;}
.Navbar-nav li .subnav { background: #fff; border-top: 2px solid #34ce7e; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05); height: auto; left: 0; overflow: hidden; position: absolute; top: 100%; width: 100%; z-index: 199; }
.Navbar-nav li .subnav {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5); opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); }
.Navbar-nav li:hover .subnav { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
.Navbar-nav li .subnav a {text-align:center;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #666;display: block;font-size: 13px;line-height: 25px;padding:10px 3px;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 1px solid #eee;background: #fff;box-sizing: border-box;}
.Navbar-nav li .subnav a:hover { color: #34ce7e; background: #f9f9f9; }

@media (max-width: 1650px) {
.Navbar-nav li{padding:0 26px;}	
}
@media (max-width: 1243px) {
.Navbar-nav li{padding:0 20px;}	
}
@media (max-width: 1149px) {
.Navbar-nav li{padding:0 12px;}	
}
@media (max-width: 1050px) {
.Navbar-nav li{padding:0 8px;}	
}


.HBanner img{display:block; width:100%!important;image-rendering:pixelated;}
.swiper-button-next, .swiper-button-prev{display:none;}


/*------------手机站导航开始----------*/
.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:#71979c;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: #71979c;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-button-next, .swiper-button-prev{height:0;}
.HBanner{padding-top: 60px;}
}



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




/*底部*/
.footer{background: #232324;overflow: hidden;padding:60px 0 20px 0;}

.ft-title h4{margin-bottom: 32px;}
.ft-title h4 i{display: block;height: 24px;line-height: 24px;font-size: 24px;color:#FFF;opacity:0.3;font-weight:300;}
.ft-title h4 em{display: block;height: 28px;line-height: 28px;font-size: 21px;color:#FFF;opacity: 0.9;font-weight: normal;}

.ft-nav {width:45%;float: left;}
.ft-nav .nav1 {width:49%;float: left;padding-right: 30px;box-sizing: border-box;}
.ft-nav .nav1:last-child {float: right;}
.ft-nav .nav1 ul li{height:36px;line-height: 36px;}
.ft-nav .nav1 ul li a{display: block; font-size: 15px;color:#FFF;opacity: 0.7;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.ft_con{width: 30%;float: left;overflow: hidden;padding-right: 30px;box-sizing: border-box;}
.ft_con ul{margin-bottom:35px;}
.ft_con ul li{margin-bottom:6px;}
.ft_con ul li em{display:inline-block;height:auto;line-height:22px;font-size:15px;color:#FFF;opacity:0.7;}

.ft_follow {width: 25%;float:left;}
.ft_follow .follow_share{display:flex;padding: 0 0px 25px;position:relative;}
.ft_follow .follow_share:after{content:"";display:block;position:absolute;height:1px;background: rgb(255 255 255 / 20%);width: 100%;left:0;bottom:0;}
.ft_follow .follow_share a{display:flex;justify-content:center;align-items:center;width:42px;height:42px;border-radius:50%;background:#484848;margin-right:15px;transition:.3s;}
.ft_follow .follow_share a i{display:none;position:absolute;bottom:100%;left:118px;max-width:100px;}
.ft_follow .follow_share a:hover i{display:block;}
.ft_follow .follow_share a i img{width: 100px;}
.ft_follow .follow_share a:hover{background: #009c4b;}

.ft_ewm {display: block;margin: 20px 0px;overflow: hidden;}
.ft_follow .ft_ewm li{width:50%;max-width: 150px;float: left;overflow: hidden;padding-right:20px;box-sizing: border-box;}
.ft_follow .ft_ewm li img{display:block;}
.ft_follow .ft_ewm li em{color: #F1F1F1;text-align: center;display: block;font-size:13px;}

.copy {border-top: 1px rgba(255,255,255,0.2) solid;padding:30px 0px;margin-top:60px;}
.copy section{font-size:16px;color:rgba(255,255,255,.66);display:flex;justify-content:space-between;line-height:32px;}
.copy section a{color:rgba(255,255,255,.66);}

@media only screen and (max-width:767px) {
.ft-title h4{margin-bottom:10px;}
.ft-nav{width: 100%;float: none;}
.ft-nav .nav1{width: 100%;float: none;padding-right: 0;}
.ft-nav .nav1 ul li{display:inline-block;margin-right: 15px;line-height:30px;}
.ft_con{width: 100%;float: none;padding-right: 0;}
.ft_follow{width: 100%;float: none;}
	
.copy section{display: block;}
}
@media only screen and (max-width:600px) {

}






.videoBox{position:fixed;right:10px;bottom:80px;z-index:900;width:400px;}
.videoBox video{border-radius:5px;height:230px}
@media only screen and (max-width:409px) {
.videoBox{right:0;bottom:0;width: 100%;}
.videoBox video{width:100%;}
.boyvid{padding-bottom:200px; }
}