@charset "UTF-8";
@import url('fonts/iconfont.css');
*{  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
html,body,div,ul,li,ol,dd,dl,dt,h1,h2,h3,h4,h5,h6,p,form,table,td,tr {color: #666; padding: 0; margin: 0;  font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,Arial,sans-serif;font-weight: normal; list-style: none; line-height: 40px;font-size: 14px;}
input,textarea,img,button { border: none; outline: none; }
a { text-decoration: none; color: #666;  -webkit-transition: .3s;  -moz-transition: .3s;  -ms-transition: .3s;  -o-transition: .3s;  transition: .3s; }
body { overflow-x: hidden;}
.swiper-button-prev{background-image:url('../images/left.png') !important;}
.swiper-button-next{background-image:url('../images/right.png') !important;}
.wrap{overflow: hidden;margin: 0 auto;}
.main { *zoom: 1; margin: 0 auto; }
.main::after,.clearfix::after { display: block; content: ""; height: 0; clear: both; }
.clearfix { *zoom: 1; }
.container{position: relative;padding-left: 200px;width: 100%;overflow-x: hidden;min-height: 100%;}
img{display: block;max-width: 100%; margin:0 auto;}
.contain{width: 100%;}
.content{max-width: 1480px;margin: 0 auto;padding-right: 80px;padding-left: 40px;}
.ind_phone{position: absolute;z-index: 20; right: 20px;top:20px;font-size: 25px;color: #fff;letter-spacing: 2px;}
@media (max-width: 600px) {
    .ind_phone{display: none;}
}

/*头部*/
.header{padding-top: 2%; overflow-y: auto;  -webkit-box-shadow: 5px 0 50px -7px #c4c4c4;  -moz-box-shadow: 5px 0 50px -7px #c4c4c4;  box-shadow: 5px 0 50px -7px #c4c4c4;  position: fixed;  width:200px;  height: 100%;  background: #fff;  z-index: 100;  top: 0;  left: 0;  }
.header::-webkit-scrollbar {width: 3px;height:100%;background: #ddd;}
.header::-webkit-scrollbar-thumb {   border-radius: 10px;  background: #eb0a1e;  }
.header h1{height: 0;overflow: hidden;}
.header .logo{display: block;width: 160px;margin: 0 auto 0;border-bottom: 1px solid #f1f1f1ccc;padding: 20px 0;}
.header .logo img{margin: 0 auto;}
.nav{padding: 20px 0 20px;text-align: center;}
.nav>li{
    cursor: pointer;
}
.nav>li>a{display: block;color: #6c6e72;line-height: 40px;font-size: 14px;}
.nav>li:hover>a,.nav>li>a.active{color: #fff;background: linear-gradient(90deg,#ff5b00,#fe2748);}
.nav_drop{padding-top: 3%;position: fixed;left: 200px;text-align: center;top:0;background: #fe2748;width: 150px;height: 90%;z-index: 1000;display: none;border-radius:0 0 10px;opacity:0.9;}
.nav_drop a{display: block;color: #fff;line-height: 40px;font-size: 14px;}
.nav_drop a:hover{background: #af0111;}
.nav>li:hover .nav_drop{display: block;}
.hd_search{  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s; cursor: pointer; width: 160px;margin: 0 auto;height: 60px;border-bottom: 1px solid #f1f1f1ccc;border-top: 1px solid #f1f1f1ccc;background: url("../images/icon1.png") no-repeat center;}
.hd_search:hover{background: url("../images/icon1_1.png") no-repeat center #eb0a1e;}
.pup_search_bg{display: none;background: rgba(0,0,0,0.8);z-index:80;position: fixed;left: 200px;width: 100%;top:0;height: 100%;}
.pup_search{display: none;position: fixed;z-index: 81;width: 100%;padding-left: 200px;left: 0;}
.search{position: relative;padding-top: 300px;}
.search-keyword{margin: 0 auto;display: block;border-radius: 5px; width: 60%;line-height: 50px;border: 1px solid #fff;background: rgba(255,255,255,0.5); margin: 0 auto;padding: 0 10px;color: #fff;font-size: 18px;}
.search-submit{display: block;width: 200px;margin: 100px auto 0;background: #eb0a1e;color: #fff;line-height: 50px;border-radius: 5px;border: none;font-size: 18px;cursor: pointer;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.search-submit:hover{background: #af0111;}
.sear_cancel{position: absolute;background: url("../images/icon2.png") no-repeat center;width: 40px;height: 40px;right: 80px;top:80px;cursor: pointer;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.sear_cancel:hover{  -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);  -o-transform: rotate(90deg);  transform: rotate(90deg);}




/*首页*/
.swiper-container {
    width: 100%;

}
.banner{position: relative;width: 100%;}
.banner a{display: block;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.banner a img{width: 100%;height: 400px;object-fit: cover;}
.banner .swiper-button-prev{left: 5%;background-size:auto;}
.banner .swiper-button-next{right: 5%;background-size:auto;}
.banner .swiper-pagination-bullet{width: 15px;height:15px;border: 1px solid #eb0a1e;cursor: pointer;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s; background: rgba(255,255,255,0.5); border-radius: 10px;opacity: 1;filter:alpha(opacity=100);}
.banner .swiper-pagination-bullet-active{background: #eb0a1e;}
.ind_f1{z-index: 10; background: #fff;position: relative;padding:0 30px 0 70px;max-width: 900px;-webkit-box-shadow:  0 0 50px 10px rgba(150, 150, 150, 0.3);-moz-box-shadow:  0 0 50px 10px rgba(150, 150, 150, 0.3);box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.3);}
.ind_f1 span{left: 20px;top:0; line-height: 60px;color: #eb0a1e;position: absolute;font-size: 16px;}
.ind_f1 .swiper-container{line-height: 60px;height: 60px;overflow: hidden;}
.ind_f1 a{position: relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; display: block;padding-right: 100px;font-size: 14px;line-height: 60px;}
.ind_f1 a i{position: absolute;font-size: 15px; font-style: normal;color: #666; line-height: 15px; right: 0;top:22px;padding-left: 10px;border-left: 1px solid #f1f1f1;}
.ind_f2{margin-top: 40px;}
.ind_f2::after { display: block; content: ""; height: 0; clear: both; }
.ind_f2 a{border-radius: 3px;box-shadow: 0 0 30px -1px #cacaca;display: block;position: relative;overflow: hidden;}
.ind_f2 a .pic{background-position: center;height: 150px; background-repeat: no-repeat;background-size: cover;}
.ind_f2 a span{padding: 0 5px; display: block;font-size: 18px;line-height: 50px; text-align: center;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ind_f2 .a1{width: 32%;float: left;height: 200px;margin-left: 2%;}
.ind_f2 .a2{display: block;height: 100px;float: left;width: 100%;margin-top: 15px;}
.ind_f2 .a2 .pic{height: 100px;}
.ind2_left{float: left;width: 65%;}
.ind2_left .a1:nth-child(1){margin-left: 0;}
.ind2_left .a1_1 span{margin-left: 0;background: #1379d1;}
.ind2_left .a1_2 span{background: #3c905d;}
.ind2_left .a1_3 span{background: #eb0a1e;}
.ind_f2 .cover{width: 100%;height: 100%;padding: 10% 10% 0;position: absolute;left: 0;top:-100%;-webkit-transition: .5s;-moz-transition: .5s;overflow: hidden;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.ind2_right{float: right;width: 31%;}
.ind2_right .a2{height: 150px;}
.ind2_right .a2:first-child{}
.ind2_right .a2 .pic{height: 150px;}
.ind_f2 .cover span{background: transparent;font-size: 17px;line-height: 30px;padding: 0;}
.ind_f2 .cover p{color: #fff;font-size: 14px;line-height: 24px;overflow : hidden;margin-top: 5px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ind_f2 .a1_1 .cover{background: #1379d1;}
.ind_f2 .a1_2 .cover{background: #3c905d;}
.ind_f2 .a1_3 .cover{background: #eb0a1e;}
.ind_f2 .a2_1 .cover{background: rgba(0,0,0,0.5);padding-top: 2%;}
.ind_f2 .a2_1 .cover p{margin-top: 2px;line-height: 20px;}
.ind_f2 .a2_2 .cover{background: #1f8b7f;}
.ind_f2 .a2_3 .cover{background: #008cca;}
.ind_f2 .a2_2{margin-top: 0;border: 1px solid #1f8b7f; border-left:8px solid #1f8b7f;}
.ind_f2 .a2_3{margin-top: 15px;border: 1px solid #008cca;border-left: 8px solid #008cca;}
.ind_f2 a:hover .cover{top:0;}
.ind_f3{position: relative;padding-left: 0px;margin-top: 50px;padding-bottom:35px;}
.ind_f3 .tit{color: #333; position: absolute;left: 0;top:10px;font-size: 20px;font-weight: 600;letter-spacing: 2px;line-height: 20px;padding-left: 20px;}
.ind_f3 .tit:before {content:'';position:absolute;left:0;top:50%;width:3px;height:18px;border-radius:10px;background-color:#af0111;opacity:1;transform:translateY(-50%) rotate(15deg);transition:all .4s ease-in-out;}
.ind_f3 .tit:after {content:'';position:absolute;left:8px;top:50%;width:3px;height:16px;border-radius:10px;background-color:#d64a58;opacity:.6;transform:translateY(-50%) rotate(15deg);transition:all .4s ease-in-out;}


.ind3{max-width: 100%;margin: 0 auto;}
.ind3_tit{overflow: hidden;}
.ind3_tit li{border-radius: 30px; font-size: 16px; cursor: pointer;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s; float: left;padding:0 30px; text-align: center;margin-right: 8px;background: #f3b1b7;color: #fff;line-height: 35px;}
.ind3_tit li:hover,.ind3_tit li.on{background: linear-gradient(90deg,#ff5b00,#fe2748);}
.ind3_con{display: none;padding-top: 20px;}
.ind3_con.on{display: block;}
.ind3_con a{display: block;padding-right: 110px;position: relative;line-height: 25px;}
.ind3_con a p:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    left: 0;
    top: 17px;
    border-radius: 50%;
    background: #eb0a1e;
}
.ind3_con a span{position: absolute;right: 0;top:0;font-size: 13px;line-height: 40px;}
.ind3_con a p{font-size: 14px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-left: 15px;}
.ind3_con a:hover p{color:#eb0a1e;}
.ind_f4{padding-top: 50px;border-top: 1px solid #f1f1f1;padding-bottom: 50px;}
.ind_f4 .tit{overflow: hidden;}
.ind_f4 .tit span{color: #333; float: left; font-size: 20px;font-weight: 600;letter-spacing: 3px;line-height: 28px;padding-left: 25px;position: relative;}
.ind_f4 .tit span:before {content:'';position:absolute;left:4px;top:50%;width:3px;height:18px;border-radius:10px;background-color:#af0111;opacity:1;transform:translateY(-50%) rotate(15deg);transition:all .4s ease-in-out;}
.ind_f4 .tit span:after {content:'';position:absolute;left:12px;top:50%;width:3px;height:16px;border-radius:10px;background-color:#d64a58;opacity:.6;transform:translateY(-50%) rotate(15deg);transition:all .4s ease-in-out;}

.ind_f4 .tit a{display: block;float: right;line-height: 28px;font-size: 14px;}
.ind_f4 .tit a:hover{color: #eb0a1e;}
.ind_f4 ul{overflow: hidden;margin-top: 20px;}
.ind_f4 ul li{width: 30%;float: left;margin-left: 5%;margin-bottom: 20px;}
.ind_f4 ul li:first-child{margin-left: 0;}
.ind_f4 ul li:nth-child(4n){margin-left: 0;}
.ind_f4 ul li a{display: block;background: url("../images/icon3.png") no-repeat left center;background-size: 6px; padding-left: 10px; position: relative;line-height: 35px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;color: #333;}
.ind_f4 ul li a:first-child{background: none;font-size: 16px; border-bottom: 1px solid #f1f1f1;padding-left: 0;line-height: 34px; margin-bottom: 10px;font-weight: 600;}
.ind_f4 ul li a:first-child:hover{padding-left: 0px;}

.ind_f4 ul li a:hover{padding-left: 20px;background-position: 10px center;color: #eb0a1e;text-decoration: underline;}



.list-main {
    padding-top: 50px;
    border-top: 1px solid #f1f1f1;
    padding-bottom: 50px;
    overflow: hidden;
}
.list-con{
    width: 30%;
    float: left;
    margin-left: 5%;
    margin-bottom: 20px;
}
.list-con:first-child {
    margin-left: 0;
}
.list-con:nth-child(4n) {
    margin-left: 0px;
}
.list-con .tit{overflow: hidden;}
.list-con .tit span{color: #333; float: left; font-size: 20px;font-weight: 600;letter-spacing: 3px;line-height: 28px;padding-left: 25px;position: relative;}
.list-con .tit span:before {content:'';position:absolute;left:4px;top:50%;width:3px;height:18px;border-radius:10px;background-color:#af0111;opacity:1;transform:translateY(-50%) rotate(15deg);transition:all .4s ease-in-out;}
.list-con .tit span:after {content:'';position:absolute;left:12px;top:50%;width:3px;height:16px;border-radius:10px;background-color:#d64a58;opacity:.6;transform:translateY(-50%) rotate(15deg);transition:all .4s ease-in-out;}

.list-con .tit a{display: block;float: right;line-height: 28px;font-size: 14px;}
.list-con .tit a:hover{color: #eb0a1e;}
.list-box{margin-top:20px;}
.list-box a{display: block;background: url("../images/icon3.png") no-repeat left center;background-size: 6px; padding-left: 10px; position: relative;line-height: 35px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;color: #333;}
.list-box a:hover{padding-left: 20px;background-position: 10px center;color: #eb0a1e;text-decoration: underline;}





.ind5_tit{overflow: hidden; background: #f1f1f1;position: relative;}
.ind5_tit::before{content: " "; display: block;width: 1px;height: 60%;top:20%;background: #e4e3e3;left: 50%;position: absolute;}
.ind5_tit li{float: left;position: relative;z-index: 2; width: 50%;padding: 0 45px; font-size: 17px;line-height: 60px;color: #333;cursor: pointer;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.ind5_tit li:first-child{text-align: right;}
.ind5_tit li:hover,.ind5_tit li.on{color: #eb0a1e;}
.ind5{padding: 0 50px;max-width: 1050px;margin: 40px auto 0;position: relative;overflow: hidden;height: 232px;}
.ind5_list{position: absolute;width: 100%;left: 0;height: 232px;top:0;padding: 0 50px;background: #fff;z-index: 1;opacity: 0;filter:alpha(opacity=0);}
.ind5_list.on{z-index: 2;opacity: 1;filter:alpha(opacity=1);}
#ind5_2{}
/*.ind5_list .swiper-wrapper{overflow: hidden;}*/
.ind5_list a{display: block;max-width: 200px;margin: 0 auto;text-align: center;}
.ind5_list a .pic{overflow: hidden;}
.ind5_list a .pic img{width:100%;height: 135px;object-fit: cover;}
.ind5_list a span{display: block;margin: 10px 0 0; font-size: 16px;color: #333;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ind5_list a p{line-height: 21px;font-size: 13px;overflow : hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.ind5_list .swiper-button-next{right: 0px;background-size:auto;}
.ind5_list .swiper-button-prev{left: 0px;background-size:auto;}
.ind5_ph{display: none;}
.foot_share{border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;text-align: center;margin: 50px auto 0;padding:20px 0;}
.foot_share .bdsharebuttonbox{width: 200px;margin: 0 auto;}
.foot_share .bdsharebuttonbox span{display: block;float: left;line-height: 40px;}
.bottom{overflow: hidden;line-height: 30px;padding: 30px 0 10px;font-size: 14px;}
.bot_left{float: left;}
.bot_right{float: right;}
.bot_right a{display: inline-block;*display:inline;*zoom:1;margin: 0 5px;}
.ph_header{display: none;}
.friend{font-size: 14px;line-height: 24px;padding: 10px 0; border-top:1px solid #f1f1f1;color:#999;}
.friend a{padding: 0 5px;font-size: 14px;color:#999;}
#bds_sqq{width: 30px;height: 30px;background: url("../images/icon4.png") no-repeat center;background-size: 100%;}
#bds_tsina{width: 30px;height: 30px;background: url("../images/icon5.png") no-repeat center;background-size: 100%;}
#bds_weixin{width: 30px;height: 30px;background: url("../images/icon6.png") no-repeat center;background-size: 100%;}


/*面包屑*/
.bread{background: #f0f0f0;padding-left: 200px;padding-right: 400px;margin-left: -200px;position: relative;width: 100%;overflow: hidden;margin-bottom: 30px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.bread a{display: block;float: left;position: relative;font-size: 16px;color: #333;line-height: 40px;margin-left: 50px;}
.bread a::before{position: absolute;left: -34px;top:0; content: " ";display: block;background: url("../images/bread.png") no-repeat center;height: 100%;width: 20px;}
.bread a:first-child::before{display: none;}
.bread a:first-child{margin-left: 0;}
/*列表页*/
.list_intro{}
.list_intro span{display: block;font-size: 18px;color: #333;font-weight: 600;border-bottom: 1px solid #333;line-height: 30px;margin-bottom: 20px;}
.list_intro p{margin-left: 25px; font-size: 14px;line-height: 24px;color: #333;}
.list_intro ul{margin-top: 15px; padding-bottom: 30px;}
.list_intro ul li{overflow: hidden;}
.list_intro ul li a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 30px;line-height: 40px;color: #333; float: left;padding-left: 15px;background: url("../images/icon3.png") no-repeat left center;background-size: 5px;}
.list_tit{background: #f1f1f1;padding-left: 40px;position: relative;font-size: 16px;color: #333;line-height: 42px;width: 91%;}
.list_tit::before{content: " ";display: block;position: absolute;left: 14px;top:13px;width: 15px;height: 15px;background: #e21f25;}
.list{overflow: hidden;padding-bottom: 40px;}
.list li{width: 50%;padding: 30px 15px 0 0;float: left;transition: all .2s;}
.list li:hover {-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.list li:hover a span{color:#eb0a1e;}
.list li:nth-child(2n){padding: 30px 0 0 15px;}
.list li a{display: block;padding-left: 210px;position: relative;height: 160px;}
.list li a .pic{border-radius: 6px;position: absolute;left: 0;top:0;width: 178px;height: 160px;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: center;}
.list li a span{line-height: 30px;font-size: 17px;color: #333;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list li a p{height: 38px;font-size: 13px;line-height: 19px;margin: 7px 0 7px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list li a b{font-size: 13px;color: #666;line-height: 22px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.list li a i{display: block;font-size: 13px;margin-top: 6px;line-height: 24px;font-style: normal;width: 65px;background: url("../images/icon3.png") no-repeat right center;background-size: 5px;}

.pageinfo {padding:20px 10px;text-align:center;background:#fff;border-radius:3px;margin-bottom: 20px;}
.pageinfo a{background-color:#fff;border-color:#f4f4f4;border-style:solid;border-width:1px;color:#666;margin:2px;padding:8px 20px;text-decoration:none;border-radius:4px;height:36px;line-height:36px;transition:all 0.2s ease 0s;}
.pageinfo a:hover {background-color:#eb0a1e;border-color:#eb0a1e;border-style:solid;border-width:1px;color:#fff;}
.pageinfo a:active {border-color:#eb0a1e;border-style:solid;border-width:1px;color:#000;}
.pageinfo .thisclass {background-color:#eb0a1e;border-color:#eb0a1e;border-style:solid;border-width:1px;color:#fff;font-weight:bold;margin:2px;padding:8px 20px;border-radius:4px;}
.pageinfo b {background-color:#eb0a1e;border-color:#eb0a1e;border-style:solid;border-width:1px;color:#fff;font-weight:bold;margin:2px;padding:8px 20px;border-radius:4px;}
.pageinfo span.disabled {border-color:#f4f4f4;border-style:solid;border-width:1px;color:#666;margin-right:2px;padding:8px 20px;border-radius:4px;background-color:#fff;}


/*详情*/
.detail{overflow: hidden;padding-right: 410px;position: relative;min-height: 580px;}
.det_left{}
.det_left{padding: 0 0 20px;}
.det_left h1{text-align: center;font-size: 20px;letter-spacing: 1px; color: #333;margin-bottom: 5px;}
.det_left .other{text-align: center;}
.det_left .other span{font-size: 14px;color: #666;padding: 0 5px;}
.det_con{line-height: 190%;padding-top: 30px;}
.det_page{overflow: hidden;padding: 30px 0 20px;}
.det_page li{width: 40%;text-align: center;float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;}
.det_page li.li1{text-align: left;}
.det_page li.li2{width: 20%;}
.det_page li.li3{text-align: right;}
.det_right{position: absolute;right: 0;top:0;width: 376px;}
.det_right .tit{font-size: 16px;line-height: 18px;padding-left: 8px;border-left: 5px solid #eb0a1e;color: #333;margin-bottom: 10px;}
.det_rec{border-top: 1px solid #f1f1f1;}
.det_rec a{display: block;border-bottom: 1px solid #f1f1f1;position: relative;padding: 7px 0 7px 0;}
.det_rec a span{display: block;padding-right: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;line-height: 34px;color: #333;}
.det_rec a img{display: block;position: absolute;width: 51px;height: 34px;top:7px;right: 0; border-radius:5px;}
.det_rec a p{max-height: 54px; font-size: 12px;line-height: 18px;margin-top: 5px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;display: none; }
.det_rec a:first-child p{display: block;}
.article-tags{margin-top:30px;}
.article-tags a{padding: .2rem .5375rem;border-radius: .2rem;margin-right: 5px;color: #ff5473;background-color: rgba(255,84,115,.1);}
/*案例*/
.banner a{position: relative;}
.banner a .cover{font-size: 20px;max-width: 700px; position: absolute; bottom: 50px;  left: 7.5%;  width: 85%;}
.banner a .cover span{letter-spacing: 2px; display: block;font-size: 3em;line-height: 1.1em;color: #fff;text-shadow: 2px 2px 8px #000;overflow : hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.banner a .cover p{font-size: 1.3em;color: #fff;overflow : hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;margin-top: 11px;line-height: 1.2em;text-shadow: 2px 2px 8px #000;}
.case{width: 100%; overflow: hidden;padding-bottom: 40px;  }
.case li{width: 25%;padding: 30px 10px 0 ;float: left;}
/*.case li:nth-child(4n){padding: 30px 0 0 15px;}*/
.case li a{height: 328px; background: #f3f3f3;display: block;padding: 215px 10px 10px;position: relative;}
.case li a .pic{position: absolute;left: 0;top:0;width: 100%;height: 210px;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: center;}
.case li a span{line-height: 30px;font-size: 17px;color: #333;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.case li a p{height: 38px;font-size: 13px;line-height: 19px;margin: 5px 0 5px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.case li a b{font-size: 13px;color: #666;line-height: 22px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.case li a i{display: block;font-size: 13px;margin-top: 6px;line-height: 24px;font-style: normal;width: 65px;background: url("../images/icon3.png") no-repeat right center;background-size: 5px;}
/*关于我们*/
.about{width: 100%;position: relative;}
.about::before{content: " ";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: rgba(0,0,0,0.7);}
.bread2{display: none; margin: 0 ;padding: 5px 20px 0;background: transparent;border-bottom: 1px solid rgba(255,255,255,0.5);}
.bread2 a{color: #fff;}
.abo_content{margin-top: -50px; position: absolute;z-index: 2;width: 90%;max-width: 900px;left: 50%;top:50%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.abo_content .tit{line-height: 30px; letter-spacing: 2px; text-align: center;font-size: 20px;color: #fff;font-weight: bold;margin-top: 30px;}
.abo1{overflow: hidden;margin-top: 20px;}
.abo1 li{width: 50%;float: left;padding: 5px 10px 0;}
.abo1 li div{padding: 10px 0;color: #fff;text-align: center;line-height: 24px;font-size: 14px;}
.abo2{overflow: hidden;margin-top: 20px;}
.abo2 li{padding: 20px 10px 0;overflow: hidden;}
.abo2 .li1{width: 50%;padding: 15px 10px 0;float: left;}
.abo2 li input{width: 100%;border: 1px solid #fff;display: block;background: transparent;padding: 0 10px;font-size: 15px;color: #fff;line-height: 40px;}
.abo2 li textarea{width: 100%;line-height: 24px;font-size: 15px;padding: 10px;color: #fff;background: transparent;height: 120px;border: 1px solid #fff;}
.abo2 li .sub{width: 150px;margin: 0 auto; background: #eb0a1e;border: 1px solid #eb0a1e;cursor: pointer;}
.abo_content{}



.index_f2{max-width: 1360px;margin-top: 15px;position: relative;}
.index_f2::after { display: block; content: ""; height: 0; clear: both; }
.index_f2 a{position: relative;border-radius: 4px;box-shadow: 0 0 10px 1px #f1f1f1;background-size: cover;overflow: hidden;background-position: center;display: block;}
.index_f2 a .cover{position: absolute;width: 100%;height: 100%;background-position: center;background-size: cover;left: 0;top:-100%;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.index_f2 a img{display: none;}
.index_f2 .left{width: 63.608%;height: 100%;position: absolute;left: 0;top:0;}
.index_f2 .left::after { display: block; content: ""; height: 0; clear: both; }
.index_f2 .right{width: 32.75%;float: right;}
.index_f2 .left a{width: 32%;float: left;height: 65.8%;margin-left: 2%;}
.index_f2 .right a{width: 100%;}
.index_f2  .right .a5 img{display: block;width: 100%;}
.index_f2  .right .a6 img{display: block;width: 100%;}
.index_f2  .right a .cover img{display: none;}
.index_f2  .left .a1{background-image: url("../images/pc1.png");margin-left: 0;}
.index_f2  .left .a2{background-image: url("../images/pc2.png");}
.index_f2  .left .a3{background-image: url("../images/pc3.png");}
.index_f2  .left .a4{background-image: url("../images/pc4.png");height: 30%;width: 100%;margin:15px 0 0 0;}
.index_f2  .right .a5{background-image: url("../images/pc5.png");}
.index_f2  .right .a6{background-image: url("../images/pc6.png");margin-top: 15px;}


.index_f1{max-width: 1360px;z-index: 98;position: relative;margin-top: -30px;}
.index_f1 a{display: block;width: 63.608%;position: relative;border-radius: 4px;overflow: hidden;}
.index_f1 a img{display: block;width: 100%;}
.index_f1 a .cover{position: absolute;width: 100%;height: 100%;background-image: url("../images/pc0.png"); background-position: center;background-size: cover;left: 0;top:-100%;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.index_f1 a .cover img{display: none;}


@media (max-width: 999px) {
    .index_f1{max-width: 660px;margin: 10px auto;}
    .index_f1 a{width: 100%;}
    .index_f2{max-width: 660px;margin: 0 auto;}
    .index_f2 .left{width: 100%;position: relative;left: auto;top:auto;height: auto;}
    .index_f2 .right{width: 100%;}
    .index_f2 .right::after { display: block; content: ""; height: 0; clear: both; }
    .index_f2 .left a img{display: block;}
    .index_f2 .left a .cover img{display: none;}
    .index_f2 .right a{width: 48%;float: left;margin-top: 0;}
    .index_f2 .right .a5{margin-top: 15px;margin-right: 4%;}
}
@media (max-width: 700px){
    .index_f1{margin-bottom: 0;}
    .index_f1 a img{display: none;}
    .index_f1 a .cover img{display: block;}
    .index_f1 a .cover{position: relative;left: auto;top:auto;}
    .index_f2 .left a img{display: none;}
    .index_f2 .right a img{display: none;}
    .index_f2 a .cover{position: relative;left: auto;background: none;top:auto;}
    .index_f2 .cover img{display: block !important;width: 100%;}
    .index_f2 .left a{height: auto;width: 100%;margin: 10px 0 0 0 !important;}
    .index_f2 .right a{width:100%;margin:15px 0 0 0;}
    .index_f2 .right .a5{margin: 10px 0 0 0 !important;}
    .index_f2 .right .a5 img{display:none;}
    .index_f2 .right .a6 img{display:none;}
    .friend{display: none;}
}






@media (max-width: 1700px) {
    .banner a .cover{font-size: 16px;bottom: 40px;}
}

@media (max-width:1399px ){
    .list li a{padding-left: 190px;}
    .list li{padding-right: 10px;}
    .list li:nth-child(2n){padding: 30px 0 0 10px;}
    .banner a .cover{font-size: 14px;bottom: 40px;}
}



@media (max-width:1199px ) {
    .content{padding: 0 20px;}
    .bot_left,.bot_right{float: none;text-align: center;}
    .friend{text-align: center;}
    .ind3_tit li{width: 120px;}
    .list li{width: 100%;padding: 25px 0 0 0;}
    .list li:nth-child(2n){padding: 25px 0 0 0;}
    .case li{width: 33.333%;}
    .banner a .cover{font-size: 11px;bottom: 30px;}
    .banner a .cover span{-webkit-line-clamp: 1;}
    .banner a .cover p{-webkit-line-clamp: 1;font-size: 1.6em;margin-top: 0px;}


}
@media (max-width:999px ) {
    .pup_search_bg{left: 0;}
    .hd_search{display: none;}
    .nav_drop{left: 160px;height: 80%;top: 50px;padding-top: 20%;}
    .search-keyword{width: 98%;font-size: 14px;padding: 0 5px;}
    .pup_search{padding-left: 0;}
    .header{left: -160px;width: 160px; -webkit-box-shadow: none; box-shadow: none;  -moz-box-shadow:none;   -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
    .header.on{left: 0;-webkit-box-shadow: 5px 0 50px -7px #c4c4c4;box-shadow: 5px 0 50px -7px #c4c4c4;   -moz-box-shadow: 5px 0 50px -7px #c4c4c4; }
    .container{padding-left: 0;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
    .container.on{margin-left: 160px;}
    .ph_header{height: 50px;display: block;box-shadow: 0 0 10px -1px #bfb7b7;overflow: hidden;position: relative;}
    .ph_header a{display: block;padding: 15px 20px;width: 130px;position: absolute;left: 50%;top:2px;margin-left: -65px;}
    .ph_header ul{float: left;position: relative;width: 35px;height: 30px;overflow: hidden;margin-top: 10px;/* background: #fff; */z-index: 1001;margin-left: 20px;}
    .ph_header ul li{left: 50%;margin-left: -20px;position: absolute;background: #eb0a1e;height: 3px;width: 40px;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
    .ph_header ul .li1{top: 5px;}
    .ph_header ul .li2{top: 14px;}
    .ph_header ul .li3{top: 23px;}
    .ph_header ul.on .li1{top: 14px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
    .ph_header ul.on .li2{top: 14px;left: 200px;}
    .ph_header ul.on .li3{top: 13px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
    .ph_hd_search{float: right;width: 50px;height: 50px;background: url("../images/icon1.png") no-repeat center;}
    .bread{width: 100%;padding: 0 20px;margin-bottom: 20px; margin-left: -20px;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;}
    .bread a:first-child{margin-left: 0;}
    .bread a{font-size: 15px;}
    .list_intro p{margin-left: 0;}
    .list_intro ul{margin-left: 0;margin-top: 5px;display: none;}
    .list_intro{padding-bottom: 20px;}


}
@media (max-width:767px ){
    .ind_f1{margin-top: 30px;padding: 0 10px 0 50px;}
    .ind_f1 .swiper-container{line-height: 40px;height: 40px;}
    .ind_f1 span{left: 10px;line-height: 40px;font-size: 15px;}
    .ind_f1 a{padding-right: 0;line-height: 40px;}
    .ind_f1 a i{display: none;}
    .ind_f2{margin-top: 30px;}
    .ind2_left{width: 100%;}
    .ind2_right{width: 100%;margin-top: 15px;}
    .ind_f2 .a2_2{width: 49%;margin-right: 2%;}
    .ind_f2 .a2_3{width: 49%;margin-top: 0;}
    .ind_f3{padding-left: 0;margin-top: 30px;padding-bottom: 30px;}
    .ind_f3 .tit{font-size: 18px; position: relative;left: auto;top:auto;margin-bottom: 20px;}
    .ind3_tit{white-space: nowrap; border-bottom: none;overflow-x: auto;padding-bottom: 10px;}
    .ind3_tit::-webkit-scrollbar {width: 100%;height:3px;background: #ddd;}
    .ind3_tit::-webkit-scrollbar-thumb {   border-radius: 10px;  background: #eb0a1e;  }
    .ind3_tit li{display: inline-block;*display:inline;*zoom:1;float: none;line-height: 30px;font-size: 14px;width: auto;padding: 0 5px;min-width: 60px;margin-right: 5px;}
    .ind3_con{padding-top: 10px;}
    .ind3_con a{margin-top: 5px;padding-left: 0px;}
    .ind3_con a span{font-size: 11px;}
    .ind_f4{padding: 30px 0;}
    .ind_f4 .tit span{font-size: 18px;}
    .ind_f4 ul li{width: 100%;margin: 20px 0 0 0;height: auto;overflow: hidden;}
    .ind_f4 ul{margin-top: 0;}

    .list-main{padding: 30px 0;}
    .list-con .tit span{font-size: 18px;}
    .list-con{width: 100%;margin: 20px 0 0 0;height: auto;overflow: hidden;}
    .list-box{margin-top:0px;}
    .ind5{margin-top: 20px;}
    .search{padding-top: 120px;}
    .sear_cancel{right: 20px;top:0;}
    .banner a .cover{display: none;}
    .case li{width: 50%;}
    .abo1 li div span{display: block;}
    .abo_content{width: 100%;padding: 0 10px;}


}
@media (max-width:600px ){
    .content{padding: 0 15px;}
    .ind_f2 a{height: 120px !important;}
    .ind_f2 a .pic{height: 120px !important;}
    .ind_f2 .a1{width: 49%;}
    .ind_f2 .a1_3{margin: 15px 0 0 0;}
    .ind_f2 .a2_1{width: 49%;margin-left: 2%;height: 200px;}
    .ind_f2 .a2_1 .pic{height: 200px;}
    .ind_f2 .cover{padding-top: 10px;}
    .list li a{padding: 30px 0 0 0;height: auto;}
    .list li a span{position: absolute;font-size: 15px;left: 0;top:0;width: 100%;}
    .list li a p{margin-left: 80px;margin-top: 4px;}
    .list li a .pic{width: 70px;height: 70px;top: 30px;left: 0; border-radius:5px;}
    .list li a .other{margin-left: 80px;overflow: hidden;height: 22px;}
    .list li a i{display: none;}
    .list li a .other b{float: left;margin-right: 5px;}
    .list li a .other b:first-child{float: right;margin-right: 0;}
    .list{padding-bottom: 20px;}
    .list li{padding-top: 15px;}
    .list li:nth-child(2n){padding-top: 15px;}
    .case li{width: 100%;padding: 15px 0 0;}
    .case li a{height: auto;padding-top: 160px;}
    .case li a .pic{height: 150px;}
    .banner a{height: 200px;}
    .banner a img{height:auto;}
    .abo1 li{width: 100%;}
    .abo1 li div span{display: inline;}
    .abo2 .li1{width: 100%;}
    .abo1 li div{padding: 5px 0 0;}
    .abo1{margin-top: 0px;}
    .abo2{margin-top: 10px;}
    .abo_content .tit{font-size: 18px;margin-top: 20px;}
    .abo2 .li1{padding-top: 10px;}
    .abo2 li{padding-top: 10px;}
    .abo2 li input{font-size: 14px;line-height: 30px;}
    .abo2 li textarea{font-size: 14px;height: 80px;}
    .abo_content{margin-top: -20px;}
    .detail{padding-right: 0;min-height: 0;padding-bottom: 30px;}
    .det_right{position: relative;left: auto;top:auto;width: 100%;}



}


#content a{
    color: blue!important;
    text-decoration:underline;
}
.det_con a{
    color: blue!important;
    text-decoration:underline;
}