tagtagtagtagtag/*MS 2018.6.10 */
/*QQ:24231001 MAIL:24231001@QQ.COM*/




/*---------------重置 全局样式 样式--------------- */

body{margin: 0px; padding: 0px; font-size: 14px; font-family:Microsoft YaHei,"微软雅黑",'Microsoft Yahei','PingFang SC',"Helvetica Neue", Helvetica, Tahoma, Arial,'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;background: #fcfcfc;font-weight: normal !important;  color: #666;}
ul,li,p{list-style: none; margin: 0px; padding: 0px;}

::-webkit-scrollbar{width:8px; height:5px;}
::-webkit-scrollbar-track {background-color:#fff;-webkit-border-radius:5em;-moz-border-radius:5em;border-radius:5em;}
::-webkit-scrollbar-thumb {background-color:#ccc;-webkit-border-radius:5em;-moz-border-radius:5em;border-radius:5em;}


@font-face {
  font-family: 'din';
  src: url('../font/din-webfont.woff') format('woff'),
       url('../font/din-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


/*字体通用*/

.f-30{font-size: 30px;}
.f-28{font-size: 28px;}
.f-26{font-size: 24px;}
.f-24{font-size: 24px;}
.f-22{font-size: 22px;}
.f-20{font-size: 20px;}
.f-18{font-size: 18px;}
.f-16{font-size: 16px;}
.f-14{font-size: 14px;}
.f-12{font-size: 12px;}

a.f-30{font-size: 30px;}
a.f-28{font-size: 28px;}
a.f-26{font-size: 24px;}
a.f-24{font-size: 24px;}
a.f-22{font-size: 22px;}
a.f-20{font-size: 20px;}
a.f-18{font-size: 18px;}
a.f-16{font-size: 16px;}
a.f-14{font-size: 14px;}
a.f-12{font-size: 12px;}

a{font-size: 14px; text-decoration:none; color:#333;}
a:hover{text-decoration:none; color: #ec1616; transition: .5s all ease;}

/*超出文字显示省略号*/
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/*遮罩背景*/
.mark_box{background:rgba(0,0,0,.8);position: fixed; left:0px; top:0px; bottom:0px; right:0px; z-index:90000000; display:flex; justify-content: center;}

.imgwidth img{max-width: 800px; margin: auto;}



/*--------------- 样式开始 MS 2018.9.7 ---------------*/

.header{ display: block; border-bottom: 3px #e62129 solid; height: 175px;}
.header ul{width: 1200px; margin: auto; display: flex; justify-content: space-between;}
.header ul .logo{display: block;padding-top: 30px; width: 80px;}

.header .nav_sidebar{padding-top: 25px;}
.header .nav_sidebar .tel{height: 40px; line-height: 40px; font-family: 'din';color: #e62129;font-size: 30px;text-align: right; padding-top: 20px;}
.header .nav_sidebar .tel p{background: url(../images/tels.png) no-repeat left center;padding-left: 40px; display:inline-block;}

.header .nav_sidebar .menu{width: 750px; display: flex; justify-content: space-between; padding: 45px 0 0 0;}
.header .nav_sidebar .menu a{font-size: 18px; position: relative; }
.header .nav_sidebar .menu a:after{content: ''; position: absolute; right: -50px; top: 5px; background: url(../images/bg_line.png) no-repeat left center; width: 10px; height: 20px;}
.header .nav_sidebar .menu a:last-child:after{display: none;}


.fullSlide{ min-width:1000px; position:relative;  height:550px; overflow:hidden;}
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:550px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:550px; }

.fullSlide .hd{left:0px; right:0px; bottom:30px; position:absolute; z-index:1;overflow:hidden; text-align:center;}
.fullSlide .hd ul{width:140px; margin:auto; display:inline-block;}
.fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; background:#999; border-radius:100px; width:10px; height:10px; text-align:center; line-height:15px;font-size:10px; color:#fff;}
.fullSlide .hd ul li.on { background:#f00; }


.title{display: block;text-align: center; padding: 50px 0;}
.title p:first-child{font-size: 26px; color: #e62129;position: relative; display: inline-block;font-weight: bold;}
.title p:first-child:after{content: ''; width: 220px; background: #999; height: 1px; position: absolute; left: -300px; top: 80%;}
.title p:first-child:before{content: ''; width: 220px; background: #999; height: 1px; position: absolute; right: -300px; top: 80%;}
.title p:last-child{font-size: 16px; color: #999;font-family: 'din'; position: relative;}
.title p:last-child:after{content: ''; background: url(../images/title_bg.png) no-repeat bottom center; position:absolute; left: 0px; right: 0px; bottom: -10px; width: 100%; height: 3px;}


.ppsy{margin:0 auto; background: #f5f5f5; padding-bottom: 60px;}

.ppsy .key{display: block; width: 1200px; margin: 0 auto;}
.ppsy .key ul{width: 100%;display: flex;align-items: center; justify-content: space-between;gap:20px;}
.ppsy .key li{text-align: center; background: #fff; padding: 32px; box-sizing: border-box;flex: 1;min-height: 220px;}
.ppsy .key li img{width: 54px; height: auto;}
.ppsy .key li strong{display: block;margin-top: 16px;}
.ppsy .key li b{color: #f00;font-size: 24px;}
.ppsy .key li span{font-size: 16px;color: #666; display: block;margin-top: 10px;}


.gsjj{width: 1200px; margin:0 auto 60px auto;}
.gsjj .text{line-height: 40px; font-size: 16px; color: #666;}
.gsjj .tag{display: flex; justify-content: space-around; width: 1200px; margin: 40px auto;}
.gsjj .tag div:first-child{background: url(../images/ico_jy.png) no-repeat center 20px;}
.gsjj .tag div:nth-child(2){background: url(../images/ico_td.png) no-repeat center 20px;}
.gsjj .tag div:last-child{background: url(../images/ico_yth.png) no-repeat center 20px;}

.gsjj .tag div{border: 1px #dfdfdf solid; padding: 20px 20px 30px 20px; box-sizing: border-box; text-align: center; width: 330px;}
.gsjj .tag div p:first-child{padding-top: 90px;font-weight: bold;font-size: 16px;}
.gsjj .tag div p:nth-child(2){font-size: 12px; color: #999;font-family: 'din'; padding-top: 5px;position: relative;text-align: center;}
.gsjj .tag div p:nth-child(2):before{content: ''; width: 50px; margin: auto; height: 3px; background: #e62129; position: absolute; left: 0px; right: 0px; bottom: -15px; border-radius: 10px;}
.gsjj .tag div p:last-child{padding-top: 25px;font-size: 14px;  color: #666; line-height: 21px;}

.gsjj .tag div:hover{border: 1px #f00 solid;}



.zyyw{background: url(../images/beat.png) no-repeat center center; height: 520px;}
.picMarquee-left{width: 1200px; margin: auto; position: relative;}
.picMarquee-left .bd{ padding-top: 20px;}
.picMarquee-left .picList{width: 100%; height: 280px;}
.picMarquee-left .picList li{width: 270px; height: 280px; margin-right: 40px;}
.picMarquee-left .tempWrap{width: 100% !important;}
.picMarquee-left .picList img{width: 270px; height: 240px; border: 2px #fff solid;}
.picMarquee-left p{height: 60px; line-height: 60px; text-align: center; display: block; }
.picMarquee-left a.next{background: url(../images/ico_l_arr.png) no-repeat left center; height: 40px; width: 40px; display: inline-block; position: absolute; left: -60px; top: 45%; z-index: 100; cursor: pointer;}
.picMarquee-left a.prev{background: url(../images/ico_r_arr.png) no-repeat left center; height: 40px; width: 40px; display: inline-block; position: absolute; right: -60px; top: 45%; z-index: 100;cursor: pointer;}
.picMarquee-left a.next:hover{opacity: .5; border: 1px #fff solid; border-radius: 100px;}
.picMarquee-left a.prev:hover{opacity: .5; border: 1px #fff solid; border-radius: 100px;}



.case{display: block;}
.case .tab{display: block; text-align: center;}
.case .tab a{background: #f5f7f9; padding: 10px 15px; color: #7e7f7f; margin: 0 10px;}
.case .tab a:hover{background: #e62129; color: #fff;}


.case_list{display: block; margin:50px auto 20px auto; max-width: 1920px;}
.case_list li{width: 20%; float: left;position: relative; overflow: hidden;}
/* .case_list li p{position: absolute; left: 0px; right: 0px; bottom: -40px; background: rgba(230,33,41,.7); height: 40px; line-height: 40px; color: #fff; text-align: center;} */
.case_list li p{position: absolute; left: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,.4); height: 40px; line-height: 40px; color: #fff; text-align: center;transition: 1s all ease;}
.case_list li:hover p{background: rgba(230,33,41,.7);transition: 1s all ease;}
.case_list li:hover p{bottom:0px; transition: 1s all ease;}
.case_list li img{width: 100%; height: 280px;}


.page{display: block;text-align: center; margin: 40px 0 0 0;font-size: 14px;}
.page a{font-size: 14px; border: 1px #eee solid; padding: 8px; box-sizing: border-box;margin: 0 4px;}
.page a:hover{background: #f00;color: #fff;border: 1px #f00 solid;font-weight: bold;}


.footer{background: #000; color: #fff; text-align: center; padding: 20px 0;font-size: 14px;font-family: 'din';}
.footer a{color: #fff; margin-left: 20px;}


.lx{padding: 50px 0;text-align: center;}
.lx .logo:first-child{font-size: 26px; color: #e62129;position: relative; display: inline-block;}
.lx .logo:first-child:after{content: ''; width: 220px; background: #999; height: 1px; position: absolute; left: -300px; top: 60%;}
.lx .logo:first-child:before{content: ''; width: 220px; background: #999; height: 1px; position: absolute; right: -300px; top: 60%;}
.lx .dz{color: #666; padding: 20px 0;}
.lx .tel{background: url(../images/telss.png) no-repeat center top;padding-top: 25px; color: #666;}
.lx .tels{font-size: 20px; font-family: 'din';color: #e62129; padding: 5px 0;}

.lx .ico{display: block;}
.lx .ico div{display: inline-block; margin: 10px;}
.lx .ico .qq{background: url(../images/ico_qq.png) no-repeat center center; width: 32px; height: 32px;}
.lx .ico .wx{background: url(../images/ico_wx.png) no-repeat center center; width: 32px; height: 32px; position: relative;}
.lx .ico .wb{background: url(../images/ico_wb.png) no-repeat center center; width: 32px; height: 32px;}
.lx .ico .qq:hover{background: url(../images/ico_qqs.png) no-repeat center center; width: 32px; height: 32px;}
.lx .ico .wx:hover{background: url(../images/ico_wxs.png) no-repeat center center; width: 32px; height: 32px;}
.lx .ico .wb:hover{background: url(../images/ico_wbs.png) no-repeat center center; width: 32px; height: 32px;}
.lx .ico a{display: block; width: 32px; height: 32px;}
.lx .ico .wx img{display: none;}
.lx .ico .wx a:hover img{display:block; position: absolute; bottom: 30px; left: -58px; right: 0px; margin: auto;}


.ad_bg{width: 100%; height: 300px;position: relative;}
.ad_bg .wz{display: block; background: rgba(255,255,255,.5); position: absolute; left: 0px; right: 0px; bottom: 0px;}
.ad_bg ul{width: 1200px; margin: auto; height: 40px; line-height: 40px; position: relative;padding-left: 20px;}
.ad_bg ul:after{content: ''; width: 8px; height: 8px; background: #ec2129; border-radius: 100px; position: absolute; left: 0px; top: 45%; }
.ad_bg ul a{font-size: 16px;}


.case_lists{width: 1200px; box-sizing:border-box; margin: 60px auto;position: relative;min-height: 350px;}
.case_lists .list{display: block;}
.case_lists .list ul{display: flex; justify-content: space-between; flex-flow: row wrap;}
.case_lists .list li{width: 280px; height: 250px; margin-bottom: 50px;}
.case_lists .list img{width: 280px; height: 210px;}
.case_lists .list li p{height: 40px;width: 100%; background: #eee; text-align: center;line-height: 40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block; padding: 0 20px;}
.case_lists .list li:hover p{background: #ec2129; color: #fff;}

.case_lists .nav{position: absolute; left: -220px; top: 0px; background: #ec2129;width: 180px; padding: 20px 0;}
.case_lists .nav a{display: block !important; height: 50px; line-height: 50px; color: #fff; width: 100%; padding-left:20px;font-size: 16px;border-left:10px #ec2129 solid;}
.case_lists .nav a:hover{color: #ec2129; background: #fff; border-left:10px #ec2129 solid;}
.case_lists .nav a.active{color: #ec2129; background: #fff; border-left:10px #ec2129 solid;}

.case_lists .page{margin-top: 0;}

.content{width:1200px; margin: auto; line-height: 30px;}
.content img{width: 100%; height: auto; margin: auto auto 10px auto;display: block;}


.eamp{height: 0px !important;visibility:hidden !important;border:0px;margin: 0px !important;padding: 0px !important; overflow: hidden !important;}


.kf{background: #f4f4f4; width: 130px; height: 440px; position: fixed; right: 0px; top: 30%;text-align: center;font-family: 'din';}
.kf .dh{background: url(../images/ico_dh.png) no-repeat center 20px; padding-top: 70px;}
.kf .dh .dh_s{padding-top: 10px; color: #ec2129;}
.kf .qq{background: url(../images/ico_q.png) no-repeat center 20px; padding-top: 70px; border-top: 1px #dcdbdb solid; margin-top: 20px;}



.yw_lists{width: 1200px; box-sizing:border-box; margin: 60px auto auto auto;position: relative;min-height: 350px;}
.yw_lists .list{display: block;}
.yw_lists .list ul{display: flex; justify-content: space-between; flex-flow: row wrap;}
.yw_lists .list li{width: 280px; height: 250px; margin-bottom: 60px;}
.yw_lists .list img{width: 280px; height: 210px;}
.yw_lists .list li p{height: 40px;width: 100%; background: #eee; text-align: center;line-height: 40px;}
.yw_lists .list li:hover p{background: #ec2129; color: #fff;}





.hot{width: 1200px; margin: auto auto 50px auto;}
.hot .list ul{display: flex; justify-content: space-between; flex-flow: row wrap;}
.hot .list ul li{width: 280px; text-align: center;}
.hot .list img{width: 280px; height: 210px;}
.hot .list li p{height: 40px;width: 100%; background: #eee; text-align: center;line-height: 40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block; padding: 0 20px;}
.hot .list li:hover p{background: #ec2129; color: #fff;}



.news_list{width: 1200px; margin: auto auto 40px auto;}
.news_list li{width: 48%; text-align: left;float: left; border: 1px #eee solid; height: 50px; line-height: 50px; padding: 0 20px; margin: 5px; box-sizing: border-box;}
.news_list li a{font-size: 16px; display: flex; justify-content: space-between;align-items: center;}
.news_list li span{white-space: nowrap; text-overflow: ellipsis; display: inline-block; width: 80%; overflow: hidden;}

.more{display: block; text-align: center;  box-sizing: border-box; }
.more a{font-size: 12px;background: #f5f7f9;padding: 10px 15px;color: #7e7f7f;margin: 0 10px;}
.more a:hover{background: #f00; border: 0; color: #fff;}

.nr_list{width: 1200px; margin: auto auto 40px auto;}
.nr_list li{width: 100%; text-align: left;border: 1px #eee solid; height: 50px; line-height: 50px; padding: 0 20px; margin-bottom: 15px; box-sizing: border-box;}
.nr_list li a{font-size: 16px; display: flex; justify-content: space-between;align-items: center;}
.nr_list li span{white-space: nowrap; text-overflow: ellipsis; display: inline-block; width: 80%; overflow: hidden;}