*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0;}
body,textarea,input,button,select,keygen,legend{font:14px/1.5;color:#3d3d3d;outline:0;font-family:'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif;font-style: normal;}
html,body{width:100%; position:relative;height:100%;}
.bodyw,.body_st{height:100%;}
body{overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}

/** 重置超链接元素 **/
a{text-decoration:none;color:#3d3d3d;-webkit-transition:0.5s;transition:0.5s;}
a:hover{color:#96181b;}

/** 重置图片元素 **/
.l{ float:left;}
.r{ float:right;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.w1650{ width:1400px;max-width: 95%; margin:auto;}
.w1400{ width:1400px;max-width: 95%; margin:auto;}
.w1200{ width:1200px;max-width: 95%; margin:auto;}

.top_bg{position: fixed;left: 0;top: 0;right: 0;z-index: 9;-webkit-transition: 0.5s;transition: 0.5s;height: 101px; background: #fff;}
.top_h{}
.top_h .logo{padding: 18px 0;}
.top_h .logo img{height:65px;}

.img1{display: block;}
.img2{display: none;}

.dh_tx{position: absolute;top:0;}
.dh_tx i{position: absolute;top: 0; height:101px;-webkit-transition:0.5s;transition:0.5s;}
.dh_tx i:after{content: "";position: absolute;left: 30px;bottom: 0;right: 30px; -webkit-transition:0.5s;transition:0.5s;border-bottom: 2px solid #96181b;}
.dh{}
.dh ul li{float: left;position: relative;}
.dh ul li p a{display: block;line-height: 101px;font-size: 16px;position: relative;color: #333;padding: 0 20px;}
.dh ul li.on p a{color: #96181b;}
.dh ul li .dh_fl{position: absolute;left: 50%;top: 101px;width:200px;display: none;margin-left: -101px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.dh ul li .dh_fl ul{background: #fff;}
.dh ul li .dh_fl ul li{float: none;padding: 0;border-bottom: 1px dotted #eee;}
.dh ul li .dh_fl ul li a{display: block; font-size: 15px;line-height:26px;position: relative;color: #666; text-align:center;}
/*.dh ul li .dh_fl ul li a:after{float: right;font-size: 12px;content: "\e68b";font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/
.dh ul li .dh_fl ul li:hover a{color: #fff; background:#B91A2E;}
.top_ss{margin-left: 20px;}
.top_ss span.button{ display:block; width:30px; height:101px;font-size: 18px;line-height: 101px;text-align: center;color: #333; cursor:pointer;-webkit-transition:0.5s;transition:0.5s;}
.serach{position:absolute;left: 0; right:0px;background: #FFF; top:0px; width:100%;overflow:hidden; z-index:10;display: none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;padding: 30px 0;}
.serach form{position: relative;}
.serach form input[type='text']{font-size:16px; width:100%; height:40px; line-height:40px;padding:0 101px 0 50px; color:#333;background: none;}
.serach form a{position: absolute;left: 0;top:0px;width: 40px;height:40px;font-size: 20px;line-height: 40px;text-align: center;color: #666;}
.serach form span{position: absolute;right: 0;top:0px;width: 40px;height:40px;cursor: pointer;}
.serach form span:before{content:""; position: absolute;left: 50%;top:50%;width: 24px;height:2px;background: #333;margin: -1px 0 0 -12px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:after{content:""; position: absolute;left: 50%;top:50%;width: 2px;height:24px;background: #333;margin: -12px 0 0 -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:hover:before{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.serach form span:hover:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.top_yy{margin-top:35px;margin-left: 30px; text-align:center;color: #333;}
.top_yy a{font-size: 17px;line-height:32px; color: #333; }
.top_yy a:hover{ color:#96181b;}

.top_bg.on{background: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.top_bg.on .dh_tx i:after{border-bottom: 2px solid #96181b;}
.top_bg.on .dh ul li p a{color: #333;}
.top_bg.on .dh ul li.on p a{color: #96181b;}
.top_bg.on .dh ul li .dh_fl ul li:hover a{color: #fff; background:#96181b;}
.top_bg.on .top_ss span.button{color: #333;}
.top_bg.on .top_ss:hover span.button{color: #96181b;}
.top_bg.on .top_yy{ color:#333;}
.top_bg.on .top_yy a{ color:#333;}



.top_hbg{background:#fff;}
.top_hbg .img1{display: none;}
.top_hbg .img2{display: block;}
.top_hbg .dh ul li p a{color: #333}
.top_hbg .dh ul li.on p a{color: #96181b;}
.top_hbg .top_yy a{color: #333}
.top_hbg .top_ss span.button{color: #96181b;}

.banner{width:100%;overflow:hidden;position:relative; margin-top: 100px;}
.banner ul{ position:relative; width:10000%;}
.banner ul li{float:left;width:1%;overflow:hidden;position:relative;}
.banner ul li img{display:block;width:100%;height:100%;}
.banner ul li.on img{}
.bandd{ position:absolute; left:0; bottom:3%; width:100%; text-align:center; z-index:5;}
.bandd span{z-index:2;cursor:pointer;margin:0 5px;display:inline-block;width:50px;height:2px;zoom:1;position:relative;-webkit-transition:0.5s;transition:0.5s;background: #fff;}
.bandd span.on{background:#96181b;}
.banz,.bany{ position:absolute; top:50%; width:50px; height:50px; opacity:0;  -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 24px;line-height:50px;text-align: center;color: #333;background: rgba(255, 255, 255, 0.5);border-radius: 50%;}
.banz{ left:5%;}
.bany{ right:5%;}
.banz:before,.bany:before{position: absolute;top: 50%;left: 50%; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%) ;}
.bany:before{-webkit-transform:translate(-50%, -50%) rotate(180deg);transform:translate(-50%, -50%) rotate(180deg);}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}

.biicon{width: 100%;padding: 20px 0;box-sizing: border-box; overflow: hidden;}
.col-md-3 {width: 25%; float: left;}
.cent_font{width: 100%;background: #f5f5f5;padding: 20px 15px;display: table;}
.cnet_left{float: left}
.cent_font .ybt{font-size: 18px;font-weight: bold;line-height: 40px}
.cent_font .ywz{font-size: 14px;}
.cnet_img{float: right;width: 60px;margin-top: 15px;}
.cnpa{padding: 0 10px}

.zx_bt{width: 100%;margin: auto;margin:30px 0;text-align: center;}
.zx_bt .bt{text-align: center;font-size: 32px;color: #000;font-weight: 500;padding-bottom:12px;background:url(../images/p_tt.png) center top no-repeat;}
.zx_bt p{font-size: 15px; line-height: 30px; color: #555;}
.zx_bt .bt.white{color:#fff}
.zx_bt p.white{color:#fff}


#ind_spec{background: #f5f5f5; padding:3% 0; overflow: hidden;}
#ind_spec ul{display:flex;flex-flow:wrap;justify-content:space-between; margin-left: -1%; margin-top: 2%;}
#ind_spec li{width:24%;background:#fff;padding:4%;transition:all .3s linear;text-align: center;border-radius: 30px; margin-left: 1%; margin-bottom: 1%; flex-shrink: 0; box-sizing: border-box;}
#ind_spec li:nth-child(5), #ind_spec li:nth-child(6), #ind_spec li:nth-child(7){width: 32.333%;}
#ind_spec li p{width:88px;display: inline-block;}
#ind_spec li p img{max-width: 100%;transition:all .5s}
#ind_spec li .fbt{font-size:24px;font-weight:400;color:#111;line-height:1.5;}
#ind_spec li .des{font-size:16px;line-height:2;color:#777}
#ind_spec li:hover{background-size:125px auto}
#ind_spec li:hover .fbt{text-decoration:underline}
#ind_spec li p img:hover{transition:all .5s;transform: scale(1.25,1.25);}
#ind_spec li p.icimg1{display: block; margin: auto; transition:all .5s}
#ind_spec li p.icimg1 img{transition:all .5s}
#ind_spec li p.icimg2{display: none; margin: auto; transition:all .5s}
#ind_spec li p.icimg2 img{transition:all .5s}
#ind_spec li:hover p.icimg1{display: none;}
#ind_spec li:hover p.icimg2{display: block;}

.title{text-align: center;}
.title .inpbt{color: #e0e0e0;font-size: 40px;text-transform: uppercase;}
.title .inpwz{color: #333333;font-size: 30px;margin-top: -28px; font-weight: 600}
.title i.bg{width: 2px;height: 32px;background: #96181b;display: block;margin: 12px auto 15px;}
.title p.name{margin-top: 5px;font-size: 18px;line-height: 26px;}
.info_name{margin-top: 20px;text-align: center;color: #999999;font-size: 15px;line-height: 24px;}

.titlew{text-align: center;}
.titlew .inpbtw{color: #e0e0e0;font-size: 40px;text-transform: uppercase;}
.titlew .inpwzw{color: #fff;font-size: 36px;margin-top: -28px; font-weight: 600}
.titlew i.bg{width: 2px;height: 32px;background: #96181b;display: block;margin: 12px auto 15px;}
.titlew p.name{margin-top: 5px;font-size: 18px;line-height: 26px;}
.info_namew{margin-top: 20px;text-align: center;color: #fff;font-size: 15px;line-height: 24px;}


.home_business{width: 100%; height: auto; overflow: hidden; padding: 3% 0; box-sizing: border-box;}
.home_business ol{margin-top: 50px;margin-right: -2%;}
.home_business ol li{float: left;width: 31.333%;margin-right: 2%;position: relative;overflow: hidden; margin-bottom: 2%;}
.home_business ol li:nth-child(4), .home_business ol li:nth-child(5){width: 48%;}
.home_business ol li .img{line-height: 0;text-align: center;overflow: hidden;}
.home_business ol li .img img{width: 100%;}
.home_business ol li .ptext{position: absolute;left: 0;bottom: 0;height: 66px;overflow: hidden;width: 100%;background: rgba(150,24,27,.8);padding: 0 50px;color: #fff;text-align: center;transition: all .3s;}
.home_business ol li .ptext .wz{line-height: 66px;font-size: 18px;}
.home_business ol li .ptext p{line-height: 24px; display: none;}
.home_business ol li .ptext span{font-weight: bold;color: #fff;display: inline-block;margin-top: 20px;  display: none;} 
/* .home_business ol li:hover .ptext{height: 100%;text-align: left;padding-top: 15vw; display: none;} */

.index_about{padding:7% 0;background: url(../images/abg.jpg) no-repeat center top; background-attachment: fixed; box-sizing: border-box;}
.AutoTitle{ text-align:center; padding:0px; }
.btitle{ font-size:44px; line-height:70px; color:#fff; font-weight:bold;}
.btitle span{color:#ffc000; }
.btitle::after{ content:""; display:block; height:2px; width:40px; background:#ffc000; margin:4px auto 0; }

.index_aboutny{margin:3% 10%; font-size:20px; line-height: 36px; color: #fff;}
.inbutter{width: 140px; line-height: 45px; border-radius:50px; background: #ffc000; color: #fff; margin: 0 auto}
.inbutter a{display: block; text-align: center; color: #fff}
.inbutter a:hover{display: block;}

.index-data{ margin-top:0%;}
.index-data ul{display: flex;}
.index-data ul li{text-align: center; flex-shrink: 0; width:33.333%; padding: 2%; box-sizing: border-box;}
/* .index-data ul li:before{content: "";position: absolute;z-index: 1;top: 50%;left: 0%;width: 1px;height: 40%;transform: translate(0%, -50%);transition: all .4s;} */
.index-data span{display: block;color: #ffc000; text-align: center; margin: 0 auto 10% auto;}
.index-data span img{margin: auto; display: block; clear: both;height:100px;}
.index-data .data{display: inline-block;font-size:42px;line-height:55px;color: #ffc000; font-weight: 600;}
.index-data small{font-size:30px;color: #ffc000;}
.index-data p{margin-top:5%;color: #f0efea; font-size:16px; font-weight: 300;}



/* server */
.server { padding:50px 15px 0; box-sizing: border-box; background: url(../images/server-bg.jpg) no-repeat center; width: 100%; height: 500px; background-size: cover; }
.server .wrap-title span{ color: #ffc000;}
.server .server-con { margin:7% 0; display: block; width: 100%; height: 130px; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;box-sizing: border-box;}
.server .server-con ul { margin-top: -24px; display: flex; flex-wrap: wrap;}
.server .server-con li { position: relative; flex: 1; text-align: center;}
.server .server-con li i { transition: all 1s; display: block; margin: 0 auto; width: 41px; text-align: center;}
.server .server-con li i img { display: block; width: 100%;}
.server .server-con li p { font-size:18px; color: #333; margin:6% 0;  font-weight:500;}
.server .server-con li span { font-size:22px; color: #222; font-weight: bold;}
.server .server-con li::after { transition: all 1s; content: ''; display: block; position: absolute; right: 0; top: 50%; width: 10px; height: 52px; background-size: 100%; background: url(../images/server-bf.png) no-repeat center;}
.server .server-con li:last-child::after { display: none;}
.server .server-con li:hover i { transform: rotateY(360deg);}
.server .server-con li:hover::after { right: -10px; }
.server-form { text-align: center; margin: 65px auto 0;display: block;overflow: hidden;font-size: 0;}
.server-form .in_tel{font-size: 22px;display: inline-block;vertical-align: middle;width: 320px;height: 55px; line-height: 55px;  background: #96181b;outline: none;border:none; font-weight: 600; color: #fff}
.server-form input {padding-left: 20px;vertical-align: middle;font-size: 16px;display: inline-block;width: 420px;height: 55px;background: #fff;outline: none;border:none;}
.server-form a {display: inline-block;vertical-align: middle;width: 170px;height: 55px;line-height: 55px;text-align: center;font-size: 16px;color: #fff;background: #ffc000;}
.server-form a i { margin-left: 30px;width: 32px;}
.server-form a i img{max-width: 100%; vertical-align: middle;}

/* server end */
.flex{display: flex;flex-wrap: wrap;}
.news{width: 100%;padding:4% 0; overflow: hidden;}
.news-tit{width: 100%;text-align: center;color: #333;}
.news-tit .nbt{font-size: 36px;}
.news-tit a{display: block;width: 100%;font-size: 14px;margin-top: 14px;color: #777;}
.news-list{width: 100%;margin-top:3%;}
.news-list ul{margin-left: -2%;}
.news-list li{width: 31.333%;margin-left: 2%;position: relative;float: left;}
.news-list li a{display: block;width: 100%;}
.news-img{width: 100%;overflow: hidden;}
.news-img img{width: 100%;object-fit: cover;transition: all 1s ease; display: block;}
.news-wd{width: 100%;padding: 3%;color: #333; box-sizing: border-box; background: #fff;}
.news-wd .nbt{font-size: 16px;line-height: 28px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-wd p{font-size: 13px;color: #777;line-height:25px;height: auto;margin-top:1%;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.news-list li a:hover .news-img img{transform: scale(1.06);}

/*底部导航*/
/*Bottom002705 */
.Bottom002705{ padding:2% 0 0%; background-size:cover;background:#222;color:#333; overflow: hidden;}

.Bottom002705 .bottom-mid,
.Bottom002705 .bottom-left{ float:left;}
.Bottom002705 .bottom-left{ width:30%; margin-right: 3%;}
.Bottom002705 .bottom-left p{font-size:14px;color:rgba(255,255,255,0.8); line-height: 28px;}
.Bottom002705 .bottom-right{ float:right; text-align: left}
.Bottom002705 .bottom-right dt{ padding-top:0px; color:#fff; font-size:18px;}
.Bottom002705 .bottom-right dt::after{display: block;
    content: '';
    width: 60px;
    height: 1px;
    background: rgba(255,255,255,.4);
    margin: 15px 0;}
.Bottom002705 .bottom-mid{ width:56%; overflow:hidden;}
.Bottom002705 .bottom-mid dl{ float:left; width:25%;}
.Bottom002705 .bottom-mid dl:first-child{width: 50%;}

.Bottom002705 .logo img{ display:block; width:80%; max-width:265px;}
.Bottom002705 .hotline{ margin-top:0%; color:#fff; padding-bottom:2%; font-size:18px;}
.Bottom002705 .hotline b{ display:block; font-size:40px; color:#fff;font-family: "DINCond-Bold";margin-top:2%;}

.Bottom002705 .bottom-mid dt{ padding-top:0px; color:#fff; font-size:18px;}
.Bottom002705 .bottom-mid dt aside{ font-size:22px;text-transform: uppercase; padding-bottom:10px;color:rgba(255,255,255,0.5);}
.Bottom002705 .bottom-mid dt::after{ display:block; content:''; width:60px; height:1px; background:rgba(255,255,255,0.4);  margin:15px 0;}
.Bottom002705 .link dd{ font-size:14px; line-height:33px;}
.Bottom002705 .link dd a{ color:rgba(255,255,255,0.8); }
.Bottom002705 .link dd a:hover{ opacity:1;}
.Bottom002705 .bshare-custom{ overflow:hidden;}
.Bottom002705 .bshare-custom a{ display:block; float:left; padding:0; width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,0.4); background-position: 0 0; background-repeat:no-repeat; }
.Bottom002705 .bshare-custom a:hover{ opacity:1;}
.Bottom002705 .bshare-custom a:not(:last-child){ margin-right:10px;}
.Bottom002705 .bshare-custom a.bshare-qqim{ background-image:url(../img/Bottom002705_share_qq.png);}
.Bottom002705 .bshare-custom a.bshare-weixin{ background-image:url(../img/Bottom002705_share_wx.png);}
.Bottom002705 .bshare-custom a.bshare-sinaminiblog{ background-image:url(../img/Bottom002705_share_sina.png);}
.Bottom002705 .bshare-custom a.gettop{background-position: -2px 0; background-image:url(../img/Bottom002705_share_gtop.png);}
.Bottom002705 .code{ padding-top:0px;}
.Bottom002705 .code img{ max-width:141px; width:100%;}
.Bottom002705 .code ul{margin-right: -2%}
.Bottom002705 .code li{float: left; margin-right: 2%; text-align:center;}
.Bottom002705 .code li img{ max-width:141px; width:100%;}
.Bottom002705 .code li p{text-align:center; font-size: 14px; line-height: 35px; color: #fff}

.Bottom002705 .bottom-right{ }
.Bottom002705 .word{ overflow:hidden;}
.Bottom002705 .word::before{ display:block; content:''; width:80%; max-width:180px; height:1px; background:#ccc;  float:right; margin-bottom:37px;}
.Bottom002705 .word p.en{ clear:both; opacity:0.33; font-size:18px; margin-top:0; font-family:candara ,Verdana, Geneva, sans-serif;}
.Bottom002705 .word p.cn{ margin-top:0; font-size:18px; max-width:520px;line-height: 31px; float:right;}
.Bottom002705 .copyright{margin-top:2%; border-top:1px solid rgba(255,255,255,0.1);padding:1% 0; overflow: hidden;}
.Bottom002705 .copyright a{color:rgba(255,255,255,0.8);}
.Bottom002705 .copyright nav{float:right;}
.Bottom002705 .copyright nav a{ }
.Bottom002705 .copyright nav a:hover{ opacity:1;}
.Bottom002705 .copyright nav a:not(:last-child)::after{ display:inline-block; content:''; vertical-align:middle; width:1px; height:8px; background:rgba(255,255,255,0.3);  margin:0 10px;}
.Bottom002705 .copyright p{ color:rgba(255,255,255,0.8);line-height: 24px;margin:0; text-align: center;}

.ft-share{margin-top: 0px;}
.ft-share a{margin: 6px 16px; display: inline-block;}


/*内页代码*/
.banner_ny{margin-top: 101px;}
.banner_ny img{width: 100%; display: block;}
/*当前位置*/
.sun-navs{width: 100%; height: 55px; background-color: rgba(0, 0, 0, 0.75); position: absolute; margin-top: -55px; }
.sun-navs ul{text-align: center; font-size: 0;}
.sun-navs ul li{display: inline-block; padding: 0 42px; text-align: center; font-size: 16px; color: #fff; line-height: 55px; cursor: pointer; transition: all .5s ease; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;}
.actives{background-color: #96181b; color: #fff !important;}
.sun-navs ul li:hover{background-color: #96181b; color: #fff;}


/*关于我们*/
.b-ab ul,.b-abj,.i-cou,.view-page,.i-techa ul,.i-fs ul,.i-prods li,.i-pos ul,.i-pot,.i-potb .owl-nav,.b-abos,.b-jj{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.b-abkk{padding:4% 0; overflow: hidden;}
.b-abj{justify-content: space-between;margin:auto;width:100%;}
.b-abt{width:48%;transition-delay: 0.8s;}
.b-abt img{width:100%;}
.b-about{width: 47%;padding-top: 30px;}
.b-abou{font-size:36px;}
.b-abou p{font-size:20px;position:relative;transition-delay: 0.9s;}
.b-abou p:after{content:'';position:absolute;top:0;left:-25px;width:20px;height:20px;background:url("../images/it1.png") center no-repeat;background-size:100%;object-fit: cover; }
.b-abou .cnbt{transition-delay: 1s; color: #333; line-height: 40px; font-weight: 600; font-size:36px;}
.b-abo{font-size:16px;line-height:28px;text-indent: 2em;color: #666e80;margin:30px auto 0px;padding-top: 30px;border-top:2px solid #e6e8ed;transition-delay: 1.1s;}

.b-abos{justify-content: space-between;margin-top:40px;background:rgb(240, 242, 247)}
.b-abxx{width:100%;margin:0 auto ;padding:3% 0;}
.b-abxxa{width:65%;position:relative;}
.b-abxxa img{width:100%;position:relative;z-index:1; display: block;}
.b-abxxb{width:30%;}
.b-abxxba{width:50px;height:3px;background:#96181b;margin:30px 0;}
.b-abxxbb{font-size:24px;line-height:32px;font-weight: bold;color:#96181b;}
.b-abxxbb p{font-size:18px;line-height:28px;color:#555; font-weight: 400; margin-top:1%;}


.index-data2{ margin-top:4%;}
.index-data2 ul{display: flex;}
.index-data2 ul li{text-align: center; flex-shrink: 0; width:33.333%; padding: 2% 0; box-sizing: border-box;}
.index-data2 ul li:before{content: "";position: absolute;z-index: 1;top: 50%;left: 0%;width: 1px;height: 40%;transform: translate(0%, -50%);transition: all .4s;}
.index-data2 span{display: block;color: #96181b; text-align: center; margin: 0 auto 10% auto;}
.index-data2 span img{margin: auto; display: block; clear: both;height:60px;}
.index-data2 .data{display: inline-block;font-size:42px;line-height:46px;color: #96181b; font-weight: 600; }
.index-data2 small{font-size:20px;color: #333;}
.index-data2 p{margin-top:5%;color: #555; font-size:16px; }


.news-first{display:flex;margin-bottom:4%;border-radius: 16px;transition:all 0.4s;background:#f7f7f7;overflow:hidden}
.news-first:hover{background:#fff;box-shadow:0 0 15px #ccc;overflow:hidden}
.news-first .img{display:block;width:50%;flex-shrink:0}
.news-first .img img{width:100%; display: block;}
.news-first .info{display:block;width:50%;padding:3%; box-sizing: border-box;}
.news-first .info .time{font-size: 18px; margin-bottom: 2.2%;}
.news-first .info .time .icon{font-size: 18px;}
.news-first .info .title{display:block;margin-bottom:2rem;transition:all 0.4s; font-size: 28px; margin-bottom: 5.6%; line-height: 40px;}
.news-first:hover .info .title{color:#96181b}
.news-first .info .title:hover{color:#96181b}
.news-first .pre{font-size: 14px; line-height: 26px;}
.news-first .btn{display:inline-block;padding: 0 4%;margin-top: 5.7%;font-size: 15px;line-height: 41px;color:#fff;border-radius:2em;background:#96181b;transition:all 0.4s}
.news-first .btn:hover{padding:0 2.5em;background:#96181b}

.news-ul{margin: 0 0 0 -1.5%;display: flex;flex-wrap: wrap;}
.news-link{display: block;width: 31.8333%;float: left;margin: 30px 0 0 1.5%;background: #fff;transition: all .4s ease;position: relative;}
.news-pic{width:100%;overflow:hidden}
.news-pic img{width:100%;object-fit:cover;transition:all .8s ease;height: auto; display: block;}
.news-link:hover img{transform:scale(1.06)}
.news-info{background:#f5f5f5;display:flex;padding:3%;z-index: 1;position: relative;transition: all .4s ease}
.news-link:hover .news-info{transform: translateY(-40px)}
.news-time{font-size:14px;color:#888;font-family: "Samsung";text-align:center}
.news-time span{font-weight:700;font-size:32px;color:#333;display:block;width:60px;line-height:1.5}
.news-txt2{width:calc(100% - 50px);padding-left:20px}
.news-txt2-title{font-size:16px;color:#333;font-weight:700;margin-bottom:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-txt2 p{font-size:14px;line-height:24px;height: 48px;color:#888;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.news-more2{position:absolute;z-index:0;width:100%;background:#96181b;color:#fff;display:flex;align-items:center;justify-content:center;height:40px;left:0;bottom:0;font-size:16px}
.news-more2 i{display:block;background:url("../images/arr-r.png") no-repeat center/100%;width:6px;height:10px;margin-left:20px}

.about_x2.bgs2{overflow:hidden;}
.about_x2.bgs2.bgs3 .con_id{ padding-top:0;}
.about_x2.bgs2 .show_t{ text-align:center;line-height:32px; font-size:28px; color:#96181b ;margin-bottom:16px; margin-top:12px; font-weight:400;}
.about_x2.bgs2 .con_line{ text-align:center; line-height: 35px; font-size: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.about_x2.bgs2 .con_line span{ margin-left:2%; margin-right:2%;}
.about_x2.bgs2 .con_line span i{ color:#222; font-style:normal;}
.about_x2.bgs2 .con_id{ line-height:30px;overflow:hidden;white-space:normal;word-break:break-all; padding:3% 0;font-size:15px; color:#444;text-align:left;}
.about_x2.bgs2 .con_id img{max-width: 100%; display: block; margin: auto;}
.about_x2.bgs2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2.bgs2 .con_id b{ display:block; padding-top:1%;padding-bottom:1%; overflow:hidden;}

.xinwenxiangqing{overflow: hidden;box-sizing: border-box;}
.xinwenxiangqing .nd_head{text-align: center;border-bottom: 1px dashed #d6d6d6;padding-bottom:1%}
.xinwenxiangqing .nd_head p{color: #96181b;font-size: 28px;height: auto;padding-bottom:1%}
.xinwenxiangqing .nd_head span{color: #666;font-size: 16px;margin: 0 15px;}
.xinwenxiangqing .nd_text{text-align: left;font-size:16px;line-height:30px;padding: 15px 0;}
.xinwenxiangqing .nd_text .big{font-size: 16px;line-height: 35px;font-weight: 600;color:#96181b}
.xinwenxiangqing .nd_text img{max-width: 100%;display: block;margin: 10px auto;}
.xinwenxiangqing .nd_text .baimg{width: 40%;float: right;margin-left: 30px;}
.xinwenxiangqing .nd_text .baimg img{width: 100%;clear: both;display: block;margin: auto}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad;color:#333;}
.new_s2{width:100%;float:left;margin-top:5%;}
.hot_pro2{width:100%;float:left;margin-top:5%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#96181b;line-height:45px;font-size:16px;padding:0 20px;font-weight:bold;border:1px solid #d6d6d6;box-sizing: border-box;}
.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#96181b;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.relatedNews{margin:5% 0 0;overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;color: #666}
.relatedNews_font ul li a:hover{color: #96181b}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}

.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0;text-align:center;background:#1193e7;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}
.PreveNext{border-top:1px #DEDEDE solid;margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size: 15px;}

.contact_content{width: 100%;background: #fff;}
.mte_pic2duct-title { font-size:36px; color: #262626; line-height: 40px; padding-bottom: 0; position: relative; margin-bottom: 2%; letter-spacing: -1px; font-weight: 600;}
.mte_pic2duct-title2 { font-size:36px; color: #262626; line-height: 40px; padding-bottom: 0; position: relative; margin-bottom: 2%; letter-spacing: -1px; font-weight: 600; text-align: center;}

.col_infos {width: 48.5%; float:left;background: #fff;padding:0; margin-top: 1.8%;}
.col_infos .cotit{color: #96181b; font-size:28px; line-height: 1.75; padding-bottom: 25px;font-family: 'Poppins';}

.cont_ico{overflow: hidden;}
.cont_ico h3{font-size: 20px;line-height: 1.75;color:#000;margin-bottom: 16px;font-weight: normal;font-family: 'Poppins';}
.cont_ico ul{ padding-top:15px; overflow: hidden;}
.cont_ico ul li{ position: relative; padding-left: 50px; font-size: 16px; line-height: 25px; color:#333; margin-bottom:3%; font-family: 'Poppins'}
.cont_ico ul li .t-cell{ display: table-cell; height: 36px; vertical-align: middle; }
.cont_ico ul .icons{ height: 36px; width: 36px; position: absolute; left: 0; display: flex; background: #96181b; border-radius: 50%; align-items:center;}
.cont_ico ul li img{width: 18px; height: 18px; margin: 0 auto; display: block; vertical-align: middle;}
.cont_ico ul li:last-child p{width:30%; float: left; margin-right: 3%;}
.cont_ico ul li:last-child p img{width:60%; display: block; height: auto; float: left;}

.col_feb {width: 47.5%; float:right;padding: 30px 35px; text-align: left; border-radius: 10px; background: #fff; box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 8%);}
.co_onr {width: 100%; overflow: hidden;}
.co_onr .febt{font-size: 30px;line-height: 1.2;color:#000;margin-bottom:12px;font-weight: normal;}
.co_onr p{ font-size: 16px; line-height: 1.5; color: #333; font-family: 'Poppins'; font-weight: 300;margin-bottom:3%; overflow: hidden;}
.co_onr ul li{overflow: hidden;float: left;width: 48%;}
.co_onr ul li span{display: block; font-size: 16px;color: #333; font-family: 'Poppins'; font-weight: 300; margin-bottom:5px;}
.co_onr ul li i{ display: inline-block; position: relative; width:100%; font-size: 14px; color: #666666; text-transform: uppercase;}
.co_onr ul li input{border: none;border: 1px solid #e7e3e3;width: 100%;line-height: 42px;height: 42px;background: #fff;padding: 0 15px;border-radius: 4px;}
.co_onr ul li.mal{ margin-left:2%; margin-bottom: 15px;}
.co_onr ul li.long{clear: both;width: 100%;margin-bottom: 15px;}
.co_onr ul li.long input{width: 100%;outline: none;}
.co_onr ul li.long textarea{border: none;height: 100px;width: 100%;outline: none;border: 1px solid #e7e3e3;background: #fff;padding: 10px 15px; border-radius: 4px; 
  font-size: 12px; font-family: 'Poppins';}
.co_onr ul li.long2{margin-bottom: 16px;}
.co_onr ul li.lst{line-height:45px;font-size: 15px;width:  100%; padding-bottom: 20px;}
.co_onr ul li.lst button{display: inline-block;float: left;width: 200px;height: 42px;line-height: 42px;color: #fff;cursor: pointer;border: none;font-size: 16px; font-family: 'Poppins';
  text-transform: capitalize;padding-right: 0;background: #96181b;  border-radius: 6px;}

.map{width: 100%; padding-top: 55px; overflow: hidden;}
.map #map_container{height: 550px;border: 5px solid #fff; font-size: 15px; font-family: 'Poppins';font-weight: normal;color:#000;}




#ind_spec2{padding:3% 0; overflow: hidden;}
#ind_spec2 ul{display:flex;flex-flow:wrap;justify-content:space-between; margin-left: -1%; margin-top: 2%;}
#ind_spec2 li{width:24%;background:#f5f5f5;padding:4%;transition:all .3s linear;text-align: center;border-radius: 30px; margin-left: 1%; margin-bottom: 1%; flex-shrink: 0; box-sizing: border-box;}
#ind_spec2 li:nth-child(5), #ind_spec2 li:nth-child(6), #ind_spec2 li:nth-child(7){width: 32.333%;}
#ind_spec2 li p{width:88px;display: inline-block;}
#ind_spec2 li p img{max-width: 100%;transition:all .5s}
#ind_spec2 li .fbt{font-size:24px;font-weight:400;color:#111;line-height:1.5;}
#ind_spec2 li .des{font-size:16px;line-height:2;color:#777}
#ind_spec2 li:hover{background-size:125px auto}
#ind_spec2 li:hover .fbt{text-decoration:underline}
#ind_spec2 li p img:hover{transition:all .5s;transform: scale(1.25,1.25);}
#ind_spec2 li p.icimg1{display: block; margin: auto; transition:all .5s}
#ind_spec2 li p.icimg1 img{transition:all .5s}
#ind_spec2 li p.icimg2{display: none; margin: auto; transition:all .5s}
#ind_spec2 li p.icimg2 img{transition:all .5s}
#ind_spec2 li:hover p.icimg1{display: none;}
#ind_spec2 li:hover p.icimg2{display: block;}

@media(max-width: 1200px){

.footer{ padding:10px 0 30px;}
.ft-menu{ display:none;}
.ft-infos{ float:left; width:60%; margin-right:20px;}
.ft-infos .con{margin-top:10px;}
.ft-QRcode{ float:none; margin-top:20px;}
.ft-QRcode .tel em{ font-size:18px;}

.flinks { padding:20px 0; }
.flinks dd a{ padding-left:0; margin-right:10px; padding-right:10px;}

}

@media(max-width: 980px){
.ft-QRcode .QRcode-list .item{width:110px;}
.ft-QRcode .QRcode-list .item i {width: 100px;}
.ft-QRcode .QRcode-list .item:nth-of-type(2){ display:none;}
}
@media(max-width: 320px){
.ft-infos{ width:55%;margin-right:10px;}
.ft-QRcode .QRcode-list .item{width:100px;}
.ft-QRcode .QRcode-list .item i {width: 90px;}
.ft-QRcode .QRcode-list .item:nth-of-type(2){ display:none;}

.ft-infos .con p{ padding: 6px 0; font-size: 13px;}
}