/* CSS Document */
body{PADDING-RIGHT:0px;PADDING-LEFT:0px;FONT-SIZE:12px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px;FONT-FAMILY: "微软雅黑", "宋体","黑体",Verdana, Arial, Helvetica, sans-serif;
line-height:20px; background:#fff;}
table{ margin:0 auto;border-spacing:0;border-collapse:collapse; }
img{border:0;}
ol,ul,li{padding:0px;margin:0px;list-style-type:none;}
caption,th {text-align:left;}
form,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dd,dt.input{margin:0px;padding:0px;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal; font-style:normal;} 
A:link,A:visited{TEXT-DECORATION:none; }
A:hover { TEXT-DECORATION:none; color:#8f000b;}
a{color:#333333;}
input{outline: none;}
legend{color:#000;}
fieldset,img{border:0;}
.center{text-align:center;}
.clear {clear:both; height:0; line-height:0; overflow:hidden;}
.w1200{padding:15px; width: 1170px; background: #fff; margin: 0 auto;}


.top{ height:135px;  width:100%; min-width:1200px; background:#8f000b;}
.topc{ width:1200px; height:135px; margin:0 auto; background: url(../image/za_02.png) right no-repeat;}
.toplf{ width:473px; height:75px; float:left; margin-top:30px;}

.soufrrg{width: 270px; height: 45px; float: right; margin-top: 40px;}
.soufrr105{width: 105px; height: 45px; float: left;}

.souf{ width:155px; height:30px; float: right;  background: url(../image/klb.png) no-repeat; margin-top: 10px;}
.soussld{ width:117px; float:left; height:30px; padding-left:10px;}
.soussld input{ width:117px; height:26px; line-height: 26px; background:none; border:none;}
.souan{ width:20px; height:20px; float:left;padding-top:5px; }
.dan{ height:48px; width:100%;background:#700005; }

.dahh281{width: 281px; height: 43px;padding-bottom: 10px;}
.xint280{height: 280px; width: 100%;}
.xint280lf{height: 280px; width: 376px; float: left;}
.xint422{width: 443px; float: left; height: 280px; padding-left: 20px;}
.xint310{width: 310px; float:right; height: 280px; background: #fafcf0; }



.wenw{ width:102px; float:right; height:38px;  position:relative;}
.wenw li{ width:46px; height:46px; float:left; padding-left:5px;}

#wxImg1{ position:absolute; bottom:-60px;left:0px;}
#wxImg1 img{ width:50px; height:50px;}

#wxImg2{ position:absolute; bottom:-60px;left:60px;}
#wxImg2 img{ width:60px; height:50px;}




.gid{  width:100%;  height:180px;}
.gidc{ width:100%; margin:0 auto; height:180px;}


.tozb{ width:100%; min-width:1200px; height:340px; padding:50px 0px; background:#fff;}
.tozbc{ width:1200px; height:auto; margin:0 auto;}
.tozbclf{ width:380px; float:left; height:340px;}
.tozbclft{ height:44px; background:#eeeeee; width:100%;}
.tozbclftlf{ min-width:80px;  float:left; text-align:center; padding: 0 10px; font-size:16px;color: #fff; line-height:44px; background:#990000;}
.tozbclftrr{ width:50px; float:right;font-size: 14px; text-align: right; line-height:44px; padding-right: 10px;}


.lixist{ height:auto; width:100%; }
.lixist li{ text-align:right; line-height:36px; height: 36px; background: url(../image/bf_19.png) left center no-repeat; text-indent: 10px; font-size:14px; }
.lixist li a{ float:left; text-align:left; }
.lixista{ height:auto; width:95%; margin: 0 auto;margin-top:10px;}
.lixista li{ text-align:right; line-height:31px; background: url(../image/bf_19.png) left center no-repeat; text-indent: 10px; font-size:14px; }
.lixista li a{ float:left; text-align:left; }




.foot{ height:100px; background:#700005; width:100%; min-width:1200px;}
.footc{ width:1200px; margin:0 auto; line-height: 35px; color: #fff; font-size: 14px; text-align: center;line-height: 30px;padding-top:25px;}


.bj1200{ width:1160px; padding:15px 15px 0px 15px; background:#fff; margin:0 auto;}
.bj1200dd{ width:1160px; padding:0px 15px 0px 15px; background:#fff; margin:0 auto;}

.xinw{ width:100%; height:auto; padding-bottom:20px;}
.ery{ width:230px; float:left; height:auto;}

.boant{ width:1170px; height:200px; margin:0 auto;}

.xintllff{ min-width:80px; padding:0 10px; color:#fff; margin-top:10px; background:#990000; font-size:14px; text-align:center; line-height:35px; float:left; margin-left:15px;}
.gend{ font-size:14px; min-width:60px; height:45px; line-height:45px; float:right;}
.xintl{ width:100%; border-bottom:1px solid #990000; height:45px;}
.danlm28cc{ font-size:14px; line-height:35px; width:95%; margin:0 auto; padding-top:30px;}
.danlm28cc p{ padding-bottom:15px; text-indent:28px;}

.youc830v{   height:auto; border:1px solid #ccc; }

.erjb{ height:61px; background:#990000; font-size:24px; line-height:61px; color:#fff; text-align:center;}

.erminc{ width:100%; height:47px;   background:#cbcbcb;line-height:47px; margin-bottom:2px; font-size:16px; text-indent:30px; color:#000;}

.erminca{ width:100%; height:47px; background:#eeeeee;line-height:47px; margin-bottom:2px; font-size:16px; text-indent:30px; color:#000;}
.erminca a{ display: block;}
.erminca :hover{background:#cbcbcb;}


.youc830{ float:right; width:910px; height:auto; border:1px solid #ccc;}

.genddd{ font-size:14px; min-width:60px; height:45px; line-height:45px; float:right; padding-right:10px;}

.fanyxh{ width:100%; height:40px; text-align:center; padding:5px 0px;}
.mch3{ font-size:26px; text-align:center; font-weight:bold; line-height:45px; padding-bottom:30px; padding-top: 30px;}
.mchcot{ width:95%; line-height:37px; font-size:16px; padding-top:30px; padding-bottom:10px; margin:0 auto;   }
.mchcot p{ text-indent:30px; margin-bottom:10px;}

.mch3sh{ border-bottom:1px dashed #ccc; text-align:center; font-size:14px;min-height:40px; line-height:40px;}
.lixistee{ height:auto; width:95%; margin:0 auto; margin-top:10px;}
.lixistee li{ text-align:right; line-height:33px; color:#9e9e9e; font-size:14px; }
.lixistee li a{ float:left; text-align:left; }

.sahut{ width:100%; height:240px;}
.sahut img{ width:1160px; height:240px;}


.ztgg0{  height: 101px; background: url(404.png) center no-repeat #fff;padding:25px 15px; padding-top: 0px; width: 1170px; margin: 0 auto; }

.ztgg0117{width: 1020px; height: 79px; float: right; margin-top: 33px;}
.ztgg0117 li{ width: 110px; float: left; height: 60px; margin-left: 15px; background: #eeeeee; line-height: 60px; text-align: center; font-size: 16px;}
.zg{width: 1170px;background: #fff; height: 210px; padding:0px 15px 15px 15px; margin: 0 auto;}




.tongz{width: 1198px; border: 1px solid #e0e0e0; height: 360px; margin: 0 auto;}
.tongzbt{ height: 274px; width: 100%; margin: 0 auto; margin-top: 15px;}
.tongzblf740{ width: 740px; float: left; height: 274px; padding-top: 10px;}
.kk213{float:left; height:274px;width: 213px; padding-left: 25px; }
.kk213 img{ width: 213px; height: 150px; margin: 0 auto;}
.kk213 h3{ font-size: 16px; line-height: 35px;}
.kk213 p{ line-height: 30px; color: #898989; font-size: 14px;}

.to435{ width: 435px; float:  right; height:274px; padding-right: 20px;}
.zht84 {width: 1200px; height: 84px; margin: 0 auto; margin-top: 15px;}
.zht84 li{width: 277px; height: 84px; float: left; margin-right: 30px;}

.qih348{height: 348px; width: 1200px; margin: 0 auto; margin-top: 15px;}
.qih348lf{width: 585px; height: 346px;border: 1px solid #e0e0e0; float: left;}
.qih348rr{width: 585px; height: 346px;border: 1px solid #e0e0e0; float: right;}

.cont{padding:0px;}
.hidden{display:none;}
.scrolldoorFrame{width:100%;overflow:hidden;}
.scrollUl{width:100%;overflow:hidden;height:44px; margin:0 auto; background: #f1f1f1;}
.scrollUl li{float:left;}
.sd01{cursor:pointer; background:#a60c0e;font-family:"微软雅黑";height:44px; line-height:44px; color:#fff; font-size:16px;min-width:73px; padding: 0 10px; text-align:center; }
.sd02{cursor:pointer; font-family:"微软雅黑";height:44px; line-height:44px; color:#000; font-size:16px;min-width:73px;padding: 0 10px; text-align:center; }
.sd01 a{color:#fff}
.sd01 a:hover{color:#fff}
.hc95{width: 95%; margin: 0 auto ;height: auto; margin-top: 10px;}

.tdwftrr{ width:50px; float:right;font-size: 14px; text-align: right;position: absolute; top: -54px;right: 5px; line-height:44px; padding-right: 10px;}
.tdbnr{ width:50px; float:right;font-size: 14px; text-align: right;position: absolute; top: -44px;right: 5px; line-height:44px; padding-right: 10px;}


.tfecgz{width: 1198px; border: 1px solid #e0e0e0; height: 235px; margin: 0 auto; margin-top: 15px;}

.scroll_horizontal{position:relative;width:1140px;height:158px;padding:20px;line-height:20px; margin: 0 auto;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1140px;height:158px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:190px;text-align:center; color: #000; line-height: 30px;}

.zahs30{width: 1200px; height: 30px; margin: 0 auto; padding: 10px  0px; background: #e2e2e2; margin-top:15px; margin-bottom: 15px;}
.zahs30lf{ width: 130px; line-height: 30px; float: left; text-align: center; line-height: 30px; font-size: 16px;}
.zahs30rr{ width: 1070px; float: right; height: 30px;}
.zahs30kk{ width: 180px; float: left; padding: 0 38px;height: 30px;}




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    overflow-x: hidden;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/*demo CSS*/

.main-content{
    width: 100%;
}
.title{
    margin: 20px 30px;
}
.image-list{
    width: 100%;
    padding: 20px;
    background-color: #f2f2f2;
}
.image-list .cover{
    position: relative;
    width: 160px;
    height: 230px;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    cursor: pointer;
}
.image-list .cover img{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*main CSS*/
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width: 1000px;
    height: 700px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #ff2e67;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../image/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../image/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../image/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../image/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../image/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../image/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../image/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../image/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #ff2e67;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../image/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../image/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}



#pictureViewer .picture-content img

{

width:900px;


}



#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}