@charset "UTF-8";
/*代码初始化*/
*{
    margin: 0;
    padding:0;
}
body, html {
    overflow-x: hidden;
    min-width: 1480px;
}
ul,ol{
    list-style: none;
}
fieldset, img, input, button {
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
}
input{
    padding-top:0;
    padding-bottom:0;
    outline:none;
}
select,input{
    vertical-align: center;
}
select,input,textarea{
    font-size:12px;
    margin:0;
}
textarea{
    resize: none;
}
img{
    border:0;
    vertical-align:middle;
}
table{
    border-collapse:collapse;
}
body{
    font-size:12px;
	font:14px/1.5 "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    color:#666;
    background-color: #fff;
}
.clearfix:before,.clearfix:after{
    content:"";
    display: table;
}
.clearfix:after{
    clear:both;
}
.clearfix{
    *zoom:1;
}
a{
    color:#666;
    text-decoration:none;
}
a:hover{
    color:#ee2d23;
}
h1,h2,h3,h4,h5,h6{
    text-decoration: none;
    font-weight: normal;
}
s,i,em{
    font-style:normal;
    text-decoration: none;
}
.col-red{
    color: #ee2d23!important;
}

/*公共类代码*/
.w{
    width:1226px;
    margin:0 auto;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.al{
    text-align: left;
}
.ac{
    text-align:center;
}
.a人{
    text-align:right;
}
.hide{
    display:none;
}
.bg-white{
    width:100%;
    min-width:1226px;
    background-color: #fff;
}
/*顶部导航条开始*/
.top-head{
    width:100%;
    min-width:1226px;
    height:40px;
    background-color: #333;
}
.top-nav li{
    float:left;
    line-height:40px;
    color:#424242;
    margin-right:8px;
}
.top-nav li a,.top-tel{
    font-size:12px;
    color:#b0b0b0;
}
.top-nav li a:hover{
    color: #fff;
}
.top-tel{
    line-height:40px;
}
/*顶部导航条结束*/

/*导航条开始*/
.nav-box{
    width:1226px;
    height:55px;
    padding:22px 0;
}
.nav{
    margin-left:80px;
}
.nav li{
    float:left;
    line-height:55px;
    margin-right:20px;
}
.nav li a{
    font-size:16px;
    color:#333;
}
.nav li a:hover{
    color:#ee2d23;
}.nav-search{
     position: relative;
 }.nav-box{
      width:1226px;
      height:55px;
      padding:22px 0;
  }
.search-box,.search-btn{
    width: 142px;
    height: 50px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    line-height: 24px;
    background: #fff;
    color: #616161;
    padding:0 10px;
    transition: border .2s;
}
.search-border{
    border:1px solid #ee2d23;
    transition: border .2s;
}
.search-btn{
    width:52px;
    height:52px;
    border-left:0;
    margin:0;
    padding: 0;
    cursor:pointer;
    background:url('../imgs/seacrh-btn.jpg') no-repeat center center;
}
.search-text{
    display: inline-block;
    font-size: 12px;
    position: absolute;
    top:50%;
    right:65px;
    margin-top:-6px;
}
.search-text-a{
    background: #eee;
    color: #757575;
    padding: 0 5px;
    transition: all .2s;
}
.search-text-a:hover{
    color:#fff;
    background:#ee2d23;
    transition: all .2s;
}
/*导航条结束*/
/*面包屑导航开始*/
.breadnav{
    width:100%;
    min-width:1226px;
    height:60px;
    border-top:1px solid #e0e0e0;
    background: #fff;
    box-shadow: 0px 5px 5px rgba(0,0,0,0.07);
}
.breadnav-l{
    font-size:18px;
    color:#212121;
    line-height:60px;
}
.breadnav-r li{
    float:left;
    line-height:60px;
    margin-right:6px;
}
.breadnav-btn{
    display:inline-block;
    width:120px;
    height:30px;
    line-height:30px;
    text-align:center;
    margin-top:15px;
    background-color: #ff6700;
    color:#fff;
    margin-left:24px;
}
.breadnav-btn:hover{
    color:#fff;
    background: #ED6700;
}
/*面包屑导航结束*/
/*第一部分*/
.video-bg-box{
    width:100%;
    position: relative;
    padding-bottom:56.25%;    /*需要用padding来维持16:9比例,也就是9除以16*/
    height: 0;
}
.video-bg{
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    z-index: -1;
}
.video-txt01{
    font-size: 57px;
    padding-top:160px;
    color:#fff;
    text-align: center;
}
.video-txt02{
    font-size:27px;
    text-align: center;
    color:#fff;
    padding-top:10px;
}
#fa-motai{color:#fff;}
.video-txt03{
    font-size: 20px;
    color:#fff;
    text-align: center;
    padding-top:35px;
}
.video-txt04{
    font-size: 20px;
    color:#afafaf;
    text-align: center;
    padding-top:100px;
    line-height:40px;
}
.video-txt04 img{
    width:50px;
}
.video-txt04 a:hover{
    color:#fff;
    transition: color .5s linear;
}
.bigimgs{
    height:690px;
    position: relative;
    margin-top:10px;
}
.bigimgs img{
    width:1226px;
    height:690px;
    position: absolute;
    left:0;
    top:0;
}
.ul-box{
    height:25px;
    padding-top:28px;
    padding-bottom:8px;
    margin-top:10px;
}
.ul-box li{
    width:245px;
    height:25px;
    border-left:1px solid #dedede;
    box-sizing: border-box;
    float: left;
    text-align: center;
}
.ul-box li:first-child{
    border:none;
}
/*关于我们开始*/
.about-box{
    width:100%;
    background-color: #fff;
    min-width:1226px;
    padding:30px 0;
}
.about{
    border-top:1px solid #e0e0e0;
    padding-top:40px;
}
.about-huomi{
    width:194px;
}
.about dt{
    margin-bottom:30px;
    font-size: 14px;
    color:#424242;
}
.about dd{
    line-height:25px;
    font-size:12px;
    color:#757575;
}
.news-info{
    margin-left:135px;
    width:566px;
}
.news-info dd{
    float:left;
    width:180px;
    margin-left:5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news-info dd:nth-child(3n-2){
    margin:0;
}
.contact{
    width:236px;
    height:136px;
	border-left: 1px solid #e0e0e0;
}
.contact-tel{
    font-size:21px;
    color:#ff6700;
    line-height:40px;
    text-align:center;
}
.contact-day,.contact-money{
    font-size: 12px;
    color:#666666;
    text-align:center;
    line-height:20px;
}
.contact-money{
    margin-bottom:15px;
}
.contact-btn{
    display:block;
    border: 1px solid #ff6700;
    background: #fff;
    color: #ff6700;
    width: 118px;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    text-align:center;
    margin:0 auto;
    transition: all .2s linear;
    box-sizing: border-box;
}
.contact-btn:hover{
    border: 0;
    background: #ff6700;
    color: #fff;
    transition: all .2s linear;
}
/*关于我们结束*/
/*友情链接开始*/

.friend-link{
    padding-top:38px;
}
.link{
    width:1109px;
}
.link a{
    line-height:18px;
}
.web-beian{
    padding-left:230px;
    margin-top:5px;
    color:#b0b0b0;
}
.fixednav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
    transition: top 1s linear;
}
/*模态框*/
.motai-video-box{
    width:100%;
    height:100vh;
    background:rgba(0,0,0,.5);
    position: fixed;
    top:0;
    left:0;
    z-index:999 !important;
    display: none;
}
.motai-video{
    width:880px;
    height:596px;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.motai-video video{
    margin-top:-20px;
}
.fixednav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
}
#fa-motai{
    cursor: pointer;
}
#closemotai{
    position: absolute;
    right:30px;
    top:20px;
    font-size:30px;
}