@charset "utf-8"; 
@font-face { font-family: "RanyBold";src: url(../fonts/RanyFont/Rany-Bold.otf)}
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,button,th,td,figure,figcaption {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: none;}
input,select,textarea{outline:none;}
ul li{list-style: none;}
a {text-decoration: none;cursor: pointer;color:inherit;font-size: inherit;}
a:hover,a:active,a:focus{text-decoration: none;color:inherit;}
html {outline: 0;-webkit-text-size-adjust: none;}
body {width: 100%;font-family:'Microsoft YaHei';-webkit-text-size-adjust: none;overflow-x: hidden;}
html,body{font-size: 16px;color:#333333;}
.fl {float: left;}/*左浮动*/
.fr {float: right;}/* 右浮动*/
.tal{text-align: left;}
.tac{text-align:center;}
.tar{text-align:right;}
.clear {clear: both;}/*清除浮动*/
.clearfix:after{clear:both;display: block;content: '';}/*清除浮动*/
.flexbox{display: flex;}
.scale1{overflow: hidden;}
.scale1 img{transition: all 0.5s;}
.scale1 img:hover{transition: all 0.5s;transform: scale(1.1);}

.header{width: 100%; height: auto;}
.header .navbar-inverse{ border-radius:0;width: 100%;border: none; background-color: transparent;height: 80px; transition: all 0.2s;margin-bottom:0;}
.header .navbox{width: 100%; height: 100%; margin: 0 auto; display: flex;align-items: center;justify-content: space-between;}
.header .navbar-brand{padding: 0;height: auto;}
.header .navbar-brand img{ height: 46px;} 
.navbar .navbar-collapse{color:#ccc; height: 30px;line-height: 30px; flex: 1; }
.navbar .navlist{display: flex;align-items: center; float: right;}
.navbar-nav{display: flex;flex: 1;justify-content: space-between;}  
.navbar-nav>li{/*display:inline-block;*/float: none;position: relative;padding: 15px 0;}
.navbar-nav>li>a{}
.navbar-inverse .navbar-nav>li>a{ line-height: 50px;padding:0 10px;color:#333333; position: relative; }
.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li>a:focus{color:#e61919; }
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus{background-color:transparent;color:#e61919; }
/*.navbar-inverse .navbar-nav>.active>a:after{content: "";display: block;height: 2px; width:14px;background-color:#e61919; position: absolute;bottom: 0;left: 50%;margin-left: -7px;}*/

.navbar-nav .subnav{position: absolute;z-index: 11;width: 150px;text-align: center;top: 100%;left: 50%;margin-left: -75px;display: none;}
.navbar-nav .subnav p{line-height: 55px;}
.navbar-nav .subnav p a{display: block;background-color: #ffffff; border-top: 1px solid #ccc;color: #777;}
.navbar-nav .subnav p.active a,.navbar-nav .subnav p a:hover{background-color:#e61919;color: #fff;}
.navbar-nav li:hover .subnav{display: block;}
.navbar .search-btn{ width: 30px; height: 30px; cursor: pointer;background: url(../img/icon-search.svg) center center / 22px auto no-repeat;position:relative}
.search{position:absolute;right:20px;top:80px;z-index:999;width:250px;}
.search input{display:inline-block;height:30px;vertical-align:middle;}
.search button{display:inline-block;padding:0px 10px;font-size:12px;height:30px;vertical-align:middle;}
.navbar-right1{display: flex;margin-left: 40px;}
.navbar-right1 .telbox{font-size: 20px;color: #333;font-family: Arial; padding-left: 30px;background: url(../img/tel-icon.png) left center / 22px 22px no-repeat;line-height: 30px;margin-right: 30px;}
.navbar-header{float: none;margin-left: 20px;display:none;}
.navbar-toggle{/*display: block;*/border: none;height: 30px;margin: 0;padding:0 3px;display: flex;flex-direction: column;justify-content: space-around;}
.navbar-inverse .navbar-toggle .icon-bar{width: 25px;margin: 0; background-color: #333;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: transparent; }
.navbar-inverse .navbar-toggle:hover .icon-bar,.navbar-inverse .navbar-toggle:focus .icon-bar{background-color: #e61919;}

.header .notop{transition: all 0.2s;position: fixed;background-color: #fff; z-index: 111;border-bottom: 1px solid rgba(64, 64, 64, 0.4);}
.header .navbar-inverse .navbar-brand .logo{display: block;}
.header .navbar-inverse .navbar-brand .logo1{display: none;}

/*底部*/
.footer{background:#2e2e2e;color:#cccccc;}  
.footer .foot-top{border-bottom: 1px solid rgba(108, 108, 108, 0.5); }
.footer .foot-top .flexbox{height: 120px;align-items: center;justify-content: space-between;}
.foot-links {font-size: 14px;width: 132px;border: 1px solid #ccc;height: 42px;border-radius: 2px;position: relative;}
.foot-links h4{font-size: 14px;width: 100%;height: 40px;display: flex;align-items: center;justify-content: space-between;cursor: pointer;padding: 0 20px;}
.foot-links ul{display: none;left: -1px;top:41; position: absolute;width: 132px;background-color:#ffffff;padding: 20px 10px}
.foot-links ul li{text-align: center;}
.foot-links ul li a{color: #666;line-height: 30px;}
.foot-links ul li a:hover{color: #e61919;}
.foot-links.open{background-color: #fff;color: #333;}
.foot-links.open ul{display: block; border: 1px solid #ccc;}
.foot-share{display: flex;}
.foot-share a{display: block;color: #999;width: 35px;height: 35px;border-radius: 50%;margin: 0 5px;border: 1px solid #999;text-align: center;line-height: 35px;transition: all 0.3s;}
.foot-share a:hover{color: #fff;border-color: #fff;transition: all 0.3s;}

.footer .foot-mid{padding: 40px 0;}
.footer .foot-mid .flexbox{display: flex;justify-content: space-between;min-height: 280px;}
.footer .foot-mid .foot-item{}
.footer .foot-mid .foot-lxfs{max-width: 270px;} 
.footer .foot-mid .foot-lxfs .ewm{margin-top: 10px;} 
.footer .foot-mid .foot-lxfs .ewm img{width: 100px;} 
.footer .foot-mid .foot-lxfs .footlxfs{}
.footer .foot-mid .foot-lxfs .footlxfs h4{font-size:18px;font-weight: bold;color: #fff; line-height: 40px;margin-bottom: 20px; }
.footer .foot-mid .foot-lxfs .footlxfs h4:after{content: "";display: block;margin-top: 15px;width: 16px;height: 1px; background-color: #999;}
.footer .foot-mid .foot-lxfs .footlxfs p{font-size: 14px;line-height: 30px;display: flex;}
.footer .foot-mid .foot-lxfs .footlxfs p i{ line-height: 30px; flex: 0 0 30px;color: #EC2222;}
.footer .foot-mid .foot-lxfs .footlxfs p span{display: block;color: #999}
.footer .foot-mid .foot-menu{ }
.footer .foot-mid .foot-menu dl{ }
.footer .foot-mid .foot-menu dl dt{font-size:18px;font-weight: bold;color: #fff; line-height: 40px;margin-bottom: 10px; }
.footer .foot-mid .foot-menu dl dd{line-height: 30px;}
.footer .foot-mid .foot-menu dl dd a{font-size: 14px; color:#999; }
.footer .foot-mid .foot-menu dl dd a:hover{color: #fff;} 
.footer .foot-bot{border-top: 1px solid rgba(108, 108, 108, 0.5);padding:30px 0;display: flex;justify-content: space-between;font-size: 14px;color:#999;}
.footer .foot-bot a{color:#999;}
.footer .foot-bot a:hover{color: #fff;}

.pages{margin:30px 0;text-align: center;}
.pages a{display: inline-block;height: 40px;padding:0 8px;margin:0 5px; line-height: 40px;color:#999999;  border:1px solid #ccc;  min-width: 40px;text-align: center; font-size: 14px;}
.pages a:hover,.pages a.active{border:1px solid #ec2222;color:#fff;background-color: #ec2222;}
.pages a.none,.pages a.none:hover{border:1px solid #ccc;/*background: #ccc;*/ color:#fff;cursor: default;}

.video-js{ }
.video-js .vjs-big-play-button{width: 100px;height: 100px;border-radius:50%;margin-top:-50px;margin-left: -50px;font-size: 66px;border:2px solid #fff;;}

.content{line-height: 1.75em;padding:30px 0;}
.content img{max-width: 100%;}

@media (min-width:992px) {
	.navbar-right{}
	.nav-right{margin-left: 40px;float: none;margin-top: 0;}
	.navbar-inverse .navbar-nav>li>a{padding: 0 8px;}
	.navbar-toggle{ }
	.header .navbox {
	    width: 950px;
	} 

}

@media (min-width:1200px) {
	.header .navbar-brand img {height: 50px;}
	.navbar-inverse .navbar-nav>li>a{padding: 0 15px;}
	.header .navbox {
	    width: 1170px;
	}
	.navbar-header{margin-left: 15px;}
	.navbar-right1 .telbox{margin-right: 15px;}
	.navbar-right1{margin-left: 20px;}
}

@media (min-width:1400px) {
	.container {
	    width: 1300px;
	}
	.navbar-right{margin-top: 10px;}
	.nav-right{margin-left: 70px;float: right;margin-top: 10px;}
	.navbar-inverse .navbar-nav>li>a{padding: 0 20px;}
	.header .navbox {
	    width: 1300px;
	}
}

@media (min-width:1500px) { 
	.container {
	    width: 1400px;
	}
	.header .navbox {
	    width: 1400px;
	}
}
@media (min-width:1600px) { 
	.header .navbox {
	    width: 1500px;
	}
}
@media (min-width:1800px) { 
	.header .navbox {
	    width: 1700px;
	}
	.navbar-header{margin-left: 40px;}
	.navbar-right1 .telbox{margin-right: 40px;}
	.navbar-right1{margin-left: 60px;}
}

@media(max-width:1200px){
	.navbar .search-nav{margin-left: 0;}
	.navbar-right1{margin-left: 20px;}
	.navbar-right1 .telbox{margin-right:10px;font-size:16px;}
	.navbar-header{margin-left:10px;}
	.navbar-right1{margin-left: 0px;}
}

@media(max-width:992px){ 
.header .navbox{padding:0 15px;}
.navbar .navbar-collapse{position: absolute;width: 100%;left: 0;top: 80px;  background-color: #fff;height:auto;z-index: 999;}
.navbar .navlist{display: block;float:none;}
.navbar-nav{display: block;}
.navbar-nav>li{padding:0;text-align: center;border-bottom: 1px solid #f5f5f5;}
.navbar-header{
    display: inline;
}

}
@media(max-width:768px){ 
    
	.header .navbar-inverse{height: 60px;}
.header .navbar-brand img{height: 40px;}
.navbar .navbar-collapse{top:60px;border-bottom: 1px solid #ccc;}
.navbox .navbar-nav{margin:0;}
.footer .foot-top .flexbox{flex-wrap: wrap;}
.footer .foot-mid{padding:20px 0;}
.footer .foot-mid .flexbox{flex-direction: column;}
.footer .foot-mid .foot-lxfs{max-width: none;}
.footer .foot-mid .foot-item{margin-bottom: 20px;}
.footer .foot-mid .foot-menu{ }
.footer .foot-mid .foot-menu dl dd{display: inline-block;margin-right: 15px;}
.header .navbar-inverse{}
.navbar-header{
    display: inline;
}
}