@font-face {
    font-family:'SourceHanSerifCN-SemiBold';
    src: url('SourceHanSerifCN-SemiBold.eot')format('eot');
    src: url('SourceHanSerifCN-SemiBold.woff')format('woff'),
    url('SourceHanSerifCN-SemiBold.otf')format('otf'),
    url('SourceHanSerifCN-SemiBold.ttf')format('ttf'),
    url('SourceHanSerifCN-SemiBold.svg')format('svg');
}
body {
    font-size: 12px;
    font-family:"SourceHanSerifCN-SemiBold","", sans-serif;
    min-width: 1100px;
}
html {
    *overflow-x: hidden;
}
*, p, h1, ul, li, input, img, figure, h3, h1, h2, dl, dd, dt {
    margin: 0;
    padding: 0;
}
ul, ol, li, dl, dt, dd {
    list-style: none;
}
a {
    text-decoration: none;
    outline: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0;
}
.clear {
    clear: both;
}
:-moz-placeholder {
    color: #939393;
}
::-moz-placeholder {
    color: #939393;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #939393;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #939393;
}
input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], textarea {
    -webkit-appearance: none;
    border: none;
    outline: none;
}
.box {
    clear: both;
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}
.lf {
    float: left;
}
.rg {
    float: right;
}
body ::selection {
color: #FFFFFF;
background-color: #0085b9;
text-shadow: none;
}
body ::-moz-selection {
color: #FFFFFF;
background-color: #0085b9;
text-shadow: none;
}

/* 首页 */

.header{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    min-width: 1100px;
    height: 158px;
    background: url("../img/header_bg.png") no-repeat center top;
    z-index: 999;
}
.nav{
    /*display: inline-block;*/
    text-align: center;
}
.nav li{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 95px;
    height: 132px;
    margin: 0 12px;
}
.nav li a{
    font-size: 22px;
    color: #fff;
    position: relative;
    top:60px;
    transition: 0.2s all linear;
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
}
.nav li:before{
    display: none;
}

.nav li:hover:before{
    display: block;
}
.nav li.active:before{
    display: block;
}
.nav li.active a{
    color: #7d0000;
}
.nav li a.logo{
    position: relative;
    top:20px;
}
#nav1:before{
    position: absolute;
    left: 0;
    content: '';
    height: 104px;
    border-right:95px solid #ffd803;
    border-bottom:7px solid transparent;
    border-top:0px solid transparent;
}
#nav2:before{
    position: absolute;
    left: 0;
    content: '';
    height: 114px;
    border-right:95px solid #ffd803;
    border-bottom:7px solid transparent;
    border-top:0px solid transparent;
}
#nav3:before{
    position: absolute;
    left: 0;
    content: '';
    height: 124px;
    border-right:95px solid #ffd803;
    border-bottom:7px solid transparent;
    border-top:0px solid transparent;
}
#nav4:before{
    position: absolute;
    left: 0;
    content: '';
    height: 124px;
    border-left:95px solid #ffd803;
    border-bottom:7px solid transparent;
    border-top:0px solid transparent;
}
#nav5:before{
    position: absolute;
    left: 0;
    content: '';
    height: 114px;
    border-left:95px solid #ffd803;
    border-bottom:7px solid transparent;
    border-top:0px solid transparent;
}
#nav6:before{
    position: absolute;
    left: 0;
    content: '';
    height: 104px;
    border-left:95px solid #ffd803;
    border-bottom:7px solid transparent;
    border-top:0px solid transparent;
}
#nav1:hover:before{
    border-right:95px solid #570000;
}
#nav2:hover:before{
    border-right:95px solid #570000;
}
#nav3:hover:before{
    border-right:95px solid #570000;
}
#nav4:hover:before{
    border-left:95px solid #570000;
}
#nav5:hover:before{
    border-left:95px solid #570000;
}
#nav6:hover:before{
    border-left:95px solid #570000;
}
#nav1.active:hover:before{
    border-right:95px solid #ffd803;
}
#nav2.active:hover:before{
    border-right:95px solid #ffd803;
}
#nav3.active:hover:before{
    border-right:95px solid #ffd803;
}
#nav4.active:hover:before{
    border-left:95px solid #ffd803;
}
#nav5.active:hover:before{
    border-left:95px solid #ffd803;
}
#nav6.active:hover:before{
    border-left:95px solid #ffd803;
}

