body,dd,dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin:0;padding:0;list-style:none}
button,input{font:100% "\5FAE\8F6F\96C5\9ED1";padding:0;outline:0;vertical-align:middle}
input[type=text],textarea{padding:0 5px;box-sizing:border-box;resize:none}
a{text-decoration:none;color:inherit}
fieldset,iframe,img{border:none}
:focus{outline:0}
.clearfix:after{content:'\200B';display:block;height:0;clear:both}
body{color:#333;font:14px/1.7 "\5FAE\8F6F\96C5\9ED1"}
.wrap{max-width:1200px;margin:0 auto}
.head{height:97px}
.logo{float:left;width:566px;height:80px;margin-top:9px;background:url(../image/logo.png) no-repeat center left;background-size:contain}
.head-r{float:right;margin-top:30px;position: relative;}
.search-box{display:inline-block;height:35px;margin-right:15px;vertical-align:middle;border:1px solid #e0e0e0}
.s-text{height:100%;width:218px;border:none}
.s-btn{display:inline-block;width:34px;height:100%;vertical-align:top;border-left:1px solid #e0e0e0;background:url(../image/i-search.jpg) no-repeat center; border:none;}
.i{display:inline-block;width:37px;height:37px;margin-right:5px;vertical-align:middle}
.i-wx{background:url(../image/i-wx.png) no-repeat center}
.i-jd{background:url(../image/i-jd.png) no-repeat center}
.i-tm{background:url(../image/i-tm.png) no-repeat center}
.nav{height:55px;background:#b3030b}
.n-a{position:relative;font-size:16px;color:#fff;border-left:1px solid #d60300;display:inline-block;padding:0 26px;line-height:55px}
.n-a:last-child{border-right:1px solid #d60300}
.nav-z{display:none;position:absolute;line-height:2;background:#b3030b;left:0;padding:0 5px;white-space:nowrap;padding:5px 10px}
/* .banner{height:497px;background:url(../images/banner.jpg) no-repeat center}*/
.ew-pop {display:none; position: absolute;padding: 10px;right: 100px;background: #fff;box-shadow: 0 0 3px rgba(0,0,0,.3);z-index: 11;}
.ew-pop img{display:block;width:120px;height:120px;}
.i-wx:hover+.ew-pop{display:block;}
.banner-wrap{position: relative;overflow: hidden;}
.banner-wrap .flex-control-nav {position: absolute;bottom: 15px;left: 0;right: 0;z-index: 11;}
.index-banner-bg img{height:497px;}
.sec-banner{height:350px;background:url(../image/sec-banner.jpg) no-repeat center}
.index-ht{font-size:26px;font-weight:400;text-align:center;line-height:100px}
.img-box,.img-box-art{position:relative;display:inline-block;margin-bottom:13px;vertical-align:top}
.img-box{position: relative;width:calc((100% - 30px)/ 4);height:196px;margin-right:10px;text-align:center;/* transition: .3s; */}
.img-box>a {display: block;position: relative;}
.img-box>a:before,.img-box-art:before,.dl-dt:before,.a-logo:before,.list-l:before{opacity:0;content:"";position:absolute;top:0;bottom:0;right:0;left:0;background: rgba(0,0,0,.5);transition: .3s;z-index:-1;cursor: pointer;}
.img-box>a:hover:before,.img-box-art:hover:before,.dl-dt:hover:before,.a-logo:hover:before,.list-l:hover:before{opacity:1;z-index:1;}
.dl-dt,.a-logo,.list-l{position: relative;}
.img-box-art{width:32.5%;height:260px;margin-right:0.75%}
.company>a:nth-child(3n) .img-box-art,.index-company .company>a:nth-child(5n) .img-box-art{margin-right:0}
.index-company .company>a:nth-child(3n) .img-box-art { margin-right: 0.75%;}
.img-h{background:#666464;color:#fff;font-size:16px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;bottom:0;left:0;right:0; line-height:36px;}
.intro-p{font-size:24px}
.index-intro-l{float:left;width:664px;margin-right:35px}
.index-intro-r{overflow:hidden;font-size:18px;line-height:35px;word-break:break-all}
.more-a{display:block;width:160px;height:40px;line-height:40px;border-radius:40px;background:#cf000e;color:#fff;font-size:16px;text-align:center;margin:40px auto 0}
.index-box-02{color:#fff;background:url(../image/intro-bj.jpg) no-repeat top center}
.img-box-bg{float:left;width:66%;height:528px;margin-right:0}
.img-box-bg img{height:100%}
.img-box-intro{float:right;width:32.4%;height:528px;background:#fff;margin-right:0.4%;overflow:hidden}
.img-box-art img{display:block;margin:0 auto;max-width:100%;height:100%}
.img-h{background:rgba(0,0,0,.75)}
.img-intro-h3{font-size:18px;line-height:28px;color:#666464;overflow:hidden;height:56px;margin:10px 15px}
.img-intro-p{font-size:15px;line-height:24px;color:#666464;margin:0 15px 15px}
.index-box-03 .img-h{height:36px; line-height:36px;}
.index-box-04 .img-h,.sec-wrap .img-h{white-space:normal;text-align:center;/*padding:11px 18px;*/overflow:hidden;height:36px;font-size:16px}
.img-box-intro img{height:230px; margin-top:15px;}
.index-box-04{color:#fff;background:#191919}
.index-box-03{background:#f1f1f3}
.index-box-06{background:#f1f1f3}
.link-dl{margin:24px 0;display:inline-block;vertical-align:top;color:#666464;font-size:15px;line-height:25px}
.link-dd{display:inline-block;margin-right:10px}
.link-dl:first-child{width:50%}
.link-dl:nth-child(2){padding-left:30px;width:35%}
.link-dl+.link-dl{border-left:1px solid #d8d6d6}
.index-ew-box{position:absolute;top:50%;right:0;width:110px;height:110px;transform:translateY(-50%)}
.index-ew-box img{width:100%;height:100%}
.a-logo{border:1px solid #afafaf;margin:0 1.5% 25px 0;width:15%;height:100px;display:inline-block}
.a-logo img{max-width:100%;max-height:100%}
.img-wrap,.logo-box{font-size:0}
.img-box img,.intro-img{max-width:100%;max-height:100%;width: 100%;}
.a-logo:nth-child(6n),.img-box:nth-child(4n),.index-box-03 .img-box-art:nth-child(5),.index-box-04 .img-box-art:nth-child(3n){margin-right:0}
.footer{line-height:58px;background:#000;color:#fff}
.index-box-01,.index-box-02,.index-box-03,.index-box-04,.index-box-05{padding:10px 0 50px}
.cr{color:#cf000e}
.posr{position:relative}
.n-a-btn{display:none}
.pagenav{text-align:center;margin:60px auto}
.pagenav a{display:inline-block;padding:10px 16px;line-height:20px;margin:0 2px;font-size:16px;text-align:center;color:#555;border:1px solid #ddd;border-radius:1px}
.pagenav a.cur,.pagenav a:hover,.pagenav span{color:#fff;background:#cf403c;border-color:#cf403c}
.next i,.pre i{display:block;transform:scale(.8,1.2);letter-spacing:-3px;font-style:normal}
.list-l-img{width:287px;height:185px;display:block;margin:0 auto;max-width:100%}
.list-l{float:left;margin-right:18px;max-width:45%}
.list{display:inline-block;background:#f5f5f5;margin:0 0 25px;width:calc((100% - 35px)/ 2)}
.list:nth-child(2n) {margin-left: 20px;}
.list-t{font-size:24px;font-weight:400;color:#b3030b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}
.list-p{line-height:25px;color:#787878;font-size:15px;height:80px;margin-bottom:4px;overflow:hidden}
.list-btn{display:inline-block;width:110px;height:30px;line-height:30px;text-align:center;background:#787878;color:#fff;font-size:14px}
.list-r{overflow:hidden;padding:10px 10px 10px 0}
.sec-a{display:inline-block;width:24.5%;height:58px;text-align:center;line-height:58px;background:#ebebeb;font-size:18px;color:#787878;margin:0 0 5px}
.sec-a.cur,.sec-a:hover{color:#fff;background: #b3030b;}
.sec-a {margin-right: 4px;}
.sec-a:nth-child(4n) {margin-right:0;}
.sec-nav{font-size:0;margin:30px 0 35px}
.sec-list{font-size:0}
/* .sec-wrap{width:1160px} 
.sec-wrap .company{text-align:center}*/
.sec-wrap .img-box-art{margin:0.75% 3px;}
.sec-ht{font-size:36px;font-weight:400;color:#cf000e;text-align:center;padding-bottom:35px;margin-bottom:30px;margin-top:35px;border-bottom:2px solid #d4d4d4}
.dd-h{font-size:18px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0}
.dl-img{display:inline-block;width:23%;margin:0 10px;vertical-align:top}
.dl-img-box{font-size:0}
.dl-dt img{max-width:100%;height:100%}
.dl-dt{border:2px solid #c9c9c9;height:265px;cursor: pointer;}
.art p{font-size:18px;line-height:32px;color:#898788;margin-bottom:20px}
.art h2{font-size:18px;font-weight:700;margin-bottom:10px;color:#898788}
.art img{max-width:100%;margin-bottom:0px}
.shaw{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.72);z-index:10}
.pop{display:none; position:fixed;top:25vh;left:50%;background:#fff;z-index:11;width:707px;margin-left:-354px;border: 5px solid rgba(0,0,0,0.2);border-radius: 10px;}
.pop-title{height:46px;background:#eee;color: #787878;line-height:46px;/* text-align:center; */padding: 0 42px 0 20px;font-size: 16px;/* color:#cf000e; */font-weight:700;border-bottom:1px solid #ccc;border-radius: 10px 10px 0 0;}
.pop-con{padding:25px 40px;color:#777}
.pop-art-ht{color:#color: #cf000e;font-size: 16px;color:#cf000e;margin-bottom:8px;}
.pop-ul{font-size:15px}
.pop-ul li{padding:0 0 8px 20px;line-height:1.45;position:relative}
.pop-ul li:before{content:"";position:absolute;width:8px;height:8px;background:#9b9a9a;border-radius:50%;left:3px;top:8px}
.p-margin{margin:20px 0}
.x-close{position:absolute;right:0;font-size:16px;display:block;color:#666;transform:scale(1,.8);padding:6px 16px;font-weight:400;top:-6px;height:47px;border-left:1px solid #ccc}
.x-close:hover { color: #fff;background-color: grey;border-radius: 0 10px 0 0;}
.pop-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.flex-control-nav li{margin:0 5px;font-size:0;display:inline-block}
.flex-control-nav{text-align:center}
.flex-control-nav li a{display:block;width:12px;height:12px;border-radius:50%;background:#eee}
.flex-control-nav li a.flex-active{background:#b3030b}
.pop-img-box{position:absolute;z-index:11;top:50%;left:50%;transform:translate(-50%,-50%)}
.pop-img-p{color:#fff;text-align:center;font-size:16px;margin:10px auto}
@media (max-width:1199px) and (min-width:769px){.head,.nav{min-width:1px}
.index-intro-l,.index-intro-r{float:none;width:95%;margin:0 auto}
.index-box-02{background-size:cover}
.head-r{display:none}
.n-a{font-size:14px;padding:0 4px}
.sec-wrap{width:auto}
}
@media only screen and (max-width:768px){.nav,.img-box-intro{display:none}
.n-a-btn{display:block;position:absolute;right:10px;width:25px;height:20px;padding:0!important;top:15px;border:1px solid #b3030b!important;border-radius:2px}
.n-a-btn:before{content:"";display:block;width:75%;height:1px;margin:5px auto;background:#b3030b;box-shadow:0 4px #b3030b,0 8px #b3030b}
.nav{position:absolute;right:0;top:50px;height:auto;z-index:11;padding:10px 0}
.n-a{display:block;padding:5px;line-height:1.7;font-size:14px;border:none}
.nav-z{position:static}
.logo{width:90%;height:40px;margin-left:14px;margin-bottom:5px}
.head-r{display:none}
.banner{height:200px;background-size:contain;background-size:cover}
.sec-banner {height: 150px;}
.index-ht{font-size:18px;line-height:40px}
.img-box,.img-box:nth-child(4n){width:calc((100% - 30px)/ 2);height:96px;margin:0 1.5% 13px}
.wrap .img-h{font-size:14px;height: 36px;}
.sec-wrap,.wrap{width:auto;margin:0 10px}
.sec-wrap .company {text-align: left;}
.index-intro-l{float:none;width:auto;margin-right:0}
.intro-p{font-size:16px}
.index-intro-r{font-size:14px;line-height:1.7;margin-top:16px;max-height: 188px;}
.a-logo{width:28%;height:auto}
.logo-box{text-align:center}
.a-logo,.a-logo:nth-child(6n){margin-right:1%;margin-left:1%;margin:0 1.5% 15px}
.index-box-01,.index-box-02,.index-box-03,.index-box-04,.index-box-05{padding:10px 0 30px}
.footer{padding:10px 5px;line-height:1.7}
.index-box-06 .link-dl{display:block;width:90%}
.link-dl+.link-dl{border:none;padding-left:0}
.index-box-06{padding:1px 0}
.img-box-art,.sec-wrap .img-box-art{width: 45%;height: 122px;margin: 0 2% 10px;float: none;}
.company>a:nth-child(3n) .img-box-art {margin-right: 2%;}
.index-box-03 .img-h{height:auto;font-size:14px;padding:0px 5px; height:36px;}
.head,.img-box-intro{height:auto}
.index-box-04 .img-h{font-size:14px;height:36px}
.more-a{margin-top:10px}
.index-ew-box{position:static;transform:translateX(0);margin:-10px 0 20px}
.sec-list,.sec-nav{width:100%}
.list{width:95%;margin:0 12px 20px}
.list-l{float:none;width:100%;max-width:100%}
.list-r{padding:10px}
.sec-a{width:47%;font-size:14px;height:34px;line-height:34px}
.sec-nav{margin:10px 12px}
.list-t{font-size:19px}
.list-btn{width:100%}
.p-a{padding:8px 12px}
.sec-ht{font-size:18px;padding-bottom:20px;margin-bottom:0;border:none}
.dl-img{display:inline-block;width:48%; margin:0 1%;}
.dl-dt{border:2px solid #c9c9c9;height:185px}
.pop{width:95%;margin:0;left:2.5%;top:5vh}
.pop-con{padding:10px 15px}
.sec-a:nth-child(4n) {margin-left:0;}
.sec-a{margin-right:4px;}
.index-banner-bg img{width:100%;height:180px;object-fit: cover;}
.index-banner-bg {max-width: 100%;}
}

.con-date {text-align: center;margin-bottom: 15px;color: #666;line-height: 35px;}

/*��Ʒ������*/
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;opacity:0.6;filter:alpha(opacity=60)}
.modal{position:fixed;top:50%;left:50%;z-index:1050;width:560px;margin:-250px 0 0 -280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;outline:none;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}
.close{cursor:pointer;padding:2px 3px;cursor:pointer;padding:2px 3px;position:absolute;right:10px;top:14px; font-size:14px;}
.close:hover{background-color:grey;color:#ffffff}
.modal{display:none;padding:0 40px 20px;font-size: 14px;background:white;border:5px solid rgba(0,0,0,0.2);border-radius:10px;overflow:auto;margin-bottom:40px;box-shadow:0 1px 0 white inset;margin-top:-267px}
.modal a:hover{text-decoration:none}
.modal h1{background:#EEE;border-bottom:1px solid #CCC;border-top:1px solid #CCC;font-size:16px;padding:10px 20px;border-top-left-radius:6px;border-top-right-radius:6px;margin-bottom:30px;margin: 0 -40px 0px;}
.modal .close{position:absolute;top:0;right:0;padding:12px 18px 16px 18px;height:16px;overflow:hidden;opacity:.8;border-left:1px solid #BBB}
.modal p{ line-height:24px; padding-top:10px;}
/*.modal p span{ color:#cc0000; font-size:15px; font-weight:bold;}*/
.modal .msds{ background-color:#cc0000; width:120px; height:35px;line-height:32px;display:block; float:left; color:#fff; text-align:center; margin-right:20px; margin-top:20px;}
.modal .msds:hover{ color:#fff;}
.modal .cpsm{ background-color:#e97300; width:120px; height:35px; line-height:32px;display:block;float:left; color:#fff;text-align:center;margin-top:20px;}
.modal .cpsm:hover{ color:#fff;}