@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,img{margin:0;padding:0;}
body{font-size:14px; color:#000; font-family:"微软雅黑", "宋体"; min-width:1200px;}
body a{text-decoration:none;}
a:link,a:visited{color:#000;}
a:hover{color:#d11a1d;}
/*去掉图形热点的点击时出现的边线*/
a,area{blr:expression(this.onFocus=this.blur());}  /*for IE*/   
:focus{-moz-outline-style:none; outline:none;}     /* for Firefox*/
img{border:0;}
ul,li{list-style-type:none;}
.fl{float:left;}
.fr{float:right;} 
.clear{clear:both; height:0;}

.head{width:100%; height:149px; background:url(../images/topbg.jpg) no-repeat;}
.main{width:1200px; margin:0 auto;}
.logo{width:1200px; height:87px; padding:31px 0;}

/* 手机导航菜单 */
.menuBtn{border:none; width:32px; height:32px; text-indent:-900em; overflow:hidden; position:absolute; top:12px; right:3%; cursor:pointer; outline:none; background:#fff url(../images/navbg.png) no-repeat center center; background-size:15px 16px; border-radius:3px; display:none;}
.wapMenu a{display:block; font-size:16px; color:#fff;}
.wapMenu{background:#bd001e; right:-1000px; position:fixed; top:0; display:block; height:100%; width:68%; min-width:140px; max-width:440px; z-index:90002; transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; overflow:auto;}
.wapMenu.menu-open{right:0;}
.menu-dark-backdrop{background:rgba(0,0,0,0); transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; width:100%; position:fixed; top:0; left:0; right:0; overflow:hidden;}
.menu-dark-backdrop.in{height:100%; z-index:90001; background:rgba(0,0,0,0.5);}
.wapMenuWrap{padding:20px;}
.wapMenuWrap ul{border-bottom:#ff3555 1px solid;}
.wapMenuWrap ul li{min-height:40px; line-height:40px; border-top:#ff3555 1px solid; border-bottom:#8b0016 1px solid;}
.wapMenuWrap ul li:first-child{border-top:0;}
.wapMenuWrap ul li a{display:block; height:40px; line-height:40px; position:relative; background:url(../images/r.png) no-repeat right center; background-size:auto 12px;}
.wapMenuWrap ul li .inactive{background:url(../images/off.png) no-repeat right center; background-size:16px 16px;}
.wapMenuWrap ul li .inactives{background:url(../images/on.png) no-repeat right center; background-size:16px 16px;} 
.wapMenuWrap ul li ul{display:none; border-bottom:0;}
.wapMenuWrap ul li ul li{padding-left:20px; border-bottom:0;border-top:0;}
.wapMenuWrap ul li ul li ul{display:none;}
.wapMenuWrap ul li ul li a{font-size:14px;}
.wapMenuWrap ul li ul li ul li{}
.wapMenuWrap ul li ul li ul li a{}

.menu{width:100%; height:40px; background:#212223;}
.menu ul{width:1190px; height:40px; margin:0 auto;}
.menu ul li{width:170px; height:40px; line-height:40px; text-align:center; float:left;}
.menu li a:link,.menu li a:visited{display:block; height:40px; line-height:40px; font-size:16px; color:#fff;}
.menu li a:hover{color:#fff; background:#f30;}

.banner{width:100%; height:600px; overflow:hidden; position:relative; margin:0 auto;}
.banner .bd{position:relative; height:100%; z-index:0;}
.banner .bd li{zoom:1; vertical-align:middle; width:100%; height:600px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.banner .hd{width:100%; height:12px; text-align:center; overflow:hidden; position:absolute; left:0; bottom:20px; z-index:1; text-align:center;}
.banner .hd ul{overflow:hidden; zoom:1; clear:both;}
.banner .hd ul li{display:inline-block; margin:0 5px; width:12px; height:12px; border-radius:50%; background:#fff; cursor:pointer; text-indent:-999px; font-size:0;}
.banner .hd ul li.on{background:#bc001d;}
.banner .prev, .banner .next{position:absolute; left:20px; top:50%; margin-top:-40px; display:block; width:50px; height:80px; background:rgba(0,0,0,0.1) url(../images/l.png) no-repeat center center; filter:alpha(opacity=50);opacity:0.5; cursor:pointer;}
.banner .next{left:auto; right:20px; background:rgba(0,0,0,0.1) url(../images/r.png) no-repeat center center;}
.banner .prev:hover, .banner .next:hover{background-color:rgba(0,0,0,0.5);}

.gg{width:100%; height:167px; padding:30px 0; background:#bd001e;}
.gg h1{width:187px; height:167px; float:left;}
.gg .ggText{height:167px; margin-left:225px; color:#fff;}
.gg .ggText h2{height:30px; line-height:30px; font-size:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gg .ggText p{height:78px; line-height:26px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-size:14px;}
.gg .ggText span{display:block; height:36px; padding-top:8px; text-align:right;}
.gg .ggText span a{display:inline-block; padding:0 15px; border:#fff 1px solid; height:34px; line-height:34px; color:#ff0;}
.gg .ggText span a:hover{color:#ff0; border-color:#ff0;}

.about{width:100%; padding:50px 0; background:url(../images/bg1.jpg) repeat;}
.about h1{text-align:center; height:135px;}
.aboutTxt{background:#fff; border:#666 1px dashed; padding:10px; line-height:34px; font-size:16px;}
.about .aboutPic{width:360px; padding-right:20px; float:left;}

.dsj{width:100%; height:500px; background:url(../images/dsj.jpg) no-repeat center center;}
.dsj h1, .dsj ul{display:none;}

.pro{width:100%; padding:50px 0; height:812px; background:url(../images/bg2.jpg) no-repeat top center fixed; background-size:cover;}
.pro h1{width:100%; height:110px; background:url(../images/proH.png) no-repeat center center; float:left;}
.pro ul{width:1230px; float:left;}
.pro ul li{width:380px; height:288px; margin:30px 30px 0 0; float:left;}
.pro ul li a{display:block; width:380px; height:288px; overflow:hidden; position:relative; float:left;}
.pro ul li a img{width:380px; height:288px;}
.pro ul li a p{width:360px; height:30px; line-height:30px; padding:0 10px; text-align:center; background:#bc001d; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:absolute; left:0; bottom:-30px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.pro ul li a:hover p{bottom:0;}
.pro .more{width:100%; height:36px; padding-top:30px; text-align:center;}
.pro .more a{display:inline-block; padding:0 15px; border:#fff 1px solid; height:34px; line-height:34px; color:#ff0;}
.pro .more a:hover{color:#ff0; border-color:#ff0;}

.news{width:100%; padding:50px 0; background:url(../images/bg1.jpg) repeat;}
.news h1{height:130px; text-align:center;}
.newsList{width:100%; padding-top:30px;}
.nL{width:394px; height:296px; border:#898989 3px solid; float:left; position:relative; overflow:hidden;}
.nL .bd{position:relative; height:100%; z-index:0;}
.nL .bd li{width:394px; height:296px; position:relative;}
.nL .bd li img{width:394px; height:296px;}
.nL .bd li p{width:259px; height:36px; line-height:36px; background:rgba(0,0,0,0.5); color:#fff; position:absolute; left:0; bottom:0; padding:0 125px 0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nL .hd{height:20px; text-align:center; overflow:hidden; position:absolute; right:10px; bottom:8px; z-index:1; text-align:center; float:right;}
.nL .hd ul{overflow:hidden; zoom:1; clear:both;}
.nL .hd ul li{display:inline-block; margin-left:3px; width:20px; height:20px; line-height:18px; background:#474747; cursor:pointer; font-size:12px; color:#f0f0f0; float:left;}
.nL .hd ul li.on{background:#bc001d;}

.nR{width:770px; height:302px; padding-left:30px; overflow:hidden;}
.nR ul{width:770px; height:318px; float:left;}
.nR li{height:60px; padding:15px; background:#fff; margin-bottom:16px; float:left;}
.nR li .nH{width:100%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.nR li .nH span{float:right; padding-left:20px; color:#999; font-weight:normal;}
.nR li .nC{width:100%; height:36px; line-height:18px; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:12px; margin-top:4px;}

.foot{width:100%; padding-top:50px; background:#d11a1d; border-top:#000 5px solid;}
.foot dl{width:1200px; margin:0 auto;}
.foot dl dd{width:1200px; height:94px; text-align:center; float:left;}
.foot dl dt{width:100%; padding:35px 0; line-height:30px; color:#fff; text-align:center; float:left; font-size:12px;}
.foot dl dt a{color:#fff;}
.foot dl dt a:hover{color:#ff0;}

.ny{width:100%; background:url(../images/bg1.jpg) repeat; border-top:#d11a1d 3px solid;}
.ny .main{background:#fff; padding:30px; width:1140px; min-height:500px;}
.ny_left{width:200px; background:#f6f6f6;}
.ny_left h1{height:40px; line-height:40px; text-align:center; color:#fff; background:#d11a1d; font-size:18px; font-weight:normal;}
.ny_left li{height:40px; border-bottom:#dedede 1px solid;}
.ny_left li a{display:block; height:40px; line-height:40px; padding:0 20px; background:url(../images/a01.png) no-repeat 175px center;}
.ny_left li a:hover,.ny_left li.on a{color:#d11a1d; background-image:url(../images/a02.png);}

.list_dt{background:#efefef url(../images/close.png) no-repeat 175px center; color:#333; padding:0 20px; height:40px; line-height:40px; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; border-bottom:1px solid #dedede;}
.list_dt:hover{color:#bd001e;}
.list_dt:hover ._after{display:block; width:3px; height:100%; position:absolute; left:0; top:0; background:#4285F4;}
#open{background:#efefef url(../images/open.png) no-repeat 175px center; color:#bd001e;}
.list_dd{display:none;}
.list_dd ul{padding:10px 0;}
.list_dd li{height:36px; border-bottom:0;}
.list_dd li a{height:36px; line-height:36px;}

.ny_right{width:900px; padding-left:40px;}
.post{width:100%; height:39px; line-height:39px; border-bottom:#ccc 1px solid; color:#d11a1d; font-size:16px; font-weight:bold;}
.post span{float:right; font-size:14px; color:#a4a4a4; font-weight:normal;}
.post span i{font-style:normal;}
.post p{float:left;}
.ny_about{width:100%; line-height:30px; padding-top:10px;}

.ny_news{width:100%; padding-top:10px;}
.ny_news li{height:40px; line-height:40px; border-bottom:#dbd4cd 1px dotted; background:url(../images/a01.png) no-repeat left center; padding-left:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny_news li span{float:right; color:#999; padding-left:10px;}

.ny_menu{width:100%; overflow:hidden; padding-top:18px; float:left;}
.ny_menu p{width:1152px; float:left;}
.ny_menu a{display:block; width:132px; height:40px; line-height:40px; text-align:center; background:#dedede; font-size:16px; margin:12px 12px 0 0; float:left;}
.ny_menu a.on,.ny_menu a:hover{background:#d11a1d; color:#fff;}

.ny_pro{width:100%; overflow:hidden;}
.ny_pro ul{width:930px; float:left;}
.ny_pro ul li{width:280px; padding:30px 30px 0 0; float:left;}
.ny_pro ul li a{display:block; width:100%; height:100%; text-align:center;}
.ny_pro ul li a span{display:table-cell; width:280px; height:210px; vertical-align:middle; background:#fff; overflow:hidden;}
.ny_pro ul li a span img{max-width:280px; max-height:210px; vertical-align:middle;}
.ny_pro ul li a p{width:100%; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.page{width:100%; text-align:center; margin-top:30px;}
.page a,.page span{display:inline-block; padding:0 12px; height:30px; line-height:30px; border:#d5d5d5 1px solid; margin:0 3px; font-size:14px;}
.page a.pn{font-size:12px;}
.page a:hover{border-color:#bc001d;}
.page span{background:#bc001d; color:#fff; border-color:#bc001d;}

.ny_title{width:100%; line-height:30px; font-size:16px; font-weight:bold; text-align:center; margin:10px 0;}
.ny_info{width:100%; height:30px; line-height:30px; background:#f1f1f1; color:#333; text-align:center; font-size:12px;}
.ny_info span{padding-left:30px;}
.ny_img{width:100%; margin-top:15px; text-align:center;}
.ny_img img{max-width:75%;}
.ny_text{width:100%; margin-top:10px;}
.ny_pn{width:100%; margin-top:20px;}
.ny_pn p{width:100%; height:30px; line-height:30px; color:#999;}
.ny_pn p b{color:#000;}

@media only screen and (min-width : 300px) and (max-width : 1199px){
    body{min-width:100%;}
    .main{width:100%;}
    
    .top{display:none;}
    .head{height:56px; position:relative;}
    .logo{margin-left:3%; height:36px; padding:10px 0;}
    .logo img{height:36px;}
    
    .menu{display:none;}
    
    .menuBtn{display:block;}
    
    .banner, .banner .bd, .banner .bd li, .banner .bd li a{height:240px;}
    .banner .hd{bottom:20px; height:12px;}
    .banner .hd ul li{width:8px; height:8px; margin:0 5px;}
    .banner .prev, .banner .next{display:none;}
    
    .gg{width:94%; height:auto; padding:20px 3%; background:#bd001e;}
    .gg h1{width:20%; height:0; padding-top:20%; position:relative; float:left;}
    .gg h1 img{width:100%; height:100%; position:absolute; left:0; top:0;}
    .gg .ggText{height:auto; margin-left:22%; color:#fff;}
    .gg .ggText h2{font-size:16px;}
    .gg .ggText p{height:40px; line-height:20px; -webkit-line-clamp:2; margin-top:0;}
    .gg .ggText span{height:30px;}
    .gg .ggText span a{padding:0 10px; height:28px; line-height:28px;}
    
    .about{width:94%; padding:20px 3%; background:url(../images/bg1.jpg) repeat;}
    .about h1{width:100%; height:0; padding-top:24%; background:url(../images/aboutHwap.png) no-repeat center center; background-size:auto 100%;}
    .about h1 img{display:none;}
    .aboutTxt{background:#fff; border:#666 1px dashed; padding:10px; line-height:30px; font-size:14px; margin-top:20px;}
    .about .aboutPic{width:100%; height:0; padding-top:60%; position:relative; padding-right:0; float:left; margin-bottom:10px;}
    .about .aboutPic iframe{width:100%; height:100%; position:absolute; left:0; top:0;}
    
    .dsj{width:94%; margin:20px 3%; height:auto; background:none;}
    .dsj h1{display:block; width:100%; text-align:center;}
    .dsj h1 img{max-width:80%;}
    .dsj ul{border-left:#000 2px solid; padding:5px 0; display:block; margin-top:20px;}
    .dsj ul li{line-height:20px; margin:5px 0; padding-left:20px; position:relative;}
    .dsj ul li span{display:block; width:15px; height:2px; position:absolute; left:0; top:14px; background:#000;}
    .dsj ul li p{height:30px; line-height:30px; color:#bd001e; margin-bottom:5px; font-weight:bold;}
    
    .pro{padding:20px 0; height:auto;}
    .pro h1{width:100%; height:0; padding-top:24%; background:url(../images/proHwap.png) no-repeat center center; background-size:auto 100%;}
    .pro ul{width:97%; padding:1.5%; float:left;}
    .pro ul li{width:47%; height:auto; margin:1.5%;}
    .pro ul li a{display:block; width:100%; height:0; padding-top:75%; overflow:hidden; position:relative; float:left;}
    .pro ul li a img{width:100%; height:100%; position:absolute; left:0; top:0;}
    .pro ul li a p{width:96%; height:30px; line-height:30px; padding:0 2%;}
    .pro .more{width:100%; height:36px; padding-top:10px; text-align:center;}
    .pro .more a{display:inline-block; padding:0 15px; border:#fff 1px solid; height:30px; line-height:30px; color:#ff0;}
    .pro .more a:hover{color:#ff0; border-color:#ff0;}
    
    .news{width:94%; padding:20px 3%; background:url(../images/bg1.jpg) repeat;}
    .news h1{width:100%; height:0; padding-top:24%; background:url(../images/newsHwap.png) no-repeat center center; background-size:auto 100%;}
    .news h1 img{display:none;}
    .newsList{width:100%; padding-top:20px;}
    .nL{display:none;}
    .nR{width:100%; height:auto; padding-left:0; overflow:hidden;}
    .nR ul{width:100%; height:auto; float:left;}
    .nR li{width:100%; height:auto; padding:10px; background:#fff; margin-bottom:12px; float:left; box-sizing:border-box;}
    .nR li .nH span{display:none;}
    
    .foot{width:94%; padding:20px 3% 0;}
    .foot dl{width:100%; margin:0 auto;}
    .foot dl dd{width:100%; height:auto; text-align:center; float:left;}
    .foot dl dd img{max-width:80%;}
    .foot dl dt{width:100%; padding:15px 0; line-height:30px; color:#fff; text-align:center; float:left; font-size:12px;}
    .foot dl dt span{display:none;}
    
    .ny{background:none;}
    .ny .main{padding:0; min-height:300px; width:100%;}
    .ny_left{display:none; width:100%;}
    .ny_left li a{background:url(../images/a01.png) no-repeat 94% center !important;}
    
    .list_dt{background:#efefef url(../images/close.png) no-repeat 94% center;}
    #open{background:#efefef url(../images/open.png) no-repeat 94% center;}
    
    .ny_right{width:100%; padding-left:0;}
    .post{width:94%; min-width:94%; height:30px; line-height:30px; border-bottom-width:3px; padding:0 3%;}
    .post span{font-size:12px; float:left;}
    .post span i{color:#d11a1d;}
    .post p{display:none;}
    .ny_about{width:94%; line-height:30px; padding:10px 3% 0;}
    
    .ny_news{width:94%; padding:10px 3% 0;}
    .ny_news li{height:32px; line-height:32px;}
    
    .ny_menu{width:97%; padding:1.5%; border-bottom:#ccc 3px solid;}
    .ny_menu p{width:100%;}
    .ny_menu a{display:block; width:47%; height:36px; line-height:36px; font-size:14px; margin:1.5%;}
    
    .ny_pro{width:97%; padding:1.5%;}
    .ny_pro ul{width:100%;}
    .ny_pro ul li{width:47%; padding:1.5% 1.5% 0;}
    .ny_pro ul li a span{display:block; width:100%; height:0; padding-top:75%; position:relative;}
    .ny_pro ul li a span i{display:table-cell; width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; vertical-align:middle;}
    .ny_pro ul li a span i img{max-width:100%; max-height:100%;}
    
    .page{margin:10px 0 20px;}
    .page a,.page span{display:none;}
    .page a.pn{font-size:14px; display:inline-block; margin:0 20px;}
    
    .news_tit{margin-top:10px;}
    .news_tit h4{font-size:16px;}
}