/*banner*/
.banner{ width:100%; height:690px; overflow:hidden; position:relative;  }
.banner .hd{ height:20px; overflow:hidden; position:absolute; right:0; bottom:5px;width: 100%; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1;text-align: center ; }
.banner .hd ul li{display: inline-block; vertical-align:middle;margin:0 2px;  width:12px; height:12px;border-radius: 50%; text-indent: -9999px; background: rgba(255, 255, 255, 0.7); cursor:pointer; }
.banner .hd ul li.on{ width:16px; height:16px;  }
.banner .bd{ position:relative;left:50%;  margin-left:-960px;width: 1920px; height:690px; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:1920px; height: 690px; display:block;  }

/*foot*/
.foot{
    background: url("../img/bg.jpg") no-repeat center top;
    background-size: cover;
}
.foot1{
    height: 160px;
    background: rgba(255, 255, 255, 0.2);
}

.foot-announcement{
    width: 50%;
    float: left;
    margin-top: 30px;
    text-align: center;
}
.notice-box{
    display: inline-block;
    width: 310px;
    height: 120px;
    overflow: hidden;
}
.notice-box img{
    float: left;
}
.notice-box .bd{
    clear: left;
    overflow: hidden;
    width: 310px;
    height: 78px;
}
.notice-box ul{
    overflow:hidden;
    zoom:1;
}
.notice-list li{
    text-align: left;
    height: 26px;
    line-height: 26px;
}
.notice-list li a{
    display: block;
    line-height: 26px;
}
.notice-list li a:hover p{
    font-weight: bolder;
}
.notice-list p{
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.foot1-right{
    float: right;
    width: 50%;
    text-align: center;
}
.foot1-right ul{
    margin-top: 70px;
}
.foot1-right li{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}
.foot1-right li img{
    max-width: 60px;
}
.foot2{
    padding-top: 40px;
}
.foot2 p{
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    color: #8e8e8e;
}
.foot2 a{
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    color: #8e8e8e;
    text-decoration:none;
}
.foot2 ul{
    text-align: center;
    margin-bottom: 30px;
}
.foot2 li{
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
}
.foot2 li a{
    position: relative;
    top:0;
    color: #fff;
    font-size: 22px;
}
.foot2 li:hover a{
    position: relative;
    top:-6px;
    transition: 0.2s all linear;
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
}
.main{
    margin-top: 30px;
    padding:0 40px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.main-top{
    position: relative;
    height: 42px;
    margin-bottom: 20px;
}
.main-top p{
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #333;
    position: absolute;
    right: 0;
    top:0;
}
.main-con{
    float: left;
    width: 750px;
    padding: 0 48px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.main-con h2{
    font-size:30px;
    color: #000;
    padding: 0 10%;
    margin-bottom: 20px;
    text-align: center;
    font-weight: normal;
}
.main-con p{
    font-size:15px;
    color: #000;
    line-height: 30px;
    font-weight: normal;
}
.main-con img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.main-nav-box{
    width: 230px;
    float: right;
}
.main-nav{
    width: 225px;
    border: 1px solid #a0a0a0;
    padding: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
}
.main-nav-img{
    position: relative;
    width: 100%;
}
.main-nav-img img{
    width: 100%;
}
.main-nav-img span{
    position: absolute;
    left:0;
    bottom: 40px;
    width: 135px;
    font-size: 20px;
    color: #76161b;
    text-align:center ;
    background: rgba(255, 255, 255, 0.5);
}
.main-nav li{
    border-top: 1px solid #a0a0a0;
    line-height: 36px;
    font-size: 16px;
    color: #000;
    text-align: center;
}
.main-nav li:first-child{
    border-top: none;
}
.main-nav li a{
    display: block;
    color: #000;
}
.main-nav li.active a,
.main-nav li:hover a{
    display: block;
    color: #76161b;
}
.code-img{
    display: block;
    width: 114px;
    margin: 35px auto 0;
}
.list1{
    overflow: hidden;
    text-align: center;
}
.list1 li{
    width: 46%;
    display: inline-block;
    vertical-align: top;
    padding: 0 16px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.list1 li img{
    max-width: 100%;
    -webkit-box-shadow: 0 3px 6px #cccc;
    -moz-box-shadow:  0 3px 6px #cccc;
    box-shadow:  0 3px 6px #cccc;
}
.main-con h3{
    font-size: 25px;
    text-align: center;
    font-weight: bolder;
    margin-bottom: 20px;
}
.main-con h3 img{
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
    width:auto;
}
.label-span{
    display: inline-block;
    height: 30px;
    padding: 0 10px;
    border-radius: 3px;
    color: #fff;
    font-size: 22px;
    background: #7d0000;
}
.label-span p{
    display: inline-block;
    text-indent: 0;
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
}
.map{
    margin-top: 10px;
}
.map img{
    width: auto;
}
.map-addr{
    position: relative;
    margin-bottom: 30px;
}
.map-addr p{
    position: absolute;
    bottom: 96px;
    left: 110px;
    z-index: 11;
}
.fw-box{
    position: relative;
}
.fw-con{
    position: absolute;
    top:100px;
    left: 27px;
    width: 600px;
    z-index: 11;
}
.fw01{
    position: relative;
    overflow: hidden;
    font-size: 14px;
    color: #000;
    line-height: 38px;
    margin-bottom: 15px;
}
.fw01 span{
    float: left;
    width: 80px;
    height: 38px;
    margin-left: 60px;
}
.fw01 .codes,
.fw01 input{
    position: relative;
    float: left;
    width: 336px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #f0f0f0;
}
.fw01 .codes input{
    width: 230px;
    padding: 0 10px;
    position: absolute;
    left:0;
    top:0;
    border: none;
}
.codes-img{
    position: absolute;
    right: 0;
    margin: 0;
    height: 36px;
    width: 110px;
    border-left:1px solid #f0f0f0;
}
.codes-img img{
    height: 36px;
    width: 110px;
}
.fw01 a{
    float: left;
    font-size: 12px;
    color: #00b4ca;
}
.fw01 input[type="button"]{
    width: 358px;
    background: #44b242;
    color: #fff;
    font-size: 18px;
    letter-spacing: 3px;
    cursor:pointer;
}
.fw01 input[type="button"]:active{
    background: #42a540;
}
.fw-p{
    font-size: 14px;
    color: #686868;
    margin-left: 130px;
}
.pro-list li{
    /*background:#f3ffe2 ;*/
    margin-bottom: 30px;
}
.prev,.next{
    background: #7d0000;
    height: 26px;
    color: #fff;
    font-size: 14px;
    padding: 0 12px;
    border-radius: 15px;
    line-height: 26px;
}
.prev{
    float: left;
    display:none;
}
.next{
   float: right;
   display:none;
}
.new-list li{
    overflow: hidden;
    margin-bottom: 35px;
}
.new-list li img{
    float: left;
    width: 204px;
    height: 108px;
    border-radius: 3px;
}
.new-intro{
    width: 420px;
    float: right;
    color: #000;
}
.new-intro:hover{
    text-decoration: underline;
}
.new-intro h3{
    font-size: 18px;
    padding: 0;
    margin-bottom: 5px;
    text-align: left;
}
.new-intro p{
    height: 60px;
    font-size: 12px;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.new-intro span{
    font-size: 12px;
    line-height: 20px;
    display: block;
    color: #7d0000;
}





/*--*/
/*
(1)位置属性(position, top, right, z-index, display, float等)
(2)大小(width, height, padding, margin)
(3)文字系列(font, line-height, letter-spacing, color- text-align等)
(4)背景(background, border等)
(5)其他(animation, transition等)
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;

	opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;

    transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);

    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;

    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;

     li:nth-of-type(odd){ margin-left: 20px;}奇数行
     li:nth-of-type(even){margin-left: 10px;}偶数行

    white-space: nowrap;text-overflow: ellipsis; overflow:hidden;
*/

.video-Box{
    position: relative;
    float: left;
    width: 750px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*.slideTxtBox{ width:450px; border:1px solid #ddd; text-align:left;  }*/
.video-nav-tap{ position:absolute;   top:290px;right:0;height:177px;width: 65px;background: url("../img/video5.png") no-repeat center top;}
.video-nav-tap ul{margin-top: 10px; }
.video-nav-tap ul li{display: block; margin: 33px auto 0; }
.video-nav-tap ul li img{display:block; margin: 0 auto; }
.video-nav-tap ul li.on{}
.video-box-lf{
    float: left;
    width: 672px;
    height: 542px;
    background: url("../img/index31.jpg") no-repeat center top;
}
.video{
    position: relative;
    width: 617px;
    height: 358px;
    margin: 27px;
    background: pink;
}
.video-tap{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.video-tap{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}
.video-list{
    width: 570px;
    height: 284px;
    padding: 20px;
    margin: 36px auto;
    background: rgba(192, 193, 194, 0.6);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.video-top{
    font-size: 16px;
    color: #575757;
    overflow: hidden;
}
.video-top p{
    float: left;
    font-size: 16px;
    color: #575757;
}
.video-top span{
    float: right;
    cursor: pointer;
}


.multipleColumn{ overflow:hidden; position:relative; width:530px;text-align: center; margin: 0 auto;  }

.multipleColumn  .prev,.multipleColumn .next{position: absolute; top:90px;display:block;  width:30px; height:30px;  overflow:hidden;padding: 0;
    cursor:pointer;}
.multipleColumn .next{right: 0; background:url("../img/right.png") no-repeat;background-size: 100% 100%;}
.multipleColumn .prev{left: 0; background:url("../img/left.png") no-repeat; background-size: 100% 100%; }

.multipleColumn .bd{ overflow:hidden; width: 485px;margin: 0 auto; }
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:100%; margin-top: 20px;margin-left: 10px; float:left; _display:inline;  }
.multipleColumn .bd ul li{ margin:0 5px 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.multipleColumn .bd ul li .pic{ text-align:center; }
.multipleColumn .bd ul li .pic img{ width:106px; height:67px; display:block;  }
.multipleColumn .bd ul li .pic a:hover img{   }
.multipleColumn .bd ul li .title{ line-height:24px;   }

.time-tap{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: pink;

}

.main-con {
    padding: 0;
}
.main-con img {
    width:654px;
    display: block;
    margin: 0;
    max-width: 100%;
}
.qiehuan{
    position: absolute;
    top:275px;
    right:0;
    width:65px;
    height:177px;
    z-index: 11;
    background:url(../img/video5.png) no-repeat;
}
.qiehuan p{
    border:1px solid #666;
    border-radius:50px;
    width:40px;
    height:35px;
    line-height:14px;
    font-size:14px;
    text-align:center;
    padding-top:5px;
    margin:30px auto;
    cursor:pointer;
}
.qiehuan-jt{
    display:none;
    width:570px;
    height:285px;
    position: absolute;
    top:60px;
    left:40px;
    z-index:20;
    background-color:rgba(255,255,255,0.8)
}
.qiehuan-jt div{
    overflow:hidden;
}
.qiehuan-jt div p{
    float:left;
    margin:20px;
}
.qiehuan-jt div img{
    width:15px;
    float:right;
    margin:20px;
}
.qiehuan-jt ul{
    z-index:20;
    overflow:hidden;
    margin:0 28px;
}
.qiehuan-jt li{
    width:106px;
    text-align:center;
    float:left;
    margin:0 11px;
}

.jtxs{
    display:block !important;
}
.qiehuan-sj{
    display:none;
    width:570px;
    position: absolute;
    bottom: 185px;
    left:40px;
    z-index:20;
    text-align:center;
}
.qiehuan-sj li{
    background:#8a8b8d;
    display:inline;
    color:#fff;
    width:500px;
    line-height:16px;
    margin:0 2px;
    padding:0 10px;
    text-align:center;
}