@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; /*font-size:14px; */font-family:"Microsoft Yahei";}
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{ margin:0; padding:0; border:0;}
img{ vertical-align:middle; border:0; margin:0; padding:0;}
button{ vertical-align:middle; cursor:pointer;}
input txt,button{ vertical-align:middle; border:none;}
ul {list-style-type:none}
li {list-style-type:none;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis')}
select,input,button,button img {vertical-align:middle;border:none}
*:focus {outline: none;}
.clearfix:after {content:".";display:block;height:0;clear:both;	visibility:hidden}
.clearfix {	zoom:1}
.clear {clear:both;	overflow:hidden;height:0px;	font-size:0px;line-height:0;}
a,a:link{ color:#333333; text-decoration:none;}
a:hover{ color:#333333; text-decoration:none;}

.lft{ float:left;}
.rgt{ float:right;}

.header .top{ background:#333333; line-height:29px; font-size:12px; color:#FFF; border-bottom:solid 1px #191818}
.header .breadcrumb{ float:left;}
.header .breadcrumb a{ color:#FFF; text-decoration:none}
.header .search{float:right;    margin-right: 14px; height: 20px;}
.header .phone{ float:right; background:url(../images/phone.png) left no-repeat; padding-left:16px}
.header .banner{ overflow:hidden; position:relative;}
.header .home-banner{ height:448px;}
.header .banner .banner-cont{ height:250px;}
.header .logo-nav{ background:#9d1f2b; width:100%; z-index:100}
.header .home-banner .logo-nav{ background:rgba(157,31,42,0.8)}
.header .logo{ line-height:108px; height:108px; text-align:center; border-bottom:solid 1px #A91B23}
.header .nav{ height:33px; line-height:33px; border-bottom:solid 1px #710F14; text-align:center; position:relative;}
.header .nav-cont{ display:inline-block}
.header .nav dt a{ font-size:14px; color:#ffffff; text-decoration:none; display:block; line-height:33px; text-align:center}
.header .nav dt a:hover{}
.header .nav dl{ float:left; font-size:14px; width:96px; color:#ffffff; text-decoration:none; /*padding:0 20px;*/}

.header .nav dt{ display:block; height:33px; }
.header .nav dt a{ color:#fff; display:block; line-height:33px; text-align:center; te}
.header .nav dd{ position:absolute; top:33px; left:0; z-index:33333; background:rgba(255,255,255,0.9);  height:0; width:100%; overflow:hidden; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}
.header .nav dd .wrp{ display:block; width:1000px; margin:auto; height:180px; overflow:hidden;}
.header .nav dd .wrp img{ display:block; float:left; margin:20px 40px 0 0;
    width: 321px;
    height: 140px;}
.header .nav dd .wrp p{ width: 278px; float: left; font-size: 14px; line-height: 26px; margin-right: 20px; padding: 15px 20px 15px 0; color: #811c21; text-align: left;}
.header .nav dd .wrp .n{ float: left;  width: 320px; padding: 15px 0px 15px 0px;text-align: left;}
.header .nav dd .wrp .n a{ position:relative; float:left; display:inline-block; min-width:85px; height:22px; padding-right:20px; line-height:22px; text-indent:10px; color:#811c21}
.header .nav dd .wrp .n a:before{ content:">"; font-size:12px;line-height: 5px; width:5px; height:8px; position:absolute; top:7px; left:-8px;transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.header .nav dd .wrp .n a:hover:before{ left:-13px; }
.header .nav dd .wrp > img{ width:320px; height:140px;}
.header .nav dl:hover dd{ display:block; height:180px;}


.header .nav dd a{ height:33px; text-align: left; text-indent: 20px; white-space: nowrap;}

.header .nav dl:hover dt{ background:rgba(157,31,42,1);}
.header .banner .d1{width:100%;height:448px;position:absolute;left:0px;top:0px; }
.header .banner .d1 h2.title{
    position: absolute;
    bottom: 50px;
    /*width: 100%;*/
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,0.5) url(/images/fc_tt.png) no-repeat 8px;
    padding: 10px 0;
	height: 30px;
    line-height: 30px;
	 font-size:15px;
	     display: inline-block;
    white-space: nowrap;    padding: 0 24px 0 100px;    left: 50%;   
}
.header .banner .d1 h2.title a{color: #fff;}
.header .banner .d1 h2.title a:hover { color: #821c21; text-decoration: none;}
.header .banner .d2{width:100%;height:4px;clear:both;position:absolute;z-index:100;left:0px;bottom:36px; text-align:center}
.header .banner .d2 ul{ display:inline-block}
.header .banner .d2 li{width:40px;height:4px;overflow:hidden;cursor:pointer; background:#888888;float:left;margin:0 15px;}
.header .banner .d2 li.nuw{ background:#FFFFFF;}

.footer{ background:#333333; text-align:center}
.footer .footer-top{ font-size:12px; color:#888888; padding-top:16px; border-bottom:solid 1px #555555}
.footer .footer-top span{ display:block; line-height:32px; padding-top:12px} 

.footer .footer-bom{ font-size:12px; color:#888888; text-align:center; line-height:21px; padding:13px 0 24px 0; border-top:solid 1px #000000}
.footer .footer-bom a{ color:#888888;}

.page li{ display:inline-block; float:left;  border:solid #ccc 1px; margin:2px;font-size: 16px;}
.page .thisclass{ border:1px red solid; padding: 5px 8px; }
.page li a{ display:block !important; width:100%;  padding: 5px 8px;}


/*友情链接*/
.flink{font-size: 12px; 
    text-align: center;
    line-height: 27px; 
    border-top: solid 1px #000000;color:#fff; }
.flink a{color:#888888;    margin: 0 3px;}


    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
