@charset "utf-8";
* {word-wrap:break-word;word-break:break-all;}
* {box-sizing:border-box;}
html{min-width:1300px;}
body {
    padding:0;margin:0 auto;
    text-align: center;vertical-align:middle;
    font-family:'Microsoft Yahei','Helvetica Neue',Helvetica,Tahoma,Arial,'Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;
    color:#262626;line-height:28px;font-size:16px;
    background-color:#f7f7f7;
}

img,p,form {margin:0;padding:0;border:0;}
ul,li{list-style:none;padding:0;margin:0;}
h1,h2,h3 {margin:5px 0;padding:5px 0;}
input,textarea,button {font-family:'Microsoft Yahei',"Helvetica Neue",Helvetica,Tahoma,Arial,'Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;}
button{cursor: pointer;}
.l {float:left;}
.r {float:right;}
.clear {clear:both;font-size:0; line-height:0; height:0; visibility:hidden;}
.hide{display: none;}
.pointer {cursor:pointer;}
.text-justify{text-align: justify;text-justify: inter-ideograph;}
.text-right{text-align: right;}

/*	链接样式	*/
a {color:#262626;transition:all .3s;}
a:hover {text-decoration: none;color: #ea644a;}
a:link,a:visited,a:active {text-decoration: none;}

a.nav-link{color:#282828;}
a.nav-link:hover {text-decoration:none; color:#ffffff;}
a.nav-link:link,a.nav-link:visited,a.nav-link:active {text-decoration:none;}

a.white-link {color:#fff;}
a.white-link:hover {text-decoration:none; color:#FC3957;}
a.white-link:link,a.white-link:visited,a.white-link:active {text-decoration:none;}

a.red-link{color: #c40c0a;}
a.red-link:hover {text-decoration:none;color:#484848; }
a.red-link:link,a.red-link:visited,a.red-link:active {text-decoration:none;}

a.blue-link {color:#00a1e9;}
a.blue-link:hover {text-decoration:none;color:#f90; }
a.blue-link:link,a.blue-link:visited,a.blue-link:active {text-decoration:none;}

a.green-link{color:#155f50;}
a.green-link:hover {text-decoration:none;color:#444444; }
a.green-link:link,a.he-link:visited,a.he-link:active {text-decoration:none;}

a.yellow-link{color:#F1B352;}
a.yellow-link:hover {text-decoration:none;color:#ff9900; }
a.yellow-link:link,a.huang-link:visited,a.huang-link:active {text-decoration:none;}

a.gray-link {color:#848484;}
a.gray-link:hover {text-decoration:none;color:#efefef; }
a.gray-link:link,a.gray-link:visited,a.gray-link:active {text-decoration:none;}

.wrap{margin:0 auto;width: 1200px;overflow: hidden;}
.wrap-page{margin:20px auto;width: 1200px;background-color: #f0f0f0;border-radius:4px;display:flex;justify-content:space-between;align-content:stretch;overflow: hidden;}
.wrap-page .wrap-page-l{flex:none;width: 240px;}
.wrap-page .wrap-page-r{flex:auto;width: 100%;background-color: #ffffff;padding:30px 40px;overflow: hidden;}

.leftNavTitle{float: left;width: 100%;margin-bottom:10px;padding:30px 10px;font-size:24px;color:#bf0d0d;border-bottom:1px solid #e0dcdc;text-align: center;overflow: hidden;}
.left-nav-box{float: left;width: 100%;margin-bottom:20px;overflow: hidden;}
.left-nav-box ul{float: left;width: 100%;overflow: hidden;}
.left-nav-box ul li{float: left;width: 100%;padding:6px 10px;color:#505062;text-align: center;overflow: hidden;}
.left-nav-box .selected,
.left-nav-box ul li:hover{background-color: #505062;color:#ffffff;}
.left-nav-box .selected a,
.left-nav-box ul li:hover a{color:#ffffff;}

.left-nav-ad-box{float: left;width: 100%;overflow: hidden;}
.left-nav-ad-box ul li{float: left;width: 100%;margin-bottom: 20px;overflow: hidden;}
.left-nav-ad-box ul li img{float: left;width: 100%;}

.rightNavTitle{float: left;width: 100%;line-height:30px;overflow: hidden;}
.rightNavTitle b{float:left;font-size:24px;font-weight: normal;}
.rightNavTitle span{float:right;font-size:12px;}

.cate-wrap{margin: 20px auto;width: 1200px;background-color: #ffffff;padding:20px;border-radius: 4px;overflow: hidden;}
.cate-wrap ul{display: flex;flex-flow: row wrap;justify-content: space-between;align-content: center;align-items: center;}
.cate-wrap ul li{flex:auto;width: 15%;margin:5px;background-color: #f7f7f7;padding:0 10px;text-align: center;height: 45px;line-height: 45px;overflow: hidden;}
.cate-wrap .selected,
.cate-wrap ul li:hover{background-color: #505062;color:#ffffff;}
.cate-wrap .selected a,
.cate-wrap ul li:hover a{color:#ffffff;}

.topline{width: 100%;min-width:1200px;height: 30px;line-height: 30px;background-color: #3f3f3f;background:url(../Images/headbg.jpg) repeat-x left bottom;font-size:12px;color:#ffffff;overflow: hidden;}
.header{float:left;width: 100%;min-width: 1200px;background-color: #ffffff;}
.header .header-main{margin:0 auto;width: 1200px;}
.header .header-main .logo{float: left;width: 350px;height: 90px;background: url(../Images/logo.png) no-repeat left center;overflow: hidden;}
.header .header-main .logo a{float: left;width: 100%;height: 90px;display: block;}
.nav{float: right;width: 800px;height: 90px;}
.nav .nav-ul{float: left;width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;align-content: center;align-items: center;}
.nav .nav-li{flex:auto;width: 10%;height:90px;position: relative;}
.nav .nav-li .name{float: left;width: 100%;height: 90px;line-height: 90px;text-align: center;font-weight: bold;font-size:20px;overflow: hidden;}
.nav .nav-li:hover .name, .nav .selected .name{background-color: #e30011;color: #ffffff;}

.nav .nav-drop{display:none;transition:all .2s;position: absolute;z-index:100;top:90px;left:0;width: 100%;padding:5px 0px;text-align: center;background-color: #f00315;color: #ffffff;overflow: hidden;}
.nav .nav-drop .nav-drop-li{float: left;width: 100%;padding:5px 10px;font-size:14px;color: #ffffff;transition: all .2s;overflow: hidden;}
.nav .nav-drop .nav-drop-li a{color: #ffffff;}
.nav .nav-drop .nav-drop-li:hover{background-color: rgba(255,255,255,.4);}

.banner{float: left;width: 100%;min-width:1200px;margin-bottom:30px;overflow: hidden;}
.banner img{float: left;width: 100%;}

.sbanner{float: left;width: 100%;min-width:1200px;margin-bottom:0px;overflow: hidden;}
.sbanner img{float: left;width: 100%;}

.headlines{margin:0 auto;width: 1200px;padding:0;text-align: justify;overflow: hidden;}
.headlines ul li{float: left;width: 100%;margin-bottom:30px;overflow: hidden;}
.headlines ul li b{float: left;width: 100%;height:60px;line-height:60px;padding:0 20px;font-size:30px;text-align: center;overflow: hidden;}
.headlines ul li p{float: left;width: 100%;line-height:30px;font-size:16px;text-align: left;overflow: hidden;}

.index-pic-news{float: left;width: 550px;height: 350px;margin-bottom:30px;overflow: hidden;}
.index-news-box{float: right;width: 620px;overflow: hidden;}
.index-news-box ul li{float: left;width: 100%;overflow: hidden;}
.index-news-box .index-news-box-lia{margin-bottom:10px;background-color: #fafafa;padding:10px;text-align:left;overflow: hidden;}
.index-news-box .index-news-box-lia b{float:left;width: 100%;height:30px;line-height:30px;font-size:20px;font-weight:normal;overflow: hidden;}
.index-news-box .index-news-box-lia p{float:left;width: 100%;height:25px;line-height:25px;font-size:14px;text-align:justify;overflow: hidden;}
.index-news-box .index-news-box-lib{height:35px;line-height:35px;text-align:left;overflow: hidden;}
.index-news-box .index-news-box-lib span{float: right;font-size:14px;color:#dbdbdb;}
.index-news-box .morea{float: left;width: 100%;height: 30px;line-height: 30px;position: relative;overflow: hidden;}
.index-news-box .morea b {float: right;background-color: #ffffff;color: #c40c0a;padding-left:20px;font-size:14px;font-weight:normal;overflow: hidden;}
.index-news-box .morea b::before{content: '';border-bottom:1px solid #dbdbdb;position: absolute;left:0;right:70px;top:15px;}

.index-news-wrap{float: left;width: 1230px;overflow: hidden;}
.index-news-wrap .index-news-wrap-cate {float: left;width: 380px;margin-right: 30px;margin-bottom: 30px;overflow: hidden;}
.index-news-wrap .index-news-wrap-cate .title-box{float: left;width: 100%;height: 50px;border-bottom:1px solid #dbdbdb;overflow: hidden;}
.index-news-wrap .index-news-wrap-cate .title-box .name{float: left;color:#bf0d0d;font-size:23px;line-height: 50px;overflow: hidden;}
.index-news-wrap .index-news-wrap-cate .title-box .more{float: right;width:65px;color:#efefef;overflow: hidden;}
.index-news-wrap .index-news-wrap-cate .title-box .more i{float:left;width: 20px;height:50px;line-height: 50px;font-size:28px;text-align: center;overflow: hidden;}
.index-news-wrap .index-news-wrap-cate .title-box .more span{float: left;width: 40px;line-height: 15px;font-size:12px;padding-top:8px;text-align: center;overflow: hidden;}
.index-news-wrap .index-news-wrap-cate .title-box .more a{color: #efefef;}
.index-news-wrap .index-news-wrap-cate .title-box .more a:hover{color:#333333;}
.index-news-wrap .index-news-main{float: left;width: 100%;height:340px;overflow: hidden;}
.index-news-wrap .index-news-main .index-news-main-img{float: left;width: 100%;height: 80px;margin: 10px 0;overflow: hidden;}
.index-news-wrap .index-news-main .index-news-main-img img{float: left;width: 100%;height: 80px;border:0;}
.index-news-wrap .index-news-main .index-news-main-li{float: left;width: 100%;height: 30px;line-height: 30px;text-align:left;overflow: hidden;}
.index-news-wrap .index-news-main .index-news-main-li span{float: right;font-size:14px;color:#dbdbdb;}

.index-full{float: left;width: 100%;min-width: 1200px;background-color:#fafafa;padding:20px 0;overflow: hidden;}
.index-full .index-yewu{float: left;width:380px;margin-right: 30px;margin-bottom: 20px;overflow: hidden; }
.index-full .index-yewu .title-box{float: left;width: 100%;overflow: hidden;}
.index-full .index-yewu .title-box .name{float: left;color:#bf0d0d;font-size:23px;line-height: 50px;overflow: hidden;}
.index-full .index-yewu .index-yewu-box{float: left;width: 390px;margin-top:10px;overflow: hidden;}
.index-full .index-yewu .index-yewu-box .yewu-li{float: left;width: 185px;height: 65px;padding:9px;border:1px solid #dbdbdb;display: flex;flex-flow: row nowrap;justify-content: space-between;align-content: center;align-items: center;margin-right: 10px;margin-bottom: 10px;overflow: hidden;}
.index-full .index-yewu .index-yewu-box .yewu-li:hover{background-color: #ffffff;border:1px solid #616a8b;}
.index-full .index-yewu .index-yewu-box .yewu-li .imgbox{flex:none;float: left;width: 45px;height: 45px;overflow: hidden;}
.index-full .index-yewu .index-yewu-box .yewu-li .imgbox img{float: left;width: 45px;height: 45px;}
.index-full .index-yewu .index-yewu-box .yewu-li .name{flex:auto;float: left;width: 120px;line-height:20px;color:#636c8d;padding-left:20px;text-align:left;overflow: hidden;}
.index-full .index-yewu .index-yewu-box .cul-li{float: left;width: 380px;height: 215px;border:1px solid #dbdbdb;overflow: hidden;}
.index-full .index-yewu .index-yewu-box .cul-li img{float: left;width: 380px;height: 215px;}
.index-full .index-yewu .index-yewu-box .cul-li:hover{background-color: #ffffff;border:1px solid #616a8b;}

.index-full .index-zhuanti{float: left;width:380px;padding-top:5px;overflow: hidden; }
.index-full .index-zhuanti ul li{float: left;width: 100%;margin-bottom: 10px;overflow: hidden;}
.index-full .index-zhuanti ul li img{float: left;width: 100%;height: 130px;}

.index-case{margin:0 auto;margin-bottom:10px;padding:20px 10px;width: 1200px;background-color:#ffffff;overflow: hidden;}
.index-case .index-case-li{padding:0 10px;}
.index-case .index-case-li img{float: left;width: 100%;height: 145px;}

.bottom-line{float: left;margin-top:0px;width: 100%;min-width:1200px;height: 50px;line-height:50px;background-color: #bf0d0d;color: #ffffff;overflow: hidden;}
.bottom{float: left;width: 100%;min-width:1200px;background-color:#e9e9e9;overflow: hidden;}
.bottom .link-box{background-color:rgba(255,255,255,.5);display:none;margin:20px auto 0 auto;width: 1200px;padding:20px;text-align: justify;overflow: hidden;}
.bottom .link-box a{padding:0 10px;}
.bottom .bottom-main{
    margin: 0 auto;width: 1200px;background: url(../Images/botlogo.png) no-repeat left center;
    padding-left:400px;padding-top:20px;padding-bottom:20px;text-align: justify;overflow: hidden;}

.content {float: left;width: 100%;text-align: justify;line-height:30px;overflow: hidden;}
.content img{max-width: 100%;}
.content .title{float: left;margin-top:30px;width: 100%;text-align: center;line-height:30px;font-size:26px;overflow: hidden;}
.content .toolbox{float: left;width: 100%;height: 35px;line-height: 35px;color:#999999;margin:10px 0;font-size:14px;text-align: center;overflow: hidden;}
.content .demo{float: left;width: 100%;border-left:5px solid #505062;font-size:14px;line-height:25px;margin-bottom: 10px;background-color: #f7f7f7;padding:10px;text-align: justify;overflow: hidden;}
.content .movie{float: left;width:100%;padding:10px;margin:10px 0;background-color: #444444;overflow: hidden;}
.content .movie video{float: left;width: 100%;}

.content .music{float: left;width:100%;padding:10px;margin:10px 0;background-color: #444444;overflow: hidden;}
.content .music audio{float: left;width: 100%;}

.content .files {float: left;width: 100%;margin-top:10px;padding:10px 0px;border-top:1px dashed #efefef;border-bottom:1px dashed #efefef;text-align:left;overflow: hidden;}
.content .files a {float: left;width:40px;height:40px;line-height: 30px;padding:5px 20px 5px 5px;background-color: #ea644a;color: #ffffff;margin: 10px 10px 10px 0px;border-radius:20px;overflow: hidden;}
.content .files a i {float: left;width: 30px; line-height: 30px;margin-right:10px;text-align: center;background-color: #ffffff;color: #ea644a;border-radius: 50%;overflow: hidden;}

.perv-next{float: left;width: 100%;margin-top:20px;border-top:1px dotted #dbdbdb;padding:20px 20px;text-align: left;overflow: hidden;}
.perv-next ul li{float: left;width: 100%;line-height:25px;padding:5px 0;text-align: left;font-size:16px;overflow: hidden;}

.list{float: left;width: 100%;padding-top:10px;overflow: hidden;}
.list-pic-li{float:left;width: 100%;padding:20px 0;border-bottom:1px dotted #dbdbdb;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;overflow: hidden;}
.list-pic-li .imgbox{flex:none;float: left;width: 260px;overflow: hidden;}
.list-pic-li .imgbox img{float: left;width: 100%;}
.list-pic-li .textbox{flex:auto;float: left;width: 100%;padding-left:20px;overflow: hidden;}
.list-pic-li .textbox i{float: left;margin-bottom:10px;font-style:normal;transition:all .2s;text-align: left;font-size:12px;border-radius: 15px;background-color: #f7f7f7;padding:0 20px;height: 30px;line-height: 30px;overflow: hidden;}
.list-pic-li:hover .textbox i{background-color:#505062;color:#ffffff;}
.list-pic-li .textbox b{float: left;width: 100%;margin-bottom:10px;font-size:20px;text-align: left;overflow: hidden;}
.list-pic-li .textbox p{float: left;width: 100%;font-size:14px;line-height:25px;text-align: justify;color:#999999;overflow: hidden;}

.list-pic-ul{float: left;width:100%;margin-left:-5px;overflow: hidden;}
.list-pic-li-item{float:left;width: 25%;padding:5px;overflow: hidden;}
.list-pic-li-item .imgbox{float: left;width: 100%;border:1px solid #dbdbdb;overflow: hidden;}
.list-pic-li-item .imgbox img{float: left;width: 100%;}
.list-pic-li-item b{float: left;width: 100%;height:35px;line-height:35px;font-weight:normal;padding:0 10px;font-size:16px;text-align: center;overflow: hidden;}


.list-text-li{float:left;width: 100%;padding:20px 0;border-bottom:1px dotted #dbdbdb;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;overflow: hidden;}
.list-text-li .datebox{transition:all .2s;flex:none;float: left;width: 100px;height: 100px;padding:15px;background-color:#f7f7f7;color:#505062;overflow: hidden;}
.list-text-li .datebox b{float: left;width:100%;text-align: center;font-size:40px;height: 40px;line-height: 40px;overflow: hidden;}
.list-text-li .datebox span{float: left;width:100%;text-align: center;font-size:14px;height: 30px;line-height: 30px;overflow: hidden;}
.list-text-li:hover .datebox{background-color:#505062;color:#ffffff;border-radius: 4px; }

.list-text-li .textbox{flex:auto;float: left;width: 100%;padding-left:20px;overflow: hidden;}
.list-text-li .textbox b{float: left;width: 100%;margin-bottom:10px;font-size:20px;text-align: left;overflow: hidden;}
.list-text-li .textbox p{float: left;width: 100%;font-size:14px;line-height:25px;text-align: justify;color:#999999;overflow: hidden;}


/*	自适应幻灯	*/
.fullSlide {clear:left;float:left;position:relative;width:100%; height:350px; background:#ffffff;overflow:hidden;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {position:relative;width:100% !important;text-align:center;background-attachment: fixed;height: 350px; overflow:hidden;}
.fullSlide .bd li img {width:100%;height:350pxborder:0;}
.fullSlide .bd li b {float:left; width:100%;padding:0 10px; background-color: #111; background-color: rgba(1,1,1,.5); color: #fff;line-height: 40px; height: 40px;text-align: left;font-size:16px; position:absolute; bottom:0px; left:0px; z-index:99; overflow: hidden;}
.fullSlide .bd li a {display:block; color: #fff;float: left; width:100%;height:100%;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:50px;left:0;height:20px;line-height:20px;}
.fullSlide .hd ul {text-align:right;padding-right:20px;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:20px;height:20px;text-align:center;line-height:20px;margin:5px; background: #000000; background:rgba(0,0,0,.5);border-radius:50%;font-size:0px;overflow:hidden;}
.fullSlide .hd ul .on {background:#ea644a;width:20px; border-radius: 10px;}
.fullSlide .prev,.fullSlide .next {position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../Images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:5%;background-position:-6px -137px;}

/*	页码 	*/
.page {float:left; width:100%;line-height:30px; text-align:center;padding:15px 0px; font-size:13px;overflow:hidden;}
.page ul li{float: left;margin:0px;padding:0px;overflow: hidden;}
.page .rows{float: left;margin:2px;background: #1580cb; color: #fff;border-radius:2px;padding:0px 10px;overflow: hidden;}
.page .current {float:left;margin:2px;border-radius:2px;padding:0px 10px;background: #1580cb; color: #fff;}
.page .num{float:left;margin:2px;border-radius:2px;padding:0px 10px;background: #ccc; color: #fff;}
.page .next {float:left;margin:2px;border-radius:2px;padding:0px 10px;background: #4681c4; color: #fff;}
.page .prev {float:left;margin:2px;border-radius:2px;padding:0px 10px;background: #4681c4; color: #fff;}
.page .end {float:left;margin:2px;border-radius:2px;padding:0px 10px;background: #4681c4; color: #fff;}
.page .first {float:left;margin:2px;border-radius:2px;padding:0px 10px;background: #4681c4; color: #fff;}


.rightkf{ position: fixed; z-index: 20; right: -125px; bottom: 100px; width: 180px; overflow: hidden;}
.rightkf .kflia{float: left; width: 100%; height: 55px;
    text-align: left;
    padding-left:0px;
    font: 16px/53px 'Microsoft YaHei';
    background-color: #066eb7;
    background-color: rgba(100,100,100,.6);
    color: #fff;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    margin-bottom:5px;
    cursor:pointer;
    overflow: hidden;
}
.rightkf .kflib{
    float: left; width: 100%;
    height: 55px;
    text-align: left;
    padding-left:0px;
    font: 16px/53px 'Microsoft YaHei';
    background-color: #066eb7;
    background-color: rgba(100,100,100,.6);
    color: #fff;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    overflow: hidden;
}
.kflib:hover,.kflia:hover {background:#000 ;}
.rightkf .kflia i,.rightkf .kflib i {float:left;width:55px; height:55px;text-align:center;font-size:28px; line-height: 55px;}
.kflib .kfewm {float: left; margin-left: 15px; width:150px; margin-bottom: 10px; background: #f90; overflow: hidden;}
.kflib .kfewm img {float: left; width: 150px;}

/*  图片动画    */
.animateimg{
    transition: All 1s ease-in-out;
    -webkit-transition: All 1s ease-in-out;
    -moz-transition: All 1s ease-in-out;
    -o-transition: All 1s ease-in-out;
}

.animateimg:hover{
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
}